/*!
Theme Name: Tubiz
Theme URI: https://tubiz.pl
Author: Tubiz
Author URI: https://tubiz.pl
Description: Nazwa zlecenia
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: szablon

/* Import */
@font-face {
    font-family: 'light';
    src: url(assets/fonts/Montserrat-Light.ttf);
}

@font-face {
    font-family: 'regular';
    src: url(assets/fonts/Montserrat-Regular.ttf);
}

@font-face {
    font-family: 'bold';
    src: url(assets/fonts/Montserrat-SemiBold.ttf);
}

/* Global */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
}

:root {
    /* Colors */
    --limeElement: #b0d86a;
    --greenElement: #abd660;
    --blueElement: #5dbafc;
    --lightElement: #94d9c5;
    --darkElement: #27323d;
    /* Backgrounds */
    --topGray: #f5f5f5;
    --lightBlue: #f8fbff;
    --blue: #93c9ef;
    --darkBlue: #5aace8;
    --dark: #3c4650;
    /* Color Link */
    --active: #82cefd;
    --buttonActive: #7bc7fd;
    /* Window section */
    --maxWidth: 1200px;
    --mobilePadding: 0 5px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
strong,
li,
ul,
input,
textarea {
    font-family: 'regular', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-decoration: none;
    color: var(--dark);
}

h1 {
    font-size: 4.2rem;
    font-family: 'bold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

h2 {
    font-size: 3.6rem;
    font-family: 'bold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

h3 {
    font-size: 3rem;
}

h4 {
    font-size: 2.4rem;
}

h5 {
    font-size: 1.8rem;
}

h6 {
    font-size: 1.2rem;
}

p,
a,
span,
li,
input,
textarea {
    font-size: 1.6rem;
}

strong {
    font-size: 1.6rem;
    font-family: 'bold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

li {
    list-style-type: circle;
}

li:marker {
    color: var(--active);
}
/* Shorts */
@media (min-width: 801px){
    .desktop__padding{
        padding: 0 2rem;
    }
}
@media (max-width:1200px){
    .mobile__padding{
        padding: var(--mobilePadding);
    }
    .mobile__list__center{
        text-align: center;
    }
    .mobile__list__center li{
        list-style: none;
    }
}
.tubiz__flex__center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.tubiz__cta__button{
    text-align: center;
}
.tubiz__cta__button a{
    padding: 1.5rem 5rem;
    border: 1px solid #fff;
    border-radius: 5px;
    width: max-content;
    margin: 0 auto;
    text-transform: uppercase;
    transition: .3s ease-in;
    text-align: right;
}
.tubiz__cta__button a:hover{
    background-color: var(--limeElement);
}
.tubiz__sec__button{
    text-align: left;
}
.tubiz__sec__button a{
    padding: 1.5rem 5rem;
    border: 1px solid var(--darkBlue);
    border-radius: 5px;
    width: max-content;
    margin: 0 auto;
    text-transform: uppercase;
    transition: .3s ease-in;
    text-align: right;
    color: var(--darkBlue);
}
.tubiz__sec__button a:hover{
    background-color: var(--darkBlue);
    color: #fff;
}
.tubiz__max__width{
    max-width: var(--maxWidth);
    margin: 0 auto;
}
.tubiz__max__width__mini{
    max-width: var(--maxWidth);
}
.tubiz__max__content{
    max-width: 800px;
    margin: 0 auto;
}
@media(max-width:800px){
    .tubiz__max__width{
        padding: var(--mobilePadding);
    }
    .tubiz__max__width__mini{
        padding: var(--mobilePadding);
    }
    .tubiz__mobile__center{
        text-align: center;
    }
    .tubiz__mobile__3rem{
        font-size: 3rem;
    }
}
.tubiz__block__subtitle{
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.tubiz__block__subtitle span{
    display: block;
    height: 1px;
    width: 3rem;
    background-color: var(--blueElement);
}
.tubiz__block__subtitle__dark{
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    color: var(--lightBlue);
}
.tubiz__block__subtitle__dark span{
    display: block;
    height: 1px;
    width: 3rem;
    background-color: var(--lightBlue);
}
.taj{
    text-align: justify;
}
.tac{
    text-align: center;
}
.para{
    font-size: 1.6rem;
}
.menu-footermenu-container ul li, .menu-uslugi-container ul li{
    list-style: none;
}
.lsn li{
    list-style: none;
}

/* Style page */

/* ------------------------------- Header -------------------------------*/
/* Top Bar */
.top__bar {
    background-color: var(--topGray);
}

.top__bar__wrap {
    width: 100%;
    max-width: var(--maxWidth);
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 1rem;
    justify-content: space-between;
}

.top__bar__wrap p {
    color: #666666;
}

.top__bar__wrap span {
    font-family: 'bold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #666666;
}

.top__bar__contact {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 2rem;
}

.top__bar__a {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: #666666;
    transition: .2s ease-in;
}

.top__bar__a img {
    width: 18px;
    height: 18px;
    transition: .2s ease-in;
}

.top__bar__a:hover {
    color: #448abd;
}

.top__bar__a:hover img {
    filter: brightness(0) saturate(100%) invert(50%) sepia(74%) saturate(401%) hue-rotate(163deg) brightness(86%) contrast(85%);
}

@media(max-width:800px) {
    .top__bar {
        display: none;
    }
}

/* Brand wrap */
.top__bar{
    height: 39px;
}
.brand__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: var(--maxWidth);
    margin: 0 auto;
    padding: 30px 0;
}
#navMenu .brand__wrap{
    padding: 1rem 0;
}

.brand__woj {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 12rem;
    margin-right: 5rem;
}

.brand__woj__col {
    display: block;
    position: relative;
}

.brand__contact {
    display: none;
}

.brand__woj__col p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'bold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-transform: uppercase;
    font-size: 2rem;
    transition: .3s ease-in;
}

.brand__woj__col img {
    width: auto;
    height: 8rem;
    opacity: .3;
    transition: .2s ease-in;
}

.brand__woj__col:hover p {
    color: var(--greenElement);
}

.brand__woj__col:hover img {
    filter: brightness(0) saturate(100%) invert(73%) sepia(63%) saturate(360%) hue-rotate(36deg) brightness(101%) contrast(83%);
    opacity: 1;
}

/* Navigation */
.nav__menu {
    background-color: white;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}
#navMenu{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    transform: translateY(-200px);
    transition: transform .2s ease-in;
}
.stick{
    transform: translateY(0);
}
.nav__wrap {
    width: 100%;
    max-width: var(--maxWidth);
    margin: 0 auto;
    padding: 1rem 0;
}



.tubiz__nav__menu__prim {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.tubiz__nav__menu__prim li {
    list-style: none;
    position: relative;
    overflow: hidden;
}

.tubiz__nav__menu__prim li a {
    color: var(--dark);
    transition: .2s ease-in;
    font-size: 1.8rem;
}

.tubiz__nav__menu__prim li a:hover {
    color: var(--darkElement);
}

.tubiz__nav__menu__prim li:hover {
    overflow: visible;
}

.tubiz__nav__menu__prim li:hover .sub-menu {
    transform: translateY(0);
    opacity: 1;
}

@media(min-width:801px) {
    .menu-item-1253{
        z-index: 999;
    }

    .menu-item-1253 ul {
        background-color: #27323dd3;
        position: absolute;
        top: calc(100% + 15px);
        transform: translateY(250px);
        left: 0;
        width: max-content;
        min-width: 20rem;
        display: flex;
        opacity: 0;
        flex-direction: column;
        gap: 2rem;
        padding: 2rem;
        border-radius: 7px;
        transition: transform .5s ease-in, opacity .3s .3s;
    }

    .menu-item-1253 ul::after {
        position: absolute;
        content: '';
        top: -15px;
        left: 10px;
        transform: translate(-150%, 0);
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 10px 15px 10px;
        border-color: transparent transparent #27323dd3 transparent;
        transform: rotate(0deg);
    }
    .menu-item-1253 ul::before {
        position: absolute;
        content: '';
        top: -20px;
        left: 0;
        right: 0;
        height: 20px;
    }
}

.menu-item-1253 ul a {
    color: var(--lightBlue);
}
.menu-item-1253 ul a:hover {
    color: #fff;
}

.navigation__button {
    display: none;
    justify-content: end;
    align-items: center;
}

.nav__mobile__box {
    width: 40px;
    height: 40px;
    position: relative;
}

.nav__mobile__box span {
    background-color: #222222;
    width: 60%;
    height: 3px;
    border-radius: 5px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.5s, width 0.5s;
}

.nav__mobile__box .nav__mobile__line-1 {
    transform: translate(-50%, -10px);
}

.nav__mobile__box .nav__mobile__line-3 {
    transform: translate(-50%, 7px);
}

.open__menu .nav__mobile__line-1 {
    transform: translate(-50%, 0) rotate(-45deg);
}

.open__menu .nav__mobile__line-3 {
    transform: translate(-50%, 0) rotate(45deg);
}

.open__menu .nav__mobile__line-2 {
    width: 0;
}

@media(max-width:800px) {
    .nav__menu {
        padding: var(--mobilePadding);
    }

    .brand__wrap {
        padding: 1rem 0;
    }

    .brand__logo img {
        height: 60px;
        width: auto;
    }

    .brand__woj {
        display: none;
    }
    .brand__contact {
        display: flex;
    }
    .brand__contact a {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .brand__contact a span {
        font-size: 1.8rem;
        font-family: 'bold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        color: #576d30;
    }
    .brand__contact a p {
        font-size: 1.3rem;
    }
    .nav__wrap {
        position: absolute;
        z-index: 100;
        top: 100%;
        left: 0;
        right: 0;
        padding: 0;
        overflow: hidden;
        background-color: var(--darkElement);
        max-height: 0;
        transition: .4s ease-in;
    }

    .nav__wrap.open__nav {
        max-height: 100svh;
    }

    .tubiz__nav__menu__prim {
        flex-direction: column;
        padding: 2rem 0;
    }
    .tubiz__nav__menu__prim li{
        width: 100%;
        text-align: center;
    }

    .tubiz__nav__menu__prim li a {
        color: #eee;
    }

    .navigation__button {
        display: flex;
        justify-content: center;
    }

    .menu-item-1253 ul {
        margin-top: 1rem;
        padding: 2rem 0;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        background-color: #86868671;
        display: none;
    }
}

/* --------------------------------------------------------------------- */

/* ------------------------------- Footer -------------------------------*/
.tubiz__footer__widget__wrap {
    width: 100%;
    max-width: var(--maxWidth);
    margin: 0 auto;
    padding: 6.2rem 0 2.5rem 0;
}

.tubiz__footer__widget__areas {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tubiz__footer__widget__area {
    width: 25%;
    padding: 2rem;
}

.tubiz__footer__widget__area a {
    transition: .2s ease-in;
}

.tubiz__footer__widget__area a:hover {
    color: var(--active);
}

.tubiz__footer {
    border-top: 1px solid var(--topGray);
}

.tubiz__footer__wrap {
    width: 100%;
    max-width: var(--maxWidth);
    margin: 0 auto;
    padding: 2rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.tubiz__footer__wrap a {
    transition: .2s ease-in;
}

.tubiz__footer__wrap a:hover {
    color: var(--active);
}

@media(max-width:1000px) {
    .tubiz__footer__widget__areas {
        padding: 0 20px;
    }

    .tubiz__footer__widget__area {
        width: 50%;
    }
}

@media(max-width:800px) {
    .tubiz__footer__widget__areas {
        padding: var(--mobilePadding);
    }

    .tubiz__footer__widget__area {
        width: 100%;
    }
}

/* --------------------------------------------------------------------- */
/* ----------------------------- Components -----------------------------*/
/* Slider */
.tubiz__slider__wrapper{
    width: 100%;
    overflow: hidden;
}
.tubiz__slider{
    position: relative;
    height: 70vh;
    display: flex;
    width: 700vw;
    transition: transform .7s ease-in;
}
.tubiz__slider__slide{
    background-color: #222222;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 2rem;
    width: 100vw;
}
.tubiz__slider__subtitle{
    font-size: 2rem;
    color: #fff;
    text-align: center;
    max-width: 800px;
}
.tubiz__slider__header{
    font-size: 5rem;
    color: #fff;
    font-family: 'bold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: center;
    max-width: 800px;
}
.tubiz__slider__btn__box{
    display: flex;
    justify-content: center;
    gap: 4rem;
    padding: 5rem 0;
}
.slider__button__a{
    color: #fff;
    padding: 2rem 4rem;
    border: 1px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    transition: .3s ease-in;
}
.slider__button__b{
    background-color: #fff;
    color: #32668b;
    padding: 2rem 4rem;
    border: 1px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    transition: .3s ease-in;
}
.slider__button__a:hover{
    background-color: #fff;
    color: #32668b;
}
.slider__button__b:hover{
    background-color: transparent;
    color: #fff;
}

.tubiz__slider__slide1{
    background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/fotowoltaika_l.webp);
}
.tubiz__slider__slide2{
    background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/pompa_l.webp);
}
.tubiz__slider__slide3{
    background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/slider_drill_l.webp);
}
.tubiz__slider__slide4{
    background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/studnie_l.webp);
}
.tubiz__slider__slide5{
    background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/minikoparka_l.webp);
}
.tubiz__slider__slide6{
    background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/elektryczne_l.webp);
}
.tubiz__slider__slide7{
    background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/hydrauliczne_l.webp);
}
@media(max-width: 1000px){
    .tubiz__slider__slide1{
        background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/fotowoltaika_m.webp);
    }
    .tubiz__slider__slide2{
        background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/pompa_m.webp);
    }
    .tubiz__slider__slide3{
        background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/slider_drill_m.webp);
    }
    .tubiz__slider__slide4{
        background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/studnie_m.webp);
    }
    .tubiz__slider__slide5{
        background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/minikoparka_m.webp);
    }
    .tubiz__slider__slide6{
        background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/elektryczne_m.webp);
    }
    .tubiz__slider__slide7{
        background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/hydrauliczne_m.webp);
    }
}
@media(max-width: 700px){
    .tubiz__slider__slide1{
        background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/fotowoltaika_s.webp);
    }
    .tubiz__slider__slide2{
        background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/pompa_s.webp);
    }
    .tubiz__slider__slide3{
        background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/slider_drill_s.webp);
    }
    .tubiz__slider__slide4{
        background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/studnie_s.webp);
    }
    .tubiz__slider__slide5{
        background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/minikoparka_s.webp);
    }
    .tubiz__slider__slide6{
        background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/elektryczne_s.webp);
    }
    .tubiz__slider__slide7{
        background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/hydrauliczne_s.webp);
    }
    .tubiz__slider__slide{
        padding: var(--mobilePadding);
    }
    .tubiz__slider__subtitle{
        font-size: 1.3rem;
        color: #fff;
        text-align: center;
    }
    .tubiz__slider__header{
        font-size: 3rem;
        color: #fff;
        font-family: 'bold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        text-align: center;
    }
    .tubiz__slider__btn__box{
        display: flex;
        justify-content: center;
        gap: 1rem;
        padding: 5rem 0;
    }
    .slider__button__a{
        color: #fff;
        padding: 1rem 1.5rem;
        border: 1px solid #fff;
        border-radius: 5px;
        text-transform: uppercase;
        transition: .3s ease-in;
    }
    .slider__button__b{
        background-color: #fff;
        color: #32668b;
        padding: 1rem 1rem;
        border: 1px solid #fff;
        border-radius: 5px;
        text-transform: uppercase;
        transition: .3s ease-in;
    }
    .slider__button__a:hover{
        background-color: #fff;
        color: #32668b;
    }
    .slider__button__b:hover{
        background-color: transparent;
        color: #fff;
    }
}
.slide
/* Section */
.tubiz__about__section{
    background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/Sprinkle-2.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


.tubiz__offer__img{
    background-color: #fff;
    border-radius: 50%;
    padding: 3rem;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tubiz__counter__circle{
    background-color: #f8fbff;
    border-radius: 50%;
    padding: 1rem;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'bold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.tubiz__cta__wrap{
    background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/panele_fotowoltaiczne.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.tubiz__cta__call a{
    font-size: 4rem;
    font-family: 'bold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: var(--greenElement);
}
.wpforms-field, .tubiz__contact__form form textarea{
    font-family: 'regular', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    border-radius: 5px;
}
#wpforms-submit-650{
    font-family: 'regular', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #fff;
    padding: 0 3rem;
    border: 1px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    transition: .3s ease-in;
    background-color: transparent;
}
#wpforms-submit-650:hover{
    background-color: var(--limeElement);
}
.tubiz__value__image{
    background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/fotowoltaika_obraz-1.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.tubiz__value__content strong{
    color: #fff;
}
.tubiz__contact__image{
    background-image: url(https://tim-eco.pl/wp-content/uploads/2024/02/contact__tim.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.tubiz__back__button{
    position: fixed;
    bottom: 20%;
    left: 10px;
    padding: 1rem .5rem;
    border-radius: 7px;
    /* border: 1px solid var(--blueElement); */
    color: #fff;
    background-color: #8d8d8d;
}
@media (max-width:800px){
    .tubiz__back__button{
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 0;
        background-color: #fff;
        color: #222222;
        text-align: center;
        border: none;
        border-top: 1px solid var(--blueElement);

    }
}

/* Blog Page */
.blog__wrapper, .type-post{
    max-width: var(--maxWidth);
    margin: 0 auto;
}
.blog__menu__wrap{
    background-color: var(--lightBlue);
    margin-bottom: 2rem;
}
.tubiz__blog__title{
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 2.4rem;
    color: #297788;
    max-width: var(--maxWidth);
    padding: 2rem 0;
}
.tubiz__blog__menu__prim{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 5px;
    max-width: var(--maxWidth);
    margin: 0 auto;
}
.tubiz__blog__menu__prim li{
    margin: 0 auto;
    transition: .3s linear;
    list-style: none;
    min-width: 70%;
}
.tubiz__blog__menu__prim a{
    color: #297788;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border: 1px solid #297788;
    font-size: 1.44rem;
}
.tubiz__blog__menu__prim li:hover{
    background-color: #2976881a;
    
}
.tubiz__blog__menu__prim li:hover a{
    color: #232323;
    /* border: 1px solid #232323; */
}
.tubiz__blog__menu__prim li:hover a img{
    filter: brightness(0) saturate(100%) invert(0%) sepia(9%) saturate(601%) hue-rotate(320deg) brightness(103%) contrast(73%);
}
@media(min-width:800px){
    .tubiz__blog__menu__prim{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 5px;
        max-width: var(--maxWidth);
        margin: 0 auto;
        flex-direction: row;
    }
    .tubiz__blog__menu__prim li{
        min-width: 200px;
        margin: 0;
        
    }
    .tubiz__blog__menu__prim a{
        padding: 10px;
        flex-direction: column;
        font-size: 1.6rem;
        border: none;
        border-bottom: 7px solid #29768800;
        transition: .3s linear;
    }
    .tubiz__blog__menu__prim a img {
        margin: 5px;
    }
    .tubiz__blog__menu__prim li:hover a{
        color: #232323;
        border-bottom: 7px solid #297788;
    }
}
/* Blog Content */
.blog__wrap{
    max-width: var(--maxWidth);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.blog__search{
    max-width: 500px;
    margin: 0 auto;
    padding: 0 15px;
}
.blog__search form{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border: 1px solid #297788;
    border-radius: 7px;
    overflow: hidden;
}
.blog__search form label{
    width: 100%;
}
.blog__search form label input {
    width: 100%;
}
.blog__search form label input{
    border: 0;
    outline: 0;
}
.blog__search form input{
    padding: 15px 20px;
    border: 0;
}
.blog__search .search-submit{
    background-color: #297788;
    color: #fff;
    font-weight: 500;
    font-size: 1.7rem;
}
.blog__box{
    width: clamp(200px, 100%, 350px);
    border: 1px solid #297788;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding-bottom: 50px;
    position: relative;
}
.blog__img{
    width: 100%;
    position: relative;
}
.blog__category{
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px 10px;
    border: 1px solid #297788;
    background-color: #fff;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 20px;
}
.blog__category a{
    color: #297788;
}
.blog__date{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 5px;
    background-color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.92rem;
    border-bottom: 1px solid #297788;
    text-align: center;
}
.blog__title__a{
    color: #232323;
}
.blog__date__o{
    position: absolute;
    top: 40px;
    right: 5px;
    padding: 5px 10px;
    border: 1px solid #297788;
    background-color: #fff;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.6rem;
    color: #297788;
}
.blog__img{
    overflow: hidden;
}
.blog__img img{
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: .4s;
}
.blog__img img:hover{
    transform: scale(1.1);
}
.blog__box__main{
    padding: 20px;
}
.blog__title{
    padding-bottom: 25px;
    font-size: 1.92rem;
    text-align: justify;
}
.blog__description p{
    display: block;
    font-size: 1.6rem;
    text-align: justify;
    line-height: 2.24rem;
}
@media(min-width:800px){
    .blog__description p{
        min-height: 300px;
    }
}
.blog__bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #297788;
    background-color: #297788;
}
.blog__bottom a{
    text-transform: uppercase;
    font-size: 1.92rem;
    font-weight: 500;
    color: #fff;
}
.blog__paginations{
    max-width: 800px;
    margin: 40px auto;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.blog__pagination a{
    border: 1px solid #297788;
    border-radius: 3px;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 1.76rem;
    color: #297788;
    transition: .3s linear;
}
.blog__pagination a:hover{
    background-color: #297788;
    color: #fff;
}
@media(max-width:800px){
    .tubiz__blog__title{
        padding: 10px;
    }
    .blog__paginations{
        justify-content: center;
        gap: 20px;
    }
}
.tubiz__header__normal__title__search{
    font-size: 1.76rem;
}
.nav-links{
    display: none;
}
.tubiz__header__normal__title__search{
    color: #fff;
    font-size: 3.2rem;
}
.nothing__results{
    margin: 75px auto;
    width: fit-content;
    font-size: 1.6rem;
    text-align: center;
    padding: 25px;
    border: 1px solid #297788;
}
.nothing__results a{
    display: block;
    margin-top: 50px;
    text-transform: uppercase;
    font-size: 1.76rem;
    color: #232323;
    font-weight: 600;
}
.search__separator{
    height: 50px;
}
.entry-header{
    padding: 0 0 25px 0;
}
.entry-header-title{
    margin: 2rem 0;
}
.entry-header img{
    width: 100%;
    object-fit: cover;
    max-height: 400px;
}
.back__button {
    position: absolute;
    bottom: -50px;
    left: 0;
    background-color: #fff;
    padding: 7px 15px;
    border: none;
    text-transform: uppercase;
    color: #297788;
    font-size: 1.76rem;
    font-weight: 600;
    transition: .2s linear;
    cursor: pointer;
}
.borderus{
    border-bottom: 1px dotted #37a1b9;
    padding: 50px 0;
}
.home__cta{
    padding: 20px;
    border-bottom: 7px solid #37a1b9;
}
.linkello a{
    color: #232323;
    text-decoration: underline;
}
.tubiz__table{
    width: 100%;
}
.guarantee__box{
    padding: 25px 0;
    border-bottom: 1px dotted #37a1b9;
}
.guarantee__box:last-of-type{
    border: none;
}
.tubiz__scroll__down{
    position: absolute;
    bottom: 40px;
    left: 25%;
    transform: translate(-50%, 0);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.tubiz__scroll__down p{
    color: #fefefe;
}
.tubiz__scroll__down img{
    width: 60px;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(95deg) brightness(106%) contrast(99%);
    animation: scroll 2s infinite;
}
@keyframes scroll{
    0% {
        transform: translate(0, 0);
    }
    20% {
        transform: translate(0, 10px);
    }
    40% {
        transform: translate(0, 0);
    }
}



.tubiz__error__page{
    display: flex;
    justify-content: center;
    width: 100%;
    a{
        img{
            height: 70vh;
        }
    }
}







/* Display */

.tubiz__mobile__none{
    display: block;
}
.tubiz__desktop__none{
    display: none;
}
@media(max-width:800px){
    .tubiz__mobile__none{
        display: none;
    }
    .tubiz__desktop__none{
        display: block;
    }
}