@font-face { 
    font-family: 'Syncopate-Regular'; 
    src: url('font/Syncopate-Regular.eot?#iefix') 
        format('embedded-opentype'), url('font/Syncopate-Regular.woff') 
        format('woff'), url('font/Syncopate-Regular.ttf') 
        format('truetype'), url('font/Syncopate-Regular.svg#Syncopate-Regular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

body {
    margin: 0px;
    padding: 0px;
    font-family: 'Alegreya Sans', sans-serif;
    font-family: 'Montserrat', sans-serif;
}

a {
    color: inherit;
}

.title {
    text-align: center;
}

#wrapper {
    position: relative;
}

.overlay {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    z-index: 2;
    cursor: pointer;
}

#header {
    overflow: hidden;
    height: 90px;
    color: #00999b;
    margin-bottom: 20px;
}

#logo {
    display: block;
}

.icons {
    position: absolute;
    z-index: 99;
    right: 40px;
    top: 25px;
}

.lang, .cart {
    float: right; 
    color: #000;
}

.cart img {
    margin-top: 6px;
}

.cart-num {
    margin-left: 5px;
    font-weight: 700;
}

.search {
    float: left;
    margin-right: 20px;
    background: #fff;
}

.search input {
    outline: 0px;
    width: 15px;
    background: url('img/search-new.png');
    background-repeat: no-repeat;
    background-position: 0px;
    padding: 8px;
    border: 0px solid #00999b;
    color: #00999b;
    font-size: 18px;
    margin-top: -3px;
    transition: all 200ms linear;
}

.search input.opened {
    width: 200px;
    background-position: 185px;
}

.lang {
    margin-left: 20px;
    height: 30px;
    line-height: 32px;
}

.lang a{
    text-decoration: none;
    font-size: 12px;
}

#hamburger {
        color: #81d8d0;
        position: absolute;
        left: 27px;
        z-index: 10;
        top: 43px;
        height: 18px;
        width: 40px;
        cursor: pointer;
        display: none;
    }
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
        cursor: pointer;
        border-radius: 2px;
        height: 3px;
        width: 35px; 
        background: #00999b;
        position: absolute;
        display: block;
        content: '';
    }
    #nav-toggle span:before {
        top: -11px;
    }
    #nav-toggle span:after {
        bottom: -11px;
    }
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
        transition: all 500ms ease-in-out;
    }
    #nav-toggle.active span {
        background-color: transparent;
    }
    #nav-toggle.active span:before, #nav-toggle.active span:after {
        top: 0;
    }
    #nav-toggle.active span:before {
        transform: rotate(45deg);
    }
    #nav-toggle.active span:after {
        transform: rotate(-45deg);
    }

#menu {
    background: #8DC1B4;
    width: 260px;
    height: 100%;
    position: fixed; 
    margin: 0px;
    left: -300px;
    top: 0px;
    list-style: none;
    padding: 100px 20px;
    z-index: 9;
}

#menu li{
    color: #fff;
    margin-bottom: 20px;
}

#menu li a{
    text-decoration: none;
    color: #fff;
}

.center-menu {
    display: flex;
    justify-content: space-between;
    max-width: 1000px;
    margin: 25px auto 0px;
    padding: 0px;
    list-style: none;
    font-family: 'Syncopate-Regular'; 
    font-weight: 500;
    font-size: 12px;
    z-index: 9;
    position: relative;
}

.center-menu a{
    text-decoration: none;
    color: #000;
}

.center-menu li{
    line-height: 30px;
}

#main {
    max-width: 1000px;
    margin: 100px auto 0px;
    position: relative;
    padding: 0px 20px;
}

.main-shop h1{
    text-align: center;
    color: #010101;
    font-size: 28px;
    padding-bottom: 15px;
    border-bottom: 3px solid #81d8d0;
    font-weight: 400;
}

.entry-summary h1{
    text-align: left;
}

.main-shop .button.add_to_cart_button, .main-shop .button.product_type_variable {
    display: none;
}

.main-shop .product a{
    text-align: center;
    color: #010101 !important;
}

.main-shop .product h2 {
    padding: 0px;
}

.main-shop .product h2, .main-shop .product .price{
    font-size: 18px !important;
}

.main-shop .product a .price {
    color: #010101 !important;
}

.product_meta .sku_wrapper {
    display: none;
}

.button.product_type_variable.add_to_cart_button {
    display: none;
}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    color: #010101 !important;
}

.woocommerce ul.products li.product .price {
    color: #010101 !important;
}

.product_meta {
    display: none;
}

.prod-size {
    text-align: left;
}

.single-product {
    margin-top: 100px;
}

.single-product .title{
    margin-top: 0px;
    font-family: 'Syncopate-Regular';
}

.entry-summary p.price {
    display: none;
}

.variations_form {
    float: none;
    color: inherit;
}

.variations .label {
    font-size: 18px;
    font-family: 'Alegreya Sans', sans-serif;
}

.variations .label label{
    font-weight: normal !important;
}

.quantity::before {
    content: 'Mennyiség:';
    font-size: 18px;
    width: 182px;
    display: block;
    float: left;
    line-height: 31px;
    height: 31px;
}

.woocommerce-product-details__short-description {
    padding-bottom: 100px;
}

.woocommerce .quantity .qty {
    border: 1px solid #81d8d0;
    padding-top: 1px;
    padding-bottom: 1px;
    height: 27px;
}

.woocommerce div.product form.cart .variations select {
    padding: 5px;
    font-size: 15px;
    border: 1px solid #81d8d0;
    outline: 0px;
}

.woocommerce-message {
    border-top-color: #81d8d0 !important;
}

.woocommerce-message::before {
    color: #81d8d0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce div.product .woocommerce-tabs .panel {
    display: none !important;
}

.shop_table {
    border: 0px !important;
}

.woocommerce table.shop_table td, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    border-top: 1px solid #81d8d0 !important;
}

.single_add_to_cart_button {
    background-color: #81d8d0 !important;
    border-radius: 0px !important;
    text-transform: uppercase;
}

.product-name a {
    text-decoration: none;
    color: inherit;
}

.product-thumbnail img {
    width: 100px !important;
}

#coupon_code {
    height: 32px;
    padding: 0px 10px;
    margin-right: 10px;
    border: 1px solid #81d8d0;
}

.checkout-button, #place_order {
    background-color: #81d8d0 !important;
}

.woocommerce-info {
    display: none;
}

.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text {
    padding: 5px;
}

.size_link {
    cursor: pointer;
    text-decoration: underline;
}

.vid-box {
    display: none;
    position: fixed;
    z-index: 99;
    top: 30%;
    left: 50%;
    margin-left: -320px;
    box-shadow: 2px 2px 5px;
    height: 360px;
}

.vid-box .fa-times {
    color: #fff;
    position: absolute;
    right: -15px;
    font-size: 35px;
    top: -18px;
    cursor: pointer;
}

.flex-control-nav {
    margin-top: 10px !important;
}

.flex-control-nav.flex-control-thumbs li{
    margin-right: 10px !important;
}

.woocommerce div.product form.cart div.quantity {
    float: none !important;
    margin: 0px 0px 20px !important;
}

.woocommerce-cart-form__cart-item .quantity::before {
    display: none;
}

.return {
    position: absolute;
    top: 5px;
    right: 0px;
    color: inherit;
    font-size: 18px;
    font-weight: bold;
}

#footer {
    padding-bottom: 50px;
    clear: both;    
}

#newsletter {
    width: 477px;
    margin: 110px auto;
}

#newsletter span{
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
    text-align: center;
    font-size: 14px;
}

#newsletter input[type="text"] {
    width: 368px;
    height: 34px;
    padding: 0px 0px 0px 15px;
    border: 1px solid #81d8d0;
    line-height: 34px;
}

#newsletter input[type="submit"] {
    background: #81d8d0;
    color: #fff;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border: 0px;
    outline: 0px;
    padding: 0px 10px;
    font-weight: 600;
}

.footer-links {
    text-align: center;
}

.payment_method_khb {
}

.woocommerce-checkout input, .woocommerce-checkout textarea, .select2-container--default .select2-selection--single{
    border: 1px solid #81d8d0 !important; 
}

@media screen and (max-width: 1400px) {
    #hamburger {
        display: block;
    }
    
    .center-menu li:not(.logo-item){
        display: none;
    }
    
    .logo-item{
        margin: 0px auto;
    }
}