/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* body:not(.home) * {
    outline: 1px solid red;
} */

.permanent-marker-menu li.menu-item a {
    transition: text-shadow 0.2s ease-in-out!important;
    text-shadow: 2px 2px 0px #141414;
    -webkit-font-smoothing: antialiased;
}

.permanent-marker-menu li.menu-item:hover a,
.permanent-marker-menu li.menu-item.current-menu-item a {
    text-shadow: 4px 4px 0px #bf3c22;
}

#home-header-main-header .swiper-wrapper::before {
    background-color: rgb(20, 20, 20);
    box-sizing: border-box;
    content: "";
    display: block;
    height: 100%;
    left: 0px;
    mix-blend-mode: normal;
    opacity: 0.25;
    position: absolute;
    top: 0px;
    transition-behavior: normal;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: ease;
    width: 100%;
    z-index: 2;
    -webkit-font-smoothing: antialiased;
}

.elementor-background-slideshow {
    background-color: #141414;
}

@media screen and (max-width: 767px){
    .mobile-menu-popup .dialog-close-button {
        top: 75px!important;
        position: fixed!important;
    }

    #home-header-main-header {
        min-height: calc(100vh - 90px);
        max-height: calc(100vh - 90px);
        position: relative;
    }
    .home-main-header-left {
        min-height: calc(100vh - 90px);
        max-height: calc(100vh - 90px);
    }
    .home-main-header-right {
        display: none;
    }
    .home-main-header-triangle {
        position: absolute;
        height: 12vh;
        max-height: 12vh;
        bottom: 0px;
    }
    #header-main-header {
        background-size: auto 70vh;
        background-size: auto calc(70vh - 45px);
        min-height: calc(100vh - 90px);
        max-height: calc(100vh - 90px);
        position: relative;
    }
    .main-header-left, .main-header-right{
        min-height: calc(50vh - 45px);
        max-height: calc(50vh - 45px);
    }
    .main-header-triangle {
        position: absolute;
        height: 12vh;
        max-height: 12vh;
        top: calc(38vh - 45px);
    }
    .triangle-home {
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 12vh 0 0 100vw;
        border-color: transparent transparent transparent #141414; 
        transform: rotate(0deg);
    }
	.triangle-non-home {
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 0 12vh 100vw;
        border-color: transparent transparent #141414 transparent; 
        transform: rotate(0deg);
        min-height: 100%;
	}
}

@media screen and (min-width: 768px){
    .triangle-home {
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 0 0 calc(100vh - 90px) 300px;
		border-color: transparent transparent #141414 transparent;
		transform: rotate(0deg);
        min-height: 100%;
	}
	.triangle-non-home {
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: calc(100vh - 90px) 0 0 300px;
		border-color: transparent transparent transparent #141414;
		transform: rotate(0deg);
	}
    
    
}

.page-products #header-main-header,
.page-products #header-main-header,
.page-about #header-main-header,
.page-contact #header-main-header,
.page-our-farm #header-main-header,
.page-place-an-order #header-main-header { background-repeat: no-repeat !important; }

.page-products #header-main-header { background-position: 80% 0% !important; }
.page-products #header-main-header { background-position: 80% 0% !important; }
.page-about #header-main-header { background-position: top center !important; }
.page-contact #header-main-header { background-position: right -30vw!important; }
.page-our-farm #header-main-header { background-position: right top !important; }
.page-place-an-order #header-main-header { background-position: right center !important; }


@media screen and (min-width: 768px) { 
    .page-about #header-main-header { background-position: 10vw center !important; } 
    .page-contact #header-main-header { background-position: right -20vw center!important; }
    .page-our-farm #header-main-header { background-position: right -20vw center!important; }
}
@media screen and (min-width: 1024px){ 
    .page-about #header-main-header { background-position: 29vw center !important; } 
    .page-our-farm #header-main-header { background-position: right center!important; }
}
@media screen and (min-width: 1367px){ .page-about #header-main-header { background-position: 29vw center !important; } }
@media screen and (min-width: 1600px){ .page-about #header-main-header { background-position: 29vw center !important; } }

.admin-bar #button-place-an-order {
    margin-top: 32px!important;
}

/* FORMIDABLE FORM */
#form_place-an-order > div > fieldset > div.frm_description {
    padding: 0 !important;
    margin-bottom: 30px;
}

.frm_style_formidable-style.with_frm_style div.frm_description,
.frm_required_field.frm_top_container > .frm_description {
    padding: 0 0px!important;
}

#field_time_label {
    height: 18px;
    line-height: 14px;
}

a.frm_add_form_row {
    margin-right: 10px;
}

#form_place-an-order .frm_form_title {
    font-family: 'Roboto';
    font-weight: 900;
    text-transform: uppercase;
}

#form_place-an-order .frm_form_title,
#form_place-an-order .frm_description p,
.repeater_fields_wrapper > h3 {
    margin-top: 0px!important;
    margin-bottom: 10px!important;
}

.frm_fields_container {
    padding: 0px;
}

.frm_style_formidable-style.with_frm_style .form-field {
    margin-bottom: 12px!important;
}


#frm_field_7_container {
    counter-reset: frm-counter;
    display: flex;
    flex-direction: column;
}

.frm_grid_container {
    display: flex!important;
    grid-gap: 0 20px!important;
    flex-wrap: wrap!important;
    flex-basis: 100%!important;
    border: 1px solid #bfc3c8;
    border-radius: 10px;
}


/* Increment the counter for each .frm_repeat_inline element */
.frm_repeat_inline {
    counter-increment: frm-counter;
    padding: 15px 15px 15px 45px;
    margin-bottom: 15px;
    position: relative;
}

/* Use the counter in the ::before pseudo-element */
.frm_repeat_inline::before {
    content: "ITEM " counter(frm-counter);
    font-weight: bold;
    position: absolute;
    left: 2px;
    top: calc(50% - 30px);
    writing-mode: vertical-lr;
    transform: scale(-1);
    color: grey;
    z-index: 2;
    word-spacing: 3px;
    letter-spacing: 1px;
}


.frm_repeat_inline::after {
    position: absolute;
    left: 0px;
    top: 0;
    height: 100%;
    border-right: 1px solid #bfc3c8;
    background-color: #eee;
    width: 25px;
    z-index: 0;
    border-radius: 10px 0 0 10px;
}

.with_frm_style .frm_button {
    padding-top: 2px;
    padding-bottom: 2px;
}
.with_frm_style .frm_primary_label {
    font-weight: 700!important;
}

.add_remove_item {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-direction: row;
    margin-top: 10px;
}

.add_remove_item > label.frm_primary_label {
    visibility: visible!important;
    order: 3;
}

.add_remove_item > label.frm_primary_label:after {
    content: 'Add or Remove Order Item';
    color: grey;
    margin-left: 10px;
    font-weight: 400;
}

.frm_html_container,
.frm_html_container p {
    margin-bottom: 0!important;
}

#form_place-an-order h6 {
    margin-bottom: 0;
}

.frm_style_formidable-style.with_frm_style .frm_submit button {
    border-width: 2px!important;
}

/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

/* Internet Explorer 10+ */
input[type="number"] {
    -ms-appearance: none;
}

/* General styles for fallback */
input[type="number"] {
    appearance: textfield;
}

a.frm_add_form_row:hover, 
a.frm_remove_form_row:hover {
    color: #438238 !important;
}
.with_frm_style .frm_form_field.frm_repeat_buttons .frm_add_form_row:hover svg.frm-svg-icon {
    fill: #438238!important;
}