/*
 Theme Name:   Enfold Child
 Theme URI:    https://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990
 Description:  Child theme for the Enfold WordPress theme
 Author:       Devaajanne Ltd / Janne Lahtela
 Author URI:   https://devaajanne.fi/
 Template:     enfold
 Version:      1.0.0
*/

/* Import parent theme styles */
@import url("../enfold/style.css");

/* D-DIN Font Family */
@font-face {
    font-family: 'D-DIN';
    src: url('fonts/D-DIN.woff2') format('woff2'),
         url('fonts/D-DIN.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'D-DIN';
    src: url('fonts/D-DIN-Bold.woff2') format('woff2'),
         url('fonts/D-DIN-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* D-DIN Bold for all headings */
h1, h2, h3, h4, h5, h6,
.av-special-heading-tag,
.entry-title,
.post-title,
.av_promobox_headline,
.av-masonry-entry .av-masonry-entry-title {
    font-family: 'D-DIN', sans-serif !important;
    font-weight: 700;
}

div .logo {
    padding-top: 2px;
    float: left;
    position: absolute;
    left: 0;
    z-index: 1;
}

.slideshow_caption {
    font-size: 4vw;
}

.html_header_top .header_color .main_menu ul:first-child>li>ul,
.html_header_top #top .header_color .avia_mega_div>.sub-menu {
    border-top-color: transparent;
    min-width: 250px;
}

/* Add dots to submenu items */
.html_header_top .header_color .main_menu ul:first-child>li>ul>li a::before,
.html_header_top #top .header_color .avia_mega_div>.sub-menu>li a::before {
    content: "• ";
    color: var(--enfold-header-color-primary);
    /*font-weight: bold;*/
    margin-right: 0.7em;
}

.avia-menu-text {
    font-weight: normal;
}

.main_menu ul:first-child>li>ul>li {
    font-size: 20px;
}

/* Target even containers to float right */
.docpoint-fp-custom-news>.av-masonry-container>.av-masonry-entry:nth-child(even)>.av-inner-masonry>.av-masonry-outerimage-container>.av-masonry-image-container img {
    float: left;
    clear: left;
}

/* Target odd containers to float left */
.docpoint-fp-custom-news>.av-masonry-container>.av-masonry-entry:nth-child(odd)>.av-inner-masonry>.av-masonry-outerimage-container>.av-masonry-image-container img {
    float: right;
    clear: right;
}

/* Common styles for both */
.docpoint-fp-custom-news .av-masonry-entry .av-inner-masonry {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.docpoint-fp-custom-news .av-masonry-entry .av-masonry-image-container,
.docpoint-fp-custom-news .av-masonry-entry .av-inner-masonry-content {
    flex: 1;
}

/* EVEN entries - swap the order */
.docpoint-fp-custom-news .av-masonry-entry:nth-child(even) .av-inner-masonry {
    flex-direction: row-reverse;
}

.docpoint-fp-custom-news .main_color .container .av-inner-masonry-content,
.docpoint-fp-custom-news .av-inner-masonry-content {
    background-color: transparent !important;
}

/* Social media icons in header - white icons in black circular backgrounds */
#header_meta .social_bookmarks li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #000000;
    color: #ffffff !important;
}

#header_meta .social_bookmarks li a:hover {
    background-color: #333333;
}

/* Hide all image overlay effects globally */
.image-overlay,
.image-overlay .image-overlay-inside {
    display: none !important;
}

/* Hide blog categories, author and separators from single posts */
.single-post .blog-categories,
.single-post .blog-author,
.single-post .text-sep {
    display: none !important;
}

/* Custom mobile menu breakpoint at 1250px */
@media only screen and (max-width: 1249px) {
    /* Show burger menu */
    .responsive .av-burger-menu-main {
        display: block;
    }

    /* Hide regular menu items */
    .responsive #top .av-main-nav .menu-item {
        display: none;
    }

    /* Show special menu items (cart, search, burger) */
    .responsive #top .av-main-nav .menu-item-avia-special {
        display: block;
    }

    /* Position main menu container */
    .responsive #top #wrap_all .main_menu {
        top: 0;
        height: 80px;
        left: auto;
        right: 0;
        display: block;
        position: absolute;
    }

    /* Menu item heights */
    .responsive .main_menu ul:first-child > li a {
        height: 80px;
        line-height: 80px;
    }

    /* Logo container height */
    .responsive #top #wrap_all .av-logo-container {
        height: 80px;
        line-height: 80px;
        padding: 0;
    }

    /* Hide header social bookmarks */
    .responsive #top #header .social_bookmarks {
        display: none;
    }

    /* Show social bookmarks inside main menu */
    .responsive #top #header .main_menu .social_bookmarks {
        display: block;
        position: relative;
        margin-top: -15px;
    }
}

/* Keep regular menu visible above 1250px */
@media only screen and (min-width: 1250px) {
    /* Hide burger menu on desktop */
    .responsive .av-burger-menu-main {
        display: none !important;
    }

    /* Show regular menu items */
    .responsive #top .av-main-nav .menu-item {
        display: block !important;
    }
}

/* Hide social bookmarks on mobile */
@media only screen and (max-width: 767px) {
    .social_bookmarks {
        display: none !important;
    }

    /* Remove border and margin from menu on mobile */
    .responsive #top .av-logo-container .avia-menu.av_menu_icon_beside {
        margin-right: 0;
        border-right: none;
    }

    /* Frontpage articles slider - add margin bottom on mobile */
    .slide-entry-wrap {
        margin-bottom: 20px;
    }

    .slide-entry.flex_column,
    .responsive #top #wrap_all .slide-entry.slide-parity-even {
        margin-bottom: 20px !important;
    }
}

/* Bigger text for top level burger menu items */
#av-burger-menu-ul > li.av-active-burger-items > a {
    font-size: 24px;
}

/* Remove grey bullet/dash from burger submenu items */
#av-burger-menu-ul .avia-bullet,
.av-burger-overlay .avia-bullet,
.av-active-burger-items .avia-bullet {
    display: none !important;
}