/* Parte 1 - Normalize css */
/* Parte 2 - Custom css */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    scroll-behavior: smooth;
}

/* Sections
    ========================================================================== */

/**
* Remove the margin in all browsers.
*/

body {
    margin: 0;
}

/**
* Render the `main` element consistently in IE.
*/

main {
    display: block;
}

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
    ========================================================================== */

/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
    ========================================================================== */

/**
* Remove the gray background on active links in IE 10.
*/

a {
    background-color: transparent;
}

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/

b,
strong {
    font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
* Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
    ========================================================================== */

/**
* Remove the border on images inside links in IE 10.
*/

img {
    border-style: none;
}

/* Forms
    ========================================================================== */

/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/

button,
input { /* 1 */
    overflow: visible;
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
    text-transform: none;
}

/**
* Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
* Remove the inner border and padding in Firefox.
*/

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
* Restore the focus styles unset by the previous rule.
*/

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
* Correct the padding in Firefox.
*/

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/

progress {
    vertical-align: baseline;
}

/**
* Remove the default vertical scrollbar in IE 10+.
*/

textarea {
    overflow: auto;
}

/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
    ========================================================================== */

/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/

details {
    display: block;
}

/*
* Add the correct display in all browsers.
*/

summary {
    display: list-item;
}

/* Misc
    ========================================================================== */

/**
* Add the correct display in IE 10+.
*/

template {
    display: none;
}

/**
* Add the correct display in IE 10.
*/

[hidden] {
    display: none;
}




/********************** CUSTOM CSS **********************/

@font-face {
    font-family: 'Bronkoh';
    src: url("/wp-content/themes/tistech/assets/fonts/Bronkoh-Regular.otf") format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BronkohBolder';
    src: url("/wp-content/themes/tistech/assets/fonts/Bronkoh-ExtraBold.otf") format('opentype');
    font-weight: bolder;
    font-style: normal;
}

* {
    font-family: 'Bronkoh';
}

:root {
    
    --color-menu-bg: #000;
    --color-menu-color: #F8F8F8;

    --color-orange: orange;
    --color-text-gray: #999;
    --color-text-blue-light: #728FCE;
    --color-text-blue: #4863A0;

    --color-subscribe-bg: #0dc5f8;
    --color-contact-bg: #003872;
    --color-footer-bg: #000722;
    --color-separator-bg-1: #ff7e00;
    --color-separator-bg-2: #ffb31b;
    
    --color-partners-bg-1: #d9dddc;
    --color-partners-bg-2: #eceded;

    
}

/* TODO: Remover o padding no body, foi inserido apenas para deixar a barra do wordpress acima do body quando estiver logado */
body {
    padding-top: 33px;
}

.title-normal {
    font-size: 2em;
    text-align: center;
    text-transform: uppercase;
}
.title-bold {
    font-size: 2em;
    text-align: center;
    text-transform: uppercase;
    font-family: 'BronkohBolder';
}

.subtitle-normal {
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: 400;
    text-align: center;
}

.subtitle-bold {
    font-size: 1.2em;
    line-height: 1.5em;
    text-align: center;
    text-transform: uppercase;
    font-family: 'BronkohBolder';
}

.text-normal {
    text-align: justify;
    line-height: 1.5em;
}

.text-bold {
    text-align: justify;
    line-height: 1.5em;
    font-family: 'BronkohBolder';
}

.text-small {

}

.text-normal>br {
    display: block;
    margin: 25px 0;
    content: " ";
}

.text-white {
    color: var(--color-menu-color);
}

.text-orange {
    color: var(--color-orange);
}


.see-link {
    text-align: center;
    margin: 20px auto;
    font-size: 0.9em;
}

.see-link>a {
    color: var(--color-text-blue-light);
}

.see-link>a:hover {
    color: var(--color-text-blue);
}

.see-link>a:link {
    text-decoration: none;
}

.see-link-orange {
    text-align: center;
    margin: 20px auto;
    font-size: 0.9em;
}

.see-link-orange>a {
    color: var(--color-separator-bg-2);
}

.see-link-orange>a:hover {
    color: var(--color-separator-bg-1);
}

.see-link-orange>a:link {
    text-decoration: none;
}



/********************** MENU **********************/

.custom-logo {
    max-height: 45px;
    max-width: 30vw;
    width: auto;
    height: auto;
}

.main-menu {
    background-color: var(--color-menu-bg) !important;
    padding: 12px 4vw;
}

/* Link do menu */
.main-menu>div>div>ul>li>a>span {
    font-size: 0.9em;
    color: var(--color-menu-color);
}

.main-menu>div>div>ul>li>a>span:hover {
    border-bottom: 1px solid var(--color-menu-color);
}

/* Links de idiomas do menu */
.menu-lang-list {
    margin-left: 5vw;
    margin-right: 4vw;
}

.menu-lang-list>li>a {
    font-size: 0.9em;
    color: var(--color-menu-color);
    padding: 0px 4px;
    margin: 8px 0px;

}

.menu-lang-list>li>a[disabled] {
    cursor: default;
}

/* .menu-lang-list>li:first-child>a {
    border-right: 2px solid var(--color-menu-color);
} */

/* Ícone de rede social do menu */
.menu-social-list>li>a {
    color: var(--color-menu-color);
}

.menu-social-list>li>a>i {
    margin-left: 5px;
}

@media only screen and (max-width: 1200px) {
    .menu-lang-list {
        margin-left: 0;
    }
    .menu-lang-list>li:first-child>a {
        padding-left: 0;
    }
}

/********************** MENU FIM **********************/


/********************** FOOTER MENU **********************/

.footer-menu {
    margin: 15px 0;
}

.footer-menu>li {
    padding: 5px;
    border:none;
}

.footer-link a {
    color: var(--color-subscribe-bg);
}

.footer-social-link {
    color: var(--color-menu-color);
}

.footer-social-link>i {
    margin-left: 5px;
}

.footer-copy-right {
    padding: 0px 30px;
    font-size: .8em;
}

@media only screen and (max-width: 992px) {
    
    .div-footer-logo>a>img {
        display: block;
        margin: 0 auto;
    }
    
    .footer-menu {
        margin-top: 30px;
    }

    .footer-link, .footer-social-list {
        width: 100%;
        text-align: center;
    }
}

/********************** FOOTER MENU FIM **********************/



/********************** SEPARADOR **********************/
.separador {
    justify-content: center;
}
.separador-linha {
    height: 3px;
    background: linear-gradient(var(--color-separator-bg-1), var(--color-separator-bg-2));
}
.separador-img {
    height: 50px;
    margin: auto;
    display: block;
    position: relative;
    top: -3px;
}

.separador-partners {
    background-color: var(--color-partners-bg-1);
}
/********************** SEPARADOR FIM **********************/










/********************** TEMPLATE PAGE - SLIDER **********************/

#main-slider { 
    
}

#main-slider>.carousel-inner {
    aspect-ratio: 3/1;
    
}

#main-slider>.carousel-inner>.carousel-item {
    height: 100%;
}
#main-slider>.carousel-inner>.carousel-item>img {
    width: 100%;
}

#main-slider>ol>li {
    width: 15px;
    height: 15px;
    background-color: var(--color-menu-color);
    border: 0;
    opacity: 1;
    border-radius: 50%;
}

#main-slider>ol>li.active {
    width: 9px;
    height: 9px;
    border: 3px solid var(--color-menu-color);
    opacity: 1;
    border-radius: 50%;
    background-color: transparent;
}

.carousel-caption {
    display: block !important;
    position: absolute;
    left: 15%;
    bottom: 80px;
    text-align: left;
}

.carousel-caption h1 {
    font-size: 5vw;
    margin-bottom: 10px;
    font-family: 'BronkohBolder';
}

.carousel-caption h2 {
    max-width: 40vw;
    margin-top: 20px;
    font-size: 2vw;
    font-family: 'Bronkoh';
    color: var(--color-orange);
}

.carousel-caption p {
    max-width: 40vw;
    font-size: 1.5vw;
    margin-bottom: 0px;
}

.carousel-caption img {
    max-height: 120px;
    max-width: 25vw;
    margin-bottom: 20px;
}

.carousel-caption .link-text {
    font-size: 1em;
}

.slider-link {
    color: var(color-text-blue);
    position: relative;
    top: 15px;
}

.slider-link {
    color: var(--color-text-blue-light);
}

.slider-link:hover {
    color: var(--color-text-blue);
}

.slider-link:link {
    text-decoration: none;
}


@media only screen and (max-width: 992px) {
    .carousel-caption {
        left: 20px;
        bottom: 15px;
        text-align: left;
    }

    .carousel-caption p {
        font-size: min(.8em);
    }

    .carousel-caption img {
        max-height: 100px;
        max-width: 40vw;
        margin-bottom: 10px;
    }

    .slider-link {
        top: 5px;
    }
}

/********************** TEMPLATE PAGE - SLIDER FIM **********************/



/********************** TEMPLATE PAGE - ABOUT-US **********************/
.about-us {
    padding-bottom: 20px;
}

.about-us h1 {
    margin: 60px 0 40px 0;
}

.about-us h2 {
    font-size: 1.2em;
    line-height: 1.5em;
    text-align: center;
    text-transform: uppercase;
    font-family: 'BronkohBolder';
}

.about-us h3 {
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: 400;
    text-align: center;
}

.about-us p {
    text-align: justify;
    line-height: 1.5em;
}

.about-us-movie {
    width: 100%;
    margin: 30px 0;
    background-color: red !important;
}

/********************** TEMPLATE PAGE - ABOUT-US FIM **********************/



/********************** TEMPLATE PAGE - SOLUCTIONS **********************/

.soluctions {
    padding-bottom: 40px;
    background-size: cover;
    background-image: url("/wp-content/themes/tistech/assets/img/soluctions-bg.jpg");
}

.soluctions h1 {
    margin-top: 25px;
    margin-bottom: 30px;
}

.soluctions h2 {
    
}

.soluctions-card {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: justify;
}

.soluctions-card h1 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 1em;
    line-height: 1.5em;
    text-align: center;
    text-transform: uppercase;
    font-family: 'BronkohBolder';
    color: var(--color-orange);
}

.soluctions-card p {
    font-size: 0.9em;
    color: var(--color-menu-color);
    display: inline;
}

.soluctions-row-cards {
    margin-top: 20px;
}

.soluctions-card img {
    display: block;
    height: 60px;
    width: auto;
    margin: 0 auto;
}

.soluctions-card-readmore {
    display: inline;
    border: none;
    margin-left: 5px;
    padding: 0;
    background-color: transparent;
    color: var(--color-orange);
}

.soluctions-card-readmore:hover {
    color: var(--color-orange);
    text-decoration: underline;
}

.soluctions-see-others {
    text-align: center;
    margin: 20px auto;
    margin-top: 40px;
    font-size: 0.9em;
}

.soluctions-see-others>a {
    color: var(--color-text-blue-light);
}

.soluctions-see-others>a:hover {
    color: var(--color-text-blue);
}

.soluctions-see-others>a:link {
    text-decoration: none;
}

/********************** TEMPLATE PAGE - SOLUCTIONS FIM **********************/


/********************** TEMPLATE PAGE - PRODUCTS **********************/

.products-text {
    text-transform: uppercase;
    text-align: center;
}

.products-row-cards {
    margin: 50px 0 0px 0;
}

.products-card {
    padding: 0 20px;
    margin-bottom: 30px;
    text-align: justify;
}

.products-card img {
    max-width: 100%;
    max-height: 36px;
    display: block;
    margin: 0 auto;
    margin-bottom: 40px;
}

.products-card p {
    font-size: 1em;
    color: var(--color-menu-color);
    display: inline;
}

.products-card-readmore {
    display: inline;
    border: none;
    margin-left: 5px;
    padding: 0;
    background-color: transparent;
    color: var(--color-orange);
}

.products-card-readmore:hover {
    color: var(--color-orange);
    text-decoration: underline;
}

.products-see-others {
    text-align: center;
    margin: 20px auto;
    font-size: 0.9em;
}

.products-see-others>a {
    color: var(--color-text-blue-light);
}

.products-see-others>a:hover {
    color: var(--color-text-blue);
}

.products-see-others>a:link {
    text-decoration: none;
}


/********************** TEMPLATE PAGE - PRODUCTS FIM **********************/











/********************** TEMPLATE PAGE - NEWS **********************/

.news {
    
}

.news-row-cards {
    margin-top: 25px;
}

.news-card {
    padding: 0 10px;
    margin-bottom: 30px;
}

.news-card-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 3/2;
}

.news-card-date {
    padding: 10px 0 !important;
    color: var(--color-text-gray);
    font-size: 1em;
}

.news-card-separator {
    margin-top: 0;
    height: 1px;
    background-color: var(--color-orange);
}

.news-card-title {
    font-size: 1em;
    font-family: 'BronkohBolder';
}

.news-card-body>p {
    display: inline;
    font-size: 0.9em;
}

.news-card-body>a {
    border: none;
    padding: 0;
    background-color: transparent;
    color: var(--color-orange);

}

.news-see-others {
    text-align: center;
    margin: 20px auto;
    margin-top: 30px;
    font-size: 0.9em;
}

.news-see-others>a {
    color: var(--color-text-blue-light);
}

.news-see-others>a:hover {
    color: var(--color-text-blue);
}

.news-see-others>a:link {
    text-decoration: none;
}

/********************** TEMPLATE PAGE - NEWS FIM **********************/






/********************** TEMPLATE PAGE - PARTNERS **********************/

.partners {
    background-color: var(--color-partners-bg-2);
    padding-bottom: 30px;
}

.partner-div-title {
    background-color: var(--color-partners-bg-1);
    padding-top: 15px;
    padding-bottom: 10px;
}

.partner-div-subtitles {
    padding-top: 20px;
    padding-bottom: 20px;
}

.partner-div-subtitles h2 {
    margin-bottom: 15px;
}


.partners-card {
    height: 50px;
    width: 12%;
    min-width: 120px;
    display: flex;
    justify-content: center;
    margin: 15px 8px;
}

.partners-card img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    display: block;
}

/* .partners-img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    display: block;
} */

/********************** TEMPLATE PAGE - PARTNERS FIM **********************/



/********************** TEMPLATE PAGE - NEWSLETTER **********************/

.newsletter {
    margin: 10px 0;
    padding: 30px;
    background-color: var(--color-subscribe-bg);
}

.newsletter h2 {
    margin-bottom: 0;
    font-size: 1em;
}

.newsletter-box {
    min-width: 100% !important;
}

.form-newsletter {
    margin: 30px 0;
}

.form-newsletter input {
    border: 0;
    border-radius: 0;
    border-radius: 0;
    height: 40px !important;
    padding: 6px 10px !important;
    font-size: 1.2em !important;
    font-family: 'BronkohBolder';
}

.form-newsletter .tnp-submit {
    background-color: transparent !important;
    color: var(--color-separator-bg-1) !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    height: 50px;
    font-size: 1em !important;
    font-family: 'Bronkoh';
    margin-top: 10px !important;
}

.form-newsletter .tnp-submit:hover {
    background-color: var(--color-separator-bg-1) !important;
    border-color: var(--color-separator-bg-1) !important;
    color: var(--color-menu-color) !important;
}




/********************** TEMPLATE PAGE - NEWSLETTER FIM **********************/





/********************** TEMPLATE PAGE - CONTACT FIM **********************/

.contact {
    background-color: var(--color-contact-bg);
    padding: 40px 0 30px 0;
}
.contact h1 {
    text-align: left;
}

.contact form p {
    margin: 0 !important;
}


/* Código apenas para uso do contact-form-7 no form de contacto */

.custom-contact-form .wpcf7-text, .custom-contact-form .wpcf7-textarea {
    width: 100% !important;
    float: right !important;
}

.custom-contact-form input {
    background-color: var(--color-contact-bg);
    color: var(--color-menu-color);
    border: 1px solid var(--color-menu-color);
    border-radius: 0;
    padding-left: 8px;
    line-height: 34px;
}

.custom-contact-form textarea {
    background-color: var(--color-contact-bg);
    color: var(--color-menu-color);
    border: 1px solid var(--color-menu-color);
    border-radius: 0;
    padding-left: 8px;
}

.custom-contact-form .wpcf7-submit {
    width: 120px !important;
    float: right !important;
    color: var(--color-orange) !important;
    background-color: transparent !important;
    color: var(--color-separator-bg-1) !important;
    border-color: transparent !important;
    border-radius: 0 !important;
}

.custom-contact-form .wpcf7-submit:hover {
    background-color: var(--color-separator-bg-1) !important;
    border-color: var(--color-separator-bg-1) !important;
    color: var(--color-menu-color) !important;
}
/* Código apenas para uso do contact-form-7 no form de contacto */

.form-contact input {
    color: var(--color-menu-color);
    border: 1px solid var(--color-menu-color);
    border-radius: 0;
    padding-left: 8px;
}

.form-contact textarea {
    background-color: var(--color-contact-bg);
    color: var(--color-menu-color);
    border: 1px solid var(--color-menu-color);
    border-radius: 0;
    padding-left: 8px;
}

.form-contact textarea:focus {
    background-color: var(--color-contact-bg);
    color: var(--color-menu-color);
    border: 1px solid var(--color-menu-color);
    border-radius: 0;
    padding-left: 8px;
}

.form-contact button {
    background-color: transparent;
    color: var(--color-separator-bg-1);
    border-color: transparent;
    border-radius: 0;
}

.form-contact button:hover {
    background-color: var(--color-separator-bg-1);
    border-color: var(--color-separator-bg-1);
    color: var(--color-menu-color);
}

.contact-div-1, .contact-div-2 {
    margin-bottom: 50px;
}

.contact-div-1 {
    color: var(--color-menu-color);
}

.contact-1-body {
    padding-top: 50px;
}

@media only screen and (max-width: 992px) {
    .contact h1 {
        text-align: center;
    }

    .contact p {
        text-align: center;
    }

    .contact-1-body {
        padding-top: 0px;
    }
}

/********************** TEMPLATE PAGE - CONTACT FIM **********************/






/********************** SOLUCTIONS PAGE **********************/

#soluction-slider>.carousel-inner {
    aspect-ratio: 3/1;
}

#soluction-slider>.carousel-inner>.carousel-item {
    height: 100%;
}

#soluction-slider>.carousel-inner>.carousel-item>img {
    width: 100%;
}

#soluction-slider .carousel-caption {
    display: block !important;
    position: absolute;
    left: 15%;
    bottom: 80px;
    text-align: left;
}

#soluction-slider .carousel-caption h5 {
    max-width: 40vw;
    font-size: 4vw;
    font-family: 'BronkohBolder';
}

#soluction-slider .carousel-caption img {
    max-height: 120px;
    max-width: 25vw;
    margin-bottom: 20px;
}

#soluction-slider .carousel-caption p {
    max-width: 50vw;
    font-size: 1.5vw;
    margin-bottom: 0px;
}

#soluction-slider .carousel-caption .link-text {
    font-size: 1em;
}

#soluction-slider .slider-link {
    color: var(color-text-blue);
    position: relative;
    top: 15px;
}

#soluction-slider .slider-link {
    color: var(--color-text-blue-light);
}

#soluction-slider .slider-link:hover {
    color: var(--color-text-blue);
}

#soluction-slider .slider-link:link {
    text-decoration: none;
}


@media only screen and (max-width: 992px) {
    #soluction-slider .carousel-caption {
        left: 5vw;
        bottom: -10px;
        text-align: left;
    }

    #soluction-slider .carousel-caption p {
        font-size: min(.7em);
        max-width: 80vw;
    }

    #soluction-slider .carousel-caption img {
        max-height: 100px;
        max-width: 40vw;
        margin-bottom: 10px;
    }

    #soluction-slider .slider-link {
        top: 5px;
    }
}

.soluctions-sec-1 {
    padding-bottom: 40px;
    background-size: cover;
    background-color: var(--color-menu-color); /* REMOVER DEPOIS DE INSERIR A IMAGEM DE BG ABAIXO */
    /* background-image: url("/wp-content/themes/tistech/assets/img/soluctions-sec-1-bg.jpg"); */
}

.soluctions-sec-1 p {
    font-size: 0.9em;
}

.soluctions-col-img {
    max-width: 100%;
    margin: auto;
    display: block;
}

.soluctions-sec-1-ul {
    padding-left: 15px;
}

.soluctions-sec-1-div-2-title {
    text-align: left;
    font-size: 1.5em;
}

.soluctions-sec-3, .soluctions-sec-5, .soluctions-sec-7 {
    padding-bottom: 40px;
    background-size: cover;
    background-color: var(--color-contact-bg);
}

.soluctions-sec-8 p {
    text-align: center;
}

/********************** SOLUCTIONS PAGE FIM **********************/


/********************** PRODUCTS PAGE FIM **********************/

.products-sec-1 {
    padding-bottom: 40px;
    background-size: cover;
    background-color: var(--color-partners-bg-2); /* REMOVER DEPOIS DE INSERIR A IMAGEM DE BG ABAIXO */
    /* background-image: url("/wp-content/themes/tistech/assets/img/soluctions-sec-1-bg.jpg"); */
}

.products-sec-1-ul {
    padding-left: 15px;
}

.products-sec-1 p {
    font-size: 0.9em;
}

.products-col-img {
    max-width: 100%;
    margin: auto;
    display: block;
}

.products-col-logo {
    height: 80px;
    margin-bottom: 30px;
    
}

.products-sec-1-title {
    text-align: left;
    font-size: 1.5em;
}

.products-sec-2 {
    /* background-size: cover;
    background-image: url("/wp-content/themes/tistech/assets/img/products-bg.jpg"); */
    background-color: var(--color-text-blue);
}

.products-sec-2-ul {
    padding-left: 15px;
}

.products-sec-2-title {
    text-align: left;
    font-size: 1.5em;
}

.products-sec-2 p {
    font-size: 0.9em;
}

.products-sec-3 {
    padding-bottom: 40px;
    background-size: cover;
    background-color: var(--color-contact-bg);
}

.products-sec-5 {
    padding-bottom: 40px;
    background-size: cover;
    background-image: url("/wp-content/themes/tistech/assets/img/products-sec-5-bg.png");
    background-position: center;
}

.products-sec-5-ul {
    padding-left: 15px;
}

.products-sec-5 p {
    font-size: 0.9em;
}


/********************** PRODUCTS PAGE FIM **********************/




/********************** NEWS PAGE FIM **********************/

#news-main {
    padding-top: 100px;    
    padding-bottom: 100px;    
}

.blog-items article {
    background-color: #F8F8F8;
    margin-bottom: 30px;
}

.blog-items article .col-img {
    overflow: hidden;
}

.blog-items article .col-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

article {
    font-family: 'Bronkoh';
    color: var(--color-text-blue);
    margin-bottom: 50px !important;
}

article.card {
    border: none;
    border-radius: 2px;
}

article.card:hover {
    box-shadow: 2px 2px 4px -3px var(--color-menu-bg);
}

article .card-title {
    font-size: 1.6em !important;
    font-family: 'BronkohBolder';
}

article p {
    margin-bottom: 5px;
    font-size: .9em !important;
    text-align: justify;
}
article .card-meta-info {
    font-size: 1.2em !important;
}

article a {
    color: var(--color-text-blue-light);
}

article a:hover {
    color: var(--color-text-blue);
}

article .read-more {
    color: var(--color-separator-bg-1);
    opacity: .7;
}

article .read-more:hover {
    color: var(--color-separator-bg-1);
    opacity: 1;
}


article .col-img img {
    -webkit-filter: brightness(80%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
    
article .col-img img:hover {
    -webkit-filter: brightness(100%);
}




.blog-items {
    
}

.blog-sidebar {
    padding-right: 0;
    font-family: 'Bronkoh';
    font-size: 1em;
}

.blog-sidebar form {
    margin-bottom: 20px;
}

.blog-sidebar form input {
    height: 35px;
    padding: 4px 8px;
    width: calc(100% - 55px);
    border: 1px solid var(--color-text-blue);
    color: var(--color-text-blue);
}

.blog-sidebar form button {
    height: 35px;
    border: none;
    background-color: var(--color-text-blue);
    float: right;
    color: var(--color-menu-color);
}

.blog-sidebar form button:hover {
    background-color: var(--color-menu-bg);
}



.blog-sidebar form input:focus {
    outline: none !important;    
}

.blog-sidebar .widget-wrapper h3 {
    color: var(--color-text-blue);
    font-size: 1.6em;
}


.blog-sidebar .widget-wrapper a {
    color: var(--color-text-blue-light);
}

.blog-sidebar .widget-wrapper a:hover {
    color: var(--color-text-blue);
}


.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination .page-numbers, .pagination .next, .pagination .previous {
    border: 1px solid var(--color-text-blue);
    opacity: 0.8;
    padding: 5px 10px;
    color: var(--color-text-blue);
}

.pagination .page-numbers.current, .pagination .next.current, .pagination .previous.current {
    color: var(--color-menu-color);
    background-color: var(--color-menu-bg);
}

.widget-wrapper ul {
    list-style: none;
    padding-left: 0px !important;
}

article.single-post {
    padding: 10px 20px 50px 20px;
    box-shadow: 2px 2px 4px -3px var(--color-menu-bg);
}

article.single-post header img {
    width: 100% !important;
    height: 100% !important;
}

article.single-post .card-meta-info {
    margin-top: 15px;
    margin-bottom: 15px;
}

article.single-post .content p {
    margin-bottom: 20px !important;
    font-size: 1em !important;
}

.previous-next-post-link {
    color: var(--color-text-blue-light);
}

.previous-next-post-link span { 
    border: 1px solid red;
}

.previous-next-post-link i { 
    margin: 0px 5px;
}

/********************** NEWS PAGE FIM **********************/






/********************** FOOTER **********************/
.footer-area {
    margin-top: 20px;
    background-color: var(--color-footer-bg);
}

.footer-area .container {
    padding: 50px 20px;
}

.separador-footer-linha {
    height: 15px;
    background: linear-gradient(var(--color-separator-bg-1), var(--color-separator-bg-2));
}
/********************** FOOTER FIM **********************/





/********************** POLITICA DA QUALIDADE E CERTIFICACAO **********************/
.politica_qualidade, .certificacao {
    min-height: 70vh;
}
/********************** POLITICA DA QUALIDADE E CERTIFICACAO FIM **********************/