/*
Theme Name: FRULECO
Description: A child theme of Divi
Template: Divi
*/
@import url("../Divi/style.css");


body{
	font-weight:400 !important;
    overflow-x:hidden;
}

.hidden{
    display:none;
	visibility:hidden;
}

.alineacion-vertical {
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column !important;
    justify-content: center !important;
}

.overlay{
  z-index: 9 !important;
  background-color: rgba(0,0,0,0.2); 
}

hr{
    height: 0 !important;
	border-top: 1px solid #333333 !important;
	border-bottom: 0 solid #333333 !important;
}

/*TIPOGRAFIA------
-------------------*/

h1{
    padding-bottom:0 !important;
}

/*GDPR------
-------------------*/
#moove_gdpr_cookie_info_bar {
    z-index: 9999999 !important;
}

.gdpr_lightbox {
  z-index: 9999999 !important;
}

/*SIN SIDEBAR------
-------------------*/
/*** Take out the divider line between content and sidebar ***/
#main-content {background-color: #f5f6f7 !important;padding-bottom: 0px !important;}
.home #main-content {padding-bottom: 0px !important;}
#main-content .container:before {background: none;}
#left-area {
    width: 100%;
    padding: 0px !important;
    float: none !important;
}
/*** Hide Sidebar ***/
#sidebar {display:none;}

/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
	#left-area {
		width: 100%;
		padding: 23px 0px 0px !important;
		float: none !important;
	}
}

/*COLUMNAS------
-----------*/
.doce-columnas .et_pb_module {width: 8.33% !important; float: left !important;}
.diez-columnas .et_pb_module {width: 10% !important; float: left !important;}
.nueve-columnas .et_pb_module {width: 11.11% !important; float: left !important;}
.ocho-columnas .et_pb_module {width: 12.5% !important; float: left !important;}
.siete-columnas .et_pb_module {width: 14.28% !important; float: left !important;}
.seis-columnas .et_pb_module {width: 16.66% !important; float: left !important;}
.cinco-columnas .et_pb_module {width: 20% !important; float: left !important;}

@media (max-width: 980px){
	.diez-columnas .et_pb_module {width: 20% !important;}
	.nueve-columnas .et_pb_module {width: 33.3% !important;}
	.ocho-columnas .et_pb_module {width: 25% !important;}
	.siete-columnas .et_pb_module {width: 25% !important;}
	.seis-columnas .et_pb_module {width: 33.3% !important;}
	.cinco-columnas .et_pb_module {width: 33.3% !important;}
}
 
@media all and (max-width: 767px) {
	.diez-columnas .et_pb_module {width: 50% !important;}
	.nueve-columnas .et_pb_module {width: 50% !important;}
	.ocho-columnas .et_pb_module {width: 50% !important;}
	.siete-columnas .et_pb_module {width: 50% !important;}
	.seis-columnas .et_pb_module {width: 50% !important;}
	.cinco-columnas .et_pb_module {width: 50% !important;}
}


/*EMBED CONTAINER---
--------------*/
.embed-container {
    position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
	height: 0;
	overflow: hidden;
}

.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*PAGINACION PAGENAVI -
 --------------------*/
.wp-pagenavi{
    display:block !important;
}

.wp-pagenavi a, 
.wp-pagenavi span{
    text-decoration: none;
    border: 0 solid #BFBFBF !important;
    padding: 0 !important;
    margin: 2px;
}

.wp-pagenavi span.pages {
    color: #666666 !important;
}

.wp-pagenavi span.pages::after {
	content:':';
	margin-right:10px;
}

.wp-pagenavi a {
	background:#efefef !important;
	border:1px solid #efefef !important;
    color: #666666 !important;
	padding: 2px 6px !important;
}

.wp-pagenavi a:hover {
	background:#ffffff !important;
    color: #237bce !important;
}

.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink{
	background:#ffffff !important;
	border:0px solid #efefef !important;
    color: #666666 !important;
	padding: 2px 6px !important;
}

.wp-pagenavi a.nextpostslink:hover,
.wp-pagenavi a.previouspostslink:hover{
    color: #237bce !important;
}

.wp-pagenavi span.current {
	background:#ffffff !important;
	border:1px solid #efefef !important;
    color: #237bce !important;
	padding: 2px 6px !important;
}


/*BLURB--
--------------*/
HTML .et_pb_blurb_container h4:first-letter,
HTML .et_pb_blurb_container h4 span font font:first-letter{
	text-transform:uppercase !Important;
}

/*CONTACT FORM 7------
 --------------------*/

.wpcf7 label {
	margin-bottom: 0px !important;
}

.wpcf7 p {
	padding-bottom: 0px !important;
	margin:0 0 8px 0!important;
}

.wpcf7 p.center {
	text-align: center;
}

.wpcf7 p.col{
	display:flex;
	flex-direction:row;
	column-gap: 20px;
}

.wpcf7-text, 
.wpcf7-textarea  {
	background-color: rgba(255,255,255,0.9) !important;
	border: 0 solid #dbdbdb !important;
	font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif !important;
	width: 100% !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	font-size: 16px;
	font-weight:600;
	color: #000000 !important;
	letter-spacing: 1px;
	padding: 16px 16px 16px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-appearance: none !important; /*Safari/Chrome*/
    -moz-appearance: none !important; /*Firefox*/
    -ms-appearance: none !important; /*IE*/
    -o-appearance: none !important; /*Opera*/
    appearance: none !important;
	
	-webkit-text-fill-color:#000000 !important; /* Override iOS / Android font color change */
	-webkit-opacity:1 !important;
	opacity:1 !important;
	
	margin-bottom:8px !important;
}

	.mas_info .wpcf7-text{
		border: 1px solid #dbdbdb !important;
	} 

	.mas_info .wpcf7-form-control-wrap.your-email,
	.mas_info .wpcf7-form-control-wrap.tel-156{
		width: 100%!important;
	} 

.wpcf7-textarea  {
	height:100px;
}
.wpcf7-submit {
	color: #ffffff !important;
	font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif !important;
	margin: 0 auto;
	cursor: pointer;
	font-size: 14px;
	font-weight: 700;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	letter-spacing: 1px;
	border-radius: 0;
	padding-top: 12px !important;
	padding-right: 24px !important;
	padding-bottom: 11px !important;
	padding-left: 24px !important;
	line-height: 1.7em;
	background: #B98E0E;
	border: 0 solid #B98E0E !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	text-transform:uppercase;	
	float:none;
	
	-webkit-appearance: none !important; /*Safari/Chrome*/
    -moz-appearance: none !important; /*Firefox*/
    -ms-appearance: none !important; /*IE*/
    -o-appearance: none !important; /*Opera*/
    appearance: none !important;
}

.wpcf7-submit:hover { 
	background-color: #ffffff !important; 
	border-color:#ffffff !important; 
	color: #B98E0E !important;
}

.wpcf7 select {
  color:#B98E0E;
  display: block;
  font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif !important;
  font-size: 16px !important;
  font-weight: 700;
  padding: 16px 16px 10px !important;
  width: 100%;
  max-width: 100%; 
  box-sizing: border-box;
  margin: 0 auto !important;
  border: 0px solid rgba(0,0,0,0);
  box-shadow: 0 0 0 0 rgba(0,0,0,.0);
  border-radius: 0;
  background-color: rgba(255,255,255,0.9) !important;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;
	
	-webkit-appearance: none !important; /*Safari/Chrome*/
    -moz-appearance: none !important; /*Firefox*/
    -ms-appearance: none !important; /*IE*/
    -o-appearance: none !important; /*Opera*/
    appearance: none !important;
	
	-webkit-text-fill-color:#1558A5 !important; /* Override iOS / Android font color change */
	-webkit-opacity:0.9 !important;
	opacity:0.9  !important;
}

.wpcf7 select::-ms-expand {
  display: none;
}

.wpcf7 select:hover {
  border-color: #888;
}

.wpcf7g select:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222; 
  outline: none;
}

.wpcf7 select option {
  font-weight:normal;
}

.wpcf7-spinner {
    display: block !important;
}

.wpcf7-not-valid-tip {
    color: #ffffff;
    font-size: 15px;
    font-weight: 600 !important;
    display: block;
	letter-spacing:1px;
	margin-bottom:10px;
}

.wpcf7 form .wpcf7-response-output {
	border: 2px solid #ffffff !important;
	color: #ffffff !important;
	font-size: 15px;
    font-weight: bold;
	letter-spacing:1px;
	line-height:1.4em;	
	margin: 2em 0 0 0 !important;
	text-align:center;
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0  !important;
}

div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: none !important;
}

/*CHECKBOX------
 --------------------*/

.wpcf7 .wpcf7-form-control.wpcf7-checkbox label,
.wpcf7-form-control.wpcf7-acceptance label{
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.5em;
	color:#ffffff;
}
.wpcf7 .wpcf7-form-control.wpcf7-checkbox label a,
.wpcf7-form-control.wpcf7-acceptance label a{
	color:#B98E0E;
	font-weight:600;
}

.wpcf7 .wpcf7-form-control.wpcf7-checkbox label a:hover,
.wpcf7-form-control.wpcf7-acceptance label a:hover{
	color:#ffffff;
}

input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  margin: 5px 0 0 0;
  font: inherit;
  cursor:pointer !important;
  width: 1.0em;
  height: 1.0em;
  border: 1px solid #ffffff;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}
input[type="checkbox"]::before {
  background: #ffffff !important;
  content: "";
  width: 0.65em;
  height: 0.65em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #ffffff !important;
	
	transform-origin: bottom left;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
input[type="checkbox"]:checked::before {
  transform: scale(1);
}

/*form captchac-------
 --------------------*/
p.captchac{
	display:flex;
	justify-content:flex-start;
	align-items: flex-start;
	width:100%;
	margin-bottom:20px;
}

.wpcf7-form-control-wrap.captcha-form {
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
    position: relative;
}

p.captchac img,
p.captchac input{
	margin: 5px 2px 0;
}

p.captchac img{
	height:34px !important;
	width:auto;
	padding:0 !important;
}

p.captchac input.wpcf7-captchar{
	background-color: rgba(0,0,0,0.4);
	border:1px solid #dbdbdb !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	color: #ffffff !important;
	font-size: 16px;
	font-weight:700;
	letter-spacing:2px;
	height:22px !important;
	width:70px !important;
	padding:16px 10px !important;
	margin:5px 0 !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align:left !important;
}

p.captchac .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    color: #ffffff !important;
	display:inline-flex;
    font-size: 14px;
    font-weight: bold;
	letter-spacing:2px;
	line-height: 1.4em;
	margin-left:15px;
	text-align:left !important;
	
	display:none !Important;
}


/*MEDIA QUERIES------
 --------------------*/

@media only screen and (max-width: 980px){
	.column-reverse {
		display: -webkit-flex;
		-webkit-flex-direction: column-reverse;
		display: flex;
		flex-direction: column-reverse !important;
	}
	p.captchac {
	  display: flex;
	  justify-content: center;
	  align-items: flex-start;
	  width: 100%;
	  margin-bottom: 20px;
	}
}

@media only screen and (max-width: 600px){
	p.captchac .wpcf7-form-control-wrap .wpcf7-not-valid-tip{
		margin-left:0 !Important;
	}
}