/*
Theme Name:  Salient Child
Description: Tema hijo para personalizaciones de AECOC.
Template:    salient
Version:     1.0.0
Text Domain: salient-child
*/

/*-------------------------------------------------------------------------*/
/* Note: The theme CSS files are loaded through the /css/ folder.
/*-------------------------------------------------------------------------*/

/* CUSTOM AECOC INSITE STYLES */
/**
*
* Custom CSS
* 
**/

/*
* Custom Header
*
**/

body #header-outer[data-format="centered-menu-under-logo"] .span_3.logo_adapted {
    width: 30% !important;
    float: left !important;
}

body #header-outer[data-format="centered-menu-under-logo"] .span_9.logo_adapted {
    width: 60% !important;
    float: left !important;
}

body #header-outer[data-format="centered-menu-under-logo"] .span_9.logo_adapted input{
    margin: 0px 7px;
}


body #header-outer[data-format="centered-menu-under-logo"] .span_9.logo_adapted input[type="password"]{
    margin-right:0px !important;
}

body #header-outer[data-format="centered-menu-under-logo"] .span_9.logo_adapted input[type="submit"]{
    float: right !important;
    margin-right:0px !important;
    background-color:#00bdea;
    margin-top:5px;
}


body #header-outer[data-format="centered-menu-under-logo"] .span_9.logo_adapted input:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 1000px #ececec inset;
}


.logo_adapted_form {
    width: 60%;
    float: right;
}

.form_aecoc {
    margin-top:5%;
}

.form_aecoc .row span  {
    float: left;
    width: 20%;
    margin-top: 20px;
}

.form_aecoc .row .span_4:first-child {
    height:1px;
}

.form_aecoc .row .span_4:nth-of-type(2) {
    text-align:center;
    color:#24b3d5;
    margin-top:-5px;
}

.form_aecoc .row .span_4:last-child {
    text-align:left;
}

.form_aecoc .row a.button {
    color:#17193e;
    border: 1px solid #17193e;
    padding:10px 20px;
    font-family: 'Amaranth', sans-serif;
    text-transform: uppercase!important;
    font-weight: 500;
    letter-spacing:1px;
}

.form_aecoc .row a.button:hover {
    color:#fff;
    background:#17193e;
}

/*
* Budget Form
*
**/
.gfield.gfield_html {
    color:#2cb3d6;
    font-size:16px;
}

.gform_wrapper .gfield_html.gfield_no_follows_desc {
    margin-top:20px;
    line-height:27px;
}

.gfield.gfield_html a {
    padding:10px 20px;
    color:#fff;
    display: block;
    width: 50%;
    margin: 20px auto;
}

.gfield.gfield_html a.button {
    background:#2cb3d6;
    font-family:'Amaranth',sans-serif;
    text-transform:uppercase;
    letter-spacing:2px;
}

header#top nav{
    display: flex !important;
    justify-content: center; 
}

header#top nav > ul > li > a {
    color:#fff !important;
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}

.nav_bg {
    background-color:#17193e!important;
}

.without-padding {
    padding-bottom:0px !important;
}

.footer-msg {
    text-align:center;
}

.footer-msg i {
    margin-right:10px;
    color:#2cb3d6;
    vertical-align:middle;
}

.footer-msg a {
    margin-right:10px;
}

#copyright .container .span_6 {
    text-align:right;
}

#copyright .container .span_6.col_last {
    text-align:left;
    margin-top:3px;
}

.admin-bar #header-outer {
    top:0px !important;
}

.area-toggle-header {
    display:none;
}

strong{
    font-weight:bold !important;
}

b{
    font-weight:bold !important;
}
/*
*
* Media Queries
*
**/

@media screen and (max-width:1270px) {
    body #header-outer[data-format="centered-menu-under-logo"] .span_3.logo_adapted,body #header-outer[data-format="centered-menu-under-logo"] .span_9.logo_adapted {
        margin-left:32px;
    }
    
    body #header-outer[data-format="centered-menu-under-logo"] .span_3.logo_adapted {
        width:25% !important;
    }
    
    body #header-outer[data-format="centered-menu-under-logo"] .span_9.logo_adapted {
        width:65% !important;
    }
    
}

@media only screen and (max-width: 1000px) and (min-width: 1px) {
    header#top .col.span_3 {
        position: relative;
        text-align:center !important;
    } 

    body #header-outer[data-format="centered-menu-under-logo"] header#top #logo img {
        margin: 0 auto 17px auto !important;
    }
    
    header#top #toggle-nav {
        right:10px;
    }
    
    header#top #toggle-nav i {
        color:#fff !important;
    }
    
    body #header-outer[data-format="centered-menu-under-logo"] .span_9.logo_adapted {
        width:100% !important;
        margin-left:0px !important;
    }
    
    body #header-outer[data-format="centered-menu-under-logo"] .span_3.logo_adapted {
        width:100% !important;
        margin-left:0px !important;
        margin-bottom:0px !important;
    }
    
    .logo_adapted_form {
        width:100%;
    }
    
    body #header-outer[data-format="centered-menu-under-logo"] .span_9.logo_adapted input {
        width:100% !important;
        margin:5px 0;
    }
    
    header#top .span_9 > .slide-out-widget-area-toggle i {
        color:#fff !important;
    }
    
    #header-space {
        height: 140px !important;
    }
    
    .form_aecoc .row a {
        margin-left: 0;
        margin-top: 0;
    }

	.form_aecoc .header-phone {
		margin-top: 10%;
	}
    
    header#top .span_9 > .slide-out-widget-area-toggle {
        right:20px;
    }
    
    body #header-outer[data-format="centered-menu-under-logo"] .span_9.logo_adapted.area_privada {
        display:none;
    }
    
    .area-toggle-header {
        display: block;
        font-size: 13px;
        position: relative;
        top: 6px;
        cursor:pointer;
    }
    
    .form_aecoc {
        margin-top:0%;
    }
    
    .form_aecoc .row .span_4:first-child {
        margin-bottom: 0;
    }
    
    .form_aecoc .row .span_4:nth-of-type(2) {
        margin-bottom: 0;
        height: 35px;
    }
    
    .form_aecoc .row .span_4:last-child {
        text-align: center;
        margin-bottom: 0;
        height: 37px;
    }
    
    #header-outer[data-format="centered-menu-under-logo"] header#top .span_9.col_last.nav_bg {
        margin-left: 0;
        max-height: 48px;
        min-height: 48px;
        line-height: 36px;
        margin-top: 28px;
        position:relative !important;
    }
    
    .container-wrap {
        padding-top:74px;
    }
    
    #copyright .container .span_6 {
        text-align:center;
    }
    
    #copyright .container .span_6.col_last {
        text-align:center;
    }
}

@media only screen and (max-width: 690px) {
	.form_aecoc .header-phone {
		margin-top: 18%;
	}
}


/* BELIKE STYLES */

.form_aecoc {
  margin-top: 0 !important;
}

.header-phone {
  margin-top: 5%;
  min-height: 48px;
}

#form-login-header {
  margin-top: 5%;
  overflow: hidden;
}

#form-login-header .username {
  width: 32%;
  float: left;
}

#form-login-header input[type="password"].password {
  float: left;
  width: 32%;
}

#form-login-header .submit {
  width: 27%;
  float: left;
  text-align: center;
}

.forgotten-link {
  float: right;
  margin-top: 12px;
}


/* FIX RESPONSIVE OF REV SLIDER CAPTIONS */
.rev_slider .tp-revslider-slidesli .tp-caption.tp-resizeme{
	display: flex !important;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	white-space: normal !important;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
	min-width: unset !important;
	max-width: unset !important;
}
.rev_slider .tp-revslider-slidesli .tp-caption.tp-resizeme img{
	margin:0 !important;
}
@media (min-width:1025px){
	.rev_slider .tp-revslider-slidesli .tp-caption.tp-resizeme{
		width:60vw !important;
	}
}

@media (min-width:500px) and (max-width:1024px){
	.rev_slider .tp-revslider-slidesli .tp-caption.tp-resizeme{
		width:90vw !important;
	}
}

@media(max-width:499px){
	.rev_slider .tp-revslider-slidesli.active-revslide .tp-parallax-wrap{
		left: 0 !important;
	}
	.rev_slider .tp-revslider-slidesli .tp-caption.tp-resizeme{
		margin-left: 0px !important;
		padding: 1rem !important;
		max-height: unset !important;
		min-width: unset !important;
		max-width: unset !important;
		width: 100vw !important;
	}
	.rev_slider .tp-revslider-slidesli.active-revslide .tp-caption.tp-resizeme{
	}
	.rev_slider .tp-revslider-slidesli .tp-caption{
		font-size: 1em !important; /* work with script to override rev slider inline size */
		line-height: 1.25em !important;
	}
}
.rev_slider .tp-revslider-slidesli .tp-caption.tp-resizeme.tp-shape{
	width: 100vw !important;
}


/* Fix logo slider */
.wls-wrap .slick-slider .slick-list .slick-track{
	display: flex;
	align-items: center;
}
@media (max-width:499px){
	.panel.slick-slide{
		padding: 0.125rem;
	}
}
@media (min-width:500px){
	.panel.slick-slide{
		padding: 0.5rem;
	}
}


header#top .container > .row:first-child .col.span_12 {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}

header#top .col.span_3.logo_adapted {
    width: 30% !important;
    flex: 0 0 30% !important;
    max-width: 30% !important;
    margin: 0 !important;
}

header#top .col.span_9.logo_adapted#login {
    width: 70% !important;
    flex: 0 0 70% !important;
    max-width: 70% !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
}

#form-login-header {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

@media only screen and (min-width: 1001px) {
    header#top .slide-out-widget-area-toggle.mobile-icon {
        display: none !important;
    }
}