/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

@import url("../salient/style.css");
@import url("../salient-child/menuIbizea.css");
@charset "UTF-8";
@font-face {
  font-family: "BrandonGrotesqueReg";
  src:url("fonts/BrandonGrotesque/Brandonreg.eot");
  src:url("fonts/BrandonGrotesque/Brandonreg.eot?#iefix") format("embedded-opentype"),
    url("fonts/BrandonGrotesque/Brandonreg.woff") format("woff"),
    url("fonts/BrandonGrotesque/Brandonreg.ttf") format("truetype"),
    url("fonts/BrandonGrotesque/Brandonreg.svg") format("svg");
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: "BrandonGrotesque";
  src:url("fonts/BrandonGrotesque/Brandonmed.eot");
  src:url("fonts/BrandonGrotesque/Brandonmed.eot?#iefix") format("embedded-opentype"),
    url("fonts/BrandonGrotesque/Brandonmed.woff") format("woff"),
    url("fonts/BrandonGrotesque/Brandonmed.ttf") format("truetype"),
    url("fonts/BrandonGrotesque/Brandonmed.svg") format("svg");
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: "BrandonGrotesqueBld";
  src:url("fonts/BrandonGrotesque/Brandonbld.eot");
  src:url("fonts/BrandonGrotesque/Brandonbld.eot?#iefix") format("embedded-opentype"),
    url("fonts/BrandonGrotesque/Brandonbld.woff") format("woff"),
    url("fonts/BrandonGrotesque/Brandonbld.ttf") format("truetype"),
    url("fonts/BrandonGrotesque/Brandonbld.svg") format("svg");
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: "BrandonLight";
  src:url("fonts/Brandon/Brandonlight.eot");
  src:url("fonts/Brandon/Brandonlight.eot?#iefix") format("embedded-opentype"),
    url("fonts/Brandon/Brandonlight.woff") format("woff"),
    url("fonts/Brandon/Brandonlight.ttf") format("truetype"),
    url("fonts/Brandon/Brandonlight.svg") format("svg");
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: "Bodoni";
  src:url("fonts/Bodoni/Bodoni.eot");
  src:url("fonts/Bodoni/Bodoni.eot?#iefix") format("embedded-opentype"),
    url("fonts/Bodoni/Bodoni.woff") format("woff"),
    url("fonts/Bodoni/Bodoni.ttf") format("truetype"),
    url("fonts/Bodoni/Bodoni.svg") format("svg");
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: "BodoniItalic";
  src:url("fonts/Bodoni/BodonSevITCBooIta.eot");
  src:url("fonts/Bodoni/BodonSevITCBooIta.eot") format("embedded-opentype"),
   /* url("fonts/Bodoni/BodonSevITCBooIta.woff") format("woff"),*/
    url("fonts/Bodoni/Bodoni Seventytwo ITC Book Italic.ttf") format("truetype"),
    url("fonts/Bodoni/BodonSevITCBooIta.svg") format("svg");
  font-weight: normal;
  font-style: normal;

}

.sub-menu { width: 6em !important; padding: 10px !important;}
.sub-menu span.wpml-ls-display {color: black !important;}
.sub-menu a span.wpml-ls-display:hover {opacity: .5;color: black !important;}
.row-bg.using-image{filter: brightness(.7) !important;}

	
#cmplz-document{max-width:100% !important}
#cmplz-document h2, #cmplz-document h3 { font-size: 22px !important;}
#cmplz-document {max-width: none !important}
.cmplz-message,.cmplz-link,#cmplz-document li{font-family: BrandonGrotesqueReg !important;font-size:15px !important;color: #9f9f9f !important;}
.cmplz-category-header div, .cmplz-description span, .cookies-per-purpose h5, #cmplz-cookies-overview h4, .cmplz-categories span, #cmplz-cookies-overview div{color: #9f9f9f !important}


.wpml-ls-item::before { content: "";  background-image: url('https://www.sacigonya.com/wp-content/uploads/2022/06/globe.png');background-size: cover; width: 20px;height: 20px;}
#header-outer.transparent #top .wpml-ls-item::before {content: "";  background-image: url('https://www.sacigonya.com/wp-content/uploads/2022/06/globe-white.png');background-size: cover; width: 20px;height: 20px;}
#header-outer #top .buttons.sf-menu .wpml-ls-item a{margin-left:10px !important}
.wpml-ls-legacy-list-horizontal a{padding: 0px 5px 0px 0px;}
.wpml-ls-legacy-list-horizontal{padding:0px !important}
.wpml-ls-link span:hover{opacity:.5}

#header-outer.transparent[data-lhe="animated_underline"] #top nav > ul > li > a:hover {color:white !important;}
body{font-family: BrandonGrotesqueReg !important;}
strong{font-family: BrandonGrotesqueBld !important; font-weight: 400 !important}
.float-right{float: right;}
body h3, .row .col h3 {text-transform: inherit !important;}
.otgs-development-site-front-end,.grecaptcha-badge,#breadcrumbs,.side-widget-open .canv{display:none !important}
#ajax-content-wrap .row > .wpb_row:not(.top-level) {margin-top: 150px !important;}
#ajax-content-wrap .row > .wpb_row.notspace {margin-top: 0px !important;}

.top-level h1,.top-level h2 { font-family: Bodoni !important; font-size:80px !important;line-height: 75px !important;text-transform:initial !important;margin-bottom: 20px !important;}
h1:not(.rs-layer), h2:not(.rs-layer){color:#747474; font-family: Bodoni !important; font-size:80px !important;line-height: 75px !important;text-transform: initial !important;margin-bottom: 20px !important;}
p, .toggle h3 a, div a{font-family: 'BrandonLight' !important;font-size:24px !important;color: #9f9f9f;line-height: 32px !important;text-transform: initial !important;}
h3{font-family: Bodoni !important; font-size:50px !important; color: #747474 !important; line-height: 60px !important;text-transform: none !important;}
.btntop a,nav span{font-family: BrandonGrotesqueBld !important;font-size: 20px !important;text-transform: uppercase !important;}
.title-cursive h2 {line-height: 36px !important; font-family: BodoniItalic !important; color: #161615  !important;line-height: 99px !important; margin: 0px !important;}
.subtitle h5 { color: #000 !important; line-height: 33px !important;font-size: 26px !important;  text-transform: uppercase !important; font-family: BrandonGrotesqueReg !important; text-indent: 20px;margin-bottom: 40px;}
.toggle h3 a,.textblack p, .textblack a {color:#000000 !important}

.rev-btn, .rev-btn:visited{padding: 6px;}
.villa-impar, .villa-par { width: calc(100% - 200px);padding: 0 150px;margin-top: 5%;}
.espacio-villas{padding-right:100px !important;margin-top: 100px !important;}
.iwithtext .iwt-text {padding-left: 65px;}
.iwithtext{margin-bottom: 70px !important;}
.iwt-text p {padding-bottom: 0px;}
.iwt-text strong {color:#9f9f9f; font-size:25px;}
.row .col .iwithtext .iwt-icon img:not([srcset]) {width: 50px;}
.fa:not(.fa-angle-up){font-size:24px !important}

/*Footer&Copy*/
.fa {margin-right: 11px !important;}
#footer-outer #footer-widgets .col p, #footer-outer #footer-widgets .col a{ color: white !important;font-size: 20px !important;padding-bottom: 0px;font-family: BrandonLight !important;line-height: 27px !important;}
.ascend #footer-outer #footer-widgets .widget.widget_nav_menu li{padding:0px}
#footer-widgets img {width: 150px !important}
#ajax-content-wrap #footer-outer{background-color: #5a5a5a !important;}
#copyright{background: #640a1900 !important;}
#copyright .span_5 {width:10%;margin-right:0px !important}
#footer-iconos{display:flex}
#footer-outer #copyright p{  font-family: BrandonLight !important;font-size: 17px !important;color: #fff !important;}
#copyright .span_5 p,#copyright .span_7 a {color: #ffffff !important;font-size: 17px !important;}
#footer-outer #copyright .col ul {float:none}
#texto-footer, #footer-outer  li > a{  padding-bottom: 0px;font-size: 20px !important;line-height: 36px !important;color: white !important;font-family: 'BrandonLight' !important;}

#bgalhome .title-cursive { margin-top:30px; position: absolute;z-index: 2;width: 100%;}
#bgalhome .enlace{text-align:center;position: absolute;z-index: 2;width: 100%;top: 150px;}
#bgalhome .enlace a {cursor: pointer; font-size: 26px; line-height: 12px; justify-content: center; }
#bgalhome .enlace a:hover img {transform: translateX(10px); transition: all 0.2s}
#bgalhome .enlace  a img{ height: 20px;}
#bgalhome .span_12,#bgalhome{min-height: auto !important;}


 div[data-style*="minimal"] .toggle h3 i{border: none !important; border-radius: 0px !important;}

/* Header */
#logo img{height: auto !important; width:150px !important} 
#logo img.dark-version{z-index: 1;}
#logo:hover{opacity: 0.5;}
#header-outer[data-transparent-header="true"].transparent.side-widget-open  > header #logo img.dark-version{opacity:1 !important}
li.slide-out-widget-area-toggle{background-color: #272727;}
#header-outer #top .slide-out-widget-area-toggle a .lines::after,#header-outer #top .slide-out-widget-area-toggle a .lines::before,#header-outer #top .slide-out-widget-area-toggle a .lines-button::after{background-color: #fff !important}
body #header-outer[data-transparent-header="true"].transparent{border-bottom: none !important;}
.ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"] #top nav ul .slide-out-widget-area-toggle a{border-left: none !important; }

/* Menu Negro */
.rightsec p, .rightsec a { color: white !important;}
#slide-out-widget-area-bg{opacity: 1 !important; transition: opacity 0.01s}
#slide-out-widget-area.fullscreen .inner, #slide-out-widget-area.fullscreen-alt .inner{top: 100px}
#slide-out-widget-area-bg .bg-inner{background-color: #fff !important}
.menuBg { position: fixed; top: 0; right: 0; bottom: 0; width: 60vw; background-color: #272727; z-index: -1; display: none} 
#slide-out-widget-area-bg.open .menuBg{z-index: 0; display: block}
.leftsec{width: 50%; float: left; text-align: right; opacity: 0;margin: 3% 0px !important;}
.leftsec.closse{opacity: 1; transition: transform 650ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 650ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.backmenu{opacity: 0; height: 0;}
#back.backmenu{transition:none !important;}
.backmenu.show{opacity: 1;height: auto;transition: opacity 0.5s linear;}
.backmenu img{user-select: none;object-fit: cover;display: inline-block;vertical-align: top; height: 0;}
.backmenu.show img{height: auto;max-height: 630px !important}
.rightsec ul.menu a{font-family: BrandonGrotesqueReg !important; font-weight: 400 !important; font-size: 22px !important; color: #fff !important;text-transform: uppercase !important; letter-spacing: 0}
.rightsec ul.menu a:hover{opacity: 0.5 !important;}
.rightsec{width: calc(50% - 100px);float: left;padding-left: 100px;text-align: left;margin: 100px 0px !important;}
.rightsec ul.menu a {padding: 10px 0 !important;line-height: 1.5em !important; width: 100%;}

/* Left section*/
#boxibizea{position: fixed; right: 0; top: 50%; margin-top: -100px; background-color: #B9DED7; z-index: 100; height: 250px; cursor: pointer; padding: 10px}
#boxibizea p{writing-mode: vertical-lr; font-size: 12px !important; color: #fff !important;line-height: 1.5em !important; transform: rotate(180deg);height: calc(100% - 65px); padding-right: 5px;}
#boxibizea:hover{background-color: #37766A;}
/*Black menu*/
#info-black-menu{display: grid;font-size: 20px;line-height: 36px;margin-top: 3%;}
#info-black-menu a i{margin-right: 27px; font: normal normal normal 20px/1 FontAwesome;}

.info .wpb_wrapper .iwt-text a { color: black !important; text-decoration: none;  background-image: linear-gradient(currentColor, currentColor) !important; background-position: 0% 100%;background-repeat: no-repeat;background-size: 0% 2px;transition: background-size .3s;}
.info p {color: #222222 !important;padding-bottom:0px}
.info  .iwithtext { margin-bottom: 18px !important;}
.info .wpb_wrapper .iwt-text a:hover, a:focus {background-size: 100% 2px;}
.wpcf7-submit {margin-top:40px !important}
.wpcf7-form.init  { max-width:920px}
.wpcf7-form-control-wrap {background: white;}
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, .wpcf7-form-control.wpcf7-textarea{border-color: transparent !important; border-bottom-color: transparent  !important;background-color: white  !important;border-bottom: none  !important;}

/* Caja reserva */
#cajareserva{display: none;}

/*logo y hovers*/
#header-outer {  animation-duration: 5s;animation-name: slidein;}

@keyframes slidein {
  from {
  opacity: 0;
  }

  to {
   opacity: 1;
  }
}

#logo .starting-logo.default-logo:hover {opacity: 0.5 !important;}
#custom_html-2 .logo-burger {width:150px !important;}
#info-black-menu a span:hover {opacity: 0.5 !important;}
.burger-text {color: white !important;}



@media (max-width: 1920px){
	.wpcf7-form.init  { width:auto}
	.villa-impar, .villa-par {width: auto;padding: 0 50px;}
	.backmenu.show img {max-height: 550px !important;}
}
@media (max-width: 1368px) and (min-width: 1000px){
	.rightsec .widget{padding: 0 !important}
	.wpb_column.child_column.right_margin_22pct {margin-right: auto !important;}
}
@media (max-width:1580px){
	#copyright .span_5 {width:20%}
	.espacio-villas { padding-right:50px !important;margin-top: 50px !important;}
	.backmenu.show img { max-height: 450px !important;}
	
	.top-level h1, .top-level h2{font-size:60px !important}
}
@media (max-width:1280px){
	.top-level h1,.top-level h2 {font-size: 50px !important;}
	h1:not(.rs-layer), h2:not(.rs-layer){font-size: 60px !important;line-height: 65px !important;}
	p{font-size: 22px !important;line-height: 29px !important;}
	.title-cursive h3{font-size: 65px !important;line-height: 55px !important;}
	.subtitle h5 {font-size: 19px !important;margin-bottom: 15px;}
	.backmenu.show img {max-height: 350px !important;}
	h1{font-size: 63px !important;line-height: 56px !important;}

}
@media (max-width:999px){
	#ajax-content-wrap .row > .wpb_row:not(.top-level){ margin-top: 50px !important;}
	#ajax-content-wrap .row > .wpb_row.notspace{margin-top:0px !important}
	.backmenu.show img { max-height: 320px !important;}
	p, .toggle h3 a, div a {font-size: 19px !important;}
	.espacio-villas {padding-right: 0px !important;}
	.espacio-villas h3, .b2-home-2 h3{margin-top:20px}
	
	#bgalhome .column-image-bg{background-size: cover;background-repeat: no-repeat;background-position: inherit;}
	#logo img{width:auto !important}	
	.title-cursive h2{line-height: 85px !important;  margin: 0px !important;}
	.img-with-aniamtion-wrap .hover-wrap {padding-right: 0px !important}
	.swiper-container{margin-top: auto !important}
	
	/*Contacto*/
	.info .vc_col-sm-6:last-child{padding-top:20px!important; padding-bottom: 20px !important;margin-bottom: 0px !important;}
	.info .textblack{margin-bottom:0px !important}
	.info .wpcf7-form-control.wpcf7-submit{float:left}
	.info .iwithtext .iwt-text {padding-left: 50px;}
	.wpcf7-form.init p {padding-bottom:0px !important}
	.wpcf7-submit {margin-top:20px !important}

	/*MENÚ BURGER*/
	#info-black-menu span {font-size: 18px !important;}
	#info-black-menu{font-size: 12px;}
	.rightsec ul.menu a {line-height: 38px !important;font-size: 18px !important;padding: 2px 0 !important;}
	.rightsec .widget{padding:0px !important}
	
	/*HEADER*/
	.transparent.side-widget-open .dark-version{opacity: 0 !important}
	#header-outer{padding:0px !important}
	#header-outer .container{padding-right:0px !important}
	#header-outer .col.span_3{margin: 20px 0 !important;}
	#header-outer  .slide-out-widget-area-toggle.mobile-icon{background:#252525;padding: 30px;}
	.btnmb{display:inherit}
	.btntop{display:none}
	.iwt-text strong{font-size:20px !important}

	/*FOOTER*/
	#footer-outer #copyright li{float:none}.widget h4,#footer-outer #copyright li{margin:0px !important}
	.nectar_icon i{font-size:24px !important; margin:0px !important;text-align: left !important;}
	#ajax-content-wrap #footer-widgets .span_3 ul > li.menu-item-type-post_type.menu-item, #ajax-content-wrap #footer-widgets .span_3 ul > li.menu-item-type-custom.menu-item{padding:0px !important}
	#footer-widgets img {width: 150px !important;margin-bottom: 20px !important;}
	#footer-widgets .wp-block-image{align-items:center;margin: 0px !important;}
	#footer-widgets  .col.span_3,#copyright .col {width:100% !important;text-align: center; justify-content: center; display:flex;margin-bottom: 4px;}
	#footer-widgets .container .col {margin-bottom: 0px;}
	#footer-outer .row{padding-bottom:0px !important}
	#footer-widgets  li > a {line-height: 25px !important;}
	#texto-footer, #footer-outer li > a {padding-bottom: 30px;line-height: 27px !important;}
	#footer-outer #copyright p{text-align:center !important}
}
@media (max-width:850px){
	#header-outer[data-transparent-header="true"].transparent.side-widget-open > header #logo img.dark-version{opacity: 0 !important;}
	.side-widget-open #logo .starting-logo{opacity: 1 !important}
	.menuBg {width: 100vw;}
	.leftsec { display: none;}
	 h3 {font-size: 40px !important;line-height: 48px !important;}
	.rightsec {margin-top: 0px !important;width:80% !important; padding-left: 28px}
	.iconos-nohome img { width: 50px !important;margin-right: 20px !important;}
	#boxibizea p{display : none !important}
	#boxibizea  {height: 68px;}
}
@media (max-width:699px) {
	h1:not(.rs-layer), h2:not(.rs-layer){margin-bottom:0px !important}
	.container.main-content {max-width: 650px !important;}
	body .wpb_text_column, .toggles, .img-respon, .enlace-flecha,.iwithtext,.iwithtext .iwt-icon{padding: 0px 20px !important;}
	.iwithtext { margin: 25px 0 !important;}
	.top-level h1, .top-level h2 {line-height: 43px !important;font-size: 38px !important;}
	h1:not(.rs-layer), h2:not(.rs-layer){font-size: 50px !important;line-height: 59px !important;}
	.rs-layer.subheader{font-size: 14px !important}
	#bgalhome .title-cursive{margin-top:12px !important}
	#bgalhome .enlace{top:100px}
	.rightsec p, .rightsec a{padding-bottom: 0px !important}

	#header-outer[data-full-width="true"] header > .container{padding-left: 25px !important}
	#header-outer.transparent{height: 60px !important}
	.rightsec ul.menu a{ padding: 0;}
	.rightsec .widget{margin-bottom: 10px !important}
	.swiper-container {margin-top:auto !important; height: auto !important;margin-bottom: 0% !important;}
	.iwt-text strong{font-size:17px !important}

}
@media (max-width:480px){ 
	.villa-impar, .villa-par{margin-top:0  !important;}
	#bgalhome .enlace {top: 60px;}
	#slide-out-widget-area .inner-wrap{padding-top: 15px !important;  overflow-x:hidden !important;}
	#slide-out-widget-area.fullscreen .inner, #slide-out-widget-area.fullscreen-alt .inner{top: 60px}	
}
@media (max-width:430px){
	h3{font-size: 28px !important;line-height: 40px !important;}
	.title-cursive h2 {line-height: 39px !important;}
	h1:not(.rs-layer), h2:not(.rs-layer){font-size: 35px !important;  line-height: 41px !important;}
	p, .toggle h3 a, div a, .iwt-text {font-size: 17px !important;line-height: 25px !important;}
	div[data-style="minimal"] .toggle h3 a {padding: 19px 70px 19px 0px;}
	#texto-footer, #footer-outer li > a {font-size: 16px !important;line-height: 23px !important;}
	#footer-outer #footer-widgets .col p, #footer-outer #footer-widgets .col a,#footer-outer #copyright p, #footer-outer #copyright a{line-height: 21px !important;font-size:15px !important}
	.rightsec ul.menu a {line-height: 25px !important;font-size:14px !important; padding: 0px 0 !important;}
	.rightsec p, .rightsec a {padding-bottom: 0px !important;font-size: 15px !important;line-height: 21px !important;}
	#info-black-menu span {font-size: 15px !important;}
	.top-level h1,.top-level h2 {font-size: 30px !important; line-height: 30px !important;} 
}