/* Theme Name: Enfold Child Description: A Child Theme for the Enfold WordPress Theme. Version 1.5 was implemented 9 Jul 2020. This version adds content toggle to the pricing page. Version: 1.5 Author: Carl Gross Author URI: https://staging1.feedxl.com Template: enfold */ /*Add your own styles here:*/ /* ADDING CUSTOM FONTS */ @font-face { font-family: HalisR Black; src: url('fonts/HalisR-Black.otf'); } @font-face { font-family: HalisR Bold; src: url('fonts/HalisR-Bold.otf'); } @font-face { font-family: HalisR Medium; src: url('fonts/HalisR-Medium.otf'); } @font-face { font-family: HalisR Regular; src: url('fonts/HalisR-Regular.otf'); } @font-face { font-family: HalisR Light; src: url('fonts/HalisR-Light.otf'); } /* Plans Styles */ .price-button-w, .price-button-b { float: left; border: 1px solid; border-color: #000000 !important; } .price-button-b { border-color: #616161 !important; background-color: #BDBDBD !important; } .price-button-w .avia-button .avia_button_icon { color: #2a954b; } .price-button-b .avia-button .avia_button_icon { color: #BDBDBD; } .price-table h2.numHorsesHeading { width: 50%; /* text-align: right; */ text-align: left; float: left; line-height: 1.2em !important; } .priceCalculatorWrapper { float: none; width: 50%; } .priceCalculator { width: 130px; margin: 0 auto; padding-top: 17px; } .minus, .plus { float: left; } .numHorses { font-size: 43px; float: left; padding-top: 4px; text-align: center; width: 70px; color: #0067b0; font-weight: bold; } .horseAdjustWrapper { padding-top: 30px; } .price-table.premium-table .nutrient-analysis ul li, .price-table-grey .nutrient-analysis ul li { list-style-image: url(/wp-content/uploads/2017/10/blue_tick.png); } .price-table .nutrient-analysis ul li, .advisor-table .nutrient-analysis ul li { list-style-image: url(/wp-content/uploads/2017/10/tick-1.png); } .price-table .nutrient-analysis ul li.not-included { list-style-image: url(/wp-content/uploads/2017/10/cross.png); text-decoration: line-through; } .price-table-grey a { cursor: default; } .gray-color { color: #616161 !important; } /* Plan title weight (supports h2 migration, keeps h1 fallback). */ #fxl-price-table .price-table-standard h1, #fxl-price-table .price-table-standard h2, #fxl-price-table .premium-table h1, #fxl-price-table .premium-table h2, #fxl-price-table .advisor-table h1, #fxl-price-table .advisor-table h2 { font-size: 38px !important; line-height: 1.1em !important; font-weight: 700 !important; } /* Change font size of "First horse free" text */ .av_textblock_section .avia_textblock .price.free-font-size { font-size: 35px !important; /* Adjust the font size as needed */ } @media (max-width: 1360px) { .priceCalculatorWrapper, .price-table h2.numHorsesHeading { width: 100%; text-align: center; } } /* ipad styles */ @media (max-width: 1360px) and (min-width: 767px) { .basic, .premium, .standard, .advisor { /* padding: 20px 0px !important; */ padding: 20px 15px !important; } .basic h1, .basic h2, .premium h1, .premium h2, .standard h1, .standard h2, .advisor h1, .advisor h2 { font-size: 30px !important; } .nutrient-analysis { padding-left:10px; } .nutrient-analysis ul { padding-left: 2px !important; } .numHorses { font-size: 35px; width: 50px; } .priceCalculator{ width: 110px; } h3.price { font-size: 40px !important; } .basic h4, .basic h4 strong, .premium h4, .premium h4 strong, .standard h4, .standard h4 strong, .advisor h4, .advisor h4 strong{ font-size: 20px !important; /* text-align: center; */ } .basic h4, .premium h4, .standard h4, .advisor h4{ /* padding: 10px 20px; */ /* min-height: 140px; */ } .basic-table, .premium-table, .standard-table, .advisor-table { padding-left: 15px !important; padding-right: 15px !important; } .logo { max-width: 129px; margin-top: 21px; } .header-scrolled .logo { margin-top: 0px; } .price-table h2.numHorsesHeading { line-height: 1.2em !important; } } @media (max-width: 767px) { .plans-text h2 { text-align: center; } .price-button-wrapper { width: 202px !important; margin: 0 auto 20px !important; padding-top: 0px !important } .price-table h2.numHorsesHeading { line-height: 1.2em !important; } .numHorses { width: 100px; } .priceCalculator { width: 160px; } } /* Begin style rules for currency suffixes on pricing page. */ .fxl-price .price:after { font-size: 12px; padding-left:5px; } .cad:after { content: "CAD"; } .usd:after { content: " USD"; } .nzd:after { content: "NZD"; } .aud:after { content: "AUD"; } .gbp:after { content: "GBP"; } .eur:after { content: "EUR"; } /* End style rules for currency suffixes on pricing page. */ /* Style 'trial' paragraph on pricing page. */ .fxl-pp-trial { margin-top: 0; } @media (min-width: 990px) { .fxl-pp-trial { padding-left: 150px; padding-right: 150px; } } /* Ensure masonry grid captions on Testimonials page are responsive. */ @media (min-width: 1500px) { #top #wrap_all .testimonial-page-large figure > figcaption h3 { font-size: 41px; } } @media (max-width: 1499px) and (min-width: 1100px) { #top #wrap_all .testimonial-page-large figure > figcaption h3 { font-size: 30px; } } /* Ensure testimonial thumbnails have top padding on mobile. */ @media only screen and (max-width: 767px) { #top .avia-image-container { margin-top: 20px; } } /* Hide dates on Knowledge Hub page. */ #art .news-time { display:none; } /* Begin edits to pricing page for 'new prices' task. */ /* Begin edits to override custom CSS in theme options. After prices are live, remove these rules, and directly edit custom CSS in child themee. */ .price-table h4:not(.fxl-pap-high) { color: #0067b0 !important; } /* End edits to override custom CSS in theme options. After prices are live, remove these rules, and directly edit custom CSS in child themee. */ /* Ensure title directly below price has sufficient top padding. */ .fxl-price h4 { padding-top: 30px; } /* This class exists on Plans & Pricing page, to style certain text. */ .fxl-pap-high { color: #008F47 !important; } /* Ensure h4 text on Pricing page, in disabled columns, is styled properly. */ .price-table-grey h4 { color: #b9b9b9 !important; } /* Begin accordion style. */ /* Remove top/bottom padding on accordion. */ .price-table .toggler { padding-top: 0; padding-bottom: 0; } /* Adjust top/bottom margin on accordion. */ .price-table .togglecontainer { margin-top: 0; margin-bottom: 30px; } /* Remove the outline on the accordion (when selected) and style font. */ .price-table .togglecontainer .single_toggle .toggler { outline-width: 0px; font-style: italic; font-size: 0.9rem; color: #008F47 !important; } /* Ensure accordion in price table has no background color. */ #top .main_color .price-table .av-minimal-toggle .toggler, .main_color .price-table .toggle_content { background-color: initial; } /* Ensure the + icon next to the accordion has correct color. */ .price-table .toggler .vert_icon, .price-table .toggler .hor_icon { color: #008F47 !important; } /* Ensure disabled accordion text/icons are grey. */ .price-table-grey .togglecontainer .single_toggle .toggler { color: #b9b9b9 !important; } .price-table-grey .toggler .vert_icon, .price-table-grey .toggler .hor_icon { border-color: #b9b9b9 !important; } /* End accordion style/ */ /* Ensure h4 on pricing page are remain aligned at lower screen width. */ @media (max-width: 1360px) and (min-width: 767px) { .nutrient-analysis h4 { text-align: inherit; min-height: inherit; } } /* Ensure section is clamped at 4 lines. */ /* Ensure accordions do not indent text. */ .main_color .toggle_content { padding-left: 0; padding-right: 0; } @media (max-width: 989px) and (min-width: 767px) { /* Ensure titles are responsive. */ .basic h1, .basic h2, .premium h1, .premium h2, .standard h1, .standard h2, .advisor h1, .advisor h2 { font-size: 20px !important; } /* Ensure buttons are responsive. */ .price-table .avia-button-wrap > a { min-width: initial; } } /* Ensure available column width expands appropriately at lower screen widths.*/ @media (max-width: 1600px) and (min-width: 1361px) { .basic, .premium, .standard, .advisor { /* 1.875 is a magic number in this case. It was selected because at screen width 1600 px, a left/right padding of 30 px was suitable. */ padding: 20px 1.875vw !important; } } /* End edits to pricing page for 'new prices' task. */ /* Begin edits to content toggle on pricing page.*/ .fxl-hide { display: none; } #fxl-price-table .flex_column.av_one_full.flex_column_div.first.el_after_av_one_full.avia-builder-el-last > section:last-of-type { margin-bottom: 20px; } .myToggle ~ section { margin-top: 20px; } /* New pricing plan 2 CSS */ .pricing-feature-grid-container { padding: 0 75px 0 75px; } .is-yearly .standard-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]), .is-yearly .premium-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]), .is-yearly .advisor-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) { display: flex; flex-direction: column; } .is-yearly .standard-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .price, .is-yearly .premium-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .price, .is-yearly .advisor-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .price { order: 2; font-size: 26px !important; position: relative; display: inline-block; width: auto; margin: 0 auto !important; padding-left: 35px; padding-right: 80px; box-sizing: border-box; } /* .is-yearly .advisor-table .bt-show-variation .price { position: relative; width: fit-content; margin: auto; } */ .is-yearly .standard-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .price::after, .is-yearly .premium-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .price::after, .is-yearly .advisor-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .price::after { font-size: 12px; padding-left: 5px; position: absolute; left: 0; top: -3px; font-weight: 400; } /* .is-yearly .advisor-table .bt-show-variation .price::after { position: absolute; font-size: 12px; left: -36px; top: 20px; font-weight: 400; } */ .is-yearly .standard-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .price::before, .is-yearly .premium-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .price::before, .is-yearly .advisor-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .price::before { content: "PER ANNUM"; position: absolute; right: 0; bottom: -4px; font-size: 12px; font-weight: 400; } .is-yearly .standard-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .fxl-dur-txt, .is-yearly .premium-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .fxl-dur-txt, .is-yearly .advisor-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .fxl-dur-txt { order: 1; } .is-yearly .standard-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .fxl-pap-high.fxl-pp-yw.duration-mm, .is-yearly .premium-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .fxl-pap-high.fxl-pp-yw.duration-mm, .is-yearly .advisor-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .fxl-pap-high.fxl-pp-yw.duration-mm { order: 3; } .is-yearly .standard-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .avia-button-wrap.avia-button-center, .is-yearly .premium-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .avia-button-wrap.avia-button-center, .is-yearly .advisor-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .avia-button-wrap.avia-button-center { order: 4; } .is-yearly .standard-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .hr-custom:last-of-type, .is-yearly .premium-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .hr-custom:last-of-type, .is-yearly .advisor-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .hr-custom:last-of-type { order: 5; margin-top: 24px !important; } .is-yearly .standard-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) br:last-child, .is-yearly .standard-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) br:first-child, .is-yearly .premium-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) br:last-child, .is-yearly .premium-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) br:first-child, .is-yearly .advisor-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) br:last-child, .is-yearly .advisor-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) br:first-child { display: none; } .is-yearly .standard-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .fxl-annual-billing .yearly-price, .is-yearly .premium-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .fxl-annual-billing .yearly-price, .is-yearly .advisor-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .fxl-annual-billing .yearly-price { line-height: 1.1; font-size: 50px !important; display: block; position: relative; width: fit-content; margin: auto; padding-left: 0; } .is-yearly .standard-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .fxl-annual-billing .yearly-price .yearly-currency-code, .is-yearly .premium-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .fxl-annual-billing .yearly-price .yearly-currency-code, .is-yearly .advisor-table :is([class*="ab-var-{revised-annual}"],[class*="ab-var-revised-annual"],[bt-variation="{revised-annual}"],[bt-variation="revised-annual"],[data-bt-variation="{revised-annual}"],[data-bt-variation="revised-annual"]) .fxl-annual-billing .yearly-price .yearly-currency-code { position: absolute; right: 100%; top: 10px; margin-right: 8px; font-size: 12px; font-weight: 400; line-height: 1; white-space: nowrap; } #top.mtp-8345 .duration { line-height: 1.5; } #fxl-price-table .fxl-price .price.cad-curr:before, #fxl-price-table .fxl-price .price.usd-curr:before, #fxl-price-table .fxl-price .price.nzd-curr:before, #fxl-price-table .fxl-price .price.aud-curr:before, #fxl-price-table .fxl-price .price.gbp-curr:before, #fxl-price-table .fxl-price .price.eur-curr:before, #fxl-price-table .fxl-price .yearly-price.cad-curr:before, #fxl-price-table .fxl-price .yearly-price.usd-curr:before, #fxl-price-table .fxl-price .yearly-price.nzd-curr:before, #fxl-price-table .fxl-price .yearly-price.aud-curr:before, #fxl-price-table .fxl-price .yearly-price.gbp-curr:before, #fxl-price-table .fxl-price .yearly-price.eur-curr:before { font-size: 12px !important; position: absolute; left: -32px; top: 9px; font-weight: 400; } #fxl-price-table .fxl-price .price.cad-curr:before, #fxl-price-table .fxl-price .yearly-price.cad-curr:before { content: "CAD"; } #fxl-price-table .fxl-price .price.usd-curr:before, #fxl-price-table .fxl-price .yearly-price.usd-curr:before { content: " USD"; } #fxl-price-table .fxl-price .price.nzd-curr:before, #fxl-price-table .fxl-price .yearly-price.nzd-curr:before { content: "NZD"; } #fxl-price-table .fxl-price .price.aud-curr:before, #fxl-price-table .fxl-price .yearly-price.aud-curr:before { content: "AUD"; } #fxl-price-table .fxl-price .price.gbp-curr:before, #fxl-price-table .fxl-price .yearly-price.gbp-curr:before { content: "GBP"; } #fxl-price-table .fxl-price .price.eur-curr:before, #fxl-price-table .fxl-price .yearly-price.eur-curr:before { content: "EUR"; } .fxl-force-hide { min-height: 0 !important; display: none !important; } .fxl-duration-primary { text-align: center !important; margin-bottom: -25px !important; } .fxl-duration-secondary { margin-top: 0 !important; text-align: center !important; } /* Full-page revised variant fallback selectors (no inner AB wrappers). */ #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price, #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price { display: flex; flex-direction: column; } #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price .price, #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price .price, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price .price, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price .price, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price .price, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price .price { order: 2; font-size: 26px !important; position: relative; display: inline-block; width: auto; margin: 0 auto !important; padding-left: 35px; padding-right: 80px; box-sizing: border-box; } #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price .price::after, #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price .price::after, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price .price::after, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price .price::after, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price .price::after, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price .price::after { font-size: 12px; padding-left: 5px; position: absolute; left: 0; top: -3px; font-weight: 400; } #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price .price::before, #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price .price::before, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price .price::before, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price .price::before, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price .price::before, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price .price::before { content: "PER ANNUM"; position: absolute; right: 0; bottom: -4px; font-size: 12px; font-weight: 400; } #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price .fxl-dur-txt, #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price .fxl-dur-txt, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price .fxl-dur-txt, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price .fxl-dur-txt, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price .fxl-dur-txt, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price .fxl-dur-txt { order: 1; } #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price .fxl-pap-high.fxl-pp-yw.duration-mm, #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price .fxl-pap-high.fxl-pp-yw.duration-mm, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price .fxl-pap-high.fxl-pp-yw.duration-mm, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price .fxl-pap-high.fxl-pp-yw.duration-mm, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price .fxl-pap-high.fxl-pp-yw.duration-mm, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price .fxl-pap-high.fxl-pp-yw.duration-mm { order: 3; } #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price .avia-button-wrap.avia-button-center, #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price .avia-button-wrap.avia-button-center, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price .avia-button-wrap.avia-button-center, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price .avia-button-wrap.avia-button-center, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price .avia-button-wrap.avia-button-center, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price .avia-button-wrap.avia-button-center { order: 4; } #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price .hr-custom:last-of-type, #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price .hr-custom:last-of-type, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price .hr-custom:last-of-type, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price .hr-custom:last-of-type, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price .hr-custom:last-of-type, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price .hr-custom:last-of-type { order: 5; margin-top: 24px !important; } #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price br:last-child, #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price br:last-child, #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price br:first-child, #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price br:first-child, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price br:last-child, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price br:last-child, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price br:first-child, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price br:first-child, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price br:last-child, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price br:last-child, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price br:first-child, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price br:first-child { display: none; } #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price .fxl-annual-billing .yearly-price, #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price .fxl-annual-billing .yearly-price, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price .fxl-annual-billing .yearly-price, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price .fxl-annual-billing .yearly-price, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price .fxl-annual-billing .yearly-price, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price .fxl-annual-billing .yearly-price { line-height: 1.1; font-size: 50px !important; display: block; position: relative; width: fit-content; margin: auto; padding-left: 0; } #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price .fxl-annual-billing .yearly-price .yearly-currency-code, #fxl-price-table.pricing-revised.is-yearly .standard-table .fxl-price .fxl-annual-billing .yearly-price .yearly-currency-code, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price .fxl-annual-billing .yearly-price .yearly-currency-code, #fxl-price-table.pricing-revised.is-yearly .premium-table .fxl-price .fxl-annual-billing .yearly-price .yearly-currency-code, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price .fxl-annual-billing .yearly-price .yearly-currency-code, #fxl-price-table.pricing-revised.is-yearly .advisor-table .fxl-price .fxl-annual-billing .yearly-price .yearly-currency-code { position: absolute; right: 100%; top: 10px; margin-right: 8px; font-size: 12px; font-weight: 400; line-height: 1; white-space: nowrap; } /* Avoid dependence on page-specific microthemer class. */ #fxl-price-table .duration { line-height: 1.5; } /* Yearly main price block should use primary dark text and uppercase label. */ #fxl-price-table.is-yearly .fxl-price .fxl-dur-txt .fxl-annual-billing, #fxl-price-table.is-yearly .fxl-price .fxl-dur-txt .fxl-annual-billing .yearly-price, #fxl-price-table.is-yearly .fxl-price .fxl-dur-txt .fxl-annual-billing .yearly-currency-code { color: #000 !important; } #fxl-price-table.is-yearly .fxl-price .fxl-dur-txt .fxl-annual-billing { text-transform: uppercase; } /* Billing toggle fallback for revised page: ensure same visual styling as original. */ #month-button, #year-button, .month, .year { border: 1px solid #000 !important; box-sizing: border-box; overflow: hidden; } /* Keep a single divider line between buttons. */ #year-button, .year { margin-left: -1px; } /* Ensure label/icon colors match active/inactive states even if template styles differ. */ #fxl-price-table.is-monthly .month .avia_iconbox_title, #fxl-price-table.is-monthly .month .avia_button_icon { color: #0067b0 !important; } #fxl-price-table.is-monthly .year .avia_iconbox_title, #fxl-price-table.is-monthly .year .avia_button_icon { color: #f1f1f1 !important; } #fxl-price-table.is-yearly .year .avia_iconbox_title, #fxl-price-table.is-yearly .year .avia_button_icon { color: #0067b0 !important; } #fxl-price-table.is-yearly .month .avia_iconbox_title, #fxl-price-table.is-yearly .month .avia_button_icon { color: #f1f1f1 !important; } /* Deterministic billing-toggle state styles for revised/original pages. */ #fxl-price-table.is-monthly #month-button, #fxl-price-table.is-yearly #year-button { background-color: #ffffff !important; } #fxl-price-table.is-monthly #year-button, #fxl-price-table.is-yearly #month-button { background-color: #bdbdbd !important; } #fxl-price-table.is-monthly #month-button .avia_iconbox_title, #fxl-price-table.is-yearly #year-button .avia_iconbox_title { color: #0067b0 !important; } #fxl-price-table.is-monthly #year-button .avia_iconbox_title, #fxl-price-table.is-yearly #month-button .avia_iconbox_title { color: #f1f1f1 !important; } #fxl-price-table.is-monthly #month-button .avia_button_icon, #fxl-price-table.is-yearly #year-button .avia_button_icon { color: #2a954b !important; } #fxl-price-table.is-monthly #year-button .avia_button_icon, #fxl-price-table.is-yearly #month-button .avia_button_icon { color: #bdbdbd !important; } /* Normalize billing-toggle geometry across templates (Enfold can override inner .avia-button styles). */ #month-button, #year-button { width: 210px; min-height: 62px; border-radius: 4px !important; } #month-button .avia-button, #year-button .avia-button { display: flex !important; align-items: center; justify-content: center; width: 100% !important; min-height: 62px; margin: 0 !important; padding: 0 18px !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; line-height: 1 !important; } #year-button .avia_button_icon { margin-right: 0 !important; } /* Revised-page alignment parity with original page. */ #fxl-price-table.pricing-revised .flex_cell_inner > #month-button, #fxl-price-table.pricing-revised .flex_cell_inner > #year-button { width: 50% !important; display: inline-grid !important; float: left !important; } #fxl-price-table.pricing-revised .flex_cell_inner > #month-button .avia-button, #fxl-price-table.pricing-revised .flex_cell_inner > #year-button .avia-button { min-height: 60px !important; padding-top: 17px !important; padding-bottom: 17px !important; } #fxl-price-table.pricing-revised #horsecount { display: grid !important; grid-template-columns: 1fr !important; grid-template-rows: auto auto !important; } #fxl-price-table.pricing-revised #horsecount > :first-child { justify-self: center !important; } #fxl-price-table.pricing-revised #horsecount .horseAdjustWrapper { padding-top: 0 !important; } #fxl-price-table.pricing-revised #horsecount .priceCalculatorWrapper { width: 190px !important; display: flex !important; margin: 0 auto !important; float: none !important; } #fxl-price-table.pricing-revised #horsecount .priceCalculator { width: 100% !important; display: flex !important; justify-content: center !important; padding-top: 0 !important; border: 1.5px solid #000 !important; border-radius: 5px !important; } #fxl-price-table.pricing-revised #horsecount .minus, #fxl-price-table.pricing-revised #horsecount .plus { width: 30% !important; padding: 15px 10px 8px 10px !important; } #fxl-price-table.pricing-revised #horsecount .minus { border-right: 1.5px solid #000 !important; } #fxl-price-table.pricing-revised #horsecount .plus { border-left: 1.5px solid #000 !important; } #fxl-price-table.pricing-revised #horsecount .numHorses { width: 40% !important; font-size: 35px !important; padding-top: 15px !important; padding-bottom: 15px !important; float: none !important; } /* Revised page: copy original top-controls layout behavior from old page-specific rules. */ #av-layout-grid-1 .av-6v452b-a78d963e94dbfbe5e07811d2252c266f, #av-layout-grid-1 .av-8w8dv7-7c6988cab373855b3ead95ea1055636a { padding-left: 65px !important; padding-right: 65px !important; } #av-layout-grid-1 .av-8w8dv7-7c6988cab373855b3ead95ea1055636a .flex_cell_inner { max-width: 450px !important; margin-left: auto !important; margin-right: auto !important; } #av-layout-grid-1 .av-8w8dv7-7c6988cab373855b3ead95ea1055636a .flex_cell_inner > .avia-button-wrap { width: 50% !important; display: inline-grid !important; float: left !important; } #month-button, #year-button { width: auto !important; min-height: auto !important; } #month-button .avia-button, #year-button .avia-button { min-width: 0 !important; min-height: 0 !important; padding-top: 17px !important; padding-bottom: 17px !important; border-radius: 0 !important; } #horsecount { display: grid !important; grid-template-columns: 1fr !important; grid-template-rows: auto auto !important; } #horsecount > :nth-child(1) { grid-column: 1 / 2 !important; justify-self: center !important; } #horsecount .avia_textblock { width: 190px !important; padding: 0 !important; border: 1.5px solid #000 !important; border-radius: 5px !important; } #horsecount .horseAdjustWrapper { padding-top: 0 !important; } #horsecount .priceCalculatorWrapper { width: 190px !important; display: flex !important; float: none !important; margin: 0 auto !important; } #horsecount .priceCalculator { width: 100% !important; padding-top: 0 !important; display: flex !important; justify-content: center !important; } #horsecount .minus, #horsecount .plus { width: 30% !important; padding: 15px 10px 8px 10px !important; } #horsecount .minus { border-right: 1.5px solid #000 !important; } #horsecount .plus { border-left: 1.5px solid #000 !important; } #horsecount .numHorses { font-size: 35px !important; width: 40% !important; padding-top: 15px !important; padding-bottom: 15px !important; float: none !important; } @media (max-width: 1199.98px) { #av-layout-grid-1 .av-6v452b-a78d963e94dbfbe5e07811d2252c266f, #av-layout-grid-1 .av-8w8dv7-7c6988cab373855b3ead95ea1055636a { padding-left: 35px !important; padding-right: 35px !important; } } @media (max-width: 979.98px) { #av-layout-grid-1 .av-6v452b-a78d963e94dbfbe5e07811d2252c266f, #av-layout-grid-1 .av-8w8dv7-7c6988cab373855b3ead95ea1055636a { padding-left: 75px !important; padding-right: 75px !important; } } #av-layout-grid-1 #horsecount { margin-top: 0 !important; } #av-layout-grid-1 .av-2ew6gj-d5255934a1ec9fdc16467cfec6684c10 p { padding-top: 15px !important; margin-top: 0 !important; } /* Consolidated revised-page pricing stack styles (single source of truth). */ #fxl-price-table.pricing-revised .fxl-price h3.price, #fxl-price-table.pricing-revised .fxl-price h3.price { margin-top: 0 !important; margin-bottom: 0 !important; } #fxl-price-table.pricing-revised .fxl-price h5.fxl-dur-txt, #fxl-price-table.pricing-revised .fxl-price h5.fxl-dur-txt { margin-top: 0 !important; margin-bottom: 0 !important; padding-bottom: 10px !important; line-height: 1.5 !important; text-align: center !important; } #fxl-price-table.pricing-revised .fxl-price h5.fxl-dur-txt .fxl-annual-billing, #fxl-price-table.pricing-revised .fxl-price h5.fxl-dur-txt .fxl-annual-billing { margin: 0 !important; padding: 0 !important; line-height: inherit !important; } #fxl-price-table.pricing-revised .fxl-price h5.fxl-dur-txt .duration, #fxl-price-table.pricing-revised .fxl-price h5.fxl-dur-txt .duration { margin: 0 !important; padding: 0 !important; line-height: inherit !important; } #fxl-price-table.pricing-revised .fxl-price .fxl-pap-high, #fxl-price-table.pricing-revised .fxl-price .duration-mm, #fxl-price-table.pricing-revised .fxl-price .duration-yy, #fxl-price-table.pricing-revised .fxl-price .fxl-pap-high, #fxl-price-table.pricing-revised .fxl-price .duration-mm, #fxl-price-table.pricing-revised .fxl-price .duration-yy { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 15px !important; padding-bottom: 10px !important; } /* Yearly text color hierarchy for revised page. */ #fxl-price-table.pricing-revised.is-yearly .fxl-price .fxl-dur-txt .fxl-annual-billing, #fxl-price-table.pricing-revised.is-yearly .fxl-price .fxl-dur-txt .fxl-annual-billing { color: #000 !important; /* PER MONTH */ text-transform: uppercase; } #fxl-price-table.pricing-revised.is-yearly .fxl-price .fxl-dur-txt .duration, #fxl-price-table.pricing-revised.is-yearly .fxl-price .fxl-dur-txt .duration { color: #b5afa8 !important; /* BILLED YEARLY */ } #fxl-price-table.pricing-revised.is-yearly .fxl-price .fxl-dur-txt .fxl-annual-billing .yearly-price, #fxl-price-table.pricing-revised.is-yearly .fxl-price .fxl-dur-txt .fxl-annual-billing .yearly-currency-code, #fxl-price-table.pricing-revised.is-yearly .fxl-price .fxl-dur-txt .fxl-annual-billing .yearly-price, #fxl-price-table.pricing-revised.is-yearly .fxl-price .fxl-dur-txt .fxl-annual-billing .yearly-currency-code { color: #000 !important; } /* Monthly parity: BILLED MONTHLY grey and tighter price-to-label spacing. */ #fxl-price-table.pricing-revised.is-monthly .fxl-price h3.price, #fxl-price-table.pricing-revised.is-monthly .fxl-price h3.price { margin-bottom: -20px !important; } #fxl-price-table.pricing-revised.is-monthly .fxl-price .fxl-dur-txt .duration, #fxl-price-table.pricing-revised.is-monthly .fxl-price .fxl-dur-txt .duration { color: #b5afa8 !important; } /* Revised monthly: use yearly-style left-anchored currency code with centered price block. */ #fxl-price-table.pricing-revised.is-monthly .fxl-price h3.price, #fxl-price-table.pricing-revised.is-monthly .fxl-price h3.price { position: relative !important; display: block !important; width: fit-content !important; margin-left: auto !important; margin-right: auto !important; } #fxl-price-table.pricing-revised.is-monthly .fxl-price h3.price::after, #fxl-price-table.pricing-revised.is-monthly .fxl-price h3.price::after { position: absolute !important; right: 100% !important; top: 60px !important; margin-right: 8px !important; padding-left: 0 !important; font-size: 12px !important; line-height: 1 !important; font-weight: 400 !important; } /* Mobile pricing layout overrides (original + revised). */ @media (max-width: 767px) { #fxl-price-table .standard-table .standard > .av_textblock_section:first-of-type .avia_textblock, #fxl-price-table .premium-table .premium > .av_textblock_section:first-of-type .avia_textblock, #fxl-price-table .advisor-table .advisor > .av_textblock_section:first-of-type .avia_textblock { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } #fxl-price-table .price-table-standard h1, #fxl-price-table .price-table-standard h2, #fxl-price-table .premium-table h1, #fxl-price-table .premium-table h2, #fxl-price-table .advisor-table h1, #fxl-price-table .advisor-table h2 { font-size: 28px !important; line-height: 1.15 !important; text-align: center !important; white-space: normal !important; overflow-wrap: anywhere; word-break: normal; margin-left: auto !important; margin-right: auto !important; } #fxl-price-table .flex_column.av_one_full { padding-left: 25px !important; padding-right: 25px !important; } #month-button .avia_iconbox_title, #year-button .avia_iconbox_title { font-size: 22px !important; } } /* Mobile hard override: keep GET STARTED text at 20px in pricing cards. */ @media (max-width: 767px) { #fxl-price-table .fxl-price .avia-button-wrap.avia-button-center .avia-button .avia_iconbox_title, #fxl-price-table .standard-table .fxl-price .avia-button .avia_iconbox_title, #fxl-price-table .premium-table .fxl-price .avia-button .avia_iconbox_title, #fxl-price-table .advisor-table .fxl-price .avia-button .avia_iconbox_title { font-size: 20px !important; line-height: 1.1 !important; } } /* Final billing-toggle label typography (all screens, both page variants). */ #month-button .avia-button .avia_iconbox_title, #year-button .avia-button .avia_iconbox_title { font-weight: 500 !important; } /* Final robust control-label sizing/spacing (independent of layout grid id). */ .plans-text2 h5, .plans-text2 .fxl-control-title { font-size: 20px !important; font-weight: 700 !important; line-height: 1.2em !important; margin: 0 !important; padding-bottom: 20px !important; } /* Fallback: apply label sizing/spacing at wrapper level if inner tag varies by page builder output. */ .plans-text2 { font-size: 20px !important; font-weight: 700 !important; line-height: 1.2em !important; margin: 0 !important; padding-bottom: 20px !important; } /* Match Number of Horses label width/alignment to increment control block. */ #av-layout-grid-1 .av_textblock_section .plans-text2.fxl-pp-count, #horsecount .avia_textblock.basic.price-table { width: 190px !important; margin-left: auto !important; margin-right: auto !important; }