/*
Theme Name: graugo
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

:root {
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    --font-size-base-standard: 1rem;
    --line-height-s: 1.15em;
    --line-height-base: 1.3em;
    --line-height-l:1.6em;
    --color-black: #333333;
    --color-grey: #575756;
    --color-grey-dark: #909090;
    --color-grey-medium: #adadad;
    --color-grey-light: #F7F7F7;
    --color-blue: #9bc7cf;
    --color-blue-light: #2CC8F3;
    --color-edificacion: #c86e5f;
    --color-industria: #abb8c1;
    --color-obra-civil: #f6a64f;
    --color-retail: #b895aa;
    --gradient-blue: linear-gradient(to right,var(--primary-color),var(----color-blue-light));
    --transition-base: .3s;
    --transition-slow: .6s;
    --transition-easing: cubic-bezier(.165,.84,.44,1);
    --box-shadow-1: 0 3px 6px rgba(0,0,0,0.16);
    --box-shadow-2: 0 3px 6px -4px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

/* Tamaño tipografía en pantallas grandes */
@media only screen and (min-width: 1381px) {
    :root{
    --font-size-xs: .87rem;
    --font-size-s: .95rem;
    --font-size-base: 1.1rem;
    --font-size-l: 1.25rem;
    --font-size-xl: 1.5rem;
    --font-size-h1-xl: 6.5rem;
    --font-size-h1-l: 4.5rem;
    --font-size-h1-m: 3.8rem;
    --font-size-h1: 3.1rem;
    --font-size-h2: 2.2rem;
    --font-size-h3: 1.9rem;
    --font-size-h4: 1.5rem;
    --font-size-h5: 1.3rem;
    --font-size-h6: 1.2rem;
    --padding-base: 30px;
    --padding-l: 40px;
    --padding-s:20px;
    --padding-xs: 12px;
    --container: 1270px;
    }
}

/* PC Portátil */
@media only screen and (max-width: 1380px) {
    :root{
    --font-size-xs: .83rem;
    --font-size-s: .9rem;
    --font-size-base: 1rem;
    --font-size-l: 1.2rem;
    --font-size-xl: 1.3rem;
    --font-size-h1-xl: 5rem;
    --font-size-h1-l: 4rem;
    --font-size-h1-m: 3.4rem;
    --font-size-h1: 2.75rem;
    --font-size-h2: 2rem;
    --font-size-h3: 1.7rem;
    --font-size-h4: 1.45rem;
    --font-size-h5: 1.2rem;
    --font-size-h6: 1.1rem;
    --padding-base: 25px;
    --padding-l: 35px;
    --padding-s:15px;
    --padding-xs: 10px;
    --container: 1250px;
    }
}

/* PC Portátil pequeño */
@media only screen and (max-width: 1290px) {
    :root{
        --container: 1170px;
        --font-size-h1-l: 3.6rem;
        --font-size-h1-m: 3.1rem;
        --font-size-h1-xl: 4.5rem;
    }

}

/* Tablet */
@media (max-width: 849px) {
    :root{
    --font-size-xs: .83rem;
    --font-size-s: .9rem;
    --font-size-base: 1rem;
    --font-size-l: 1.2rem;
    --font-size-xl: 1.3rem;
    --font-size-h1-xl: 4rem;
    --font-size-h1-l: 3.1rem;
    --font-size-h1-m: 2.7rem;
    --font-size-h1: 2.2rem;
    --font-size-h2: 1.9rem;
    --font-size-h3: 1.6rem;
    --font-size-h4: 1.3rem;
    --font-size-h5: 1.1rem;
    --font-size-h6: 1rem;
    --padding-base: 20px;
    --padding-l: 30px;
    --padding-s:12px;
    --padding-xs: 8px;
    }
}

/* Móvil */
@media (max-width: 549px) {
    :root{
    --font-size-xs: .83rem;
    --font-size-s: .9rem;
    --font-size-base: 1rem;
    --font-size-l: 1.2rem;
    --font-size-xl: 1.3rem;
    --font-size-h1-xl: 3rem;
    --font-size-h1-l: 2.2rem;
    --font-size-h1-m: 2.2rem;
    --font-size-h1: 2.2rem;
    --font-size-h2: 1.9rem;
    --font-size-h3: 1.6rem;
    --font-size-h4: 1.3rem;
    --font-size-h5: 1.1rem;
    --font-size-h6: 1rem;
    --padding-base: 20px;
    --padding-l: 30px;
    --padding-s:12px;
    --padding-xs: 8px;
    }
    
}


/* TAMAÑOS GENERALES TEXTO */
.h1-l {font-size:36px; font-size: var(--font-size-h1-l);line-height: var(--line-height-base);}
h1 {font-size:30px; font-size: var(--font-size-h1);line-height: var(--line-height-base);}
h2 {font-size:26px; font-size: var(--font-size-h2);line-height: var(--line-height-base);}
h3 {font-size:22px; font-size: var(--font-size-h3);line-height: var(--line-height-base);}
h4 {font-size:20px; font-size: var(--font-size-h4);line-height: var(--line-height-base);}
h5 {font-size:18px; font-size: var(--font-size-h5);line-height: var(--line-height-base);}
h6 {font-size:16px; font-size: var(--font-size-h6);line-height: var(--line-height-base);}
.h1-size {font-size: var(--font-size-h1)}
.h2-size {font-size: var(--font-size-h2)}
.h3-size {font-size: var(--font-size-h3)}
.h4-size {font-size: var(--font-size-h4)}
.h5-size {font-size: var(--font-size-h5)}
.h6-size {font-size: var(--font-size-h6)}
p, body {font-size: var(--font-size-base);}


/* GENERAL */
.full-width .ubermenu-nav, .container, .row { max-width: var(--container);}

/* STICKY */
.col.sticky > .col-inner{ position: sticky; top: 40px;}
/*html, body { overflow-x: unset;}*/


/* AJUSTES EN TEXTOS */
.fw800 {font-weight: 800}
footer#footer a:hover { text-decoration: underline;}
a.button.lowercase{ letter-spacing: 0;}
.bold {font-weight:700}
.banner h2, .banner h3, .banner h1 { font-weight: bold;}
.banner h3{ font-size: var(--font-size-h3);}
blockquote >p { font-weight: bold;}
.slider-proyectos-home .res-text { font-size: unset;}
.slider-proyectos-home .button.is-xxlarge .icon-angle-right:before { width: 50px;}
.slider-proyectos-home a.button { font-size: 1.5em;margin-top: 0; margin-bottom: 1em;}


/* AJUSTES */
.button.is-link:hover i:before { opacity: .8;}
.flecha-blanca .icon-angle-right:before { content: ''; background: url(https://graugo.com/wp-content/uploads/2020/11/right.svg) no-repeat center; display: block; background-size: contain;}
.flecha-gris .icon-angle-right:before { content: ''; background: url(https://graugo.com/wp-content/uploads/2020/11/right-1-1.svg) no-repeat center; display: block; background-size: contain;}
.flecha-azul .icon-angle-right:before { content: ''; background: url(https://graugo.com/wp-content/uploads/2020/11/right-2.svg) no-repeat center; display: block; background-size: contain;}
.button.is-xxlarge .icon-angle-right:before {width: 80px; height: 80px;}
a.button.flecha i:before { transition:all var(--transition-base) var(--transition-easing)}
a.button.flecha:hover i:before { transform: translateX(20px);}
.max-width-container-2 > .col-inner{max-width: calc(var(--container) / 2);}
.logos .ux-logo-link { background-color: #ededed;}
.logos img { mix-blend-mode: multiply;}
.logos .has-hover:hover .image-color img { filter: grayscale(1);}
.blog-home .col.post-item { padding-bottom: 0!important;}
.giro {transform: rotate(90deg)!important;}
.boton-area {text-align:left; border-bottom:4px solid white}
.banner-area {min-height: calc(100vh - 175px);}
ul#menu-areas { display: flex; justify-content: space-between;}
ul#menu-areas > li { flex-grow: 1; list-style: none; margin-left: 0; margin-right: 10px;}
ul#menu-areas > li > a{ font-weight: bold;display: block;}
ul#menu-areas > li a:after { content: ''; height: 8px; width: calc(100% - 10px); display: block; border: 1px solid white; margin-top: 5px;transition: all 1s;}
ul#menu-areas > li.current-menu-item a:after {border:0; background-color: white;}
ul#menu-areas > li:hover a:after { background-color: #ffffff59;}
.is-full-height { height: auto!important; min-height: 100vh; padding: 30px 0!important;}
.slider-wrapper { transform: translateZ(0); }

/*body.page-id-232 .header-bg-color.fill {background-color: var(--color-edificacion);}*/

/* ANIMACIONES 
[data-animate]+[data-animate]{transition-delay: .4s;}
[data-animate]+[data-animate]+[data-animate] { transition-delay: .8s;}
[data-animate]+[data-animate]+[data-animate]+[data-animate] { transition-delay: 1.2s;}
[data-animate]+[data-animate]+[data-animate]+[data-animate]+[data-animate] { transition-delay: 1.6s;}
[data-animate]+[data-animate]+[data-animate]+[data-animate]+[data-animate]+[data-animate] { transition-delay: 2s;}
[data-animate]+[data-animate]+[data-animate]+[data-animate]+[data-animate]+[data-animate]+[data-animate] { transition-delay: 2.4s;}
[data-animate]+[data-animate]+[data-animate]+[data-animate]+[data-animate]+[data-animate]+[data-animate]+[data-animate] { transition-delay: 2.8s;}
[data-animate]+[data-animate]+[data-animate]+[data-animate]+[data-animate]+[data-animate]+[data-animate]+[data-animate]+[data-animate] { transition-delay: 3.2s;}*/


/* SLIDER NÚMEROS */
.bullets-numeros ol.flickity-page-dots { left: 0; text-align: left; max-width: var(--container); margin: auto; position: relative; display: block; margin-bottom: -32px;bottom: 80px;}
.bullets-numeros.slider-50 ol.flickity-page-dots { padding-left: 30px;}
.bullets-numeros ol.flickity-page-dots > li.dot { border: none; background-color: unset!important;width: 50px;}
.bullets-numeros ol.flickity-page-dots > li.dot:before { color: white; font-weight: bold; font-size: var(--font-size-h2);}
.bullets-numeros ol.flickity-page-dots > li.dot:first-child:before { content: '01';}
.bullets-numeros ol.flickity-page-dots > li.dot:nth-child(2):before { content: '02';}
.bullets-numeros ol.flickity-page-dots > li.dot:nth-child(3):before { content: '03';}
.bullets-numeros ol.flickity-page-dots > li.dot:nth-child(4):before { content: '04';}
.bullets-numeros ol.flickity-page-dots > li.dot:nth-child(5):before { content: '05';}
.bullets-numeros ol.flickity-page-dots > li.dot:nth-child(6):before { content: '06';}
.bullets-numeros ol.flickity-page-dots > li.dot:nth-child(7):before { content: '07';}
.bullets-numeros ol.flickity-page-dots > li.dot:nth-child(8):before { content: '08';}
.bullets-numeros.slider-texto ol.flickity-page-dots { bottom: 20px; margin-bottom: 0;}
.bullets-numeros.slider-texto ol.flickity-page-dots > li.dot:before { color: initial;}
.slider-texto .flickity-slider > .row > .col { padding: 0 0 30px;}

/* MENÚ MOBILE */
.off-canvas-right.dark .mfp-content, .off-canvas-left.dark .mfp-content { background-color: #575756;display: flex; align-items: flex-end;    padding: var(--padding-l);}
.off-canvas-right .mfp-content { width: 51%; transition:1s transform var(--transition-easing)}
.main-menu-overlay { background-color: transparent!important;}
.nav>li>a>i.icon-menu { font-size: 3em;}
.mfp-content .nav-sidebar.nav-vertical>li+li { border-top: none;}
.mfp-bg.off-canvas.off-canvas-right.main-menu-overlay.mfp-ready + .mfp-wrap.mfp-auto-cursor.off-canvas.off-canvas-right.mfp-ready > button.mfp-close { top: 73px!important; right: 61px;}
.mfp-bg.off-canvas.off-canvas-right.main-menu-overlay.mfp-ready + .mfp-wrap.mfp-auto-cursor.off-canvas.off-canvas-right.mfp-ready > button.mfp-close svg{ transform: scale(1.5);}
.mfp-content .nav-sidebar.nav-vertical>li > a, ul.sub-menu.nav-sidebar-ul.children.is-current-slide li.menu-item > a{font-size: var(--font-size-h2); padding: 5px 0; color: var(--color-blue);}
ul.sub-menu.nav-sidebar-ul.children.is-current-slide li.menu-item > a{ font-weight: bold;}
.nav-sidebar.nav-vertical>li.menu-item:hover {background-color:unset}
.off-canvas .sidebar-menu { padding: 0;}
.mfp-content .nav-sidebar.nav-vertical>li.header-block { padding-top: 8vw;}
.mfp-content .nav-vertical>li>a { flex-grow: unset;}
.sidebar-menu.no-scrollbar > ul.nav.nav-sidebar.nav-vertical.nav-uppercase.nav-slide { display: flex; flex-direction: column; justify-content: center;}

/* BLOG */
.widget .is-divider { display: none;}
span.widget-title { letter-spacing: 0; text-transform: unset!important; color: var(--color-blue); font-size: var(--font-size-h4); display: block;}
.post-sidebar span.post_comments { display: none;}
.post-sidebar .recent-blog-posts > .flex-grow a { color: #575756;   font-size: var(--font-size-s); line-height: var(--line-height-s);}
.tagcloud > a { font-size: var(--font-size-xs)!important; color: #575756; background-color: #e3eff1; border-radius: 3px; padding: .1em .5em; white-space: nowrap;}
.tagcloud > a:hover {background-color:#d3e1e3!important}
.widget { margin-bottom: 2.5em;}
aside#categories-3 a { color: #575756;}
.blog-archive .entry-meta.uppercase.is-xsmall, .blog-archive .entry-divider.is-divider.small { display: none;}
.blog-archive .entry-content {padding-top:0}
.blog-archive footer.entry-meta.clearfix > span { display: none;}
.blog-archive footer.entry-meta.clearfix {border-top:none}
aside#tag_cloud-2 .tagcloud { margin-top: 10px;}


/* FOOTER */
.section-footer p { font-size: var(--font-size-s);}
.section-footer li { list-style: none;margin-left: 0!important;}
.footer-secondary{ margin-top: -7px;}
.footer-secondary.pull-right span{ font-size: var(--font-size-xs);}
#footer input#input_3_1 { color: white;margin-top: 0;}
#footer input#input_3_1::placeholder { color: white;}
#footer form#gform_3 input#gform_submit_button_3 { color: white;}




/* PORTFOLIO */
.portfolio-page-wrapper .page-title-inner.container.flex-row.dark { padding: 100px 15px;}
.portfolio-summary.entry-summary .col.col-fit.pb-0 > p { display: none;}
figcaption.wp-caption-text { font-size: var(--font-size-xs);line-height: 1.3em; margin-top: 5px; text-align: left;}
div#portfolio-content { max-width: 1000px; margin: auto;}
.portfolio-share { text-align: center;}
.portfolio-share:before { content: 'Compartir'; display: block; margin-bottom: 10px;}
h6.uppercase.portfolio-box-title { opacity: 1;}



/* MARGINS Y PADDINGS */
.col.padding-base > .col-inner, .padding-base-div  {padding:20px; padding:var(--padding-base)}
.no-padding-bottom {padding-bottom:0!important}
.no-margin-bottom {margin-bottom:0!important}
.margin-bottom-s{margin-bottom: .3em!important}
.col.padding-right-content { padding-right: 5%;}
.col.padding-s > .col-inner, .padding-s-div { padding: 10px; padding: var(--padding-s);}
.col.padding-xs > .col-inner, .padding-xs-div { padding: 6px; padding: var(--padding-xs);}

/* CLICABLE */
.clicable .box-text, .clicable .text-box { pointer-events: none;}

/*FORMULARIOS*/
input[type='text'], select, textarea {box-shadow: none !important; border: none;padding: 5px 15px!important;background-color: transparent; border-bottom: 1px solid;font-weight: bold;}
input[type='text']::placeholder, select::placeholder, textarea::placeholder{color:#575756}
input[type='text']:focus, select:focus, textarea:focus { border-bottom-width: 2px; background-color: transparent;}
li.gf_list_inline ul > li {margin-right: 30px!important;}
ul.gfield_checkbox input[type='checkbox'], ul.gfield_radio input[type='radio'] { margin-bottom: 5px;}
.gfield select { margin-top: 20px;}
label.gfield_consent_label { font-size: var(--font-size-xs); font-weight: var(--font-weight-normal);}
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] { margin-top: 0;}
.gfield label { white-space: nowrap!important; font-weight: var(--font-weight-normal);}
form .gform_footer.top_label { text-align: right;}
.gform_footer > input[type='submit'] { padding: unset; border: none;    color: var(--color-grey);}
.gform_footer > input[type='submit']:hover { box-shadow: none;}
form .gform_footer.top_label > input[type='image'] {max-width: 230px; border: 2px solid #575756!important; padding: 10px 30px!important;transition:all .5s}
form .gform_footer.top_label > input[type='image']:hover {box-shadow: var(--box-shadow-2);}
form#gform_3 input[type='text'] { border: 1px solid #b9b9b8;    margin-bottom: -10px;}
form#gform_3 label.gfield_consent_label { font-size: .65em;}
form#gform_3 input#input_3_2_1 { margin-right: 2px;}
form#gform_3 span.gfield_required { display: none;}
form#gform_3 .gform_footer.top_label { margin-top: -20px;}
form#gform_3 input#gform_submit_button_3 { background-color: #abd0d654; border: 1px solid #9bc7cf; padding: 0 1em; font-size: var(--font-size-s);}
form#gform_3 input[type='text']::placeholder { opacity: .7; font-weight: 400; font-size: var(--font-size-s);}
.html-before-comments.mb .gform_footer.top_label { text-align: left;}
.html-before-comments.mb form .gform_footer.top_label > input[type='image'] { max-width: 170px;}

/* COOKIES */
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme { background-color: #575756; border-top: none;}
button.mgbutton.moove-gdpr-infobar-allow-all { color: #575756!important; font-weight: bold!important;}



/* Tablet */
@media (max-width: 849px)
{
    
}



/* Movil */
@media (max-width: 549px)
{
    .section.is-full-height { height: auto;}
    .is-xxlarge { font-size: 1.8em;}
    .button.is-xxlarge .icon-angle-right:before { width: 60px; height: 60px;}
    .off-canvas-right .mfp-content { width: 90%;}
    ul#menu-areas { overflow: scroll; width: calc(100% + 15px);}
    ul#menu-areas > li { min-width: 130px;}
    .mfp-content .nav-sidebar.nav-vertical>li > a, ul.sub-menu.nav-sidebar-ul.children.is-current-slide li.menu-item > a { font-size: var(--font-size-h4);}
    .mfp-content .nav-sidebar.nav-vertical>li.header-block .icon-box-text > p { font-size: var(--font-size-s);}
    .mfp-bg.off-canvas.off-canvas-right.main-menu-overlay.mfp-ready + .mfp-wrap.mfp-auto-cursor.off-canvas.off-canvas-right.mfp-ready > button.mfp-close { top: 15px!important; right: 15px;}
    .slider-footer h4{ font-size: var(--font-size-h3)!important;}
    .slider-footer br {display:none}
    .mobile-sidebar .social-icons.follow-icons { font-size: 95%!important;}
    .row.logos > .col > .col-inner { height: 120px; display: flex;}
    .row.logos img.ux-logo-image.block { height: unset!important;}
    
}