/*
 Theme Name:     Lanaco (Divi child)
 Theme URI:      https://www.lanaco.com
 Description:    Custom theme based on the Divi theme
 Author:         LANACO
 Author URI:     https://www.lanaco.com
 Template:       Divi
 Version:        1.0.0
*/

@import url("../Divi/style.css");

.container {
    width: 90%;
}

/* MAIN NAVIGATION LINKS */

.main-navigation a,
.nav-menu a,
.primary-menu a,
#site-navigation a {
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease;
}

.main-navigation a::after,
.nav-menu a::after,
.primary-menu a::after,
#site-navigation a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: currentColor;
    transition: all 0.3s ease;
}

.main-navigation a:hover::after,
.nav-menu a:hover::after,
.primary-menu a:hover::after,
#site-navigation a:hover::after {
    width: 100%;
}
#top-menu-nav>ul>li>a:hover {
    opacity: 1;
}

/* All other links in content */
a {
    position: relative;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all 0.3s ease;
}

a::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: currentColor;
    transition: width 0.3s ease;
}

a:hover::after {
    width: 100%!important;
}

/* Exclude buttons and specific elements */
.button a, a.button, .wp-block-button__link, .btn, a.btn, input[type="submit"], button a {
    position: static;
}

.button a::after, a.button::after, .wp-block-button__link::after, .btn::after, a.btn::after, .et_pb_icon_wrap a:after, .et_pb_image a:after, h1 a::after, h2 a::after, h3 a::after, h4 a::after, a.entry-featured-image-url::after, .dnxte-post-grid-card-content a:after {
    display: none;
}
.logo_container a:hover::after {
	display: none!important;
	width: 0;
}

@media only screen and (min-width: 981px) {
    .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
        padding: 60px 0 40px 0!important;
    }
	.et-fixed-header #et-top-navigation, .et_header_style_split #et-top-navigation {
        padding: 20px 0 10px 0!important;
    }
	.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {
        font-weight: 500;
		padding-bottom: 8px!important;
    }
	.et_pb_posts.home-blog .et_pb_post {
		margin-bottom: -15px;
	}
}
.dnxte-post-grid-card-meta span {
    margin-right: 6px;
    margin-top: -2px;
}
.dnxte-post-grid-pagination-number.active, .dnxte-post-grid-pagination-number:hover {
    background: #0e7688;
    color: #fff;
    border-color: #0e7688;
}
/* ========================================= */
/* 1. TRUE FULL-WIDTH DIVI MOBILE MENU       */
/* ========================================= */
@media screen and (max-width: 980px) {
    .et_mobile_menu {
		background-color: rgba(19, 135, 156, 0.9)!important;
		border-top: none!important;
	}
	.et_pb_menu .et_pb_menu__wrap,
    .et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu {
        position: static !important;
    }

    ul.et_mobile_menu {
        width: 100vw !important;
        max-width: 100vw !important;
        position: absolute !important;
        left: 0 !important;
        right: auto !important;
        /* This magic formula forces it to break out of container padding */
        margin-left: calc(-50vw + 50%) !important; 
        transform: translateX(0) !important;
        box-sizing: border-box;
        border-radius: 0 !important;
    }
}

#logo {
    max-height: 80%;
}
.dnxte-post-thumb a::after {display:none!important;}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    font-size: 14px!important;
}

.wp-pagenavi {
    text-align: center;
    border-top: 0;
}
.wp-pagenavi span.current {
    font-weight: bold;
    background: #0e7688;
    color: #fff !important;
    padding: 6px 12px;
    border-radius: 4px;
}