/*
 Theme Name:   Salient Child
 Theme URI:    http://cfs.primate.es
 Description:  Salient Theme Child
 Author:       Primate
 Author URI:   http://www.primate.es
 Template:     salient
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  salient-child
*/

/* 
BARRA SUPERIOR 
*/

#header-outer .row {
	pointer-events: initial !important;
}

#top .col.span_9.col_last .nectar-button.small {
	padding: 8px 44px;
	margin-left: 10px;
	border: 2px solid #e20000;
	border-radius: 4px !important;
}

#top .col.span_9.col_last .nectar-button.small.signup {
	color: #e20000;
	background-color: #fff !important;
}

#logo-verify {
	display: inline-block;
	width: 79px;
	height: 40px;
	background: url('./img/verify.png') no-repeat;
	margin-left: 10px;
	position: relative;
	top: 15px;
}

.small-nav #logo-verify {
	background: url('./img/verify-gris.png') no-repeat;
}

#top .span_9 nav {
	display: none !important;
}

body #header-outer.small-nav[data-transparent-header="true"],
body #header-outer.transparent[data-transparent-header="true"] {
	padding-top: 8px !important;
	padding-bottom: 8px;
}

#header-outer.transparent[data-transparent-header="true"] #logo img {
	opacity: 1 !important;
	-ms-filter: 'alpha(opacity=1)' !important;
}

body #header-outer.transparent[data-transparent-header="true"] .col.span_3 {
	margin-top: 10px;
}

body #header-outer.small-nav[data-transparent-header="true"] .col.span_3 {
	margin-top: 3px;
}

body #header-outer.small-nav[data-transparent-header="true"] .col.span_3 .default-logo,
body #header-outer.small-nav[data-transparent-header="true"] .col.span_3 .retina-logo { /* LOGO TEXTO NEGRO */
	height: 60px !important;
}

#header-outer .row .col.span_3 {
	width: auto !important;
}


#header-outer {
	width: 100%;
	top: 0px;
	left: 0px;
	position: fixed;
	padding: 28px 0px 15px 0px;
	background-color:#e8e8e8;
	z-index: 100;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
	-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
}
#top .col.span_9.col_last .nectar-button.small {
	padding: 8px 44px;
	margin-left: 10px;
	border: 2px solid #e20000;
	border-radius: 0px !important;
}

body[data-transparent-nav="1"][data-header-color="light"] #header-outer {
	background-color: rgba(200,200,200,0.965);
}
/* 
FORMULARIO SLIDER (INPUT PRUEBA)
*/

.pruebalo_container {
	margin: 0 auto;
	max-width: 800px;

}

#pruebalo_form input {
	float: center;
	height: 55px;	
	width: 30%;
    }


#pruebalo_form #pruebalo_correo  {
	padding: 10px !important;
    width: 70%;
	background-color: #fff !important;
	color: #e20000 !important;
	border-style: solid;
	border-color: #e20000 !important;
	border-width: 2px 0 2px 2px !important;
	border-radius: 4px 0 0 4px;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 16px;
	line-height: 22px !important;
}

#pruebalo_form input.primary-color {
	height: 55px;
	background-color: #e20000 !important;
	font-weight: bold;
	font-size:12px;
	font-family: 'Open Sans';
	border-width: 2px 2px 2px 2px !important;
	border-radius: 0 4px 4px 0 !important;
	margin-left: -4px;
	padding: 20.5px !important;
}


#pruebalo_form input.primary-color:hover {
	background-color: #ad0003 !important;
}



#validar_form #cfscode {
	width:100%;
	background-color: #fff !important;
	color: #4e4e4e !important;
	border-style: solid;
	border-color: #333 !important;
	border-width: 2px 2px 2px 2px !important;
	border-radius: 7px;
	height: 74px;
	margin-bottom:10px;
}

#validar_form input.primary-color:hover {
	background-color: #ad0003 !important;
}

#validar_form input.primary-color {
	background-color: #e20000 !important;
	font-weight: bold;
	border-radius: 4px !important;
	width: 30%;
	margin-left: -2px;
}
#validar_form input {
	float: left;
	height: 56px;	
}

/* 
FORMULARIOS DIALOG 
*/

.ui-dialog .ui-dialog-content {
	overflow-x: hidden !important;
	overflow-y: scroll !important;
}

.ui-dialog.dlogin,
.ui-dialog.dsignup {
	border-left: none;
	border-right: none;
	border-top: 10px solid #e20000 !important;
	border-radius: 10px;
	padding: 0;
}

.ui-dialog.dlogin {
	max-width: 360px;
}

.ui-dialog.dsignup {
	max-width: 800px;
}

.ui-dialog.dlogin p,
.ui-dialog.dsignup p {
	padding: 0;
	margin: 0;
	color: #999;
}

#login_form h2,
#signup_form h2 {
	text-align: center;
	font-weight: bold;
	margin: 10px 0 50px;
	font-size: 24px;
}

#login_form,
#pw_form,
#signup_form {
	padding: 20px 30px;
}

#signup_form {
	padding-bottom: 30px;
}

.input_text,
#signup_form select,
.ver_tarj,
.info_tarj {
	margin-bottom: 30px;
}

#signup_form select.ultimo {
	margin-bottom: 0px;
}


#signup_form label {
	color: red;
	letter-spacing: 1px;
}


#login_form input[type="submit"] {
	margin-bottom: 10px;
}

.ui-dialog input[type="submit"] {
	background-color: #e20000;
	border-color: #e20000;
	width: 100%;
	padding: 20px 16px;
    border-radius: 6px;
    font-size: 16px;
    line-height: 16px;
    color: #ffffff;
    text-transform: uppercase;
}

#pw_form input[type="submit"] {
	font-size: 14px;
}

.ui-dialog input[type="submit"]:hover {
/*	background-color: #ad0003 !important;
	border-color: #ad0003;
*/}

#signup_form input[type="submit"] {
	width: 260px;
	display: block;
}

.form-separador {
	border-bottom: 2px solid #DDD;
	margin: 30px -100px;
}

#login_form .form-separador {
	margin: 60px -50px 30px -50px;
}

.ui-dialog.ui-widget-content a {
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	transition: color 0.5s;
	color: #999;
	text-decoration: underline;
}

.terminos a,
#signin_form label {
	color: #999;
	font-weight: bold;
}

.ui-dialog.ui-widget-content a:hover {
	color: #000;
}

.ui-dialog.ui-widget-content a.link-red {
	color: #e20000;
}

.ui-dialog.ui-widget-content a.link-red:hover {
	color: #ad0003;
}

.form-fila {
	margin-bottom: 20px;
	overflow: hidden;
}

.form-fila input,
.form-fila select {
	width: 48%;
	float: left;
	margin-bottom: 0 !important;
}

.form-fila input.last,
.form-fila select.last,
.form-fila .select-signup-wrapper.last {
	float: right;
}

.form-fila .select-signup-wrapper,
.form-fila .input-wrapper {
	float: left;
	width: 48%;
}

.form-fila .select-signup-wrapper.cards {
	line-height: 44px;
	font-size: 24px;
	text-align: center;
}

.form-fila .select-signup-wrapper.cards img {
	max-width: 100%;
}

.form-fila .select-signup-wrapper select,
.form-fila .input-wrapper input {
	width: 100%;
	float: none;
}

p.input-info {
	text-align: left !important;
	padding: 6px 14px 0 0px !important;
	font-size: 10px;
	line-height: 14px;
	color: #999;
	font-weight: bold;
}

.form-control:-moz-placeholder {
  color: #666;
}

.form-control::-moz-placeholder {
  color: #666;
}

.form-control:-ms-input-placeholder {
  color: #666;
}

.form-control::-webkit-input-placeholder {
  color: #666;
}

select.form-control option,
select.form-control.changed {
  color: #555 !important;
}

select.form-control option:first-child {
  color: #DDD !important;
}

.placeholder {
  color: #aaa;
}

input.form-control,
select.form-control {
/*    border-bottom: 2px solid #DDD !important;
    border-radius: 2px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear !important;
    transition: border .25s linear, color .25s linear, background-color .25s linear !important;
    -webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    -webkit-font-smoothing: antialiased !important;
	padding: 6px 16px !important;
	color: #555 !important;
	background-color: #fff !important;
*/
	padding: 1rem;
	background: transparent;
	border: 1px solid #ccc;
	font-size: 1rem;
	line-height: 22px;

}

select.form-control {
	border: 2px solid #DDD !important;
	color: #AAA !important;
}

input.form-icon {
	padding: 6px 6px 6px 40px !important;
}

input.form-icon-right {
	padding: 6px 40px 6px 16px !important;
}

input.form-icon-user {
	background: url(./img/form-user.png) no-repeat left center;
}

input.form-icon-pass {
	background: url(./img/form-pass.png) no-repeat left center;
}

input.form-icon-eye {
	background: url(./img/form-eye.png) no-repeat right center;
}

input.form-icon-card {
	background: url(./img/form-card.png) no-repeat right center;
}

input.form-icon-date {
	background: url(./img/form-date.png) no-repeat right center;
}

input.form-icon-cvc {
	background: url(./img/form-cvc.png) no-repeat right center;
}
	
select.form-control {
	height: 44px !important;
	background-color: transparent !important;
	z-index: 9;
	position: relative;
}

.form-control.last {
	margin-bottom: 0 !important;
}

.select-signup-wrapper {
	position: relative;
}

.select-signup-wrapper .select-arrow {
	background: url('./img/angle-down.svg') no-repeat;
	position: absolute;
	right: 20px;
	top: 15px;
	width: 18px;
	height: 14px;
	display: inline-block;
}

.checkbox-wrapper {
	line-height: 40px;
}

.checkbox-wrapper input {
	height: 24px;
	width: 24px;
	position: relative;
	top: 4px;
}

#signup_form .checkbox-wrapper label {
	color: #999;
	font-weight: 400;
	font-size: 14px;
	padding-left: 16px;
}

/*
EXCEPCIONES PORTADA
*/

.cfs-bigtext {
	font-size: 1.2em;
}

/* 
MEDIA QUERIES 
*/

@media only screen and (min-width: 1000px){

	.container {
		max-width: 1460px !important; /* 1280 + 90 + 90 paddings */
		padding: 0 90px !important;
	}
	
}

@media only screen and (max-width: 1000px){

	header#top .row .col.span_9 {
		text-align: center;
	}
	
	header#top .row .col.span_3 {
		margin: 0 !important;
		position: relative;
		width: 100% !important;
		text-align: center !important;
	}
	
	#logo img.default-logo,
	#logo img.retina-logo {
		display: none !important;
		top: 0 !important;
	}
	
	#top #logo img.stnd {
		display: inline !important;
		height: 60px !important;
	}
	
	.transparent #logo-verify {
		background: url('./img/verify-gris.png') no-repeat;
	}
	
	.pruebalo_container {
		margin-top: 10px;
	}
	
}

@media only screen and (max-width: 690px){

	#pruebalo_form input.primary-color {
		font-size: 10px;
	}

}

@media only screen and (max-device-width: 1023px) and (min-device-width: 320px) {
	
	header#top #logo img.retina-logo {
		display: none !important;
	}
	
	#top #logo img.stnd {
		display: inline !important;
		height: 60px !important;
	}
	
}

@media only screen and (max-width: 479px){

	.form-fila {
		margin-bottom: 0px;
	}

	.form-fila input,
	.form-fila select {
		width: 100%;
		float: none;
		margin-bottom: 20px !important;
	}

	.form-fila input.last,
	.form-fila select.last {
		float: none;
		margin-bottom: 20px !important;
	}

	.form-fila .select-signup-wrapper {
		float: none;
		width: 100%;
	}

	.ver_tarj {
		margin-top: 0px;
	}

	#pruebalo_form #pruebalo_correo {
		font-size: 14px !important;
	}
	
	#pruebalo_form input.primary-color {
		padding-left: 2px !important;
		padding-right: 2px !important;
	}

	.pruebalo_container {
		margin-left: -30px;
		margin-right: -30px;
	}

}

@media all and (max-width: 666px){
	
	body header#top .container .row #logo img {
		height: 50px !important;
	}
	
	header#top .col.span_3 a#logo {
		margin-top: -3px !important;
	}
	
	#top .col.span_9.col_last .nectar-button.small {
		padding: 2px 15px;
		margin-bottom: 0;
	}
	
	header#top .row .col.span_9 {
		min-height: 0 !important;
		line-height: normal !important;
	}	

}

@media all and (max-width: 384px) {
	#top .col.span_9.col_last .nectar-button.small {
		padding: 2px 5px;
	}
}

/***************** Bar graph ******************/

.col.centered-text, .wpb_column.centered-text {
    text-align: left;
}

.nectar-progress-bar span {
    height: 2px;
}

/******** Hubspot styles *********/

.submitted-message {

    background-color: #311209;
    color: white;
    font-size: 15px;
    height: 50px;
    vertical-align: middle;

    display: table-cell;
    width: 900px;

}
.hs-form-required {
   display:none;
}

#email-9279a175-bdd8-4f16-b26c-7477d746065c {
	float:left;
	width: 70%;
	background-color: #fff !important;
	
	border-style: solid;
	border-color: #e20000 !important;
	border-width: 2px 0 2px 2px !important;
	border-radius: 4px 0 0 4px;
}
input.cfs-hs-button {
	height:58px;
	background-color: #e20000 !important;
	font-weight: bold;
	border-radius: 0px 4px 3px 0px !important;
	width: 30%;
	margin-left: -2px;
	font-weight: bold !important;
}

.hs-error-msgs {
	float:left;
	color: #f5bfbf;
	
}
.hs-error-msgs li {
	list-style-type: none !important;
}


/* All HubSpot Forms
   ========================================================================== */

/* Form Field (selector for form field wrapper) */
.hs-form .hs-form-field {}

/* Descriptions (targets class applied to Help Text divs) */
.hs-form .hs-field-desc {}

/* Labels (selects field labels and error messages) */
.hs-form label {}
.hs-form .hs-form-field > label {}

/* Inputs (selectors for all inputs)  */
.hs-form input[type="text"],
.hs-form input[type="password"], 
.hs-form input[type="datetime"], 
.hs-form input[type="datetime-local"], 
.hs-form input[type="date"], 
.hs-form input[type="month"], 
.hs-form input[type="time"], 
.hs-form input[type="week"], 
.hs-form input[type="number"], 
.hs-form input[type="email"], 
.hs-form input[type="url"], 
.hs-form input[type="search"], 
.hs-form input[type="tel"], 
.hs-form input[type="color"],
.hs-form input[type="file"],
.hs-form textarea,
.hs-form select {}

/* Inputs in focus (selectors for all inputs when clicked)  */
.hs-form input[type="text"]:focus,
.hs-form input[type="password"]:focus, 
.hs-form input[type="datetime"]:focus, 
.hs-form input[type="datetime-local"]:focus, 
.hs-form input[type="date"]:focus, 
.hs-form input[type="month"]:focus, 
.hs-form input[type="time"]:focus, 
.hs-form input[type="week"]:focus, 
.hs-form input[type="number"]:focus, 
.hs-form input[type="email"]:focus, 
.hs-form input[type="url"]:focus, 
.hs-form input[type="search"]:focus, 
.hs-form input[type="tel"]:focus, 
.hs-form input[type="color"]:focus,
.hs-form input[type="file"]:focus,
.hs-form textarea:focus,
.hs-form select:focus {}

/* Multi-line inputs (selectors to target multi-line fields */
.hs-form textarea {}
.hs-form textarea:focus {}

/* Dropdowns (selectors for dropdowns) */
.hs-form select {}
.hs-form select:focus {}

/* Multi-select (selectors for multi-select fields) */
.hs-form form.hs-form .hs-form-field ul.inputs-list {}

.hs-form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs-form input[type="radio"] {}
.hs-form input[type="checkbox"] {}

/* Required (selectors for fields, when they do not pass validation) */
.hs-form input:focus:required:invalid, 
.hs-form textarea:focus:required:invalid, 
.hs-form select:focus:required:invalid {}

.hs-form input:focus:required:invalid:focus, 
.hs-form textarea:focus:required:invalid:focus, 
.hs-form select:focus:required:invalid:focus {}

/* Error message (selector for validation messages) */
.hs-form .hs-error-msgs label{}

/* Placeholder Text (styles the placeholder attribute text) */
::-webkit-input-placeholder { /* Webkit Browsers */}
:-moz-placeholder { /* Firefox 18- */}
::-moz-placeholder { /* Firefox 19+ */}
:-ms-input-placeholder { /* IE10 */}

/* Multi Column Form (selectors for fieldsets and field wrappers) 
   ========================================================================== */

.hs-form .hs-form fieldset.form-columns-1 {}
.hs-form .hs-form fieldset.form-columns-1 .hs-form-field {}

.hs-form .hs-form fieldset.form-columns-2 {}
.hs-form .hs-form fieldset.form-columns-2 .hs-form-field {}

.hs-form .hs-form fieldset.form-columns-3 {}
.hs-form .hs-form fieldset.form-columns-3 .hs-form-field {}

/* Submit buttons (selectors for all non-CTA buttons) 
   ========================================================================== */

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {}

body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {}

.public_signup {

}

.public_signup .form-fila {
	display: flex;

}

.public_signup .form-fila.bottom {
	align-items: flex-end;
}

.public_signup .form-fila label {
	display: block;
	width: calc(50% - 1rem);
	display: flex;
	flex-direction: column;
}

.public_signup .form-fila label:first-child {
	margin-right: 1rem;
}

.public_signup .form-fila input, .public_signup .form-fila select, .public_login input {
	width: 100%;
	font-size: 1rem !important;
	padding: 1rem !important;
	height: auto !important;
	margin-top: 5px;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	border-width: 1px !important;
}

/*.public_signup input:focus {
	background: transparent !important;
	border: 1px solid #999;
}*/

.public_signup input:disabled, .public_signup select:disabled {
	background: #ccc !important;
}

.public_signup .form-check label {
	color: #999 !important;
}

.public_signup .form-check input {
	vertical-align: middle;
}

.public_signup input[type="submit"], .public_login input[type="submit"] {
	background: #d33;
	border-radius: 0px;
	border: 2px solid #d33;
	color: #fff;
	font-weight: 600;
	font-size: 1.2rem;
	letter-spacing: 2px;
}

.public_login label {
	color: red;
}

.public_login input {
	margin-bottom: 1rem !important;
}

.aviso-cookies {
	position: fixed !important;
	bottom: 0;
	z-index: 100000;
	background: rgba(0,0,0, .9);
	box-sizing: border-box;
	padding: 1.5rem;
	color: #fff;
}

.aviso-cookies button {
	border: none;
	color: #fff;
	padding: .5rem 1rem;
	text-transform: uppercase;
}

.aviso-cookies button.ok {
	background: #d33;
}

.aviso-cookies button.ko {
	background: #999;
}

.ty {
	max-width: 600px !important;
}

.ty .ui-dialog-content {
	overflow: hidden !important;
}

.thankyou {
	text-align: center;
	width: 600px;
}

.thankyou h2 {
	font-size: 2rem;
	margin: 1rem 0;
}

.thankyou p {
	font-size: 1.3rem;
}

.thankyou button {
	display: block;
	margin: 1rem auto;
	background: #d33;
	border-radius: 0px;
	border: 2px solid #d33;
	color: #fff;
	font-size: 1.2rem;
	text-transform: uppercase;
	padding: .5em 1rem;
}

.lg .ui-dialog-content {
	overflow: hidden !important;
}

#logo img {
display: none !important;
}

#logo img:first-child {
	display: inline !important;
}

#signup_form a {
	color: #d33 !important;
}

.wpcf7 select{
background-color: transparent !important;
border: 1px solid #ccc !important;
}