/* @font-face {
        font-family: 'FUP Galil';
        src: url('fonts/FUP Galil - Light V3.woff2') format('woff2'),
                url('fonts/FUP Galil - Light V3.woff') format('woff'),
                url('fonts/FUP Galil - Light V3.ttf') format('truetype'),
                url('fonts/FUP Galil - Light V3.eot');
        font-weight: 300;
        font-style: normal;
}

@font-face {
        font-family: 'FUP Galil';
        src: url('fonts/FUP Galil - Regular V3.woff2') format('woff2'),
                url('fonts/FUP Galil - Regular V3.woff') format('woff'),
                url('fonts/FUP Galil - Regular V3.ttf') format('truetype'),
                url('fonts/FUP Galil - Regular V3.eot');
        font-weight: 400;
        font-style: normal;
}

@font-face {
        font-family: 'FUP Galil';
        src: url('fonts/FUP Galil - Medium V3.woff2') format('woff2'),
                url('fonts/FUP Galil - Medium V3.woff') format('woff'),
                url('fonts/FUP Galil - Medium V3.ttf') format('truetype'),
                url('fonts/FUP Galil - Medium V3.eot');
        font-weight: 500;
        font-style: normal;
}

@font-face {
        font-family: 'FUP Galil';
        src: url('fonts/FUP Galil - SemiBold V3.woff2') format('woff2'),
                url('fonts/FUP Galil - SemiBold V3.woff') format('woff'),
                url('fonts/FUP Galil - SemiBold V3.ttf') format('truetype'),
                url('fonts/FUP Galil - SemiBold V3.eot');
        font-weight: 600;
        font-style: normal;
}

@font-face {
        font-family: 'FUP Galil';
        src: url('fonts/FUP Galil - Bold V3.woff2') format('woff2'),
                url('fonts/FUP Galil - Bold V3.woff') format('woff'),
                url('fonts/FUP Galil - Bold V3.ttf') format('truetype'),
                url('fonts/FUP Galil - Bold V3.eot');
        font-weight: 700;
        font-style: normal;
}

@font-face {
        font-family: 'FUP Galil';
        src: url('fonts/FUP Galil - ExtraBold V3.woff2') format('woff2'),
                url('fonts/FUP Galil - ExtraBold V3.woff') format('woff'),
                url('fonts/FUP Galil - ExtraBold V3.ttf') format('truetype'),
                url('fonts/FUP Galil - ExtraBold V3.eot');
        font-weight: 800;
        font-style: normal;
} */

:root {
        --main-color: #f45854;
        --main-color-dark: #dd4239;
        --desktop-header-grad: rgb(253 242 241);
        --desktop-header: #f9dedc;
        --desktop-header-bg: #fdeceb;
        --desktop_logo: #fdcfcb;
        --footer-light-grad: rgb(253 242 241 / 55%);
        --footer-grad: #f9dedcbd;
        --footer-reviews: #fef8f8;
        --footer-content: #fef0f0;
        --mobile-menu: #7a7a7a;
        --overlay_wrap: #2f3640ed;
        --header-color: #404040;
        --error-msg: #ffec49;
        --scrollbar: #F5F5F5;
        --body-bg: #fef8f8;
        --pojo: #333333;
        --white: #fff;
        --black: #000;
        /* Black Theme */
        --body-grad1: #121212;
	--body-grad2: #222222;
	--dsk-header: #323132;
	--deskt-logo: #626162;
	--tell-color: #E50914;
	--pricL-menu: #b90c14;
        --butt-hover: #e50914c4;
	--reviews-bg: #7d7d7d;
	--overlay-bg: rgb(18 18 18 / 92%);
	--grad-heart: #ff004a;
	--grad-hear2: #cf0740;
	--field-bord: rgb(200 40 75 / 33%);
}

/* body {
        font-family: 'FUP Galil', sans-serif;
}

h1 {
        font-family: 'FUP Galil';
        font-weight: 800;
}

p {
        font-family: 'FUP Galil';
        font-weight: 400;
} */

ul, ol {
        margin-right: 0;
}

.custom-footer h2 {
        margin-top: 5px;
        font-weight: 300;
	font-size: 28px;
}

.custom-footer h3 {
        margin-top: 30px;
        font-weight: 300;
	margin-bottom: 5px;
}

.custom-footer p {
        font-size: 1em;
}

.custom-footer:last-of-type {
        box-shadow: unset;
        padding: 0;
        background-color: var(--white) !important;
        margin: auto;
}

.action_button {
        margin: 30px auto !important;
}

.custom-footer iframe {
        height: 2000px !important;
}

#colophon .site-info {
        padding: 1rem;
	background: var(--dsk-header);
        background-image: linear-gradient(270deg, --deskt-logo, var(--dsk-header)) !important;
}

#colophon a.rights, .rights {
	color: var(--white);
	outline: unset;
}

.page-template-accessibility-php .desktop-header {
        position: relative;
        background: var(--white);
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
        background-color: var(--pojo) !important;
}

#contact_form_overlay {
        bottom: 0;
        display: none;
        opacity: 0;
        animation: fade-in 0.5s;
        transition: bottom 0.5s ease-in-out;
}

#restaurant_info_overlay {
        top: 0;
        display: none;
        opacity: 0;
        animation: fade-in 0.2s;
}

#contact_form_overlay .overlay_content {
        position: relative;
}

#contact_form_overlay.active {
        display: flex;
        align-items: center;
        opacity: 1;
}

#restaurant_info_overlay.active {
        top: 0;
        opacity: 1;
}

@keyframes fade-in {
	from {
		opacity: 0;
		bottom: -100%;
	}
	
	to {
		opacity: 1;
		bottom: 0;
	}
}

.close_overlay_btn {
        position: absolute;
        right: 28%;
        top: 11%;
}

.overlay_content {
        background: var(--main-color) !important;
        width: 44em;
        border-radius: 6px;
        padding: 3em;
}

#contact_form_overlay .container.overlay_content:before {
        content: "להצעת מחיר לאירוע, מלאו פרטים:";
        text-align: center;
        margin: auto;
        display: flex;
        justify-content: center;
        font-size: 30px;
        color: var(--white);
}

select option {
        background: var(--main-color);
}

.nf-form-cont {
        margin-top: 1em;
}

.nf-form-content input.ninja-forms-field[type="submit"] {
        width: 100%;
        font-size: 28px;
        border-radius: 12px;
        color: var(--main-color-dark) !important;
        font-family: Heebo, sans-serif;
}

#restaurant_info_overlay.active {
        display: flex;
        align-items: center;
}

#restaurant_info_overlay.active .overlay_content h3 {
        font-size: 24px;
}

.overlay_wrap {
        width: 100%;
        color: var(--black);
        background: var(--overlay-bg);
}

a.custom_color_button.contact_button_icon.custom_color_button_6 {
	background: var(--tell-color) !important;
}

a.custom_color_button.contact_button_icon.custom_color_button_6:hover, a.custom_color_button.contact_button_icon.custom_color_button_6:focus {
	background: #e50914bd !important;
}

::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 0;
        background: var(--deskt-header);
}

::-webkit-scrollbar {
        background-color: var(--body-grad1);
	width: 4px;
}

::-webkit-scrollbar-thumb {
        border-radius: 0;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background: var(--tell-color);
}

.container.overlay_content::-webkit-scrollbar {
        width: 4px;
}

.site-footer {
        margin-top: 3rem;
}

.back-home-link {
        margin: 30px auto;
        text-align: center;
}

.back-home-link a {
        background: var(--main-color);
        color: var(--white);
        text-decoration: none;
        padding: 4px 12px;
        border-radius: 8px;
        font-size: 20px;
}

.page-template-accessibility .site::before,
.page-template-accessibility-php .desktop-header {
        display: none;
}

.main-content.accessibility_container {
        margin-top: 40px;
}

#colophon a {
        font-size: 1.1em;
        font-weight: 400;
}

#colophon div.rights {
	margin-top: 5px;
	font-size: 0.85em;
}

.custom-footer:not(:last-of-type)  {
	background: var(--reviews-bg);
}

.overlay_content {
        box-shadow: 2px 2px 30px var(--white);
        width: 53em;
}

.nf-form-content select.ninja-forms-field {
        font-family: Heebo, sans-serif;
}

.nf-form-content input:not([type=submit])::placeholder {
	color: var(--white) !important;
}

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=submit]), .nf-form-content textarea {
        border-bottom: 1px solid var(--white) !important;
        color: var(--white) !important;
        font-family: Heebo, sans-serif;
}

.loader {
        border: 5px solid #000000;
}

body {
        background-color: var(--black);
        background-image: linear-gradient(180deg, var(--body-grad2), var(--body-grad1));
}

.header_logo_wrap a, .mobile-header a {
	color: var(--white);
	outline: unset;
}

.header_logo_wrap {
        height: 10em;
}

.header_logo_wrap img {
        border-radius: 6px;
        box-shadow: unset;
}

.desktop-header .header_menu_wrap {
        column-gap: 3rem;
}

.main-content.accessibility_container {
        max-width: 90%;
        color: #fff;
}

.main-content.accessibility_container a {
        color: var(--main-color);
}

.main-content.accessibility_container a:hover, .main-content.accessibility_container a:focus, .main-content.accessibility_container a:active {
        color: var(--main-color-dark);
}

.back-home-link a,
.back-home-link a:hover {
        color: var(--white) !important;
        font-weight: 400;
}


@media (max-width: 767px) {
        ::-webkit-scrollbar,
	::-webkit-scrollbar-thumb {
		width: 0;
	}
	
	::-webkit-scrollbar-thumb {
		display: none;
	}

        #pojo-a11y-toolbar {
                top: 15px !important;
        }

        .mobile-menu a:last-of-type {
                margin-left: 60px;
        }

        .hamburger_menu_wrap {
                position: fixed;
                top: unset;
                bottom: 85px;
                left: 0;
        }

        .hamburger_popup.active {
                top: 0;
                height: 100vh;
                position: fixed;
                border-radius: 0;
        }

        .action_button.contact_button_icon {
                display: none;
        }

        .unmute-button, .unmute-button-mob {
                font-size: 16px;
                border-radius: 50%;
        }

        body.error404 h1.page_title, main.thankyou-page h1.page_title, .thankyou-page h1.page_title {
                font-size: 2.2em;
        }

        a.return_home {
                padding: 0.2em .8em !important;
                font-size: 1.7em !important;
        }

        .hamburger_links li {
                font-size: 20px;
                padding-right: 15vw;
        }

        .hamburger_links li a {
                background-size: 20px;
                padding-right: 30px;
        }

        .mobile_menu_wrap {
                border-radius: 0 !important;
                max-width: 90vw;
                transition: 0.3s ease;
                animation: unset;
                background: transparent !important;
                width: auto;
                margin: 0;
		gap: .5rem;
                padding: 0 5vw;
                overflow: hidden;
		overflow-x: scroll;
                max-width: unset;
		width: auto;
		height: auto;
                background: unset !important;
        }

        .mobile-menu a {
                word-spacing: 0;
                border-radius: 40px;
                width: 140px;
                height: 44px;
                line-height: 1.1;
                align-items: center;
                font-size: 16px;
                transition: 0.3s ease;
                /* animation: action-ripple 0.6s linear infinite; */
        }

        /* .mobile-menu a:last-of-type {
                animation: unset;
                box-shadow: 0 0 0 1px var(--white);
        } */

        .mobile-menu a:hover, .mobile-menu a:focus, .mobile-menu a:active {
                color: var(--white);
        }

        span.menu_separator {
                display: none;
        }

        .mob_menu_button .icon {
                width: 40px;
                height: 40px;
                display: none;
        }

        #colophon .site-info {
		padding-bottom: 85px;
                border-radius: 0;
	}

        .hamburger_button_wrap {
                left: 10px;
        }

        .hamburger_popup {
                left: 0;
                right: 0;
        }

        .hamburger_menu_wrap.active {
                left: 0;
                right: 0;
        }

        #contact_form_overlay .container.overlay_content:before {
                content: "להצעת מחיר לאירוע";
                font-size: 28px;
                width: 270px;
                height: 42px;
                border-radius: 4px;
                color: var(--body-grad1);
                background: unset;
                font-weight: 400;
                line-height: 1;
                align-items: center;
                margin-top: -45px;
                margin-bottom: 20px;
                padding: 10px;
                /* border: 2px dotted var(--white);
                animation: cta-action 1s linear infinite; */
        }
        
        @keyframes cta-action {
                0% {
                        box-shadow: 0 4px 10px rgba(var(--main-color), 0.2), 0 0 0 0 rgba(var(--main-color), 0.2), 0 0 0 5px rgba(var(--main-color), 0.2), 0 0 0 10px rgb(var(--white) / 20%);
                }
                100% {
                        box-shadow: 0 4px 10px rgba(var(--main-color), 0.2), 0 0 0 5px rgba(var(--main-color), 0.2), 0 0 0 10px rgba(var(--main-color), 0.2), 0 0 0 20px rgb(var(--white) / 0%);
                }
        }

        #contact_form_overlay .container.overlay_content::after {
                content: "מלאו פרטים:";
                text-align: center;
                margin: auto;
                display: flex;
                justify-content: center;
                font-size: 20px;
                position: absolute;
                right: 35%;
                color: var(--black);
                top: 65px;
        }

        .nf-form-content select.ninja-forms-field {
                color: var(--white) !important;
        }

        #restaurant_info_overlay.active .overlay_content {
                font-size: 20px;
        }

        .nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) {
                height: 44px !important;
                padding: 4px;
        }

        .nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field {
                padding: 5px;
        }

        #ninja_forms_required_items, .nf-field-container {
                margin-bottom: 0 !important;
        }

        .container {
                max-width: 96vw;
        }

        .nf-form-content, #nf-field-21-container {
                padding-top: 15px !important;
        }
	
        .mobile-header h1.title {
                text-align: center;
                line-height: normal;
                font-size: 22px;
                font-weight: 400;
                color: unset;
        }
	
	h1.title:after {
		content: "באר שבע, עד 150 איש";
		position: relative;
		font-size: 15px;
		display: block;
		text-align: center;
		margin: auto;
	}

        .mobile-menu a, .mobile-menu a.contact_button_icon {
                width: auto;
                min-width: unset;
                height: 56px;
		height: 8vh;
		border-radius: 0;
                white-space: nowrap;
		padding: 4px 18px;
		line-height: normal;
		background: var(--body-grad1) !important;
		font-size: 1.1rem;
		font-weight: 400;
	}

        .mobile-menu a, .mobile-menu a.contact_button_icon:hover,
	.mobile-menu a, .mobile-menu a.contact_button_icon:focus {
		color: var(--white) !important;
	}

	.mobile-menu a:last-of-type {
		margin-left: 0;
		box-shadow: unset;
	}
	
	.mobile-menu a.contact_button_icon:before {
		width: 70px;
                height: 70px;
	}
	
	.mob_menu_button .icon {
                width: 36px;
                height: 36px;
        }
	
	.mobile-menu a:hover, .mobile-menu a:focus, .mobile-menu a:active {
                color: var(--black);
        }
	
	#restaurant_info_overlay.active p {
		margin-bottom: 10px;
	}
	
	#restaurant_info_overlay.active .overlay_content {
		padding-top: 1em;
	}
	
	.custom-footer iframe {
		height: 310px !important;
	}
	
	.mobile-menu {
		scrollbar-width: none;
                overflow-x: scroll;
                width: auto;
		left: 0;
		bottom: .3rem;
		max-width: 100vw;
	}
	
	.mobile-menu::-webkit-scrollbar {
		display: none;
	}
	
	.container.site-info-wrap {
		max-width: unset;
	}
	
	.container.custom-footer h3 {
		font-size: 18px !important;
                margin-bottom: 5px !important;
                padding-top: 20px !important;
	}
	
	.mobile-header {
                position: absolute;
		min-height: 80px;
                background: var(--dsk-header);
		background-image: linear-gradient(180deg, var(--body-grad2), var(--dsk-header)) !important;
	}
	
	.container {
                max-width: 90vw;
        }
	
	#main-content {
		padding-top: 15px;
	}
	
	#contact_form_overlay .overlay_content {
		max-width: 96vw !important;
                height: auto;
                overflow: visible;
                background: var(--white) !important;
	}
	
	#restaurant_info_overlay.active p {
		font-size: 14px;
	}
	
	.mobile-header img {
		box-shadow: unset;
	}
	
	.mobile-header .logo_wrap {
		top: 15px;
                right: 5vw;
	}
	
	.unmute-button, .unmute-button-mob {
		font-size: 18px;
		top: 10px;
		right: 10px;
		left: unset;
		bottom: unset;
	}
	
	#restaurant_info_overlay.active .overlay_content {
		overflow-y: scroll;
		padding-top: 1.5em;
	}
	
	.close_overlay_btn {
                right: 0;
                top: 0;
                z-index: 10;
                margin-top: 0;
		color: var(--white);
	}

        .custom-footer:last-of-type {
                background: var(--reviews-bg) !important;
		color: var(--white);
                border-radius: 4px;
        }

        .nf-form-content input.ninja-forms-field[type="submit"] {
                border-radius: 6px;
                height: 64px !important;
                font-weight: 400;
        }

        .overlay_content {
                padding: 1em;
                padding-top: 4em;
                height: 84vh;
                overflow: hidden;
                width: 95vw;
                box-shadow: unset !important;
        }

        .custom-footer:not(:last-of-type) {
                margin: 15px auto !important;
                background: var(--reviews-bg);
		color: var(--white);
                border-radius: 4px;
                max-height: 330px;
                overflow-x: auto;
        }

        body.page-template-accessibility .mobile-header {
                display: none;
        }

        .main-content.accessibility_container {
                margin-top: 0px;
        }

        .nf-form-content .list-select-wrap .nf-field-element>div,
	.nf-form-content input:not([type=submit]),
	.nf-form-content textarea {
		border: 1px solid var(--field-bord) !important;
		border-radius: 8px !important;
		padding-right: 10px !important;
	}
	
	.nf-form-content .list-select-wrap .nf-field-element>div,
	.nf-form-content input:not([type=submit]),
	.nf-form-content textarea,
	.nf-form-content select.ninja-forms-field::placeholder,
	.nf-form-content input:not([type=submit])::placeholder,
	.nf-form-content select.ninja-forms-field {
		color: var(--black) !important;
	}
	
	.nf-form-content .list-select-wrap>div select {
		padding-right: 10px !important;
	}
	
	.nf-form-content input:not([type=submit])::placeholder {
		background: transparent !important;
	}
	
	.nf-form-content input.ninja-forms-field[type="submit"],
        .nf-form-content input.ninja-forms-field[type="submit"]:hover {
                background: var(--tell-color) !important;
                border: unset !important;
		border-radius: 8px;
                color: var(--white) !important;
	}
	
	.nf-error .nf-error-msg {
		color: #e80000 !important;
	}

        .site-footer {
		margin-top: 1.5rem;
	}
        
        .custom-footer h2 {
		font-size: 22px;
	}

        .nf-form-cont {
		margin-top: 2em;
	}
        

        .mobile-menu a.contact_button_icon {
                width: auto;
                min-width: unset;
                height: 56px;
		height: 8vh;
		border-radius: 0;
                white-space: nowrap;
		padding: 4px 18px;
		line-height: normal;
		background: var(--body-grad1) !important;
		font-size: 1.1rem;
		font-weight: 400;
                line-height: normal;
		background: var(--tell-color) !important;
        }
}

@media (min-width: 1000px) {
        .site {
                position: relative;
                padding: 0;
        }

        .site::before {
                display: none;
        }

        .desktop-media-rows {
                margin-top: 100px;
        }

        .close_overlay_btn {
                top: 4%;
                right: 24%;
                color: var(--white);
	}

        .desktop-header .header_menu_wrap {
                width: 100%;
                height: 3rem;
                right: 180px;
                transform: unset;
                flex-direction: row;
                justify-content: start;
                position: absolute;
                top: 7rem;
        }

	.desktop-header {
                position: fixed;
                width: 100vw;
                left: 0;
                right: 0;
                z-index: 100;
		height: 10em;
		align-items: flex-start;
                background: var(--dsk-header);
		background-image: linear-gradient(90deg, var(--body-grad2), var(--dsk-header));
                max-width: 100vw;
                border-radius: 0;
                top: 0;
	}
	
	.desktop-media-rows {
                margin-top: unset;
		margin-right: auto;
                max-width: 97%;
        }
	
	.header_logo_wrap h1 {
		position: relative;
                margin-bottom: 30px;
	}
	
	h1.title:after {
		content: "אירועים בוטיקים קטנים, קסומים ואיכותיים בבאר שבע עד 150 איש";
		position: relative;
		font-size: 24px;
                display: inline-block;
                margin: 0 2em 0 0;
		font-weight: 400;
	}
	
	.header_menu_wrap {
                position: absolute;
                top: 7rem;
                right: 180px;
                width: 100%;
		height: 3rem;
                gap: 1em;
                display: flex;
		flex-direction: row;
                justify-content: start;
                transform: unset;
        }

        .main-content {
                max-width: 70%;
                margin-top: 13rem;
                margin-left: 3rem;
        }

        .custom-footer:last-of-type {
                position: absolute;
                right: 3rem;
                top: 77.5vh;
                top: 54vh;
                margin: 0;
                max-width: 25%;
                height: 83vh;
                overflow-y: auto;
                color: var(--white);
                background-color: var(--reviews-bg) !important;
                padding: 1.5rem;
                width: 100%;
		border-radius: 0;
                height: auto;
                max-height: 106.7vh;
        }
	
	.header_menu_wrap a,
	.header_menu_wrap a:last-child	{
		width: auto;
                height: 3rem;
                min-width: unset;
                min-height: unset;
                border-radius: 0;
                background: var(--body-grad1) !important;
                border: unset;
                border-bottom: 1px solid var(--reviews-bg);
                font-size: 20px;
                font-weight: 400;
	}
	
	.header_menu_wrap a:hover,
	.header_menu_wrap a:last-child:hover {
		background: var(--butt-hover) !important;
		transform: unset;
	}
	
	a.custom_color_button img {
		max-width: unset;
	}

        .header_menu_wrap {
                top: 56%;
        }
	
	.header_menu_wrap a:before,
	.header_menu_wrap a:last-child:before {
		display: none;
	}
	
	.header_menu_wrap a:hover:before {
		width: 0;
		height: 0;
	}
	
	.header_menu_wrap a:last-child {
                width: 12rem;
		font-size: 20px;
		position: unset;
	}

        /* a.custom_color_button_1, a.custom_color_button_1:active, a.custom_color_button_1:focus {
                background: var(--butt-hover) !important;
        } */

        .overlay_content p {
                font-size: 18px;
        }

        /* NEW Styling */
        :root {
                --vh: 1px;
                --border-radius: .7rem;
        }

        .desktop_logo {
                width: 160px;
		background: var(--reviews-bg);
                justify-content: center;
        }

        .desktop-media-rows {
                gap: 9px;
        }

        #contact_form_overlay .close_overlay_btn {
                right: 33%;
                top: 11%;
                z-index: 1000;
        }

        .overlay_content {
		background: var(--butt-hover) !important;
	}

        #contact_form_overlay .overlay_content {
                width: 50em;
                height: unset !important;
                border-radius: unset;
                display: flex;
                align-items: center;
                flex-direction: column;
                justify-content: center;
                border: unset;
                box-shadow: unset;
                aspect-ratio: 1;
		--g: /20.56% 20.56% radial-gradient(#000 calc(71% - 1px),#0000 71%) no-repeat;
		mask: 100% 50% var(--g), 93.301% 75% var(--g), 75% 93.301% var(--g), 50% 100% var(--g), 25% 93.301% var(--g), 6.699% 75% var(--g), 0% 50% var(--g), 6.699% 25% var(--g), 25% 6.699% var(--g), 50% 0% var(--g), 75% 6.699% var(--g), 93.301% 25% var(--g), radial-gradient(100% 100%, #000 38.366%, #0000 calc(38.366% + 1px));
		background-image: linear-gradient(237deg, var(--butt-hover), var(--tell-color)) !important;
        }

        #contact_form_overlay .container.overlay_content:before {
                margin: 20px 0 0;
        }

        .nf-form-cont {
                width: 70%;
                max-width: unset;
                margin: 0;
                position: relative;
        }

        .nf-form-content select.ninja-forms-field {
                color: var(--white) !important;
                font-family: Heebo, sans-serif;
        }

        .nf-form-content .list-select-wrap>div div:after {
                color: var(--white);
        }

        .nf-form-content input.ninja-forms-field[type="submit"] {
                height: 2em;
		border-radius: 20em;
		font-size: 32px !important;
		color: var(--tell-color) !important;
        }

        .container.site-info-wrap {
                max-width: 100vw;
                padding: 0;
                border-radius: 0;
        }

        #colophon .site-info {
                border-radius: 0;
        }

        .custom-footer:not(:last-of-type) {
                position: absolute;
                right: 3rem;
                top: 0;
                margin: 0;
                max-width: 25%;
                height: 74.5vh;
                height: 53vh;
                overflow-y: auto;
		color: var(--white);
		background: var(--reviews-bg);
		padding: 1.5rem;
		border-radius: 0;
        }
        
        .nf-error .nf-error-msg {
                color: var(--error-msg) !important;
        }

        .nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field {
		font-size: 20px !important;
	}
}

@media screen and (max-width: 1024px ) and (min-width : 750px) {
        .mobile_menu_wrap {
                height: 105px;
        }

        #contact_form_overlay .overlay_content {
                margin-left: 32%;
        }

        #contact_form_overlay .overlay_content:after {
                left: -44%;
                width: 350px;
                height: 350px;
        }

        #contact_form_overlay .close_overlay_btn {
                right: 8%;
                top: 5%;
        }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1279px) {
        .action_button {
                display: none;
        }
	
	.header_logo_wrap h1 {
		font-size: 2em;
	}
	
	h1.title:after {
		font-size: 20px;
                margin-right: 0;
                display: block;
	}
	
	.header_menu_wrap {
		right: 18px;
		top: 58%;
		gap: .5em;
	}
	
	.header_menu_wrap a {
		width: 4.9vw;
		height: 4.9vw;
		min-width: 4.9vw;
		min-height: 4.9vw;
		font-size: 16px;
	}
	
	.header_menu_wrap a:last-child {
		min-width: 7.8em;
		top: -16vh;
	}
}

@media only screen and (min-device-width: 1280px) and (max-device-width: 1367px) {
	h1.title:after {
                font-size: 20px;
	}
	
	.header_menu_wrap {
		right: 17px;
                top: 59%;
                gap: .5em;
	}
	
	.header_menu_wrap a {
		width: 4.5vw;
                height: 4.5vw;
                min-width: 4.5vw;
                min-height: 4.5vw;
		font-size: 15px;
	}
	
	.header_menu_wrap a:last-child {
		top: -17vh;
	}
}