/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 18 2024 | 12:09:25 */
/* Add your CSS code here.

Tema Css Düzenlemeleri

End of comment */ 

@media screen and (min-width: 320px) and (max-width: 768px)
.logo {
    position: static;
    clip-path: none;
    width: 100% !important;
    left: 0px !important;
    padding: 0px 35px 0px 55px !important;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;
    height: 90px !important;
    top: -55px !important;
}

@media screen and (min-width: 320px) and (max-width: 767px)
.menu-toggle, .dropdown-toggle {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    background: #000;
    color: #fff;
    border: none;
    margin: 40px 0px 0px 0px !important;
}

@media screen and (min-width: 320px) and (max-width: 767px)
#main-menu ul li:nth-child(odd) {
    background: #474747;
}

.logo {
    position: absolute;
    background: #fff;
    top: -80px;
    padding: 14px 20px;
    width: 100%;
    box-shadow: -2px 3px 3px 1px #898989;
    clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
    right: 45px;
    z-index: 999;
}

.header {
    background-color: #4b8203;
}

#main-menu a:hover, #main-menu ul li a:hover, #main-menu li:hover > a {
    color: #fff;
}

#main-menu a:hover, #main-menu ul li a:hover, #main-menu li:hover > a, #main-menu a:focus, #main-menu ul li a:focus, #main-menu li.focus > a, #main-menu li:focus > a, #main-menu ul li.current-menu-item > a, #main-menu ul li.current_page_item > a, #main-menu ul li.current-menu-parent > a, #main-menu ul li.current_page_ancestor > a, #main-menu ul li.current-menu-ancestor > a {
    color: #ffffff;
}

#main-menu ul li a {
    display: block;
    z-index: 1;
    padding: 10px;
    font-size: 15px;
    color: #ffffff;
    font-weight: 600;
    line-height: 1;
    font-family: 'Epilogue', sans-serif;
}

.logo-image, .logo-content {
    margin-left: 0%;
}

.custom-logo {
    height: 90px !important;
    width: 160px !important;
}