/*
Theme Name: TGLNT
Theme URI: https://miosito.com
Author: Tegolante
Author URI: https://miosito.com
Description: Our fantastic base theme
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tglnt
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



* { 
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: 'Karla', sans-serif;
    line-height: 1.8!important;
    word-wrap: break-word;
}

*::after, *::before {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* karla-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Karla';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/karla-v31-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('assets/fonts/karla-v31-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('assets/fonts/karla-v31-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('assets/fonts/karla-v31-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('assets/fonts/karla-v31-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('assets/fonts/karla-v31-latin-regular.svg#Karla') format('svg'); /* Legacy iOS */
  }



/* -------------------------
COLORS
---------------------------*/

:root {
	--white: #FFF;
	--black: #000;
	--black-gradient: #00000090;
	
	--grey: #333;
	--light-grey: #F4F4F4;
    --gold: #FCB900;
    --gold-2: #c79203;
}


/*----------------------------------- 
TYPHOGRAPHY
------------------------------------*/

h1 {font-size: 22px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

h2, h3, h4, h5, h6, p {
    margin-bottom: 20px;
}

p, ul, span {
    font-size: 16px;
}

ul {list-style: inside;}

a {font-size: 16px;}


blockquote {
    border-left: 1px solid var(--blue);
    padding: 1rem;
    background-color: var(--light-grey);
    margin-bottom: 20px;
}

blockquote p {
    font-size: 20px;
    font-style: italic;
}

cite {
    font-size: 1.6rem;
    font-style: normal;
}

mark {
    font-weight: bold;
}

.divider {
    max-width: 150px;
    width: 100%;
    height: 3px;
}

.divider__center {
    margin: 20px auto;
}

.page a {
    color: var(--grey);
    -webkit-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

.page a:hover {
    color: var(--gold);
}







/*----------------------------------- 
HELPERS
------------------------------------*/

.cover__max-1160 {
    max-width: 1160px;
    width: 90%;
    margin: 0 auto;
}

.section__pd {
    padding: 100px 0;
}

.center__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.uppercase {
    text-transform: uppercase;
}

.text__center {
    text-align: center;
}







/*----------------------------------- 
OVERRIDE WP BASIC STYLING
------------------------------------*/

/* Parallalax cover */
@media (prefers-reduced-motion: reduce) {
    .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax {
        background-attachment: fixed;
    }
}


/* Media query columns */
@media (min-width: 0px) and (max-width:500px) {
    .services.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        -ms-flex-preferred-size: 100% !important;
            flex-basis: 100% !important;
        
    }
}


@media (min-width: 501px) and (max-width:540px) {
    .services.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        -ms-flex-preferred-size: 30% !important;
            flex-basis: 30% !important; 
    }

}

@media (min-width: 540px) and (max-width:650px) {
    .services.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        -ms-flex-preferred-size: 40% !important;
            flex-basis: 40% !important; 
    }

}

@media (min-width: 651px) and (max-width:782px) {
    .services.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        -ms-flex-preferred-size: 40% !important;
            flex-basis: 40% !important;
        
    }

    .numbers.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        -ms-flex-preferred-size: 20% !important;
            flex-basis: 20% !important;
        
    }


}


@media (min-width: 520px)  {

    .numbers.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        -ms-flex-preferred-size: 20% !important;
            flex-basis: 20% !important;
       
        
    }

    .owners.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        -ms-flex-preferred-size: 20% !important;
            flex-basis: 20% !important;
       
        
    }

    .features.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        -ms-flex-preferred-size: 30% !important;
            flex-basis: 30% !important;
        
    }


    .features.wp-block-columns, .testimonials.wp-block-columns {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-wrap: wrap!important;
            flex-wrap: wrap!important;
    }

    .testimonials.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        -ms-flex-preferred-size: 30% !important;
            flex-basis: 30% !important;
        
    }


}

@media (min-width: 783px) and (max-width: 992px) {
    .services .wp-block-column {
        -ms-flex-preferred-size: 40%!important;
            flex-basis: 40%!important;
    }

    .services.wp-block-columns {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-wrap: wrap!important;
            flex-wrap: wrap!important;
    }
}


@media (min-width: 993px)  {
    .services .wp-block-column {
        -ms-flex-preferred-size: 30%!important;
            flex-basis: 30%!important;
    }
    
    .services.wp-block-columns {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-wrap: wrap!important;
            flex-wrap: wrap!important;
    }
    
}