/* ================================================================= */
/* PART 1: YOUR ORIGINAL SITE DESIGN (Menus, Colors, Layout)         */
/* ================================================================= */

body {
    background-color:#f8f7f8;
}

@media (min-width: 250px) {
    body { overflow-x: hidden }
}

#site-header { padding: 0px; margin-bottom:0rem; }

@media (min-width:700px){
    #site-header{ margin-bottom:0rem; }
    .site-logo img { max-height:15rem; }
}

.menu2name h3{
    font-size:18px;
    text-align:center;
    margin:0px;
}

.menu2name{ background-color:#FFCC00; }

/* Patreon */
.patreonButton{
    padding-top:1rem;
    display:flex;
    justify-content:center;
    margin-bottom:15px;
}
@media(max-width:740px){
    .patreonButton{ margin-top:40px; margin-bottom:15px; }
}
.patreonButton a{
    background:#FF424D;
    padding:10px 20px 10px 40px;
    border-radius:30px;
    color:#fff;
    text-decoration:none;
    font-size:1.3rem;
    font-family:'America','GT America','Lato','Helvetica Neue','Helvetica','Arial',sans-serif;
    position:relative;
}
.patreonButton a::before{
    content:'';
    background:url('https://europeelects.eu/wp-content/uploads/2021/11/Digital-Patreon-Logo_White.png');
    width:15px;
    height:15px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:20px;
    background-size:contain;
}

/* Country Menu */
div.custom-menu-class{
    background-color:#FFCC00;
    margin:0px;
    padding:0 5% 1rem 5%;
    display:flex;
    justify-content:center;
}
#menu-countries{
    background-color:#FFCC00;
    margin:0px;
    max-width:90rem;
    margin-left:0;
}
div.custom-menu-class ul{ text-align:center; }
div.custom-menu-class ul li{
    margin:0px;
    padding:0px;
    display:inline-block;
    text-align:right;
}
div.custom-menu-class ul li a:link{
    margin:-2px;
    padding:5px;
    text-decoration:none;
    color:black;
    font-size:25px;
    text-align:center;
    position:relative;
}
div.custom-menu-class ul li a:hover{
    margin:-2px;
    padding:5px;
    background-color:#003399;
    color:white;
}

/* flag hover tooltip */
.flag-icon{ width:2.5rem; vertical-align:middle; overflow:hidden; display:inline-block; }
div.custom-menu-class ul li a:hover .tag{ visibility:visible; }
div.custom-menu-class ul li .tag{
    visibility:hidden;
    width:100px;
    top:120%;
    left:100%;
    margin-left:-65px;
    background-color:#003399;
    color:#fff;
    padding:5px 0;
    border-radius:6px;
    position:absolute;
    z-index:1;
    font-size:15px;
}

/* Remove site title on Home */
.home .entry-title.faux-heading.heading-size-1{ display:none; }
.home div.custom-menu-class{ background-color:#FFCC00; }

.post-inner{ width:90%; margin:0px; padding-top:0; }
div.entry-content{ max-width:100%; }
.entry-header{ width:100%; }

.header-inner{
    margin-top:1px solid lightgray;
    margin-bottom:1px solid lightgray;
    background-color:#f9f9f9;
}

/* Main Menu */
.main-menu-alt{ color:#001936; }
.main-menu-alt>li{ margin:0px; }
.main-menu-alt a{
    padding:32px 10px;
    margin:5px;
}
.main-menu-alt a:hover{
    color:white;
    text-decoration:none;
    background-color:#001936;
}
ul.main-menu-alt{ margin:-2rem 0 -2rem -3rem; }

.header-toggles .toggle{ height:40px; }

.ab-block-layout-column-inner p{
    padding:0px;
    margin:0px;
    color:#001936;
}

/* Footer */
#site-footer{ margin-top:0rem; }
.footer-inner{
    padding:0px;
    background-color:#f9f9f9;
}
.footer-menu a{
    padding:32px 10px;
    margin:5px;
}
.footer-menu a:hover{
    color:white;
    text-decoration:none;
    background-color:#001936;
}

/* GDPR footer */
.wpautoterms-footer{
    background-color:#FFCC00;
    padding:32px 10px;
    margin:0;
}
.wpautoterms-footer a{
    padding:32px 10px;
    margin:5px;
    text-decoration:none;
}
.wpautoterms-footer a:hover{
    color:white;
    background-color:#001936;
}

/* Ads */
.hw-widget{
    width:90%;
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.hw-widget{ display:none; }

/* VK icon */
.s-icons a[href*="vk.com"]::before{
    content:'\f189';
    font-family:'Font Awesome 5 Brands';
}

/* Social icons responsive */
@media(max-width:1239px){
    ul.social-icons{ justify-content:center; }
}
@media(min-width:1240px){
    ul.social-icons{
        flex-direction:column;
        position:fixed;
        right:0; top:40%;
        background:#fff;
        padding:5px;
        border-radius:10px 0 0 10px;
        box-shadow:0 1px 1px rgba(0,0,0,0.15);
    }
    .wpautoterms-cookies-notice{
        display:flex;
        background:#fff;
        padding:1.2rem 3rem;
        justify-content:space-between;
        position:fixed;
        width:100%;
        bottom:0; left:0; right:0;
        z-index:999999;
        box-shadow:0 -3px 0 #fc0;
    }
}

/* Hide theme credit */
.theme-credits{ display:none; }

/* ================================================================= */
/* PART 2: THE FINAL IMAGE FIX                                       */
/* ================================================================= */

.featured-media,
.preview-media,
.entry-media,
.post-thumbnail,
.featured-image,
.wp-block-post-featured-image,
.wp-block-latest-posts__featured-image,
.related-posts .post-image,
.related-posts figure,
.jp-relatedposts-post-img { display:none !important; }

/* remove grey empty link boxes */
.related-posts a,
.related-posts a:hover{
    background:none !important;
    border:none !important;
    box-shadow:none !important;
}

/* hide all images in ARTICLES/LISTS pages */
body.page .entry-content li img,
body.page .entry-content article img,
body.page .entry-content .type-post img,
body.page .entry-content .wp-block-latest-posts img{
    display:none !important;
}

/* allow images ONLY inside single posts */
body.single .entry-content > .wp-block-image,
body.single .entry-content > p > img,
body.single .entry-content > figure.wp-block-image,
body.single .entry-content > div > .wp-block-image,
body.single .entry-content .wp-block-column > .wp-block-image{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:auto !important;
    height:auto !important;
}

/* allow logo and flag icons */
.site-logo img,
.custom-logo,
.flag-icon img,
img.emoji{
    display:inline-block !important;
}
