/*
 Theme Name: Chicky Max Child
 Template: twentytwenty
*/
body { font-family: 'Poppins', sans-serif !important; font-size: 16px !important; line-height: 28px !important; background-color: #FFF !important; }
p, li, a, span { font-family: 'Poppins', sans-serif !important; }
p, li { font-size: 16px !important; line-height: 28px !important; }
h1 { font-size: 55px !important; font-weight: 700 !important; color: #000 !important; text-transform: uppercase !important }
h2 { font-size: 50px !important; font-weight: 700 !important; text-transform: uppercase !important }
.post-inner { padding: 0px !important; }
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1080px !important; }
#et-boc { width: 100%; max-width: 100%; }
.et-db #et-boc .et-l .et_pb_row { width: 80% !important; max-width: 1400px !important; }
.container { max-width: 1410px !important; }
h6.sub-titile { color: #ed1b24 !important; }
/*=============================
[Header Section]
==============================*/
header#site-header { position: absolute; width: 100%; background: none !important; z-index: 111;}
section.btm-bar { padding: 15px 0px; }
section.btm-bar a { color: #fff !important; }
/*--logo--*/
.site-logo img { max-height: 17rem; }
/*--search--*/
.search-icons { margin: 0px 0px 0px 46px !important; }
.header-menu, .search-icons { display: flex; align-items: center; position: relative; }
div#srarch_box { position: absolute; right: 0px; top: 105px; }
.toggle-wrapper { display: none !important; }
/*=============================
[Banner Section]
==============================*/

/*=============================
[Offer Section]
==============================*/
.hm-offer-section .et_pb_blurb_content { display: inline-block; }
.hm-offer-section .et_pb_column { display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;}
.hm-offer-section .et_pb_module_header { margin-bottom: 30px !important; }
/*=============================
[Footer Section]
==============================*/
.site-footr { margin: 0px !important; }
.footer-inner { background: #000 !important; padding: 80px 0px 30px; color: #fff; }
.footer-inner a, .footer-inner p { color: #fff; font-weight: 400 !important }
.footer-inner h2 { font-size: 25px !important; color: #fff; font-weight: 400 !important; margin: 0px 0px 39px !important; }
/*--form--*/
.footer-form input, .footer-form textarea { border-radius: 4rem !important; height: 48px !important; margin-bottom: 15px; border: none !important; }
.footer-form textarea { height: 90px !important; border-radius: 19px !important; }
.footer-form .wpcf7-submit { background: #ed1b24 !important; padding: 15px 40px 15px 40px !important; float: right; }
/*--Footer Btm-bar--*/
footer.footer-btm { padding: 20px 0px; background: #000000; color: #fff; border-top: 2px solid #262626; }
footer.footer-btm a, footer.footer-btm p { font-weight: 400; text-decoration: none !important; }
a.to-the-top { color: white !important; }


/*=============================
[Inner Page]
==============================*/
header.entry-header.has-text-align-center {
    padding: 20px;
    background: none !important;
}
.admin-bar .screen-height {
    min-height: 20px;
}
.cover-color-overlay {
    color: #ff000000 !important;
}
h1.entry-title {
    color: #fff !important;
    font-size: 40px !important;
}
.screen-height {
    min-height: 51vh !important;
}
/*=============================
[menu Page]
==============================*/
.menu-items .et_pb_main_blurb_image {
    width: 150px !important;
}
/*=============================
[offer page]
==============================*/
span.offer-label {
    font-size: 43px;
    background: #ff0000ba !important;
    color: white !important;
    font-weight: 800;
    height: 110px !important;
    width: 110px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20pc !important;
    position: absolute;
    top: -13px;
}

/*=============================
*Search page
=============================*/

.search-results .search-result-page .search-post-title a { color: #00aeef; }
.search-results .search-result-page .search-post-link a { color: #00aeef; }
.search-results .search-result-page .nav-links a { color: #00aeef; }
.search-result-page hr { margin: 6px 0px !important; }
.search-result-page span.search-post-title { font-weight: 400; }
.search-result-page a, .search-result-page span { color: black !important; text-decoration: none; text-transform: capitalize; }
.search-results .section-inner { margin: 45px 0px !important; }
.search-results .section-inner hr { display: none !important; }
.pagination .nav-links { font-size: 20px !important; font-weight: 400; }
.search-result-page {
    margin-bottom: 80px;
}

/*=============================
*mobile-menu
=============================*/

.toggle-wrapper { display: none; }
.nav-toggle { position: inherit; }
.modal-menu li {
    border-color: #cb0404 !important;
}
.menu-modal-inner {
    background: #ed1b24 !important;
    display: flex;
    justify-content: stretch;
    width: 100%;
}
.menu-modal .toggle { color: #fff; }
.menu-modal.active { z-index: 111; }
span.toggle-inner, .toggle-icon {
    height: auto !important;
    width: auto !important;
    padding: 0px !important;
}
span.toggle-icon i {
    color: white;
    border: 2px solid #fff !important;
    padding: 6px;
    font-size: 20px;
}
.nav-toggle {
    height: 100%;
}
nav.mobile-menu li a {
    color: white;
    font-size: 16px !important;
    font-weight: 400 !important;
    padding: 9px 25px;
}
.menu-modal .toggle {
    color: #ffffff !important;
}
/*=============================
*Medaia Query
=============================*/

@media only screen and (max-width: 999px) {
h1, h1.entry-title {
    font-size: 37px !important;
}	
	h2 {
    font-size: 30px !important;
}
header#site-header {
    position: relative;
    background: #ed1b24 !important;
}
	.toggle-wrapper {
   display: block!important;
}
.site-logo img {
    max-height: 11rem;
}
.search-icons {
    margin: 0px 0px 0px 10px !important;
}	
}

@media only screen and (max-width: 767px) {
h1, h1.entry-title {
    font-size: 35px !important;
}	
	h2 {
    font-size: 27px !important;
}	
.et-db #et-boc .et-l .et_pb_button_module_wrapper .et_pb_button {
    padding: 5px 20px !important;
    font-size: 16px !important;
}	
	.widget-content {
    margin-bottom: 50px;
}
	.footer-inner h2 {
    margin-bottom: 10px !important;
}
}

@media only screen and (max-width: 649px) {
h1, h1.entry-title {
    font-size: 30px !important;
}	
	h2 {
    font-size: 25px !important;
}	
}
