/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.

    Created on : 15-may-2017, 12:37:47
    Author     : Tatiana
*/


@import  'colores';
@import  'funciones';

.mapa_contacto {
    height: 260px;
    overflow: hidden;
    iframe{
        height: 100%;
        width: 100%;
    }
}
section.container {
    margin: 32px auto;
}
.contact-form-box {
    padding: 23px 0 0 0;
    margin: 0 0 30px 0;
    -moz-box-shadow: rgba(0,0,0,0.17) 0 5px 13px;
    -webkit-box-shadow: rgba(0,0,0,0.17) 0 5px 13px;
    box-shadow: rgba(0,0,0,0.17) 0 5px 13px;
    .page-subheading {
        padding: 0 15px 15px;
        display: block;
        border: none;
        margin-bottom: 0;
    }
    .grupo_form_contact {
        padding: 0 19px 21px 19px;
        background-size: contain;
    }
    fieldset.campos_contacto label {
        display: block;
        font-weight: normal;
    }

    fieldset.campos_contacto input {
        width: 25%;
    }
    textarea{
        width: 100%;
        height: 150px;
    }
    @media (min-width: 992px){
        label.comentario {
            position: absolute;
            top: 0;
            left:  30%;
        }

        fieldset.campos_contacto {
            position: relative;
        }

        textarea.comentario {
            position:  absolute;
            top: 25PX;
            left:  30%;
            width:  69%;
            height:  280px;
            resize: none;
        }
    }
    .aceptar_condiciones_contacto {
        margin-top: 15px;
       
        p{
            text-align:center;
            .boton{
                display:none;
            }
        } 
        .text_leg_fContacto{
            font-size: 0.8em;
            text-align: justify;
            margin-bottom:20px;
            @media(min-width: 768px){
                &.collapse{
                    display:block;
                    height: auto;
                }
            }
        }
        .texto_condiciones_contacto{
            display:initial;
        }
        @media (max-width: 767px){
            p .boton{
                display:inline-block;
            }
            .text_leg_fContacto{
                &.collapse .in{
                    display:block;
                }
            }
        }
    }

    a.boton {
        display: none;
    }

    .botones {
        margin: 8px 0;
        margin-bottom: 8px;
        text-align: center;
        input {
            padding: 7px 35px;
        }
    }
}
#datos_contacto{
    overflow:hidden;
    section.contact-form-box{
        padding: 0 0 6px;
    }
    h3{
        margin:15px;
    }
    .datos{
        margin-top: 15px;
    }
    p{
        margin:5px 30px;
    }
    .mdi{
        color:$primario;
        font-size: 1.2em;
    }
    .redes_sociales{
        margin-bottom: 15px;
    }
}
.contacto_enviado{
    font-weight: 1.2em;
		overflow: hidden;
	display: flex;
	align-items: center;
    &:before{
        content: "";
        background: url(../images/send.png) center center;
        background-size: 90%;
        width: 150px;
        height: 150px;
        
	vertical-align: middle;
	margin-right: 15px;
		flex: 1 1;
	display: block;
	min-width: 150px;
    }
}
