/*

	Theme Name: Matress Theme

	Theme URI: https://example.com/

	Author: Developer

	Author URI: https://example.com/

	Description: A simple custom theme

	Version: 1.0

	License: GPLv2 or later

	Text Domain: matress

*/

body {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    font-family: "Jost", sans-serif;

}

.site-branding {

    display: none;

}

.page_wrapper {

	max-width: 1430px;

	padding: 0 16px;

	margin: 0 auto;

}

.main-header > div {

    display: flex;

    align-items: center;

    align-content: center;

    vertical-align: middle;

        justify-content: space-between;

}

.primary-menu-container .menu-wrapper {

    display: flex;

    list-style-type: none;

    gap: 24px;

        padding: 0;

    margin: 0;

}

.primary-menu-container .sub-menu {

    display: none;

}

.header__actions_btn {

    position: relative;

    display: flex;

    padding: 8px;

    color: rgb(18 18 18);

    background: none;

    border: none;

}

.header__actions_btn svg {

    width: auto;

    height: 23px;

}

.header__actions_btn_cart_num {

    font-size: 11px;

    font-weight: 600;

    line-height: 1;

    position: absolute;

    top: -2px;

    right: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 18px;

    height: 18px;

    color: rgb(255 255 255);

    border-radius: 50%;

    background-color: rgb(18 18 18);

    letter-spacing: 0;

}

.visually-hidden {

    width: 1px;

    height: 1px;

    clip: rect(0px, 0px, 0px, 0px);

    position: absolute !important;

    overflow-wrap: normal !important;

    overflow: hidden;

    margin: -1px;

    padding: 0px;

    border-width: 0px;

    border-style: initial;

    border-color: initial;

    border-image: initial;

}

.header_search_icon {

    padding: 8px;

}

.header_actions {

    display: flex;

}

.menu-item a {

    position: relative;

    display: block;

    padding: 25px 0;

    color: rgb(18 18 18);

    font-size: 18px;

    line-height: 26px;

    word-break: break-word;

    font-weight: 500;

    text-decoration: none;

    text-transform: uppercase;

}

.header__topbar {

    background-color: #d0e8d7;

    padding: 10px 0;

}

.header__topbar .page_wrapper {

    display: flex;

    justify-content: space-between;

}

.translator_site {

    display: flex;

    justify-content: right;

}

.shipping_txt {

    text-align: center;

}

.site-logo img {

    max-width: 150px;

    height: auto;

}

.main-header .site-logo,

.main-header .header_actions {

    width: 20%;

}

#site-navigation {

    width: 60%;

    display: flex;

    align-items: center;

    align-content: center;

    vertical-align: middle;

    justify-content: center;

}

.main-header .header_actions {

    justify-content: right;

}

.menu-item-has-children > a::after {

    content: '';

    border: 1px solid #000;

    width: 8px;

    height: 8px;

    display: inline-block;

    transform: rotate(45deg);

    margin-left: 10px;

    border-top: 0;

    border-left: 0;

        margin-bottom: 4px;

}

.btn.secondary_btn {

    height: 48px;

    max-width: 174px;

    display: flex;

    border: 1px solid #121212;

    align-items: center;

    align-content: center;

    vertical-align: middle;

    justify-content: center;

    color: #121212;

    text-decoration: none;

    border-radius: 4px;

    text-transform: uppercase;

        font-size: 18px;

    line-height: 20px;

}

.btn.secondary_btn:hover { 

    background-color: #121212;

    color: #fff;

}

.btn.primary_btn {

    height: 48px;

    max-width: 156px;

    display: flex;

    border: 1px solid #121212;

    align-items: center;

    align-content: center;

    vertical-align: middle;

    justify-content: center;

    color: #fff;

    text-decoration: none;

    border-radius: 4px;

    text-transform: uppercase;

    background: #121212;

        font-size: 18px;

    line-height: 20px;

}

.btn.primary_btn:hover {

    background-color: #0000;

    color: #121212;

}

.title {

    color: #121212;

    font-size: 32px;

    text-align: center;

    font-weight: 500;

    margin: 0;

    margin-bottom: 30px;

}

.header__topbar .page_wrapper > div {

    font-size: 18px;

    line-height: 28px;

}

img {

    display: block;

    overflow: hidden;

}



footer {

    background-color: #090a0a;

    padding-top: 50px;

    padding-bottom: 0px;

}

.main-footer .page_wrapper {

    display: flex;

    justify-content: space-between;

}

.main-footer h4 {

    font-size: 18px;

    line-height: 22px;

    margin: 0;

    font-weight: 600;

    display: block;

    margin-bottom: 20px;

    color: #fff;

}

.footer-navigation-wrapper {

    margin: 0;

    padding: 0;

    list-style-type: none;

        display: flex;

    flex-direction: column;

    gap: 8px;

}

.footer-navigation-wrapper .menu-item a {

    font-size: 16px;

    line-height: 26px;

    padding: 0;

    text-transform: capitalize;

        font-weight: 400;

        color: #fff;

        position: relative;

}

.footer-logo img.custom-logo {

    max-width: 130px;

    height: auto;

}

.footer-navigation-wrapper .menu-item a:hover {

    color: #cfcfcf;

}

.footer_contact_info, .footer_contact_info a, .footer__copyright {

    color: rgb(255, 255, 255, 0.75);

}

.footer_contact_info p {

    margin: 0;

    font-size: 16px;

    line-height: 26px;

    max-width: 284px;

}

.footer_contact_info {

    display: flex;

    flex-direction: column;

    gap: 2px;

}

.footer_contact_info a {

    text-decoration: none;

}

.footer_copyright .footer__copyright {

    margin: 0;

    font-size: 14px;

    line-height: 14px;

    font-weight: 400;

}

.footer_copyright .page_wrapper {

    display: flex;

    align-items: center;

    align-content: center;

    vertical-align: middle;

    justify-content: space-between;

}

.footer_copyright .list-payment {

    padding: 0;

    margin: 0;

    list-style-type: none;

    display: flex;

    gap: 10px;

}

.main-footer {

    padding-bottom: 50px;

}

.footer-navigation-wrapper .menu-item a::before {

    content: "";

    margin-right: 10px;

    padding-left: 0;

    font-size: 1.3rem;

    position: relative;

    top: -5px;

    display: inline-block;

    width: 7px;

    height: 1px;

    background: rgb(255 255 255);

    transition: .3s;

}

.footer_copyright {

    padding: 15px 0;

}

.footer__list-social a {

    border: 1px solid rgb(255 255 255);

    height: 30px;

    border-radius: 4px;

    color: rgb(255 255 255);

    width: 30px;

    line-height: 30px;

    text-align: center;

    display: flex;

    align-items: center;

    align-content: center;

    vertical-align: middle;

    justify-content: center;

}

.footer__list-social {

    display: flex;

    gap: 10px;

    margin-top: 20px;

}

.footer__list-social svg {

    display: block;

    width: 14px;

    height: 14px;

}

.subscribe_form {

    max-width: 309px;

}

.subscribe_form p {

    font-size: 16px;

    color: #fff;

    line-height: 26px;

}







@media(min-width: 768px) {
.header__topbar .page_wrapper > div {
    width: 33.33%;
}
}


@media(min-width: 992px) {
.menu-button-container {
    display: none;
}
}

@media(max-width: 991px) {
.primary-menu-container .menu-wrapper {
    display: none;
}
#site-navigation {
    order: 1;
    -webkit-order:1;
}
.main-header .site-logo {
    order: 2;
    -webkit-order: 2;
}
.main-header .header_actions {
    order: 3;
    -webkit-order: 3;
}
.main-header .site-logo, 
.main-header .header_actions,
#site-navigation  {
    width: 33.33%;
}
.site-logo img {
    margin: 0 auto;
}
nav#site-navigation {
    justify-content: left;
}
.shipping_txt {
    display: none;
}
.menu-button-container .dropdown-icon.close {
    display: none;
}
.header__topbar .page_wrapper > div {
    font-size: 16px;
    line-height: 26px;
}
#primary-mobile-menu {
    background-color: #121212;
    padding: 10px;
    border: 0;
    display: flex;
    align-items: center;
    align-content: center;
    vertical-align: middle;
    justify-content: center;
    border-radius: 2px;
    width: 30px;
    height: 30px;
}
#primary-mobile-menu svg {
    display: block;
}
#primary-mobile-menu svg rect {
    fill: #fff;
}
.btn.secondary_btn, .btn.primary_btn {
    font-size: 16px;
    height: 44px;
    max-width: 160px;
}
.title {
    font-size: 26px;
}
.main-footer .page_wrapper {
    flex-wrap: wrap;
    gap: 30px;
}
}