/*
 Theme Name:   Cotlas Blog Theme
 Theme URI:    https://cotlas.net
 Description:  Child theme for Generatepress Theme
 Author:       Vinay Shukla
 Author URI:   https://cotlas.net/vinay404
 Template:     generatepress
 Version:      1.0.0
 Text Domain:  cotlas-child
*/


.cotlas-avatar img,.cotlas-post-card .cotlas-post-image img,.cotlas-web-stories-list .web-story-image {
    object-fit: cover;
    object-fit: cover;
    object-fit: cover
}

.one-line,.three-line,.two-line {
    text-overflow: ellipsis;
    overflow: hidden
}

.cws-h1,.cws-h2,.cws-h3,.cws-h4,.cws-h5,.cws-h6,h1,h2,h3,h4,h5,h6 {
    font-weight: 800;
    color: #121719;
    font-family: var(--gp-font--nunito)
}

.cotlas-buttons .wp-block-button__link,.cotlas-buttons-subscribe {
    background-color: #188303!important
}

.cotlas-copy,.cotlas-login-link a,.cws-h1,.cws-h2,.cws-h3,.cws-h4,.cws-h5,.cws-h6,h1,h2,h3,h4,h5,h6 {
    font-family: var(--gp-font--nunito)
}

.cws-h1,h1 {
    font-size: clamp(2.8125rem, 2.5568rem + 1.0227vw, 3.375rem)
}

.cws-h2,h2 {
    font-size: clamp(2.1094rem, 1.9176rem + .767vw, 2.5313rem)
}

.cws-h3,h3 {
    font-size: clamp(1.7578rem, 1.598rem + .6392vw, 2.1094rem)
}

.cws-h4,h4 {
    font-size: clamp(1.4063rem, 1.2784rem + .5114vw, 1.6875rem)
}

.cws-h5,h5 {
    font-size: clamp(1.1719rem, 1.0653rem + .4261vw, 1.4063rem)
}

.cws-h6,h6 {
    font-size: clamp(1.0547rem, .9588rem + .3835vw, 1.2656rem)
}

.cotlas-buttons .button,.wp-block-button .wp-block-button__link {
    padding: 8px 15px!important;
    line-height: 20px
}

.cotlas-buttons-subscribe {
    border-radius: 100px;
    font-size: 16px!important;
    line-height: 18px!important;
    font-style: normal!important;
    font-weight: 700!important;
    padding: 8px 15px!important;
    color: #fff!important
}

.cotlas-login-link a {
    color: #030303;
    cursor: grab;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    list-style-type: none;
    pointer-events: auto;
    text-decoration: none;
    margin: 0;
    padding: 0
}

.cotlas-login-link a:hover,.cotlas-user-menu a:hover {
    color: #0c8f03;
    text-decoration: none
}

.cotlas-header-left button:hover,.cotlas-header-right button:hover,.cotlas-login-link,.cotlas-user-menu {
    color: #030303;
    background-color: #00000000
}

.cotlas-search .wp-block-search__inside-wrapper {
    border: 1px solid #ecebeb!important;
    padding: 0!important;
    border-radius: 50px!important;
    max-width: 100%;
    display: flex;
    align-items: center
}

.gb-overlay-panel .gb-text-ff0ff9a0,.gb-overlay-panel .style-one-title,.gb-overlay-panel .style-one-title * {
    word-break: break-word!important;
    overflow-wrap: anywhere!important;
    max-width: 100%!important
}

.cotlas-search input[type=search] {
    background-color: #ffffff00;
    border-color: #ffffff00;
    color: #292929;
    background-color: #ffffff00;
    border-color: #ffffff00;
    border: 0;
    border-radius: 0;
    padding: 5px 15px;
    max-width: 100%;
    flex: 1
}

.cotlas-search .wp-block-search__button.has-icon {
    background-color: #55555e00;
    line-height: 0;
    color: #292929;
    background-color: #55555e00;
    padding: 5px;
    border: none;
    cursor: pointer
}

.cotlas-search .wp-block-search__button.has-icon:hover {
    color: #000
}

.nav-float-right #site-navigation {
    margin-left: 0!important
}

.cotlas-header .main-navigation .menu-toggle {
    font-size: 24px;
    line-height: 34px;
    background-color: #00000000;
    padding-left: 0;
    padding-right: 0
}

.cotlas-header .gp-icon {
    background-color: #fff
}

:root {
    --gp-slideout-width: 50vw!important
}

@media (max-width: 768px),(min-width:1025px) {
    .hide-desktop-mobile {
        display:none!important
    }
}

.slideout-widget {
    margin: 10px!important;
    width: 100vw!important
}

.cotlas-copy {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: #101012;
    font-weight: 400;
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.cotlas-copy a {
    color: #188303!important;
    text-decoration: none;
    font-size: 12px
}

.gp-first-category a,.gp-first-category-text {
    font-size: 15px;
    font-weight: 600;
    color: green
}

.cotlas-copy a:hover,.ocp-footer .cotlas-copy a:hover {
    color: #f78504
}

.sub-menu {
    border: 1px solid #eee
}

.gp-first-category,.gp-post-category {
    list-style: none;
    margin: 0;
    padding: 0
}

.gp-first-category a {
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    background: 0 0;
    word-break: break-word
}

.gp-first-category-icon {
    display: inline-flex;
    margin-right: 6px
}

.gp-first-category-icon .gp-icon {
    width: 15px;
    height: 15px;
    fill: green
}

.cotlas-author-name,.cotlas-avatar,.cotlas-date {
    padding-right: 5px
}

.cotlas-avatar img {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    box-shadow: 0 2px 6px rgba(0,0,0,.25)
}

@media screen and (max-width: 768px) {
    .cotlas-author-name span,.cotlas-date {
        color:#101012
    }

    .cotlas-author-name,.cotlas-author-name span,.cotlas-date {
        line-height: 15px!important
    }

    .cotlas-author-name,.cotlas-author-name span,.cotlas-date,.cotlas-views,.cotlas-views .post-views {
        font-size: 12px!important;
        text-decoration: none!important;
        font-weight: 700!important;
        font-style: unset
    }

    .cotlas-avatar {
        padding-right: 0
    }

    .cotlas-avatar img {
        width: 15px;
        height: 15px
    }

    .cotlas-views,.cotlas-views .post-views {
        line-height: 22px!important
    }
}

.cotlas-author-name,.cotlas-author-name span,.cotlas-date {
    color: #101012;
    line-height: 15px!important;
    font-weight: 400;
    text-decoration: none
}

.cotlas-subtitle {
    margin-bottom: 5px
}

.cotlas-seprater {
    border-top: 1px solid;
    margin-bottom: 20px;
    margin-top: 10px
}

.cotlas-views,.cotlas-views .post-views {
    font-size: 15px;
    margin-top: 0;
    font-weight: 400;
    line-height: 25px;
    font-style: unset
}

.cotlas-social-share {
    display: flex;
    align-items: center;
    padding-left: 15px;
    gap: 10px
}

.cotlas-social-share a {
    text-decoration: none;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center
}

.cotlas-social-share svg {
    transition: .3s
}

.cotlas-social-share span {
    font-size: 14px;
    font-weight: 500;
    margin-left: 8px
}

.cotlas-author-social-links a.facebook svg,.cotlas-social-footer .social-link-facebook svg,.cotlas-social-share a.facebook svg,.cotlas-social-share-aside a.facebook svg,.cotlas-social-share-aside-mobile a.facebook svg {
    fill: #1877F2
}

.cotlas-social-footer .social-link-twitter svg,.cotlas-social-share a.threads svg,.cotlas-social-share a.twitter svg,.cotlas-social-share-aside a.threads svg,.cotlas-social-share-aside a.twitter svg,.cotlas-social-share-aside-mobile a.threads svg,.cotlas-social-share-aside-mobile a.twitter svg {
    fill: #000000
}

.cotlas-author-social-links a.linkedin svg,.cotlas-social-footer .social-link-linkedin svg,.cotlas-social-share a.linkedin svg,.cotlas-social-share-aside a.linkedin svg,.cotlas-social-share-aside-mobile a.linkedin svg {
    fill: #0A66C2
}

.cotlas-social-share a.whatsapp svg,.cotlas-social-share-aside a.whatsapp svg,.cotlas-social-share-aside-mobile a.whatsapp svg {
    fill: #25D366
}

.cotlas-social-share a.telegram svg,.cotlas-social-share-aside a.telegram svg,.cotlas-social-share-aside-mobile a.telegram svg {
    fill: #0088cc
}

.cotlas-social-footer .social-link-youtube svg,.cotlas-social-share a.pinterest svg,.cotlas-social-share-aside a.pinterest svg,.cotlas-social-share-aside-mobile a.pinterest svg {
    fill: #E60023
}

.cotlas-social-share a.reddit svg,.cotlas-social-share-aside a.reddit svg,.cotlas-social-share-aside-mobile a.reddit svg {
    fill: #FF4500
}

.cotlas-social-share a.print svg {
    fill: #555555
}

.cotlas-social-share-top {
    justify-content: flex-start
}

.cotlas-social-share-top a {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative
}

.cotlas-social-share-top svg {
    width: 25px;
    height: 25px
}

.cotlas-social-share-aside a:hover svg,.cotlas-social-share-aside-mobile a:hover svg,.cotlas-social-share-top a:hover svg {
    fill: #000000!important;
    transform: scale(1.1)
}

.content-section {
    display: flex;
    position: relative;
    align-items: flex-start
}

.cotlas-share-sidebar {
    position: relative;
    padding-left: 10px;
    padding-right: 10px
}

.cotlas-share-this-icon {
    font-size: 20px!important
}

#wpdcom .wpd-comment-footer .wpd-vote,.cotlas-share-this-text {
    font-size: 12px!important
}

.cotlas-share-this-text {
    font-weight: 400!important;
    text-transform: uppercase!important
}

.cotlas-share-aside-sticky {
    position: sticky;
    top: 100px;
    transition: .3s
}

.cotlas-social-share.cotlas-social-share-aside {
    display: grid;
    background: #fff;
    padding: 4px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,.1);
    border: 1px solid #e0e0e0;
    gap: 5px;
    width: max-content;
    margin-left: 0;
    margin-top: 10px
}

.cotlas-social-share-aside a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s
}

.cotlas-social-share-aside svg,.cotlas-social-share-aside-mobile svg {
    width: 25px;
    height: 25px;
    transition: .3s
}

.cotlas-social-share-aside a:hover {
    transform: translateY(-2px);
    background: #f8f9fa
}

.content-section:has(+ .related-posts-section) .cotlas-share-aside-sticky {
    bottom: 0
}

html {
    scroll-behavior: smooth
}

.cotlas-social-share-footer {
    justify-content: center;
    padding: 0 10px
}

.cotlas-social-share-footer a {
    padding: 2px 5px;
    border-radius: 50px;
    background: #fff;
    color: #333;
    min-width: 100px;
    border: 1px solid;
    font-weight: 600
}

.cotlas-social-share-footer svg {
    width: 16px;
    height: 16px;
    margin-right: 0
}

.cotlas-social-share-footer span {
    display: inline;
    margin-left: 5px
}

.cotlas-social-share-footer a.facebook {
    border-color: #1877f2;
    color: #1877f2
}

.cotlas-social-share-footer a.threads,.cotlas-social-share-footer a.twitter {
    border-color: #000;
    color: #000
}

.cotlas-social-share-footer a.linkedin {
    border-color: #0a66c2;
    color: #0a66c2
}

.cotlas-social-share-footer a.whatsapp {
    border-color: #25d366;
    color: #25d366
}

.cotlas-social-share-footer a.telegram {
    border-color: #08c;
    color: #08c
}

.cotlas-social-share-footer a.pinterest {
    border-color: #e60023;
    color: #e60023
}

.cotlas-social-share-footer a.reddit {
    border-color: #ff4500;
    color: #ff4500
}

.cotlas-social-share-footer a.print {
    border-color: #555;
    color: #555
}

.cotlas-social-share-footer a:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.15)
}

.cotlas-social-share-footer a.facebook:hover {
    background: #1877f2;
    color: #fff
}

.cotlas-social-share-footer a.threads:hover,.cotlas-social-share-footer a.twitter:hover {
    background: #000;
    color: #fff
}

.cotlas-social-share-footer a.linkedin:hover {
    background: #0a66c2;
    color: #fff
}

.cotlas-social-share-footer a.whatsapp:hover {
    background: #25d366;
    color: #fff
}

.cotlas-social-share-footer a.telegram:hover {
    background: #08c;
    color: #fff
}

.cotlas-social-share-footer a.pinterest:hover {
    background: #e60023;
    color: #fff
}

.cotlas-social-share-footer a.reddit:hover {
    background: #ff4500;
    color: #fff
}

.cotlas-social-share-footer a.print:hover {
    background: #555;
    color: #fff
}

.cotlas-social-share-footer a:hover svg {
    fill: white!important
}

.cotlas-social-share.cotlas-social-share-aside-mobile {
    display: grid;
    padding: 0;
    gap: 5px;
    margin-left: 0;
    margin-top: 0
}

.cotlas-share-this-icon,.cotlas-social-share-aside-mobile a {
    display: flex;
    align-items: center;
    justify-content: center
}

.ad-container {
    width: 100%;
    margin: 20px 0;
    display: flex;
    justify-content: center
}

.ad-unit {
    background: linear-gradient(135deg,#667eea 0,#764ba2 100%);
    border: 2px dashed #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: 0 4px 12px rgba(0,0,0,.1);
    border-radius: 8px
}

.ad-content {
    text-align: center;
    color: #fff;
    font-family: Arial,sans-serif
}

.ad-size {
    display: block;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
    text-shadow: 1px 1px 2px rgba(0,0,0,.3)
}

.ad-label {
    display: block;
    font-size: 14px;
    opacity: .9;
    text-transform: uppercase;
    letter-spacing: 1px
}

.ad-desktop {
    width: 728px;
    height: 90px
}

#cboxNext,#cboxPrevious,#cboxSlideshow,.ad-mobile,.ad-tablet,.user-logged-in .cotlas-login-link,.user-logged-out .cotlas-user-menu,a.skip-link {
    display: none!important
}

.ad-unit::before {
    content: attr(data-size);
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(0,0,0,.7);
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 10px;
    font-family: monospace
}

.ad-container-sidebar .ad-desktop {
    width: 160px!important;
    height: 600px!important
}

@media (max-width: 1024px) and (min-width:768px) {
    .ad-container-sidebar .ad-desktop,.ad-container-sidebar .ad-mobile,.ad-desktop,.ad-mobile {
        display:none
    }

    .ad-tablet {
        display: flex;
        width: 728px;
        height: 90px
    }

    .ad-container-sidebar .ad-tablet {
        display: flex;
        width: 160px;
        height: 600px
    }
}

@media (max-width: 767px) {
    .ad-container-sidebar .ad-desktop,.ad-container-sidebar .ad-tablet,.ad-desktop,.ad-tablet {
        display:none
    }

    .ad-container-sidebar .ad-mobile,.ad-mobile {
        display: flex;
        width: 300px;
        height: 250px
    }

    .ad-container-sidebar .ad-size,.ad-size {
        font-size: 20px
    }
}

.cotlas-post-tags {
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

@media screen and (max-width: 768px) {
    .cotlas-post-tags {
        margin-top:0;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;
        justify-content: center;
        justify-items: center;
        justify-self: center
    }
}

.cotlas-post-tags a {
    background-color: #f0f0f0;
    color: #333;
    padding: 5px 10px;
    border-radius: 15px;
    text-decoration: none;
    font-size: 14px;
    transition: background-color .3s
}

.cotlas-post-tags a:hover {
    background-color: #188303;
    color: #fff
}

.cotlas-tags-icon {
    margin-right: 5px;
    vertical-align: middle;
    fill: #555;
    width: 16px;
    height: 16px
}

.author-block-bottom .cotlas-author-name span {
    color: #101012;
    font-weight: 700;
    line-height: 28px!important;
    text-decoration: none
}

.author-block-bottom .cotlas-avatar-box img {
    box-sizing: border-box;
    border: 2px solid var(--contrast);
    border-radius: 50%
}

.wp-block-avatar,.wp-block-avatar img {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.cotlas-share-block {
    position: fixed;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    background: #fff;
    padding: 20px 12px;
    border-radius: 25px;
    box-shadow: 0 4px 20px rgba(0,0,0,.1);
    border: 1px solid #e0e0e0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0
}

.cotlas-share-this-icon .gb-shape svg {
    width: 24px;
    height: 24px;
    fill: #333
}

.cotlas-share-this-text {
    color: #333;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin: 0;
    text-align: center
}

.cotlas-widget-heading,.views-data .post-views {
    text-align: left;
    text-transform: capitalize;
    font-family: var(--gp-font--nunito)
}

.cotlas-social-share.cotlas-social-share-aside-mobile {
    display: grid;
    gap: 12px;
    width: max-content
}

.cotlas-social-share-aside-mobile a {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s
}

.cotlas-social-share-aside-mobile a:hover {
    transform: translateY(-2px);
    background: #e9ecef
}

@supports (padding: max(0px)) {
    .cotlas-share-block {
        left:max(20px,env(safe-area-inset-left))
    }
}

.cotlas-widget-heading {
    color: #036a39;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-decoration: none;
    border: 1px solid #036a39;
    border-radius: 25px;
    padding: 5px 8px
}

.cotlas-widget-heading:hover {
    color: #fff;
    border: 1px solid #036a39;
    background-color: #036a39
}

.cotlas-widget-heading svg path[fill] {
    fill: #036a39!important
}

.cotlas-widget-heading:hover svg path[fill] {
    fill: #ffffff!important
}

.cotlas-author-social-links {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin: 0
}

.cotlas-author-social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: .3s
}

.cotlas-author-social-links a:hover,.cotlas-social-footer-top .social-link a:hover {
    transform: translateY(-2px)
}

.cotlas-author-social-links svg {
    width: 20px;
    height: 20px;
    transition: .3s
}

.cotlas-author-social-links a.twitter svg {
    fill: #1DA1F2
}

.cotlas-author-social-links a.instagram svg {
    fill: #E4405F
}

.cotlas-author-social-links a.youtube svg {
    fill: #FF0000
}

.cotlas-author-social-links a.email svg {
    fill: #EA4335
}

.cotlas-author-social-links a.pinterest svg {
    fill: #BD081C
}

.cotlas-author-social-links a.soundcloud svg {
    fill: #FF3300
}

.cotlas-author-social-links a.tumblr svg {
    fill: #36465D
}

.cotlas-author-social-links a.wikipedia svg {
    fill: #636466
}

.cotlas-author-social-links a:hover svg {
    opacity: .8
}

.footer-social .social-icons-list {
    font-size: 18px;
    margin: 0!important;
    display: flex;
    gap: 10px
}

.footer-menu .cotlas-menu ul li a {
    font-size: 15px;
    font-weight: 700
}

.cotlas-log-in-link:hover,.cotlas-post-card .cotlas-post-title a:hover,.cotlas-post-list .style-big .style-big-title a:hover,.cotlas-post-list .style-one .style-one-title a:hover,.cotlas-post-list .style-three .style-three-title a:hover,.cotlas-post-list .style-two .style-two-title a:hover,.footer-menu .cotlas-menu ul li a:hover,.mega-menu-container .category-title a:hover {
    color: #188303
}

.footer-menu .cotlas-menu ul li {
    list-style: none;
    padding-right: 10px
}

.footer-menu .cotlas-menu ul {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 0
}

.footer-menu .cotlas-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.footer-section-bottom .site-copy,.footer-section-bottom .site-credit {
    font-size: 14px;
    font-weight: 400;
    font-family: var(--gp-font--nunito)
}

.archive-breadcrumb a,.footer-section-bottom .site-copy a,.footer-section-bottom .site-credit a {
    color: #188303;
    font-weight: 700;
    text-decoration: none
}

.footer-main-row h2,.footer-main-row p {
    margin-bottom: 10px
}

.cotlas-subscribe-form-footer,.cotlas-subscribe-form-page {
    max-width: 100%;
    font-family: var(--gp-font--nunito)
}

.cotlas-subscribe-form-footer .evoxmails-title,.cotlas-subscribe-form-page .evoxmails-title {
    margin: 0;
    font-size: 40px;
    font-weight: 800;
    line-height: 50px;
    color: #121719
}

.cotlas-subscribe-form-footer .evoxmails-header,.cotlas-subscribe-form-page .evoxmails-header {
    padding: 20px
}

.cotlas-subscribe-form-footer .evoxmails-body,.cotlas-subscribe-form-page .evoxmails-body {
    padding: 0 25px 25px
}

.cotlas-subscribe-form-footer .evoxmails-description,.cotlas-subscribe-form-page .evoxmails-description {
    color: #121719;
    margin-bottom: 20px;
    line-height: 30px;
    font-weight: 500;
    font-size: 20px
}

.cotlas-subscribe-form-footer .field-group,.cotlas-subscribe-form-page .field-group,.mega-menu-container .category-title {
    margin-bottom: 0
}

.cotlas-subscribe-form-footer .field-input,.cotlas-subscribe-form-page .field-input {
    width: 100%;
    padding: 5px 15px;
    border: 2px solid #e9ecef;
    border-radius: 6px;
    font-size: 16px;
    transition: .3s;
    background: #fff;
    box-sizing: border-box;
    height: 50px
}

.cotlas-subscribe-form-footer .evoxmails-button,.cotlas-subscribe-form-page .evoxmails-button {
    background: #04850b;
    color: #fff;
    border: none;
    padding: 5px 30px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: .3s;
    width: 100%;
    height: 48px
}

.cotlas-subscribe-form-footer .evoxmails-button:hover,.cotlas-subscribe-form-page .evoxmails-button:hover {
    background: #036309
}

.cotlas-subscribe-form-footer .evoxmails-layout-stacked .evoxmails-description,.cotlas-subscribe-form-footer .evoxmails-layout-stacked .evoxmails-header,.cotlas-subscribe-form-page .evoxmails-layout-stacked .evoxmails-description,.cotlas-subscribe-form-page .evoxmails-layout-stacked .evoxmails-header {
    text-align: center
}

.cotlas-subscribe-form-footer .evoxmails-layout-stacked .name-fields,.cotlas-subscribe-form-page .evoxmails-layout-stacked .name-fields {
    display: flex;
    gap: 15px;
    margin-bottom: 15px
}

.cotlas-subscribe-form-footer .evoxmails-layout-stacked .name-fields .field-group,.cotlas-subscribe-form-page .evoxmails-layout-stacked .name-fields .field-group {
    flex: 1;
    margin-bottom: 0
}

.cotlas-subscribe-form-footer .evoxmails-layout-stacked .email-button-row,.cotlas-subscribe-form-page .evoxmails-layout-stacked .email-button-row {
    display: flex;
    gap: 15px;
    align-items: flex-end
}

.cotlas-subscribe-form-footer .evoxmails-layout-stacked .email-button-row .field-email,.cotlas-subscribe-form-page .evoxmails-layout-stacked .email-button-row .field-email {
    flex: 7
}

.cotlas-subscribe-form-footer .evoxmails-layout-stacked .email-button-row .field-submit,.cotlas-subscribe-form-page .evoxmails-layout-stacked .email-button-row .field-submit {
    flex: 3
}

.cotlas-subscribe-form-footer .evoxmails-layout-centered .evoxmails-header,.cotlas-subscribe-form-page .evoxmails-layout-centered .evoxmails-header {
    text-align: center;
    padding-bottom: 0
}

.cotlas-subscribe-form-footer .evoxmails-layout-centered .evoxmails-description,.cotlas-subscribe-form-page .evoxmails-layout-centered .evoxmails-description {
    text-align: center;
    margin-bottom: 40px
}

.cotlas-subscribe-form-footer .evoxmails-layout-centered .email-button-container,.cotlas-subscribe-form-page .evoxmails-layout-centered .email-button-container {
    display: flex;
    max-width: 600px;
    margin: 0 auto;
    border: none;
    border-radius: 25px;
    overflow: hidden;
    background: #f2f2f2;
    box-shadow: 0 4px 12px rgb(0 0 0 / 24%)
}

.cotlas-subscribe-form-footer .evoxmails-layout-centered .email-button-container .field-email,.cotlas-subscribe-form-page .evoxmails-layout-centered .email-button-container .field-email {
    flex: 7;
    margin-bottom: 0;
    background: #f2f2f2
}

.cotlas-subscribe-form-footer .evoxmails-layout-centered .email-button-container .field-email .field-input,.cotlas-subscribe-form-page .evoxmails-layout-centered .email-button-container .field-email .field-input {
    border: 0 #fff;
    padding: 10px 20px;
    background-color: #f2f2f2;
    border-radius: 50px
}

.cotlas-subscribe-form-footer .evoxmails-f .evoxmails-layout-centered .email-button-container .field-submit,.cotlas-subscribe-form-page .evoxmails-f .evoxmails-layout-centered .email-button-container .field-submit {
    flex: 3;
    margin-bottom: 0;
    background: #f2f2f2
}

.cotlas-subscribe-form-footer .evoxmails-layout-centered .email-button-container .evoxmails-button,.cotlas-subscribe-form-page .evoxmails-layout-centered .email-button-container .evoxmails-button {
    border-radius: 25px;
    height: 45px
}

.cotlas-subscribe-form-page .field-input:focus {
    outline: 0;
    border-color: #007cba;
    box-shadow: 0 0 0 0 rgba(0,124,186,.1)
}

.cotlas-subscribe-form-page .evoxmails-button:focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0,124,186,.3)
}

.cotlas-subscribe-form-page .field-input:focus-visible {
    outline: 0;
    border-color: #007cba;
    box-shadow: 0 0 0 0 rgba(0,124,186,.1)
}

.cotlas-subscribe-form-page .evoxmails-button:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0,124,186,.3)
}

.cotlas-subscribe-form-page :focus {
    outline: 0
}

.cotlas-subscribe-form-page :focus-visible {
    outline: 0
}

.cotlas-post-card li,.post-card-style2 li {
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
    list-style: none
}

.cotlas-subscribe-form-footer .field-input:focus {
    outline: 0;
    border-color: #007cba;
    box-shadow: 0 0 0 0 rgba(0,124,186,.1)
}

.cotlas-subscribe-form-footer .evoxmails-button:focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0,124,186,.3)
}

.cotlas-subscribe-form-footer .field-input:focus-visible {
    outline: 0;
    border-color: #007cba;
    box-shadow: 0 0 0 0 rgba(0,124,186,.1)
}

.cotlas-subscribe-form-footer .evoxmails-button:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0,124,186,.3)
}

.cotlas-subscribe-form-footer :focus {
    outline: 0
}

.cotlas-subscribe-form-footer :focus-visible {
    outline: 0
}

.cotlas-post-card li {
    border-radius: 5px
}

.cotlas-post-card li:hover,.cotlas-post-list .style-one:hover,.cotlas-post-list .style-three:hover,.cotlas-post-list .style-two:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,.1);
    transform: translateY(-2px);
    transition: .3s
}

.cotlas-post-card .author-name span,.cotlas-post-list .style-big .author-name span,.cotlas-post-list .style-one .author-name span,.cotlas-post-list .style-three .author-name span,.cotlas-post-list .style-two .author-name span {
    margin-bottom: 0!important;
    padding-right: 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    text-decoration: none;
    color: #06680c
}

.cotlas-post-card .author-name,.cotlas-post-list .style-big .author-name,.cotlas-post-list .style-one .author-name,.cotlas-post-list .style-three .author-name,.cotlas-post-list .style-two .author-name,.cotlas-section-heading .section-title h2 {
    margin-bottom: 0!important;
    align-items: center;
    color: #06680c;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize
}

.cotlas-post-card .author-name svg,.cotlas-post-card .post-date svg,.cotlas-post-list .style-big .author-name svg,.cotlas-post-list .style-big .post-date svg,.cotlas-post-list .style-one .author-name svg,.cotlas-post-list .style-one .post-date svg,.cotlas-post-list .style-three .author-name svg,.cotlas-post-list .style-three .post-date svg,.cotlas-post-list .style-two .author-name svg,.cotlas-post-list .style-two .post-date svg {
    fill: #06680c!important;
    font-size: 12px
}

.cotlas-post-card .post-date,.cotlas-post-list .style-big .post-date,.cotlas-post-list .style-one .post-date,.cotlas-post-list .style-three .post-date,.cotlas-post-list .style-two .post-date {
    padding-right: 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    color: #06680c;
    margin-bottom: 0!important
}

.cotlas-post-card .cotlas-post-image img {
    border-radius: 5px;
    width: 100%;
    height: auto
}

.cotlas-post-card .cotlas-post-title,.post-card-style1 .cotlas-post-title,.post-card-style2 .cotlas-post-title {
    margin-bottom: 0!important;
    padding-top: 10px
}

.cotlas-post-card .cotlas-post-title a {
    color: #101012;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-decoration: none
}

.loop-style-one,.loop-style-one .wp-block-group__inner-container {
    padding: 5px!important
}

.archive-breadcrumb {
    margin-bottom: 5px;
    font-size: 14px
}

.archive-breadcrumb a:hover {
    text-decoration: underline
}

.archive-breadcrumb .separator {
    margin: 0 5px;
    color: #555
}

.archive-breadcrumb .current {
    color: #101012;
    font-weight: 400
}

.gp-post-category {
    display: inline-block;
    position: relative
}

.gp-post-category span {
    display: inline-flex;
    align-items: center;
    background-color: #198304;
    border-radius: 25px;
    text-transform: inherit;
    text-decoration: none;
    word-break: break-word;
    font-size: 14px;
    line-height: 14px;
    padding: 4px 17px;
    font-weight: 700;
    color: #fff;
    position: relative;
    z-index: 1
}

.gp-post-category::before {
    content: '';
    position: absolute;
    background: #ffffff00;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px
}

.loading-spinner {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #06680c;
    border-radius: 50%;
    animation: 1s linear infinite spin;
    margin-right: 10px
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.infinite-scroll-loading {
    opacity: .7
}

.load-more-btn:hover {
    background: #054a08!important
}

.post-card-style1 .cotlas-post-title a {
    color: #101012;
    font-size: 31px;
    font-weight: 700;
    line-height: 38px;
    text-decoration: none
}

.post-card-style1 li {
    border: 0 solid #e5e5e5;
    border-radius: 5px;
    margin-bottom: 10px;
    list-style: none
}

.cotlas-post-list .style-big:hover,.post-card-style1 li:hover {
    box-shadow: none;
    transform: none;
    transition: none
}

.post-card-style2 .cotlas-post-title a {
    color: #101012;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    text-decoration: none
}

.post-card-style2 li {
    border-radius: 0
}

.post-card-style3 .cotlas-post-title {
    margin-bottom: 0!important;
    padding-top: 5px
}

.post-card-style3 .cotlas-post-title a {
    color: #101012;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    text-decoration: none
}

.post-card-style3 li {
    border: 1px solid #e5e5e5;
    border-radius: 0;
    margin-bottom: 0;
    list-style: none
}

.post-card-style3 .loop-style-one {
    padding: 3px!important
}

.post-grid-style3 {
    padding-bottom: 30px
}

.subscription-form .evoxmails-body {
    padding: 20px 25px 25px
}

.cotlas-section-heading .section-title a {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    text-decoration: none
}

.cotlas-section-heading .section-title {
    background-color: #188303;
    padding: 5px 15px;
    border-radius: 25px;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 0;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.cotlas-log-in-link,.cotlas-log-out-link,.views-data .post-views {
    font-weight: 600;
    text-decoration: none
}

.cotlas-post-list .style-one {
    border: 1px solid #e5e5e5;
    background-color: #fff;
    border-radius: 0;
    margin-bottom: 0;
    list-style: none;
    padding: 10px
}

.cotlas-post-list .style-big .style-big-image,.cotlas-post-list .style-one .style-one-image {
    border-radius: 10px;
    width: 100%;
    height: inherit;
    object-fit: cover;
    aspect-ratio: 16/9
}

.cotlas-post-list .style-one .style-one-title {
    margin-bottom: 0!important;
    padding-top: 10px;
    font-size: inherit;
    line-height: 28px
}

.cotlas-post-list .style-one .style-one-title a {
    color: #101012;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    white-space: normal
}

.views-data .post-views {
    margin-bottom: 0!important;
    align-items: center;
    color: #06680c;
    column-gap: .5em;
    display: inline-flex;
    font-size: 14px;
    line-height: 22px
}

.views-data .post-views svg {
    fill: #06680c!important;
    color: #06680c;
    font-size: 14px
}

.cotlas-post-list .style-big {
    margin-bottom: 0;
    list-style: none;
    padding: 10px
}

.cotlas-post-list .style-big .style-big-title {
    margin-bottom: 0!important;
    padding-top: 10px;
    font-size: inherit;
    line-height: 40px
}

.cotlas-post-list .style-big .style-big-title a {
    color: #101012;
    font-size: 30px;
    font-weight: 700;
    text-decoration: none
}

.cotlas-post-list .style-three,.cotlas-post-list .style-two {
    border: 1px solid #e5e5e5;
    border-radius: 0;
    margin-bottom: 0;
    list-style: none;
    padding: 5px
}

.cotlas-post-list .style-three .style-three-image,.cotlas-post-list .style-two .style-two-image {
    border-radius: 0;
    width: 100%;
    height: inherit;
    object-fit: fill;
    aspect-ratio: 1/1
}

.cotlas-post-list .style-three .style-three-title,.cotlas-post-list .style-two .style-two-title {
    margin-bottom: 0!important;
    padding-top: 0;
    font-size: inherit;
    line-height: 26px
}

.cotlas-post-list .style-three .style-three-title a,.cotlas-post-list .style-two .style-two-title a {
    color: #101012;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none
}

.right-column .style-three .style-three-title {
    margin-bottom: 0!important;
    padding-top: 0;
    font-size: inherit;
    line-height: 22px
}

.one-line {
    white-space: nowrap;
    display: block
}

.three-line,.two-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: relative
}

.two-line {
    -webkit-line-clamp: 2;
    line-clamp: 2
}

.three-line {
    -webkit-line-clamp: 3;
    line-clamp: 3
}

.three-line::after,.two-line::after {
    content: "...";
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    padding: 0 5px
}

@supports (-webkit-line-clamp:2) {
    .three-line::after,.two-line::after {
        display: none
    }
}

.cotlas-web-stories-list .gb-loop-item.style-one>div {
    position: relative;
    display: flex;
    flex-direction: column
}

.cotlas-web-stories-list .web-story-image {
    order: 1;
    border-radius: 8px;
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.cotlas-web-stories-list .gb-element-e475a73c,.cotlas-web-stories-list .gb-text-bb2fb0a1.style-one-title {
    position: absolute;
    display: flex;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 0;
    margin: 0;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center
}

.cotlas-web-stories-list .gb-text-bb2fb0a1.style-one-title {
    bottom: 0;
    line-height: 25px
}

.cotlas-web-stories-list .gb-loop-item.style-one>div::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(to top,rgba(0,0,0,.95) 0,rgba(0,0,0,.8) 40%,transparent 100%);
    z-index: 1;
    pointer-events: none;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.cotlas-web-stories-list .gb-text-bb2fb0a1.style-one-title a {
    color: #fff!important;
    text-decoration: none;
    font-size: 18px;
    padding: 15px;
    margin-left: 10px
}

.cotlas-web-stories-list .gb-element-e475a73c {
    color: #fff;
    display: flex;
    gap: 12px;
    font-size: 12px;
    flex-direction: row;
    align-content: center;
    justify-content: center
}

.cotlas-web-stories-list .cotlas-post-list .style-one .author-name,.cotlas-web-stories-list .cotlas-post-list .style-one .post-date {
    margin-bottom: 0!important;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.9);
    font-weight: 500
}

.cotlas-log-out-link:hover,.cotlas-web-stories-list .cotlas-post-list .style-one .author-name span,.cotlas-web-stories-list .cotlas-post-list .style-one .post-date a {
    color: #fff
}

.cotlas-section-heading .all-stories-button {
    background-color: #fff;
    border: 1px solid #188303;
    line-height: 15px
}

.cotlas-section-heading .all-stories-button a {
    color: #188303;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px
}

.cotlas-section-heading .all-stories-button svg {
    width: 1em;
    height: 1em;
    fill: #188303!important;
    color: #1a8205!important
}

@media (min-width: 769px) and (max-width:1024px) {
    .cotlas-web-stories-list-tablet .gb-loop-item.style-one>div {
        position:relative;
        display: flex;
        flex-direction: column
    }

    .cotlas-web-stories-list-tablet .web-story-image {
        object-fit: cover;
        order: 1;
        border-radius: 8px;
        box-sizing: border-box;
        height: 100%;
        object-fit: cover;
        width: 100%
    }

    .cotlas-web-stories-list-tablet .gb-element-267515f2,.cotlas-web-stories-list-tablet .gb-text-96ababc6.style-one-title {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
        padding: 15px;
        margin: 0
    }

    .cotlas-web-stories-list-tablet .gb-text-96ababc6.style-one-title {
        bottom: 50px;
        line-height: 25px
    }

    .cotlas-web-stories-list-tablet .gb-loop-item.style-one>div::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 50%;
        background: linear-gradient(to top,rgb(0 0 0 / 98%) 0,transparent 100%);
        z-index: 1;
        pointer-events: none;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px
    }

    .cotlas-web-stories-list-tablet .gb-text-96ababc6.style-one-title a {
        color: #fff!important;
        text-decoration: none;
        font-size: 18px
    }

    .cotlas-web-stories-list-tablet .gb-element-267515f2 {
        color: #fff;
        display: flex;
        gap: 12px;
        font-size: 12px
    }

    .cotlas-web-stories-list-tablet .gb-text-56fe47e7.post-date,.cotlas-web-stories-list-tablet .gb-text-56fe47e7.post-date .gb-text,.cotlas-web-stories-list-tablet .gb-text-ad2b201f.author-name,.cotlas-web-stories-list-tablet .gb-text-ad2b201f.author-name .gb-text,.cotlas-web-stories-list-tablet .gb-text-ad2b201f.author-name .gb-text a,.cotlas-web-stories-list-tablet .gb-text-ad2b201f.author-name span {
        color: #fff!important;
        margin-bottom: 0!important
    }

    .cotlas-web-stories-list-tablet .gb-text-56fe47e7.post-date .gb-shape svg,.cotlas-web-stories-list-tablet .gb-text-ad2b201f.author-name .gb-shape svg {
        fill: #ffffff!important
    }
}

.main-navigation .main-nav ul li[class*=current-menu-]>a {
    color: #037408
}

.main-navigation .main-nav ul li.sfHover:not([class*=current-menu-])>a,.main-navigation .main-nav ul li:not([class*=current-menu-]):focus>a,.main-navigation .main-nav ul li:not([class*=current-menu-]):hover>a,.main-navigation .menu-bar-item.sfHover>a,.main-navigation .menu-bar-item:hover>a {
    color: #037508
}

.lost-password-info {
    margin: 0 0 0 1.5em!important
}

.ocp-buttons,.ocp-footer,.ocp-header,.ocp-menus,.ocp-seprator,.ocp-social {
    width: 100vh
}

.ocp-seprater {
    margin-bottom: 3px;
    margin-top: 3px
}

.ocp-footer .cotlas-copy {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    color: #101012;
    font-family: var(--gp-font--nunito);
    font-weight: 400;
    margin: 0;
    padding: 0;
    white-space: normal;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center
}

.ocp-footer .cotlas-copy a {
    color: #188303!important;
    text-decoration: none;
    font-size: 14px
}

.ocp-social .ocp-social-icons ul {
    display: flex;
    gap: 10px
}

@media (max-width: 1025px) {
    .ocp-social .ocp-social-icons {
        display:flex!important;
        gap: 10px;
        flex-direction: row;
        align-content: center;
        justify-content: center;
        align-items: center
    }
}

.ocp-social .wp-block-social-links .wp-social-link svg {
    height: 2em;
    width: 2em
}

.slideout-navigation .inside-navigation {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

.cotlas-social-footer,.cotlas-social-links {
    display: inline-block
}

.cotlas-social-footer .social-icons-list,.cotlas-social-links .social-icons-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 12px;
    align-items: center
}

.cotlas-social-footer .social-link,.cotlas-social-links .social-link {
    margin: 0;
    padding: 0;
    line-height: 1
}

.cotlas-social-links .social-link a {
    display: block;
    padding: 0;
    margin: 0;
    background: 0 0;
    border: none;
    border-radius: 0;
    text-decoration: none;
    color: currentColor;
    transition: opacity .2s
}

.cotlas-social-footer .social-link a:hover,.cotlas-social-links .social-link a:hover {
    opacity: .7;
    background: 0 0;
    border: none
}

.cotlas-social-footer .social-link svg,.cotlas-social-links .social-link svg {
    display: block;
    fill: currentColor;
    width: 32px;
    height: 32px;
    padding: 5px;
}
.social-link-whatsapp svg{
    width: 40px!important;
    height: 40px!important;
    padding: 3px!important;
}
.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
    word-wrap: normal;
    border: 1px solid red!important
}

.cotlas-social-footer .social-link a {
    display: block;
    padding: 0;
    margin: 0;
    background: 0 0;
    border: none;
    border-radius: 0;
    text-decoration: none;
    transition: opacity .2s
}

.cotlas-social-footer .social-link-instagram svg {
    fill: #C13584
}

.cotlas-section-heading h3 {
    font-weight: 400;
    font-size: 18px
}

.cotlas-comments .wpd-comment-author a,.cotlas-comments .wpd-rating-title,.cotlas-comments span {
    color: #020202!important;
    font-weight: 700!important
}

.cotlas-comments #wpdcom .wpd-blog-post_author .wpd-comment-label span {
    color: #fff!important
}

#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-subheader .wpd-comment-date {
    font-weight: 700;
    color: #045307!important
}

#wpdcom .wpd-comment-text {
    color: #0a0a0a!important
}

#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down,#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up {
    font-size: 12px!important;
    background-color: #fff!important
}

.google-comments-container {
    margin: 30px 0;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px
}

.g-comments {
    max-width: 100%
}

.cotlas-login-link svg {
    width: 1em;
    height: 1em
}

.cotlas-user-menu svg {
    width: 1.8em!important;
    height: 1.8em!important
}

.cotlas-menu .gb-menu-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    column-gap: 10px;
    padding: 10px 8px;
    font-weight: 700;
    line-height: 30px;
    font-size: 18px;
    font-weight: 600!important;
}

.cotlas-menu .gb-sub-menu li a {
    padding: 8px
}

.cotlas-menu {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none
}

.cotlas-menu::-webkit-scrollbar {
    display: none
}

.cotlas-menu-wrapper {
    display: inline-flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: max-content
}

.cotlas-menu-wrapper ul.gb-menu {
    display: inline-flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    gap: 10px
}

@media (min-width: 1025px) {
    .cotlas-off-canvas-toggle .main-navigation .inside-navigation,.cotlas-off-canvas-toggle .main-navigation .main-nav,.menu-bar-items {
        display:none!important
    }

    .cotlas-off-canvas-toggle .menu-toggle {
        display: inline-flex!important;
        align-items: center;
        justify-content: center;
        cursor: pointer
    }

    .cotlas-off-canvas-toggle .menu-toggle .screen-reader-text,.cotlas-off-canvas-toggle .menu-toggle svg {
        display: inline-block
    }

    .cotlas-menu {
        overflow-x: visible
    }
}

.cotlas-log-in-link,.cotlas-log-out-link {
    display: inline-flex;
    font-size: 15px;
    transition: color .2s
}

.cotlas-log-in-link {
    align-items: center;
    color: #000
}

.cotlas-log-out-link {
    align-items: center;
    color: var(--base-3,#03752d)
}

.cotlas-log-in-link svg,.cotlas-log-out-link svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.mega-menu-container .category-description {
    margin-bottom: 5px;
    line-height: 20px
}

.mega-menu-right .cotlas-post-list {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.gb-overlay-panel .gb-text-ff0ff9a0,.gb-overlay-panel .style-one-title {
    min-width: 0!important;
    width: 100%!important;
    hyphens: auto!important;
    display: block!important
}

.page-template-page-blank-canvas .cotlas-header,.page-template-page-blank-canvas .cotlas-menu,.page-template-page-blank-canvas .footer-section,.page-template-page-blank-canvas .footer-section-bottom,.page-template-page-blank-canvas .footer-section-main {
    display: none
}

.cotlas-dashboard .dashboard-footer,.cotlas-dashboard .dashboard-header,.cotlas-dashboard .dashboard-main,.cotlas-dashboard .dashboard-sidebar {
    box-sizing: border-box
}

.cotlas-dashboard .dashboard-sidebar,.cotlas-dashboard .inside-dashboard-sidebar {
    width: 18%!important;
    position: fixed!important;
    left: 0!important;
    top: 0!important;
    height: 100vh!important;
    z-index: 50!important;
    transition: transform 320ms cubic-bezier(.4, 0, .2, 1)!important
}

.cotlas-dashboard .dashboard-footer,.cotlas-dashboard .dashboard-header,.cotlas-dashboard .dashboard-main {
    width: 82%!important;
    left: 18%!important;
    transition: 320ms cubic-bezier(.4, 0, .2, 1)!important;
    z-index: 10!important
}

.cotlas-dashboard .dashboard-main {
    position: relative!important
}

.cotlas-dashboard .dashboard-sidebar.cotlas-sidebar-hidden,.cotlas-dashboard .inside-dashboard-sidebar.cotlas-sidebar-hidden,.cotlas-dashboard body.cotlas-sidebar-closed .dashboard-sidebar,.cotlas-dashboard body.cotlas-sidebar-closed .inside-dashboard-sidebar {
    transform: translateX(-100%)!important;
    visibility: visible!important;
    opacity: 1!important;
    pointer-events: none!important
}

.cotlas-dashboard .dashboard-footer.cotlas-content-expanded,.cotlas-dashboard .dashboard-header.cotlas-content-expanded,.cotlas-dashboard .dashboard-main.cotlas-content-expanded,.cotlas-dashboard body.cotlas-sidebar-closed .dashboard-footer,.cotlas-dashboard body.cotlas-sidebar-closed .dashboard-header,.cotlas-dashboard body.cotlas-sidebar-closed .dashboard-main {
    width: 100%!important;
    left: 0!important
}

#cotlas-menu-toggle {
    cursor: pointer!important;
    pointer-events: auto!important
}

#cotlas-menu-toggle:focus {
    outline-offset: 3px!important
}

@media (max-width: 1024px) {
    .cotlas-menu .gb-overlay--anchored,.cotlas-menu .gb-submenu-toggle,.cotlas-menu .sub-menu,.tablet-mobile-hide {
        display:none!important
    }

    .cotlas-share-sidebar {
        display: none
    }

    .gb-element-7338d9fb {
        padding-left: 10px;
        padding-right: 10px;
        width: 100%
    }

    .cotlas-menu .menu-item-has-children>a {
        padding-right: 0!important
    }

    .cotlas-menu .gb-menu-link {
        padding: 7px!important
    }

    .cotlas-dashboard .dashboard-sidebar,.cotlas-dashboard .inside-dashboard-sidebar {
        width: 260px!important
    }

    .cotlas-dashboard .dashboard-footer,.cotlas-dashboard .dashboard-header,.cotlas-dashboard .dashboard-main,.cotlas-dashboard body.cotlas-sidebar-closed .dashboard-footer,.cotlas-dashboard body.cotlas-sidebar-closed .dashboard-header,.cotlas-dashboard body.cotlas-sidebar-closed .dashboard-main {
        width: 100%!important;
        left: 0!important
    }
}

.dashboard-logout-link a {
    color: #03752d!important;
    font-weight: 600;
    text-decoration: none
}

.dashboard-logout-link a:hover {
    text-decoration: none;
    color: #025a22!important
}

.cotlas-social-footer-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-content: stretch
}

.cotlas-social-footer-top .social-icons-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 0;
    width: 100%;
    max-width: 100%;
    align-content: stretch
}

.cotlas-social-footer-top .social-link {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding-left: 30px;
    padding-right: 30px;
    width: 25%
}

.cotlas-social-footer-top .social-link a {
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 8px;
    padding: 12px 20px
}

.cotlas-social-footer-top .social-link {
    display: flex;
    align-items: center;
    color: #fff;
    transition: .3s;
    gap: 8px;
    min-height: 40px
}

.cotlas-social-footer-top .social-link-facebook {
    background: #1877f2
}

.cotlas-social-footer-top .social-link-twitter {
    background: #000
}

.cotlas-social-footer-top .social-link-instagram {
    background: linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80)
}

.cotlas-social-footer-top .social-link-youtube {
    background: #d40505
}

.cotlas-social-footer-top .social-link svg {
    width: 22px;
    height: 22px;
    fill: #ffffff;
    flex-shrink: 0
}

.cotlas-social-footer-top .social-platform-name {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    margin: 0
}

@media (max-width: 768px) {
    :root {
        --gp-slideout-width:80vw!important
    }

    .content-section {
        flex-direction: column
    }

    .cotlas-share-sidebar,.cotlas-social-footer-top .social-platform-name,.hide-on-mobile {
        display: none
    }

    .cotlas-social-share-aside {
        position: static;
        transform: none;
        flex-direction: row;
        justify-content: center;
        margin: 20px 0;
        border-radius: 15px
    }

    .cotlas-social-share-footer {
        flex-wrap: wrap;
        gap: 10px
    }

    .cotlas-social-share-footer a {
        min-width: auto;
        padding: 8px 16px;
        font-size: 13px
    }

    .cotlas-social-share-footer svg {
        width: 16px;
        height: 16px;
        margin-right: 6px
    }

    .cotlas-social-share-aside-mobile {
        position: static;
        transform: none;
        flex-direction: row;
        justify-content: center;
        margin: 0;
        border-radius: 15px
    }

    .cotlas-subscribe-form-footer .evoxmails-title,.cotlas-subscribe-form-page .evoxmails-title {
        font-size: 30px;
        line-height: 40px
    }

    .cotlas-subscribe-form-footer .evoxmails-description,.cotlas-subscribe-form-page .evoxmails-description {
        font-size: 16px;
        line-height: 24px
    }

    .cotlas-subscribe-form-footer .evoxmails-layout-centered .evoxmails-description,.cotlas-subscribe-form-page .evoxmails-layout-centered .evoxmails-description {
        margin-bottom: 35px
    }

    .cotlas-subscribe-form-footer .evoxmails-layout-stacked .email-button-row,.cotlas-subscribe-form-footer .evoxmails-layout-stacked .name-fields,.cotlas-subscribe-form-page .evoxmails-layout-stacked .email-button-row,.cotlas-subscribe-form-page .evoxmails-layout-stacked .name-fields {
        flex-direction: column;
        align-items: stretch
    }

    .cotlas-subscribe-form-footer .evoxmails-layout-stacked .name-fields .field-group,.cotlas-subscribe-form-page .evoxmails-layout-stacked .name-fields .field-group {
        flex: 1;
        width: 100%
    }

    .cotlas-subscribe-form-footer .evoxmails-layout-stacked .email-button-row .field-email,.cotlas-subscribe-form-page .evoxmails-layout-stacked .email-button-row .field-email {
        flex: 3
    }

    .cotlas-subscribe-form-footer .evoxmails-layout-stacked .email-button-row .field-submit,.cotlas-subscribe-form-page .evoxmails-layout-stacked .email-button-row .field-submit {
        flex: 1
    }

    .cotlas-subscribe-form-footer .evoxmails-layout-centered .email-button-container .field-input,.cotlas-subscribe-form-page .evoxmails-layout-centered .email-button-container .field-input {
        border-bottom: 1px solid #e9ecef
    }

    .cotlas-subscribe-form-footer .evoxmails-layout-centered .email-button-container .evoxmails-button,.cotlas-subscribe-form-page .evoxmails-layout-centered .email-button-container .evoxmails-button {
        border-radius: 25px
    }

    .post-card-style1 .cotlas-post-title a {
        font-size: 24px;
        line-height: 30px
    }

    .cotlas-post-list .style-big .style-big-title {
        line-height: 30px
    }

    .cotlas-post-list .style-big .style-big-title a {
        font-size: 20px
    }

    .cotlas-web-stories-list .gb-element-e475a73c,.cotlas-web-stories-list .gb-text-bb2fb0a1.style-one-title {
        padding: 12px 10px 10px
    }

    .cotlas-web-stories-list .gb-text-bb2fb0a1.style-one-title {
        bottom: 45px
    }

    .cotlas-web-stories-list .gb-text-bb2fb0a1.style-one-title a {
        font-size: 14px
    }

    .cotlas-web-stories-list .gb-element-e475a73c {
        gap: 10px;
        font-size: 11px
    }

    .cotlas-social-footer-top .social-icons-list {
        gap: 0;
        justify-content: center
    }

    .cotlas-social-footer-top .social-link a {
        padding: 10px;
        min-height: 30px
    }

    .cotlas-social-footer-top .social-link svg {
        width: 28px;
        height: 28px;
        fill: #ffffff;
        flex-shrink: 0
    }
}

@media (max-width: 480px) {
    .cotlas-social-share-footer,.cotlas-social-share-top {
        justify-content:center
    }

    .cotlas-social-share-aside a,.cotlas-social-share-aside svg,.cotlas-social-share-aside-mobile a,.cotlas-social-share-aside-mobile svg,.cotlas-social-share-top a,.cotlas-social-share-top svg {
        width: 25px;
        height: 25px
    }

    .cotlas-social-share-footer {
        gap: 8px
    }

    .cotlas-social-share-footer a {
        padding: 6px 12px;
        font-size: 12px
    }

    .cotlas-social-footer-top .social-icons-list {
        flex-direction: row;
        align-items: center;
        display: flex;
        justify-content: space-evenly
    }

    .cotlas-social-footer-top .social-link {
        width: 25%;
        max-width: 149px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-evenly
    }

    .cotlas-social-footer-top .social-link a {
        width: 100%;
        justify-content: center
    }
}

.cotlas-buttons-whatsapp {
    text-decoration: none
}

.cotlas-buttons-support {
    border-radius: 100px;
    background-color: #e40001!important;
    font-size: 20px!important;
    line-height: 25px!important;
    font-style: normal!important;
    font-weight: 700!important;
    padding: 8px 15px!important;
    color: #fff!important
}

.cotlas-buttons-support:hover {
    background-color: #02456a!important;
    color: #fff!important
}