/*
 Theme Name:     ADPF - MVP Website
 Theme URI:      https://milkvaluemonitor.com.au
 Description:    ADPF - MVM Child Theme for Divi
 Author:         Stefan @ Webxactly
 Author URI:     https://webxactly.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* --- Theme customization starts here --- */

/* Extend Default Column Widths */
.container, .et_pb_row { width: 94%; }
.et_pb_module.et_pb_post_content .et_pb_row_0 { width: 100%; }

/* Mobile Menu Show/Hide */
#headerPrimaryMenu .et_mobile_menu li ul.hide { display: none !important; }
#mobile_menu2 .menu-item-has-children { position: relative; }
#mobile_menu2 .menu-item-has-children > a { background: transparent; }
#mobile_menu2 .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}
span.menu-closed:before {
    content: "\4c";
    display: block;
    color: inherit;
    font-size: 16px;
    font-family: ETmodules;
}
span.menu-closed.menu-open:before { content: "\4d"; }

/* Miscellaneous Layout Stuff */
.farmgateMilkValueNotes ol { list-style-position: outside; margin-left: 20px; }
.sidebarContact .fas { margin-right: 6px; }
.et_pb_menu__logo img { width: auto!important; }

/* In Page Menu */
.inPageLinks ul { list-style-type: none; padding: 0; }
.inPageLinks ul li:last-child { padding-right: 0; }
@media (min-width: 768px) { .inPageLinks ul li { display: inline-block; padding-right: 8px; } }
@media (min-width: 1024px) { .inPageLinks ul li { padding-right: 30px; } }
@media (min-width: 1280px) { .inPageLinks ul li { padding-right: 40px; } }

/* Blog Layouts */
.et_pb_post { margin-bottom: 20px; }
.far.fa-newspaper { float: right; }

/* HighCharts Customisation */
#loadjavascript { display: none; }
div.highcharts-container { background: url("/wp-content/uploads/2020/09/chart_watermark.png") no-repeat center / 150px; }
rect.highcharts-background { fill: transparent; }
select { width: 100%; border-radius: 5px; padding: 5px; }
.highcharts-loading { opacity: 0.75!important; }
.highcharts-loading-inner { top: 35%!important; }
.et_pb_row_4 .highcharts-loading-inner { top: 45%!important; }
.et_pb_row_4 .highcharts-loading { opacity: 0.85!important; }
.highcharts-title, .highcharts-axis-labels, .highcharts-legend-item, .highcharts-label { font-family: 'Nunito', Helvetica, Arial, Lucida, sans-serif; }
.highcharts-title { font-size: 20px!important; }
#filterOptions label { font-size: 16px; }
#productOptions label, #regionOptions label, #spotChanges label { font-size: 14px; font-weight: 700; }
#productOptions select.product, #regionOptions select.region, #spotChanges select.change { display: inline; width: auto; margin-left: 6px; }
.et_pb_column .et_pb_module.et_pb_code { margin-bottom: 0; }
#productOptions .et_pb_module.et_pb_code, #regionOptions .et_pb_module.et_pb_code, #spotChanges .et_pb_module.et_pb_code { margin-bottom: 20px; }

/* Custom Header Menu */
#headerSubMenu .et_mobile_nav_menu { display:none; }
#headerSubMenu .et_pb_menu__menu { display: block; }
#headerSubMenu .et_pb_menu__search-input { background: #FFFFFF; padding: 0 6px; }
#headerSubMenu .fas { margin-right: 6px; }
#headerSubMenu .et_pb_menu__search-button { padding-left: 11px; }
@media (max-width: 1024px) { 
	#headerPrimaryMenu ul#menu-primary li { padding-left: 0; padding-right: 15px; }
	#headerPrimaryMenu ul#menu-primary li a { font-size: 15px; }
}

/* Desktop Sub-Menu Widths & Positioning */
#menu-primary li.milk-prices li a { width: 330px; }
#menu-primary li.milk-prices ul.sub-menu { width: 370px; }
#menu-primary li.aus-market li a { width: 250px; }
#menu-primary li.aus-market ul.sub-menu { width: 290px; }
#menu-primary li.resources li a { width: 310px; }
#menu-primary li.resources ul.sub-menu { width: 330px; }
#menu-primary li.global-market li a { width: 280px; }
#menu-primary li.global-market ul.sub-menu { width: 320px; }
#headerPrimaryMenu .et_pb_menu .et_pb_menu__menu > nav > ul#menu-primary > li.resources > ul { left: -200px; }

/* Blog Article Icons */
.page-blog .et_pb_post, .page-market-updates .et_pb_post { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #424656; }
.page-blog .et_pb_post a.more-link, .page-market-updates .et_pb_post a.more-link { clear: none; margin-top: 10px; }
.page-blog .et_pb_post a.entry-featured-image-url,
.page-market-updates .et_pb_post a.entry-featured-image-url { width: 46px; float: left; margin-right: 10px; margin-bottom: 0px; }

/* Content Alignment */
.flexCenter { display: flex; align-items: center; flex-wrap: wrap; }
.fa-angle-right { margin-left: 10px; }

/* What If Calculator */
table#whatif tr th, table#whatif tr td { padding: 9px; }
table#whatif, table#whatif td { border: 0px; }
table#whatif tr { border-top: 1px solid #eee; }
table#whatif tr:first-child { border-top: 0px; }
table#whatif input#base, table#whatif input#cmv, table#whatif input#change  { font-size: 18px; border: 0px; padding: 0; display: inline; width: 75px; }
table#whatif input#cmv, table#whatif input#change { font-weight: 700; }
table#whatif .titles { font-weight: 700; }
table#whatif th.first { width: 40% }
table#whatif th.second { width: 30% }
table#whatif th.third, table#whatif th.fourth { width: 15% }
table#whatif th.fourth, table#whatif td.fourth, table#whatif td.fourth input { text-align: right; }
table#whatif td.sectionintro { padding-top: 30px; }
table#whatif input#change.negative { color: #FF0000; }
table#whatif input#change.positive { color: #008000; }
table#whatif button#reset { padding: 12px; font-weight: 700; text-transform: uppercase; border-radius: 6px; cursor: pointer; border: 1px solid #000; }
table#whatif button#reset:hover { background-color: #000; color: #FFF; }
table#whatif button#reset .fas { margin-right: 6px; }
table#whatif div#cmvLoader, table#whatif div#changeLoader  { text-align: center; }
table#whatif input#change, table#whatif input#cmv, table#whatif input#base { display: none; }

/* Contract Features */
div.contractFeaturesWrapper { overflow-x: auto; margin-left: 130px; }
table#contractFeatures { border: 0; }
table#contractFeatures tr td { border-top: 1px solid #f0f0f0; }
table#contractFeatures th.company, table#contractFeatures td.company { width: 130px; position: absolute; left: 0; }
table#contractFeatures td.company { background-color: #f7f7f7; padding-left: 6px; }
table#contractFeatures th.company > div { position: absolute; bottom: 0; width: 100%; background-color: #f7f7f7; padding-left: 6px; }
table#contractFeatures th, table#contractFeatures td { font-size: 14px; padding: 0px; }
table#contractFeatures td.company, table#contractFeatures td.pricing, table#contractFeatures td.differentiation { white-space: nowrap; text-align: left; }
table#contractFeatures th.wideHeader { vertical-align: bottom; height: 180px; }
table#contractFeatures th.verticalHeader.spacer { width: 10px; }
table#contractFeatures th.verticalHeader { height: 180px; white-space: nowrap; }
table#contractFeatures th.verticalHeader > div { transform: translate(2px, 65px) rotate(270deg); width: 30px; }
table#contractFeatures th.verticalHeader.region > div {transform: translate(22px, 65px) rotate(270deg); width: 30px; }
table#contractFeatures td { text-align: center; border-right: 1px solid #f0f0f0; }
table#contractFeatures td:first-child, table#contractFeatures td:last-child { border-right: 0; }
table#contractFeatures td.yes { color: #008000; font-size: 24px; }
table#contractFeatures td.sortof { color: #CCFFCC; font-size: 24px; }
table#contractFeatures td.differentiation, table#contractFeatures th.differentiation, table#contractFeatures td.region, table#contractFeatures th.region { padding-left: 6px; padding-right: 6px; }
table#contractFeatures .fa-external-link-alt { font-size: 10px; vertical-align: text-top; margin-top: 5px; margin-left: 6px; }
@media (min-width: 980px) { .scrollForMore { display: none; } table#contractFeatures td.company, table#contractFeatures th.company > div { background-color: transparent; } table#contractFeatures td:first-child { border-right: 1px solid #f0f0f0; } }
@media (min-width: 1100px) { table#contractFeatures th.verticalHeader > div { transform: translate(5px, 65px) rotate(270deg); width: 30px; }
table#contractFeatures th.verticalHeader.region > div {transform: translate(30px, 65px) rotate(270deg); width: 30px; } }

/* Food Sales Trends */
div.FoodSalesTrendsWrapper { overflow-x: auto; margin-left: 120px; }
table#FoodSalesTrends { border-collapse:separate; border-spacing: 0 10px; }
table#FoodSalesTrends, table#FoodSalesTrends th, table#FoodSalesTrends td { padding: 5px; font-size: 14px; text-align: center; font-weight: 700; border: 0; }
table#FoodSalesTrends th { border: 0; padding: 5px 5px 0 5px; text-align: center; white-space: nowrap; width: 20%; vertical-align: bottom; }
table#FoodSalesTrends th:first-child, table#FoodSalesTrends td:first-child { white-space: nowrap; padding: 5px; width: 160px; position: absolute; left: 0; text-align: left; border: 0; }
table#FoodSalesTrends td { border-left: 1px solid #000; border-top: 1px solid #000; border-bottom: 1px solid #000; }
table#FoodSalesTrends td:last-child { border-right: 1px solid #000;; }
table#FoodSalesTrends td.positive { color: #008000; background-color: rgba(0, 128, 0, 0.1); }
table#FoodSalesTrends td.negative { color: #FF0000; background-color: rgba(255, 0, 0, 0.1); }

/* Footer */
#GlobalFooter .fwidget h4.title { padding-bottom: 20px; }
#GlobalFooter .et_pb_widget li a:hover { color: #E5F0FF; }
#GlobalFooter .fas { margin-right: 6px; }

/* Fix Ignored Link Colours */
#et_search_icon:hover, .mobile_menu_bar:before, .mobile_menu_bar:after, .et-social-icon a:hover, .comment-reply-link, .form-submit .et_pb_button, .entry-summary p.price ins, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price, .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button.alt.disabled:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .wp-pagenavi span.current, .wp-pagenavi a:hover, .et_password_protected_form .et_submit_button, .nav-single a, .posted_in a, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a, .footer-widget h4 {
    color: #064b90;
}

/* HappyForms */
#mvpContactForm .happyforms-flex { margin: 0!important; padding-bottom: 0!important; }
#mvpContactForm .happyforms-flex .happyforms-form__part { padding: 5px 0!important; border-radius: 3px!important; }
#mvpContactForm .happyforms-flex .happyforms-form__part input { border-radius: 3px!important; }
#mvpContactForm .happyforms-flex .happyforms-form__part input.happyforms-submit { border-radius: 0!important; text-transform: uppercase; padding-right: 45px!important; }
#mvpContactForm .happyforms-flex .happyforms-form__part.happyforms-part--submit:after { content: "\f105"; font-family: "Font Awesome 5 Pro"!important; color: #FFFFFF; z-index: 1; position: absolute; left: 160px; }
#mvpContactForm .happyforms-flex .happyforms-form__part.happyforms-part--width-half:nth-child(even) { padding-right: 1%!important; }