/*
Theme Name: Avada Child
Description: Customized Avada theme for Florida Food Products
Author: Pavlo Tkachov @ QLC
Version: 1.0
Template: Avada
*/


:root {
    --color-primary: #18979f;
    --color-primary-dark: #168991;
    --color-secondary: #b39a53;
    --color-secondary-dark: #a68e4c;
    --color-text: #0c5149;
    --color-text-light: #148577;

    --color-blue: #9ad4e6;
    --color-blue-light: #c9e0e9;
    --color-green: #d2d885;
    --color-green-light: #e7e5bb;
    --color-gray: #e6e7e8;

    --border-radius: 20%;
}


.fusion-button-default-size .fusion-button-text { font-size: 1.25rem }
.fusion-button.button-small { font-size: 1rem }
.border-radius-tl { border-radius: var(--border-radius) 0 0 }
.border-radius-tr { border-radius: 0 var(--border-radius) 0 0 }

a:hover > .fusion-imageframe > img { opacity: .9 }

.lead-container {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
    background-color: var(--color-blue-light) !important;
}
.lead-container .fusion-text > p:last-child { margin-bottom: 0 }



/* Typography */
.heading-underlined > h3 {
    display: inline-block;
    padding-bottom: .5rem !important;
    border-bottom: 3px solid var(--color-secondary);
}
.serif-normal {
    font-family: Gelasio, Arial, Helvetica, sans-serif;
    font-weight: normal;
}

/** Heading as link
 *
 *  .heading-as-link is used for an Avada Title element that is a link.
 *   It preserves the default heading color and sets the right hover color.
 *  The style is also applied to the blog post titles on the archive page.
 */
.heading-as-link a, #main .post h2 a {
    color: var(--color-text) !important
}
.heading-as-link a:hover, #main .post h2 a:hover {
    color: var(--color-text-light) !important
}



/* Backgrounds and button colors */
.bg-leaf {
    background-image: url(../png/leaf-pattern.png);
    background-size: 1000px 675px;
    background-position: calc(50% + 500px) center !important;
}
.btn-primary, .bg-primary {
    background-color: var(--color-primary) !important;
}
.btn-secondary, .bg-secondary {
    background-color: var(--color-secondary) !important;
}
.btn-text, .bg-text {
    background-color: var(--color-text) !important;
}
.btn-secondary:hover { background-color: var(--color-secondary-dark) !important }
.btn-primary:hover { background-color: var(--color-primary-dark) !important }
.btn-text:hover { background-color: var(--color-text-light) !important }
.bg-blue { background-color: var(--color-blue) !important }
.bg-green { background-color: var(--color-green) !important }
.bg-gray { background-color: var(--color-gray) !important }



/* Header Logo & Menu */
.fusion-logo img, #footer-logo img {
    width: auto;
    max-height: 70px !important;
}
.fusion-mobile-menu-icons { margin-top: 14px !important }
@media (max-width: 1125px) {
    .fusion-header {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
    }
    .fusion-logo img { max-height: 50px !important }
}



/* Header Slider */
@media (max-width: 576px) {
    .slide-content .heading .title-heading-left {
        font-size: 2rem !important;
        line-height: 1.2 !important;
    }
    .slide-content .caption .title-heading-left {
        font-size: 1.25rem !important;
        font-weight: normal;
        line-height: 1.4 !important;
    }
}
.slide-content {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}
.slide-content .heading .title-heading-left {
    line-height: 1.1 !important;
    text-shadow: 0 0 2px #0c5149; /* Makes the headline to be more readable on a white background image */
}
.slide-content .caption {
    /* The Same top-margin as in the Learn More button */
    margin-top: 3.25%;
}
.slide-content .caption .title-heading-left { line-height: 1.3 !important }

/* Previous & Next buttons on the slider */
.fusion-slider-container .flex-direction-nav li a {
    background-color: transparent !important;
}



/* Page title */
.fusion-page-title-bar {
    padding: 0 1.5rem !important;
}
.fusion-page-title-wrapper {
    display: flex !important;
    align-self: flex-end;
}
.fusion-page-title-captions {
    --title-bar-height: 300px; /* Mobile height. Set in Avada Options */
    --title-font-size: 56px; /* 3.5rem */

    display: flex !important;
    width: auto !important;
    min-width: 250px;
    max-width: 300px;
    height: calc(var(--title-bar-height) - var(--title-font-size));
    align-items: center;
    justify-content: center;
    padding: 0 min(2.5rem, 6vw);
    background-color: var(--color-primary);
    border-radius: 0 var(--border-radius) 0 0;
}
@media (min-width: 1024px) {
    .fusion-page-title-captions {
        --title-bar-height: 360px; /* Desktop height. Set in Avada Options */

        min-width: 300px;
        max-width: 350px;
        align-self: flex-end;
    }
}



/* Sections */
.search #main, .error404 #main {
    padding-top: 3rem;
}

.section-spotlight, .section-spotlight-v2 {
    padding-top: clamp(2rem, 6vw, 5.5rem) !important;
    padding-bottom: clamp(2rem, 6vw, 5.5rem) !important;
}
.section-spotlight .fusion-title h2,
.section-spotlight .fusion-text {
    color: white !important;
}
.section-spotlight-v2 .fusion-title h2,
.section-spotlight-v2 .fusion-text {
    color: var(--color-text);
}

@media (max-width: 768px) {
    .promo-text-image .fusion-layout-column:last-of-type {
        order: -1;
        margin-bottom: 1rem;
    }
    .promo-image-text .fusion-layout-column:first-of-type {
        margin-bottom: 1rem;
    }
    .promo-3-col .fusion-layout-column {
        margin-bottom: 2rem !important;
    }
}
.promo-3-col .fusion-text > p,
.promo-3-col .fusion-text > ul {
    font-size: 90%
}
.promo-3-col .fusion-text > ul { padding-left: 1rem }
.promo-3-col .fusion-text > ul li:not(:first-child) { margin-top: 1rem }

.promo-column { margin-bottom: clamp(1rem, 3vw, 3rem) !important }
.person-thumbnail img { max-width: 260px }



/* Tables */
.table-1 table th {
    background-color: var(--color-blue) !important;
}
.table-1 tr:nth-child(odd) {
    background-color: var(--color-green);
}
.table-1 tr:nth-child(even) {
    background-color: var(--color-green-light) !important;
}

.table-1 tr td:not(:first-child),
.table-1 tr th:not(:first-child) {
    border-left: 0.15rem solid white;
}
.table-1 tr td:not(:last-child),
.table-1 tr th:not(:last-child) {
    border-right: 0.15rem solid white;
}

#table-vegcon thead tr:first-child th:first-child { font-size: 2.25rem }
#table-vegcon tbody tr td:first-child { font-weight: bold }

#table-vegcon tbody tr td:nth-child(4),
#table-vegcon tbody tr td:nth-child(5),
#table-vegcon tbody tr td:nth-child(6) {
    text-align: center;
}



/* Logos list
   The class should be applied to the Avada column
*/
.logos-list .fusion-column-wrapper > div {
    width: 50%;
}
.logos-list img {
    width: auto;
    max-height: 90px;
    margin: .5rem 0;
}



/* Timeline */
.timeline .fusion-layout-column:nth-child(4n+3) {
    margin-bottom: 1.25rem !important;
}
@media (min-width: 768px) {
    .timeline .fusion-layout-column { margin-bottom: 2.5rem !important }
}

.timeline-year {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 3.5rem;
    line-height: 1.2;
    color: var(--color-blue);
}
.timeline-description { margin-top: .5rem }

.timeline-year > p:last-child,
.timeline-description > p:last-child {
    margin-bottom: 0;
}



/* Footer */
.fusion-footer { background-color: var(--color-gray) }

#footer-menu .sub-menu { display: none !important }
#footer-menu > ul {
    display: block;
    columns: 2;
    /* Because the element should can't be "block" together with "columns" */
    padding-top: 1rem;
}
#footer-menu > ul > .menu-item > a { color: var(--color-text) !important }
#footer-menu > ul > .menu-item > a:hover { color: var(--color-text-light) !important }
#footer-menu > ul > .menu-item > a .menu-text {
    /* Open Sans is the font for headings and header menu */
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: bold;
}

@media (min-width: 576px) {
    #footer-menu > ul { columns: 3 }
    #footer-menu > ul > .menu-item > a { justify-content: left }
    #footer-menu > ul > .menu-item > a .menu-text { text-align: left }
}



/* Footer Utility */
#footer-utility-section > .fusion-row { border-top: 2px solid var(--color-secondary) }
.copyright {
    font-size: .9rem;
    padding-bottom: 0 !important;
}
.copyright, .copyright a { color: var(--color-text) }
.copyright a:hover { text-decoration: underline }

.fusion-footer .fusion-social-links { text-align: center }
@media (min-width: 576px) {
    .fusion-footer .fusion-social-links { text-align: right }
}



/* Forms */
.form-row { overflow: hidden }

.column-half, .column-full {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.column-half {
    float: left;
    width: 100%;
}
@media (min-width: 768px) {
    .column-half { width: 50% }
    .column-half, .column-full { padding: .5rem }
}

.wpcf7 input:not([type="submit"]), .wpcf7 textarea, .wpcf7 select {
    border: thin solid var(--color-text) !important;
}
.wpcf7 input[type="submit"] {
    font-size: inherit !important
}

.wpcf7-not-valid-tip, .wpcf7-validation-errors, .wpcf7-mail-sent-ok {
    font-size: 70% !important;
}
.wpcf7-mail-sent-ok {
    text-align: center;
    background: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: white !important;
}
/* fix for bad Avada/WPCF7 integration affecting loading gif and error section */
.wpcf7-form.init .alert-dismissable {
    display: none;
}
.wpcf7-form.sent .fusion-slider-loading {
    display: none !important;
}


#popmake-6667:active, #popmake-6667:focus{
	outline:none;
	border: 0;
}

/* Disables links on the Portfolio Avada element, which is currently used for Applications on the Protection page */
.fusion-rollover .fusion-link-wrapper, .fusion-rollover-title { pointer-events: none; }

.beverage-popup {
    background: white;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    margin: 0 auto;
    max-width: 800px;
}
.beverage-popup-logos {
    margin: 0 auto;
    position: relative;
    text-align: center;
    z-index: 9999;
}
.pum-container.pum-responsive img.popup-ablogo, .pum-container.pum-responsive img.popup-ffplogo {
    display: block;
    margin: 0 auto 1em auto;
}
@media (min-width: 800px) {
    .beverage-popup-logos {
        height: 160px;
    }
    .pum-container img.popup-ablogo {
        position: absolute;
        top: 20px;
        left: 20px;
    }
    .pum-container img.popup-ffplogo {
        position: absolute;
        top: 20px;
        right: 20px;
    }
}
.popup-beverage {
    position: absolute;
    top: 50px;
    left: -181px;
    width: 400px;
}
.beverage-popup-content {
    position: relative;
    z-index: 9999;
    margin-left: 150px;
}
.beverage-popup-content h2 {
    color: #005149;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
}
.beverage-popup-content p {
    color: #005149;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 300;
    margin-top: 0;
}
.beverage-popup-content button {
    background: #B79A45;
    border: 0;
    
    box-shadow: none;
    border-radius: 0px;
    font-size: 20px;
    color: white;
    padding: 12px 20px;
    margin-bottom: 20px;
}

@media (max-width: 450px) {
    .popup-beverage {
        display: none;
    }
    .beverage-popup-content {
        margin-left: 20px;
    }
}



/* Meat Application Solutions Tool */
.mym-window{
    background-size: 1500px;
}

.mast h3, .mast h4, .mast h5, .mast p{
	color:#0c5149 !important;
}
.mast h3, .mast h4, .mast h5, .mast .small{
	text-align:center;
}
.mast h3{
	padding-bottom:10px;
}
.mast h4{
	margin-bottom:10px;
	font-size:85% !important;
}
.mast h5{
	margin-bottom:0;
}
.mast .small{
	padding-top:0;
	font-size:80%;
	margin-bottom:0;
	max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.results h4, .results p{
    color:var(--h4_typography-color) !important;
}
.resultCopy p {
	font-size:80%;
}
.learnMore p{
	text-align:center;
	margin-bottom:10px !important;
}
.learnMore sup, .resultCopy sup{
	font-size:50%;
}
.learnMore{
margin-top: 50px;
    margin-bottom: 50px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.learnMore img{
	display:block;
    border-radius: 0 var(--border-radius) 0 0;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	max-height:200px;
}
.learnMore .vegStableProduct{
	margin:20px auto;
}
#requestConsultation{
    display:block;
/*     max-width: 248px; */
	margin-top:50px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 25px;
}
#mastNext1, #mastNext2{
	float:right !important;
	font-size:inherit;
	position:absolute;
/* 	bottom:80px; */
	right:25px;
}
#mastBack2, #mastBack3, #mastBack4{
	font-size:inherit;
	position:absolute;
/* 	bottom:80px; */
	left:25px;
}
#mastBack4{
	bottom:35px !important;
}
#step4{
	margin-bottom:50px;
}
.mast {
    /*background: linear-gradient(0deg, rgba(5, 28, 32, 0.2), rgba(5, 28, 32, 0.2)), url(https://floridafood.com/wp-content/uploads/2023/01/MYM-Background.png);*/
	color:#0c5149 !important;
	padding: 50px 10px;
	margin: 70px auto;
}
.mst.options .mst.option { 
	color:#0c5149 !important;
	width: 80%;
	margin-left:50px;
	margin-top:10px;
	margin-bottom:10px;
}
#vegStable, #vegStablePlus, #vegStableFresh, #vegStableSecure{
	padding:15px;
	margin-top:20px;
	float:unset !important; 
	margin-left:auto; 
	margin-right:auto;
	display:none;
	max-width:300px
}
#vegStable p, #vegStablePlus p, #vegStableFresh p, #vegStableSecure p{
	margin-bottom:0;
}
#sampleReg, #samplePlus, #sampleFresh, #sampleSecure{
	display: block;
/*     max-width: 151px; */
    margin: 20px auto 10px;
	padding-left:10px;
	padding-right:10px;
}
.results img{
	display:block;
	max-width:200px;
	margin: 0 auto;
}
.resultFrame{
	padding:25px;
	background-color:#FFF;
	border: 2px solid #b39a53;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    border-top-left-radius: 75px;
    border-bottom-right-radius: 75px;
}
.resultCopy{
	position:inline-block;
}
.resultCopy ul{
	margin:0 auto 8px auto;
}
.requestedSampleLabel{
	margin-top:30px !important;
	margin-bottom:10px !important;
}
#sendSampleRequest{
	display:block;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
}
#sendConsultationRequest{
	display:block;
	margin-top:30px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}
#tryAgain{
	display:block;
	margin-left:auto;
	margin-right:auto;
	font-size:14px;
	background-color: #0c5149!important
}
.mastFormFrame{
	margin-top: 30px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
	max-width:275px
}
.mastFormFrame div .wpcf7-spinner{
	position: absolute;
    bottom: 25px;
}
#step1Content{
	min-height:300px;
	display:flex;
	align-items:center;
	justify-content:center;
}
#step2Content{
	margin-bottom:35px;
}
#step1Content input[type="radio" i], #step2Content input[type="radio" i]{
	margin-bottom:7px !important;
	transform: scale(1.5) !important; 
	accent-color: var(--button_gradient_top_color);;
}

#step4 input[type="checkbox" i]{
	margin-bottom:15px !important;
    margin-top:15px !important;
	transform: scale(1.5) !important; 
	accent-color: var(--button_gradient_top_color);;
}
.mastLearnMoreButton{
	font-size:inherit !important;
	width:100%;
}
.mastSubmitButton{
	font-size:inherit !important;
	line-height:1.5rem !important;
}
#tryAgain{
	font-size:inherit !important;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.mst.options .mst.option{
/* 		padding-left:100px */
		width:54%;
		margin-left:auto; 
		margin-right:auto;
	}	
	#mastBack2, #mastBack3, #mastBack4{
		margin-right:25px;
	}
	.mastFormFrame{
		max-width:320px
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.mast {
 		border-top-left-radius: 100px;
		padding:50px
	}
	.mst.options {
		display:flex;
		flex-wrap:wrap;
		margin-bottom:50px;
		margin-left:auto;
		margin-right:auto;
		max-width:611px;
	}
	#step2Content{
		min-height:475px;
	}
	#step2Content .mst.options {
		max-width:750px;
		position:absolute;
		left:175px;
	}
	#step1Content .mst.options .mst.option { 
		width:34%;
/* 		padding-left:79px */
	}
	#step2Content .mst.options .mst.option { 
	    width: 45%;
/*         padding-left: 33px; */
	}
	#mastNext1, #mastNext2{
		position:absolute;
		right:0;
		margin-top:35px;
		margin-right:100px;
		bottom:45px;
	}
	#mastBack2, #mastBack3, #mastBack4{
		margin-top:35px;
		margin-left:75px;
		bottom:45px;
	}
	.mastFormFrame{
		max-width:575px
	}
	.resultFrame{
		height:100%;
		display:flex;
		flex-direction:column;
		justify-content:space-between;
	}
	#step2Content{
		margin-bottom:0;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.mast{
	    border-top-left-radius: 100px;
		margin: 90px auto;
	}
	#step1Content .mst.options .mst.option { 
		width:35%;
		margin-right:0;
/* 		padding-left:82px; */
	}
    #step2Content .mst.options .mst.option { 
	    width: 45%;
/*         padding-left: 33px; */
	}
	#step2Content .mst.options {
		left:200px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#mastNext1, #mastNext2{
		margin-right:75x;
	}
	#step1Content .mst.options .mst.option { 
		width:38%;
/* 		padding-left:70px; */
	}
	#step2Conent.mst.options .mst.option { 
		width:38%;
/* 		padding-left:70px; */
	}
	#step2Content .mst.options {
		left:230px;
	}
}

/* Extra Extra large devices (large desktops, 1500px and up) */
@media (min-width: 1500px) {
	.mym-window{
		background-size: 100vw;
	}
}