/*
Theme Name: ESTUDI VILALTA
Description: ESTUDI VILALTA
Author: urbsdc.com
Version: 999
Author URI: www.urbsdc.com
*/


/*reset*/
html, body, div, applet, object, iframe, img, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, center, i, div, header, section, footer {border:0;outline:0; box-sizing: border-box; line-height: 0;}
html {scroll-behavior: smooth;}
*{margin:0;padding:0}
:focus{outline:0}
ol, ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;}
blockquote, q{quotes:"" ""}
em {font-weight: 400; font-style: normal;}
hr{border:0;color:#FFFFFF;}
blockquote:before, blockquote:after, q:before, q:after{content:""}
.cky-consent-container{visibility: visible!important;}
.cky-btn-revisit-wrapper{display: none!important}

body{background-color: #000;}

/*tipos*/
strong{font-weight: bold}
em{font-style: italic}
h1, h2, h3, h4, h5, h6, p, a, li, div{font-family: 'Libre Caslon Text', serif; color: rgba(0,0,0,1); text-decoration:none; font-size: 16px; font-weight: 500; line-height: 1.4em;}

p{margin-bottom: 20px}
p:last-child{margin-bottom: 0px}
p a{text-decoration: underline}
ol{padding: 0px 0px 20px 30px; list-style-type: decimal}
ul:not(.menu, .sub-menu){padding: 0px 0px 20px 30px; list-style-type: disc}
ul li, ol li{margin-bottom: 5px}

.cky-consent-container{visibility: visible!important;}
.cky-btn-revisit-wrapper{display: none!important}
.has-text-align-center{text-align: center!important}
.sinopacidad{opacity: 0!important}
.oculto{display: none!important}
.sinscroll{overflow:hidden!important}
.altolinea0{line-height: 0!important}
.cursiva{font-style: italic!important;}
.negrita{font-weight: bold!important}
.centrado{margin: 0 auto!important}
.textoizquierda{text-align: left!important}
.textocentro{text-align: center!important}
.textoderecha{text-align: right!important}
.wp-block-embed__wrapper{gap: 0!important}
.bloque{display: block!important;}
.eedee-gutenslider-nav{display: none!important}
.cky-btn-revisit-wrapper{display: none!important}
.gapcinco{gap: 5em!important}
.gapdiez{gap: 10em!important}
.ancho50{max-width: 50%}
.cky-consent-container{visibility: visible!important;}
.cky-btn-revisit-wrapper{display: none!important}
.solopc{display: inherit}
.solomovil{display: none}
    
.flexat{display: inline-flex; width: 100%; flex-wrap: wrap;}
.flexat.dalt{align-items: flex-start}
.flexat.abaix{align-items: flex-end}
.flexat.centre{align-items: center}
.flexat.mismaaltura{align-items: stretch;}
.flexat.inici{justify-content: flex-start}
.flexat.final{justify-content: flex-end}
.flexat.centrat{justify-content: center}
.flexat.total{justify-content: space-between}
.flexat250{width: 50%}
.flexat2{width: 49%}
.flexat3{width: 31%}
.flexat4{width: 23.7%; margin-right: 1.6%;}
.flexat4:nth-child(4n+0){margin-right: 0%;}
.flexat5{width: 18%}
.flexat8{width: 11%}
.flexat23070:nth-child(1){width: 30%}
.flexat23070:nth-child(2){width: 70%}
.flexat27030:nth-child(1){width: 70%}
.flexat27030:nth-child(2){width: 30%}
.flexat12:nth-child(1){width: 30%}
.flexat12:nth-child(2){width: 70%}

.padding5{padding: 5px;}
.padding10{padding: 10px;}
.padding20{padding: 20px;}
.padding80{padding: 80px;}
.paddingtop10{padding-top: 10px;}
.paddingtop80{padding-top: 80px;}
.paddingtop120{padding-top: 120px;}
.paddingbottom40{padding-bottom: 40px;}
.paddingbottom80{padding-bottom: 80px;}
.paddingtop40{padding-top: 40px;}
.paddingtop140{padding-top: 140px;}
.paddingbottom20{padding-bottom: 20px;}
.marginbottom0{margin-bottom: 0px;}
.padding200200{padding: 20px 0px 20px 0px;}
.padding40{padding: 40px;}
.padding80{padding: 80px;}
.padding120{padding: 120px;}
.margintop20{margin-top: 20px;}
.margintop40{margin-top: 40px;}
.margintop80{margin-top: 80px;}
.margintop120{margin-top: 120px;}
.marginbottom20{margin-bottom: 20px;}
.marginbottom10{margin-bottom: 10px;}
.marginbottom40{margin-bottom: 40px;}
.marginbottom80{margin-bottom: 80px;}
.marginbottom120{margin-bottom: 120px;}

/*ancho y alto*/
.ancho100{width: 100%;}
.alto100{height: 100vh;}
.estrecho{width: 1200px; margin: 0 auto}
.estrecho2{width: 800px; margin: 0 auto}

.fijo{position: fixed}
.absoluto{position: absolute}
.relativo{position: relative}

.breadcrumb{margin-top: 20px; font-size: 12px}
.breadcrumb a, .breadcrumb span{font-size: 12px}


a, .comoboton{-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

/*menumobil*/
.menumobil {display: none;cursor: pointer; padding: 0; transition: opacity 0.5s ease-in-out; transition: all 0.1s ease-in-out; }
.menumobil > .bar1, .menumobil > .bar2 , .menumobil > .bar3 {width: 25px;height: 2px;background-color: #000;margin: 6px 0;transition: 0.4s;}
header.actiu .bar1, header.actiu .bar2, header.actiu .bar3{background-color: #000;} 
.change.bar1 { -webkit-transform: rotate(-45deg) translate(-4px, 8px) ;transform: rotate(-45deg) translate(-4px, 8px) ;}
.change.bar2 {opacity: 0!important;}
.change.bar3 { -webkit-transform: rotate(45deg) translate(-3px, -8px) ;transform: rotate(45deg) translate(-3px, -8px) ;}
/*menumobil*/

/*cycle*/
.cycle-slideshow{height: 100vh; width: 100%;position: relative;overflow: hidden;}
.cycle-slide {-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover;height: 100%;width: 100%; position: relative;}
.cycle-slide > div{position: absolute; display: inline-flex!important; justify-content: center; align-items: center; top: 0; z-index: 800; left: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(0,0,0,0.3)}
.cycle-slide .info h2{font-size: 80px!important; font-weight: bold;color: rgba(242,203,5,1); text-transform: uppercase; margin-bottom: 40px}
.cycle-slide a{background-color: rgba(242,203,5,1); border: 1px solid rgba(242,203,5,1); padding: 15px 40px 15px 40px; color: white; font-size: 18px}
.cycle-slide a:hover{opacity: 1; background-color: white; color: black}
.cycle-slideshow .infoslide{position: absolute; bottom: 100px; left: 80px; max-width: 50%;}
.cycle-pager {display: block;margin: 0 auto;text-align: center; z-index: 1000; position: relative;margin-top: -40px; width: 100%}
.cycle-pager a{display:inline-block;width:15px;height:15px;margin-left:10px;margin-right:10px;background:url(img/noactiva.png) no-repeat;text-indent: -3333px; background-size: cover}
.cycle-pager a:last-child{margin-right:0;}
.cycle-pager a:first-child{margin-left:0;}
a.cycle-pager-active, .cycle-pager a:hover{display:inline-block;width:15px;height:15px;margin-left:10px;margin-right:10px;background:url(img/activa.png) no-repeat;text-indent: -3333px; background-size: cover}

.slick-next:before{content: ''!important; background: url(img/right.svg) center center no-repeat; background-size: cover; width: 15px; height: 25px;display: block}
.slick-prev:before{content: ''!important; background: url(img/left.svg) center center no-repeat; background-size: cover; width: 15px; height: 25px;display: block}
.slick-disabled{opacity: 0!important}

:where(.wp-block-columns) {margin-bottom: 0em!important;}


/*CF7*/
.wpcf7{width: 100%;}
.wpcf7 input, .wpcf7 select{padding: 5px; box-sizing: border-box; color: rgba(112,112,112,1); width: 100%;border: 1px solid rgba(0,0,0,0.2); padding: 8px; line-height: 1.2em; margin-bottom: 20px;font-family: 'Libre Caslon Text', serif;}
.wpcf7 textarea{border: 1px solid rgba(0,0,0,0.2); width: 100%; padding: 8px; line-height: 1.2em;font-family: 'Libre Caslon Text', serif;}
.wpcf7 input[type="checkbox"]{width: 30px!important; font-family: 'Libre Caslon Text', serif;}
.wpcf7 label{ font-size: 16px;}
.wpcf7-submit{cursor: pointer; margin-top: 10px; font-family: 'Libre Caslon Text', serif; text-transform: uppercase; font-size: 16px; color: rgba(240,240,240,1)!important; background-color: rgba(151,131,107,1); border: 1px solid rgba(151,131,107,1)!important; -moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.wpcf7-submit:hover{background-color: rgba(240,240,240,1); color: rgba(151,131,107,1)!important}
.wpcf7-not-valid-tip{position: absolute;top: 10px;right: 0;}



/*gutenslider*/
.wp-block-eedee-block-gutenslider.arrow-position-sides .eedee-gutenslider-prev{left: -10%!important;}
.wp-block-eedee-block-gutenslider.arrow-position-sides .eedee-gutenslider-next{left: 110%!important;}


.home{display: inline-flex; justify-content: center; align-items: center; width: 100%; height: 100vh;}
figcaption{text-align:center; color: white;}

@media screen 
and (max-width : 1300px) 
and (min-width : 1024px)
{
    
}


@media screen 
and (max-width : 1023px) 
and (min-width : 782px)
{
    
}

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

}