/*!
Theme Name: EI
Theme URI: https://edinternational.ro/
Author: Friends TBWA
Author URI: https://friends-tbwa.ro
Description: 100% custom theme.
Version: 1.0
Requires at least: 5.0
Tested up to: 6.9
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: ei
*/

body {
    font-family:Roboto;
    font-size:1rem;
}

header {
    padding-top:1rem;
    padding-bottom:1rem;
}

header .logo {
    height:80px;
}

header #menu-header {
    list-style-type: none;
    margin:0px;
    padding:0px;
}

header #menu-header li a {
    color:#164364;
    font-weight:500;
    font-size:.95rem;
    line-height:2;
}

header #menu-header li a:hover, header #menu-header li a.active {
    color:black;
}

.search-btn,.mobile-menu-btn {
    color:#164364;
    font-size:1rem;
}

.mobile-menu-btn,.mobile-menu-btn:hover {
    background:#164364;
    color:white;
    border-radius:5px;
    padding:.25rem .5rem;
    font-size:1.25rem;

}

main {
    background:#ecf6fe;
}

.cantitati {
    margin:0px;
    padding:0px;
    list-style-type:none;
    margin-top:.5rem;
}

.cantitati li {
    display:inline-block;
    background:#2b7fff;
    font-weight:500;
    color:white;
    padding:5px 10px;
    border-radius:10px;
    margin-right:5px;
}

.bg-product {
    width:70%;
    margin-left:15%;
    z-index:1;
    position:absolute !important;
}

#newsletter form {
    display:flex;
    justify-content: center;
}

#newsletter .wpcf7-email {
    background:white;
    border:1px solid #ccc;
    font-family:Familjen Grotesk;
    border-radius:5px;
    padding:.25rem .5rem;
}

#newsletter .wpcf7-submit {
    background:white;
    border:1px solid #ccc;
    font-family:Familjen Grotesk;
    border-radius:5px;
    padding:.25rem .5rem;
    font-weight:600;
    margin-left:10px;
}

#newsletter .wpcf7-not-valid-tip {
    color:white;
    font-size:.8rem;
    margin-top:.5rem;

}

#newsletter .wpcf7-response-output {
    display:none;
}

#newsletter .wpcf7-spinner {
    display:none;
}

#blog .blog-cat {
    color:#0D75C1;
    font-weight:600;
    font-size:0.8rem;
    margin-bottom:1rem;
}

#blog .blog-title {
    font-family:'Syne';
    font-size:2rem;
}

#blog .blog-title a {
    color:#164364;
    text-decoration:none;
}

#blog .blog-excerpt {
    font-family:'Familjen Grotesk';
    font-size:1rem;
    color:#164364;
}

#blog .blog-date {
    font-family:'Familjen Grotesk';
    font-size:.7rem;
    color:#164364;
}

#blog .blog-img {
    min-height:500px;
    width:100%;
    object-fit:cover;
}

.blog-pagination a,.blog-pagination .current {
    background:#0C99FF;
    color:white;
    padding:5px 10px;
    border-radius:10px;
    display:inline-block;
    font-size:.85rem;
    text-decoration:none;
}

.blog-pagination a:hover {
    color:white;
}

.blog-pagination .current {
    background:#0D75C1;
}

.blog-pagination .nav-links {
   margin-left:auto;
   margin-right:auto;
}

footer {
    background:#174365;
    font-family:Syne;
    color:white;
    padding-top:2rem;
    padding-bottom:3rem;
}

footer p {
    font-family:Familjen Grotesk;
    font-size:0.9rem;
    font-weight:300;
}

#menu-footer {
    margin:0px !important;
    padding:0px !important;
    list-style-type:none !important;
}

#menu-footer li {
    margin-bottom:0.75rem;
}

#menu-footer li a:hover {
    text-decoration:underline;
}

.social-icons a, .social-icons a:hover {
    color:white;
    font-size:1.5rem;
    margin-right:.25rem;
}

/*==========================   Harta distributie Romania  ===================================*/

svg#map_ro{
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;

}

#map_ro a:focus {
    outline: none;
}

svg#map_ro path.judetul{
    fill: #008ecd;
    stroke: #fff;
    stroke-width: 1px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

svg#map_ro a path.judetul{fill: #008ecd;}
svg#map_ro a.selected path.judetul{fill: #008ecd;}
svg#map_ro a:hover path.judetul{fill: #56bafc;}

body:not(.elementor-editor-active) .distribuitor {
    display:none;
}

.distribuitor a {
    color:#164364;
    display:block;
    margin-bottom:3px;
}

.distribuitor a:hover {
    text-decoration:underline;
}

.distribuitor a i {
    color:#666;
    margin-right:5px;
}

.premium-search__query-wrap {
    position:relative !important;
}

.premium-search__post-inner {
    background:white !important;
}

/*==========================  END Harta distributie Romania  ================================*/

/* RESPONSIVE MOBILE */
@media (max-width: 576px) {
    #blog .blog-title {
        font-size:1.6rem;
    }

    .white-on-mobile h2 {
        color:white !important;
    }

    header ul#menu-header {
        display:none;
        position:absolute;
        width:100%;
        height:100vh;
        background:white;
        left:0;
        z-index:1;
        margin-top: 56px;
    }

    header ul#menu-header li {
        display:block;
        text-align:center;
        margin-bottom:.5rem;
    }

    header ul#menu-header li a {
        font-size:2rem;
    }

}