/*
CTC Separate Stylesheet
Updated: 2020-10-30 17:13:03
*/

@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Semi+Condensed:wght@300;400;500;700&display=swap');
@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");



h1, h2, h3, .encode, #wppb-loginform > p.login-remember > label{font-family: 'Encode Sans Semi Condensed', Roboto, sans-serif!important;}

.roboto-slab {font-family: 'Roboto Slab', Roboto, sans-serif!important;}

.elementor-icon-list-text.fa, .elementor-icon-list-text.fas {
    font-family: "Font Awesome 5 Free"!important;
    font-weight: 900!important;
    
}

table {margin:0px!important padding: 0px!important; min-width: 100%!important; max-width: calc(100ww - 20px)!important;}
th, td{max-width: 23vw!important; width: 25%!important; text-align: left!important; font-size: 0.8rem!important; }
td {display: table-cell!important; vertical-align: text-top!important; padding-top: 20px!important; word-wrap: break-word!important; }

.dataTables_filter > label > input{margin: 0px 0px 0px 0px!important;}
.dataTables_filter > label:after{background-image: url(img/icono-lupita.png); background-color: #FF9B00!important; font-family: "Font Awesome 5 Free"!important; background-size: 20px 20px ; background-repeat: no-repeat; background-position: 3px 1px; float: right;  display: block; content: '1'; width: 32px; height: 27px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; border: 2px solid #FF9B00; border-right: none!important;} 

td a {font-size: 0.8rem!important;}


th {background: #FFB200!important; text-transform: uppercase!important; color: #ffffff!important;}

.dataTables_filter {width: 100%!important; height: 75px!important; background-image: url(img/fondo-buscador.jpg); background-size: auto; background-position: center right; background-repeat: no-repeat;}

.dataTables_filter > label {float: right!important; margin-top: 25px!important; margin-right: 1rem!important; color: rgba(0,0,0,0)!important; text-transform: uppercase;}

.dataTables_filter > label > input {max-width: 120px!important; height: 27px!important; border: 2px solid #FF9B00!important; border-bottom-left-radius: 5px!important; border-top-left-radius: 5px!important; text-align: center!important; background: #ffffff!important;}

.dataTables_filter > label > input:focus-visible, .dataTables_filter > label > input:focus {background-color: white!important; background: white!important; outline: none!important;}


.dataTables_filter > label::before {color:#ffffff!important; text-transform: uppercase!important; margin-right: -45px!important;}

.dataTables_filter > label::before {content: 'Buscar:'!important; max-width: 80px!important; display: inline!important; font-size: 0.8rem!important;}

.object-fit-cover {object-fit: cover!important;} 

.logo {max-width: 120px!important; height: auto!important;}

#menu-menu-principal a, #enlaces-socios a , #menu-menu-socios > li > a {color: #666666!important; font-weight: 400!important; font-family: 'Encode Sans Semi Condensed', Roboto, sans-serif!important; letter-spacing: .05rem!important;}
#menu-menu-principal .active a, #enlaces-socios .active a, #menu-menu-socios > li.active > a {color: #000000!important; font-weight: 1000!important; font-family: 'Encode Sans Semi Condensed', Roboto, sans-serif!important; letter-spacing: .05rem!important;}

#content {background: #ffffff!important;}
body, footer.site-footer {background: #00AEFF!important;}

#footer-nav a {color: #ffffff!important;}

#footer-nav li:hover, #footer-nav li:hover a {background: none!important; font-weight: bold!important; }

#footer-nav li, #footer-nav li a {font-family: 'Encode Sans Semi Condensed', Roboto, sans-serif!important; letter-spacing: .05rem!important; text-transform: uppercase!important;}

.logo-footer {width: 70px!important; height: 70px!important;}

#fondo-contacto {background-image: url(img/fondo-contacto.png); background-size: auto 5rem!important; background-position: center 105% !important; background-repeat: no-repeat!important;}

#prebanner, #finbanner {height: 2rem!important;}

.banner {height: 350px!important;}

#titulonovedades {bottom: 0!important; position: absolute!important; margin-bottom: -1rem!important; }

.font-weight-medium{font-weight: 500!important;}

#titulodestacado, #titulodestacado div {padding-bottom: 0px!important; padding-top:0px!important;}
#titulodestacado h3, #titulodestacado h2, #titulodestacado h1{vertical-align: bottom!important; margin-bottom:0px!important; padding-bottom: 0px!important;}
#titulocontacto {top: 0!important; position: absolute!important; margin-top: -0.3rem!important; }

#contactform input, #contactform textarea {min-width: 100%!important; margin-right: 0rem!important; border: 0px!important; padding-left: 0px!important;}

#contactform textarea {padding-left: 30px!important; max-height: 70px!important;}

#wpforms-101-field_1-container {margin-bottom: 2.5rem!important;}

#wpforms-101-field_5-container {width: calc(100% - 0px)!important; padding-bottom: 0px!important;}


#wpforms-101-field_0-container::before, #wpforms-101-field_1-container::before, #wpforms-101-field_3-container::before, #wpforms-101-field_4-container::before {width: 35px; height: 50px; font-family: "Font Awesome 5 Free"!important;  font-size: 1.3rem; color: #5267E4!important; position: absolute!important; margin-top: 0.25rem!important; left: 0!important; font-weight:900!important;}

#wpforms-101-field_0-container::before{content:'\f007'!important;}
#wpforms-101-field_1-container::before{content:'\f1d8'!important;}
#wpforms-101-field_3-container::before{content:'\f095'!important;}
#wpforms-101-field_4-container::before{content:'\f015'!important;}

.wpforms-field-container {width: 100%!important;}

#wpforms-101-field_0-container{margin-left: 45px!important; padding-bottom: 0px!important;}
#wpforms-101-field_1-container{margin-left: 45px!important; padding-bottom: 0px!important;}
#wpforms-101-field_3-container{margin-left: 45px!important; padding-bottom: 0px!important;}
#wpforms-101-field_4-container{margin-left: 45px!important; padding-bottom: 0px!important;}

textarea::placeholder, input::placeholder {font-weight: normal!important; font-family: 'Encode Sans Semi Condensed', Roboto, sans-serif!important; color: #5267E4; }


#accesosocios input[type=text], #accesosocios input[type=password] {padding-top:.5rem!important; padding-bottom:.5rem!important; padding-left: 30px; width}
#accesosocios p.login-username, #accesosocios p.login-password  {text-align: left!important;}

#accesosocios .login-username::before{background: url(img/icono-user.png)!important; background-size: 12px auto!important; background-repeat: no-repeat!important; width: 30px!important; height: 30px!important; content:''; margin-top: 0.5rem!important;  position: absolute!important; margin-left: 0.5rem!important;}

#accesosocios .login-password::before{background: url(img/icono-pass.png)!important; background-size: 12px auto!important; background-repeat: no-repeat!important; width: 30px!important; height: 30px!important; content:''; margin-top: 0.5rem!important; position: absolute!important; margin-left: 0.5rem!important;}

#rememberme {margin-right: 8px; margin-left: 6px; width: 14px; height: 14px; margin-top: 5px!important;}

#wppb-loginform {padding-left: 1rem!important; padding-right: 1rem!important;}

.login-submit {display: inline!important; float: right!important; width: auto!important;}

.login-remember {display: inline!important; float: left!important; width: auto!important; margin-top: 3px!important;}


input:focus::placeholder{
  color: transparent!important; background: none!important;
}

#wppb-submit {background:#5267E4; color: #ffffff; border-radius: 3rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; border: none!important; font-family: 'Encode Sans Semi Condensed', Roboto, sans-serif!important;}

#wppb-form-element-7 > h4 {border-top: 1px #cacaca solid!important; padding-top: 2rem!important; margin-top: 1rem!important;}


#menu-menu-principal > li > a, #menu-menu-socios > li > a{font-size: 0.8rem!important; margin-top: 1.5rem!important;}

/*MEDIA QUERIES*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.dataTables_filter > label > input {max-width: 160px!important;}

	.dataTables_filter > label::before, th, td, td a {font-size: 1rem!important;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
#main {min-height: calc(100vh - 37rem)!important;}
#accesosocios {border: none!important;}
#fondo-contacto {background-size: 100% auto!important; }
#wppb-loginform {padding-left: 0rem!important; padding-right: 0rem!important;}
table{max-width: 700px!important;}

table{border-spacing: 20px!important; border-collapse: separate!important;}
.dataTables_filter { margin-right: 20px;}


}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
#wpforms-101-field_1-container::before{margin-left: 50%!important;}
#wpforms-101-field_3-container::before{margin-left: 50%!important;}

.wpforms-field-container {width: 100%!important;}

#wpforms-101-field_0-container{width: calc(50% - 60px)!important; float: left!important; clear: none!important;}
#wpforms-101-field_1-container{width: calc(50% - 60px)!important; float: left!important; clear: none!important; margin-left: 60px!important;}
#wpforms-101-field_3-container{width: calc(50% - 60px)!important; float: left!important; clear: none!important; margin-left: 60px!important;}
#wpforms-101-field_4-container{width: calc(50% - 60px)!important; float: left!important; clear: none!important;}
	
#wpforms-101-field_5-container {width: calc(100% - 25px)!important; padding-bottom: 0px!important; margin-left: 13px!important;}


.dataTables_filter {width: 75%!important; background-position: left center;  }
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#fondo-contacto {background-position: center 110% !important; }
	#titulodestacado::before {padding-left: 25px!important; background: #5267E4!important; height: calc(100% - 0.5em)!important; position: absolute!important; left: -50px!important; content:''; margin-top: 2px!important; }
	#titulodestacadoresidencia::before {padding-left: 25px!important; background: #5267E4!important; height: calc(100% + 1.25em)!important; position: absolute!important; left: -50px!important; content:''; margin-top: 10px!important; }
	.dataTables_filter {width: 60%!important; }


}



/* XXL */
@media (min-width: 1900px) {
	#fondo-contacto {background-position: center 120% !important; }
	.banner {height: 450px!important;}

}

/* XXXL */
@media (min-width: 2800px) {
	#fondo-contacto {background-position: center 130% !important; }
	.banner {height: 550px!important;}

}