From 9d4123cee1867ee7199b06bdc92d40611f547ecc Mon Sep 17 00:00:00 2001 From: Zach van Rijn Date: Wed, 21 Jul 2021 14:54:07 -0500 Subject: Initial unmodified import from Astra (Version: 3.6.5) @ /wp-content/themes/astra/. --- .../unminified/compatibility/bne-flyout-rtl.css | 7 + assets/css/unminified/compatibility/bne-flyout.css | 7 + .../compatibility/contact-form-7-main-rtl.css | 61 + .../compatibility/contact-form-7-main.css | 61 + .../compatibility/contact-form-7-rtl.css | 72 + .../unminified/compatibility/contact-form-7.css | 72 + .../unminified/compatibility/divi-builder-rtl.css | 7 + .../css/unminified/compatibility/divi-builder.css | 7 + .../css/unminified/compatibility/edd-grid-rtl.css | 1223 +++++ assets/css/unminified/compatibility/edd-grid.css | 1223 +++++ assets/css/unminified/compatibility/edd-rtl.css | 1353 ++++++ assets/css/unminified/compatibility/edd.css | 1353 ++++++ .../unminified/compatibility/gravity-forms-rtl.css | 43 + .../css/unminified/compatibility/gravity-forms.css | 43 + .../css/unminified/compatibility/learndash-rtl.css | 649 +++ assets/css/unminified/compatibility/learndash.css | 649 +++ .../compatibility/lifterlms-flex-rtl.css | 1085 +++++ .../unminified/compatibility/lifterlms-flex.css | 1085 +++++ .../css/unminified/compatibility/lifterlms-rtl.css | 1157 +++++ assets/css/unminified/compatibility/lifterlms.css | 1157 +++++ .../compatibility/page-builder/bb-plugin.css | 20 + .../compatibility/page-builder/vc-plugin.css | 52 + .../unminified/compatibility/site-origin-rtl.css | 18 + .../css/unminified/compatibility/site-origin.css | 18 + .../woocommerce/woocommerce-grid-rtl.css | 4570 ++++++++++++++++++ .../compatibility/woocommerce/woocommerce-grid.css | 4571 ++++++++++++++++++ .../woocommerce/woocommerce-layout-grid-rtl.css | 615 +++ .../woocommerce/woocommerce-layout-grid.css | 615 +++ .../woocommerce/woocommerce-layout-rtl.css | 695 +++ .../woocommerce/woocommerce-layout.css | 695 +++ .../compatibility/woocommerce/woocommerce-rtl.css | 4628 ++++++++++++++++++ .../woocommerce-smallscreen-grid-rtl.css | 273 ++ .../woocommerce/woocommerce-smallscreen-grid.css | 273 ++ .../woocommerce/woocommerce-smallscreen-rtl.css | 285 ++ .../woocommerce/woocommerce-smallscreen.css | 285 ++ .../compatibility/woocommerce/woocommerce.css | 4629 ++++++++++++++++++ assets/css/unminified/customizer-controls-rtl.css | 254 + assets/css/unminified/customizer-controls.css | 254 + assets/css/unminified/editor-style-rtl.css | 1962 ++++++++ assets/css/unminified/editor-style.css | 1962 ++++++++ assets/css/unminified/extend-customizer-rtl.css | 63 + assets/css/unminified/extend-customizer.css | 63 + assets/css/unminified/frontend-rtl.css | 3755 +++++++++++++++ assets/css/unminified/frontend.css | 3755 +++++++++++++++ assets/css/unminified/galleries-rtl.css | 81 + assets/css/unminified/galleries.css | 81 + assets/css/unminified/main-rtl.css | 3315 +++++++++++++ assets/css/unminified/main.css | 3315 +++++++++++++ assets/css/unminified/menu-animation-rtl.css | 90 + assets/css/unminified/menu-animation.css | 90 + assets/css/unminified/style-flex-rtl.css | 4054 ++++++++++++++++ assets/css/unminified/style-flex.css | 4054 ++++++++++++++++ assets/css/unminified/style-rtl.css | 5059 ++++++++++++++++++++ assets/css/unminified/style.css | 5059 ++++++++++++++++++++ 54 files changed, 70822 insertions(+) create mode 100644 assets/css/unminified/compatibility/bne-flyout-rtl.css create mode 100644 assets/css/unminified/compatibility/bne-flyout.css create mode 100644 assets/css/unminified/compatibility/contact-form-7-main-rtl.css create mode 100644 assets/css/unminified/compatibility/contact-form-7-main.css create mode 100644 assets/css/unminified/compatibility/contact-form-7-rtl.css create mode 100644 assets/css/unminified/compatibility/contact-form-7.css create mode 100644 assets/css/unminified/compatibility/divi-builder-rtl.css create mode 100644 assets/css/unminified/compatibility/divi-builder.css create mode 100644 assets/css/unminified/compatibility/edd-grid-rtl.css create mode 100644 assets/css/unminified/compatibility/edd-grid.css create mode 100644 assets/css/unminified/compatibility/edd-rtl.css create mode 100644 assets/css/unminified/compatibility/edd.css create mode 100644 assets/css/unminified/compatibility/gravity-forms-rtl.css create mode 100644 assets/css/unminified/compatibility/gravity-forms.css create mode 100644 assets/css/unminified/compatibility/learndash-rtl.css create mode 100644 assets/css/unminified/compatibility/learndash.css create mode 100644 assets/css/unminified/compatibility/lifterlms-flex-rtl.css create mode 100644 assets/css/unminified/compatibility/lifterlms-flex.css create mode 100644 assets/css/unminified/compatibility/lifterlms-rtl.css create mode 100644 assets/css/unminified/compatibility/lifterlms.css create mode 100644 assets/css/unminified/compatibility/page-builder/bb-plugin.css create mode 100644 assets/css/unminified/compatibility/page-builder/vc-plugin.css create mode 100644 assets/css/unminified/compatibility/site-origin-rtl.css create mode 100644 assets/css/unminified/compatibility/site-origin.css create mode 100644 assets/css/unminified/compatibility/woocommerce/woocommerce-grid-rtl.css create mode 100644 assets/css/unminified/compatibility/woocommerce/woocommerce-grid.css create mode 100644 assets/css/unminified/compatibility/woocommerce/woocommerce-layout-grid-rtl.css create mode 100644 assets/css/unminified/compatibility/woocommerce/woocommerce-layout-grid.css create mode 100644 assets/css/unminified/compatibility/woocommerce/woocommerce-layout-rtl.css create mode 100644 assets/css/unminified/compatibility/woocommerce/woocommerce-layout.css create mode 100644 assets/css/unminified/compatibility/woocommerce/woocommerce-rtl.css create mode 100644 assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-grid-rtl.css create mode 100644 assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-grid.css create mode 100644 assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-rtl.css create mode 100644 assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen.css create mode 100644 assets/css/unminified/compatibility/woocommerce/woocommerce.css create mode 100644 assets/css/unminified/customizer-controls-rtl.css create mode 100644 assets/css/unminified/customizer-controls.css create mode 100644 assets/css/unminified/editor-style-rtl.css create mode 100644 assets/css/unminified/editor-style.css create mode 100644 assets/css/unminified/extend-customizer-rtl.css create mode 100644 assets/css/unminified/extend-customizer.css create mode 100644 assets/css/unminified/frontend-rtl.css create mode 100644 assets/css/unminified/frontend.css create mode 100644 assets/css/unminified/galleries-rtl.css create mode 100644 assets/css/unminified/galleries.css create mode 100644 assets/css/unminified/main-rtl.css create mode 100644 assets/css/unminified/main.css create mode 100644 assets/css/unminified/menu-animation-rtl.css create mode 100644 assets/css/unminified/menu-animation.css create mode 100644 assets/css/unminified/style-flex-rtl.css create mode 100644 assets/css/unminified/style-flex.css create mode 100644 assets/css/unminified/style-rtl.css create mode 100644 assets/css/unminified/style.css (limited to 'assets/css/unminified') diff --git a/assets/css/unminified/compatibility/bne-flyout-rtl.css b/assets/css/unminified/compatibility/bne-flyout-rtl.css new file mode 100644 index 0000000..af6d0d5 --- /dev/null +++ b/assets/css/unminified/compatibility/bne-flyout-rtl.css @@ -0,0 +1,7 @@ +/* + * Astra Theme compatibility with BNR Flyout + */ +html.flyout-lock { + overflow-y: scroll !important; + width: auto; +} diff --git a/assets/css/unminified/compatibility/bne-flyout.css b/assets/css/unminified/compatibility/bne-flyout.css new file mode 100644 index 0000000..af6d0d5 --- /dev/null +++ b/assets/css/unminified/compatibility/bne-flyout.css @@ -0,0 +1,7 @@ +/* + * Astra Theme compatibility with BNR Flyout + */ +html.flyout-lock { + overflow-y: scroll !important; + width: auto; +} diff --git a/assets/css/unminified/compatibility/contact-form-7-main-rtl.css b/assets/css/unminified/compatibility/contact-form-7-main-rtl.css new file mode 100644 index 0000000..496592e --- /dev/null +++ b/assets/css/unminified/compatibility/contact-form-7-main-rtl.css @@ -0,0 +1,61 @@ +/** + * Astra Theme compatibility with Contact Form 7 + */ +.wpcf7 form { + position: relative; +} + +.wpcf7 form > p, +.wpcf7 form > div { + margin-bottom: 1.2em; +} + +.wpcf7 .wpcf7-form-control-wrap { + width: 100%; + display: block; +} + +.wpcf7 input:not([type="submit"]):focus, +.wpcf7 textarea:focus, +.wpcf7 select:focus { + border-color: #eaeaea; + outline: 0; +} + +.wpcf7 input:not([type="submit"]), .wpcf7 textarea, .wpcf7 select { + width: 100%; + padding: 0.75em; +} + +.wpcf7 input[type="file"] { + color: #666; + height: auto; + border-width: 1px; + border-style: solid; + border-color: #eaeaea; + border-radius: 2px; + background: #fafafa; + box-shadow: none; + box-sizing: border-box; + transition: all 0.2s linear; +} + +.wpcf7 input[type="radio"], +.wpcf7 input[type="checkbox"] { + display: inline-block; + background: #E9EEF2; + color: #555; + clear: none; + cursor: pointer; + line-height: 0; + height: 1.2em; + margin: -3px 0 0 4px; + outline: 0; + padding: 0; + border-radius: 0.2em; + text-align: center; + vertical-align: middle; + width: 1.4em; + min-width: 1.4em; + transition: all 0.2s linear; +} diff --git a/assets/css/unminified/compatibility/contact-form-7-main.css b/assets/css/unminified/compatibility/contact-form-7-main.css new file mode 100644 index 0000000..8e133a8 --- /dev/null +++ b/assets/css/unminified/compatibility/contact-form-7-main.css @@ -0,0 +1,61 @@ +/** + * Astra Theme compatibility with Contact Form 7 + */ +.wpcf7 form { + position: relative; +} + +.wpcf7 form > p, +.wpcf7 form > div { + margin-bottom: 1.2em; +} + +.wpcf7 .wpcf7-form-control-wrap { + width: 100%; + display: block; +} + +.wpcf7 input:not([type="submit"]):focus, +.wpcf7 textarea:focus, +.wpcf7 select:focus { + border-color: #eaeaea; + outline: 0; +} + +.wpcf7 input:not([type="submit"]), .wpcf7 textarea, .wpcf7 select { + width: 100%; + padding: 0.75em; +} + +.wpcf7 input[type="file"] { + color: #666; + height: auto; + border-width: 1px; + border-style: solid; + border-color: #eaeaea; + border-radius: 2px; + background: #fafafa; + box-shadow: none; + box-sizing: border-box; + transition: all 0.2s linear; +} + +.wpcf7 input[type="radio"], +.wpcf7 input[type="checkbox"] { + display: inline-block; + background: #E9EEF2; + color: #555; + clear: none; + cursor: pointer; + line-height: 0; + height: 1.2em; + margin: -3px 4px 0 0; + outline: 0; + padding: 0; + border-radius: 0.2em; + text-align: center; + vertical-align: middle; + width: 1.4em; + min-width: 1.4em; + transition: all 0.2s linear; +} diff --git a/assets/css/unminified/compatibility/contact-form-7-rtl.css b/assets/css/unminified/compatibility/contact-form-7-rtl.css new file mode 100644 index 0000000..414c801 --- /dev/null +++ b/assets/css/unminified/compatibility/contact-form-7-rtl.css @@ -0,0 +1,72 @@ +/** + * Astra Theme compatibility with Contact Form 7 + */ +.wpcf7 { + /* Button */ + /* Validation Fix */ +} + +.wpcf7 form { + position: relative; +} + +.wpcf7 form > p, +.wpcf7 form > div { + margin-bottom: 1.2em; +} + +.wpcf7 .wpcf7-form-control-wrap { + width: 100%; + display: block; +} + +.wpcf7 input:not([type="submit"]):focus, +.wpcf7 textarea:focus, +.wpcf7 select:focus { + background: #fff; + border-color: #eaeaea; + outline: 0; + box-shadow: none; +} + +.wpcf7 input:not([type="submit"]), .wpcf7 textarea, .wpcf7 select { + width: 100%; + padding: 0.75em; +} + +.wpcf7 input[type="file"] { + color: #666; + height: auto; + border-width: 1px; + border-style: solid; + border-color: #eaeaea; + border-radius: 2px; + background: #fafafa; + box-shadow: none; + box-sizing: border-box; + transition: all 0.2s linear; +} + +.wpcf7 input[type="radio"], +.wpcf7 input[type="checkbox"] { + display: inline-block; + background: #E9EEF2; + color: #555; + clear: none; + cursor: pointer; + line-height: 0; + height: 1.2em; + margin: -3px 0 0 4px; + outline: 0; + padding: 0; + border-radius: 0.2em; + text-align: center; + vertical-align: middle; + width: 1.4em; + min-width: 1.4em; + transition: all 0.2s linear; +} + +.wpcf7 .wpcf7-validation-errors { + border-color: #f00; +} diff --git a/assets/css/unminified/compatibility/contact-form-7.css b/assets/css/unminified/compatibility/contact-form-7.css new file mode 100644 index 0000000..0356f62 --- /dev/null +++ b/assets/css/unminified/compatibility/contact-form-7.css @@ -0,0 +1,72 @@ +/** + * Astra Theme compatibility with Contact Form 7 + */ +.wpcf7 { + /* Button */ + /* Validation Fix */ +} + +.wpcf7 form { + position: relative; +} + +.wpcf7 form > p, +.wpcf7 form > div { + margin-bottom: 1.2em; +} + +.wpcf7 .wpcf7-form-control-wrap { + width: 100%; + display: block; +} + +.wpcf7 input:not([type="submit"]):focus, +.wpcf7 textarea:focus, +.wpcf7 select:focus { + background: #fff; + border-color: #eaeaea; + outline: 0; + box-shadow: none; +} + +.wpcf7 input:not([type="submit"]), .wpcf7 textarea, .wpcf7 select { + width: 100%; + padding: 0.75em; +} + +.wpcf7 input[type="file"] { + color: #666; + height: auto; + border-width: 1px; + border-style: solid; + border-color: #eaeaea; + border-radius: 2px; + background: #fafafa; + box-shadow: none; + box-sizing: border-box; + transition: all 0.2s linear; +} + +.wpcf7 input[type="radio"], +.wpcf7 input[type="checkbox"] { + display: inline-block; + background: #E9EEF2; + color: #555; + clear: none; + cursor: pointer; + line-height: 0; + height: 1.2em; + margin: -3px 4px 0 0; + outline: 0; + padding: 0; + border-radius: 0.2em; + text-align: center; + vertical-align: middle; + width: 1.4em; + min-width: 1.4em; + transition: all 0.2s linear; +} + +.wpcf7 .wpcf7-validation-errors { + border-color: #f00; +} diff --git a/assets/css/unminified/compatibility/divi-builder-rtl.css b/assets/css/unminified/compatibility/divi-builder-rtl.css new file mode 100644 index 0000000..61d0974 --- /dev/null +++ b/assets/css/unminified/compatibility/divi-builder-rtl.css @@ -0,0 +1,7 @@ +/* + * Astra Theme compatibility Divi Builder + */ +.et_divi_builder #et_builder_outer_content .et_pb_video_box .ast-oembed-container, +.et_divi_builder #et_builder_outer_content .et_pb_video_box .ast-oembed-container > div { + position: initial; +} diff --git a/assets/css/unminified/compatibility/divi-builder.css b/assets/css/unminified/compatibility/divi-builder.css new file mode 100644 index 0000000..61d0974 --- /dev/null +++ b/assets/css/unminified/compatibility/divi-builder.css @@ -0,0 +1,7 @@ +/* + * Astra Theme compatibility Divi Builder + */ +.et_divi_builder #et_builder_outer_content .et_pb_video_box .ast-oembed-container, +.et_divi_builder #et_builder_outer_content .et_pb_video_box .ast-oembed-container > div { + position: initial; +} diff --git a/assets/css/unminified/compatibility/edd-grid-rtl.css b/assets/css/unminified/compatibility/edd-grid-rtl.css new file mode 100644 index 0000000..2b41c3c --- /dev/null +++ b/assets/css/unminified/compatibility/edd-grid-rtl.css @@ -0,0 +1,1223 @@ +@charset "UTF-8"; +/** + * edd.scss + * Governs the general look and feel of Easy Digital Downloads sections of stores using themes that do not + * integrate with Easy Digital Downloads specifically. + */ +/** + * Astra Theme compatibility with Easy Digital Downloads + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.ast-edd-container { + display: grid; +} + +.ast-separate-container .ast-edd-container { + background-color: #fff; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-edd-container { + padding: 3.34em 2.4em; + } +} + +@media (max-width: 992px) { + .ast-separate-container .ast-edd-container { + padding: 1.5em 2.14em; + } +} + +@media (max-width: 544px) { + .ast-separate-container .ast-edd-container { + padding: .54em 1em 1.33333em; + } +} + +/* Edd Archive Products grid layout */ +.ast-edd-archive-article, +.ast-page-builder-template .ast-edd-archive-article { + padding: 0; + margin: 0 0 2.992em 20px; +} + +.columns-2 .ast-edd-container { + grid-template-columns: repeat(2, 1fr); +} + +.columns-3 .ast-edd-container { + grid-template-columns: repeat(3, 1fr); +} + +.columns-4 .ast-edd-container { + grid-template-columns: repeat(4, 1fr); +} + +.columns-5 .ast-edd-container { + grid-template-columns: repeat(5, 1fr); +} + +.columns-6 .ast-edd-container { + grid-template-columns: repeat(6, 1fr); +} + +/* Edd Single and Checkout commom Download product */ +.single-download .entry-header { + margin-bottom: 1em; +} + +.single-download .edd_download_purchase_form .edd_price_options li { + justify-content: flex-start; +} + +.single-download .edd_download_purchase_form .edd_purchase_submit_wrapper { + margin: 20px auto 0; +} + +.single-download .edd-item-quantity, +.edd-checkout .edd-item-quantity { + padding: .5em .5em; +} + +/* Edd Archive products strucutre */ +.ast-edd-archive-article { + text-align: center; +} + +.ast-edd-archive-block-wrap .edd_download_image img, +.edd_downloads_list .edd_download_image img { + margin-bottom: .8em; +} + +.ast-edd-archive-block-wrap .edd_download_title, +.edd_downloads_list .edd_download_title { + margin-bottom: .5em; + padding: 0; + font-size: 1em; +} + +.ast-edd-archive-block-wrap .edd_price, +.ast-edd-archive-block-wrap .edd_price_options, +.edd_downloads_list .edd_price, +.edd_downloads_list .edd_price_options { + line-height: 1.3; + margin-bottom: 0; + font-weight: 700; + margin-bottom: .5em; + font-size: .9rem; +} + +.ast-edd-archive-block-wrap .edd-add-to-cart, +.ast-edd-archive-block-wrap .edd_go_to_checkout, +.ast-edd-archive-block-wrap .ast-edd-variable-btn, +.edd_downloads_list .edd-add-to-cart, +.edd_downloads_list .edd_go_to_checkout, +.edd_downloads_list .ast-edd-variable-btn { + margin-top: .5em; + margin-bottom: .5em; + white-space: normal; + line-height: 1.3; + display: inline-block; +} + +.ast-edd-archive-block-wrap .edd_download_excerpt p, +.edd_downloads_list .edd_download_excerpt p { + margin-bottom: .5em; +} + +.ast-edd-archive-block-wrap .edd_download_quantity_wrapper .edd-item-quantity, +.edd_downloads_list .edd_download_quantity_wrapper .edd-item-quantity { + padding: .5em .5em; + max-width: 60px; +} + +.ast-edd-archive-block-wrap .edd_download_quantity_wrapper + .edd_purchase_submit_wrapper, +.edd_downloads_list .edd_download_quantity_wrapper + .edd_purchase_submit_wrapper { + margin-top: 0; +} + +.ast-edd-download-categories { + font-size: .85em; + margin-bottom: .5em; + display: block; + line-height: 1.3; + opacity: .6; +} + +/* EDD Purchase form */ +.edd_download_purchase_form .edd_purchase_submit_wrapper { + margin: 10px auto 0; +} + +/* EDD Shortcodes */ +.edd_downloads_list { + display: grid; +} + +.edd_downloads_list .edd_download { + margin: 0 0 2.992em 20px; + text-align: center; +} + +.edd_downloads_list.edd_download_columns_1 .edd_download { + margin-left: 0; +} + +.edd_downloads_list.edd_download_columns_2 { + grid-template-columns: repeat(2, 1fr); +} + +.edd_downloads_list.edd_download_columns_3 { + grid-template-columns: repeat(3, 1fr); +} + +.edd_downloads_list.edd_download_columns_4 { + grid-template-columns: repeat(4, 1fr); +} + +.edd_downloads_list.edd_download_columns_5 { + grid-template-columns: repeat(5, 1fr); +} + +.edd_downloads_list.edd_download_columns_6 { + grid-template-columns: repeat(6, 1fr); +} + +/* EDD Pagination */ +.edd_pagination { + -js-display: flex; + display: flex; + text-align: center; + white-space: nowrap; + border: 0; + margin: 1px; +} + +.edd_pagination a, +.edd_pagination span { + margin: 0 0 5px 5px; + border: 1px solid #d3ced2; + text-decoration: none; + line-height: 1; + font-size: 1em; + font-weight: normal; + padding: 0.75em; + min-width: 2.5em; +} + +/* =Ajax Add To Cart Button +-------------------------------------------------------------- */ +.edd_purchase_submit_wrapper { + position: relative; +} + +.edd_purchase_submit_wrapper a.edd-add-to-cart { + text-decoration: none; + display: none; + position: relative; + overflow: hidden; + line-height: 1.3; +} + +.edd_purchase_submit_wrapper a.edd-add-to-cart.edd-has-js { + display: inline-block; +} + +.edd_purchase_submit_wrapper .edd-cart-ajax { + display: none; + position: relative; + right: -35px; +} + +.edd-submit.button.edd-ajax-loading { + padding-left: 30px; +} + +.edd-add-to-cart .edd-add-to-cart-label { + opacity: 1; + filter: alpha(opacity=100); +} + +.edd-loading { + border-radius: 50%; + display: block; + width: 1.5em; + height: 1.5em; + animation: edd-spinning 1.1s infinite linear; + border-top: 0.2em solid rgba(255, 255, 255, 0.2); + border-left: 0.2em solid rgba(255, 255, 255, 0.2); + border-bottom: 0.2em solid rgba(255, 255, 255, 0.2); + border-right: 0.2em solid #fff; + font-size: 0.75em; + position: absolute; + right: calc(50% - 0.75em); + top: calc(50% - 0.75em); + opacity: 0; + filter: alpha(opacity=0); + transform: translateZ(0); +} + +.edd-loading:after { + border-radius: 50%; + display: block; + width: 1.5em; + height: 1.5em; +} + +a.edd-add-to-cart.white .edd-loading, .edd-discount-loader.edd-loading { + border-top-color: rgba(0, 0, 0, 0.2); + border-left-color: rgba(0, 0, 0, 0.2); + border-bottom-color: rgba(0, 0, 0, 0.2); + border-right-color: #000; +} + +.edd-loading-ajax.edd-loading { + border-top-color: rgba(0, 0, 0, 0.2); + border-left-color: rgba(0, 0, 0, 0.2); + border-bottom-color: rgba(0, 0, 0, 0.2); + border-right-color: #000; + display: inline-block; + position: relative; + top: 0; + right: 0.25em; + vertical-align: middle; +} + +#edd_checkout_form_wrap .edd-cart-adjustment .edd-apply-discount.edd-submit { + display: inline-block; +} + +.edd-discount-loader.edd-loading { + display: inline-block; + position: relative; + right: auto; + vertical-align: middle; + width: 1.25em; + height: 1.25em; +} + +.edd-loading-ajax.edd-loading { + opacity: 1; +} + +@keyframes edd-spinning { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(-360deg); + } +} + +a.edd-add-to-cart .edd-add-to-cart-label, .edd-loading { + transition: .1s opacity !important; +} + +.edd-add-to-cart[data-edd-loading] .edd-add-to-cart-label { + opacity: 0; + filter: alpha(opacity=0); +} + +.edd-add-to-cart[data-edd-loading] .edd-loading { + opacity: 1; + filter: alpha(opacity=100); +} + +.edd-discount-loader.edd-loading { + opacity: 1; + filter: alpha(opacity=100); +} + +.edd-cart-added-alert { + position: static; + display: inline-block; + font-size: 1em; +} + +.edd-cart-added-alert .edd-icon-check { + max-width: 18px; + vertical-align: bottom; +} + +/** + * Header Cart Icon with shopping cart. + */ +.ast-edd-site-header-cart { + position: relative; + list-style-type: none; + margin-right: 0; + padding-right: 0; + margin-bottom: 0; + order: 1; +} + +.ast-edd-site-header-cart:focus .widget_edd_cart_widget, .ast-edd-site-header-cart:hover .widget_edd_cart_widget { + left: 0; + right: auto; + opacity: 1; + visibility: visible; +} + +.ast-edd-site-header-cart .ast-edd-shopping-cart-icon { + display: initial; + vertical-align: middle; +} + +.ast-edd-site-header-cart .ast-edd-shopping-cart-icon:before { + content: "\e854"; + font-family: 'Astra'; + font-size: 18px; + font-size: 1.2857rem; +} + +.ast-edd-site-header-cart .ast-edd-site-header-cart-widget .widget_edd_cart_widget > ul { + text-align: right; + width: auto; + position: static; + right: auto; + top: auto; + border-top: 0; + max-height: 500px; + max-height: 50vh; + overflow-y: auto; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget { + background-color: #fff; + position: absolute; + top: 100%; + width: 280px; + padding-top: 1em; + padding-bottom: 1em; + z-index: 999999; + font-size: .875em; + right: -999em; + display: block; + line-height: 1.618; + box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.07); + transition: all 0.3s ease; + border: 2px solid #E6E6E6; + opacity: 0; + visibility: hidden; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item { + padding: .5em 1.5em .5em 2.6em; + /* remove the product from list */ +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item.focus { + animation: ast-hide-animate 1s linear; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .cart_item.empty { + border-bottom: 0; + padding-right: 1.5em; + padding-left: 1.5em; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-number-of-items { + margin-bottom: 0; + padding-right: 1.5em; + padding-left: 1.5em; + padding-bottom: 1em; + text-align: center; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget:before, .ast-edd-site-header-cart .widget_edd_cart_widget:after { + bottom: 100%; + right: auto; + left: 8px; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget:after { + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #fff; + border-width: 6px; + margin-right: -6px; + margin-bottom: -0.3px; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget:before { + border-color: rgba(230, 230, 230, 0); + border-bottom-color: #E6E6E6; + border-width: 9px; + margin-right: -5px; + left: 5px; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-meta { + padding: .5em 1.5em; + margin: 0; + text-align: center; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd_checkout { + padding: 1em 1.5em 0; + text-align: center; + margin-top: 0; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd_checkout a { + padding: 10px 40px; + width: 100%; + display: block; + font-weight: 700; + line-height: 1; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart { + left: 1.2em; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart:after { + font-weight: normal; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart:first-child:after { + padding-bottom: 0; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item:first-child .edd-remove-from-cart:after { + padding-bottom: 1px; +} + +/** + * Header Cart Icon with shopping cart for responsive devices. + */ +.ast-header-break-point .ast-edd-site-header-cart .widget_edd_cart_widget, +.ast-header-break-point .ast-edd-site-header-cart .ast-edd-header-cart-info-wrap { + display: none; +} + +@keyframes ast-hide-animate { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} + +.header-main-layout-3 .ast-edd-site-header-cart:focus .widget_edd_cart_widget, .header-main-layout-3 .ast-edd-site-header-cart:hover .widget_edd_cart_widget { + left: auto; + right: 0; +} + +.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget { + left: -999em; + right: auto; +} + +.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:before, .header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:after { + right: 8px; + left: auto; +} + +.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:after { + margin-right: -2px; +} + +/* Sidebar widget */ +.widget_edd_cart_widget { + /* Product list separator*/ + /* Product list title*/ + /* Product list price*/ + /* Product list remove link*/ +} + +.widget_edd_cart_widget .edd-cart-item { + border-bottom: 1px solid #e2e2e2; + padding: .5em 0 .5em 1.6em; + position: relative; +} + +.widget_edd_cart_widget .edd-cart-number-of-items { + margin-bottom: 0; + padding-bottom: .5em; + border-bottom: 1px solid #e2e2e2; + font-weight: 700; +} + +.widget_edd_cart_widget .edd-cart-item-separator { + display: none; +} + +.widget_edd_cart_widget .edd-cart-item-title { + display: block; + font-weight: normal; + margin: 0; +} + +.widget_edd_cart_widget .edd-cart-item-price { + float: right; +} + +.widget_edd_cart_widget .edd-remove-from-cart { + position: absolute; + visibility: hidden; + left: 0; + top: 50%; + transform: translateY(-50%); + -js-display: flex; + display: flex; + justify-content: center; + align-items: center; +} + +.widget_edd_cart_widget .edd-remove-from-cart:after { + content: '×'; + -js-display: flex; + display: flex; + justify-content: center; + align-items: center; + color: #ccc; + visibility: visible; + border: 1px solid #ccc; + border-radius: 50%; + font-weight: 700; + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size: 18px; + width: 24px; + height: 24px; + padding-bottom: 2px; + transition: all .2s linear; +} + +.widget_edd_cart_widget .edd-cart-meta { + border-bottom: 1px solid #e2e2e2; +} + +.widget_edd_cart_widget .edd_total { + padding: 0 0 5px; + font-weight: 700; +} + +.widget_edd_cart_widget .edd_checkout { + margin-top: 1em; + padding: 0; +} + +.widget_edd_cart_widget .edd_checkout a { + margin-left: 0; + margin-right: 0; + padding: 10px 40px; + display: inline-block; + line-height: 1; +} + +/* Site Header Cart Icon & Widget */ +.ast-edd-site-header-cart .widget_edd_cart_widget p.buttons, .ast-edd-site-header-cart .widget_edd_cart_widget p.total, .ast-edd-site-header-cart .widget_edd_cart_widget p.buttons, .ast-edd-site-header-cart .widget_edd_cart_widget p.total { + padding: 1em 1.5em; + margin: 0; + text-align: center; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .buttons .button { + display: block; + margin-left: 0; + width: 100%; + margin-right: 0; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .buttons .button.wc-forward { + display: block; + margin-left: 0; + width: 100%; + margin-right: 0; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .woocommerce-mini-cart__empty-message { + margin: 1.41575em; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .cart_list a { + font-weight: normal; + padding: 0; + border-width: 0; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .cart_list a.remove { + border-width: 1px; +} + +.ast-edd-site-header-cart-wrap .ast-edd-cart-menu-wrap { + display: inline-block; + line-height: 1; +} + +.ast-edd-site-header-cart-wrap .count { + font-weight: bold; + position: relative; + display: inline-block; + vertical-align: middle; + text-align: center; + min-width: 2.1em; + min-height: 2.1em; + font-size: 0.860em; + line-height: 1.8; + border-radius: 0em 0em 0.3em 0.3em; + border-width: 2px; + border-style: solid; + padding: 0 .4em; +} + +.ast-edd-site-header-cart-wrap .count:after { + bottom: 100%; + margin-bottom: 0; + height: .8em; + width: .8em; + right: 50%; + transform: translateX(50%); + top: -.6em; + content: ' '; + position: absolute; + pointer-events: none; + border-width: 2px; + border-style: solid; + border-top-right-radius: 10em; + border-top-left-radius: 10em; + border-bottom: 0; +} + +/* EDD form*/ +.edd_form input[type="text"], +.edd_form input[type="password"], +.edd_form input[type="email"], +.edd_form input[type="url"], +.edd_form input[type="date"], +.edd_form input[type="month"], +.edd_form input[type="time"], +.edd_form input[type="datetime"], +.edd_form input[type="datetime-local"], +.edd_form input[type="week"], +.edd_form input[type="number"], +.edd_form input[type="search"], +.edd_form input[type="tel"], +.edd_form input[type="color"], +.edd_form select, +.edd_form textarea { + width: 100%; +} + +.edd_form input[type="radio"], +.edd_form input[type="checkbox"] { + border: none; + margin-left: 5px; + vertical-align: middle; +} + +.edd_form .edd-select.edd-select-small { + display: inline; + width: auto; +} + +.edd_form .edd-description { + margin-bottom: 5px; + display: block; +} + +.edd_form legend { + font-size: 22px; + font-size: 1.4rem; + border-bottom: 1px solid #eaeaea; + background: #fafafa; + font-weight: bold; + padding: 15px 30px; + margin: 0; + display: block; + width: 100%; + position: relative; +} + +.edd_form p { + padding-right: 30px; + padding-left: 30px; +} + +.edd_form fieldset { + padding: 0 0 1em; + border: 0; +} + +.edd_form fieldset > p { + padding-top: 5px; + padding-bottom: 5px; + margin-bottom: 5px; +} + +/* EDD Table*/ +.edd-table th { + background: #fafafa; + font-weight: bold; +} + +.edd-table th, +.edd-table td { + text-align: right; + padding: 10px 20px; +} + +.edd-table ul { + margin-right: 1em; + margin-bottom: 0; +} + +/* EDD Checkout page*/ +#edd_checkout_cart { + margin-bottom: 2em; +} + +#edd_checkout_cart .edd_cart_header_row th { + background: #fafafa; + font-weight: bold; +} + +#edd_checkout_cart th, +#edd_checkout_cart td { + padding: 15px 30px; +} + +#edd_checkout_cart th.edd_cart_total, #edd_checkout_cart th.edd_cart_actions, +#edd_checkout_cart td.edd_cart_total, +#edd_checkout_cart td.edd_cart_actions { + text-align: left; +} + +#edd_checkout_cart td img { + float: right; + margin: 0 0 0 8px; + background: none; + padding: 0; + border: none; +} + +#edd_checkout_wrap .edd_cart_remove_item_btn { + margin-right: 1em; +} + +#edd_checkout_wrap #edd_purchase_form { + border: 0; +} + +#edd_checkout_wrap legend { + font-size: 22px; + font-size: 1.4rem; + border-bottom: 1px solid #eaeaea; + background: #fafafa; + font-weight: bold; + padding: 15px 30px; + display: block; + width: 100%; + float: right; + position: relative; + margin: 0 0 10px; +} + +#edd_checkout_wrap p { + padding-right: 30px; + padding-left: 30px; +} + +#edd_checkout_wrap fieldset { + padding: 0; + border: 0; +} + +#edd_checkout_wrap fieldset > p { + padding-top: 5px; + padding-bottom: 5px; + margin-bottom: 5px; +} + +#edd_checkout_wrap fieldset > p:last-child { + padding-bottom: 15px; +} + +#edd_checkout_wrap fieldset > div { + padding: 5px 30px; + margin-bottom: 5px; +} + +#edd_checkout_wrap fieldset > div > p { + padding: 0; +} + +#edd_checkout_wrap #edd-card-state-wrap { + padding-bottom: 15px; +} + +#edd_checkout_wrap #edd_discount_code { + border: 1px solid #eaeaea; + margin-bottom: 2em; + padding-top: .5em; + padding-bottom: .5em; +} + +#edd_checkout_wrap #edd_discount_code p { + padding-top: 10px; + margin-bottom: 0; + padding-bottom: 10px; +} + +#edd_checkout_wrap #edd_discount_code .edd-apply-discount { + margin-top: 10px; +} + +#edd_checkout_wrap #edd_discount_code #edd-discount { + width: 100%; +} + +#edd_checkout_wrap .eddr-cart-item-notice { + text-align: right; + font-size: 0.9em; +} + +#edd_checkout_form_wrap label { + font-weight: bold; +} + +#edd_checkout_form_wrap fieldset { + border: 1px solid #eee; + margin: 0 0 20px; +} + +#edd_checkout_form_wrap #edd_purchase_submit .edd-loading-ajax.edd-loading { + display: none; +} + +#edd_checkout_form_wrap #edd_purchase_submit, +#edd_checkout_form_wrap #edd_discount_code, +#edd_checkout_form_wrap #edd_register_account_fields { + border: 0; +} + +#edd_checkout_form_wrap #edd-discount-code-wrap, +#edd_checkout_form_wrap #edd_final_total_wrap, +#edd_checkout_form_wrap #edd_show_discount { + border: 1px solid #eee; + margin: 0 0 20px; +} + +#edd_checkout_form_wrap #edd_final_total_wrap, +#edd_checkout_form_wrap .edd-privacy-policy-agreement { + padding-top: 10px; + padding-bottom: 10px; +} + +#edd_checkout_form_wrap #edd-show-privacy-policy { + padding-top: 10px; + margin-bottom: 0; +} + +#edd_checkout_form_wrap #edd-show-privacy-policy + .edd-privacy-policy-agreement { + padding-top: 5px; +} + +#edd_checkout_form_wrap .edd-privacy-policy-agreement { + margin-bottom: 0; + -js-display: flex; + display: flex; + align-items: center; +} + +#edd_checkout_form_wrap #edd-payment-mode-wrap label { + display: inline-block; + margin: 0 0 0 20px; +} + +#edd_checkout_form_wrap .edd-payment-icons { + height: 32px; + display: block; + margin: 0 0 30px; +} + +#edd_checkout_form_wrap .edd-payment-icons img.payment-icon { + max-height: 32px; + width: auto; + margin: 0 0 0 3px; + float: right; + background: none; + padding: 0; + border: none; + box-shadow: none; +} + +#edd_checkout_form_wrap .edd-required-indicator { + color: #b94a48; + display: inline; +} + +#edd_checkout_form_wrap .edd-description { + width: auto; + font-size: 0.9em; + margin-right: 10px; + opacity: 0.7; + font-style: italic; + margin-bottom: 6px; + display: inline-block; +} + +/* EDD License manager */ +.edd_sl_form > div { + border: 1px solid #e5e5e5; + padding: 10px 20px; +} + +.edd_sl_form > div > span { + display: block; + margin-bottom: 10px; +} + +/* EDD Notices */ +/* Alert Styles */ +.edd-alert { + border-radius: 2px; + margin-bottom: 10px; + padding: 10px; + border: 1px solid transparent; + vertical-align: middle; +} + +.edd-alert p { + padding: 0; +} + +.edd-alert p:not(:last-child) { + margin-bottom: 5px; +} + +.edd-alert p:last-child { + margin-bottom: 0; +} + +.edd-alert-error { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; +} + +.edd-alert-success { + background-color: #dff0d8; + border-color: #d6e9c6; + color: #3c763d; +} + +.edd-alert-info { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; +} + +.edd-alert-warn { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #faebcc; +} + +/* =Purchase buttons +-------------------------------------------------------------- */ +.edd_download_purchase_form .edd_price_options { + display: inline-block; +} + +.edd_download_purchase_form .edd_price_options ul { + margin: 0; + padding: 0; + list-style: none; +} + +.edd_download_purchase_form .edd_price_options li { + -js-display: flex; + display: flex; + padding: 5px 0 0; + margin: 0; + align-items: center; + align-self: center; +} + +.edd_download_purchase_form .edd_price_options li .eddr-terms-notice { + font-size: .9em; + margin-bottom: 0; + padding-right: 20px; +} + +.edd_download_purchase_form .edd_price_options span { + display: inline; + padding: 0; + margin: 0; +} + +.edd_download_purchase_form .edd_price_options input[type="radio"], +.edd_download_purchase_form .edd_price_options input[type="checkbox"] { + border: none; + margin-left: 5px; + vertical-align: middle; +} + +.ast-page-builder-template.ast-edd-archive-page .site-content > .ast-container { + max-width: 100%; +} + +/* EDD form Elements */ +#edd_checkout_wrap input[type=text], +#edd_checkout_wrap input[type=email], +#edd_checkout_wrap input[type=url], +#edd_checkout_wrap input[type=password], +#edd_checkout_wrap input[type=number], +#edd_checkout_wrap input[type=search], +#edd_checkout_wrap input[type=reset], +#edd_checkout_wrap input[type=tel], +#edd_checkout_wrap textarea, +.edd_download_purchase_form input[type=text], +.edd_download_purchase_form input[type=email], +.edd_download_purchase_form input[type=url], +.edd_download_purchase_form input[type=password], +.edd_download_purchase_form input[type=number], +.edd_download_purchase_form input[type=search], +.edd_download_purchase_form input[type=reset], +.edd_download_purchase_form input[type=tel], +.edd_download_purchase_form textarea { + border-color: #dddddd; + background: #fff; + box-shadow: none; + border-radius: 0px; +} + +#edd_checkout_wrap input[type=text]:focus, +#edd_checkout_wrap input[type=email]:focus, +#edd_checkout_wrap input[type=url]:focus, +#edd_checkout_wrap input[type=password]:focus, +#edd_checkout_wrap input[type=number]:focus, +#edd_checkout_wrap input[type=search]:focus, +#edd_checkout_wrap input[type=reset]:focus, +#edd_checkout_wrap input[type=tel]:focus, +#edd_checkout_wrap textarea:focus, +.edd_download_purchase_form input[type=text]:focus, +.edd_download_purchase_form input[type=email]:focus, +.edd_download_purchase_form input[type=url]:focus, +.edd_download_purchase_form input[type=password]:focus, +.edd_download_purchase_form input[type=number]:focus, +.edd_download_purchase_form input[type=search]:focus, +.edd_download_purchase_form input[type=reset]:focus, +.edd_download_purchase_form input[type=tel]:focus, +.edd_download_purchase_form textarea:focus { + box-shadow: none; + border-color: #dddddd; + outline: 0; +} + +#edd_checkout_wrap select, +.edd_download_purchase_form select { + border: 1px solid #dddddd; + border-radius: 0px; + box-shadow: none; +} + +#edd_checkout_wrap select:focus, +.edd_download_purchase_form select:focus { + outline: none; + outline: 0; +} + +#edd_checkout_wrap input.edd-input.edd-item-quantity, +.edd_download_purchase_form input.edd-input.edd-item-quantity { + width: 60px; +} + +/* Edd Software Licensing */ +.edd_sl_table .edd_sl_license_row, +.edd_sl_license_row { + /* Fixed: License key display issue on profile page */ +} + +.edd_sl_table .edd_sl_license_row .view-key-wrapper, +.edd_sl_license_row .view-key-wrapper { + position: absolute; +} + +.edd_sl_table .edd_sl_license_row input.edd_sl_license_key, +.edd_sl_license_row input.edd_sl_license_key { + position: relative; + min-width: 285px; + width: 20em; + text-align: center; + border: 1px solid #e0e5e8; + box-shadow: 0 0 6px 0 #e1e3e4; + height: 2.5em; + background: #eef2f5; + color: #4a545a; +} + +#edd_sl_license_add_site_form div { + padding-top: 15px; + padding-bottom: 15px; +} + +#edd_checkout_form_wrap #edd_sl_show_renewal_form_wrap { + padding-top: 10px; +} + +#edd_checkout_form_wrap #edd_sl_renewal_fields { + padding: 10px 0; +} + +#edd_checkout_form_wrap #edd-license-key { + width: 100%; +} + +#edd_checkout_form_wrap #edd-cancel-license-renewal { + padding-right: 10px; +} + +#edd_profile_editor_form fieldset { + border: 1px solid #eaeaea; + margin-bottom: 2em; +} + +#edd_profile_editor_form fieldset p { + clear: both; +} + +#edd_profile_editor_form legend { + font-size: 20px; + font-size: 1.2rem; + float: right; +} + +#edd_profile_editor_form #edd_profile_submit_fieldset { + border: 0; +} + +#edd_profile_editor_form #edd_profile_submit_fieldset p { + padding: 0; +} + +/* EDD cart for Left Section in Builder Layout */ +.site-header-section-left .ast-edd-site-header-cart:focus .widget_edd_cart_widget, .site-header-section-left .ast-edd-site-header-cart:hover .widget_edd_cart_widget { + left: auto; + right: 0; +} + +.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget { + left: -999em; + right: auto; +} + +.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:before, .site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:after { + right: 8px; + left: auto; +} + +.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:after { + margin-right: -2px; +} diff --git a/assets/css/unminified/compatibility/edd-grid.css b/assets/css/unminified/compatibility/edd-grid.css new file mode 100644 index 0000000..bc4735d --- /dev/null +++ b/assets/css/unminified/compatibility/edd-grid.css @@ -0,0 +1,1223 @@ +@charset "UTF-8"; +/** + * edd.scss + * Governs the general look and feel of Easy Digital Downloads sections of stores using themes that do not + * integrate with Easy Digital Downloads specifically. + */ +/** + * Astra Theme compatibility with Easy Digital Downloads + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.ast-edd-container { + display: grid; +} + +.ast-separate-container .ast-edd-container { + background-color: #fff; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-edd-container { + padding: 3.34em 2.4em; + } +} + +@media (max-width: 992px) { + .ast-separate-container .ast-edd-container { + padding: 1.5em 2.14em; + } +} + +@media (max-width: 544px) { + .ast-separate-container .ast-edd-container { + padding: .54em 1em 1.33333em; + } +} + +/* Edd Archive Products grid layout */ +.ast-edd-archive-article, +.ast-page-builder-template .ast-edd-archive-article { + padding: 0; + margin: 0 20px 2.992em 0; +} + +.columns-2 .ast-edd-container { + grid-template-columns: repeat(2, 1fr); +} + +.columns-3 .ast-edd-container { + grid-template-columns: repeat(3, 1fr); +} + +.columns-4 .ast-edd-container { + grid-template-columns: repeat(4, 1fr); +} + +.columns-5 .ast-edd-container { + grid-template-columns: repeat(5, 1fr); +} + +.columns-6 .ast-edd-container { + grid-template-columns: repeat(6, 1fr); +} + +/* Edd Single and Checkout commom Download product */ +.single-download .entry-header { + margin-bottom: 1em; +} + +.single-download .edd_download_purchase_form .edd_price_options li { + justify-content: flex-start; +} + +.single-download .edd_download_purchase_form .edd_purchase_submit_wrapper { + margin: 20px auto 0; +} + +.single-download .edd-item-quantity, +.edd-checkout .edd-item-quantity { + padding: .5em .5em; +} + +/* Edd Archive products strucutre */ +.ast-edd-archive-article { + text-align: center; +} + +.ast-edd-archive-block-wrap .edd_download_image img, +.edd_downloads_list .edd_download_image img { + margin-bottom: .8em; +} + +.ast-edd-archive-block-wrap .edd_download_title, +.edd_downloads_list .edd_download_title { + margin-bottom: .5em; + padding: 0; + font-size: 1em; +} + +.ast-edd-archive-block-wrap .edd_price, +.ast-edd-archive-block-wrap .edd_price_options, +.edd_downloads_list .edd_price, +.edd_downloads_list .edd_price_options { + line-height: 1.3; + margin-bottom: 0; + font-weight: 700; + margin-bottom: .5em; + font-size: .9rem; +} + +.ast-edd-archive-block-wrap .edd-add-to-cart, +.ast-edd-archive-block-wrap .edd_go_to_checkout, +.ast-edd-archive-block-wrap .ast-edd-variable-btn, +.edd_downloads_list .edd-add-to-cart, +.edd_downloads_list .edd_go_to_checkout, +.edd_downloads_list .ast-edd-variable-btn { + margin-top: .5em; + margin-bottom: .5em; + white-space: normal; + line-height: 1.3; + display: inline-block; +} + +.ast-edd-archive-block-wrap .edd_download_excerpt p, +.edd_downloads_list .edd_download_excerpt p { + margin-bottom: .5em; +} + +.ast-edd-archive-block-wrap .edd_download_quantity_wrapper .edd-item-quantity, +.edd_downloads_list .edd_download_quantity_wrapper .edd-item-quantity { + padding: .5em .5em; + max-width: 60px; +} + +.ast-edd-archive-block-wrap .edd_download_quantity_wrapper + .edd_purchase_submit_wrapper, +.edd_downloads_list .edd_download_quantity_wrapper + .edd_purchase_submit_wrapper { + margin-top: 0; +} + +.ast-edd-download-categories { + font-size: .85em; + margin-bottom: .5em; + display: block; + line-height: 1.3; + opacity: .6; +} + +/* EDD Purchase form */ +.edd_download_purchase_form .edd_purchase_submit_wrapper { + margin: 10px auto 0; +} + +/* EDD Shortcodes */ +.edd_downloads_list { + display: grid; +} + +.edd_downloads_list .edd_download { + margin: 0 20px 2.992em 0; + text-align: center; +} + +.edd_downloads_list.edd_download_columns_1 .edd_download { + margin-right: 0; +} + +.edd_downloads_list.edd_download_columns_2 { + grid-template-columns: repeat(2, 1fr); +} + +.edd_downloads_list.edd_download_columns_3 { + grid-template-columns: repeat(3, 1fr); +} + +.edd_downloads_list.edd_download_columns_4 { + grid-template-columns: repeat(4, 1fr); +} + +.edd_downloads_list.edd_download_columns_5 { + grid-template-columns: repeat(5, 1fr); +} + +.edd_downloads_list.edd_download_columns_6 { + grid-template-columns: repeat(6, 1fr); +} + +/* EDD Pagination */ +.edd_pagination { + -js-display: flex; + display: flex; + text-align: center; + white-space: nowrap; + border: 0; + margin: 1px; +} + +.edd_pagination a, +.edd_pagination span { + margin: 0 5px 5px 0; + border: 1px solid #d3ced2; + text-decoration: none; + line-height: 1; + font-size: 1em; + font-weight: normal; + padding: 0.75em; + min-width: 2.5em; +} + +/* =Ajax Add To Cart Button +-------------------------------------------------------------- */ +.edd_purchase_submit_wrapper { + position: relative; +} + +.edd_purchase_submit_wrapper a.edd-add-to-cart { + text-decoration: none; + display: none; + position: relative; + overflow: hidden; + line-height: 1.3; +} + +.edd_purchase_submit_wrapper a.edd-add-to-cart.edd-has-js { + display: inline-block; +} + +.edd_purchase_submit_wrapper .edd-cart-ajax { + display: none; + position: relative; + left: -35px; +} + +.edd-submit.button.edd-ajax-loading { + padding-right: 30px; +} + +.edd-add-to-cart .edd-add-to-cart-label { + opacity: 1; + filter: alpha(opacity=100); +} + +.edd-loading { + border-radius: 50%; + display: block; + width: 1.5em; + height: 1.5em; + animation: edd-spinning 1.1s infinite linear; + border-top: 0.2em solid rgba(255, 255, 255, 0.2); + border-right: 0.2em solid rgba(255, 255, 255, 0.2); + border-bottom: 0.2em solid rgba(255, 255, 255, 0.2); + border-left: 0.2em solid #fff; + font-size: 0.75em; + position: absolute; + left: calc(50% - 0.75em); + top: calc(50% - 0.75em); + opacity: 0; + filter: alpha(opacity=0); + transform: translateZ(0); +} + +.edd-loading:after { + border-radius: 50%; + display: block; + width: 1.5em; + height: 1.5em; +} + +a.edd-add-to-cart.white .edd-loading, .edd-discount-loader.edd-loading { + border-top-color: rgba(0, 0, 0, 0.2); + border-right-color: rgba(0, 0, 0, 0.2); + border-bottom-color: rgba(0, 0, 0, 0.2); + border-left-color: #000; +} + +.edd-loading-ajax.edd-loading { + border-top-color: rgba(0, 0, 0, 0.2); + border-right-color: rgba(0, 0, 0, 0.2); + border-bottom-color: rgba(0, 0, 0, 0.2); + border-left-color: #000; + display: inline-block; + position: relative; + top: 0; + left: 0.25em; + vertical-align: middle; +} + +#edd_checkout_form_wrap .edd-cart-adjustment .edd-apply-discount.edd-submit { + display: inline-block; +} + +.edd-discount-loader.edd-loading { + display: inline-block; + position: relative; + left: auto; + vertical-align: middle; + width: 1.25em; + height: 1.25em; +} + +.edd-loading-ajax.edd-loading { + opacity: 1; +} + +@keyframes edd-spinning { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +a.edd-add-to-cart .edd-add-to-cart-label, .edd-loading { + transition: .1s opacity !important; +} + +.edd-add-to-cart[data-edd-loading] .edd-add-to-cart-label { + opacity: 0; + filter: alpha(opacity=0); +} + +.edd-add-to-cart[data-edd-loading] .edd-loading { + opacity: 1; + filter: alpha(opacity=100); +} + +.edd-discount-loader.edd-loading { + opacity: 1; + filter: alpha(opacity=100); +} + +.edd-cart-added-alert { + position: static; + display: inline-block; + font-size: 1em; +} + +.edd-cart-added-alert .edd-icon-check { + max-width: 18px; + vertical-align: bottom; +} + +/** + * Header Cart Icon with shopping cart. + */ +.ast-edd-site-header-cart { + position: relative; + list-style-type: none; + margin-left: 0; + padding-left: 0; + margin-bottom: 0; + order: 1; +} + +.ast-edd-site-header-cart:focus .widget_edd_cart_widget, .ast-edd-site-header-cart:hover .widget_edd_cart_widget { + right: 0; + left: auto; + opacity: 1; + visibility: visible; +} + +.ast-edd-site-header-cart .ast-edd-shopping-cart-icon { + display: initial; + vertical-align: middle; +} + +.ast-edd-site-header-cart .ast-edd-shopping-cart-icon:before { + content: "\e854"; + font-family: 'Astra'; + font-size: 18px; + font-size: 1.2857rem; +} + +.ast-edd-site-header-cart .ast-edd-site-header-cart-widget .widget_edd_cart_widget > ul { + text-align: left; + width: auto; + position: static; + left: auto; + top: auto; + border-top: 0; + max-height: 500px; + max-height: 50vh; + overflow-y: auto; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget { + background-color: #fff; + position: absolute; + top: 100%; + width: 280px; + padding-top: 1em; + padding-bottom: 1em; + z-index: 999999; + font-size: .875em; + left: -999em; + display: block; + line-height: 1.618; + box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.07); + transition: all 0.3s ease; + border: 2px solid #E6E6E6; + opacity: 0; + visibility: hidden; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item { + padding: .5em 2.6em .5em 1.5em; + /* remove the product from list */ +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item.focus { + animation: ast-hide-animate 1s linear; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .cart_item.empty { + border-bottom: 0; + padding-left: 1.5em; + padding-right: 1.5em; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-number-of-items { + margin-bottom: 0; + padding-left: 1.5em; + padding-right: 1.5em; + padding-bottom: 1em; + text-align: center; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget:before, .ast-edd-site-header-cart .widget_edd_cart_widget:after { + bottom: 100%; + left: auto; + right: 8px; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget:after { + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #fff; + border-width: 6px; + margin-left: -6px; + margin-bottom: -0.3px; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget:before { + border-color: rgba(230, 230, 230, 0); + border-bottom-color: #E6E6E6; + border-width: 9px; + margin-left: -5px; + right: 5px; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-meta { + padding: .5em 1.5em; + margin: 0; + text-align: center; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd_checkout { + padding: 1em 1.5em 0; + text-align: center; + margin-top: 0; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd_checkout a { + padding: 10px 40px; + width: 100%; + display: block; + font-weight: 700; + line-height: 1; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart { + right: 1.2em; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart:after { + font-weight: normal; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart:first-child:after { + padding-bottom: 0; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item:first-child .edd-remove-from-cart:after { + padding-bottom: 1px; +} + +/** + * Header Cart Icon with shopping cart for responsive devices. + */ +.ast-header-break-point .ast-edd-site-header-cart .widget_edd_cart_widget, +.ast-header-break-point .ast-edd-site-header-cart .ast-edd-header-cart-info-wrap { + display: none; +} + +@keyframes ast-hide-animate { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} + +.header-main-layout-3 .ast-edd-site-header-cart:focus .widget_edd_cart_widget, .header-main-layout-3 .ast-edd-site-header-cart:hover .widget_edd_cart_widget { + right: auto; + left: 0; +} + +.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget { + right: -999em; + left: auto; +} + +.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:before, .header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:after { + left: 8px; + right: auto; +} + +.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:after { + margin-left: -2px; +} + +/* Sidebar widget */ +.widget_edd_cart_widget { + /* Product list separator*/ + /* Product list title*/ + /* Product list price*/ + /* Product list remove link*/ +} + +.widget_edd_cart_widget .edd-cart-item { + border-bottom: 1px solid #e2e2e2; + padding: .5em 1.6em .5em 0; + position: relative; +} + +.widget_edd_cart_widget .edd-cart-number-of-items { + margin-bottom: 0; + padding-bottom: .5em; + border-bottom: 1px solid #e2e2e2; + font-weight: 700; +} + +.widget_edd_cart_widget .edd-cart-item-separator { + display: none; +} + +.widget_edd_cart_widget .edd-cart-item-title { + display: block; + font-weight: normal; + margin: 0; +} + +.widget_edd_cart_widget .edd-cart-item-price { + float: left; +} + +.widget_edd_cart_widget .edd-remove-from-cart { + position: absolute; + visibility: hidden; + right: 0; + top: 50%; + transform: translateY(-50%); + -js-display: flex; + display: flex; + justify-content: center; + align-items: center; +} + +.widget_edd_cart_widget .edd-remove-from-cart:after { + content: '×'; + -js-display: flex; + display: flex; + justify-content: center; + align-items: center; + color: #ccc; + visibility: visible; + border: 1px solid #ccc; + border-radius: 50%; + font-weight: 700; + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size: 18px; + width: 24px; + height: 24px; + padding-bottom: 2px; + transition: all .2s linear; +} + +.widget_edd_cart_widget .edd-cart-meta { + border-bottom: 1px solid #e2e2e2; +} + +.widget_edd_cart_widget .edd_total { + padding: 0 0 5px; + font-weight: 700; +} + +.widget_edd_cart_widget .edd_checkout { + margin-top: 1em; + padding: 0; +} + +.widget_edd_cart_widget .edd_checkout a { + margin-right: 0; + margin-left: 0; + padding: 10px 40px; + display: inline-block; + line-height: 1; +} + +/* Site Header Cart Icon & Widget */ +.ast-edd-site-header-cart .widget_edd_cart_widget p.buttons, .ast-edd-site-header-cart .widget_edd_cart_widget p.total, .ast-edd-site-header-cart .widget_edd_cart_widget p.buttons, .ast-edd-site-header-cart .widget_edd_cart_widget p.total { + padding: 1em 1.5em; + margin: 0; + text-align: center; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .buttons .button { + display: block; + margin-right: 0; + width: 100%; + margin-left: 0; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .buttons .button.wc-forward { + display: block; + margin-right: 0; + width: 100%; + margin-left: 0; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .woocommerce-mini-cart__empty-message { + margin: 1.41575em; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .cart_list a { + font-weight: normal; + padding: 0; + border-width: 0; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .cart_list a.remove { + border-width: 1px; +} + +.ast-edd-site-header-cart-wrap .ast-edd-cart-menu-wrap { + display: inline-block; + line-height: 1; +} + +.ast-edd-site-header-cart-wrap .count { + font-weight: bold; + position: relative; + display: inline-block; + vertical-align: middle; + text-align: center; + min-width: 2.1em; + min-height: 2.1em; + font-size: 0.860em; + line-height: 1.8; + border-radius: 0em 0em 0.3em 0.3em; + border-width: 2px; + border-style: solid; + padding: 0 .4em; +} + +.ast-edd-site-header-cart-wrap .count:after { + bottom: 100%; + margin-bottom: 0; + height: .8em; + width: .8em; + left: 50%; + transform: translateX(-50%); + top: -.6em; + content: ' '; + position: absolute; + pointer-events: none; + border-width: 2px; + border-style: solid; + border-top-left-radius: 10em; + border-top-right-radius: 10em; + border-bottom: 0; +} + +/* EDD form*/ +.edd_form input[type="text"], +.edd_form input[type="password"], +.edd_form input[type="email"], +.edd_form input[type="url"], +.edd_form input[type="date"], +.edd_form input[type="month"], +.edd_form input[type="time"], +.edd_form input[type="datetime"], +.edd_form input[type="datetime-local"], +.edd_form input[type="week"], +.edd_form input[type="number"], +.edd_form input[type="search"], +.edd_form input[type="tel"], +.edd_form input[type="color"], +.edd_form select, +.edd_form textarea { + width: 100%; +} + +.edd_form input[type="radio"], +.edd_form input[type="checkbox"] { + border: none; + margin-right: 5px; + vertical-align: middle; +} + +.edd_form .edd-select.edd-select-small { + display: inline; + width: auto; +} + +.edd_form .edd-description { + margin-bottom: 5px; + display: block; +} + +.edd_form legend { + font-size: 22px; + font-size: 1.4rem; + border-bottom: 1px solid #eaeaea; + background: #fafafa; + font-weight: bold; + padding: 15px 30px; + margin: 0; + display: block; + width: 100%; + position: relative; +} + +.edd_form p { + padding-left: 30px; + padding-right: 30px; +} + +.edd_form fieldset { + padding: 0 0 1em; + border: 0; +} + +.edd_form fieldset > p { + padding-top: 5px; + padding-bottom: 5px; + margin-bottom: 5px; +} + +/* EDD Table*/ +.edd-table th { + background: #fafafa; + font-weight: bold; +} + +.edd-table th, +.edd-table td { + text-align: left; + padding: 10px 20px; +} + +.edd-table ul { + margin-left: 1em; + margin-bottom: 0; +} + +/* EDD Checkout page*/ +#edd_checkout_cart { + margin-bottom: 2em; +} + +#edd_checkout_cart .edd_cart_header_row th { + background: #fafafa; + font-weight: bold; +} + +#edd_checkout_cart th, +#edd_checkout_cart td { + padding: 15px 30px; +} + +#edd_checkout_cart th.edd_cart_total, #edd_checkout_cart th.edd_cart_actions, +#edd_checkout_cart td.edd_cart_total, +#edd_checkout_cart td.edd_cart_actions { + text-align: right; +} + +#edd_checkout_cart td img { + float: left; + margin: 0 8px 0 0; + background: none; + padding: 0; + border: none; +} + +#edd_checkout_wrap .edd_cart_remove_item_btn { + margin-left: 1em; +} + +#edd_checkout_wrap #edd_purchase_form { + border: 0; +} + +#edd_checkout_wrap legend { + font-size: 22px; + font-size: 1.4rem; + border-bottom: 1px solid #eaeaea; + background: #fafafa; + font-weight: bold; + padding: 15px 30px; + display: block; + width: 100%; + float: left; + position: relative; + margin: 0 0 10px; +} + +#edd_checkout_wrap p { + padding-left: 30px; + padding-right: 30px; +} + +#edd_checkout_wrap fieldset { + padding: 0; + border: 0; +} + +#edd_checkout_wrap fieldset > p { + padding-top: 5px; + padding-bottom: 5px; + margin-bottom: 5px; +} + +#edd_checkout_wrap fieldset > p:last-child { + padding-bottom: 15px; +} + +#edd_checkout_wrap fieldset > div { + padding: 5px 30px; + margin-bottom: 5px; +} + +#edd_checkout_wrap fieldset > div > p { + padding: 0; +} + +#edd_checkout_wrap #edd-card-state-wrap { + padding-bottom: 15px; +} + +#edd_checkout_wrap #edd_discount_code { + border: 1px solid #eaeaea; + margin-bottom: 2em; + padding-top: .5em; + padding-bottom: .5em; +} + +#edd_checkout_wrap #edd_discount_code p { + padding-top: 10px; + margin-bottom: 0; + padding-bottom: 10px; +} + +#edd_checkout_wrap #edd_discount_code .edd-apply-discount { + margin-top: 10px; +} + +#edd_checkout_wrap #edd_discount_code #edd-discount { + width: 100%; +} + +#edd_checkout_wrap .eddr-cart-item-notice { + text-align: left; + font-size: 0.9em; +} + +#edd_checkout_form_wrap label { + font-weight: bold; +} + +#edd_checkout_form_wrap fieldset { + border: 1px solid #eee; + margin: 0 0 20px; +} + +#edd_checkout_form_wrap #edd_purchase_submit .edd-loading-ajax.edd-loading { + display: none; +} + +#edd_checkout_form_wrap #edd_purchase_submit, +#edd_checkout_form_wrap #edd_discount_code, +#edd_checkout_form_wrap #edd_register_account_fields { + border: 0; +} + +#edd_checkout_form_wrap #edd-discount-code-wrap, +#edd_checkout_form_wrap #edd_final_total_wrap, +#edd_checkout_form_wrap #edd_show_discount { + border: 1px solid #eee; + margin: 0 0 20px; +} + +#edd_checkout_form_wrap #edd_final_total_wrap, +#edd_checkout_form_wrap .edd-privacy-policy-agreement { + padding-top: 10px; + padding-bottom: 10px; +} + +#edd_checkout_form_wrap #edd-show-privacy-policy { + padding-top: 10px; + margin-bottom: 0; +} + +#edd_checkout_form_wrap #edd-show-privacy-policy + .edd-privacy-policy-agreement { + padding-top: 5px; +} + +#edd_checkout_form_wrap .edd-privacy-policy-agreement { + margin-bottom: 0; + -js-display: flex; + display: flex; + align-items: center; +} + +#edd_checkout_form_wrap #edd-payment-mode-wrap label { + display: inline-block; + margin: 0 20px 0 0; +} + +#edd_checkout_form_wrap .edd-payment-icons { + height: 32px; + display: block; + margin: 0 0 30px; +} + +#edd_checkout_form_wrap .edd-payment-icons img.payment-icon { + max-height: 32px; + width: auto; + margin: 0 3px 0 0; + float: left; + background: none; + padding: 0; + border: none; + box-shadow: none; +} + +#edd_checkout_form_wrap .edd-required-indicator { + color: #b94a48; + display: inline; +} + +#edd_checkout_form_wrap .edd-description { + width: auto; + font-size: 0.9em; + margin-left: 10px; + opacity: 0.7; + font-style: italic; + margin-bottom: 6px; + display: inline-block; +} + +/* EDD License manager */ +.edd_sl_form > div { + border: 1px solid #e5e5e5; + padding: 10px 20px; +} + +.edd_sl_form > div > span { + display: block; + margin-bottom: 10px; +} + +/* EDD Notices */ +/* Alert Styles */ +.edd-alert { + border-radius: 2px; + margin-bottom: 10px; + padding: 10px; + border: 1px solid transparent; + vertical-align: middle; +} + +.edd-alert p { + padding: 0; +} + +.edd-alert p:not(:last-child) { + margin-bottom: 5px; +} + +.edd-alert p:last-child { + margin-bottom: 0; +} + +.edd-alert-error { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; +} + +.edd-alert-success { + background-color: #dff0d8; + border-color: #d6e9c6; + color: #3c763d; +} + +.edd-alert-info { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; +} + +.edd-alert-warn { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #faebcc; +} + +/* =Purchase buttons +-------------------------------------------------------------- */ +.edd_download_purchase_form .edd_price_options { + display: inline-block; +} + +.edd_download_purchase_form .edd_price_options ul { + margin: 0; + padding: 0; + list-style: none; +} + +.edd_download_purchase_form .edd_price_options li { + -js-display: flex; + display: flex; + padding: 5px 0 0; + margin: 0; + align-items: center; + align-self: center; +} + +.edd_download_purchase_form .edd_price_options li .eddr-terms-notice { + font-size: .9em; + margin-bottom: 0; + padding-left: 20px; +} + +.edd_download_purchase_form .edd_price_options span { + display: inline; + padding: 0; + margin: 0; +} + +.edd_download_purchase_form .edd_price_options input[type="radio"], +.edd_download_purchase_form .edd_price_options input[type="checkbox"] { + border: none; + margin-right: 5px; + vertical-align: middle; +} + +.ast-page-builder-template.ast-edd-archive-page .site-content > .ast-container { + max-width: 100%; +} + +/* EDD form Elements */ +#edd_checkout_wrap input[type=text], +#edd_checkout_wrap input[type=email], +#edd_checkout_wrap input[type=url], +#edd_checkout_wrap input[type=password], +#edd_checkout_wrap input[type=number], +#edd_checkout_wrap input[type=search], +#edd_checkout_wrap input[type=reset], +#edd_checkout_wrap input[type=tel], +#edd_checkout_wrap textarea, +.edd_download_purchase_form input[type=text], +.edd_download_purchase_form input[type=email], +.edd_download_purchase_form input[type=url], +.edd_download_purchase_form input[type=password], +.edd_download_purchase_form input[type=number], +.edd_download_purchase_form input[type=search], +.edd_download_purchase_form input[type=reset], +.edd_download_purchase_form input[type=tel], +.edd_download_purchase_form textarea { + border-color: #dddddd; + background: #fff; + box-shadow: none; + border-radius: 0px; +} + +#edd_checkout_wrap input[type=text]:focus, +#edd_checkout_wrap input[type=email]:focus, +#edd_checkout_wrap input[type=url]:focus, +#edd_checkout_wrap input[type=password]:focus, +#edd_checkout_wrap input[type=number]:focus, +#edd_checkout_wrap input[type=search]:focus, +#edd_checkout_wrap input[type=reset]:focus, +#edd_checkout_wrap input[type=tel]:focus, +#edd_checkout_wrap textarea:focus, +.edd_download_purchase_form input[type=text]:focus, +.edd_download_purchase_form input[type=email]:focus, +.edd_download_purchase_form input[type=url]:focus, +.edd_download_purchase_form input[type=password]:focus, +.edd_download_purchase_form input[type=number]:focus, +.edd_download_purchase_form input[type=search]:focus, +.edd_download_purchase_form input[type=reset]:focus, +.edd_download_purchase_form input[type=tel]:focus, +.edd_download_purchase_form textarea:focus { + box-shadow: none; + border-color: #dddddd; + outline: 0; +} + +#edd_checkout_wrap select, +.edd_download_purchase_form select { + border: 1px solid #dddddd; + border-radius: 0px; + box-shadow: none; +} + +#edd_checkout_wrap select:focus, +.edd_download_purchase_form select:focus { + outline: none; + outline: 0; +} + +#edd_checkout_wrap input.edd-input.edd-item-quantity, +.edd_download_purchase_form input.edd-input.edd-item-quantity { + width: 60px; +} + +/* Edd Software Licensing */ +.edd_sl_table .edd_sl_license_row, +.edd_sl_license_row { + /* Fixed: License key display issue on profile page */ +} + +.edd_sl_table .edd_sl_license_row .view-key-wrapper, +.edd_sl_license_row .view-key-wrapper { + position: absolute; +} + +.edd_sl_table .edd_sl_license_row input.edd_sl_license_key, +.edd_sl_license_row input.edd_sl_license_key { + position: relative; + min-width: 285px; + width: 20em; + text-align: center; + border: 1px solid #e0e5e8; + box-shadow: 0 0 6px 0 #e1e3e4; + height: 2.5em; + background: #eef2f5; + color: #4a545a; +} + +#edd_sl_license_add_site_form div { + padding-top: 15px; + padding-bottom: 15px; +} + +#edd_checkout_form_wrap #edd_sl_show_renewal_form_wrap { + padding-top: 10px; +} + +#edd_checkout_form_wrap #edd_sl_renewal_fields { + padding: 10px 0; +} + +#edd_checkout_form_wrap #edd-license-key { + width: 100%; +} + +#edd_checkout_form_wrap #edd-cancel-license-renewal { + padding-left: 10px; +} + +#edd_profile_editor_form fieldset { + border: 1px solid #eaeaea; + margin-bottom: 2em; +} + +#edd_profile_editor_form fieldset p { + clear: both; +} + +#edd_profile_editor_form legend { + font-size: 20px; + font-size: 1.2rem; + float: left; +} + +#edd_profile_editor_form #edd_profile_submit_fieldset { + border: 0; +} + +#edd_profile_editor_form #edd_profile_submit_fieldset p { + padding: 0; +} + +/* EDD cart for Left Section in Builder Layout */ +.site-header-section-left .ast-edd-site-header-cart:focus .widget_edd_cart_widget, .site-header-section-left .ast-edd-site-header-cart:hover .widget_edd_cart_widget { + right: auto; + left: 0; +} + +.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget { + right: -999em; + left: auto; +} + +.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:before, .site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:after { + left: 8px; + right: auto; +} + +.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:after { + margin-left: -2px; +} diff --git a/assets/css/unminified/compatibility/edd-rtl.css b/assets/css/unminified/compatibility/edd-rtl.css new file mode 100644 index 0000000..fe74c72 --- /dev/null +++ b/assets/css/unminified/compatibility/edd-rtl.css @@ -0,0 +1,1353 @@ +@charset "UTF-8"; +/** + * edd.scss + * Governs the general look and feel of Easy Digital Downloads sections of stores using themes that do not + * integrate with Easy Digital Downloads specifically. + */ +/** + * Astra Theme compatibility with Easy Digital Downloads + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.ast-edd-container { + -js-display: flex; + display: flex; + flex-wrap: wrap; + clear: both; +} + +.ast-separate-container .ast-edd-container { + background-color: #fff; + content: ""; + display: table; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-edd-container { + padding: 3.34em 2.4em; + } +} + +@media (max-width: 992px) { + .ast-separate-container .ast-edd-container { + padding: 1.5em 2.14em; + } +} + +@media (max-width: 544px) { + .ast-separate-container .ast-edd-container { + padding: .54em 1em 1.33333em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-edd-container { + padding: 5.34em 6.67em; + } +} + +/* Edd Archive Products grid layout */ +.ast-edd-archive-article, +.ast-page-builder-template .ast-edd-archive-article { + padding: 0; + float: right; + margin: 0 0 2.992em 20px; +} + +.columns-1 .ast-edd-archive-article { + width: 100%; + margin-left: 0; +} + +.columns-2 .ast-edd-archive-article { + width: 48.4%; + width: calc(50% - 10px); +} + +.columns-2 .ast-edd-archive-article:nth-child(2n) { + margin-left: 0; + clear: left; +} + +.columns-2 .ast-edd-archive-article:nth-child(2n+1) { + clear: right; +} + +.columns-3 .ast-edd-archive-article { + width: 31.2%; + width: calc( 33.33% - 14px); +} + +.columns-3 .ast-edd-archive-article:nth-child(3n) { + margin-left: 0; + clear: left; +} + +.columns-3 .ast-edd-archive-article:nth-child(3n+1) { + clear: right; +} + +.columns-4 .ast-edd-archive-article { + width: 22.5%; + width: calc( 25% - 15px); +} + +.columns-4 .ast-edd-archive-article:nth-child(4n) { + margin-left: 0; + clear: left; +} + +.columns-4 .ast-edd-archive-article:nth-child(4n+1) { + clear: right; +} + +.columns-5 .ast-edd-archive-article { + width: 17.5%; + width: calc( 20% - 16px); +} + +.columns-5 .ast-edd-archive-article:nth-child(5n) { + margin-left: 0; + clear: left; +} + +.columns-5 .ast-edd-archive-article:nth-child(5n+1) { + clear: right; +} + +.columns-6 .ast-edd-archive-article { + width: 14%; + width: calc( 16.66% - 16.66px); +} + +.columns-6 .ast-edd-archive-article:nth-child(6n) { + margin-left: 0; + clear: left; +} + +.columns-6 .ast-edd-archive-article:nth-child(6n+1) { + clear: right; +} + +/* Edd Single and Checkout commom Download product */ +.single-download .entry-header { + margin-bottom: 1em; +} + +.single-download .edd_download_purchase_form .edd_price_options li { + justify-content: flex-start; +} + +.single-download .edd_download_purchase_form .edd_purchase_submit_wrapper { + margin: 20px auto 0; +} + +.single-download .edd-item-quantity, +.edd-checkout .edd-item-quantity { + padding: .5em .5em; +} + +/* Edd Archive products strucutre */ +.ast-edd-archive-article { + text-align: center; +} + +.ast-edd-archive-block-wrap .edd_download_image img, +.edd_downloads_list .edd_download_image img { + margin-bottom: .8em; +} + +.ast-edd-archive-block-wrap .edd_download_title, +.edd_downloads_list .edd_download_title { + margin-bottom: .5em; + padding: 0; + font-size: 1em; +} + +.ast-edd-archive-block-wrap .edd_price, +.ast-edd-archive-block-wrap .edd_price_options, +.edd_downloads_list .edd_price, +.edd_downloads_list .edd_price_options { + line-height: 1.3; + margin-bottom: 0; + font-weight: 700; + margin-bottom: .5em; + font-size: .9rem; +} + +.ast-edd-archive-block-wrap .edd-add-to-cart, +.ast-edd-archive-block-wrap .edd_go_to_checkout, +.ast-edd-archive-block-wrap .ast-edd-variable-btn, +.edd_downloads_list .edd-add-to-cart, +.edd_downloads_list .edd_go_to_checkout, +.edd_downloads_list .ast-edd-variable-btn { + margin-top: .5em; + margin-bottom: .5em; + white-space: normal; + line-height: 1.3; + display: inline-block; +} + +.ast-edd-archive-block-wrap .edd_download_excerpt p, +.edd_downloads_list .edd_download_excerpt p { + margin-bottom: .5em; +} + +.ast-edd-archive-block-wrap .edd_download_quantity_wrapper .edd-item-quantity, +.edd_downloads_list .edd_download_quantity_wrapper .edd-item-quantity { + padding: .5em .5em; + max-width: 60px; +} + +.ast-edd-archive-block-wrap .edd_download_quantity_wrapper + .edd_purchase_submit_wrapper, +.edd_downloads_list .edd_download_quantity_wrapper + .edd_purchase_submit_wrapper { + margin-top: 0; +} + +.ast-edd-download-categories { + font-size: .85em; + margin-bottom: .5em; + display: block; + line-height: 1.3; + opacity: .6; +} + +/* EDD Purchase form */ +.edd_download_purchase_form .edd_purchase_submit_wrapper { + margin: 10px auto 0; +} + +/* EDD Shortcodes */ +.edd_downloads_list { + -js-display: flex; + display: flex; + flex-wrap: wrap; + clear: both; +} + +.edd_downloads_list .edd_download { + padding: 0; + float: right; + margin: 0 0 2.992em 20px; + text-align: center; +} + +.edd_downloads_list.edd_download_columns_1 .edd_download { + width: 100%; + margin-left: 0; +} + +.edd_downloads_list.edd_download_columns_2 .edd_download { + width: 48.4%; + width: calc(50% - 10px); +} + +.edd_downloads_list.edd_download_columns_2 .edd_download:nth-child(2n) { + margin-left: 0; + clear: left; +} + +.edd_downloads_list.edd_download_columns_2 .edd_download:nth-child(2n+1) { + clear: right; +} + +.edd_downloads_list.edd_download_columns_3 .edd_download { + width: 31.2%; + width: calc( 33.33% - 14px); +} + +.edd_downloads_list.edd_download_columns_3 .edd_download:nth-child(3n) { + margin-left: 0; + clear: left; +} + +.edd_downloads_list.edd_download_columns_3 .edd_download:nth-child(3n+1) { + clear: right; +} + +.edd_downloads_list.edd_download_columns_4 .edd_download { + width: 22.5%; + width: calc( 25% - 15px); +} + +.edd_downloads_list.edd_download_columns_4 .edd_download:nth-child(4n) { + margin-left: 0; + clear: left; +} + +.edd_downloads_list.edd_download_columns_4 .edd_download:nth-child(4n+1) { + clear: right; +} + +.edd_downloads_list.edd_download_columns_5 .edd_download { + width: 17.5%; + width: calc( 20% - 16px); +} + +.edd_downloads_list.edd_download_columns_5 .edd_download:nth-child(5n) { + margin-left: 0; + clear: left; +} + +.edd_downloads_list.edd_download_columns_5 .edd_download:nth-child(5n+1) { + clear: right; +} + +.edd_downloads_list.edd_download_columns_6 .edd_download { + width: 14%; + width: calc( 16.66% - 16.66px); +} + +.edd_downloads_list.edd_download_columns_6 .edd_download:nth-child(6n) { + margin-left: 0; + clear: left; +} + +.edd_downloads_list.edd_download_columns_6 .edd_download:nth-child(6n+1) { + clear: right; +} + +/* EDD Pagination */ +.edd_pagination { + display: inline-block; + text-align: center; + white-space: nowrap; + padding: 0; + clear: both; + border: 0; + margin: 1px; +} + +.edd_pagination a, +.edd_pagination span { + margin: 0 0 5px 5px; + border: 1px solid #d3ced2; + text-decoration: none; + line-height: 1; + font-size: 1em; + font-weight: normal; + padding: 0.75em; + float: right; + display: inline; + min-width: 2.5em; +} + +/* =Ajax Add To Cart Button +-------------------------------------------------------------- */ +.edd_purchase_submit_wrapper { + position: relative; +} + +.edd_purchase_submit_wrapper a.edd-add-to-cart { + text-decoration: none; + display: none; + position: relative; + overflow: hidden; + line-height: 1.3; +} + +.edd_purchase_submit_wrapper a.edd-add-to-cart.edd-has-js { + display: inline-block; +} + +.edd_purchase_submit_wrapper .edd-cart-ajax { + display: none; + position: relative; + right: -35px; +} + +.edd-submit.button.edd-ajax-loading { + padding-left: 30px; +} + +.edd-add-to-cart .edd-add-to-cart-label { + opacity: 1; + filter: alpha(opacity=100); +} + +.edd-loading { + border-radius: 50%; + display: block; + width: 1.5em; + height: 1.5em; + animation: edd-spinning 1.1s infinite linear; + border-top: 0.2em solid rgba(255, 255, 255, 0.2); + border-left: 0.2em solid rgba(255, 255, 255, 0.2); + border-bottom: 0.2em solid rgba(255, 255, 255, 0.2); + border-right: 0.2em solid #fff; + font-size: 0.75em; + position: absolute; + right: calc(50% - 0.75em); + top: calc(50% - 0.75em); + opacity: 0; + filter: alpha(opacity=0); + transform: translateZ(0); +} + +.edd-loading:after { + border-radius: 50%; + display: block; + width: 1.5em; + height: 1.5em; +} + +a.edd-add-to-cart.white .edd-loading, .edd-discount-loader.edd-loading { + border-top-color: rgba(0, 0, 0, 0.2); + border-left-color: rgba(0, 0, 0, 0.2); + border-bottom-color: rgba(0, 0, 0, 0.2); + border-right-color: #000; +} + +.edd-loading-ajax.edd-loading { + border-top-color: rgba(0, 0, 0, 0.2); + border-left-color: rgba(0, 0, 0, 0.2); + border-bottom-color: rgba(0, 0, 0, 0.2); + border-right-color: #000; + display: inline-block; + position: relative; + top: 0; + right: 0.25em; + vertical-align: middle; +} + +#edd_checkout_form_wrap .edd-cart-adjustment .edd-apply-discount.edd-submit { + display: inline-block; +} + +.edd-discount-loader.edd-loading { + display: inline-block; + position: relative; + right: auto; + vertical-align: middle; + width: 1.25em; + height: 1.25em; +} + +.edd-loading-ajax.edd-loading { + opacity: 1; +} + +@keyframes edd-spinning { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(-360deg); + } +} + +a.edd-add-to-cart .edd-add-to-cart-label, .edd-loading { + transition: .1s opacity !important; +} + +.edd-add-to-cart[data-edd-loading] .edd-add-to-cart-label { + opacity: 0; + filter: alpha(opacity=0); +} + +.edd-add-to-cart[data-edd-loading] .edd-loading { + opacity: 1; + filter: alpha(opacity=100); +} + +.edd-discount-loader.edd-loading { + opacity: 1; + filter: alpha(opacity=100); +} + +.edd-cart-added-alert { + position: static; + display: inline-block; + font-size: 1em; +} + +.edd-cart-added-alert .edd-icon-check { + max-width: 18px; + vertical-align: bottom; +} + +/** + * Header Cart Icon with shopping cart. + */ +.ast-edd-site-header-cart { + position: relative; + list-style-type: none; + margin-right: 0; + padding-right: 0; + margin-bottom: 0; + order: 1; +} + +.ast-edd-site-header-cart:focus .widget_edd_cart_widget, .ast-edd-site-header-cart:hover .widget_edd_cart_widget { + left: 0; + right: auto; + opacity: 1; + visibility: visible; +} + +.ast-edd-site-header-cart .ast-edd-shopping-cart-icon { + display: initial; + vertical-align: middle; +} + +.ast-edd-site-header-cart .ast-edd-shopping-cart-icon:before { + content: "\e854"; + font-family: 'Astra'; + font-size: 18px; + font-size: 1.2857rem; +} + +.ast-edd-site-header-cart .ast-edd-site-header-cart-widget .widget_edd_cart_widget > ul { + text-align: right; + width: auto; + position: static; + right: auto; + top: auto; + border-top: 0; + max-height: 500px; + max-height: 50vh; + overflow-y: auto; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget { + background-color: #fff; + position: absolute; + top: 100%; + width: 280px; + padding-top: 1em; + padding-bottom: 1em; + z-index: 999999; + font-size: .875em; + right: -999em; + display: block; + line-height: 1.618; + box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.07); + transition: all 0.3s ease; + border: 2px solid #E6E6E6; + opacity: 0; + visibility: hidden; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item { + padding: .5em 1.5em .5em 2.6em; + /* remove the product from list */ +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item.focus { + animation: ast-hide-animate 1s linear; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .cart_item.empty { + border-bottom: 0; + padding-right: 1.5em; + padding-left: 1.5em; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-number-of-items { + margin-bottom: 0; + padding-right: 1.5em; + padding-left: 1.5em; + padding-bottom: 1em; + text-align: center; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget:before, .ast-edd-site-header-cart .widget_edd_cart_widget:after { + bottom: 100%; + right: auto; + left: 8px; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget:after { + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #fff; + border-width: 6px; + margin-right: -6px; + margin-bottom: -0.3px; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget:before { + border-color: rgba(230, 230, 230, 0); + border-bottom-color: #E6E6E6; + border-width: 9px; + margin-right: -5px; + left: 5px; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-meta { + padding: .5em 1.5em; + margin: 0; + text-align: center; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd_checkout { + padding: 1em 1.5em 0; + text-align: center; + margin-top: 0; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd_checkout a { + padding: 10px 40px; + width: 100%; + display: block; + font-weight: 700; + line-height: 1; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart { + left: 1.2em; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart:after { + font-weight: normal; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart:first-child:after { + padding-bottom: 0; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item:first-child .edd-remove-from-cart:after { + padding-bottom: 1px; +} + +/** + * Header Cart Icon with shopping cart for responsive devices. + */ +.ast-header-break-point .ast-edd-site-header-cart .widget_edd_cart_widget, +.ast-header-break-point .ast-edd-site-header-cart .ast-edd-header-cart-info-wrap { + display: none; +} + +.ast-header-break-point.ast-hfb-header .ast-edd-site-header-cart .ast-edd-header-cart-info-wrap { + display: inline-block; +} + +@keyframes ast-hide-animate { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} + +.header-main-layout-3 .ast-edd-site-header-cart:focus .widget_edd_cart_widget, .header-main-layout-3 .ast-edd-site-header-cart:hover .widget_edd_cart_widget { + left: auto; + right: 0; +} + +.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget { + left: -999em; + right: auto; +} + +.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:before, .header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:after { + right: 8px; + left: auto; +} + +.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:after { + margin-right: -2px; +} + +/* Sidebar widget */ +.widget_edd_cart_widget { + /* Product list separator*/ + /* Product list title*/ + /* Product list price*/ + /* Product list remove link*/ +} + +.widget_edd_cart_widget .edd-cart-item { + border-bottom: 1px solid #e2e2e2; + padding: .5em 0 .5em 1.6em; + position: relative; +} + +.widget_edd_cart_widget .edd-cart-number-of-items { + margin-bottom: 0; + padding-bottom: .5em; + border-bottom: 1px solid #e2e2e2; + font-weight: 700; +} + +.widget_edd_cart_widget .edd-cart-item-separator { + display: none; +} + +.widget_edd_cart_widget .edd-cart-item-title { + display: block; + font-weight: normal; + margin: 0; +} + +.widget_edd_cart_widget .edd-cart-item-price { + float: right; +} + +.widget_edd_cart_widget .edd-remove-from-cart { + position: absolute; + visibility: hidden; + left: 0; + top: 50%; + transform: translateY(-50%); + -js-display: flex; + display: flex; + justify-content: center; + align-items: center; +} + +.widget_edd_cart_widget .edd-remove-from-cart:after { + content: '×'; + -js-display: flex; + display: flex; + justify-content: center; + align-items: center; + color: #ccc; + visibility: visible; + border: 1px solid #ccc; + border-radius: 50%; + font-weight: 700; + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size: 18px; + width: 24px; + height: 24px; + padding-bottom: 2px; + transition: all .2s linear; +} + +.widget_edd_cart_widget .edd-cart-meta { + border-bottom: 1px solid #e2e2e2; +} + +.widget_edd_cart_widget .edd_total { + padding: 0 0 5px; + font-weight: 700; +} + +.widget_edd_cart_widget .edd_checkout { + margin-top: 1em; + padding: 0; +} + +.widget_edd_cart_widget .edd_checkout a { + margin-left: 0; + margin-right: 0; + padding: 10px 40px; + display: inline-block; + line-height: 1; +} + +/* Site Header Cart Icon & Widget */ +.ast-edd-site-header-cart .widget_edd_cart_widget p.buttons, .ast-edd-site-header-cart .widget_edd_cart_widget p.total, .ast-edd-site-header-cart .widget_edd_cart_widget p.buttons, .ast-edd-site-header-cart .widget_edd_cart_widget p.total { + padding: 1em 1.5em; + margin: 0; + text-align: center; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .buttons .button { + display: block; + margin-left: 0; + width: 100%; + margin-right: 0; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .buttons .button.wc-forward { + display: block; + margin-left: 0; + width: 100%; + margin-right: 0; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .woocommerce-mini-cart__empty-message { + margin: 1.41575em; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .cart_list a { + font-weight: normal; + padding: 0; + border-width: 0; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .cart_list a.remove { + border-width: 1px; +} + +.ast-edd-site-header-cart-wrap .ast-edd-cart-menu-wrap { + display: inline-block; + line-height: 1; +} + +.ast-edd-site-header-cart-wrap .count { + font-weight: bold; + position: relative; + display: inline-block; + vertical-align: middle; + text-align: center; + min-width: 2.1em; + min-height: 2.1em; + font-size: 0.860em; + line-height: 1.8; + border-radius: 0em 0em 0.3em 0.3em; + border-width: 2px; + border-style: solid; + padding: 0 .4em; +} + +.ast-edd-site-header-cart-wrap .count:after { + bottom: 100%; + margin-bottom: 0; + height: .8em; + width: .8em; + right: 50%; + transform: translateX(50%); + top: -.6em; + content: ' '; + position: absolute; + pointer-events: none; + border-width: 2px; + border-style: solid; + border-top-right-radius: 10em; + border-top-left-radius: 10em; + border-bottom: 0; +} + +/* EDD form*/ +.edd_form input[type="text"], +.edd_form input[type="password"], +.edd_form input[type="email"], +.edd_form input[type="url"], +.edd_form input[type="date"], +.edd_form input[type="month"], +.edd_form input[type="time"], +.edd_form input[type="datetime"], +.edd_form input[type="datetime-local"], +.edd_form input[type="week"], +.edd_form input[type="number"], +.edd_form input[type="search"], +.edd_form input[type="tel"], +.edd_form input[type="color"], +.edd_form select, +.edd_form textarea { + width: 100%; +} + +.edd_form input[type="radio"], +.edd_form input[type="checkbox"] { + border: none; + margin-left: 5px; + vertical-align: middle; +} + +.edd_form .edd-select.edd-select-small { + display: inline; + width: auto; +} + +.edd_form .edd-description { + margin-bottom: 5px; + display: block; +} + +.edd_form legend { + font-size: 22px; + font-size: 1.4rem; + border-bottom: 1px solid #eaeaea; + background: #fafafa; + font-weight: bold; + padding: 15px 30px; + margin: 0; + display: block; + width: 100%; + position: relative; +} + +.edd_form p { + padding-right: 30px; + padding-left: 30px; +} + +.edd_form fieldset { + padding: 0 0 1em; + border: 0; +} + +.edd_form fieldset > p { + padding-top: 5px; + padding-bottom: 5px; + margin-bottom: 5px; +} + +/* EDD Table*/ +.edd-table th { + background: #fafafa; + font-weight: bold; +} + +.edd-table th, +.edd-table td { + text-align: right; + padding: 10px 20px; +} + +.edd-table ul { + margin-right: 1em; + margin-bottom: 0; +} + +/* EDD Checkout page*/ +#edd_checkout_cart { + margin-bottom: 2em; +} + +#edd_checkout_cart .edd_cart_header_row th { + background: #fafafa; + font-weight: bold; +} + +#edd_checkout_cart th, +#edd_checkout_cart td { + padding: 15px 30px; +} + +#edd_checkout_cart th.edd_cart_total, #edd_checkout_cart th.edd_cart_actions, +#edd_checkout_cart td.edd_cart_total, +#edd_checkout_cart td.edd_cart_actions { + text-align: left; +} + +#edd_checkout_cart td img { + float: right; + margin: 0 0 0 8px; + background: none; + padding: 0; + border: none; +} + +#edd_checkout_wrap .edd_cart_remove_item_btn { + margin-right: 1em; +} + +#edd_checkout_wrap #edd_purchase_form { + border: 0; +} + +#edd_checkout_wrap legend { + font-size: 22px; + font-size: 1.4rem; + border-bottom: 1px solid #eaeaea; + background: #fafafa; + font-weight: bold; + padding: 15px 30px; + display: block; + width: 100%; + float: right; + position: relative; + margin: 0 0 10px; +} + +#edd_checkout_wrap p { + padding-right: 30px; + padding-left: 30px; +} + +#edd_checkout_wrap fieldset { + padding: 0; + border: 0; +} + +#edd_checkout_wrap fieldset > p { + padding-top: 5px; + padding-bottom: 5px; + margin-bottom: 5px; +} + +#edd_checkout_wrap fieldset > p:last-child { + padding-bottom: 15px; +} + +#edd_checkout_wrap fieldset > div { + padding: 5px 30px; + margin-bottom: 5px; +} + +#edd_checkout_wrap fieldset > div > p { + padding: 0; +} + +#edd_checkout_wrap #edd-card-state-wrap { + padding-bottom: 15px; +} + +#edd_checkout_wrap #edd_discount_code { + border: 1px solid #eaeaea; + margin-bottom: 2em; + padding-top: .5em; + padding-bottom: .5em; +} + +#edd_checkout_wrap #edd_discount_code p { + padding-top: 10px; + margin-bottom: 0; + padding-bottom: 10px; +} + +#edd_checkout_wrap #edd_discount_code .edd-apply-discount { + margin-top: 10px; +} + +#edd_checkout_wrap #edd_discount_code #edd-discount { + width: 100%; +} + +#edd_checkout_wrap .eddr-cart-item-notice { + text-align: right; + font-size: 0.9em; +} + +#edd_checkout_form_wrap label { + font-weight: bold; +} + +#edd_checkout_form_wrap fieldset { + border: 1px solid #eee; + margin: 0 0 20px; +} + +#edd_checkout_form_wrap #edd_purchase_submit .edd-loading-ajax.edd-loading { + display: none; +} + +#edd_checkout_form_wrap #edd_purchase_submit, +#edd_checkout_form_wrap #edd_discount_code, +#edd_checkout_form_wrap #edd_register_account_fields { + border: 0; +} + +#edd_checkout_form_wrap #edd-discount-code-wrap, +#edd_checkout_form_wrap #edd_final_total_wrap, +#edd_checkout_form_wrap #edd_show_discount { + border: 1px solid #eee; + margin: 0 0 20px; +} + +#edd_checkout_form_wrap #edd_final_total_wrap, +#edd_checkout_form_wrap .edd-privacy-policy-agreement { + padding-top: 10px; + padding-bottom: 10px; +} + +#edd_checkout_form_wrap #edd-show-privacy-policy { + padding-top: 10px; + margin-bottom: 0; +} + +#edd_checkout_form_wrap #edd-show-privacy-policy + .edd-privacy-policy-agreement { + padding-top: 5px; +} + +#edd_checkout_form_wrap .edd-privacy-policy-agreement { + margin-bottom: 0; + -js-display: flex; + display: flex; + align-items: center; +} + +#edd_checkout_form_wrap #edd-payment-mode-wrap label { + display: inline-block; + margin: 0 0 0 20px; +} + +#edd_checkout_form_wrap .edd-payment-icons { + height: 32px; + display: block; + margin: 0 0 30px; +} + +#edd_checkout_form_wrap .edd-payment-icons img.payment-icon { + max-height: 32px; + width: auto; + margin: 0 0 0 3px; + float: right; + background: none; + padding: 0; + border: none; + box-shadow: none; +} + +#edd_checkout_form_wrap .edd-required-indicator { + color: #b94a48; + display: inline; +} + +#edd_checkout_form_wrap .edd-description { + width: auto; + font-size: 0.9em; + margin-right: 10px; + opacity: 0.7; + font-style: italic; + margin-bottom: 6px; + display: inline-block; +} + +/* EDD License manager */ +.edd_sl_form > div { + border: 1px solid #e5e5e5; + padding: 10px 20px; +} + +.edd_sl_form > div > span { + display: block; + margin-bottom: 10px; +} + +/* EDD Notices */ +/* Alert Styles */ +.edd-alert { + border-radius: 2px; + margin-bottom: 10px; + padding: 10px; + border: 1px solid transparent; + vertical-align: middle; +} + +.edd-alert p { + padding: 0; +} + +.edd-alert p:not(:last-child) { + margin-bottom: 5px; +} + +.edd-alert p:last-child { + margin-bottom: 0; +} + +.edd-alert-error { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; +} + +.edd-alert-success { + background-color: #dff0d8; + border-color: #d6e9c6; + color: #3c763d; +} + +.edd-alert-info { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; +} + +.edd-alert-warn { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #faebcc; +} + +/* =Purchase buttons +-------------------------------------------------------------- */ +.edd_download_purchase_form .edd_price_options { + display: inline-block; +} + +.edd_download_purchase_form .edd_price_options ul { + margin: 0; + padding: 0; + list-style: none; +} + +.edd_download_purchase_form .edd_price_options li { + -js-display: flex; + display: flex; + padding: 5px 0 0; + margin: 0; + align-items: center; + align-self: center; +} + +.edd_download_purchase_form .edd_price_options li .eddr-terms-notice { + font-size: .9em; + margin-bottom: 0; + padding-right: 20px; +} + +.edd_download_purchase_form .edd_price_options span { + display: inline; + padding: 0; + margin: 0; +} + +.edd_download_purchase_form .edd_price_options input[type="radio"], +.edd_download_purchase_form .edd_price_options input[type="checkbox"] { + border: none; + margin-left: 5px; + vertical-align: middle; +} + +.ast-page-builder-template.ast-edd-archive-page .site-content > .ast-container { + max-width: 100%; +} + +/* EDD form Elements */ +#edd_checkout_wrap input[type=text], +#edd_checkout_wrap input[type=email], +#edd_checkout_wrap input[type=url], +#edd_checkout_wrap input[type=password], +#edd_checkout_wrap input[type=number], +#edd_checkout_wrap input[type=search], +#edd_checkout_wrap input[type=reset], +#edd_checkout_wrap input[type=tel], +#edd_checkout_wrap textarea, +.edd_download_purchase_form input[type=text], +.edd_download_purchase_form input[type=email], +.edd_download_purchase_form input[type=url], +.edd_download_purchase_form input[type=password], +.edd_download_purchase_form input[type=number], +.edd_download_purchase_form input[type=search], +.edd_download_purchase_form input[type=reset], +.edd_download_purchase_form input[type=tel], +.edd_download_purchase_form textarea { + border-color: #dddddd; + background: #fff; + box-shadow: none; + border-radius: 0px; +} + +#edd_checkout_wrap input[type=text]:focus, +#edd_checkout_wrap input[type=email]:focus, +#edd_checkout_wrap input[type=url]:focus, +#edd_checkout_wrap input[type=password]:focus, +#edd_checkout_wrap input[type=number]:focus, +#edd_checkout_wrap input[type=search]:focus, +#edd_checkout_wrap input[type=reset]:focus, +#edd_checkout_wrap input[type=tel]:focus, +#edd_checkout_wrap textarea:focus, +.edd_download_purchase_form input[type=text]:focus, +.edd_download_purchase_form input[type=email]:focus, +.edd_download_purchase_form input[type=url]:focus, +.edd_download_purchase_form input[type=password]:focus, +.edd_download_purchase_form input[type=number]:focus, +.edd_download_purchase_form input[type=search]:focus, +.edd_download_purchase_form input[type=reset]:focus, +.edd_download_purchase_form input[type=tel]:focus, +.edd_download_purchase_form textarea:focus { + box-shadow: none; + border-color: #dddddd; + outline: 0; +} + +#edd_checkout_wrap select, +.edd_download_purchase_form select { + border: 1px solid #dddddd; + border-radius: 0px; + box-shadow: none; +} + +#edd_checkout_wrap select:focus, +.edd_download_purchase_form select:focus { + outline: none; + outline: 0; +} + +#edd_checkout_wrap input.edd-input.edd-item-quantity, +.edd_download_purchase_form input.edd-input.edd-item-quantity { + width: 60px; +} + +/* Edd Software Licensing */ +.edd_sl_table .edd_sl_license_row, +.edd_sl_license_row { + /* Fixed: License key display issue on profile page */ +} + +.edd_sl_table .edd_sl_license_row .view-key-wrapper, +.edd_sl_license_row .view-key-wrapper { + position: absolute; +} + +.edd_sl_table .edd_sl_license_row input.edd_sl_license_key, +.edd_sl_license_row input.edd_sl_license_key { + position: relative; + min-width: 285px; + width: 20em; + text-align: center; + border: 1px solid #e0e5e8; + box-shadow: 0 0 6px 0 #e1e3e4; + height: 2.5em; + background: #eef2f5; + color: #4a545a; +} + +#edd_sl_license_add_site_form div { + padding-top: 15px; + padding-bottom: 15px; +} + +#edd_checkout_form_wrap #edd_sl_show_renewal_form_wrap { + padding-top: 10px; +} + +#edd_checkout_form_wrap #edd_sl_renewal_fields { + padding: 10px 0; +} + +#edd_checkout_form_wrap #edd-license-key { + width: 100%; +} + +#edd_checkout_form_wrap #edd-cancel-license-renewal { + padding-right: 10px; +} + +#edd_profile_editor_form fieldset { + border: 1px solid #eaeaea; + margin-bottom: 2em; +} + +#edd_profile_editor_form fieldset p { + clear: both; +} + +#edd_profile_editor_form legend { + font-size: 20px; + font-size: 1.2rem; + float: right; +} + +#edd_profile_editor_form #edd_profile_submit_fieldset { + border: 0; +} + +#edd_profile_editor_form #edd_profile_submit_fieldset p { + padding: 0; +} + +/* EDD cart for Left Section in Builder Layout */ +.site-header-section-left .ast-edd-site-header-cart:focus .widget_edd_cart_widget, .site-header-section-left .ast-edd-site-header-cart:hover .widget_edd_cart_widget { + left: auto; + right: 0; +} + +.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget { + left: -999em; + right: auto; +} + +.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:before, .site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:after { + right: 8px; + left: auto; +} + +.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:after { + margin-right: -2px; +} diff --git a/assets/css/unminified/compatibility/edd.css b/assets/css/unminified/compatibility/edd.css new file mode 100644 index 0000000..b6f416a --- /dev/null +++ b/assets/css/unminified/compatibility/edd.css @@ -0,0 +1,1353 @@ +@charset "UTF-8"; +/** + * edd.scss + * Governs the general look and feel of Easy Digital Downloads sections of stores using themes that do not + * integrate with Easy Digital Downloads specifically. + */ +/** + * Astra Theme compatibility with Easy Digital Downloads + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.ast-edd-container { + -js-display: flex; + display: flex; + flex-wrap: wrap; + clear: both; +} + +.ast-separate-container .ast-edd-container { + background-color: #fff; + content: ""; + display: table; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-edd-container { + padding: 3.34em 2.4em; + } +} + +@media (max-width: 992px) { + .ast-separate-container .ast-edd-container { + padding: 1.5em 2.14em; + } +} + +@media (max-width: 544px) { + .ast-separate-container .ast-edd-container { + padding: .54em 1em 1.33333em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-edd-container { + padding: 5.34em 6.67em; + } +} + +/* Edd Archive Products grid layout */ +.ast-edd-archive-article, +.ast-page-builder-template .ast-edd-archive-article { + padding: 0; + float: left; + margin: 0 20px 2.992em 0; +} + +.columns-1 .ast-edd-archive-article { + width: 100%; + margin-right: 0; +} + +.columns-2 .ast-edd-archive-article { + width: 48.4%; + width: calc(50% - 10px); +} + +.columns-2 .ast-edd-archive-article:nth-child(2n) { + margin-right: 0; + clear: right; +} + +.columns-2 .ast-edd-archive-article:nth-child(2n+1) { + clear: left; +} + +.columns-3 .ast-edd-archive-article { + width: 31.2%; + width: calc( 33.33% - 14px); +} + +.columns-3 .ast-edd-archive-article:nth-child(3n) { + margin-right: 0; + clear: right; +} + +.columns-3 .ast-edd-archive-article:nth-child(3n+1) { + clear: left; +} + +.columns-4 .ast-edd-archive-article { + width: 22.5%; + width: calc( 25% - 15px); +} + +.columns-4 .ast-edd-archive-article:nth-child(4n) { + margin-right: 0; + clear: right; +} + +.columns-4 .ast-edd-archive-article:nth-child(4n+1) { + clear: left; +} + +.columns-5 .ast-edd-archive-article { + width: 17.5%; + width: calc( 20% - 16px); +} + +.columns-5 .ast-edd-archive-article:nth-child(5n) { + margin-right: 0; + clear: right; +} + +.columns-5 .ast-edd-archive-article:nth-child(5n+1) { + clear: left; +} + +.columns-6 .ast-edd-archive-article { + width: 14%; + width: calc( 16.66% - 16.66px); +} + +.columns-6 .ast-edd-archive-article:nth-child(6n) { + margin-right: 0; + clear: right; +} + +.columns-6 .ast-edd-archive-article:nth-child(6n+1) { + clear: left; +} + +/* Edd Single and Checkout commom Download product */ +.single-download .entry-header { + margin-bottom: 1em; +} + +.single-download .edd_download_purchase_form .edd_price_options li { + justify-content: flex-start; +} + +.single-download .edd_download_purchase_form .edd_purchase_submit_wrapper { + margin: 20px auto 0; +} + +.single-download .edd-item-quantity, +.edd-checkout .edd-item-quantity { + padding: .5em .5em; +} + +/* Edd Archive products strucutre */ +.ast-edd-archive-article { + text-align: center; +} + +.ast-edd-archive-block-wrap .edd_download_image img, +.edd_downloads_list .edd_download_image img { + margin-bottom: .8em; +} + +.ast-edd-archive-block-wrap .edd_download_title, +.edd_downloads_list .edd_download_title { + margin-bottom: .5em; + padding: 0; + font-size: 1em; +} + +.ast-edd-archive-block-wrap .edd_price, +.ast-edd-archive-block-wrap .edd_price_options, +.edd_downloads_list .edd_price, +.edd_downloads_list .edd_price_options { + line-height: 1.3; + margin-bottom: 0; + font-weight: 700; + margin-bottom: .5em; + font-size: .9rem; +} + +.ast-edd-archive-block-wrap .edd-add-to-cart, +.ast-edd-archive-block-wrap .edd_go_to_checkout, +.ast-edd-archive-block-wrap .ast-edd-variable-btn, +.edd_downloads_list .edd-add-to-cart, +.edd_downloads_list .edd_go_to_checkout, +.edd_downloads_list .ast-edd-variable-btn { + margin-top: .5em; + margin-bottom: .5em; + white-space: normal; + line-height: 1.3; + display: inline-block; +} + +.ast-edd-archive-block-wrap .edd_download_excerpt p, +.edd_downloads_list .edd_download_excerpt p { + margin-bottom: .5em; +} + +.ast-edd-archive-block-wrap .edd_download_quantity_wrapper .edd-item-quantity, +.edd_downloads_list .edd_download_quantity_wrapper .edd-item-quantity { + padding: .5em .5em; + max-width: 60px; +} + +.ast-edd-archive-block-wrap .edd_download_quantity_wrapper + .edd_purchase_submit_wrapper, +.edd_downloads_list .edd_download_quantity_wrapper + .edd_purchase_submit_wrapper { + margin-top: 0; +} + +.ast-edd-download-categories { + font-size: .85em; + margin-bottom: .5em; + display: block; + line-height: 1.3; + opacity: .6; +} + +/* EDD Purchase form */ +.edd_download_purchase_form .edd_purchase_submit_wrapper { + margin: 10px auto 0; +} + +/* EDD Shortcodes */ +.edd_downloads_list { + -js-display: flex; + display: flex; + flex-wrap: wrap; + clear: both; +} + +.edd_downloads_list .edd_download { + padding: 0; + float: left; + margin: 0 20px 2.992em 0; + text-align: center; +} + +.edd_downloads_list.edd_download_columns_1 .edd_download { + width: 100%; + margin-right: 0; +} + +.edd_downloads_list.edd_download_columns_2 .edd_download { + width: 48.4%; + width: calc(50% - 10px); +} + +.edd_downloads_list.edd_download_columns_2 .edd_download:nth-child(2n) { + margin-right: 0; + clear: right; +} + +.edd_downloads_list.edd_download_columns_2 .edd_download:nth-child(2n+1) { + clear: left; +} + +.edd_downloads_list.edd_download_columns_3 .edd_download { + width: 31.2%; + width: calc( 33.33% - 14px); +} + +.edd_downloads_list.edd_download_columns_3 .edd_download:nth-child(3n) { + margin-right: 0; + clear: right; +} + +.edd_downloads_list.edd_download_columns_3 .edd_download:nth-child(3n+1) { + clear: left; +} + +.edd_downloads_list.edd_download_columns_4 .edd_download { + width: 22.5%; + width: calc( 25% - 15px); +} + +.edd_downloads_list.edd_download_columns_4 .edd_download:nth-child(4n) { + margin-right: 0; + clear: right; +} + +.edd_downloads_list.edd_download_columns_4 .edd_download:nth-child(4n+1) { + clear: left; +} + +.edd_downloads_list.edd_download_columns_5 .edd_download { + width: 17.5%; + width: calc( 20% - 16px); +} + +.edd_downloads_list.edd_download_columns_5 .edd_download:nth-child(5n) { + margin-right: 0; + clear: right; +} + +.edd_downloads_list.edd_download_columns_5 .edd_download:nth-child(5n+1) { + clear: left; +} + +.edd_downloads_list.edd_download_columns_6 .edd_download { + width: 14%; + width: calc( 16.66% - 16.66px); +} + +.edd_downloads_list.edd_download_columns_6 .edd_download:nth-child(6n) { + margin-right: 0; + clear: right; +} + +.edd_downloads_list.edd_download_columns_6 .edd_download:nth-child(6n+1) { + clear: left; +} + +/* EDD Pagination */ +.edd_pagination { + display: inline-block; + text-align: center; + white-space: nowrap; + padding: 0; + clear: both; + border: 0; + margin: 1px; +} + +.edd_pagination a, +.edd_pagination span { + margin: 0 5px 5px 0; + border: 1px solid #d3ced2; + text-decoration: none; + line-height: 1; + font-size: 1em; + font-weight: normal; + padding: 0.75em; + float: left; + display: inline; + min-width: 2.5em; +} + +/* =Ajax Add To Cart Button +-------------------------------------------------------------- */ +.edd_purchase_submit_wrapper { + position: relative; +} + +.edd_purchase_submit_wrapper a.edd-add-to-cart { + text-decoration: none; + display: none; + position: relative; + overflow: hidden; + line-height: 1.3; +} + +.edd_purchase_submit_wrapper a.edd-add-to-cart.edd-has-js { + display: inline-block; +} + +.edd_purchase_submit_wrapper .edd-cart-ajax { + display: none; + position: relative; + left: -35px; +} + +.edd-submit.button.edd-ajax-loading { + padding-right: 30px; +} + +.edd-add-to-cart .edd-add-to-cart-label { + opacity: 1; + filter: alpha(opacity=100); +} + +.edd-loading { + border-radius: 50%; + display: block; + width: 1.5em; + height: 1.5em; + animation: edd-spinning 1.1s infinite linear; + border-top: 0.2em solid rgba(255, 255, 255, 0.2); + border-right: 0.2em solid rgba(255, 255, 255, 0.2); + border-bottom: 0.2em solid rgba(255, 255, 255, 0.2); + border-left: 0.2em solid #fff; + font-size: 0.75em; + position: absolute; + left: calc(50% - 0.75em); + top: calc(50% - 0.75em); + opacity: 0; + filter: alpha(opacity=0); + transform: translateZ(0); +} + +.edd-loading:after { + border-radius: 50%; + display: block; + width: 1.5em; + height: 1.5em; +} + +a.edd-add-to-cart.white .edd-loading, .edd-discount-loader.edd-loading { + border-top-color: rgba(0, 0, 0, 0.2); + border-right-color: rgba(0, 0, 0, 0.2); + border-bottom-color: rgba(0, 0, 0, 0.2); + border-left-color: #000; +} + +.edd-loading-ajax.edd-loading { + border-top-color: rgba(0, 0, 0, 0.2); + border-right-color: rgba(0, 0, 0, 0.2); + border-bottom-color: rgba(0, 0, 0, 0.2); + border-left-color: #000; + display: inline-block; + position: relative; + top: 0; + left: 0.25em; + vertical-align: middle; +} + +#edd_checkout_form_wrap .edd-cart-adjustment .edd-apply-discount.edd-submit { + display: inline-block; +} + +.edd-discount-loader.edd-loading { + display: inline-block; + position: relative; + left: auto; + vertical-align: middle; + width: 1.25em; + height: 1.25em; +} + +.edd-loading-ajax.edd-loading { + opacity: 1; +} + +@keyframes edd-spinning { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +a.edd-add-to-cart .edd-add-to-cart-label, .edd-loading { + transition: .1s opacity !important; +} + +.edd-add-to-cart[data-edd-loading] .edd-add-to-cart-label { + opacity: 0; + filter: alpha(opacity=0); +} + +.edd-add-to-cart[data-edd-loading] .edd-loading { + opacity: 1; + filter: alpha(opacity=100); +} + +.edd-discount-loader.edd-loading { + opacity: 1; + filter: alpha(opacity=100); +} + +.edd-cart-added-alert { + position: static; + display: inline-block; + font-size: 1em; +} + +.edd-cart-added-alert .edd-icon-check { + max-width: 18px; + vertical-align: bottom; +} + +/** + * Header Cart Icon with shopping cart. + */ +.ast-edd-site-header-cart { + position: relative; + list-style-type: none; + margin-left: 0; + padding-left: 0; + margin-bottom: 0; + order: 1; +} + +.ast-edd-site-header-cart:focus .widget_edd_cart_widget, .ast-edd-site-header-cart:hover .widget_edd_cart_widget { + right: 0; + left: auto; + opacity: 1; + visibility: visible; +} + +.ast-edd-site-header-cart .ast-edd-shopping-cart-icon { + display: initial; + vertical-align: middle; +} + +.ast-edd-site-header-cart .ast-edd-shopping-cart-icon:before { + content: "\e854"; + font-family: 'Astra'; + font-size: 18px; + font-size: 1.2857rem; +} + +.ast-edd-site-header-cart .ast-edd-site-header-cart-widget .widget_edd_cart_widget > ul { + text-align: left; + width: auto; + position: static; + left: auto; + top: auto; + border-top: 0; + max-height: 500px; + max-height: 50vh; + overflow-y: auto; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget { + background-color: #fff; + position: absolute; + top: 100%; + width: 280px; + padding-top: 1em; + padding-bottom: 1em; + z-index: 999999; + font-size: .875em; + left: -999em; + display: block; + line-height: 1.618; + box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.07); + transition: all 0.3s ease; + border: 2px solid #E6E6E6; + opacity: 0; + visibility: hidden; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item { + padding: .5em 2.6em .5em 1.5em; + /* remove the product from list */ +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item.focus { + animation: ast-hide-animate 1s linear; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .cart_item.empty { + border-bottom: 0; + padding-left: 1.5em; + padding-right: 1.5em; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-number-of-items { + margin-bottom: 0; + padding-left: 1.5em; + padding-right: 1.5em; + padding-bottom: 1em; + text-align: center; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget:before, .ast-edd-site-header-cart .widget_edd_cart_widget:after { + bottom: 100%; + left: auto; + right: 8px; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget:after { + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #fff; + border-width: 6px; + margin-left: -6px; + margin-bottom: -0.3px; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget:before { + border-color: rgba(230, 230, 230, 0); + border-bottom-color: #E6E6E6; + border-width: 9px; + margin-left: -5px; + right: 5px; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-meta { + padding: .5em 1.5em; + margin: 0; + text-align: center; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd_checkout { + padding: 1em 1.5em 0; + text-align: center; + margin-top: 0; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd_checkout a { + padding: 10px 40px; + width: 100%; + display: block; + font-weight: 700; + line-height: 1; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart { + right: 1.2em; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart:after { + font-weight: normal; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart:first-child:after { + padding-bottom: 0; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item:first-child .edd-remove-from-cart:after { + padding-bottom: 1px; +} + +/** + * Header Cart Icon with shopping cart for responsive devices. + */ +.ast-header-break-point .ast-edd-site-header-cart .widget_edd_cart_widget, +.ast-header-break-point .ast-edd-site-header-cart .ast-edd-header-cart-info-wrap { + display: none; +} + +.ast-header-break-point.ast-hfb-header .ast-edd-site-header-cart .ast-edd-header-cart-info-wrap { + display: inline-block; +} + +@keyframes ast-hide-animate { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} + +.header-main-layout-3 .ast-edd-site-header-cart:focus .widget_edd_cart_widget, .header-main-layout-3 .ast-edd-site-header-cart:hover .widget_edd_cart_widget { + right: auto; + left: 0; +} + +.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget { + right: -999em; + left: auto; +} + +.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:before, .header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:after { + left: 8px; + right: auto; +} + +.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:after { + margin-left: -2px; +} + +/* Sidebar widget */ +.widget_edd_cart_widget { + /* Product list separator*/ + /* Product list title*/ + /* Product list price*/ + /* Product list remove link*/ +} + +.widget_edd_cart_widget .edd-cart-item { + border-bottom: 1px solid #e2e2e2; + padding: .5em 1.6em .5em 0; + position: relative; +} + +.widget_edd_cart_widget .edd-cart-number-of-items { + margin-bottom: 0; + padding-bottom: .5em; + border-bottom: 1px solid #e2e2e2; + font-weight: 700; +} + +.widget_edd_cart_widget .edd-cart-item-separator { + display: none; +} + +.widget_edd_cart_widget .edd-cart-item-title { + display: block; + font-weight: normal; + margin: 0; +} + +.widget_edd_cart_widget .edd-cart-item-price { + float: left; +} + +.widget_edd_cart_widget .edd-remove-from-cart { + position: absolute; + visibility: hidden; + right: 0; + top: 50%; + transform: translateY(-50%); + -js-display: flex; + display: flex; + justify-content: center; + align-items: center; +} + +.widget_edd_cart_widget .edd-remove-from-cart:after { + content: '×'; + -js-display: flex; + display: flex; + justify-content: center; + align-items: center; + color: #ccc; + visibility: visible; + border: 1px solid #ccc; + border-radius: 50%; + font-weight: 700; + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size: 18px; + width: 24px; + height: 24px; + padding-bottom: 2px; + transition: all .2s linear; +} + +.widget_edd_cart_widget .edd-cart-meta { + border-bottom: 1px solid #e2e2e2; +} + +.widget_edd_cart_widget .edd_total { + padding: 0 0 5px; + font-weight: 700; +} + +.widget_edd_cart_widget .edd_checkout { + margin-top: 1em; + padding: 0; +} + +.widget_edd_cart_widget .edd_checkout a { + margin-right: 0; + margin-left: 0; + padding: 10px 40px; + display: inline-block; + line-height: 1; +} + +/* Site Header Cart Icon & Widget */ +.ast-edd-site-header-cart .widget_edd_cart_widget p.buttons, .ast-edd-site-header-cart .widget_edd_cart_widget p.total, .ast-edd-site-header-cart .widget_edd_cart_widget p.buttons, .ast-edd-site-header-cart .widget_edd_cart_widget p.total { + padding: 1em 1.5em; + margin: 0; + text-align: center; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .buttons .button { + display: block; + margin-right: 0; + width: 100%; + margin-left: 0; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .buttons .button.wc-forward { + display: block; + margin-right: 0; + width: 100%; + margin-left: 0; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .woocommerce-mini-cart__empty-message { + margin: 1.41575em; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .cart_list a { + font-weight: normal; + padding: 0; + border-width: 0; +} + +.ast-edd-site-header-cart .widget_edd_cart_widget .cart_list a.remove { + border-width: 1px; +} + +.ast-edd-site-header-cart-wrap .ast-edd-cart-menu-wrap { + display: inline-block; + line-height: 1; +} + +.ast-edd-site-header-cart-wrap .count { + font-weight: bold; + position: relative; + display: inline-block; + vertical-align: middle; + text-align: center; + min-width: 2.1em; + min-height: 2.1em; + font-size: 0.860em; + line-height: 1.8; + border-radius: 0em 0em 0.3em 0.3em; + border-width: 2px; + border-style: solid; + padding: 0 .4em; +} + +.ast-edd-site-header-cart-wrap .count:after { + bottom: 100%; + margin-bottom: 0; + height: .8em; + width: .8em; + left: 50%; + transform: translateX(-50%); + top: -.6em; + content: ' '; + position: absolute; + pointer-events: none; + border-width: 2px; + border-style: solid; + border-top-left-radius: 10em; + border-top-right-radius: 10em; + border-bottom: 0; +} + +/* EDD form*/ +.edd_form input[type="text"], +.edd_form input[type="password"], +.edd_form input[type="email"], +.edd_form input[type="url"], +.edd_form input[type="date"], +.edd_form input[type="month"], +.edd_form input[type="time"], +.edd_form input[type="datetime"], +.edd_form input[type="datetime-local"], +.edd_form input[type="week"], +.edd_form input[type="number"], +.edd_form input[type="search"], +.edd_form input[type="tel"], +.edd_form input[type="color"], +.edd_form select, +.edd_form textarea { + width: 100%; +} + +.edd_form input[type="radio"], +.edd_form input[type="checkbox"] { + border: none; + margin-right: 5px; + vertical-align: middle; +} + +.edd_form .edd-select.edd-select-small { + display: inline; + width: auto; +} + +.edd_form .edd-description { + margin-bottom: 5px; + display: block; +} + +.edd_form legend { + font-size: 22px; + font-size: 1.4rem; + border-bottom: 1px solid #eaeaea; + background: #fafafa; + font-weight: bold; + padding: 15px 30px; + margin: 0; + display: block; + width: 100%; + position: relative; +} + +.edd_form p { + padding-left: 30px; + padding-right: 30px; +} + +.edd_form fieldset { + padding: 0 0 1em; + border: 0; +} + +.edd_form fieldset > p { + padding-top: 5px; + padding-bottom: 5px; + margin-bottom: 5px; +} + +/* EDD Table*/ +.edd-table th { + background: #fafafa; + font-weight: bold; +} + +.edd-table th, +.edd-table td { + text-align: left; + padding: 10px 20px; +} + +.edd-table ul { + margin-left: 1em; + margin-bottom: 0; +} + +/* EDD Checkout page*/ +#edd_checkout_cart { + margin-bottom: 2em; +} + +#edd_checkout_cart .edd_cart_header_row th { + background: #fafafa; + font-weight: bold; +} + +#edd_checkout_cart th, +#edd_checkout_cart td { + padding: 15px 30px; +} + +#edd_checkout_cart th.edd_cart_total, #edd_checkout_cart th.edd_cart_actions, +#edd_checkout_cart td.edd_cart_total, +#edd_checkout_cart td.edd_cart_actions { + text-align: right; +} + +#edd_checkout_cart td img { + float: left; + margin: 0 8px 0 0; + background: none; + padding: 0; + border: none; +} + +#edd_checkout_wrap .edd_cart_remove_item_btn { + margin-left: 1em; +} + +#edd_checkout_wrap #edd_purchase_form { + border: 0; +} + +#edd_checkout_wrap legend { + font-size: 22px; + font-size: 1.4rem; + border-bottom: 1px solid #eaeaea; + background: #fafafa; + font-weight: bold; + padding: 15px 30px; + display: block; + width: 100%; + float: left; + position: relative; + margin: 0 0 10px; +} + +#edd_checkout_wrap p { + padding-left: 30px; + padding-right: 30px; +} + +#edd_checkout_wrap fieldset { + padding: 0; + border: 0; +} + +#edd_checkout_wrap fieldset > p { + padding-top: 5px; + padding-bottom: 5px; + margin-bottom: 5px; +} + +#edd_checkout_wrap fieldset > p:last-child { + padding-bottom: 15px; +} + +#edd_checkout_wrap fieldset > div { + padding: 5px 30px; + margin-bottom: 5px; +} + +#edd_checkout_wrap fieldset > div > p { + padding: 0; +} + +#edd_checkout_wrap #edd-card-state-wrap { + padding-bottom: 15px; +} + +#edd_checkout_wrap #edd_discount_code { + border: 1px solid #eaeaea; + margin-bottom: 2em; + padding-top: .5em; + padding-bottom: .5em; +} + +#edd_checkout_wrap #edd_discount_code p { + padding-top: 10px; + margin-bottom: 0; + padding-bottom: 10px; +} + +#edd_checkout_wrap #edd_discount_code .edd-apply-discount { + margin-top: 10px; +} + +#edd_checkout_wrap #edd_discount_code #edd-discount { + width: 100%; +} + +#edd_checkout_wrap .eddr-cart-item-notice { + text-align: left; + font-size: 0.9em; +} + +#edd_checkout_form_wrap label { + font-weight: bold; +} + +#edd_checkout_form_wrap fieldset { + border: 1px solid #eee; + margin: 0 0 20px; +} + +#edd_checkout_form_wrap #edd_purchase_submit .edd-loading-ajax.edd-loading { + display: none; +} + +#edd_checkout_form_wrap #edd_purchase_submit, +#edd_checkout_form_wrap #edd_discount_code, +#edd_checkout_form_wrap #edd_register_account_fields { + border: 0; +} + +#edd_checkout_form_wrap #edd-discount-code-wrap, +#edd_checkout_form_wrap #edd_final_total_wrap, +#edd_checkout_form_wrap #edd_show_discount { + border: 1px solid #eee; + margin: 0 0 20px; +} + +#edd_checkout_form_wrap #edd_final_total_wrap, +#edd_checkout_form_wrap .edd-privacy-policy-agreement { + padding-top: 10px; + padding-bottom: 10px; +} + +#edd_checkout_form_wrap #edd-show-privacy-policy { + padding-top: 10px; + margin-bottom: 0; +} + +#edd_checkout_form_wrap #edd-show-privacy-policy + .edd-privacy-policy-agreement { + padding-top: 5px; +} + +#edd_checkout_form_wrap .edd-privacy-policy-agreement { + margin-bottom: 0; + -js-display: flex; + display: flex; + align-items: center; +} + +#edd_checkout_form_wrap #edd-payment-mode-wrap label { + display: inline-block; + margin: 0 20px 0 0; +} + +#edd_checkout_form_wrap .edd-payment-icons { + height: 32px; + display: block; + margin: 0 0 30px; +} + +#edd_checkout_form_wrap .edd-payment-icons img.payment-icon { + max-height: 32px; + width: auto; + margin: 0 3px 0 0; + float: left; + background: none; + padding: 0; + border: none; + box-shadow: none; +} + +#edd_checkout_form_wrap .edd-required-indicator { + color: #b94a48; + display: inline; +} + +#edd_checkout_form_wrap .edd-description { + width: auto; + font-size: 0.9em; + margin-left: 10px; + opacity: 0.7; + font-style: italic; + margin-bottom: 6px; + display: inline-block; +} + +/* EDD License manager */ +.edd_sl_form > div { + border: 1px solid #e5e5e5; + padding: 10px 20px; +} + +.edd_sl_form > div > span { + display: block; + margin-bottom: 10px; +} + +/* EDD Notices */ +/* Alert Styles */ +.edd-alert { + border-radius: 2px; + margin-bottom: 10px; + padding: 10px; + border: 1px solid transparent; + vertical-align: middle; +} + +.edd-alert p { + padding: 0; +} + +.edd-alert p:not(:last-child) { + margin-bottom: 5px; +} + +.edd-alert p:last-child { + margin-bottom: 0; +} + +.edd-alert-error { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; +} + +.edd-alert-success { + background-color: #dff0d8; + border-color: #d6e9c6; + color: #3c763d; +} + +.edd-alert-info { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; +} + +.edd-alert-warn { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #faebcc; +} + +/* =Purchase buttons +-------------------------------------------------------------- */ +.edd_download_purchase_form .edd_price_options { + display: inline-block; +} + +.edd_download_purchase_form .edd_price_options ul { + margin: 0; + padding: 0; + list-style: none; +} + +.edd_download_purchase_form .edd_price_options li { + -js-display: flex; + display: flex; + padding: 5px 0 0; + margin: 0; + align-items: center; + align-self: center; +} + +.edd_download_purchase_form .edd_price_options li .eddr-terms-notice { + font-size: .9em; + margin-bottom: 0; + padding-left: 20px; +} + +.edd_download_purchase_form .edd_price_options span { + display: inline; + padding: 0; + margin: 0; +} + +.edd_download_purchase_form .edd_price_options input[type="radio"], +.edd_download_purchase_form .edd_price_options input[type="checkbox"] { + border: none; + margin-right: 5px; + vertical-align: middle; +} + +.ast-page-builder-template.ast-edd-archive-page .site-content > .ast-container { + max-width: 100%; +} + +/* EDD form Elements */ +#edd_checkout_wrap input[type=text], +#edd_checkout_wrap input[type=email], +#edd_checkout_wrap input[type=url], +#edd_checkout_wrap input[type=password], +#edd_checkout_wrap input[type=number], +#edd_checkout_wrap input[type=search], +#edd_checkout_wrap input[type=reset], +#edd_checkout_wrap input[type=tel], +#edd_checkout_wrap textarea, +.edd_download_purchase_form input[type=text], +.edd_download_purchase_form input[type=email], +.edd_download_purchase_form input[type=url], +.edd_download_purchase_form input[type=password], +.edd_download_purchase_form input[type=number], +.edd_download_purchase_form input[type=search], +.edd_download_purchase_form input[type=reset], +.edd_download_purchase_form input[type=tel], +.edd_download_purchase_form textarea { + border-color: #dddddd; + background: #fff; + box-shadow: none; + border-radius: 0px; +} + +#edd_checkout_wrap input[type=text]:focus, +#edd_checkout_wrap input[type=email]:focus, +#edd_checkout_wrap input[type=url]:focus, +#edd_checkout_wrap input[type=password]:focus, +#edd_checkout_wrap input[type=number]:focus, +#edd_checkout_wrap input[type=search]:focus, +#edd_checkout_wrap input[type=reset]:focus, +#edd_checkout_wrap input[type=tel]:focus, +#edd_checkout_wrap textarea:focus, +.edd_download_purchase_form input[type=text]:focus, +.edd_download_purchase_form input[type=email]:focus, +.edd_download_purchase_form input[type=url]:focus, +.edd_download_purchase_form input[type=password]:focus, +.edd_download_purchase_form input[type=number]:focus, +.edd_download_purchase_form input[type=search]:focus, +.edd_download_purchase_form input[type=reset]:focus, +.edd_download_purchase_form input[type=tel]:focus, +.edd_download_purchase_form textarea:focus { + box-shadow: none; + border-color: #dddddd; + outline: 0; +} + +#edd_checkout_wrap select, +.edd_download_purchase_form select { + border: 1px solid #dddddd; + border-radius: 0px; + box-shadow: none; +} + +#edd_checkout_wrap select:focus, +.edd_download_purchase_form select:focus { + outline: none; + outline: 0; +} + +#edd_checkout_wrap input.edd-input.edd-item-quantity, +.edd_download_purchase_form input.edd-input.edd-item-quantity { + width: 60px; +} + +/* Edd Software Licensing */ +.edd_sl_table .edd_sl_license_row, +.edd_sl_license_row { + /* Fixed: License key display issue on profile page */ +} + +.edd_sl_table .edd_sl_license_row .view-key-wrapper, +.edd_sl_license_row .view-key-wrapper { + position: absolute; +} + +.edd_sl_table .edd_sl_license_row input.edd_sl_license_key, +.edd_sl_license_row input.edd_sl_license_key { + position: relative; + min-width: 285px; + width: 20em; + text-align: center; + border: 1px solid #e0e5e8; + box-shadow: 0 0 6px 0 #e1e3e4; + height: 2.5em; + background: #eef2f5; + color: #4a545a; +} + +#edd_sl_license_add_site_form div { + padding-top: 15px; + padding-bottom: 15px; +} + +#edd_checkout_form_wrap #edd_sl_show_renewal_form_wrap { + padding-top: 10px; +} + +#edd_checkout_form_wrap #edd_sl_renewal_fields { + padding: 10px 0; +} + +#edd_checkout_form_wrap #edd-license-key { + width: 100%; +} + +#edd_checkout_form_wrap #edd-cancel-license-renewal { + padding-left: 10px; +} + +#edd_profile_editor_form fieldset { + border: 1px solid #eaeaea; + margin-bottom: 2em; +} + +#edd_profile_editor_form fieldset p { + clear: both; +} + +#edd_profile_editor_form legend { + font-size: 20px; + font-size: 1.2rem; + float: left; +} + +#edd_profile_editor_form #edd_profile_submit_fieldset { + border: 0; +} + +#edd_profile_editor_form #edd_profile_submit_fieldset p { + padding: 0; +} + +/* EDD cart for Left Section in Builder Layout */ +.site-header-section-left .ast-edd-site-header-cart:focus .widget_edd_cart_widget, .site-header-section-left .ast-edd-site-header-cart:hover .widget_edd_cart_widget { + right: auto; + left: 0; +} + +.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget { + right: -999em; + left: auto; +} + +.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:before, .site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:after { + left: 8px; + right: auto; +} + +.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:after { + margin-left: -2px; +} diff --git a/assets/css/unminified/compatibility/gravity-forms-rtl.css b/assets/css/unminified/compatibility/gravity-forms-rtl.css new file mode 100644 index 0000000..5239b09 --- /dev/null +++ b/assets/css/unminified/compatibility/gravity-forms-rtl.css @@ -0,0 +1,43 @@ +/** + * Astra Theme compatibility with Gravity Form + */ +.gform_wrapper form { + position: relative; +} + +.gform_wrapper select { + height: 2.2em; + border-width: 1px; + border-style: solid; + border-color: #eaeaea; + border-radius: 2px; + background: #fafafa; + padding: 0; +} + +.gform_wrapper .ui-datepicker-header select { + padding: inherit; +} + +.gform_wrapper .gform_body .gfield_checkbox li > label { + margin-top: 4px; +} + +.gform_wrapper input:not([type="submit"]):focus, +.gform_wrapper textarea:focus, +.gform_wrapper select:focus { + background: #fff; + border-color: #eaeaea; + outline: 0; + box-shadow: none; +} + +.ui-datepicker-header select { + padding: 0; +} + +@media (max-width: 768px) { + .gform_wrapper.gf_browser_chrome form > .gform_body { + width: 100%; + } +} diff --git a/assets/css/unminified/compatibility/gravity-forms.css b/assets/css/unminified/compatibility/gravity-forms.css new file mode 100644 index 0000000..5239b09 --- /dev/null +++ b/assets/css/unminified/compatibility/gravity-forms.css @@ -0,0 +1,43 @@ +/** + * Astra Theme compatibility with Gravity Form + */ +.gform_wrapper form { + position: relative; +} + +.gform_wrapper select { + height: 2.2em; + border-width: 1px; + border-style: solid; + border-color: #eaeaea; + border-radius: 2px; + background: #fafafa; + padding: 0; +} + +.gform_wrapper .ui-datepicker-header select { + padding: inherit; +} + +.gform_wrapper .gform_body .gfield_checkbox li > label { + margin-top: 4px; +} + +.gform_wrapper input:not([type="submit"]):focus, +.gform_wrapper textarea:focus, +.gform_wrapper select:focus { + background: #fff; + border-color: #eaeaea; + outline: 0; + box-shadow: none; +} + +.ui-datepicker-header select { + padding: 0; +} + +@media (max-width: 768px) { + .gform_wrapper.gf_browser_chrome form > .gform_body { + width: 100%; + } +} diff --git a/assets/css/unminified/compatibility/learndash-rtl.css b/assets/css/unminified/compatibility/learndash-rtl.css new file mode 100644 index 0000000..e0bff3b --- /dev/null +++ b/assets/css/unminified/compatibility/learndash-rtl.css @@ -0,0 +1,649 @@ +/** + * LearnDash Compatibility + */ +/** + * Astra Theme compatibility with LearnDash + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.ast-page-builder-template .sfwd-courses .entry-header, +.ast-page-builder-template .sfwd-lessons .entry-header, +.ast-page-builder-template .sfwd-topic .entry-header, +.ast-page-builder-template .sfwd-quiz .entry-header, +.ast-page-builder-template .sfwd-certificates .entry-header, +.ast-page-builder-template.single .sfwd-courses .entry-header, +.ast-page-builder-template.single .sfwd-lessons .entry-header, +.ast-page-builder-template.single .sfwd-topic .entry-header, +.ast-page-builder-template.single .sfwd-quiz .entry-header, +.ast-page-builder-template.single .sfwd-certificates .entry-header { + margin-bottom: 0; +} + +.single .sfwd-courses .entry-header, +.single .sfwd-lessons .entry-header, +.single .sfwd-topic .entry-header, +.single .sfwd-quiz .entry-header, +.single .sfwd-certificates .entry-header { + margin-bottom: .5em; +} + +.single .sfwd-courses .entry-header .ast-single-post-order + .post-thumb img, +.single .sfwd-lessons .entry-header .ast-single-post-order + .post-thumb img, +.single .sfwd-topic .entry-header .ast-single-post-order + .post-thumb img, +.single .sfwd-quiz .entry-header .ast-single-post-order + .post-thumb img, +.single .sfwd-certificates .entry-header .ast-single-post-order + .post-thumb img { + margin-top: 1em; + margin-bottom: 1em; +} + +.single .sfwd-lessons .learndash_content .ast-oembed-container { + margin-bottom: 1.6em; +} + +.ld-course-list-content .ld-entry-content { + margin-bottom: 1.5em; +} + +.ld-course-list-content .ld-entry-content img { + margin: 0 auto 1.5em; +} + +.learndash .learndash_join_button { + margin-bottom: 1em; +} + +.learndash.user_has_no_access .btn-join { + margin-bottom: .5em; + display: inline-block; +} + +#learndash_course_certificate .btn-blue { + display: inline-block; +} + +.wpProQuiz_modal_window #wpProQuiz_overlay_close { + padding: 5px 15px; +} + +.wpProQuiz_modal_window .wp-list-table th { + font-weight: normal; + padding: 5px 10px; +} + +.wpProQuiz_modal_window .wp-list-table th p { + margin-bottom: 0; +} + +.wpProQuiz_modal_window #wpProQuiz_user_content h2 { + font-size: 1.5em; + margin-bottom: 5px; + font-weight: 600; +} + +body .learndash, +body #ld_topic_categorydropdown, +body #ld_lesson_categorydropdown, +body #ld_course_categorydropdown { + margin-bottom: 1em; +} + +body .learndash label, +body #ld_topic_categorydropdown label, +body #ld_lesson_categorydropdown label, +body #ld_course_categorydropdown label { + display: inline-block; + width: 100%; + font-weight: 600; +} + +body .learndash-pager span a { + font-size: 1.5em; + width: 1.5em; + height: 1.5em; + line-height: 1.25; + text-align: center; + display: inline-block; +} + +body .learndash-pager span .pagedisplay { + text-transform: capitalize; + line-height: 2.2; +} + +body #ld_course_list .ld_course_grid .caption { + padding: 15px; + position: relative; +} + +body #ld_course_list .ld_course_grid .caption *:last-child { + margin-bottom: 0; +} + +body #ld_course_list .ld_course_grid .caption .entry-title { + margin-bottom: 5px; +} + +body dd.course_progress { + width: 100%; +} + +body .widget_course_return, +body .course_navigation .widget_course_return a, +body #learndash_lessons, +body #learndash_quizzes, +body .expand_collapse, +body .notavailable_message, +body #learndash_lesson_topics_list div > strong, +body #learndash_lesson_topics_list div ul > li .sn, +body .learndash_profile_heading, +body #learndash_profile a, +body #learndash_profile div, +body #learndash_lessons a, +body #learndash_quizzes a, +body .expand_collapse a, +body .learndash_topic_dots a, +body .learndash_topic_dots a > span, +body #learndash_lesson_topics_list span a { + font-size: 1em; + font-weight: inherit; +} + +body #course_list > div h4 > a { + padding: 5px .75em; +} + +body .user_has_no_access #course_list .list-count, +body .user_has_no_access #lessons_list .list-count, +body .user_has_no_access #quiz_list .list-count { + color: gray; +} + +body #course_list .list-count, +body #lessons_list .list-count, +body #quiz_list .list-count { + border-left: none; + pointer-events: none; + min-width: 2.5em; +} + +body #course_list > div, +body #lessons_list > div, +body #quiz_list > div { + border: none; +} + +body #course_list > div:nth-of-type(odd), +body #lessons_list > div:nth-of-type(odd), +body #quiz_list > div:nth-of-type(odd) { + background: #fbfbfb; +} + +body #course_list > div h4 > a, +body #lessons_list > div h4 > a, +body #quiz_list > div h4 > a { + padding: 8px 0 8px 2.5em; + position: relative; +} + +body #lessons_list > div h4, +body #course_list > div h4, +body #quiz_list > div h4 { + font-size: 1em; +} + +body #learndash_lessons .right, +body #learndash_quizzes .right { + width: auto; +} + +body .list_arrow.collapse, body .list_arrow.collapse.lesson_incomplete, body .list_arrow.collapse.lesson_completed, body .list_arrow.expand, body .list_arrow.expand.lesson_incomplete, body .list_arrow.expand.lesson_completed { + background: none; + padding: 10px; + line-height: 1.5; +} + +body .list_arrow.lesson_completed:before { + content: "\e901"; + font-weight: bold; +} + +body .list_arrow.lesson_incomplete:before { + color: rgba(0, 0, 0, 0.5); + content: "\e903"; + font-weight: normal; +} + +body .list_arrow:before { + display: inline-block; + font-family: 'Astra'; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-size: 1em; + font-weight: normal; + margin-left: 5px; + cursor: pointer; + vertical-align: middle; +} + +body .course_navigation .learndash_navigation_lesson_topics_list .list_lessons { + margin-bottom: 5px; +} + +body .course_navigation .learndash_navigation_lesson_topics_list .lesson { + margin: 0 5px 0 0; +} + +body .course_navigation .learndash_navigation_lesson_topics_list .list_arrow { + background: none; + line-height: inherit; +} + +body .widget_sfwd-lessons-widget ul { + padding: 0; +} + +body .widget_sfwd-lessons-widget ul li a { + font-size: 1rem; + line-height: 1.75; +} + +body #learndash_course_content .learndash_topic_dots ul > li, body #learndash_course_content .learndash_topic_dots ul > li:hover, body #learndash_course_content .learndash_topic_dots ul > li.nth-of-type-odd { + background: transparent; +} + +body #learndash_course_content .learndash_topic_dots ul > li a { + padding: 0 0 0 .75em; +} + +body #learndash_course_content_title { + margin-bottom: 10px; + font-weight: 600; +} + +body #learndash_lessons, +body #learndash_quizzes { + border: none; + box-shadow: none; +} + +body #learndash_lessons h4 > a:hover, +body #learndash_quizzes h4 > a:hover { + background: none; +} + +body #learndash_lessons #quiz_list, +body #learndash_lessons .lessons_list, +body #learndash_quizzes #quiz_list, +body #learndash_quizzes .lessons_list { + border: 1px solid #e2e2e2; + border-top: none; + overflow: hidden; +} + +body .widget_sfwd-certificates-widget h4, +body .widget_sfwd-transactions-widget h4, +body .widget_sfwd-courses-widget h4 { + font-size: 1em; + line-height: inherit; +} + +body .widget_ldcourseinfo #course_progress_details { + margin-top: 1em; +} + +body .widget_ldcourseinfo h4 { + font-size: 1.2em; + margin-bottom: 5px; +} + +body .widget_ldcourseinfo .ld-course-info-my-courses { + vertical-align: top; + margin-bottom: 5px; + line-height: 1.5; + display: inline-block; +} + +body .widget_ldcourseinfo .ld-course-info-my-courses img { + vertical-align: top; + margin-left: .5em; + display: inline-block; + float: right; +} + +body .widget_ldcourseinfo .ld-course-info-my-courses h2.ld-entry-title { + font-size: 1em; + width: calc(70% - .5em); + display: inline-block; +} + +body a#quiz_continue_link, +body .btn-blue, +body .learndash_checkout_button input[type="submit"] { + font-size: 1em; +} + +body .wpProQuiz_content .wpProQuiz_questionList { + margin-bottom: 1em; + padding: 1em; + background: #fbfbfb; + border-color: #e2e2e2; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_answerIncorrect, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_answerIncorrect:last-child, body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_answerIncorrect, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_answerIncorrect:last-child { + color: #ff0000; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_questionListItem, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_questionListItem:last-child, body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_questionListItem, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_questionListItem:last-child { + padding: 0 10px; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_questionListItem input, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_questionListItem:last-child input, body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_questionListItem input, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_questionListItem:last-child input { + margin-left: 5px; + background: #fff; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_answerIncorrect, body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_answerIncorrect:last-child, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_answerCorrect, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_answerCorrect:last-child, body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_answerIncorrect, body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_answerIncorrect:last-child, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_answerCorrect, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_answerCorrect:last-child { + padding: 5px 10px; + background: none; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_answerCorrect, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_answerCorrect:last-child, body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_answerCorrect, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_answerCorrect:last-child { + background-color: #6db46d; + color: #fff; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="free_answer"] .wpProQuiz_questionListItem { + padding: 0; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="free_answer"] .wpProQuiz_answerIncorrect .wpProQuiz_questionInput { + border-color: #ff0000; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="free_answer"] .wpProQuiz_answerCorrect .wpProQuiz_questionInput { + border-color: #6db46d; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="free_answer"] .wpProQuiz_questionListItem { + background: none; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="sort_answer"] { + background: #fff; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="sort_answer"] .wpProQuiz_questionListItem, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="sort_answer"] .wpProQuiz_questionListItem:last-child { + padding: 0; + font-weight: 600; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="sort_answer"] .wpProQuiz_sortable { + padding: 5px 10px; + background: #fbfbfb; + box-shadow: none; + border-color: #e2e2e2; + display: inline-block; + width: 100%; + position: relative; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="sort_answer"] .wpProQuiz_sortable:before { + content: "\e5d2"; + font-family: Astra; + font-size: 1.25em; + line-height: 1; + vertical-align: middle; + position: relative; + top: -2px; + margin-left: 5px; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="sort_answer"] .wpProQuiz_answerIncorrect .wpProQuiz_sortable { + color: #ff0000; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="sort_answer"] .wpProQuiz_answerCorrect .wpProQuiz_sortable { + background-color: #6db46d; + color: #fff; +} + +body .wpProQuiz_content .wpProQuiz_listItem[data-type="matrix_sort_answer"] .wpProQuiz_questionListItem, +body .wpProQuiz_content .wpProQuiz_listItem[data-type="matrix_sort_answer"] .wpProQuiz_questionListItem:last-child, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="matrix_sort_answer"] .wpProQuiz_questionListItem, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="matrix_sort_answer"] .wpProQuiz_questionListItem:last-child { + padding: 0; +} + +body .wpProQuiz_content .wpProQuiz_listItem[data-type="matrix_sort_answer"] .wpProQuiz_matrixSortString, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="matrix_sort_answer"] .wpProQuiz_matrixSortString { + background: #fff; + border-color: #e2e2e2; + padding: 5px 15px 15px; +} + +body .wpProQuiz_content .wpProQuiz_listItem[data-type="matrix_sort_answer"] .wpProQuiz_matrixSortString .wpProQuiz_header, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="matrix_sort_answer"] .wpProQuiz_matrixSortString .wpProQuiz_header { + margin-bottom: 10px; +} + +body .wpProQuiz_content .wpProQuiz_listItem[data-type="matrix_sort_answer"] ul.wpProQuiz_sortStringList, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="matrix_sort_answer"] ul.wpProQuiz_sortStringList { + padding: 0; + margin: 0 -5px; + min-height: 2em; + width: 100%; + float: right; +} + +body .wpProQuiz_content .wpProQuiz_listItem[data-type="matrix_sort_answer"] .wpProQuiz_sortStringItem, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="matrix_sort_answer"] .wpProQuiz_sortStringItem { + padding: 5px 10px; + background: #fbfbfb; +} + +body .wpProQuiz_content .wpProQuiz_listItem[data-type="matrix_sort_answer"] .wpProQuiz_sortStringItem:before, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="matrix_sort_answer"] .wpProQuiz_sortStringItem:before { + content: "\e5d2"; + font-family: Astra; + font-size: 1.25em; + line-height: 1; + vertical-align: middle; + position: relative; + top: -2px; + margin-left: 5px; +} + +body .wpProQuiz_content .wpProQuiz_listItem[data-type="matrix_sort_answer"] .wpProQuiz_answerIncorrect, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="matrix_sort_answer"] .wpProQuiz_answerIncorrect { + background: none; + font-weight: 600; +} + +body .wpProQuiz_content .wpProQuiz_listItem[data-type="matrix_sort_answer"] .wpProQuiz_answerIncorrect .wpProQuiz_sortStringItem, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="matrix_sort_answer"] .wpProQuiz_answerIncorrect .wpProQuiz_sortStringItem { + color: #ff0000; +} + +body .wpProQuiz_content .wpProQuiz_listItem[data-type="matrix_sort_answer"] .wpProQuiz_answerCorrect, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="matrix_sort_answer"] .wpProQuiz_answerCorrect { + background: none; + font-weight: 600; +} + +body .wpProQuiz_content .wpProQuiz_listItem[data-type="matrix_sort_answer"] .wpProQuiz_answerCorrect .wpProQuiz_sortStringItem, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="matrix_sort_answer"] .wpProQuiz_answerCorrect .wpProQuiz_sortStringItem { + background-color: #6db46d; + color: #fff; +} + +body .wpProQuiz_content .wpProQuiz_tipp > div { + padding: 10px 15px; + border-radius: 2px; + right: 0; + bottom: 12px; + background: #fff; + border: 1px solid #ccc; + box-shadow: 0px 0px 4px 0px #ccc; + max-width: 500px; +} + +body .wpProQuiz_content .wpProQuiz_tipp > div .wpProQuiz_header { + font-weight: 600; + border-bottom: 1px solid #e2e2e2; + padding-bottom: 5px; +} + +body .wpProQuiz_content .wpProQuiz_tipp > div > p:last-child { + margin-bottom: .5em; +} + +body .wpProQuiz_content .wpProQuiz_tipp > div:before, body .wpProQuiz_content .wpProQuiz_tipp > div:after { + content: " "; + position: absolute; + transform: translateY(100%); +} + +body .wpProQuiz_content .wpProQuiz_tipp > div:before { + bottom: 0px; + border-right: 8px solid transparent; + border-top: 8px solid #eee; + border-left: 8px solid transparent; + border-top-color: rgba(0, 0, 0, 0.2); + right: 15px; +} + +body .wpProQuiz_content .wpProQuiz_tipp > div:after { + right: 16px; + bottom: 1px; + border-right: 7px solid transparent; + border-top: 7px solid #ffffff; + border-left: 7px solid transparent; +} + +body .wpProQuiz_content .wpProQuiz_resultName { + width: 120px; + padding-left: 10px; +} + +body .wpProQuiz_content .wpProQuiz_response { + background: none; + box-shadow: none; + border: 0; + padding: 0; +} + +body .wpProQuiz_content .wpProQuiz_incorrect { + padding: 5px 1em; + border: 1px solid #ff0000; + color: #ff0000; + background: rgba(255, 0, 0, 0.2); +} + +body .wpProQuiz_content .wpProQuiz_incorrect p:last-child { + margin-bottom: 0; +} + +body .wpProQuiz_content .wpProQuiz_correct { + padding: 5px 1em; + border: 1px solid #6db46d; + color: #6db46d; + background: rgba(109, 180, 109, 0.2); +} + +body .wpProQuiz_content .wpProQuiz_correct p:last-child { + margin-bottom: 0; +} + +body .wpProQuiz_content .wpProQuiz_questionListItem input, +body .wpProQuiz_content .wpProQuiz_questionListItem:last-child input { + background: #fff; +} + +body .wpProQuiz_content .wpProQuiz_lock p, +body .wpProQuiz_content .wpProQuiz_loadQuiz p { + margin: 1em; +} + +body .wpProQuiz_content .wpProQuiz_box, +body .wpProQuiz_content .wpProQuiz_reviewQuestion { + border-color: #e2e2e2; + background-color: #fbfbfb; +} + +body .wpProQuiz_content .wpProQuiz_box li, +body .wpProQuiz_content .wpProQuiz_reviewQuestion li { + min-width: 2.5em; + height: 2.5em; + line-height: 2.5; + padding: 0; + border-color: #e2e2e2; + box-shadow: none; + font-weight: 600; +} + +body .wpProQuiz_content .wpProQuiz_reviewColor { + margin-left: 5px; + height: .75em; + width: .75em; +} + +body .wpProQuiz_content .wpProQuiz_reviewLegend li { + margin-left: .75em; + padding: 0; +} + +body .wpProQuiz_content .wpProQuiz_button2 { + padding: 5px 15px; + border: none; +} + +body .wpProQuiz_content .wpProQuiz_time_limit { + position: relative; + padding-bottom: 10px; +} + +body .wpProQuiz_content .wpProQuiz_time_limit:before { + content: ''; + width: 100%; + height: 8px; + Background: #fbfbfb; + display: block; + position: absolute; + bottom: 0; + border-radius: 4px; +} + +body .wpProQuiz_content .wpProQuiz_time_limit .wpProQuiz_progress { + position: absolute; + bottom: 0; + border-radius: 4px; + height: 8px; + margin-bottom: 0; +} + +/** + * LearnDash Shortcode + */ +#ld_course_info_mycourses_list .ld-course-info-my-courses { + padding: 10px 0; +} + +body.single-sfwd-quiz { + overflow-x: unset; +} diff --git a/assets/css/unminified/compatibility/learndash.css b/assets/css/unminified/compatibility/learndash.css new file mode 100644 index 0000000..8f08d18 --- /dev/null +++ b/assets/css/unminified/compatibility/learndash.css @@ -0,0 +1,649 @@ +/** + * LearnDash Compatibility + */ +/** + * Astra Theme compatibility with LearnDash + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.ast-page-builder-template .sfwd-courses .entry-header, +.ast-page-builder-template .sfwd-lessons .entry-header, +.ast-page-builder-template .sfwd-topic .entry-header, +.ast-page-builder-template .sfwd-quiz .entry-header, +.ast-page-builder-template .sfwd-certificates .entry-header, +.ast-page-builder-template.single .sfwd-courses .entry-header, +.ast-page-builder-template.single .sfwd-lessons .entry-header, +.ast-page-builder-template.single .sfwd-topic .entry-header, +.ast-page-builder-template.single .sfwd-quiz .entry-header, +.ast-page-builder-template.single .sfwd-certificates .entry-header { + margin-bottom: 0; +} + +.single .sfwd-courses .entry-header, +.single .sfwd-lessons .entry-header, +.single .sfwd-topic .entry-header, +.single .sfwd-quiz .entry-header, +.single .sfwd-certificates .entry-header { + margin-bottom: .5em; +} + +.single .sfwd-courses .entry-header .ast-single-post-order + .post-thumb img, +.single .sfwd-lessons .entry-header .ast-single-post-order + .post-thumb img, +.single .sfwd-topic .entry-header .ast-single-post-order + .post-thumb img, +.single .sfwd-quiz .entry-header .ast-single-post-order + .post-thumb img, +.single .sfwd-certificates .entry-header .ast-single-post-order + .post-thumb img { + margin-top: 1em; + margin-bottom: 1em; +} + +.single .sfwd-lessons .learndash_content .ast-oembed-container { + margin-bottom: 1.6em; +} + +.ld-course-list-content .ld-entry-content { + margin-bottom: 1.5em; +} + +.ld-course-list-content .ld-entry-content img { + margin: 0 auto 1.5em; +} + +.learndash .learndash_join_button { + margin-bottom: 1em; +} + +.learndash.user_has_no_access .btn-join { + margin-bottom: .5em; + display: inline-block; +} + +#learndash_course_certificate .btn-blue { + display: inline-block; +} + +.wpProQuiz_modal_window #wpProQuiz_overlay_close { + padding: 5px 15px; +} + +.wpProQuiz_modal_window .wp-list-table th { + font-weight: normal; + padding: 5px 10px; +} + +.wpProQuiz_modal_window .wp-list-table th p { + margin-bottom: 0; +} + +.wpProQuiz_modal_window #wpProQuiz_user_content h2 { + font-size: 1.5em; + margin-bottom: 5px; + font-weight: 600; +} + +body .learndash, +body #ld_topic_categorydropdown, +body #ld_lesson_categorydropdown, +body #ld_course_categorydropdown { + margin-bottom: 1em; +} + +body .learndash label, +body #ld_topic_categorydropdown label, +body #ld_lesson_categorydropdown label, +body #ld_course_categorydropdown label { + display: inline-block; + width: 100%; + font-weight: 600; +} + +body .learndash-pager span a { + font-size: 1.5em; + width: 1.5em; + height: 1.5em; + line-height: 1.25; + text-align: center; + display: inline-block; +} + +body .learndash-pager span .pagedisplay { + text-transform: capitalize; + line-height: 2.2; +} + +body #ld_course_list .ld_course_grid .caption { + padding: 15px; + position: relative; +} + +body #ld_course_list .ld_course_grid .caption *:last-child { + margin-bottom: 0; +} + +body #ld_course_list .ld_course_grid .caption .entry-title { + margin-bottom: 5px; +} + +body dd.course_progress { + width: 100%; +} + +body .widget_course_return, +body .course_navigation .widget_course_return a, +body #learndash_lessons, +body #learndash_quizzes, +body .expand_collapse, +body .notavailable_message, +body #learndash_lesson_topics_list div > strong, +body #learndash_lesson_topics_list div ul > li .sn, +body .learndash_profile_heading, +body #learndash_profile a, +body #learndash_profile div, +body #learndash_lessons a, +body #learndash_quizzes a, +body .expand_collapse a, +body .learndash_topic_dots a, +body .learndash_topic_dots a > span, +body #learndash_lesson_topics_list span a { + font-size: 1em; + font-weight: inherit; +} + +body #course_list > div h4 > a { + padding: 5px .75em; +} + +body .user_has_no_access #course_list .list-count, +body .user_has_no_access #lessons_list .list-count, +body .user_has_no_access #quiz_list .list-count { + color: gray; +} + +body #course_list .list-count, +body #lessons_list .list-count, +body #quiz_list .list-count { + border-right: none; + pointer-events: none; + min-width: 2.5em; +} + +body #course_list > div, +body #lessons_list > div, +body #quiz_list > div { + border: none; +} + +body #course_list > div:nth-of-type(odd), +body #lessons_list > div:nth-of-type(odd), +body #quiz_list > div:nth-of-type(odd) { + background: #fbfbfb; +} + +body #course_list > div h4 > a, +body #lessons_list > div h4 > a, +body #quiz_list > div h4 > a { + padding: 8px 2.5em 8px 0; + position: relative; +} + +body #lessons_list > div h4, +body #course_list > div h4, +body #quiz_list > div h4 { + font-size: 1em; +} + +body #learndash_lessons .right, +body #learndash_quizzes .right { + width: auto; +} + +body .list_arrow.collapse, body .list_arrow.collapse.lesson_incomplete, body .list_arrow.collapse.lesson_completed, body .list_arrow.expand, body .list_arrow.expand.lesson_incomplete, body .list_arrow.expand.lesson_completed { + background: none; + padding: 10px; + line-height: 1.5; +} + +body .list_arrow.lesson_completed:before { + content: "\e901"; + font-weight: bold; +} + +body .list_arrow.lesson_incomplete:before { + color: rgba(0, 0, 0, 0.5); + content: "\e903"; + font-weight: normal; +} + +body .list_arrow:before { + display: inline-block; + font-family: 'Astra'; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-size: 1em; + font-weight: normal; + margin-right: 5px; + cursor: pointer; + vertical-align: middle; +} + +body .course_navigation .learndash_navigation_lesson_topics_list .list_lessons { + margin-bottom: 5px; +} + +body .course_navigation .learndash_navigation_lesson_topics_list .lesson { + margin: 0 0 0 5px; +} + +body .course_navigation .learndash_navigation_lesson_topics_list .list_arrow { + background: none; + line-height: inherit; +} + +body .widget_sfwd-lessons-widget ul { + padding: 0; +} + +body .widget_sfwd-lessons-widget ul li a { + font-size: 1rem; + line-height: 1.75; +} + +body #learndash_course_content .learndash_topic_dots ul > li, body #learndash_course_content .learndash_topic_dots ul > li:hover, body #learndash_course_content .learndash_topic_dots ul > li.nth-of-type-odd { + background: transparent; +} + +body #learndash_course_content .learndash_topic_dots ul > li a { + padding: 0 .75em 0 0; +} + +body #learndash_course_content_title { + margin-bottom: 10px; + font-weight: 600; +} + +body #learndash_lessons, +body #learndash_quizzes { + border: none; + box-shadow: none; +} + +body #learndash_lessons h4 > a:hover, +body #learndash_quizzes h4 > a:hover { + background: none; +} + +body #learndash_lessons #quiz_list, +body #learndash_lessons .lessons_list, +body #learndash_quizzes #quiz_list, +body #learndash_quizzes .lessons_list { + border: 1px solid #e2e2e2; + border-top: none; + overflow: hidden; +} + +body .widget_sfwd-certificates-widget h4, +body .widget_sfwd-transactions-widget h4, +body .widget_sfwd-courses-widget h4 { + font-size: 1em; + line-height: inherit; +} + +body .widget_ldcourseinfo #course_progress_details { + margin-top: 1em; +} + +body .widget_ldcourseinfo h4 { + font-size: 1.2em; + margin-bottom: 5px; +} + +body .widget_ldcourseinfo .ld-course-info-my-courses { + vertical-align: top; + margin-bottom: 5px; + line-height: 1.5; + display: inline-block; +} + +body .widget_ldcourseinfo .ld-course-info-my-courses img { + vertical-align: top; + margin-right: .5em; + display: inline-block; + float: left; +} + +body .widget_ldcourseinfo .ld-course-info-my-courses h2.ld-entry-title { + font-size: 1em; + width: calc(70% - .5em); + display: inline-block; +} + +body a#quiz_continue_link, +body .btn-blue, +body .learndash_checkout_button input[type="submit"] { + font-size: 1em; +} + +body .wpProQuiz_content .wpProQuiz_questionList { + margin-bottom: 1em; + padding: 1em; + background: #fbfbfb; + border-color: #e2e2e2; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_answerIncorrect, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_answerIncorrect:last-child, body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_answerIncorrect, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_answerIncorrect:last-child { + color: #ff0000; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_questionListItem, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_questionListItem:last-child, body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_questionListItem, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_questionListItem:last-child { + padding: 0 10px; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_questionListItem input, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_questionListItem:last-child input, body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_questionListItem input, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_questionListItem:last-child input { + margin-right: 5px; + background: #fff; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_answerIncorrect, body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_answerIncorrect:last-child, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_answerCorrect, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_answerCorrect:last-child, body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_answerIncorrect, body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_answerIncorrect:last-child, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_answerCorrect, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_answerCorrect:last-child { + padding: 5px 10px; + background: none; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_answerCorrect, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_answerCorrect:last-child, body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_answerCorrect, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_answerCorrect:last-child { + background-color: #6db46d; + color: #fff; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="free_answer"] .wpProQuiz_questionListItem { + padding: 0; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="free_answer"] .wpProQuiz_answerIncorrect .wpProQuiz_questionInput { + border-color: #ff0000; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="free_answer"] .wpProQuiz_answerCorrect .wpProQuiz_questionInput { + border-color: #6db46d; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="free_answer"] .wpProQuiz_questionListItem { + background: none; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="sort_answer"] { + background: #fff; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="sort_answer"] .wpProQuiz_questionListItem, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="sort_answer"] .wpProQuiz_questionListItem:last-child { + padding: 0; + font-weight: 600; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="sort_answer"] .wpProQuiz_sortable { + padding: 5px 10px; + background: #fbfbfb; + box-shadow: none; + border-color: #e2e2e2; + display: inline-block; + width: 100%; + position: relative; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="sort_answer"] .wpProQuiz_sortable:before { + content: "\e5d2"; + font-family: Astra; + font-size: 1.25em; + line-height: 1; + vertical-align: middle; + position: relative; + top: -2px; + margin-right: 5px; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="sort_answer"] .wpProQuiz_answerIncorrect .wpProQuiz_sortable { + color: #ff0000; +} + +body .wpProQuiz_content .wpProQuiz_questionList[data-type="sort_answer"] .wpProQuiz_answerCorrect .wpProQuiz_sortable { + background-color: #6db46d; + color: #fff; +} + +body .wpProQuiz_content .wpProQuiz_listItem[data-type="matrix_sort_answer"] .wpProQuiz_questionListItem, +body .wpProQuiz_content .wpProQuiz_listItem[data-type="matrix_sort_answer"] .wpProQuiz_questionListItem:last-child, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="matrix_sort_answer"] .wpProQuiz_questionListItem, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="matrix_sort_answer"] .wpProQuiz_questionListItem:last-child { + padding: 0; +} + +body .wpProQuiz_content .wpProQuiz_listItem[data-type="matrix_sort_answer"] .wpProQuiz_matrixSortString, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="matrix_sort_answer"] .wpProQuiz_matrixSortString { + background: #fff; + border-color: #e2e2e2; + padding: 5px 15px 15px; +} + +body .wpProQuiz_content .wpProQuiz_listItem[data-type="matrix_sort_answer"] .wpProQuiz_matrixSortString .wpProQuiz_header, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="matrix_sort_answer"] .wpProQuiz_matrixSortString .wpProQuiz_header { + margin-bottom: 10px; +} + +body .wpProQuiz_content .wpProQuiz_listItem[data-type="matrix_sort_answer"] ul.wpProQuiz_sortStringList, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="matrix_sort_answer"] ul.wpProQuiz_sortStringList { + padding: 0; + margin: 0 -5px; + min-height: 2em; + width: 100%; + float: left; +} + +body .wpProQuiz_content .wpProQuiz_listItem[data-type="matrix_sort_answer"] .wpProQuiz_sortStringItem, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="matrix_sort_answer"] .wpProQuiz_sortStringItem { + padding: 5px 10px; + background: #fbfbfb; +} + +body .wpProQuiz_content .wpProQuiz_listItem[data-type="matrix_sort_answer"] .wpProQuiz_sortStringItem:before, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="matrix_sort_answer"] .wpProQuiz_sortStringItem:before { + content: "\e5d2"; + font-family: Astra; + font-size: 1.25em; + line-height: 1; + vertical-align: middle; + position: relative; + top: -2px; + margin-right: 5px; +} + +body .wpProQuiz_content .wpProQuiz_listItem[data-type="matrix_sort_answer"] .wpProQuiz_answerIncorrect, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="matrix_sort_answer"] .wpProQuiz_answerIncorrect { + background: none; + font-weight: 600; +} + +body .wpProQuiz_content .wpProQuiz_listItem[data-type="matrix_sort_answer"] .wpProQuiz_answerIncorrect .wpProQuiz_sortStringItem, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="matrix_sort_answer"] .wpProQuiz_answerIncorrect .wpProQuiz_sortStringItem { + color: #ff0000; +} + +body .wpProQuiz_content .wpProQuiz_listItem[data-type="matrix_sort_answer"] .wpProQuiz_answerCorrect, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="matrix_sort_answer"] .wpProQuiz_answerCorrect { + background: none; + font-weight: 600; +} + +body .wpProQuiz_content .wpProQuiz_listItem[data-type="matrix_sort_answer"] .wpProQuiz_answerCorrect .wpProQuiz_sortStringItem, +body .wpProQuiz_content .wpProQuiz_questionList[data-type="matrix_sort_answer"] .wpProQuiz_answerCorrect .wpProQuiz_sortStringItem { + background-color: #6db46d; + color: #fff; +} + +body .wpProQuiz_content .wpProQuiz_tipp > div { + padding: 10px 15px; + border-radius: 2px; + left: 0; + bottom: 12px; + background: #fff; + border: 1px solid #ccc; + box-shadow: 0px 0px 4px 0px #ccc; + max-width: 500px; +} + +body .wpProQuiz_content .wpProQuiz_tipp > div .wpProQuiz_header { + font-weight: 600; + border-bottom: 1px solid #e2e2e2; + padding-bottom: 5px; +} + +body .wpProQuiz_content .wpProQuiz_tipp > div > p:last-child { + margin-bottom: .5em; +} + +body .wpProQuiz_content .wpProQuiz_tipp > div:before, body .wpProQuiz_content .wpProQuiz_tipp > div:after { + content: " "; + position: absolute; + transform: translateY(100%); +} + +body .wpProQuiz_content .wpProQuiz_tipp > div:before { + bottom: 0px; + border-left: 8px solid transparent; + border-top: 8px solid #eee; + border-right: 8px solid transparent; + border-top-color: rgba(0, 0, 0, 0.2); + left: 15px; +} + +body .wpProQuiz_content .wpProQuiz_tipp > div:after { + left: 16px; + bottom: 1px; + border-left: 7px solid transparent; + border-top: 7px solid #ffffff; + border-right: 7px solid transparent; +} + +body .wpProQuiz_content .wpProQuiz_resultName { + width: 120px; + padding-right: 10px; +} + +body .wpProQuiz_content .wpProQuiz_response { + background: none; + box-shadow: none; + border: 0; + padding: 0; +} + +body .wpProQuiz_content .wpProQuiz_incorrect { + padding: 5px 1em; + border: 1px solid #ff0000; + color: #ff0000; + background: rgba(255, 0, 0, 0.2); +} + +body .wpProQuiz_content .wpProQuiz_incorrect p:last-child { + margin-bottom: 0; +} + +body .wpProQuiz_content .wpProQuiz_correct { + padding: 5px 1em; + border: 1px solid #6db46d; + color: #6db46d; + background: rgba(109, 180, 109, 0.2); +} + +body .wpProQuiz_content .wpProQuiz_correct p:last-child { + margin-bottom: 0; +} + +body .wpProQuiz_content .wpProQuiz_questionListItem input, +body .wpProQuiz_content .wpProQuiz_questionListItem:last-child input { + background: #fff; +} + +body .wpProQuiz_content .wpProQuiz_lock p, +body .wpProQuiz_content .wpProQuiz_loadQuiz p { + margin: 1em; +} + +body .wpProQuiz_content .wpProQuiz_box, +body .wpProQuiz_content .wpProQuiz_reviewQuestion { + border-color: #e2e2e2; + background-color: #fbfbfb; +} + +body .wpProQuiz_content .wpProQuiz_box li, +body .wpProQuiz_content .wpProQuiz_reviewQuestion li { + min-width: 2.5em; + height: 2.5em; + line-height: 2.5; + padding: 0; + border-color: #e2e2e2; + box-shadow: none; + font-weight: 600; +} + +body .wpProQuiz_content .wpProQuiz_reviewColor { + margin-right: 5px; + height: .75em; + width: .75em; +} + +body .wpProQuiz_content .wpProQuiz_reviewLegend li { + margin-right: .75em; + padding: 0; +} + +body .wpProQuiz_content .wpProQuiz_button2 { + padding: 5px 15px; + border: none; +} + +body .wpProQuiz_content .wpProQuiz_time_limit { + position: relative; + padding-bottom: 10px; +} + +body .wpProQuiz_content .wpProQuiz_time_limit:before { + content: ''; + width: 100%; + height: 8px; + Background: #fbfbfb; + display: block; + position: absolute; + bottom: 0; + border-radius: 4px; +} + +body .wpProQuiz_content .wpProQuiz_time_limit .wpProQuiz_progress { + position: absolute; + bottom: 0; + border-radius: 4px; + height: 8px; + margin-bottom: 0; +} + +/** + * LearnDash Shortcode + */ +#ld_course_info_mycourses_list .ld-course-info-my-courses { + padding: 10px 0; +} + +body.single-sfwd-quiz { + overflow-x: unset; +} diff --git a/assets/css/unminified/compatibility/lifterlms-flex-rtl.css b/assets/css/unminified/compatibility/lifterlms-flex-rtl.css new file mode 100644 index 0000000..6c131a5 --- /dev/null +++ b/assets/css/unminified/compatibility/lifterlms-flex-rtl.css @@ -0,0 +1,1085 @@ +/** + * lifterlms-flex.scss + * Governs the general look and feel of Lifter LMS sections using themes that do not + * integrate with Lifter LMS specifically. + */ +/** + * Astra Theme compatibility with WooCommerce + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +#secondary .llms-widget-syllabus .llms-section { + margin-bottom: 0.5em; +} + +.widget .llms-widget-syllabus .llms-collapse-caret, +.widget .llms-widget-syllabus .section-title, +.widget .llms-widget-syllabus .lesson-title, +.widget .llms-widget-syllabus .llms-lesson-complete { + display: inline-block; +} + +.widget .llms-widget-syllabus .llms-section { + border-bottom: 1px solid #e5e5e5; + margin-bottom: 0.5em; + padding-bottom: 0.5em; +} + +.widget .llms-widget-syllabus .llms-section:last-child { + border-bottom: none; + margin-bottom: 0; + padding-bottom: 0; +} + +.widget .llms-widget-syllabus .llms-collapse-caret { + margin-left: 0.25em; + vertical-align: top; +} + +.widget .llms-widget-syllabus .llms-lesson-complete { + vertical-align: top; + line-height: 1.5; +} + +.widget .llms-widget-syllabus .section-title { + width: 94%; + width: calc(100% - 1.5em); +} + +.widget .llms-widget-syllabus .lesson-title { + width: 90%; + width: calc(100% - 1.8em); +} + +.widget .llms-widget-syllabus .llms-lesson, +.widget .llms-widget-syllabus .section-header { + line-height: 1.75; +} + +.widget .progress__indicator { + line-height: 30px; +} + +.widget .llms-progress .llms-progress-bar { + border-radius: 20px; + height: 20px; +} + +.widget .llms-progress .progress-bar-complete { + border-radius: 20px; +} + +.widget .llms-course-outline ul { + margin-right: 1.5em; +} + +.ast-separate-container .ast-lifterlms-container { + background-color: #fff; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-lifterlms-container { + padding: 3.34em 2.4em; + } +} + +@media (max-width: 992px) { + .ast-separate-container .ast-lifterlms-container { + padding: 1.5em 2.14em; + } +} + +@media (max-width: 544px) { + .ast-separate-container .ast-lifterlms-container { + padding: .54em 1em 1.33333em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-lifterlms-container { + padding: 5.34em 6.67em; + } +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item, +.ast-container ul.llms-loop-list li.llms-loop-item, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item { + padding: 0; + border-bottom: none; +} + +.llms-student-dashboard .llms-access-plans, +.ast-container .llms-access-plans, +.ast-lifterlms-container .llms-access-plans { + margin-right: -2px; + margin-left: -2px; +} + +.llms-student-dashboard .llms-password-strength-meter, +.ast-container .llms-password-strength-meter, +.ast-lifterlms-container .llms-password-strength-meter { + margin-top: 0px; + font-size: .65em; +} + +.llms-student-dashboard .llms-checkout, +.ast-container .llms-checkout, +.ast-lifterlms-container .llms-checkout { + -js-display: flex; + display: flex; +} + +.llms-student-dashboard .llms-loop-item-content, +.ast-container .llms-loop-item-content, +.ast-lifterlms-container .llms-loop-item-content { + padding-bottom: 15px; +} + +.llms-student-dashboard .llms-loop-item-content .llms-author, +.llms-student-dashboard .llms-loop-item-content .llms-loop-title, +.llms-student-dashboard .llms-loop-item-content .llms-meta, +.ast-container .llms-loop-item-content .llms-author, +.ast-container .llms-loop-item-content .llms-loop-title, +.ast-container .llms-loop-item-content .llms-meta, +.ast-lifterlms-container .llms-loop-item-content .llms-author, +.ast-lifterlms-container .llms-loop-item-content .llms-loop-title, +.ast-lifterlms-container .llms-loop-item-content .llms-meta { + padding: 0 15px; +} + +.llms-student-dashboard .llms-loop-item-content .llms-loop-title, +.ast-container .llms-loop-item-content .llms-loop-title, +.ast-lifterlms-container .llms-loop-item-content .llms-loop-title { + font-weight: 600; + margin-top: 10px; +} + +.llms-student-dashboard .llms-loop-item-content .llms-author, +.llms-student-dashboard .llms-loop-item-content .llms-meta, +.ast-container .llms-loop-item-content .llms-author, +.ast-container .llms-loop-item-content .llms-meta, +.ast-lifterlms-container .llms-loop-item-content .llms-author, +.ast-lifterlms-container .llms-loop-item-content .llms-meta { + margin-bottom: 0; +} + +.llms-student-dashboard .llms-loop-item-content .llms-author, +.ast-container .llms-loop-item-content .llms-author, +.ast-lifterlms-container .llms-loop-item-content .llms-author { + font-size: inherit; + margin-bottom: 10px; +} + +.llms-student-dashboard .llms-loop-item-content .llms-author .llms-author-info, +.ast-container .llms-loop-item-content .llms-author .llms-author-info, +.ast-lifterlms-container .llms-loop-item-content .llms-author .llms-author-info { + vertical-align: middle; +} + +.llms-student-dashboard .llms-loop-item-content .llms-meta, +.ast-container .llms-loop-item-content .llms-meta, +.ast-lifterlms-container .llms-loop-item-content .llms-meta { + font-size: .9em; + font-weight: 600; +} + +.llms-student-dashboard .llms-loop-item-content .llms-meta .length, +.llms-student-dashboard .llms-loop-item-content .llms-meta .difficulty, +.ast-container .llms-loop-item-content .llms-meta .length, +.ast-container .llms-loop-item-content .llms-meta .difficulty, +.ast-lifterlms-container .llms-loop-item-content .llms-meta .length, +.ast-lifterlms-container .llms-loop-item-content .llms-meta .difficulty { + font-weight: 400; + opacity: .75; +} + +.llms-student-dashboard .llms-loop-item-content .llms-loop-title:hover, +.ast-container .llms-loop-item-content .llms-loop-title:hover, +.ast-lifterlms-container .llms-loop-item-content .llms-loop-title:hover { + color: inherit; +} + +.llms-student-dashboard .llms-loop-item-content .llms-loop-item-footer, +.ast-container .llms-loop-item-content .llms-loop-item-footer, +.ast-lifterlms-container .llms-loop-item-content .llms-loop-item-footer { + margin-top: 10px; +} + +.course .llms-featured-image { + margin-bottom: 0; +} + +.course .llms-instructor-info, +.course .llms-instructor-info .llms-meta-info { + margin-top: 1.5em; +} + +.course .llms-instructor-info .llms-instructors .llms-author .llms-author-info.name { + font-size: 1.25em; +} + +.course .llms-instructor-info .llms-instructors .llms-author .llms-author-info.label { + font-size: 1em; +} + +body .llms-syllabus-wrapper { + margin: 0 auto 1.5em; +} + +body .llms-syllabus-wrapper .llms-section-title { + margin-top: 15px; + text-align: right; + font-size: 1.1em; + padding: 5px 15px; + background: #e8e8e8; + font-weight: 600; + line-height: 1.75; +} + +body .llms-syllabus-wrapper .llms-lesson-preview { + margin-top: 1px; + display: block; + width: auto; +} + +body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-link { + background-color: #f0f0f0; + padding: 5px 15px; + min-height: auto; +} + +body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-link:hover { + background: #e6e6e6; +} + +body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-title { + font-size: 1em; + line-height: 1.75; + font-weight: 600; + margin-bottom: 0; +} + +body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-counter { + line-height: 1.75; + margin-bottom: 0; + font-size: inherit; +} + +body #review_box, +body #old_reviews { + margin: 0; + padding: 2em 0 0; + border-top: 1px solid #eeeeee; +} + +body #old_reviews > hr { + display: none; +} + +body #old_reviews .llms_review { + padding: 20px; + margin: 20px 0px; +} + +body #old_reviews .llms_review:last-of-type { + margin-bottom: 2em; +} + +body #old_reviews .llms_review p:last-child { + margin-bottom: 0; +} + +body #old_reviews .llms_review h5 { + margin-bottom: 5px; +} + +body #old_reviews:last-child .llms_review:last-of-type { + margin-bottom: 0; +} + +body #review_box #review_text, +body #review_box #review_title { + margin-bottom: 1em; + width: 100%; + border-color: #dddddd; + background: #fff; + border-radius: 0; +} + +body #thank_you_box { + margin-top: 1em; +} + +body .llms-lesson-link-locked, +body .llms-lesson-link-locked:hover { + box-shadow: none; +} + +body .llms-person-form-wrapper .llms-form-fields, +body .llms-new-person-form-wrapper .llms-form-fields, +body .llms-person-login-form-wrapper .llms-form-fields { + margin-right: -10px; + margin-left: -10px; +} + +body .llms-person-form-wrapper .llms-form-fields .llms-form-field.align-right, +body .llms-new-person-form-wrapper .llms-form-fields .llms-form-field.align-right, +body .llms-person-login-form-wrapper .llms-form-fields .llms-form-field.align-right { + float: left; +} + +body .llms-form-heading { + padding: 0; +} + +body .llms-lost-password-form { + margin-right: -10px; + margin-left: -10px; +} + +body .is-enrolled .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-complete { + margin-bottom: 0; + position: absolute; + top: 5px; + right: 15px; + font-size: 1.4em; + height: 1.2em; + line-height: 1.2; + width: 1em; +} + +body .is-enrolled .llms-syllabus-wrapper .llms-lesson-preview .llms-main { + margin-right: 2em; + margin-right: calc(1.2em + 15px); + width: 83%; + width: calc(85% - 1.2em - 15px); +} + +body .course .llms-course-progress, +body .llms-course-progress { + max-width: 100%; + margin: 0 auto; + -js-display: flex; + display: flex; + flex-direction: row-reverse; + background: #f1f2f1; + border-top-left-radius: 1em; + border-bottom-left-radius: 1em; +} + +body .course .llms-course-progress .llms-course-complete-text, +body .course .llms-course-progress a.llms-course-continue-button, +body .llms-course-progress .llms-course-complete-text, +body .llms-course-progress a.llms-course-continue-button { + display: inline-block; + margin-left: 2px; + padding: 0 1em; + line-height: 2em; +} + +body .course .llms-course-progress a.llms-course-continue-button:after, +body .llms-course-progress a.llms-course-continue-button:after { + content: "\BB"; + font-size: 1.2em; + line-height: 1; +} + +body .course .llms-course-progress .llms-course-complete-text, +body .llms-course-progress .llms-course-complete-text { + margin-bottom: 0; + opacity: .6; +} + +body .course .llms-course-progress .llms-progress, +body .llms-course-progress .llms-progress { + height: auto; + margin: 0 auto; + flex: 1; + text-align: center; +} + +body .course .llms-course-progress .llms-progress .llms-progress-bar, +body .llms-course-progress .llms-progress .llms-progress-bar { + height: inherit; + top: 0; + border-radius: 1em; + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +body .course .llms-course-progress .llms-progress .progress__indicator, +body .llms-course-progress .llms-progress .progress__indicator { + display: none; +} + +body .course .llms-course-progress .llms-progress .progress-bar-complete, +body .llms-course-progress .llms-progress .progress-bar-complete { + border-radius: inherit; +} + +body .course .llms-course-progress .llms-progress .progress-bar-complete:after, +body .llms-course-progress .llms-progress .progress-bar-complete:after { + display: inline-block; + line-height: 2; + padding: 0 10px; + content: attr(data-progress); + word-break: normal; +} + +body .widget_course_progress .llms-progress, +body .llms-progress { + /** + * Progress Widget + */ + height: 1.4em; + margin: 0 auto; +} + +body .widget_course_progress .llms-progress .progress__indicator, +body .llms-progress .progress__indicator { + line-height: 1.4; + height: 1.4em; +} + +body .widget_course_progress .llms-progress .llms-progress-bar, +body .llms-progress .llms-progress-bar { + border-radius: .7em; + height: 1.4em; + top: 0; +} + +body .widget_course_progress .llms-progress .progress-bar-complete, +body .llms-progress .progress-bar-complete { + border-radius: .7em; +} + +body .llms-loop-item-content .llms-progress-bar { + height: inherit; +} + +body .llms-loop-item-content .llms-progress-bar .progress-bar-complete { + border-radius: 0; +} + +.single-course article.course { + margin-bottom: 2em; +} + +.llms_membership .llms-featured-image { + margin-bottom: 0; +} + +.llms-access-plan .llms-access-plan-footer { + padding: 15px; +} + +.llms-access-plan .llms-access-plan-title, +.llms-access-plan .llms-access-plan-pricing, +.llms-access-plan .llms-access-plan-description { + padding-right: 15px; + padding-left: 15px; +} + +.llms-access-plan .llms-access-plan-schedule, +.llms-access-plan .llms-access-plan-trial, +.llms-access-plan .llms-access-plan-expiration, +.llms-access-plan .llms-access-plan-description { + font-size: inherit; +} + +.llms-access-plan .llms-access-plan-price { + font-size: 1.2em; +} + +.llms-access-plan .stamp { + font-size: 0.6em; + padding: 2px 5px; + font-weight: normal; +} + +.llms-access-plan .llms-button-action { + display: inline-block; +} + +.llms-pagination { + text-align: right; + margin-top: 2em; +} + +.llms-pagination ul { + display: inline-block; + text-align: center; + white-space: nowrap; + padding: 0; + clear: both; + border: 0; + margin: 1px; +} + +.llms-pagination ul li { + margin: 0 0 5px 5px; + border: 1px solid #d3ced2; + padding: 0; + float: right; + display: inline; + overflow: hidden; +} + +.llms-pagination ul li a.page-numbers, +.llms-pagination ul li span.page-numbers { + margin: 0; + text-decoration: none; + padding: 0; + line-height: 1; + font-size: 1em; + font-weight: normal; + padding: 0.75em; + display: block; + min-width: 2.5em; +} + +.llms-pagination ul li span.current, +.llms-pagination ul li a:hover, +.llms-pagination ul li a:focus { + background: #ebe9eb; + color: #8a7e88; +} + +.lifterlms .llms-checkout-wrapper .llms-notice { + border: 0; + background: none; + padding: 0; + margin-bottom: 2em; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1 { + width: calc(58% - 2em); + margin: 0 0 0 2em; +} + +@media (max-width: 768px) { + .lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1 { + width: 100%; + margin-left: 0; + } +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1 .llms-checkout-section-content { + margin: 0 -10px; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 { + width: 42%; + margin: 0; + height: 228px; +} + +@media (max-width: 768px) { + .lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 { + width: 100%; + } +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 .llms-order-summary { + font-size: .9em; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 .llms-coupon-entry .type-text { + margin-bottom: 1em; +} + +.lifterlms .llms-checkout-wrapper .llms-form-field > label { + display: inline-block; + font-size: 0.9em; + font-weight: 600; + vertical-align: middle; +} + +.lifterlms .llms-checkout-wrapper .llms-form-field input, +.lifterlms .llms-checkout-wrapper .llms-form-field select, +.lifterlms .llms-checkout-wrapper .llms-form-field textarea { + margin-bottom: 0; + background: #fff; +} + +.lifterlms .llms-checkout-wrapper .llms-form-field input[type="checkbox"] { + margin-bottom: 0; + vertical-align: middle; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2, +.lifterlms .llms-checkout-wrapper .llms-login { + padding: 20px; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 { + border: 2px solid #ebebeb; +} + +.lifterlms .llms-checkout-wrapper .llms-login { + border: 1px solid #d3ced2; + margin-bottom: 2em; + border-radius: 5px; +} + +@media (max-width: 768px) { + .lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.align-right { + text-align: right; + width: 100%; + clear: both; + margin-top: 10px; + } +} + +.lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.type-checkbox, .lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.type-submit { + width: auto; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-section { + border: none; +} + +.lifterlms .llms-checkout-wrapper .llms-form-heading { + background: none; + color: inherit; + margin-bottom: 1em; + padding: 0; +} + +.lifterlms .llms-checkout-wrapper .flush .llms-form-field { + padding: 0; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-section-content .llms-order-summary .llms-label { + font-variant: normal; + text-transform: none; + font-weight: 600; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-section-content span.llms-description { + font-size: .9em; + line-height: 1.5; + opacity: .75; + display: inline-block; +} + +.lifterlms .llms-checkout-wrapper .llms-person-login-form-wrapper, +.lifterlms .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-checkout-confirm, +.lifterlms .llms-checkout-wrapper .llms-checkout-section-content, +.lifterlms .llms-checkout-wrapper .llms-checkout-section-content .llms-checkout-confirm { + margin: 0; +} + +.lifterlms .llms-checkout-wrapper .llms-payment-gateways label:before { + width: 1em; + height: 1em; +} + +.lifterlms .llms-checkout-wrapper .llms-payment-gateways .llms-gateway-description { + margin-right: 1.25em; + margin-right: calc(1em + 5px); +} + +.lifterlms .llms-checkout-wrapper .llms-payment-gateways li:last-child:after { + margin: 10px auto; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item { + margin-left: 1em; + margin-bottom: 1em; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.current { + font-weight: 600; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item .llms-sep { + display: none; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item > a:before { + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + display: inline-block; + margin-left: .5em; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.dashboard > a:before { + content: "\f0e4"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.view-courses > a:before { + content: "\f02d"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.view-memberships > a:before { + content: "\f0c0"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.my-grades > a:before { + content: "\f19d"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.view-achievements > a:before { + content: "\f091"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.view-certificates > a:before { + content: "\f0a3"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.notifications > a:before { + content: "\f06a"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.edit-account > a:before { + content: "\f007"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.redeem-voucher > a:before { + content: "\f005"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.orders > a:before { + content: "\f022"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.signout > a:before { + content: "\f08b"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.sl_profile > a:before { + content: "\f2be"; +} + +.llms-student-dashboard .llms-my-orders .orders-table { + font-size: 0.85em; +} + +.llms-student-dashboard .llms-my-orders .orders-table thead td { + background: #f9f9f9; +} + +.llms-student-dashboard .llms-my-orders .orders-table tbody tr:nth-child(even) td { + background: none; +} + +.llms-student-dashboard .llms-my-orders .orders-table th:first-child, +.llms-student-dashboard .llms-my-orders .orders-table td:first-child { + width: 100%; +} + +.llms-student-dashboard .llms-my-orders .orders-table th:first-child a, +.llms-student-dashboard .llms-my-orders .orders-table td:first-child a { + vertical-align: middle; +} + +@media (min-width: 769px) { + .llms-student-dashboard .llms-my-orders .orders-table th:first-child, + .llms-student-dashboard .llms-my-orders .orders-table td:first-child { + width: 20%; + } +} + +@media (max-width: 768px) { + .llms-student-dashboard .llms-my-orders .orders-table thead { + display: none; + } + .llms-student-dashboard .llms-my-orders .orders-table td { + display: block; + width: 100%; + border-bottom-width: 1px; + text-align: left; + } + .llms-student-dashboard .llms-my-orders .orders-table td:before { + content: attr(data-label); + font-weight: 700; + float: right; + display: block; + } +} + +.llms-student-dashboard .llms-my-orders .llms-status { + padding: 1px 5px; +} + +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field > label { + display: inline-block; + font-size: 0.9em; + font-weight: 600; + vertical-align: middle; +} + +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field input, +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field select, +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field textarea { + margin-bottom: 0; + background: #fff; +} + +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field input[type="checkbox"] { + vertical-align: middle; +} + +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.type-submit, +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.type-submit button { + width: auto; +} + +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.align-right { + float: left; +} + +.llms-student-dashboard .llms-person-form-wrapper .llms-form-field > label { + display: inline-block; + font-size: 0.9em; + font-weight: 600; + vertical-align: middle; +} + +.llms-student-dashboard .llms-person-form-wrapper .llms-form-field input, +.llms-student-dashboard .llms-person-form-wrapper .llms-form-field select, +.llms-student-dashboard .llms-person-form-wrapper .llms-form-field textarea { + margin-bottom: 0; + background: #fff; +} + +.llms-student-dashboard .llms-person-form-wrapper .llms-form-field input[type="checkbox"] { + vertical-align: middle; +} + +.llms-student-dashboard .llms-sd-header ~ form .form-row-first { + display: inline-block; + margin-bottom: 0; +} + +.llms-student-dashboard .llms-sd-header ~ form .form-row-first > label { + display: none; +} + +.llms-student-dashboard .llms-sd-header ~ form .form-row-first input { + width: 100%; +} + +.llms-student-dashboard .llms-sd-header ~ form .form-row-first ~ button { + line-height: 1.5; +} + +@media (max-width: 544px) { + .llms-student-dashboard .llms-sd-header ~ form .form-row-first ~ button { + width: 100%; + } +} + +@media (max-width: 544px) { + .llms-student-dashboard .llms-sd-header ~ form .form-row-first { + width: 100%; + margin-bottom: 10px; + } +} + +.ast-container .lifterlms .llms-notice { + margin: 0 0 2em; +} + +.ast-container .llms-notice { + border-width: 0; + border-top-width: 3px; + border-color: #b81c23; + border-style: solid; + padding: 1em 2em; + position: relative; + background-color: #f7f6f7; + color: #515151; +} + +.ast-container .llms-notice.llms-error { + border-width: 0; + border-top-width: 3px; + border-color: #b81c23; + border-style: solid; + padding: 1em 2em; + position: relative; + background-color: #f7f6f7; + color: #515151; +} + +.ast-container a.llms-button-primary, +.ast-container .llms-button-secondary, +.ast-container .llms-button-action, +.ast-container .llms-field-button { + font-size: inherit; + line-height: 1; +} + +.ast-container .llms-tooltip { + font-size: .9em; + line-height: 1.4; +} + +.llms-notification .llms-notification-content .llms-notification-body { + font-size: inherit; + line-height: inherit; +} + +.llms-notification .llms-notification-content .llms-notification-title { + font-size: 1.3em; +} + +.llms-quiz-meta-item { + font-weight: 600; +} + +.llms-quiz-meta-item span { + font-weight: 400; + opacity: .75; +} + +.llms-quiz-question-wrapper { + clear: both; +} + +.llms-quiz-question-wrapper .llms-error { + color: #b81c23; + margin-bottom: .5em; +} + +.llms-quiz-question-wrapper .llms-question-count p { + font-weight: 600; + margin-bottom: 0; +} + +.llms-quiz-question-wrapper .llms-question-count ~ p { + margin-bottom: .5em; +} + +.llms-quiz-question-wrapper .llms-question-wrapper { + margin-bottom: 1.5em; +} + +.llms-quiz-question-wrapper .llms-question-wrapper .llms-question-text { + font-size: 2em; +} + +.llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice label { + display: block; +} + +.llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice .llms-choice-text { + font-size: 1em; +} + +.llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice .llms-marker { + font-size: 1em; + width: 1.75em; + height: 1.75em; + line-height: 1.75em; +} + +.llms-quiz-buttons .llms-start-quiz-button { + line-height: 1.4; +} + +.llms-quiz-buttons .llms-start-quiz-button:after { + content: "\BB"; + font-size: 1.2em; + line-height: 1; +} + +.llms-quiz-buttons .llms-next-lesson:after { + content: "\2192"; + margin-right: 5px; +} + +@media (max-width: 768px) { + .llms-quiz-buttons .llms-start-quiz-button, + .llms-quiz-buttons .llms-button-secondary { + margin: 5px; + display: block; + } +} + +.llms-quiz-ui .llms-quiz-nav .llms-button-action { + font-size: inherit; + line-height: 1.4; +} + +.llms-quiz-ui .llms-quiz-nav #llms-complete-quiz:before { + content: "\2714"; + margin-left: .5em; +} + +.llms-quiz-ui .llms-quiz-nav #llms-next-question:after { + content: "\2192"; + margin-right: 5px; +} + +.llms-quiz-ui .llms-quiz-nav #llms-prev-question { + line-height: 1.4; + float: right; +} + +.llms-quiz-ui .llms-quiz-nav #llms-prev-question:before { + content: "\2190"; + margin-left: 5px; +} + +.llms-quiz-ui .llms-quiz-nav .llms-quiz-counter { + font-size: inherit; +} + +.llms-quiz-ui .llms-quiz-nav .llms-button-action, +.llms-quiz-ui .llms-quiz-nav .llms-button-secondary { + margin: 5px; +} + +@media (max-width: 768px) { + .llms-loop .llms-tablet-cols-1 .llms-loop-item { + width: 100%; + } + .llms-loop .llms-tablet-cols-2 .llms-loop-item { + width: 50%; + } + .llms-loop .llms-tablet-cols-3 .llms-loop-item { + width: 33.33333%; + } + .llms-loop .llms-tablet-cols-4 .llms-loop-item { + width: 25%; + } + .llms-loop .llms-tablet-cols-5 .llms-loop-item { + width: 20%; + } + .llms-loop .llms-tablet-cols-6 .llms-loop-item { + width: 16.66667%; + } +} + +@media (max-width: 544px) { + .llms-loop .llms-mobile-cols-1 .llms-loop-item { + width: 100%; + } + .llms-loop .llms-mobile-cols-2 .llms-loop-item { + width: 50%; + } + .llms-loop .llms-mobile-cols-3 .llms-loop-item { + width: 33.33333%; + } + .llms-loop .llms-mobile-cols-4 .llms-loop-item { + width: 25%; + } + .llms-loop .llms-mobile-cols-5 .llms-loop-item { + width: 20%; + } + .llms-loop .llms-mobile-cols-6 .llms-loop-item { + width: 16.66667%; + } +} + +.ast-woocommerce-cart-menu .main-header-bar .main-header-log-out { + padding-right: 10px; +} diff --git a/assets/css/unminified/compatibility/lifterlms-flex.css b/assets/css/unminified/compatibility/lifterlms-flex.css new file mode 100644 index 0000000..efc17fe --- /dev/null +++ b/assets/css/unminified/compatibility/lifterlms-flex.css @@ -0,0 +1,1085 @@ +/** + * lifterlms-flex.scss + * Governs the general look and feel of Lifter LMS sections using themes that do not + * integrate with Lifter LMS specifically. + */ +/** + * Astra Theme compatibility with WooCommerce + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +#secondary .llms-widget-syllabus .llms-section { + margin-bottom: 0.5em; +} + +.widget .llms-widget-syllabus .llms-collapse-caret, +.widget .llms-widget-syllabus .section-title, +.widget .llms-widget-syllabus .lesson-title, +.widget .llms-widget-syllabus .llms-lesson-complete { + display: inline-block; +} + +.widget .llms-widget-syllabus .llms-section { + border-bottom: 1px solid #e5e5e5; + margin-bottom: 0.5em; + padding-bottom: 0.5em; +} + +.widget .llms-widget-syllabus .llms-section:last-child { + border-bottom: none; + margin-bottom: 0; + padding-bottom: 0; +} + +.widget .llms-widget-syllabus .llms-collapse-caret { + margin-right: 0.25em; + vertical-align: top; +} + +.widget .llms-widget-syllabus .llms-lesson-complete { + vertical-align: top; + line-height: 1.5; +} + +.widget .llms-widget-syllabus .section-title { + width: 94%; + width: calc(100% - 1.5em); +} + +.widget .llms-widget-syllabus .lesson-title { + width: 90%; + width: calc(100% - 1.8em); +} + +.widget .llms-widget-syllabus .llms-lesson, +.widget .llms-widget-syllabus .section-header { + line-height: 1.75; +} + +.widget .progress__indicator { + line-height: 30px; +} + +.widget .llms-progress .llms-progress-bar { + border-radius: 20px; + height: 20px; +} + +.widget .llms-progress .progress-bar-complete { + border-radius: 20px; +} + +.widget .llms-course-outline ul { + margin-left: 1.5em; +} + +.ast-separate-container .ast-lifterlms-container { + background-color: #fff; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-lifterlms-container { + padding: 3.34em 2.4em; + } +} + +@media (max-width: 992px) { + .ast-separate-container .ast-lifterlms-container { + padding: 1.5em 2.14em; + } +} + +@media (max-width: 544px) { + .ast-separate-container .ast-lifterlms-container { + padding: .54em 1em 1.33333em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-lifterlms-container { + padding: 5.34em 6.67em; + } +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item, +.ast-container ul.llms-loop-list li.llms-loop-item, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item { + padding: 0; + border-bottom: none; +} + +.llms-student-dashboard .llms-access-plans, +.ast-container .llms-access-plans, +.ast-lifterlms-container .llms-access-plans { + margin-left: -2px; + margin-right: -2px; +} + +.llms-student-dashboard .llms-password-strength-meter, +.ast-container .llms-password-strength-meter, +.ast-lifterlms-container .llms-password-strength-meter { + margin-top: 0px; + font-size: .65em; +} + +.llms-student-dashboard .llms-checkout, +.ast-container .llms-checkout, +.ast-lifterlms-container .llms-checkout { + -js-display: flex; + display: flex; +} + +.llms-student-dashboard .llms-loop-item-content, +.ast-container .llms-loop-item-content, +.ast-lifterlms-container .llms-loop-item-content { + padding-bottom: 15px; +} + +.llms-student-dashboard .llms-loop-item-content .llms-author, +.llms-student-dashboard .llms-loop-item-content .llms-loop-title, +.llms-student-dashboard .llms-loop-item-content .llms-meta, +.ast-container .llms-loop-item-content .llms-author, +.ast-container .llms-loop-item-content .llms-loop-title, +.ast-container .llms-loop-item-content .llms-meta, +.ast-lifterlms-container .llms-loop-item-content .llms-author, +.ast-lifterlms-container .llms-loop-item-content .llms-loop-title, +.ast-lifterlms-container .llms-loop-item-content .llms-meta { + padding: 0 15px; +} + +.llms-student-dashboard .llms-loop-item-content .llms-loop-title, +.ast-container .llms-loop-item-content .llms-loop-title, +.ast-lifterlms-container .llms-loop-item-content .llms-loop-title { + font-weight: 600; + margin-top: 10px; +} + +.llms-student-dashboard .llms-loop-item-content .llms-author, +.llms-student-dashboard .llms-loop-item-content .llms-meta, +.ast-container .llms-loop-item-content .llms-author, +.ast-container .llms-loop-item-content .llms-meta, +.ast-lifterlms-container .llms-loop-item-content .llms-author, +.ast-lifterlms-container .llms-loop-item-content .llms-meta { + margin-bottom: 0; +} + +.llms-student-dashboard .llms-loop-item-content .llms-author, +.ast-container .llms-loop-item-content .llms-author, +.ast-lifterlms-container .llms-loop-item-content .llms-author { + font-size: inherit; + margin-bottom: 10px; +} + +.llms-student-dashboard .llms-loop-item-content .llms-author .llms-author-info, +.ast-container .llms-loop-item-content .llms-author .llms-author-info, +.ast-lifterlms-container .llms-loop-item-content .llms-author .llms-author-info { + vertical-align: middle; +} + +.llms-student-dashboard .llms-loop-item-content .llms-meta, +.ast-container .llms-loop-item-content .llms-meta, +.ast-lifterlms-container .llms-loop-item-content .llms-meta { + font-size: .9em; + font-weight: 600; +} + +.llms-student-dashboard .llms-loop-item-content .llms-meta .length, +.llms-student-dashboard .llms-loop-item-content .llms-meta .difficulty, +.ast-container .llms-loop-item-content .llms-meta .length, +.ast-container .llms-loop-item-content .llms-meta .difficulty, +.ast-lifterlms-container .llms-loop-item-content .llms-meta .length, +.ast-lifterlms-container .llms-loop-item-content .llms-meta .difficulty { + font-weight: 400; + opacity: .75; +} + +.llms-student-dashboard .llms-loop-item-content .llms-loop-title:hover, +.ast-container .llms-loop-item-content .llms-loop-title:hover, +.ast-lifterlms-container .llms-loop-item-content .llms-loop-title:hover { + color: inherit; +} + +.llms-student-dashboard .llms-loop-item-content .llms-loop-item-footer, +.ast-container .llms-loop-item-content .llms-loop-item-footer, +.ast-lifterlms-container .llms-loop-item-content .llms-loop-item-footer { + margin-top: 10px; +} + +.course .llms-featured-image { + margin-bottom: 0; +} + +.course .llms-instructor-info, +.course .llms-instructor-info .llms-meta-info { + margin-top: 1.5em; +} + +.course .llms-instructor-info .llms-instructors .llms-author .llms-author-info.name { + font-size: 1.25em; +} + +.course .llms-instructor-info .llms-instructors .llms-author .llms-author-info.label { + font-size: 1em; +} + +body .llms-syllabus-wrapper { + margin: 0 auto 1.5em; +} + +body .llms-syllabus-wrapper .llms-section-title { + margin-top: 15px; + text-align: left; + font-size: 1.1em; + padding: 5px 15px; + background: #e8e8e8; + font-weight: 600; + line-height: 1.75; +} + +body .llms-syllabus-wrapper .llms-lesson-preview { + margin-top: 1px; + display: block; + width: auto; +} + +body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-link { + background-color: #f0f0f0; + padding: 5px 15px; + min-height: auto; +} + +body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-link:hover { + background: #e6e6e6; +} + +body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-title { + font-size: 1em; + line-height: 1.75; + font-weight: 600; + margin-bottom: 0; +} + +body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-counter { + line-height: 1.75; + margin-bottom: 0; + font-size: inherit; +} + +body #review_box, +body #old_reviews { + margin: 0; + padding: 2em 0 0; + border-top: 1px solid #eeeeee; +} + +body #old_reviews > hr { + display: none; +} + +body #old_reviews .llms_review { + padding: 20px; + margin: 20px 0px; +} + +body #old_reviews .llms_review:last-of-type { + margin-bottom: 2em; +} + +body #old_reviews .llms_review p:last-child { + margin-bottom: 0; +} + +body #old_reviews .llms_review h5 { + margin-bottom: 5px; +} + +body #old_reviews:last-child .llms_review:last-of-type { + margin-bottom: 0; +} + +body #review_box #review_text, +body #review_box #review_title { + margin-bottom: 1em; + width: 100%; + border-color: #dddddd; + background: #fff; + border-radius: 0; +} + +body #thank_you_box { + margin-top: 1em; +} + +body .llms-lesson-link-locked, +body .llms-lesson-link-locked:hover { + box-shadow: none; +} + +body .llms-person-form-wrapper .llms-form-fields, +body .llms-new-person-form-wrapper .llms-form-fields, +body .llms-person-login-form-wrapper .llms-form-fields { + margin-left: -10px; + margin-right: -10px; +} + +body .llms-person-form-wrapper .llms-form-fields .llms-form-field.align-right, +body .llms-new-person-form-wrapper .llms-form-fields .llms-form-field.align-right, +body .llms-person-login-form-wrapper .llms-form-fields .llms-form-field.align-right { + float: right; +} + +body .llms-form-heading { + padding: 0; +} + +body .llms-lost-password-form { + margin-left: -10px; + margin-right: -10px; +} + +body .is-enrolled .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-complete { + margin-bottom: 0; + position: absolute; + top: 5px; + left: 15px; + font-size: 1.4em; + height: 1.2em; + line-height: 1.2; + width: 1em; +} + +body .is-enrolled .llms-syllabus-wrapper .llms-lesson-preview .llms-main { + margin-left: 2em; + margin-left: calc(1.2em + 15px); + width: 83%; + width: calc(85% - 1.2em - 15px); +} + +body .course .llms-course-progress, +body .llms-course-progress { + max-width: 100%; + margin: 0 auto; + -js-display: flex; + display: flex; + flex-direction: row-reverse; + background: #f1f2f1; + border-top-right-radius: 1em; + border-bottom-right-radius: 1em; +} + +body .course .llms-course-progress .llms-course-complete-text, +body .course .llms-course-progress a.llms-course-continue-button, +body .llms-course-progress .llms-course-complete-text, +body .llms-course-progress a.llms-course-continue-button { + display: inline-block; + margin-right: 2px; + padding: 0 1em; + line-height: 2em; +} + +body .course .llms-course-progress a.llms-course-continue-button:after, +body .llms-course-progress a.llms-course-continue-button:after { + content: "\BB"; + font-size: 1.2em; + line-height: 1; +} + +body .course .llms-course-progress .llms-course-complete-text, +body .llms-course-progress .llms-course-complete-text { + margin-bottom: 0; + opacity: .6; +} + +body .course .llms-course-progress .llms-progress, +body .llms-course-progress .llms-progress { + height: auto; + margin: 0 auto; + flex: 1; + text-align: center; +} + +body .course .llms-course-progress .llms-progress .llms-progress-bar, +body .llms-course-progress .llms-progress .llms-progress-bar { + height: inherit; + top: 0; + border-radius: 1em; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +body .course .llms-course-progress .llms-progress .progress__indicator, +body .llms-course-progress .llms-progress .progress__indicator { + display: none; +} + +body .course .llms-course-progress .llms-progress .progress-bar-complete, +body .llms-course-progress .llms-progress .progress-bar-complete { + border-radius: inherit; +} + +body .course .llms-course-progress .llms-progress .progress-bar-complete:after, +body .llms-course-progress .llms-progress .progress-bar-complete:after { + display: inline-block; + line-height: 2; + padding: 0 10px; + content: attr(data-progress); + word-break: normal; +} + +body .widget_course_progress .llms-progress, +body .llms-progress { + /** + * Progress Widget + */ + height: 1.4em; + margin: 0 auto; +} + +body .widget_course_progress .llms-progress .progress__indicator, +body .llms-progress .progress__indicator { + line-height: 1.4; + height: 1.4em; +} + +body .widget_course_progress .llms-progress .llms-progress-bar, +body .llms-progress .llms-progress-bar { + border-radius: .7em; + height: 1.4em; + top: 0; +} + +body .widget_course_progress .llms-progress .progress-bar-complete, +body .llms-progress .progress-bar-complete { + border-radius: .7em; +} + +body .llms-loop-item-content .llms-progress-bar { + height: inherit; +} + +body .llms-loop-item-content .llms-progress-bar .progress-bar-complete { + border-radius: 0; +} + +.single-course article.course { + margin-bottom: 2em; +} + +.llms_membership .llms-featured-image { + margin-bottom: 0; +} + +.llms-access-plan .llms-access-plan-footer { + padding: 15px; +} + +.llms-access-plan .llms-access-plan-title, +.llms-access-plan .llms-access-plan-pricing, +.llms-access-plan .llms-access-plan-description { + padding-left: 15px; + padding-right: 15px; +} + +.llms-access-plan .llms-access-plan-schedule, +.llms-access-plan .llms-access-plan-trial, +.llms-access-plan .llms-access-plan-expiration, +.llms-access-plan .llms-access-plan-description { + font-size: inherit; +} + +.llms-access-plan .llms-access-plan-price { + font-size: 1.2em; +} + +.llms-access-plan .stamp { + font-size: 0.6em; + padding: 2px 5px; + font-weight: normal; +} + +.llms-access-plan .llms-button-action { + display: inline-block; +} + +.llms-pagination { + text-align: left; + margin-top: 2em; +} + +.llms-pagination ul { + display: inline-block; + text-align: center; + white-space: nowrap; + padding: 0; + clear: both; + border: 0; + margin: 1px; +} + +.llms-pagination ul li { + margin: 0 5px 5px 0; + border: 1px solid #d3ced2; + padding: 0; + float: left; + display: inline; + overflow: hidden; +} + +.llms-pagination ul li a.page-numbers, +.llms-pagination ul li span.page-numbers { + margin: 0; + text-decoration: none; + padding: 0; + line-height: 1; + font-size: 1em; + font-weight: normal; + padding: 0.75em; + display: block; + min-width: 2.5em; +} + +.llms-pagination ul li span.current, +.llms-pagination ul li a:hover, +.llms-pagination ul li a:focus { + background: #ebe9eb; + color: #8a7e88; +} + +.lifterlms .llms-checkout-wrapper .llms-notice { + border: 0; + background: none; + padding: 0; + margin-bottom: 2em; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1 { + width: calc(58% - 2em); + margin: 0 2em 0 0; +} + +@media (max-width: 768px) { + .lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1 { + width: 100%; + margin-right: 0; + } +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1 .llms-checkout-section-content { + margin: 0 -10px; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 { + width: 42%; + margin: 0; + height: 228px; +} + +@media (max-width: 768px) { + .lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 { + width: 100%; + } +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 .llms-order-summary { + font-size: .9em; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 .llms-coupon-entry .type-text { + margin-bottom: 1em; +} + +.lifterlms .llms-checkout-wrapper .llms-form-field > label { + display: inline-block; + font-size: 0.9em; + font-weight: 600; + vertical-align: middle; +} + +.lifterlms .llms-checkout-wrapper .llms-form-field input, +.lifterlms .llms-checkout-wrapper .llms-form-field select, +.lifterlms .llms-checkout-wrapper .llms-form-field textarea { + margin-bottom: 0; + background: #fff; +} + +.lifterlms .llms-checkout-wrapper .llms-form-field input[type="checkbox"] { + margin-bottom: 0; + vertical-align: middle; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2, +.lifterlms .llms-checkout-wrapper .llms-login { + padding: 20px; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 { + border: 2px solid #ebebeb; +} + +.lifterlms .llms-checkout-wrapper .llms-login { + border: 1px solid #d3ced2; + margin-bottom: 2em; + border-radius: 5px; +} + +@media (max-width: 768px) { + .lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.align-right { + text-align: left; + width: 100%; + clear: both; + margin-top: 10px; + } +} + +.lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.type-checkbox, .lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.type-submit { + width: auto; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-section { + border: none; +} + +.lifterlms .llms-checkout-wrapper .llms-form-heading { + background: none; + color: inherit; + margin-bottom: 1em; + padding: 0; +} + +.lifterlms .llms-checkout-wrapper .flush .llms-form-field { + padding: 0; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-section-content .llms-order-summary .llms-label { + font-variant: normal; + text-transform: none; + font-weight: 600; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-section-content span.llms-description { + font-size: .9em; + line-height: 1.5; + opacity: .75; + display: inline-block; +} + +.lifterlms .llms-checkout-wrapper .llms-person-login-form-wrapper, +.lifterlms .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-checkout-confirm, +.lifterlms .llms-checkout-wrapper .llms-checkout-section-content, +.lifterlms .llms-checkout-wrapper .llms-checkout-section-content .llms-checkout-confirm { + margin: 0; +} + +.lifterlms .llms-checkout-wrapper .llms-payment-gateways label:before { + width: 1em; + height: 1em; +} + +.lifterlms .llms-checkout-wrapper .llms-payment-gateways .llms-gateway-description { + margin-left: 1.25em; + margin-left: calc(1em + 5px); +} + +.lifterlms .llms-checkout-wrapper .llms-payment-gateways li:last-child:after { + margin: 10px auto; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item { + margin-right: 1em; + margin-bottom: 1em; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.current { + font-weight: 600; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item .llms-sep { + display: none; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item > a:before { + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + display: inline-block; + margin-right: .5em; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.dashboard > a:before { + content: "\f0e4"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.view-courses > a:before { + content: "\f02d"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.view-memberships > a:before { + content: "\f0c0"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.my-grades > a:before { + content: "\f19d"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.view-achievements > a:before { + content: "\f091"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.view-certificates > a:before { + content: "\f0a3"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.notifications > a:before { + content: "\f06a"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.edit-account > a:before { + content: "\f007"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.redeem-voucher > a:before { + content: "\f005"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.orders > a:before { + content: "\f022"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.signout > a:before { + content: "\f08b"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.sl_profile > a:before { + content: "\f2be"; +} + +.llms-student-dashboard .llms-my-orders .orders-table { + font-size: 0.85em; +} + +.llms-student-dashboard .llms-my-orders .orders-table thead td { + background: #f9f9f9; +} + +.llms-student-dashboard .llms-my-orders .orders-table tbody tr:nth-child(even) td { + background: none; +} + +.llms-student-dashboard .llms-my-orders .orders-table th:first-child, +.llms-student-dashboard .llms-my-orders .orders-table td:first-child { + width: 100%; +} + +.llms-student-dashboard .llms-my-orders .orders-table th:first-child a, +.llms-student-dashboard .llms-my-orders .orders-table td:first-child a { + vertical-align: middle; +} + +@media (min-width: 769px) { + .llms-student-dashboard .llms-my-orders .orders-table th:first-child, + .llms-student-dashboard .llms-my-orders .orders-table td:first-child { + width: 20%; + } +} + +@media (max-width: 768px) { + .llms-student-dashboard .llms-my-orders .orders-table thead { + display: none; + } + .llms-student-dashboard .llms-my-orders .orders-table td { + display: block; + width: 100%; + border-bottom-width: 1px; + text-align: right; + } + .llms-student-dashboard .llms-my-orders .orders-table td:before { + content: attr(data-label); + font-weight: 700; + float: left; + display: block; + } +} + +.llms-student-dashboard .llms-my-orders .llms-status { + padding: 1px 5px; +} + +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field > label { + display: inline-block; + font-size: 0.9em; + font-weight: 600; + vertical-align: middle; +} + +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field input, +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field select, +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field textarea { + margin-bottom: 0; + background: #fff; +} + +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field input[type="checkbox"] { + vertical-align: middle; +} + +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.type-submit, +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.type-submit button { + width: auto; +} + +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.align-right { + float: right; +} + +.llms-student-dashboard .llms-person-form-wrapper .llms-form-field > label { + display: inline-block; + font-size: 0.9em; + font-weight: 600; + vertical-align: middle; +} + +.llms-student-dashboard .llms-person-form-wrapper .llms-form-field input, +.llms-student-dashboard .llms-person-form-wrapper .llms-form-field select, +.llms-student-dashboard .llms-person-form-wrapper .llms-form-field textarea { + margin-bottom: 0; + background: #fff; +} + +.llms-student-dashboard .llms-person-form-wrapper .llms-form-field input[type="checkbox"] { + vertical-align: middle; +} + +.llms-student-dashboard .llms-sd-header ~ form .form-row-first { + display: inline-block; + margin-bottom: 0; +} + +.llms-student-dashboard .llms-sd-header ~ form .form-row-first > label { + display: none; +} + +.llms-student-dashboard .llms-sd-header ~ form .form-row-first input { + width: 100%; +} + +.llms-student-dashboard .llms-sd-header ~ form .form-row-first ~ button { + line-height: 1.5; +} + +@media (max-width: 544px) { + .llms-student-dashboard .llms-sd-header ~ form .form-row-first ~ button { + width: 100%; + } +} + +@media (max-width: 544px) { + .llms-student-dashboard .llms-sd-header ~ form .form-row-first { + width: 100%; + margin-bottom: 10px; + } +} + +.ast-container .lifterlms .llms-notice { + margin: 0 0 2em; +} + +.ast-container .llms-notice { + border-width: 0; + border-top-width: 3px; + border-color: #b81c23; + border-style: solid; + padding: 1em 2em; + position: relative; + background-color: #f7f6f7; + color: #515151; +} + +.ast-container .llms-notice.llms-error { + border-width: 0; + border-top-width: 3px; + border-color: #b81c23; + border-style: solid; + padding: 1em 2em; + position: relative; + background-color: #f7f6f7; + color: #515151; +} + +.ast-container a.llms-button-primary, +.ast-container .llms-button-secondary, +.ast-container .llms-button-action, +.ast-container .llms-field-button { + font-size: inherit; + line-height: 1; +} + +.ast-container .llms-tooltip { + font-size: .9em; + line-height: 1.4; +} + +.llms-notification .llms-notification-content .llms-notification-body { + font-size: inherit; + line-height: inherit; +} + +.llms-notification .llms-notification-content .llms-notification-title { + font-size: 1.3em; +} + +.llms-quiz-meta-item { + font-weight: 600; +} + +.llms-quiz-meta-item span { + font-weight: 400; + opacity: .75; +} + +.llms-quiz-question-wrapper { + clear: both; +} + +.llms-quiz-question-wrapper .llms-error { + color: #b81c23; + margin-bottom: .5em; +} + +.llms-quiz-question-wrapper .llms-question-count p { + font-weight: 600; + margin-bottom: 0; +} + +.llms-quiz-question-wrapper .llms-question-count ~ p { + margin-bottom: .5em; +} + +.llms-quiz-question-wrapper .llms-question-wrapper { + margin-bottom: 1.5em; +} + +.llms-quiz-question-wrapper .llms-question-wrapper .llms-question-text { + font-size: 2em; +} + +.llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice label { + display: block; +} + +.llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice .llms-choice-text { + font-size: 1em; +} + +.llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice .llms-marker { + font-size: 1em; + width: 1.75em; + height: 1.75em; + line-height: 1.75em; +} + +.llms-quiz-buttons .llms-start-quiz-button { + line-height: 1.4; +} + +.llms-quiz-buttons .llms-start-quiz-button:after { + content: "\BB"; + font-size: 1.2em; + line-height: 1; +} + +.llms-quiz-buttons .llms-next-lesson:after { + content: "\2192"; + margin-left: 5px; +} + +@media (max-width: 768px) { + .llms-quiz-buttons .llms-start-quiz-button, + .llms-quiz-buttons .llms-button-secondary { + margin: 5px; + display: block; + } +} + +.llms-quiz-ui .llms-quiz-nav .llms-button-action { + font-size: inherit; + line-height: 1.4; +} + +.llms-quiz-ui .llms-quiz-nav #llms-complete-quiz:before { + content: "\2714"; + margin-right: .5em; +} + +.llms-quiz-ui .llms-quiz-nav #llms-next-question:after { + content: "\2192"; + margin-left: 5px; +} + +.llms-quiz-ui .llms-quiz-nav #llms-prev-question { + line-height: 1.4; + float: left; +} + +.llms-quiz-ui .llms-quiz-nav #llms-prev-question:before { + content: "\2190"; + margin-right: 5px; +} + +.llms-quiz-ui .llms-quiz-nav .llms-quiz-counter { + font-size: inherit; +} + +.llms-quiz-ui .llms-quiz-nav .llms-button-action, +.llms-quiz-ui .llms-quiz-nav .llms-button-secondary { + margin: 5px; +} + +@media (max-width: 768px) { + .llms-loop .llms-tablet-cols-1 .llms-loop-item { + width: 100%; + } + .llms-loop .llms-tablet-cols-2 .llms-loop-item { + width: 50%; + } + .llms-loop .llms-tablet-cols-3 .llms-loop-item { + width: 33.33333%; + } + .llms-loop .llms-tablet-cols-4 .llms-loop-item { + width: 25%; + } + .llms-loop .llms-tablet-cols-5 .llms-loop-item { + width: 20%; + } + .llms-loop .llms-tablet-cols-6 .llms-loop-item { + width: 16.66667%; + } +} + +@media (max-width: 544px) { + .llms-loop .llms-mobile-cols-1 .llms-loop-item { + width: 100%; + } + .llms-loop .llms-mobile-cols-2 .llms-loop-item { + width: 50%; + } + .llms-loop .llms-mobile-cols-3 .llms-loop-item { + width: 33.33333%; + } + .llms-loop .llms-mobile-cols-4 .llms-loop-item { + width: 25%; + } + .llms-loop .llms-mobile-cols-5 .llms-loop-item { + width: 20%; + } + .llms-loop .llms-mobile-cols-6 .llms-loop-item { + width: 16.66667%; + } +} + +.ast-woocommerce-cart-menu .main-header-bar .main-header-log-out { + padding-left: 10px; +} diff --git a/assets/css/unminified/compatibility/lifterlms-rtl.css b/assets/css/unminified/compatibility/lifterlms-rtl.css new file mode 100644 index 0000000..cc2350b --- /dev/null +++ b/assets/css/unminified/compatibility/lifterlms-rtl.css @@ -0,0 +1,1157 @@ +/** + * lifterlms.scss + * Governs the general look and feel of WooCommerce sections of stores using themes that do not + * integrate with WooCommerce specifically. + */ +/** + * Astra Theme compatibility with WooCommerce + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +#secondary .llms-widget-syllabus .llms-section { + margin-bottom: 0.5em; +} + +.widget .llms-widget-syllabus .llms-collapse-caret, +.widget .llms-widget-syllabus .section-title, +.widget .llms-widget-syllabus .lesson-title, +.widget .llms-widget-syllabus .llms-lesson-complete { + display: inline-block; +} + +.widget .llms-widget-syllabus .llms-section { + border-bottom: 1px solid #e5e5e5; + margin-bottom: 0.5em; + padding-bottom: 0.5em; +} + +.widget .llms-widget-syllabus .llms-section:last-child { + border-bottom: none; + margin-bottom: 0; + padding-bottom: 0; +} + +.widget .llms-widget-syllabus .llms-collapse-caret { + margin-left: 0.25em; + vertical-align: top; +} + +.widget .llms-widget-syllabus .llms-lesson-complete { + vertical-align: top; + line-height: 1.5; +} + +.widget .llms-widget-syllabus .section-title { + width: 94%; + width: calc(100% - 1.5em); +} + +.widget .llms-widget-syllabus .lesson-title { + width: 90%; + width: calc(100% - 1.8em); +} + +.widget .llms-widget-syllabus .llms-lesson, +.widget .llms-widget-syllabus .section-header { + line-height: 1.75; +} + +.widget .progress__indicator { + line-height: 30px; +} + +.widget .llms-progress .llms-progress-bar { + border-radius: 20px; + height: 20px; +} + +.widget .llms-progress .progress-bar-complete { + border-radius: 20px; +} + +.widget .llms-course-outline ul { + margin-right: 1.5em; +} + +.ast-separate-container .ast-lifterlms-container { + background-color: #fff; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-lifterlms-container { + padding: 3.34em 2.4em; + } +} + +@media (max-width: 992px) { + .ast-separate-container .ast-lifterlms-container { + padding: 1.5em 2.14em; + } +} + +@media (max-width: 544px) { + .ast-separate-container .ast-lifterlms-container { + padding: .54em 1em 1.33333em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-lifterlms-container { + padding: 5.34em 6.67em; + } +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item, +.ast-container ul.llms-loop-list li.llms-loop-item, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item { + padding: 0; + border-bottom: none; +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-author, +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-loop-title, +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-meta, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-author, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-loop-title, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-meta, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-author, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-loop-title, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-meta { + padding: 0 15px; +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-loop-title, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-loop-title, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-loop-title { + font-weight: 600; + margin-top: 10px; +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-author, +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-meta, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-author, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-meta, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-author, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-meta { + margin-bottom: 0; +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-author, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-author, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-author { + font-size: inherit; + margin-bottom: 10px; +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-author .llms-author-info, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-author .llms-author-info, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-author .llms-author-info { + vertical-align: middle; +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-meta, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-meta, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-meta { + font-size: .9em; + font-weight: 600; +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-meta .length, +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-meta .difficulty, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-meta .length, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-meta .difficulty, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-meta .length, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-meta .difficulty { + font-weight: 400; + opacity: .75; +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-loop-title:hover, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-loop-title:hover, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-loop-title:hover { + color: inherit; +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-loop-item-footer, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-loop-item-footer, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-loop-item-footer { + margin-top: 10px; +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-loop-item-content, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-loop-item-content, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-loop-item-content { + padding-bottom: 15px; +} + +.llms-student-dashboard .llms-access-plans, +.ast-container .llms-access-plans, +.ast-lifterlms-container .llms-access-plans { + margin-right: -2px; + margin-left: -2px; +} + +.llms-student-dashboard .llms-password-strength-meter, +.ast-container .llms-password-strength-meter, +.ast-lifterlms-container .llms-password-strength-meter { + margin-top: 0px; + font-size: .65em; +} + +.llms-student-dashboard .llms-checkout-col, +.ast-container .llms-checkout-col, +.ast-lifterlms-container .llms-checkout-col { + float: right; +} + +.single-lesson.ast-separate-container .llms-lesson-preview .llms-lesson-link { + background: #fff; +} + +.single-lesson.ast-separate-container .llms-lesson-preview .llms-lesson-link:hover { + background: #fafafa; +} + +.single-lesson .ast-article-single .llms-lesson-button-wrapper { + font-weight: 600; +} + +.single-lesson .ast-article-single .llms-lesson-button-wrapper .llms-complete-lesson-form .llms-field-button:before { + content: "\2714"; + margin-left: .5em; +} + +.single-lesson .llms-course-navigation { + padding: 2em 0 0; + border-top: 1px solid #eeeeee; +} + +.single-lesson .llms-course-navigation .llms-lesson-preview { + vertical-align: top; + margin-top: 0; +} + +.single-lesson .llms-course-navigation .llms-lesson-preview .llms-lesson-link { + padding-right: 20px; + padding-left: 20px; +} + +.single-lesson .llms-course-navigation .llms-next-lesson { + text-align: left; +} + +.single-lesson .llms-course-navigation .llms-prev-lesson h6.llms-pre-text:before { + content: "\2190"; + margin-left: .5em; +} + +.single-lesson .llms-course-navigation .llms-back-to-course:first-child h6.llms-pre-text:before { + content: "\2190"; + margin-left: .5em; +} + +.single-lesson .llms-course-navigation .llms-prev-lesson ~ .llms-back-to-course h6.llms-pre-text:after, +.single-lesson .llms-course-navigation .llms-next-lesson h6.llms-pre-text:after { + content: "\2192"; + margin-right: 5px; +} + +.single-lesson .llms-course-navigation .llms-prev-lesson ~ .llms-back-to-course .llms-lesson-title, +.single-lesson .llms-course-navigation .llms-prev-lesson ~ .llms-back-to-course .llms-lesson-excerpt, +.single-lesson .llms-course-navigation .llms-prev-lesson ~ .llms-back-to-course h6.llms-pre-text, +.single-lesson .llms-course-navigation .llms-next-lesson .llms-lesson-title, +.single-lesson .llms-course-navigation .llms-next-lesson .llms-lesson-excerpt, +.single-lesson .llms-course-navigation .llms-next-lesson h6.llms-pre-text { + text-align: left; +} + +@media (max-width: 544px) { + .single-lesson .llms-course-navigation { + padding-top: 1.5em; + } + .single-lesson .llms-course-navigation .llms-course-nav { + width: 100%; + margin: 0; + } + .single-lesson .llms-course-navigation .llms-course-nav:first-child { + margin-bottom: 1.5em; + } +} + +.course .llms-featured-image { + margin-bottom: 0; +} + +.course .llms-instructor-info, +.course .llms-instructor-info .llms-meta-info { + margin-top: 1.5em; +} + +.course .llms-instructor-info .llms-instructors .llms-author .llms-author-info.name { + font-size: 1.25em; +} + +.course .llms-instructor-info .llms-instructors .llms-author .llms-author-info.label { + font-size: 1em; +} + +body .llms-syllabus-wrapper { + margin: 0 auto 1.5em; +} + +body .llms-syllabus-wrapper .llms-section-title { + margin-top: 15px; + text-align: right; + font-size: 1.1em; + padding: 5px 15px; + background: #e8e8e8; + font-weight: 600; + line-height: 1.75; +} + +body .llms-syllabus-wrapper .llms-lesson-preview { + margin-top: 1px; + display: block; + width: auto; +} + +body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-link { + background-color: #f0f0f0; + padding: 5px 15px; + min-height: auto; +} + +body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-link:hover { + background: #e6e6e6; +} + +body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-title { + font-size: 1em; + line-height: 1.75; + font-weight: 600; + margin-bottom: 0; +} + +body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-counter { + line-height: 1.75; + margin-bottom: 0; + font-size: inherit; +} + +body #review_box, +body #old_reviews { + margin: 0; + padding: 2em 0 0; + border-top: 1px solid #eeeeee; +} + +body #old_reviews > hr { + display: none; +} + +body #old_reviews .llms_review { + padding: 20px; + margin: 20px 0px; +} + +body #old_reviews .llms_review:last-of-type { + margin-bottom: 2em; +} + +body #old_reviews .llms_review p:last-child { + margin-bottom: 0; +} + +body #old_reviews .llms_review h5 { + margin-bottom: 5px; +} + +body #old_reviews:last-child .llms_review:last-of-type { + margin-bottom: 0; +} + +body #review_box #review_text, +body #review_box #review_title { + margin-bottom: 1em; + width: 100%; + border-color: #dddddd; + background: #fff; + border-radius: 0; +} + +body #thank_you_box { + margin-top: 1em; +} + +body .llms-lesson-link-locked, +body .llms-lesson-link-locked:hover { + box-shadow: none; +} + +body .llms-person-form-wrapper .llms-form-fields, +body .llms-new-person-form-wrapper .llms-form-fields, +body .llms-person-login-form-wrapper .llms-form-fields { + margin-right: -10px; + margin-left: -10px; +} + +body .llms-person-form-wrapper .llms-form-fields .llms-form-field.align-right, +body .llms-new-person-form-wrapper .llms-form-fields .llms-form-field.align-right, +body .llms-person-login-form-wrapper .llms-form-fields .llms-form-field.align-right { + float: left; +} + +body .llms-form-heading { + padding: 0; +} + +body .llms-lost-password-form { + margin-right: -10px; + margin-left: -10px; +} + +body .is-enrolled .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-complete { + margin-bottom: 0; + position: absolute; + top: 5px; + right: 15px; + font-size: 1.4em; + height: 1.2em; + line-height: 1.2; + width: 1em; +} + +body .is-enrolled .llms-syllabus-wrapper .llms-lesson-preview .llms-main { + margin-right: 2em; + margin-right: calc(1.2em + 15px); + width: 83%; + width: calc(85% - 1.2em - 15px); +} + +body .course .llms-course-progress, +body .llms-course-progress { + max-width: 100%; + margin: 0 auto; + -js-display: flex; + display: flex; + flex-direction: row-reverse; + background: #f1f2f1; + border-top-left-radius: 1em; + border-bottom-left-radius: 1em; +} + +body .course .llms-course-progress .llms-course-complete-text, +body .course .llms-course-progress a.llms-course-continue-button, +body .llms-course-progress .llms-course-complete-text, +body .llms-course-progress a.llms-course-continue-button { + display: inline-block; + margin-left: 2px; + padding: 0 1em; + line-height: 2em; +} + +body .course .llms-course-progress a.llms-course-continue-button:after, +body .llms-course-progress a.llms-course-continue-button:after { + content: "\BB"; + font-size: 1.2em; + line-height: 1; +} + +body .course .llms-course-progress .llms-course-complete-text, +body .llms-course-progress .llms-course-complete-text { + margin-bottom: 0; + opacity: .6; +} + +body .course .llms-course-progress .llms-progress, +body .llms-course-progress .llms-progress { + height: auto; + margin: 0 auto; + flex: 1; + text-align: center; +} + +body .course .llms-course-progress .llms-progress .llms-progress-bar, +body .llms-course-progress .llms-progress .llms-progress-bar { + height: inherit; + top: 0; + border-radius: 1em; + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +body .course .llms-course-progress .llms-progress .progress__indicator, +body .llms-course-progress .llms-progress .progress__indicator { + display: none; +} + +body .course .llms-course-progress .llms-progress .progress-bar-complete, +body .llms-course-progress .llms-progress .progress-bar-complete { + border-radius: inherit; +} + +body .course .llms-course-progress .llms-progress .progress-bar-complete:after, +body .llms-course-progress .llms-progress .progress-bar-complete:after { + display: inline-block; + line-height: 2; + padding: 0 10px; + content: attr(data-progress); + word-break: normal; +} + +body .widget_course_progress .llms-progress, +body .llms-progress { + /** + * Progress Widget + */ + height: 1.4em; + margin: 0 auto; +} + +body .widget_course_progress .llms-progress .progress__indicator, +body .llms-progress .progress__indicator { + line-height: 1.4; + height: 1.4em; +} + +body .widget_course_progress .llms-progress .llms-progress-bar, +body .llms-progress .llms-progress-bar { + border-radius: .7em; + height: 1.4em; + top: 0; +} + +body .widget_course_progress .llms-progress .progress-bar-complete, +body .llms-progress .progress-bar-complete { + border-radius: .7em; +} + +body .llms-loop-item-content .llms-progress-bar { + height: inherit; +} + +body .llms-loop-item-content .llms-progress-bar .progress-bar-complete { + border-radius: 0; +} + +.single-course article.course { + margin-bottom: 2em; +} + +.llms_membership .llms-featured-image { + margin-bottom: 0; +} + +.llms-access-plan .llms-access-plan-footer { + padding: 15px; +} + +.llms-access-plan .llms-access-plan-title, +.llms-access-plan .llms-access-plan-pricing, +.llms-access-plan .llms-access-plan-description { + padding-right: 15px; + padding-left: 15px; +} + +.llms-access-plan .llms-access-plan-schedule, +.llms-access-plan .llms-access-plan-trial, +.llms-access-plan .llms-access-plan-expiration, +.llms-access-plan .llms-access-plan-description { + font-size: inherit; +} + +.llms-access-plan .llms-access-plan-price { + font-size: 1.2em; +} + +.llms-access-plan .stamp { + font-size: 0.6em; + padding: 2px 5px; + font-weight: normal; +} + +.llms-access-plan .llms-button-action { + display: inline-block; +} + +.llms-pagination { + text-align: right; + margin-top: 2em; +} + +.llms-pagination ul { + display: inline-block; + text-align: center; + white-space: nowrap; + padding: 0; + clear: both; + border: 0; + margin: 1px; +} + +.llms-pagination ul li { + margin: 0 0 5px 5px; + border: 1px solid #d3ced2; + padding: 0; + float: right; + display: inline; + overflow: hidden; +} + +.llms-pagination ul li a.page-numbers, +.llms-pagination ul li span.page-numbers { + margin: 0; + text-decoration: none; + padding: 0; + line-height: 1; + font-size: 1em; + font-weight: normal; + padding: 0.75em; + display: block; + min-width: 2.5em; +} + +.llms-pagination ul li span.current, +.llms-pagination ul li a:hover, +.llms-pagination ul li a:focus { + background: #ebe9eb; + color: #8a7e88; +} + +.lifterlms .llms-checkout-wrapper .llms-notice { + border: 0; + background: none; + padding: 0; + margin-bottom: 2em; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1 { + width: calc(58% - 2em); + margin: 0 0 0 2em; +} + +@media (max-width: 768px) { + .lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1 { + width: 100%; + margin-left: 0; + } +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1 .llms-checkout-section-content { + margin: 0 -10px; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 { + width: 42%; + margin: 0; +} + +@media (max-width: 768px) { + .lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 { + width: 100%; + } +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 .llms-order-summary { + font-size: .9em; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 .llms-coupon-entry .type-text { + margin-bottom: 1em; +} + +.lifterlms .llms-checkout-wrapper .llms-form-field > label { + display: inline-block; + font-size: 0.9em; + font-weight: 600; + vertical-align: middle; +} + +.lifterlms .llms-checkout-wrapper .llms-form-field input, +.lifterlms .llms-checkout-wrapper .llms-form-field select, +.lifterlms .llms-checkout-wrapper .llms-form-field textarea { + margin-bottom: 0; + background: #fff; +} + +.lifterlms .llms-checkout-wrapper .llms-form-field input[type="checkbox"] { + margin-bottom: 0; + vertical-align: middle; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2, +.lifterlms .llms-checkout-wrapper .llms-login { + padding: 20px; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 { + border: 2px solid #ebebeb; +} + +.lifterlms .llms-checkout-wrapper .llms-login { + border: 1px solid #d3ced2; + margin-bottom: 2em; + border-radius: 5px; +} + +@media (max-width: 768px) { + .lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.align-right { + text-align: right; + width: 100%; + clear: both; + margin-top: 10px; + } +} + +.lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.type-checkbox, .lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.type-submit { + width: auto; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-section { + border: none; +} + +.lifterlms .llms-checkout-wrapper .llms-form-heading { + background: none; + color: inherit; + margin-bottom: 1em; + padding: 0; +} + +.lifterlms .llms-checkout-wrapper .flush .llms-form-field { + padding: 0; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-section-content .llms-order-summary .llms-label { + font-variant: normal; + text-transform: none; + font-weight: 600; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-section-content span.llms-description { + font-size: .9em; + line-height: 1.5; + opacity: .75; + display: inline-block; +} + +.lifterlms .llms-checkout-wrapper .llms-person-login-form-wrapper, +.lifterlms .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-checkout-confirm, +.lifterlms .llms-checkout-wrapper .llms-checkout-section-content, +.lifterlms .llms-checkout-wrapper .llms-checkout-section-content .llms-checkout-confirm { + margin: 0; +} + +.lifterlms .llms-checkout-wrapper .llms-payment-gateways label:before { + width: 1em; + height: 1em; +} + +.lifterlms .llms-checkout-wrapper .llms-payment-gateways .llms-gateway-description { + margin-right: 1.25em; + margin-right: calc(1em + 5px); +} + +.lifterlms .llms-checkout-wrapper .llms-payment-gateways li:last-child:after { + margin: 10px auto; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item { + margin-left: 1em; + margin-bottom: 1em; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.current { + font-weight: 600; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item .llms-sep { + display: none; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item > a:before { + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + display: inline-block; + margin-left: .5em; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.dashboard > a:before { + content: "\f0e4"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.view-courses > a:before { + content: "\f02d"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.view-memberships > a:before { + content: "\f0c0"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.my-grades > a:before { + content: "\f19d"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.view-achievements > a:before { + content: "\f091"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.view-certificates > a:before { + content: "\f0a3"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.notifications > a:before { + content: "\f06a"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.edit-account > a:before { + content: "\f007"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.redeem-voucher > a:before { + content: "\f005"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.orders > a:before { + content: "\f022"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.signout > a:before { + content: "\f08b"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.sl_profile > a:before { + content: "\f2be"; +} + +.llms-student-dashboard .llms-my-orders .orders-table { + font-size: 0.85em; +} + +.llms-student-dashboard .llms-my-orders .orders-table thead td { + background: #f9f9f9; +} + +.llms-student-dashboard .llms-my-orders .orders-table tbody tr:nth-child(even) td { + background: none; +} + +.llms-student-dashboard .llms-my-orders .orders-table th:first-child, +.llms-student-dashboard .llms-my-orders .orders-table td:first-child { + width: 100%; +} + +.llms-student-dashboard .llms-my-orders .orders-table th:first-child a, +.llms-student-dashboard .llms-my-orders .orders-table td:first-child a { + vertical-align: middle; +} + +@media (min-width: 769px) { + .llms-student-dashboard .llms-my-orders .orders-table th:first-child, + .llms-student-dashboard .llms-my-orders .orders-table td:first-child { + width: 20%; + } +} + +@media (max-width: 768px) { + .llms-student-dashboard .llms-my-orders .orders-table thead { + display: none; + } + .llms-student-dashboard .llms-my-orders .orders-table td { + display: block; + width: 100%; + border-bottom-width: 1px; + text-align: left; + } + .llms-student-dashboard .llms-my-orders .orders-table td:before { + content: attr(data-label); + font-weight: 700; + float: right; + display: block; + } +} + +.llms-student-dashboard .llms-my-orders .llms-status { + padding: 1px 5px; +} + +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field > label { + display: inline-block; + font-size: 0.9em; + font-weight: 600; + vertical-align: middle; +} + +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field input, +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field select, +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field textarea { + margin-bottom: 0; + background: #fff; +} + +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field input[type="checkbox"] { + vertical-align: middle; +} + +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.type-submit, +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.type-submit button { + width: auto; +} + +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.align-right { + float: left; +} + +.llms-student-dashboard .llms-person-form-wrapper .llms-form-field > label { + display: inline-block; + font-size: 0.9em; + font-weight: 600; + vertical-align: middle; +} + +.llms-student-dashboard .llms-person-form-wrapper .llms-form-field input, +.llms-student-dashboard .llms-person-form-wrapper .llms-form-field select, +.llms-student-dashboard .llms-person-form-wrapper .llms-form-field textarea { + margin-bottom: 0; + background: #fff; +} + +.llms-student-dashboard .llms-person-form-wrapper .llms-form-field input[type="checkbox"] { + vertical-align: middle; +} + +.llms-student-dashboard .llms-sd-header ~ form .form-row-first { + display: inline-block; + margin-bottom: 0; +} + +.llms-student-dashboard .llms-sd-header ~ form .form-row-first > label { + display: none; +} + +.llms-student-dashboard .llms-sd-header ~ form .form-row-first input { + width: 100%; +} + +.llms-student-dashboard .llms-sd-header ~ form .form-row-first ~ button { + line-height: 1.5; +} + +@media (max-width: 544px) { + .llms-student-dashboard .llms-sd-header ~ form .form-row-first ~ button { + width: 100%; + } +} + +@media (max-width: 544px) { + .llms-student-dashboard .llms-sd-header ~ form .form-row-first { + width: 100%; + margin-bottom: 10px; + } +} + +.ast-container .lifterlms .llms-notice { + margin: 0 0 2em; +} + +.ast-container .llms-notice { + border-width: 0; + border-top-width: 3px; + border-color: #b81c23; + border-style: solid; + padding: 1em 2em; + position: relative; + background-color: #f7f6f7; + color: #515151; +} + +.ast-container .llms-notice.llms-error { + border-width: 0; + border-top-width: 3px; + border-color: #b81c23; + border-style: solid; + padding: 1em 2em; + position: relative; + background-color: #f7f6f7; + color: #515151; +} + +.ast-container a.llms-button-primary, +.ast-container .llms-button-secondary, +.ast-container .llms-button-action, +.ast-container .llms-field-button { + font-size: inherit; + line-height: 1; +} + +.ast-container .llms-tooltip { + font-size: .9em; + line-height: 1.4; +} + +.llms-notification .llms-notification-content .llms-notification-body { + font-size: inherit; + line-height: inherit; +} + +.llms-notification .llms-notification-content .llms-notification-title { + font-size: 1.3em; +} + +.llms-quiz-meta-item { + font-weight: 600; +} + +.llms-quiz-meta-item span { + font-weight: 400; + opacity: .75; +} + +.llms-quiz-question-wrapper { + clear: both; +} + +.llms-quiz-question-wrapper .llms-error { + color: #b81c23; + margin-bottom: .5em; +} + +.llms-quiz-question-wrapper .llms-question-count p { + font-weight: 600; + margin-bottom: 0; +} + +.llms-quiz-question-wrapper .llms-question-count ~ p { + margin-bottom: .5em; +} + +.llms-quiz-question-wrapper .llms-question-wrapper { + margin-bottom: 1.5em; +} + +.llms-quiz-question-wrapper .llms-question-wrapper .llms-question-text { + font-size: 2em; +} + +.llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice label { + display: block; +} + +.llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice .llms-choice-text { + font-size: 1em; +} + +.llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice .llms-marker { + font-size: 1em; + width: 1.75em; + height: 1.75em; + line-height: 1.75em; +} + +.llms-quiz-buttons .llms-start-quiz-button { + line-height: 1.4; +} + +.llms-quiz-buttons .llms-start-quiz-button:after { + content: "\BB"; + font-size: 1.2em; + line-height: 1; +} + +.llms-quiz-buttons .llms-next-lesson:after { + content: "\2192"; + margin-right: 5px; +} + +@media (max-width: 768px) { + .llms-quiz-buttons .llms-start-quiz-button, + .llms-quiz-buttons .llms-button-secondary { + margin: 5px; + display: block; + } +} + +.llms-quiz-ui .llms-quiz-nav .llms-button-action { + font-size: inherit; + line-height: 1.4; +} + +.llms-quiz-ui .llms-quiz-nav #llms-complete-quiz:before { + content: "\2714"; + margin-left: .5em; +} + +.llms-quiz-ui .llms-quiz-nav #llms-next-question:after { + content: "\2192"; + margin-right: 5px; +} + +.llms-quiz-ui .llms-quiz-nav #llms-prev-question { + line-height: 1.4; + float: right; +} + +.llms-quiz-ui .llms-quiz-nav #llms-prev-question:before { + content: "\2190"; + margin-left: 5px; +} + +.llms-quiz-ui .llms-quiz-nav .llms-quiz-counter { + font-size: inherit; +} + +.llms-quiz-ui .llms-quiz-nav .llms-button-action, +.llms-quiz-ui .llms-quiz-nav .llms-button-secondary { + margin: 5px; +} + +@media (max-width: 768px) { + .llms-loop .llms-loop-list.llms-tablet-cols-1 .llms-loop-item { + width: 100%; + } + .llms-loop .llms-loop-list.llms-tablet-cols-2 .llms-loop-item { + width: 50%; + } + .llms-loop .llms-loop-list.llms-tablet-cols-3 .llms-loop-item { + width: 33.33333%; + } + .llms-loop .llms-loop-list.llms-tablet-cols-4 .llms-loop-item { + width: 25%; + } + .llms-loop .llms-loop-list.llms-tablet-cols-5 .llms-loop-item { + width: 20%; + } + .llms-loop .llms-loop-list.llms-tablet-cols-6 .llms-loop-item { + width: 16.66667%; + } +} + +@media (max-width: 544px) { + .llms-loop .llms-loop-list.llms-mobile-cols-1 .llms-loop-item { + width: 100%; + } + .llms-loop .llms-loop-list.llms-mobile-cols-2 .llms-loop-item { + width: 50%; + } + .llms-loop .llms-loop-list.llms-mobile-cols-3 .llms-loop-item { + width: 33.33333%; + } + .llms-loop .llms-loop-list.llms-mobile-cols-4 .llms-loop-item { + width: 25%; + } + .llms-loop .llms-loop-list.llms-mobile-cols-5 .llms-loop-item { + width: 20%; + } + .llms-loop .llms-loop-list.llms-mobile-cols-6 .llms-loop-item { + width: 16.66667%; + } +} + +.ast-woocommerce-cart-menu .main-header-bar .main-header-log-out { + padding-right: 10px; +} diff --git a/assets/css/unminified/compatibility/lifterlms.css b/assets/css/unminified/compatibility/lifterlms.css new file mode 100644 index 0000000..876361f --- /dev/null +++ b/assets/css/unminified/compatibility/lifterlms.css @@ -0,0 +1,1157 @@ +/** + * lifterlms.scss + * Governs the general look and feel of WooCommerce sections of stores using themes that do not + * integrate with WooCommerce specifically. + */ +/** + * Astra Theme compatibility with WooCommerce + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +#secondary .llms-widget-syllabus .llms-section { + margin-bottom: 0.5em; +} + +.widget .llms-widget-syllabus .llms-collapse-caret, +.widget .llms-widget-syllabus .section-title, +.widget .llms-widget-syllabus .lesson-title, +.widget .llms-widget-syllabus .llms-lesson-complete { + display: inline-block; +} + +.widget .llms-widget-syllabus .llms-section { + border-bottom: 1px solid #e5e5e5; + margin-bottom: 0.5em; + padding-bottom: 0.5em; +} + +.widget .llms-widget-syllabus .llms-section:last-child { + border-bottom: none; + margin-bottom: 0; + padding-bottom: 0; +} + +.widget .llms-widget-syllabus .llms-collapse-caret { + margin-right: 0.25em; + vertical-align: top; +} + +.widget .llms-widget-syllabus .llms-lesson-complete { + vertical-align: top; + line-height: 1.5; +} + +.widget .llms-widget-syllabus .section-title { + width: 94%; + width: calc(100% - 1.5em); +} + +.widget .llms-widget-syllabus .lesson-title { + width: 90%; + width: calc(100% - 1.8em); +} + +.widget .llms-widget-syllabus .llms-lesson, +.widget .llms-widget-syllabus .section-header { + line-height: 1.75; +} + +.widget .progress__indicator { + line-height: 30px; +} + +.widget .llms-progress .llms-progress-bar { + border-radius: 20px; + height: 20px; +} + +.widget .llms-progress .progress-bar-complete { + border-radius: 20px; +} + +.widget .llms-course-outline ul { + margin-left: 1.5em; +} + +.ast-separate-container .ast-lifterlms-container { + background-color: #fff; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-lifterlms-container { + padding: 3.34em 2.4em; + } +} + +@media (max-width: 992px) { + .ast-separate-container .ast-lifterlms-container { + padding: 1.5em 2.14em; + } +} + +@media (max-width: 544px) { + .ast-separate-container .ast-lifterlms-container { + padding: .54em 1em 1.33333em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-lifterlms-container { + padding: 5.34em 6.67em; + } +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item, +.ast-container ul.llms-loop-list li.llms-loop-item, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item { + padding: 0; + border-bottom: none; +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-author, +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-loop-title, +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-meta, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-author, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-loop-title, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-meta, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-author, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-loop-title, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-meta { + padding: 0 15px; +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-loop-title, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-loop-title, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-loop-title { + font-weight: 600; + margin-top: 10px; +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-author, +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-meta, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-author, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-meta, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-author, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-meta { + margin-bottom: 0; +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-author, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-author, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-author { + font-size: inherit; + margin-bottom: 10px; +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-author .llms-author-info, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-author .llms-author-info, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-author .llms-author-info { + vertical-align: middle; +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-meta, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-meta, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-meta { + font-size: .9em; + font-weight: 600; +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-meta .length, +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-meta .difficulty, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-meta .length, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-meta .difficulty, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-meta .length, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-meta .difficulty { + font-weight: 400; + opacity: .75; +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-loop-title:hover, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-loop-title:hover, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-loop-title:hover { + color: inherit; +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-loop-item-footer, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-loop-item-footer, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-loop-item-footer { + margin-top: 10px; +} + +.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-loop-item-content, +.ast-container ul.llms-loop-list li.llms-loop-item .llms-loop-item-content, +.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-loop-item-content { + padding-bottom: 15px; +} + +.llms-student-dashboard .llms-access-plans, +.ast-container .llms-access-plans, +.ast-lifterlms-container .llms-access-plans { + margin-left: -2px; + margin-right: -2px; +} + +.llms-student-dashboard .llms-password-strength-meter, +.ast-container .llms-password-strength-meter, +.ast-lifterlms-container .llms-password-strength-meter { + margin-top: 0px; + font-size: .65em; +} + +.llms-student-dashboard .llms-checkout-col, +.ast-container .llms-checkout-col, +.ast-lifterlms-container .llms-checkout-col { + float: left; +} + +.single-lesson.ast-separate-container .llms-lesson-preview .llms-lesson-link { + background: #fff; +} + +.single-lesson.ast-separate-container .llms-lesson-preview .llms-lesson-link:hover { + background: #fafafa; +} + +.single-lesson .ast-article-single .llms-lesson-button-wrapper { + font-weight: 600; +} + +.single-lesson .ast-article-single .llms-lesson-button-wrapper .llms-complete-lesson-form .llms-field-button:before { + content: "\2714"; + margin-right: .5em; +} + +.single-lesson .llms-course-navigation { + padding: 2em 0 0; + border-top: 1px solid #eeeeee; +} + +.single-lesson .llms-course-navigation .llms-lesson-preview { + vertical-align: top; + margin-top: 0; +} + +.single-lesson .llms-course-navigation .llms-lesson-preview .llms-lesson-link { + padding-left: 20px; + padding-right: 20px; +} + +.single-lesson .llms-course-navigation .llms-next-lesson { + text-align: right; +} + +.single-lesson .llms-course-navigation .llms-prev-lesson h6.llms-pre-text:before { + content: "\2190"; + margin-right: .5em; +} + +.single-lesson .llms-course-navigation .llms-back-to-course:first-child h6.llms-pre-text:before { + content: "\2190"; + margin-right: .5em; +} + +.single-lesson .llms-course-navigation .llms-prev-lesson ~ .llms-back-to-course h6.llms-pre-text:after, +.single-lesson .llms-course-navigation .llms-next-lesson h6.llms-pre-text:after { + content: "\2192"; + margin-left: 5px; +} + +.single-lesson .llms-course-navigation .llms-prev-lesson ~ .llms-back-to-course .llms-lesson-title, +.single-lesson .llms-course-navigation .llms-prev-lesson ~ .llms-back-to-course .llms-lesson-excerpt, +.single-lesson .llms-course-navigation .llms-prev-lesson ~ .llms-back-to-course h6.llms-pre-text, +.single-lesson .llms-course-navigation .llms-next-lesson .llms-lesson-title, +.single-lesson .llms-course-navigation .llms-next-lesson .llms-lesson-excerpt, +.single-lesson .llms-course-navigation .llms-next-lesson h6.llms-pre-text { + text-align: right; +} + +@media (max-width: 544px) { + .single-lesson .llms-course-navigation { + padding-top: 1.5em; + } + .single-lesson .llms-course-navigation .llms-course-nav { + width: 100%; + margin: 0; + } + .single-lesson .llms-course-navigation .llms-course-nav:first-child { + margin-bottom: 1.5em; + } +} + +.course .llms-featured-image { + margin-bottom: 0; +} + +.course .llms-instructor-info, +.course .llms-instructor-info .llms-meta-info { + margin-top: 1.5em; +} + +.course .llms-instructor-info .llms-instructors .llms-author .llms-author-info.name { + font-size: 1.25em; +} + +.course .llms-instructor-info .llms-instructors .llms-author .llms-author-info.label { + font-size: 1em; +} + +body .llms-syllabus-wrapper { + margin: 0 auto 1.5em; +} + +body .llms-syllabus-wrapper .llms-section-title { + margin-top: 15px; + text-align: left; + font-size: 1.1em; + padding: 5px 15px; + background: #e8e8e8; + font-weight: 600; + line-height: 1.75; +} + +body .llms-syllabus-wrapper .llms-lesson-preview { + margin-top: 1px; + display: block; + width: auto; +} + +body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-link { + background-color: #f0f0f0; + padding: 5px 15px; + min-height: auto; +} + +body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-link:hover { + background: #e6e6e6; +} + +body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-title { + font-size: 1em; + line-height: 1.75; + font-weight: 600; + margin-bottom: 0; +} + +body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-counter { + line-height: 1.75; + margin-bottom: 0; + font-size: inherit; +} + +body #review_box, +body #old_reviews { + margin: 0; + padding: 2em 0 0; + border-top: 1px solid #eeeeee; +} + +body #old_reviews > hr { + display: none; +} + +body #old_reviews .llms_review { + padding: 20px; + margin: 20px 0px; +} + +body #old_reviews .llms_review:last-of-type { + margin-bottom: 2em; +} + +body #old_reviews .llms_review p:last-child { + margin-bottom: 0; +} + +body #old_reviews .llms_review h5 { + margin-bottom: 5px; +} + +body #old_reviews:last-child .llms_review:last-of-type { + margin-bottom: 0; +} + +body #review_box #review_text, +body #review_box #review_title { + margin-bottom: 1em; + width: 100%; + border-color: #dddddd; + background: #fff; + border-radius: 0; +} + +body #thank_you_box { + margin-top: 1em; +} + +body .llms-lesson-link-locked, +body .llms-lesson-link-locked:hover { + box-shadow: none; +} + +body .llms-person-form-wrapper .llms-form-fields, +body .llms-new-person-form-wrapper .llms-form-fields, +body .llms-person-login-form-wrapper .llms-form-fields { + margin-left: -10px; + margin-right: -10px; +} + +body .llms-person-form-wrapper .llms-form-fields .llms-form-field.align-right, +body .llms-new-person-form-wrapper .llms-form-fields .llms-form-field.align-right, +body .llms-person-login-form-wrapper .llms-form-fields .llms-form-field.align-right { + float: right; +} + +body .llms-form-heading { + padding: 0; +} + +body .llms-lost-password-form { + margin-left: -10px; + margin-right: -10px; +} + +body .is-enrolled .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-complete { + margin-bottom: 0; + position: absolute; + top: 5px; + left: 15px; + font-size: 1.4em; + height: 1.2em; + line-height: 1.2; + width: 1em; +} + +body .is-enrolled .llms-syllabus-wrapper .llms-lesson-preview .llms-main { + margin-left: 2em; + margin-left: calc(1.2em + 15px); + width: 83%; + width: calc(85% - 1.2em - 15px); +} + +body .course .llms-course-progress, +body .llms-course-progress { + max-width: 100%; + margin: 0 auto; + -js-display: flex; + display: flex; + flex-direction: row-reverse; + background: #f1f2f1; + border-top-right-radius: 1em; + border-bottom-right-radius: 1em; +} + +body .course .llms-course-progress .llms-course-complete-text, +body .course .llms-course-progress a.llms-course-continue-button, +body .llms-course-progress .llms-course-complete-text, +body .llms-course-progress a.llms-course-continue-button { + display: inline-block; + margin-right: 2px; + padding: 0 1em; + line-height: 2em; +} + +body .course .llms-course-progress a.llms-course-continue-button:after, +body .llms-course-progress a.llms-course-continue-button:after { + content: "\BB"; + font-size: 1.2em; + line-height: 1; +} + +body .course .llms-course-progress .llms-course-complete-text, +body .llms-course-progress .llms-course-complete-text { + margin-bottom: 0; + opacity: .6; +} + +body .course .llms-course-progress .llms-progress, +body .llms-course-progress .llms-progress { + height: auto; + margin: 0 auto; + flex: 1; + text-align: center; +} + +body .course .llms-course-progress .llms-progress .llms-progress-bar, +body .llms-course-progress .llms-progress .llms-progress-bar { + height: inherit; + top: 0; + border-radius: 1em; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +body .course .llms-course-progress .llms-progress .progress__indicator, +body .llms-course-progress .llms-progress .progress__indicator { + display: none; +} + +body .course .llms-course-progress .llms-progress .progress-bar-complete, +body .llms-course-progress .llms-progress .progress-bar-complete { + border-radius: inherit; +} + +body .course .llms-course-progress .llms-progress .progress-bar-complete:after, +body .llms-course-progress .llms-progress .progress-bar-complete:after { + display: inline-block; + line-height: 2; + padding: 0 10px; + content: attr(data-progress); + word-break: normal; +} + +body .widget_course_progress .llms-progress, +body .llms-progress { + /** + * Progress Widget + */ + height: 1.4em; + margin: 0 auto; +} + +body .widget_course_progress .llms-progress .progress__indicator, +body .llms-progress .progress__indicator { + line-height: 1.4; + height: 1.4em; +} + +body .widget_course_progress .llms-progress .llms-progress-bar, +body .llms-progress .llms-progress-bar { + border-radius: .7em; + height: 1.4em; + top: 0; +} + +body .widget_course_progress .llms-progress .progress-bar-complete, +body .llms-progress .progress-bar-complete { + border-radius: .7em; +} + +body .llms-loop-item-content .llms-progress-bar { + height: inherit; +} + +body .llms-loop-item-content .llms-progress-bar .progress-bar-complete { + border-radius: 0; +} + +.single-course article.course { + margin-bottom: 2em; +} + +.llms_membership .llms-featured-image { + margin-bottom: 0; +} + +.llms-access-plan .llms-access-plan-footer { + padding: 15px; +} + +.llms-access-plan .llms-access-plan-title, +.llms-access-plan .llms-access-plan-pricing, +.llms-access-plan .llms-access-plan-description { + padding-left: 15px; + padding-right: 15px; +} + +.llms-access-plan .llms-access-plan-schedule, +.llms-access-plan .llms-access-plan-trial, +.llms-access-plan .llms-access-plan-expiration, +.llms-access-plan .llms-access-plan-description { + font-size: inherit; +} + +.llms-access-plan .llms-access-plan-price { + font-size: 1.2em; +} + +.llms-access-plan .stamp { + font-size: 0.6em; + padding: 2px 5px; + font-weight: normal; +} + +.llms-access-plan .llms-button-action { + display: inline-block; +} + +.llms-pagination { + text-align: left; + margin-top: 2em; +} + +.llms-pagination ul { + display: inline-block; + text-align: center; + white-space: nowrap; + padding: 0; + clear: both; + border: 0; + margin: 1px; +} + +.llms-pagination ul li { + margin: 0 5px 5px 0; + border: 1px solid #d3ced2; + padding: 0; + float: left; + display: inline; + overflow: hidden; +} + +.llms-pagination ul li a.page-numbers, +.llms-pagination ul li span.page-numbers { + margin: 0; + text-decoration: none; + padding: 0; + line-height: 1; + font-size: 1em; + font-weight: normal; + padding: 0.75em; + display: block; + min-width: 2.5em; +} + +.llms-pagination ul li span.current, +.llms-pagination ul li a:hover, +.llms-pagination ul li a:focus { + background: #ebe9eb; + color: #8a7e88; +} + +.lifterlms .llms-checkout-wrapper .llms-notice { + border: 0; + background: none; + padding: 0; + margin-bottom: 2em; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1 { + width: calc(58% - 2em); + margin: 0 2em 0 0; +} + +@media (max-width: 768px) { + .lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1 { + width: 100%; + margin-right: 0; + } +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1 .llms-checkout-section-content { + margin: 0 -10px; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 { + width: 42%; + margin: 0; +} + +@media (max-width: 768px) { + .lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 { + width: 100%; + } +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 .llms-order-summary { + font-size: .9em; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 .llms-coupon-entry .type-text { + margin-bottom: 1em; +} + +.lifterlms .llms-checkout-wrapper .llms-form-field > label { + display: inline-block; + font-size: 0.9em; + font-weight: 600; + vertical-align: middle; +} + +.lifterlms .llms-checkout-wrapper .llms-form-field input, +.lifterlms .llms-checkout-wrapper .llms-form-field select, +.lifterlms .llms-checkout-wrapper .llms-form-field textarea { + margin-bottom: 0; + background: #fff; +} + +.lifterlms .llms-checkout-wrapper .llms-form-field input[type="checkbox"] { + margin-bottom: 0; + vertical-align: middle; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2, +.lifterlms .llms-checkout-wrapper .llms-login { + padding: 20px; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 { + border: 2px solid #ebebeb; +} + +.lifterlms .llms-checkout-wrapper .llms-login { + border: 1px solid #d3ced2; + margin-bottom: 2em; + border-radius: 5px; +} + +@media (max-width: 768px) { + .lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.align-right { + text-align: left; + width: 100%; + clear: both; + margin-top: 10px; + } +} + +.lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.type-checkbox, .lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.type-submit { + width: auto; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-section { + border: none; +} + +.lifterlms .llms-checkout-wrapper .llms-form-heading { + background: none; + color: inherit; + margin-bottom: 1em; + padding: 0; +} + +.lifterlms .llms-checkout-wrapper .flush .llms-form-field { + padding: 0; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-section-content .llms-order-summary .llms-label { + font-variant: normal; + text-transform: none; + font-weight: 600; +} + +.lifterlms .llms-checkout-wrapper .llms-checkout-section-content span.llms-description { + font-size: .9em; + line-height: 1.5; + opacity: .75; + display: inline-block; +} + +.lifterlms .llms-checkout-wrapper .llms-person-login-form-wrapper, +.lifterlms .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-checkout-confirm, +.lifterlms .llms-checkout-wrapper .llms-checkout-section-content, +.lifterlms .llms-checkout-wrapper .llms-checkout-section-content .llms-checkout-confirm { + margin: 0; +} + +.lifterlms .llms-checkout-wrapper .llms-payment-gateways label:before { + width: 1em; + height: 1em; +} + +.lifterlms .llms-checkout-wrapper .llms-payment-gateways .llms-gateway-description { + margin-left: 1.25em; + margin-left: calc(1em + 5px); +} + +.lifterlms .llms-checkout-wrapper .llms-payment-gateways li:last-child:after { + margin: 10px auto; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item { + margin-right: 1em; + margin-bottom: 1em; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.current { + font-weight: 600; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item .llms-sep { + display: none; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item > a:before { + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + display: inline-block; + margin-right: .5em; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.dashboard > a:before { + content: "\f0e4"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.view-courses > a:before { + content: "\f02d"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.view-memberships > a:before { + content: "\f0c0"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.my-grades > a:before { + content: "\f19d"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.view-achievements > a:before { + content: "\f091"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.view-certificates > a:before { + content: "\f0a3"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.notifications > a:before { + content: "\f06a"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.edit-account > a:before { + content: "\f007"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.redeem-voucher > a:before { + content: "\f005"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.orders > a:before { + content: "\f022"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.signout > a:before { + content: "\f08b"; +} + +.llms-student-dashboard .llms-sd-header .llms-sd-item.sl_profile > a:before { + content: "\f2be"; +} + +.llms-student-dashboard .llms-my-orders .orders-table { + font-size: 0.85em; +} + +.llms-student-dashboard .llms-my-orders .orders-table thead td { + background: #f9f9f9; +} + +.llms-student-dashboard .llms-my-orders .orders-table tbody tr:nth-child(even) td { + background: none; +} + +.llms-student-dashboard .llms-my-orders .orders-table th:first-child, +.llms-student-dashboard .llms-my-orders .orders-table td:first-child { + width: 100%; +} + +.llms-student-dashboard .llms-my-orders .orders-table th:first-child a, +.llms-student-dashboard .llms-my-orders .orders-table td:first-child a { + vertical-align: middle; +} + +@media (min-width: 769px) { + .llms-student-dashboard .llms-my-orders .orders-table th:first-child, + .llms-student-dashboard .llms-my-orders .orders-table td:first-child { + width: 20%; + } +} + +@media (max-width: 768px) { + .llms-student-dashboard .llms-my-orders .orders-table thead { + display: none; + } + .llms-student-dashboard .llms-my-orders .orders-table td { + display: block; + width: 100%; + border-bottom-width: 1px; + text-align: right; + } + .llms-student-dashboard .llms-my-orders .orders-table td:before { + content: attr(data-label); + font-weight: 700; + float: left; + display: block; + } +} + +.llms-student-dashboard .llms-my-orders .llms-status { + padding: 1px 5px; +} + +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field > label { + display: inline-block; + font-size: 0.9em; + font-weight: 600; + vertical-align: middle; +} + +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field input, +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field select, +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field textarea { + margin-bottom: 0; + background: #fff; +} + +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field input[type="checkbox"] { + vertical-align: middle; +} + +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.type-submit, +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.type-submit button { + width: auto; +} + +.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.align-right { + float: right; +} + +.llms-student-dashboard .llms-person-form-wrapper .llms-form-field > label { + display: inline-block; + font-size: 0.9em; + font-weight: 600; + vertical-align: middle; +} + +.llms-student-dashboard .llms-person-form-wrapper .llms-form-field input, +.llms-student-dashboard .llms-person-form-wrapper .llms-form-field select, +.llms-student-dashboard .llms-person-form-wrapper .llms-form-field textarea { + margin-bottom: 0; + background: #fff; +} + +.llms-student-dashboard .llms-person-form-wrapper .llms-form-field input[type="checkbox"] { + vertical-align: middle; +} + +.llms-student-dashboard .llms-sd-header ~ form .form-row-first { + display: inline-block; + margin-bottom: 0; +} + +.llms-student-dashboard .llms-sd-header ~ form .form-row-first > label { + display: none; +} + +.llms-student-dashboard .llms-sd-header ~ form .form-row-first input { + width: 100%; +} + +.llms-student-dashboard .llms-sd-header ~ form .form-row-first ~ button { + line-height: 1.5; +} + +@media (max-width: 544px) { + .llms-student-dashboard .llms-sd-header ~ form .form-row-first ~ button { + width: 100%; + } +} + +@media (max-width: 544px) { + .llms-student-dashboard .llms-sd-header ~ form .form-row-first { + width: 100%; + margin-bottom: 10px; + } +} + +.ast-container .lifterlms .llms-notice { + margin: 0 0 2em; +} + +.ast-container .llms-notice { + border-width: 0; + border-top-width: 3px; + border-color: #b81c23; + border-style: solid; + padding: 1em 2em; + position: relative; + background-color: #f7f6f7; + color: #515151; +} + +.ast-container .llms-notice.llms-error { + border-width: 0; + border-top-width: 3px; + border-color: #b81c23; + border-style: solid; + padding: 1em 2em; + position: relative; + background-color: #f7f6f7; + color: #515151; +} + +.ast-container a.llms-button-primary, +.ast-container .llms-button-secondary, +.ast-container .llms-button-action, +.ast-container .llms-field-button { + font-size: inherit; + line-height: 1; +} + +.ast-container .llms-tooltip { + font-size: .9em; + line-height: 1.4; +} + +.llms-notification .llms-notification-content .llms-notification-body { + font-size: inherit; + line-height: inherit; +} + +.llms-notification .llms-notification-content .llms-notification-title { + font-size: 1.3em; +} + +.llms-quiz-meta-item { + font-weight: 600; +} + +.llms-quiz-meta-item span { + font-weight: 400; + opacity: .75; +} + +.llms-quiz-question-wrapper { + clear: both; +} + +.llms-quiz-question-wrapper .llms-error { + color: #b81c23; + margin-bottom: .5em; +} + +.llms-quiz-question-wrapper .llms-question-count p { + font-weight: 600; + margin-bottom: 0; +} + +.llms-quiz-question-wrapper .llms-question-count ~ p { + margin-bottom: .5em; +} + +.llms-quiz-question-wrapper .llms-question-wrapper { + margin-bottom: 1.5em; +} + +.llms-quiz-question-wrapper .llms-question-wrapper .llms-question-text { + font-size: 2em; +} + +.llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice label { + display: block; +} + +.llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice .llms-choice-text { + font-size: 1em; +} + +.llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice .llms-marker { + font-size: 1em; + width: 1.75em; + height: 1.75em; + line-height: 1.75em; +} + +.llms-quiz-buttons .llms-start-quiz-button { + line-height: 1.4; +} + +.llms-quiz-buttons .llms-start-quiz-button:after { + content: "\BB"; + font-size: 1.2em; + line-height: 1; +} + +.llms-quiz-buttons .llms-next-lesson:after { + content: "\2192"; + margin-left: 5px; +} + +@media (max-width: 768px) { + .llms-quiz-buttons .llms-start-quiz-button, + .llms-quiz-buttons .llms-button-secondary { + margin: 5px; + display: block; + } +} + +.llms-quiz-ui .llms-quiz-nav .llms-button-action { + font-size: inherit; + line-height: 1.4; +} + +.llms-quiz-ui .llms-quiz-nav #llms-complete-quiz:before { + content: "\2714"; + margin-right: .5em; +} + +.llms-quiz-ui .llms-quiz-nav #llms-next-question:after { + content: "\2192"; + margin-left: 5px; +} + +.llms-quiz-ui .llms-quiz-nav #llms-prev-question { + line-height: 1.4; + float: left; +} + +.llms-quiz-ui .llms-quiz-nav #llms-prev-question:before { + content: "\2190"; + margin-right: 5px; +} + +.llms-quiz-ui .llms-quiz-nav .llms-quiz-counter { + font-size: inherit; +} + +.llms-quiz-ui .llms-quiz-nav .llms-button-action, +.llms-quiz-ui .llms-quiz-nav .llms-button-secondary { + margin: 5px; +} + +@media (max-width: 768px) { + .llms-loop .llms-loop-list.llms-tablet-cols-1 .llms-loop-item { + width: 100%; + } + .llms-loop .llms-loop-list.llms-tablet-cols-2 .llms-loop-item { + width: 50%; + } + .llms-loop .llms-loop-list.llms-tablet-cols-3 .llms-loop-item { + width: 33.33333%; + } + .llms-loop .llms-loop-list.llms-tablet-cols-4 .llms-loop-item { + width: 25%; + } + .llms-loop .llms-loop-list.llms-tablet-cols-5 .llms-loop-item { + width: 20%; + } + .llms-loop .llms-loop-list.llms-tablet-cols-6 .llms-loop-item { + width: 16.66667%; + } +} + +@media (max-width: 544px) { + .llms-loop .llms-loop-list.llms-mobile-cols-1 .llms-loop-item { + width: 100%; + } + .llms-loop .llms-loop-list.llms-mobile-cols-2 .llms-loop-item { + width: 50%; + } + .llms-loop .llms-loop-list.llms-mobile-cols-3 .llms-loop-item { + width: 33.33333%; + } + .llms-loop .llms-loop-list.llms-mobile-cols-4 .llms-loop-item { + width: 25%; + } + .llms-loop .llms-loop-list.llms-mobile-cols-5 .llms-loop-item { + width: 20%; + } + .llms-loop .llms-loop-list.llms-mobile-cols-6 .llms-loop-item { + width: 16.66667%; + } +} + +.ast-woocommerce-cart-menu .main-header-bar .main-header-log-out { + padding-left: 10px; +} diff --git a/assets/css/unminified/compatibility/page-builder/bb-plugin.css b/assets/css/unminified/compatibility/page-builder/bb-plugin.css new file mode 100644 index 0000000..2484a50 --- /dev/null +++ b/assets/css/unminified/compatibility/page-builder/bb-plugin.css @@ -0,0 +1,20 @@ +/** + * Astra Theme compatibility with Beaver Builder + */ +.fl-builder-content { + clear: both; +} + +.fl-theme-builder-archive .fl-post-gallery-post.hentry, +.fl-theme-builder-archive .fl-post-column > .hentry { + margin: 0; +} + +.fl-theme-builder-archive h2.fl-post-feed-title { + clear: initial; +} + +.ast-fluid-width-layout .fl-row-fixed-width .fl-row-fixed-width { + padding-left: 0; + padding-right: 0; +} diff --git a/assets/css/unminified/compatibility/page-builder/vc-plugin.css b/assets/css/unminified/compatibility/page-builder/vc-plugin.css new file mode 100644 index 0000000..59db1a4 --- /dev/null +++ b/assets/css/unminified/compatibility/page-builder/vc-plugin.css @@ -0,0 +1,52 @@ +/** + * Astra Theme compatibility with Visual Composer + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.js_active .vc_row { + margin-left: auto; + margin-right: auto; +} + +.js_active .ast-plain-container.ast-single-post .hentry, +.js_active .ast-plain-container.ast-single-post #primary { + margin: 0; + padding-top: 0; + padding-bottom: 0; +} + +.js_active .ast-plain-container.ast-single-post .entry-header { + margin-top: 4em; +} + +.js_active .ast-plain-container.ast-single-post .entry-header.ast-header-without-markup { + margin-top: 0; + margin-bottom: 0; +} + +.js_active .ast-plain-container.ast-single-post .entry-header.ast-no-title.ast-no-meta { + margin-bottom: 0; +} + +@media (max-width: 768px) { + .js_active .ast-plain-container.ast-single-post .entry-header { + margin-top: 1.5em; + } +} + +.js_active .ast-plain-container.ast-left-sidebar .vc_row[data-vc-full-width], .js_active .ast-plain-container.ast-right-sidebar .vc_row[data-vc-full-width], +.js_active .ast-page-builder-template.ast-left-sidebar .vc_row[data-vc-full-width], +.js_active .ast-page-builder-template.ast-right-sidebar .vc_row[data-vc-full-width] { + max-width: 100%; + left: 0 !important; +} + +.js_active .ast-left-sidebar .vc_row[data-vc-full-width], +.js_active .ast-right-sidebar .vc_row[data-vc-full-width] { + max-width: 100%; + left: 0 !important; + padding-right: 0 !important; + padding-left: 0 !important; +} diff --git a/assets/css/unminified/compatibility/site-origin-rtl.css b/assets/css/unminified/compatibility/site-origin-rtl.css new file mode 100644 index 0000000..c5aed1a --- /dev/null +++ b/assets/css/unminified/compatibility/site-origin-rtl.css @@ -0,0 +1,18 @@ +/* + * Astra Theme compatibility Site Origin Builder + */ +.siteorigin-panels .panel-row-style { + z-index: 0; + position: relative; +} + +.siteorigin-panels .siteorigin-panels-stretch { + max-width: 100%; + margin-right: auto !important; + margin-left: auto !important; +} + +.siteorigin-panels .siteorigin-panels-stretch[data-stretch-type="full"] { + padding-right: 0 !important; + padding-left: 0 !important; +} diff --git a/assets/css/unminified/compatibility/site-origin.css b/assets/css/unminified/compatibility/site-origin.css new file mode 100644 index 0000000..166b1f1 --- /dev/null +++ b/assets/css/unminified/compatibility/site-origin.css @@ -0,0 +1,18 @@ +/* + * Astra Theme compatibility Site Origin Builder + */ +.siteorigin-panels .panel-row-style { + z-index: 0; + position: relative; +} + +.siteorigin-panels .siteorigin-panels-stretch { + max-width: 100%; + margin-left: auto !important; + margin-right: auto !important; +} + +.siteorigin-panels .siteorigin-panels-stretch[data-stretch-type="full"] { + padding-left: 0 !important; + padding-right: 0 !important; +} diff --git a/assets/css/unminified/compatibility/woocommerce/woocommerce-grid-rtl.css b/assets/css/unminified/compatibility/woocommerce/woocommerce-grid-rtl.css new file mode 100644 index 0000000..09ceb07 --- /dev/null +++ b/assets/css/unminified/compatibility/woocommerce/woocommerce-grid-rtl.css @@ -0,0 +1,4570 @@ +@charset "UTF-8"; +/** + * woocommerce-grid.scss + * Governs the general look and feel of WooCommerce sections of stores using themes that do not + * integrate with WooCommerce specifically. + */ +/** + * Imports + */ +/** + * Deprecated + * Fallback for bourbon equivalent + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Use bourbon mixin instead `@include transform(scale(1.5));` + */ +/** + * Deprecated + * Use bourbon mixin instead `@include box-sizing(border-box);` + */ +/** + * Objects + */ +/** + * WooCommerce CSS Variables + */ +/** + * _animation.scss + * Custom WooCommerce Animations. + */ +@keyframes spin { + 100% { + transform: rotate(-360deg); + } +} + +/** + * _fonts.scss + * Custom WooCommerce fonts. + */ +@font-face { + font-family: 'star'; + src: url("../../../../../../../plugins/woocommerce/assets/fonts/star.eot"); + src: url("../../../../../../../plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("../../../../../../../plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("../../../../../../../plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("../../../../../../../plugins/woocommerce/assets/fonts/star.svg#star") format("svg"); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'WooCommerce'; + src: url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.eot"); + src: url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg"); + font-weight: normal; + font-style: normal; +} + +/** + * Astra Theme compatibility with WooCommerce + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/** + * Global styles + */ +p.demo_store, +.woocommerce-store-notice { + position: absolute; + top: 0; + right: 0; + left: 0; + margin: 0; + width: 100%; + font-size: 1em; + padding: 1em 0; + text-align: center; + background-color: #a46497; + color: white; + z-index: 99998; + box-shadow: 0 1px 1em rgba(0, 0, 0, 0.2); + display: none; +} + +p.demo_store a, +.woocommerce-store-notice a { + color: white; + text-decoration: underline; +} + +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.admin-bar p.demo_store { + top: 32px; +} + +/** + * Utility classes + */ +.clear { + clear: both; +} + +/** + * Header Cart Icon with shopping cart. + */ +.woocommerce .ast-site-header-cart, +.ast-site-header-cart { + /* Cart wrapper in header. */ + position: relative; + list-style-type: none; + margin-right: 0; + padding-right: 0; + margin-bottom: 0; + order: 1; + /* Cart container in header. */ +} + +.woocommerce .ast-site-header-cart:focus .widget_shopping_cart, .woocommerce .ast-site-header-cart:hover .widget_shopping_cart, +.ast-site-header-cart:focus .widget_shopping_cart, +.ast-site-header-cart:hover .widget_shopping_cart { + left: 0; + right: auto; + opacity: 1; + visibility: visible; +} + +.woocommerce .ast-site-header-cart .ast-shopping-cart-icon, +.ast-site-header-cart .ast-shopping-cart-icon { + display: initial; + vertical-align: middle; +} + +.woocommerce .ast-site-header-cart .ast-shopping-cart-icon:before, +.ast-site-header-cart .ast-shopping-cart-icon:before { + content: "\e854"; + font-family: 'Astra'; + font-size: 18px; + font-size: 1.2857rem; +} + +.woocommerce .ast-site-header-cart .ast-site-header-cart-data .widget_shopping_cart_content > ul, +.ast-site-header-cart .ast-site-header-cart-data .widget_shopping_cart_content > ul { + text-align: right; + width: auto; + position: static; + right: auto; + top: auto; + border-top: 0; +} + +.woocommerce .ast-site-header-cart .ast-site-header-cart-data .woocommerce-mini-cart__empty-message, +.ast-site-header-cart .ast-site-header-cart-data .woocommerce-mini-cart__empty-message { + text-align: right; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart, +.ast-site-header-cart .widget_shopping_cart { + background-color: #fff; + position: absolute; + top: 100%; + width: 280px; + z-index: 999999; + font-size: .875em; + right: -999em; + display: block; + line-height: 1.618; + box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.07); + transition: all 0.3s ease; + border: 2px solid #E6E6E6; + opacity: 0; + visibility: hidden; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart:after, .woocommerce .ast-site-header-cart .widget_shopping_cart:before, +.ast-site-header-cart .widget_shopping_cart:after, +.ast-site-header-cart .widget_shopping_cart:before { + bottom: 100%; + right: auto; + left: 8px; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart:after, +.ast-site-header-cart .widget_shopping_cart:after { + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #fff; + border-width: 6px; + margin-right: -6px; + margin-bottom: -0.3px; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart:before, +.ast-site-header-cart .widget_shopping_cart:before { + border-color: rgba(230, 230, 230, 0); + border-bottom-color: #E6E6E6; + border-width: 9px; + margin-right: -5px; + left: 5px; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget, +.ast-site-header-cart .widget_shopping_cart .product_list_widget { + padding: 1em 1.5em; + max-height: 500px; + max-height: 50vh; + overflow-y: auto; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li, +.ast-site-header-cart .widget_shopping_cart .product_list_widget li { + padding: .5em 5em .5em 2em; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li:last-child, +.ast-site-header-cart .widget_shopping_cart .product_list_widget li:last-child { + border-bottom: 0; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li img, +.ast-site-header-cart .widget_shopping_cart .product_list_widget li img { + max-width: 4em; + margin: 0 0 .5em 0; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart p.buttons, +.woocommerce .ast-site-header-cart .widget_shopping_cart p.total, +.ast-site-header-cart .widget_shopping_cart p.buttons, +.ast-site-header-cart .widget_shopping_cart p.total { + padding: 1em 1.5em; + margin: 0; + text-align: center; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .buttons .button, .woocommerce .ast-site-header-cart .widget_shopping_cart .buttons .button.wc-forward, +.ast-site-header-cart .widget_shopping_cart .buttons .button, +.ast-site-header-cart .widget_shopping_cart .buttons .button.wc-forward { + display: block; + margin-left: 0; + width: 100%; + margin-right: 0; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message, +.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message { + margin: 1.41575em; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .cart_list a, +.ast-site-header-cart .widget_shopping_cart .cart_list a { + font-weight: normal; + padding: 0; + border-width: 0; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .cart_list a.remove, +.ast-site-header-cart .widget_shopping_cart .cart_list a.remove { + border-width: 1px; +} + +.ast-above-header-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove, +.main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove, +.ast-below-header .ast-site-header-cart .widget_shopping_cart .cart_list a.remove { + color: #ccc; +} + +.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart, +.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart, +.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart, +.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart, +.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart, +.below-header-section-1 .ast-site-header-cart .widget_shopping_cart, +.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart, +.site-header-section-left .ast-site-header-cart .widget_shopping_cart { + left: auto; + right: 0; + transition: right 0s; +} + +.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before, .woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:after, +.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:after, +.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:after, +.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before, +.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:after, +.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:after, +.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:after, +.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:after, +.site-header-section-left .ast-site-header-cart .widget_shopping_cart:before, +.site-header-section-left .ast-site-header-cart .widget_shopping_cart:after { + right: 15px; + left: auto; +} + +.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before, +.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:before, +.site-header-section-left .ast-site-header-cart .widget_shopping_cart:before { + right: 11px; + left: auto; +} + +.ast-cart-menu-wrap { + display: inline-block; + line-height: 1; +} + +.ast-cart-menu-wrap .count { + font-weight: bold; + position: relative; + display: inline-block; + vertical-align: middle; + text-align: center; + min-width: 2.1em; + min-height: 2.1em; + font-size: 0.860em; + line-height: 1.8; + border-radius: 0em 0em 0.3em 0.3em; + border-width: 2px; + border-style: solid; + padding: 0 .4em; +} + +.ast-cart-menu-wrap .count:after { + bottom: 100%; + margin-bottom: 0; + height: .8em; + width: .8em; + right: 50%; + transform: translateX(50%); + top: -.6em; + content: ' '; + position: absolute; + pointer-events: none; + border-width: 2px; + border-style: solid; + border-top-right-radius: 10em; + border-top-left-radius: 10em; + border-bottom: 0; +} + +.ast-woocommerce-cart-menu { + /** + * Header layout 1 + * if no primary menu & no last items in menu + */ + /** + * Header layout 3 + */ + /** + * Header layout 2 + */ +} + +.ast-woocommerce-cart-menu .main-header-menu .woocommerce-custom-menu-item li:hover > a.remove { + color: #ccc; +} + +.ast-woocommerce-cart-menu .header-main-layout-1.ast-no-menu-items .ast-site-header-cart { + flex: 1; +} + +.ast-woocommerce-cart-menu .header-main-layout-1.ast-no-menu-items .ast-site-header-cart .ast-site-header-cart-li { + text-align: left; +} + +.ast-woocommerce-cart-menu .header-main-layout-3 { + /* No primary menu & no last items in menu */ +} + +.ast-woocommerce-cart-menu .header-main-layout-3.ast-no-menu-items .ast-site-header-cart { + flex: 1; +} + +.ast-woocommerce-cart-menu .header-main-layout-3.ast-no-menu-items .ast-site-header-cart .ast-site-header-cart-li { + text-align: right; +} + +.ast-woocommerce-cart-menu .header-main-layout-2 .main-header-container { + display: flex; + justify-content: center; +} + +.ast-woocommerce-cart-menu .header-main-layout-2 .site-branding { + flex: 0 0 100%; +} + +/** + * Header Cart Icon with shopping cart for responsive devices. + */ +.ast-header-break-point .woocommerce-custom-menu-item .ast-cart-menu-wrap { + width: 2em; + height: 2em; + font-size: 1.4em; + line-height: 2; + vertical-align: middle; + text-align: left; +} + +.ast-header-break-point .ast-button-wrap .main-header-menu-toggle { + font-size: 1.4em; +} + +.ast-header-break-point .main-header-menu .woocommerce-custom-menu-item .ast-cart-menu-wrap { + height: 3em; + line-height: 3; + text-align: right; +} + +.ast-header-break-point #ast-site-header-cart .widget_shopping_cart { + display: none; +} + +.ast-header-break-point.ast-woocommerce-cart-menu .ast-site-header-cart { + order: initial; + line-height: 3; + padding: 0 0 1em 1em; +} + +.ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-3 .ast-site-header-cart { + padding: 0 1em 1em 0; +} + +.ast-header-break-point.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-site-header-cart { + padding: 0; +} + +.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item { + margin-bottom: 0; + margin-top: 0; +} + +.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item .ast-site-header-cart { + padding: 0; +} + +.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item .ast-site-header-cart a { + border: none; + display: inline-block; +} + +/** + * Main WooCommerce styles + */ +.woocommerce { + /** + * Product Page + */ + /** + * Product loops + */ + /** + * Buttons + */ + /** + * Reviews + */ + /** + * Star ratings + */ + /** + * Tables + */ + /** + * Cart sidebar + */ + /** + * Forms + */ + /** + * Order page + */ + /** + * Layered nav widget + */ + /** + * Product categories + */ + /** + * Price filter widget + */ + /** + * Rating Filter Widget + */ + /* Product Hover */ + /** + * Input Form elements + */ +} + +.woocommerce .blockUI.blockOverlay { + position: relative; +} + +.woocommerce .blockUI.blockOverlay::before { + height: 1em; + width: 1em; + display: block; + position: absolute; + top: 50%; + right: 50%; + margin-right: -0.5em; + margin-top: -0.5em; + content: ''; + animation: spin 1s ease-in-out infinite; + background: url("../../../../../../../plugins/woocommerce/assets/images/icons/loader.svg") center center; + background-size: cover; + line-height: 1; + text-align: center; + font-size: 2em; + color: rgba(0, 0, 0, 0.75); +} + +.woocommerce .loader::before { + height: 1em; + width: 1em; + display: block; + position: absolute; + top: 50%; + right: 50%; + margin-right: -0.5em; + margin-top: -0.5em; + content: ''; + animation: spin 1s ease-in-out infinite; + background: url("../../../../../../../plugins/woocommerce/assets/images/icons/loader.svg") center center; + background-size: cover; + line-height: 1; + text-align: center; + font-size: 2em; + color: rgba(0, 0, 0, 0.75); +} + +.woocommerce h2 { + margin-bottom: 0.7em; +} + +.woocommerce a.remove { + display: block; + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-weight: 400; + font-size: 18px; + width: 24px; + height: 24px; + text-align: center; + line-height: 21px; + border-radius: 100%; + color: #ccc; + text-decoration: none; + border: 1px solid #ccc; +} + +.woocommerce small.note { + display: block; + color: #777; + font-size: 0.857em; + margin-top: 10px; +} + +.woocommerce .woocommerce-breadcrumb { + *zoom: 1; + margin: 0 0 1em; + padding: 0; + font-size: 0.92em; + color: #777; +} + +.woocommerce .woocommerce-breadcrumb::before, .woocommerce .woocommerce-breadcrumb::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce-breadcrumb::after { + clear: both; +} + +.woocommerce .woocommerce-breadcrumb a { + color: #777; +} + +.woocommerce .quantity input[type="text"], +.woocommerce .quantity input[type="number"], +.woocommerce .quantity input[type="email"] { + padding: 0.3em; +} + +.woocommerce .quantity input[type="text"]:focus, +.woocommerce .quantity input[type="number"]:focus, +.woocommerce .quantity input[type="email"]:focus { + outline: none; + border-color: #eaeaea; +} + +.woocommerce .quantity .qty { + width: 3.631em; + text-align: center; + min-height: 35px; +} + +.woocommerce div.product { + margin-bottom: 0; + position: relative; + /* No Review for single product */ +} + +.woocommerce div.product .product_title { + clear: none; + margin-top: 0; + padding: 0; +} + +.woocommerce div.product span.price, +.woocommerce div.product p.price { + color: #77a464; + font-size: 1.5rem; + font-weight: 700; + margin: 0 0 0.2em; +} + +.woocommerce div.product span.price ins, +.woocommerce div.product p.price ins { + background: inherit; + font-weight: 700; + display: inline-block; +} + +.woocommerce div.product span.price del, +.woocommerce div.product p.price del { + opacity: 0.5; + font-weight: normal; + display: inline-block; +} + +.woocommerce div.product p.stock, +.woocommerce div.product p.ast-stock-detail { + font-size: 1em; +} + +.woocommerce div.product p.stock .ast-stock-avail, +.woocommerce div.product p.ast-stock-detail .ast-stock-avail { + font-weight: 700; +} + +.woocommerce div.product .stock { + color: #77a464; +} + +.woocommerce div.product .out-of-stock { + color: red; +} + +.woocommerce div.product .product_title { + margin: 0 0 0.5em 0; +} + +.woocommerce div.product .product_meta { + border-top: 1px solid #ebebeb; + padding-top: 1em; + font-size: .9em; + margin: 0 0 0.8em; +} + +.woocommerce div.product .product_meta > span { + display: block; +} + +.woocommerce div.product .woocommerce-product-rating { + margin: 0 0 0.5em; +} + +.woocommerce div.product div.images { + margin-bottom: 2em; +} + +.woocommerce div.product div.images img { + display: block; + width: 100%; + height: auto; + box-shadow: none; +} + +.woocommerce div.product div.images div.thumbnails { + padding-top: 1em; +} + +.woocommerce div.product div.images.woocommerce-product-gallery { + position: relative; +} + +.woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport { + transform-style: preserve-3d; + margin-bottom: 1em; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__wrapper { + transition: all cubic-bezier(0.795, -0.035, 0, 1) 0.5s; + margin: 0; + padding: 0; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg { + background-color: #fff; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { + width: 25%; + display: inline-block; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__trigger { + position: absolute; + top: .5em; + left: .5em; + font-size: 2em; + z-index: 9; + width: 36px; + height: 36px; + background: #fff; + text-indent: -9999px; + border-radius: 100%; + box-sizing: content-box; + backface-visibility: hidden; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before { + content: ""; + display: block; + width: 10px; + height: 10px; + border: 2px solid #000; + border-radius: 100%; + position: absolute; + top: 9px; + right: 9px; + box-sizing: content-box; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after { + content: ""; + display: block; + width: 2px; + height: 8px; + background: #000; + border-radius: 6px; + position: absolute; + top: 19px; + right: 22px; + transform: rotate(45deg); + box-sizing: content-box; +} + +.woocommerce div.product div.images .flex-control-thumbs { + overflow: hidden; + zoom: 1; + margin: 0; + padding: 0; +} + +.woocommerce div.product div.images .flex-control-thumbs li { + width: 25%; + float: right; + margin: 0; + list-style: none; +} + +.woocommerce div.product div.images .flex-control-thumbs li img { + cursor: pointer; + opacity: .5; + margin: 0; +} + +.woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover { + opacity: 1; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li { + width: 32%; + width: calc( 33.33% - 0.7em); + margin-left: 1em; + margin-bottom: 1em; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) { + clear: right; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) { + margin-left: 0; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { + width: 24%; + width: calc( 25% - 0.75em); + margin-left: 1em; + margin-bottom: 1em; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { + clear: right; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) { + margin-left: 0; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { + width: 18.5%; + width: calc( 20% - 0.8em); + margin-left: 1em; + margin-bottom: 1em; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) { + clear: right; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) { + margin-left: 0; +} + +.woocommerce div.product div.summary { + margin-bottom: 2em; +} + +.woocommerce div.product div.social { + text-align: left; + margin: 0 0 1em; +} + +.woocommerce div.product div.social span { + margin: 0 2px 0 0; +} + +.woocommerce div.product div.social span span { + margin: 0; +} + +.woocommerce div.product div.social span .stButton .chicklets { + padding-right: 16px; + width: 0; +} + +.woocommerce div.product div.social iframe { + float: right; + margin-top: 3px; +} + +.woocommerce div.product .woocommerce-tabs { + margin-bottom: 2em; + width: 100%; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs { + list-style: none; + padding: 0; + margin: 0 0 1em; + overflow: hidden; + position: relative; + border-top: 1px solid rgba(0, 0, 0, 0.05); +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li { + border: 0; + background: none; + display: inline-block; + position: relative; + z-index: 0; + border-radius: 4px 4px 0 0; + margin: 0 0 0 1em; + padding: 0; + border-radius: 0; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li a { + display: inline-block; + padding: 0.5em 0; + font-weight: 700; + color: #515151; + text-decoration: none; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { + text-decoration: none; + color: #6b6a6b; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li.active { + z-index: 2; + border-bottom-color: #fff; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { + color: inherit; + text-shadow: inherit; + outline: none; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before { + content: ' '; + position: absolute; + width: 100%; + height: 3px; + box-shadow: none; + top: 0; + right: 0; + border-radius: 0; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after { + border: none; + box-shadow: none; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { + content: ' '; + position: absolute; + bottom: -1px; + width: 5px; + height: 5px; + border: none; + box-shadow: none; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs::before { + position: absolute; + content: ' '; + width: 100%; + bottom: 0; + right: 0; + border-bottom: 1px solid #d3ced2; + z-index: 1; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs.tabs::before { + display: none; + border: 0; +} + +.woocommerce div.product .woocommerce-tabs .panel { + margin: 0 0 1.2em; + padding: 0; +} + +.woocommerce div.product .woocommerce-tabs .shop_attributes { + border-style: solid; +} + +.woocommerce div.product .woocommerce-tabs .shop_attributes p { + padding: 0; +} + +.woocommerce div.product .woocommerce-tabs .shop_attributes th { + border-right-width: 1px; + border-style: solid; + padding-right: .9em; +} + +.woocommerce div.product .woocommerce-tabs .shop_attributes td { + padding: .5em .9em .5em .5em; + font-style: normal; + border-style: solid; +} + +.woocommerce div.product.ast-woo-product-no-review #reviews #comments { + width: 100%; +} + +.woocommerce div.product.ast-woo-product-no-review #reviews #review_form_wrapper { + width: 100%; + padding-right: 0; +} + +.woocommerce div.product.ast-woo-product-no-review #reviews #review_form { + padding: 1.5em 2em; +} + +.woocommerce div.product.ast-woo-product-no-review #reviews #respond p.comment-form-author, .woocommerce div.product.ast-woo-product-no-review #reviews #respond p.comment-form-email { + margin-bottom: 1em; +} + +@media (min-width: 1201px) { + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-author, + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-email { + width: 49%; + display: inline-block; + } + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-author input, + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-email input { + width: 100%; + } + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-author { + float: right; + } + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-email { + float: left; + } +} + +.woocommerce div.product p.cart { + margin-bottom: 2em; + *zoom: 1; +} + +.woocommerce div.product p.cart::before, .woocommerce div.product p.cart::after { + content: ' '; + display: table; +} + +.woocommerce div.product p.cart::after { + clear: both; +} + +.woocommerce div.product form.cart { + margin: 0 0 1.2em; + *zoom: 1; +} + +.woocommerce div.product form.cart .ast-woo-single-cart-button-wrap { + display: flex; + align-items: center; + flex-wrap: wrap; +} + +.woocommerce div.product form.cart::before, .woocommerce div.product form.cart::after { + content: ' '; + display: table; +} + +.woocommerce div.product form.cart::after { + clear: both; +} + +.woocommerce div.product form.cart div.quantity { + float: right; + margin: 0 0 0 4px; +} + +.woocommerce div.product form.cart table { + border-width: 0 0 1px; + margin: 0 0 1.2em; +} + +.woocommerce div.product form.cart table td { + padding-right: 0; +} + +.woocommerce div.product form.cart table div.quantity { + float: none; + margin: 0; +} + +.woocommerce div.product form.cart table small.stock { + display: block; + float: none; +} + +.woocommerce div.product form.cart .variations { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + position: relative; + margin-bottom: 1em; + width: 100%; +} + +.woocommerce div.product form.cart .variations td, +.woocommerce div.product form.cart .variations th { + border: 0; + vertical-align: top; + line-height: 2em; + padding-top: 0; + padding-bottom: 0; + padding-left: 0; + display: block; +} + +.woocommerce div.product form.cart .variations label { + font-weight: 700; +} + +.woocommerce div.product form.cart .variations select { + max-width: 100%; + min-width: 75%; + display: inline-block; + width: 100%; + margin-left: 0; + padding-top: .5em; + padding-bottom: .5em; +} + +.woocommerce div.product form.cart .variations td.label { + vertical-align: middle; + margin-top: 8px; + margin-bottom: 1px; +} + +.woocommerce div.product form.cart .woocommerce-variation-description p { + margin-bottom: 1em; +} + +.woocommerce div.product form.cart .reset_variations { + visibility: hidden; + font-size: 0.83em; + position: static; + display: inline-block; + color: inherit; + opacity: .6; + font-size: 11px; + text-transform: uppercase; +} + +.woocommerce div.product form.cart .wc-no-matching-variations { + display: none; +} + +.woocommerce div.product form.cart .button { + vertical-align: middle; + float: right; +} + +.woocommerce div.product form.cart .button.single_add_to_cart_button { + padding: 10px 40px; +} + +.woocommerce div.product form.cart .group_table tr:last-child td { + border-bottom: 0; +} + +.woocommerce div.product form.cart .group_table td.label { + padding: 0.5em; + font-size: .8rem; + line-height: 1.3; + font-weight: bold; +} + +.woocommerce div.product form.cart .group_table td { + vertical-align: middle; + padding-bottom: 0.5em; + border-left: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); +} + +.woocommerce div.product form.cart .group_table td:first-child { + text-align: right; + width: 4em; +} + +.woocommerce div.product form.cart .group_table td.price { + padding-right: 0.8em; + font-weight: bold; + font-size: 0.9rem; +} + +.woocommerce div.product form.cart .group_table td.price del { + opacity: .5; +} + +.woocommerce div.product form.cart .group_table .button { + padding: .8em; + font-weight: normal; + font-size: 0.9rem; + white-space: nowrap; +} + +.woocommerce div.product form.cart .group_table .wc-grouped-product-add-to-cart-checkbox { + display: inline-block; + width: auto; + margin: 0 auto; + transform: scale(1.5, 1.5); +} + +.woocommerce div.product form.cart p.stock { + line-height: 1.3; + margin-bottom: 0.8em; + font-size: .9em; +} + +.woocommerce div.product form.cart .single_variation_wrap { + width: 100%; +} + +.woocommerce div.product form.cart .single_variation_wrap p { + margin-bottom: 0.8em; +} + +.woocommerce div.product form.cart .single_variation_wrap .single_variation { + margin-bottom: 1.2em; + border-top: 1px solid #ebebeb; + padding-top: 0; + border-top: 0; +} + +.woocommerce div.product span.onsale { + min-height: 3.5em; + min-width: 3.5em; + line-height: 3.5em; +} + +.woocommerce div.product .woocommerce-tabs, +.woocommerce div.product .related.products { + display: block; +} + +.woocommerce span.onsale { + min-width: 3em; + min-height: 3em; + line-height: 3em; + padding: 0; + font-size: 1em; + font-weight: normal; + position: absolute; + text-align: center; + top: 0.5em; + right: 0.5em; + margin: 0; + border-radius: 100%; + background-color: #77a464; + color: white; + -webkit-font-smoothing: antialiased; + z-index: 9; +} + +.woocommerce .products ul, +.woocommerce ul.products { + margin: 0 0 1em; + padding: 0; + list-style: none outside; + clear: both; +} + +.woocommerce .products ul::before, .woocommerce .products ul::after, +.woocommerce ul.products::before, +.woocommerce ul.products::after { + width: 0; +} + +.woocommerce .products ul li, +.woocommerce ul.products li { + list-style: none outside; +} + +.woocommerce ul.products li.product .onsale { + top: 0; + left: 0; + right: auto; + margin: -0.5em 0 0 -0.5em; +} + +.woocommerce ul.products li.product h3, +.woocommerce ul.products li.product .woocommerce-loop-product__title, +.woocommerce ul.products li.product .woocommerce-loop-category__title { + padding: 0.5em 0; + margin: 0; + font-size: 1em; +} + +.woocommerce ul.products li.product a { + text-decoration: none; +} + +.woocommerce ul.products li.product a img { + width: 100%; + height: auto; + display: block; + margin: 0 0 1em; + box-shadow: none; +} + +.woocommerce ul.products li.product strong { + display: block; +} + +.woocommerce ul.products li.product .star-rating { + font-size: 0.857em; +} + +.woocommerce ul.products li.product .button { + margin-top: 1em; +} + +.woocommerce ul.products li.product .price { + color: #77a464; + display: block; + font-weight: normal; + margin-bottom: 0.5em; + font-size: 0.857em; +} + +.woocommerce ul.products li.product .price del { + color: inherit; + opacity: 0.5; + display: inline-block; +} + +.woocommerce ul.products li.product .price ins { + background: none; + font-weight: 700; + display: inline-block; +} + +.woocommerce ul.products li.product .price .from { + font-size: 0.67em; + margin: -2px 0 0 0; + text-transform: uppercase; + color: rgba(132, 132, 132, 0.5); +} + +.woocommerce .woocommerce-result-count { + margin: 0 0 1em; +} + +.woocommerce .woocommerce-ordering { + margin: 0 0 2.5em; +} + +.woocommerce .woocommerce-ordering select { + vertical-align: top; + padding: .5em; +} + +.woocommerce nav.woocommerce-pagination ul { + flex-wrap: wrap; + justify-content: center; + white-space: nowrap; + padding: 0; + border: 0; + margin: 1px; +} + +.woocommerce nav.woocommerce-pagination ul li { + margin: 0 0 2px 2px; + border: 1px solid #d3ced2; + padding: 0; + display: inline-block; + overflow: hidden; +} + +.woocommerce nav.woocommerce-pagination ul li a, +.woocommerce nav.woocommerce-pagination ul li span { + margin: 0; + text-decoration: none; + padding: 0; + line-height: 1; + font-size: 1em; + font-weight: normal; + padding: 0.75em; + text-align: center; + display: block; + min-width: 2.5em; +} + +.woocommerce nav.woocommerce-pagination ul li span.current, +.woocommerce nav.woocommerce-pagination ul li a:hover, +.woocommerce nav.woocommerce-pagination ul li a:focus { + background: #ebe9eb; + color: #8a7e88; +} + +.woocommerce a.button, +.woocommerce button.button, +.woocommerce input.button, +.woocommerce #respond input#submit { + font-size: 100%; + margin: 0; + line-height: 1; + cursor: pointer; + position: relative; + text-decoration: none; + overflow: visible; + padding: 0.5em 0.75em; + font-weight: 700; + border-radius: 3px; + right: auto; + color: #515151; + background-color: #ebe9eb; + border: 0; + display: inline-block; + background-image: none; + box-shadow: none; + text-shadow: none; +} + +.woocommerce a.button.loading, +.woocommerce button.button.loading, +.woocommerce input.button.loading, +.woocommerce #respond input#submit.loading { + opacity: 0.25; + padding-left: 2.618em; +} + +.woocommerce a.button.loading::after, +.woocommerce button.button.loading::after, +.woocommerce input.button.loading::after, +.woocommerce #respond input#submit.loading::after { + font-family: 'WooCommerce'; + content: '\e01c'; + vertical-align: top; + -webkit-font-smoothing: antialiased; + font-weight: 400; + position: absolute; + top: auto; + left: 1em; + animation: spin 2s linear infinite; +} + +.woocommerce a.button.added::after, +.woocommerce button.button.added::after, +.woocommerce input.button.added::after, +.woocommerce #respond input#submit.added::after { + font-family: 'WooCommerce'; + content: '\e017'; + margin-right: 0.53em; + vertical-align: bottom; +} + +.woocommerce a.button:hover, +.woocommerce button.button:hover, +.woocommerce input.button:hover, +.woocommerce #respond input#submit:hover { + background-color: #dad8da; + text-decoration: none; + background-image: none; + color: #515151; +} + +.woocommerce a.button.alt, +.woocommerce button.button.alt, +.woocommerce input.button.alt, +.woocommerce #respond input#submit.alt { + background-color: #a46497; + color: white; + -webkit-font-smoothing: antialiased; +} + +.woocommerce a.button.alt:hover, +.woocommerce button.button.alt:hover, +.woocommerce input.button.alt:hover, +.woocommerce #respond input#submit.alt:hover { + background-color: #935386; + color: white; +} + +.woocommerce a.button.alt.disabled, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled]:hover, +.woocommerce button.button.alt.disabled, +.woocommerce button.button.alt:disabled, +.woocommerce button.button.alt:disabled[disabled], +.woocommerce button.button.alt.disabled:hover, +.woocommerce button.button.alt:disabled:hover, +.woocommerce button.button.alt:disabled[disabled]:hover, +.woocommerce input.button.alt.disabled, +.woocommerce input.button.alt:disabled, +.woocommerce input.button.alt:disabled[disabled], +.woocommerce input.button.alt.disabled:hover, +.woocommerce input.button.alt:disabled:hover, +.woocommerce input.button.alt:disabled[disabled]:hover, +.woocommerce #respond input#submit.alt.disabled, +.woocommerce #respond input#submit.alt:disabled, +.woocommerce #respond input#submit.alt:disabled[disabled], +.woocommerce #respond input#submit.alt.disabled:hover, +.woocommerce #respond input#submit.alt:disabled:hover, +.woocommerce #respond input#submit.alt:disabled[disabled]:hover { + background-color: #a46497; + color: white; +} + +.woocommerce a.button:disabled, .woocommerce a.button.disabled, .woocommerce a.button:disabled[disabled], +.woocommerce button.button:disabled, +.woocommerce button.button.disabled, +.woocommerce button.button:disabled[disabled], +.woocommerce input.button:disabled, +.woocommerce input.button.disabled, +.woocommerce input.button:disabled[disabled], +.woocommerce #respond input#submit:disabled, +.woocommerce #respond input#submit.disabled, +.woocommerce #respond input#submit:disabled[disabled] { + color: inherit; + cursor: not-allowed; + opacity: 0.5; + padding: 0.618em 1em; +} + +.woocommerce a.button:disabled:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled[disabled]:hover, +.woocommerce button.button:disabled:hover, +.woocommerce button.button.disabled:hover, +.woocommerce button.button:disabled[disabled]:hover, +.woocommerce input.button:disabled:hover, +.woocommerce input.button.disabled:hover, +.woocommerce input.button:disabled[disabled]:hover, +.woocommerce #respond input#submit:disabled:hover, +.woocommerce #respond input#submit.disabled:hover, +.woocommerce #respond input#submit:disabled[disabled]:hover { + color: inherit; + background-color: #ebe9eb; +} + +.woocommerce .cart .button, +.woocommerce .cart input.button { + float: none; +} + +.woocommerce a.added_to_cart { + padding: .4em .4em 0; + display: inline-block; +} + +.woocommerce #reviews h2 { + font-weight: normal; +} + +.woocommerce #reviews h2 small { + float: left; + color: #777; + font-size: 15px; + margin: 10px 0 0; +} + +.woocommerce #reviews h2 small a { + text-decoration: none; + color: #777; +} + +.woocommerce #reviews h3 { + margin: 0; +} + +.woocommerce #reviews #respond { + margin: 0; + border: 0; + padding: 0; +} + +.woocommerce #reviews #comment { + height: 75px; +} + +.woocommerce #reviews #comments ol.commentlist { + margin: 0; + width: 100%; + background: none; + list-style: none; +} + +.woocommerce #reviews #comments ol.commentlist li { + padding: 0; + margin: 0 0 1em; + border: 0; + position: relative; + background: 100%; + border: 0; + border-bottom: 1px solid #e2e2e2; +} + +.woocommerce #reviews #comments ol.commentlist li:last-child { + border-bottom: 0; +} + +.woocommerce #reviews #comments ol.commentlist li .meta { + color: #777; + font-size: 0.75em; +} + +.woocommerce #reviews #comments ol.commentlist li img.avatar { + float: right; + position: absolute; + top: 0; + right: 0; + padding: 3px; + height: 3.6em; + width: 3.6em; + border: none; + background: none; + margin: 0; + border-radius: 100%; + box-shadow: none; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text { + margin: 0 50px 0 0; + border: none; + border-radius: 4px; + padding: 0 1.5em; + *zoom: 1; + display: flex; + flex-wrap: wrap; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text::before, .woocommerce #reviews #comments ol.commentlist li .comment-text::after { + content: ' '; + display: table; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text::after { + clear: both; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text p { + margin: 0 0 1.7em; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, +.woocommerce #reviews #comments ol.commentlist li .comment-text meta { + order: 1; + width: 100%; + font-size: 1em; + margin-bottom: .2em; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text .description { + font-style: italic; + order: 3; + width: 100%; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating { + order: 2; + margin-bottom: .5em; +} + +.woocommerce #reviews #comments ol.commentlist ul.children { + list-style: none outside; + margin: 20px 50px 0 0; +} + +.woocommerce #reviews #comments ol.commentlist ul.children .star-rating { + display: none; +} + +.woocommerce #reviews #comments ol.commentlist #respond { + border: 1px solid #e4e1e3; + border-radius: 4px; + padding: 1em 1em 0; + margin: 20px 50px 0 0; +} + +.woocommerce #reviews #comments .commentlist > li::before { + content: ''; +} + +.woocommerce #reviews #review_form { + border: 2px solid #efefef; + padding: 1em 1.9em 2.3em; +} + +.woocommerce #reviews #review_form #respond p { + margin: 2px 0 6px; +} + +.woocommerce #reviews #review_form #respond p.form-submit { + margin-top: 1em; +} + +.woocommerce #reviews #review_form #respond p.comment-form-author, .woocommerce #reviews #review_form #respond p.comment-form-email { + margin-bottom: 1em; +} + +.woocommerce #reviews #review_form #respond p.comment-form-author label, .woocommerce #reviews #review_form #respond p.comment-form-email label { + display: inline-block; + min-width: 100px; +} + +.woocommerce #reviews #review_form #respond #comment { + height: 90px; +} + +.woocommerce #reviews #review_form input { + max-width: 100%; +} + +.woocommerce .star-rating { + float: left; + overflow: hidden; + position: relative; + height: 1em; + line-height: 1; + font-size: 1em; + width: 5.4em; + font-family: 'star'; +} + +.woocommerce .star-rating::before { + content: '\73\73\73\73\73'; + color: #d3ced2; + float: right; + top: 0; + right: 0; + position: absolute; +} + +.woocommerce .star-rating span { + overflow: hidden; + float: right; + top: 0; + right: 0; + position: absolute; + padding-top: 1.5em; +} + +.woocommerce .star-rating span::before { + content: '\53\53\53\53\53'; + top: 0; + position: absolute; + right: 0; +} + +.woocommerce .woocommerce-product-rating { + *zoom: 1; + line-height: 2; + display: block; +} + +.woocommerce .woocommerce-product-rating::before, .woocommerce .woocommerce-product-rating::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce-product-rating::after { + clear: both; +} + +.woocommerce .woocommerce-product-rating .star-rating { + margin: 0.5em 0 0 4px; + float: right; +} + +.woocommerce .products .star-rating { + display: block; + margin: 0.5em auto 0; + float: none; +} + +.woocommerce .hreview-aggregate .star-rating { + margin: 10px 0 0; +} + +.woocommerce #review_form #respond { + *zoom: 1; + position: static; + margin: 0; + width: auto; + background: transparent none; +} + +.woocommerce #review_form #respond::before, .woocommerce #review_form #respond::after { + content: ' '; + display: table; +} + +.woocommerce #review_form #respond::after { + clear: both; +} + +.woocommerce #review_form #respond .form-submit input { + right: auto; +} + +.woocommerce #review_form #respond textarea { + box-sizing: border-box; + width: 100%; +} + +.woocommerce p.stars a { + position: relative; + height: 1em; + width: 1em; + text-indent: -999em; + display: inline-block; + text-decoration: none; +} + +.woocommerce p.stars a::before { + display: block; + position: absolute; + top: 0; + right: 0; + width: 1em; + height: 1em; + line-height: 1; + font-family: 'WooCommerce'; + content: '\e021'; + text-indent: 0; +} + +.woocommerce p.stars a:hover ~ a::before { + content: '\e021'; +} + +.woocommerce p.stars:hover a::before { + content: '\e020'; +} + +.woocommerce p.stars.selected a.active::before { + content: '\e020'; +} + +.woocommerce p.stars.selected a.active ~ a::before { + content: '\e021'; +} + +.woocommerce p.stars.selected a:not(.active)::before { + content: '\e020'; +} + +.woocommerce table.shop_attributes { + border: 0; + border-top: 1px dotted rgba(0, 0, 0, 0.1); + margin-bottom: 1.618em; + width: 100%; +} + +.woocommerce table.shop_attributes th { + width: 150px; + font-weight: 700; + padding: 8px; + border-top: 0; + border-bottom: 1px dotted rgba(0, 0, 0, 0.1); + margin: 0; + line-height: 1.5; +} + +.woocommerce table.shop_attributes td { + font-style: italic; + padding: 0; + border-top: 0; + border-bottom: 1px dotted rgba(0, 0, 0, 0.1); + margin: 0; + line-height: 1.5; +} + +.woocommerce table.shop_attributes td p { + margin: 0; + padding: 8px 0; +} + +.woocommerce table.shop_attributes tr:nth-child(even) td, +.woocommerce table.shop_attributes tr:nth-child(even) th { + background: rgba(0, 0, 0, 0.025); +} + +.woocommerce table.shop_table { + border: 1px solid rgba(0, 0, 0, 0.1); + margin: 0 0 24px -1px; + text-align: right; + width: 100%; + border-collapse: separate; + border-radius: 5px; +} + +.woocommerce table.shop_table th { + font-weight: 700; + padding: 9px 12px; +} + +.woocommerce table.shop_table td { + border-top: 1px solid rgba(0, 0, 0, 0.1); + padding: 6px 12px; + vertical-align: middle; +} + +.woocommerce table.shop_table td small { + font-weight: normal; +} + +.woocommerce table.shop_table tbody:first-child tr:first-child th, +.woocommerce table.shop_table tbody:first-child tr:first-child td { + border-top: 0; +} + +.woocommerce table.shop_table tfoot td, +.woocommerce table.shop_table tfoot th, +.woocommerce table.shop_table tbody th { + font-weight: 700; + border-top: 1px solid rgba(0, 0, 0, 0.1); +} + +.woocommerce .woocommerce table.shop_table, +.woocommerce #customer_details { + margin-bottom: 2em; + border-radius: 0; +} + +.woocommerce table.my_account_orders { + font-size: 0.85em; +} + +.woocommerce table.my_account_orders th, +.woocommerce table.my_account_orders td { + padding: 4px 8px; + vertical-align: middle; +} + +.woocommerce table.my_account_orders .button { + white-space: nowrap; +} + +.woocommerce table.my_account_orders .order-actions { + text-align: left; +} + +.woocommerce table.my_account_orders .order-actions .button { + margin: 0.125em 0.25em 0.125em 0; +} + +.woocommerce table.woocommerce-MyAccount-downloads td, +.woocommerce table.woocommerce-MyAccount-downloads th { + vertical-align: top; + text-align: center; +} + +.woocommerce table.woocommerce-MyAccount-downloads td:first-child, +.woocommerce table.woocommerce-MyAccount-downloads th:first-child { + text-align: right; +} + +.woocommerce table.woocommerce-MyAccount-downloads td:last-child, +.woocommerce table.woocommerce-MyAccount-downloads th:last-child { + text-align: right; +} + +.woocommerce table.woocommerce-MyAccount-downloads td .woocommerce-MyAccount-downloads-file::before, +.woocommerce table.woocommerce-MyAccount-downloads th .woocommerce-MyAccount-downloads-file::before { + content: '\2193'; + display: inline-block; +} + +.woocommerce td.product-name dl.variation, .woocommerce td.product-name .wc-item-meta { + list-style: none outside; +} + +.woocommerce td.product-name dl.variation dt, .woocommerce td.product-name dl.variation .wc-item-meta-label, .woocommerce td.product-name .wc-item-meta dt, .woocommerce td.product-name .wc-item-meta .wc-item-meta-label { + float: right; + clear: both; + margin-left: .25em; + display: inline-block; + list-style: none outside; +} + +.woocommerce td.product-name dl.variation dd, .woocommerce td.product-name .wc-item-meta dd { + margin: 0; +} + +.woocommerce td.product-name dl.variation p, .woocommerce td.product-name dl.variation:last-child, .woocommerce td.product-name .wc-item-meta p, .woocommerce td.product-name .wc-item-meta:last-child { + margin-bottom: 0; +} + +.woocommerce td.product-name p.backorder_notification { + font-size: 0.83em; +} + +.woocommerce td.product-quantity { + min-width: 80px; +} + +.woocommerce ul.cart_list, +.woocommerce ul.product_list_widget { + list-style: none outside; + padding: 0; + margin: 0; +} + +.woocommerce ul.cart_list li, +.woocommerce ul.product_list_widget li { + padding: 4px 0; + margin: 0; + *zoom: 1; + list-style: none; +} + +.woocommerce ul.cart_list li::before, .woocommerce ul.cart_list li::after, +.woocommerce ul.product_list_widget li::before, +.woocommerce ul.product_list_widget li::after { + content: ' '; + display: table; +} + +.woocommerce ul.cart_list li::after, +.woocommerce ul.product_list_widget li::after { + clear: both; +} + +.woocommerce ul.cart_list li a, +.woocommerce ul.product_list_widget li a { + display: block; + font-weight: 700; +} + +.woocommerce ul.cart_list li img, +.woocommerce ul.product_list_widget li img { + float: left; + margin-right: 4px; + width: 32px; + height: auto; + box-shadow: none; +} + +.woocommerce ul.cart_list li dl, +.woocommerce ul.product_list_widget li dl { + margin: 0; + padding-right: 1em; + border-right: 2px solid rgba(0, 0, 0, 0.1); + *zoom: 1; +} + +.woocommerce ul.cart_list li dl::before, .woocommerce ul.cart_list li dl::after, +.woocommerce ul.product_list_widget li dl::before, +.woocommerce ul.product_list_widget li dl::after { + content: ' '; + display: table; +} + +.woocommerce ul.cart_list li dl::after, +.woocommerce ul.product_list_widget li dl::after { + clear: both; +} + +.woocommerce ul.cart_list li dl dt, +.woocommerce ul.cart_list li dl dd, +.woocommerce ul.product_list_widget li dl dt, +.woocommerce ul.product_list_widget li dl dd { + display: inline-block; + float: right; + margin-bottom: 1em; +} + +.woocommerce ul.cart_list li dl dt, +.woocommerce ul.product_list_widget li dl dt { + font-weight: 700; + padding: 0 0 0.25em; + margin: 0 0 0 4px; + clear: right; +} + +.woocommerce ul.cart_list li dl dd, +.woocommerce ul.product_list_widget li dl dd { + padding: 0 0 0.25em; +} + +.woocommerce ul.cart_list li dl dd p:last-child, +.woocommerce ul.product_list_widget li dl dd p:last-child { + margin-bottom: 0; +} + +.woocommerce ul.cart_list li .star-rating, +.woocommerce ul.product_list_widget li .star-rating { + float: none; +} + +.woocommerce.widget_shopping_cart .total strong, +.woocommerce .widget_shopping_cart .total strong { + min-width: 40px; + display: inline-block; +} + +.woocommerce.widget_shopping_cart .buttons, +.woocommerce .widget_shopping_cart .buttons { + *zoom: 1; +} + +.woocommerce.widget_shopping_cart .buttons::before, .woocommerce.widget_shopping_cart .buttons::after, +.woocommerce .widget_shopping_cart .buttons::before, +.woocommerce .widget_shopping_cart .buttons::after { + content: ' '; + display: table; +} + +.woocommerce.widget_shopping_cart .buttons::after, +.woocommerce .widget_shopping_cart .buttons::after { + clear: both; +} + +.woocommerce.widget_shopping_cart .buttons a, +.woocommerce .widget_shopping_cart .buttons a { + margin-left: 5px; + margin-bottom: 5px; +} + +.woocommerce form .form-row { + padding: 3px; + margin: 0 0 6px; +} + +.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder { + transition: opacity 0.5s 0.5s ease; + opacity: 0; +} + +.woocommerce form .form-row label { + line-height: 2; + font-weight: bold; + font-size: 13.5px; + font-size: 0.9rem; +} + +.woocommerce form .form-row label.hidden { + visibility: hidden; +} + +.woocommerce form .form-row label.inline { + display: inline; +} + +.woocommerce form .form-row select { + cursor: pointer; + margin: 0; +} + +.woocommerce form .form-row .required { + color: red; + font-weight: 700; + border: 0; +} + +.woocommerce form .form-row .input-checkbox { + display: inline; + margin: -2px 0 0 8px; + text-align: center; + vertical-align: middle; +} + +.woocommerce form .form-row input.input-text, +.woocommerce form .form-row textarea { + box-sizing: border-box; + width: 100%; + margin: 0; + outline: 0; + line-height: 1; +} + +.woocommerce form .form-row textarea { + height: 4em; + line-height: 1.5; + display: block; + box-shadow: none; +} + +.woocommerce form .form-row .select2-container { + width: 100%; + line-height: 2em; +} + +.woocommerce form .form-row.woocommerce-invalid .select2-container, +.woocommerce form .form-row.woocommerce-invalid input.input-text, +.woocommerce form .form-row.woocommerce-invalid select { + border-color: #d65d67; +} + +.woocommerce form .form-row.woocommerce-validated .select2-container, +.woocommerce form .form-row.woocommerce-validated input.input-text, +.woocommerce form .form-row.woocommerce-validated select { + border-color: #69bf29; +} + +.woocommerce form .form-row ::-webkit-input-placeholder { + line-height: normal; +} + +.woocommerce form .form-row :-moz-placeholder { + line-height: normal; +} + +.woocommerce form .form-row :-ms-input-placeholder { + line-height: normal; +} + +.woocommerce form.login, +.woocommerce form.checkout_coupon, +.woocommerce form.register { + border: 1px solid #d3ced2; + padding: 20px; + margin: 2em 0; + text-align: right; + border-radius: 5px; +} + +.woocommerce ul#shipping_method { + list-style: none outside; + margin: 0; + padding: 0; +} + +.woocommerce ul#shipping_method li { + margin: 0; + padding: 0.25em 22px 0.25em 0; + text-indent: -22px; + list-style: none outside; +} + +.woocommerce ul#shipping_method li input { + margin: 3px 0.5ex; +} + +.woocommerce ul#shipping_method li label { + display: inline; +} + +.woocommerce ul#shipping_method .amount { + font-weight: 700; +} + +.woocommerce p.woocommerce-shipping-contents { + margin: 0; +} + +.woocommerce ul.order_details { + *zoom: 1; + margin: 0 0 3em; + list-style: none; +} + +.woocommerce ul.order_details::before, .woocommerce ul.order_details::after { + content: ' '; + display: table; +} + +.woocommerce ul.order_details::after { + clear: both; +} + +.woocommerce ul.order_details li { + float: right; + margin-left: 2em; + text-transform: uppercase; + font-size: 0.715em; + line-height: 1; + border-left: 1px dashed #d3ced2; + padding-left: 2em; + margin-right: 0; + padding-right: 0; + list-style-type: none; +} + +.woocommerce ul.order_details li strong { + display: block; + font-size: 1.4em; + text-transform: none; + line-height: 1.5; +} + +.woocommerce ul.order_details li:last-of-type { + border: none; +} + +.woocommerce .wc-bacs-bank-details-account-name { + font-weight: bold; +} + +.woocommerce .woocommerce-order-downloads, +.woocommerce .woocommerce-customer-details, +.woocommerce .woocommerce-order-details { + margin-bottom: 2em; +} + +.woocommerce .woocommerce-order-downloads *:last-child, +.woocommerce .woocommerce-customer-details *:last-child, +.woocommerce .woocommerce-order-details *:last-child { + margin-bottom: 0; +} + +.woocommerce .woocommerce-customer-details address { + font-style: normal; + margin-bottom: 0; + border: 1px solid rgba(0, 0, 0, 0.1); + border-bottom-width: 2px; + border-left-width: 2px; + text-align: right; + width: 100%; + border-radius: 5px; + padding: 6px 12px; +} + +.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone, +.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email { + margin-bottom: 0; + padding-right: 1.5em; +} + +.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-left: 0.618em; + content: ""; + text-decoration: none; + margin-right: -1.5em; + line-height: 1.75; + position: absolute; +} + +.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-left: 0.618em; + content: ""; + text-decoration: none; + margin-right: -1.5em; + line-height: 1.75; + position: absolute; +} + +.woocommerce .woocommerce-widget-layered-nav-list { + margin: 0; + padding: 0; + border: 0; + list-style: none outside; +} + +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { + *zoom: 1; + padding: 0 0 1px; + list-style: none; +} + +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after { + clear: both; +} + +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span { + padding: 1px 0; +} + +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-left: 0.618em; + content: ""; + text-decoration: none; + color: #d65d67; +} + +.woocommerce .woocommerce-widget-layered-nav-dropdown__submit { + margin-top: 1em; +} + +.woocommerce .widget_layered_nav_filters ul { + margin: 0; + padding: 0; + border: 0; + list-style: none outside; + overflow: hidden; + zoom: 1; +} + +.woocommerce .widget_layered_nav_filters ul li { + float: right; + padding: 0 0 1px 1px; + list-style: none; +} + +.woocommerce .widget_layered_nav_filters ul li a { + text-decoration: none; +} + +.woocommerce .widget_layered_nav_filters ul li a::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-left: 0.618em; + content: ""; + text-decoration: none; + color: #d65d67; +} + +.woocommerce .widget_product_categories .product-categories .count { + float: left; +} + +.woocommerce .widget_price_filter .price_slider { + margin-bottom: 1em; +} + +.woocommerce .widget_price_filter .price_slider_amount { + text-align: left; + line-height: 2.4; + font-size: 0.8751em; +} + +.woocommerce .widget_price_filter .price_slider_amount .button { + font-size: 1.15em; + float: right; +} + +.woocommerce .widget_price_filter .ui-slider { + position: relative; + text-align: right; + margin-right: 0.5em; + margin-left: 0.5em; +} + +.woocommerce .widget_price_filter .ui-slider .ui-slider-handle { + position: absolute; + z-index: 2; + width: 1em; + height: 1em; + background-color: #a46497; + border-radius: 1em; + cursor: ew-resize; + outline: none; + top: -0.3em; + margin-left: -0.5em; +} + +.woocommerce .widget_price_filter .ui-slider .ui-slider-range { + position: absolute; + z-index: 1; + font-size: 0.7em; + display: block; + border: 0; + border-radius: 1em; + background-color: #a46497; +} + +.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { + border-radius: 1em; + background-color: #602053; + border: 0; +} + +.woocommerce .widget_price_filter .ui-slider-horizontal { + height: 0.5em; +} + +.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range { + top: 0; + height: 100%; +} + +.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { + right: -1px; +} + +.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { + left: -1px; +} + +.woocommerce .widget_rating_filter ul { + margin: 0; + padding: 0; + border: 0; + list-style: none outside; +} + +.woocommerce .widget_rating_filter ul li { + *zoom: 1; + padding: 0 0 1px; + list-style: none; +} + +.woocommerce .widget_rating_filter ul li::before, .woocommerce .widget_rating_filter ul li::after { + content: ' '; + display: table; +} + +.woocommerce .widget_rating_filter ul li::after { + clear: both; +} + +.woocommerce .widget_rating_filter ul li a { + padding: 1px 0; + text-decoration: none; +} + +.woocommerce .widget_rating_filter ul li .star-rating { + float: none; + display: inline-block; +} + +.woocommerce .widget_rating_filter ul li.chosen a::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-left: 0.618em; + content: ""; + text-decoration: none; + color: #d65d67; +} + +.woocommerce .show-on-hover { + position: absolute; + top: 0; + right: 0; + height: 100%; + left: 0; + bottom: 0; + padding: 0; + margin: 0; + opacity: 0; + filter: blur(0); + transition: all 0.2s linear; +} + +.woocommerce li.product:hover .show-on-hover { + opacity: 1; + transform: scale(1) translateZ(0) translateY(0); + pointer-events: inherit; +} + +.woocommerce .ast-return-to-shop { + display: inline-block; + margin: 5px 0; + vertical-align: middle; +} + +.woocommerce .up-sells h2, +.woocommerce .related.products h2, +.woocommerce .woocommerce-tabs h2 { + font-size: 1.5rem; +} + +.woocommerce .comment-reply-title { + font-size: 1.5rem; + line-height: 1.3; +} + +.woocommerce .select2-container .select2-selection--single { + height: auto; + padding: 0.75em; +} + +.woocommerce .select2-container .select2-selection--single .select2-selection__rendered { + padding-right: 0; +} + +.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered { + line-height: 1.35; +} + +.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow { + top: 50%; + width: 1.7em; + transform: translateY(-50%); +} + +.woocommerce .select2-search--dropdown .select2-search__field, +.woocommerce .select2-results__option { + padding: 6px 0.75em; +} + +.woocommerce #reviews { + display: flex; +} + +.woocommerce, +.woocommerce-page { + /** + * Product Saerch Widget + */ + /* + * Common table style for woocommerce + */ +} + +.woocommerce .widget_product_search button, +.woocommerce-page .widget_product_search button { + flex: 0 0 auto; + padding: 10px 20px; +} + +.woocommerce ul.products li.product, +.woocommerce-page ul.products li.product { + text-align: right; + margin-bottom: 2.5em; +} + +.woocommerce ul.products li.product.product-category > a, +.woocommerce-page ul.products li.product.product-category > a { + display: inline-block; + position: relative; +} + +.woocommerce ul.products li.product a img, +.woocommerce-page ul.products li.product a img { + margin-bottom: .8em; +} + +.woocommerce ul.products li.product .woocommerce-loop-product__title, +.woocommerce-page ul.products li.product .woocommerce-loop-product__title { + margin-bottom: .5em; + padding: 0; + font-size: 1em; +} + +.woocommerce ul.products li.product .ast-woo-product-category, +.woocommerce-page ul.products li.product .ast-woo-product-category { + font-size: .85em; + margin-bottom: .5em; + display: block; + line-height: 1.3; + opacity: .6; +} + +.woocommerce ul.products li.product .star-rating, +.woocommerce-page ul.products li.product .star-rating { + margin: 0 0 .5em auto; + backface-visibility: hidden; +} + +.woocommerce ul.products li.product .ast-woo-shop-product-description p, +.woocommerce-page ul.products li.product .ast-woo-shop-product-description p { + margin-bottom: .5em; +} + +.woocommerce ul.products li.product .woocommerce-loop-product__link, +.woocommerce-page ul.products li.product .woocommerce-loop-product__link { + position: relative; + display: block; +} + +.woocommerce ul.products li.product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock, +.woocommerce-page ul.products li.product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock { + background-color: white; +} + +.woocommerce ul.products li.product.product-category > a:hover .woocommerce-loop-category__title, +.woocommerce-page ul.products li.product.product-category > a:hover .woocommerce-loop-category__title { + background-color: white; +} + +.woocommerce ul.products li.product .woocommerce-loop-category__title, +.woocommerce ul.products li.product .ast-shop-product-out-of-stock, +.woocommerce-page ul.products li.product .woocommerce-loop-category__title, +.woocommerce-page ul.products li.product .ast-shop-product-out-of-stock { + position: absolute; + background-color: rgba(255, 255, 255, 0.88); + transition: background .3s; + text-align: center; + right: 1em; + left: 1em; + padding: 0.5em 0em 0.7em; +} + +.woocommerce ul.products li.product .woocommerce-loop-category__title, +.woocommerce-page ul.products li.product .woocommerce-loop-category__title { + bottom: 1.8em; + font-size: 0.9em; +} + +.woocommerce ul.products li.product .woocommerce-loop-category__title .count, +.woocommerce-page ul.products li.product .woocommerce-loop-category__title .count { + font-size: .7em; +} + +.woocommerce ul.products li.product .ast-shop-product-out-of-stock, +.woocommerce-page ul.products li.product .ast-shop-product-out-of-stock { + bottom: 1em; + text-transform: uppercase; + font-weight: bold; +} + +.woocommerce ul.products li.product .price, +.woocommerce-page ul.products li.product .price { + line-height: 1.3; + margin-bottom: 0; + font-weight: 700; + margin-bottom: .5em; + font-size: .9em; +} + +.woocommerce ul.products li.product .price del, +.woocommerce-page ul.products li.product .price del { + display: initial; +} + +.woocommerce ul.products li.product .button, +.woocommerce-page ul.products li.product .button { + margin-top: .5em; + margin-bottom: .5em; + white-space: normal; + line-height: 1.3; +} + +.woocommerce ul.products li.product .button.added, +.woocommerce-page ul.products li.product .button.added { + margin-bottom: 0; + transition: margin 0s; +} + +.woocommerce ul.products li.product .woocommerce-loop-category__title, +.woocommerce-page ul.products li.product .woocommerce-loop-category__title { + text-transform: uppercase; + font-weight: bold; + line-height: 1.5; +} + +.woocommerce ul.products li.product .woocommerce-loop-category__title .count, +.woocommerce-page ul.products li.product .woocommerce-loop-category__title .count { + display: block; + background: none; + opacity: .5; + font-size: .75em; +} + +.woocommerce .related.products li.product:last-child, +.woocommerce-page .related.products li.product:last-child { + margin-left: 0; +} + +.woocommerce table.shop_table, +.woocommerce-page table.shop_table { + border: 1px solid #ebebeb; + border-radius: 0px; +} + +.woocommerce table.shop_table .product-thumbnail img, +.woocommerce-page table.shop_table .product-thumbnail img { + width: auto; + max-width: 70px; +} + +.woocommerce table.shop_table thead, +.woocommerce-page table.shop_table thead { + background-color: #fbfbfb; +} + +.woocommerce table.shop_table thead th, +.woocommerce-page table.shop_table thead th { + border-width: 0; +} + +.woocommerce table.shop_table td, .woocommerce table.shop_table th, +.woocommerce-page table.shop_table td, +.woocommerce-page table.shop_table th { + border-bottom-width: 0; + padding: .7em 1em; +} + +.woocommerce table.shop_table td, +.woocommerce-page table.shop_table td { + border-top: 1px solid #ebebeb; +} + +.woocommerce table.shop_table .woocommerce-Price-amount, +.woocommerce-page table.shop_table .woocommerce-Price-amount { + font-weight: 700; +} + +.woocommerce #content table.cart td.actions .input-text, +.woocommerce-page #content table.cart td.actions .input-text { + width: auto; +} + +.woocommerce #content table.cart td, +.woocommerce-page #content table.cart td { + min-height: 3.25em; +} + +.woocommerce #content table.cart [name="coupon_code"], +.woocommerce-page #content table.cart [name="coupon_code"] { + max-height: 35px; +} + +.woocommerce #content table.cart .button, +.woocommerce-page #content table.cart .button { + display: inline-block; + width: auto; +} + +.woocommerce #content table.cart .button[name="apply_coupon"], +.woocommerce-page #content table.cart .button[name="apply_coupon"] { + padding: 10px 40px; +} + +.ast-separate-container .ast-woocommerce-container { + background-color: #fff; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-woocommerce-container { + padding: 3.34em 2.4em; + } +} + +@media (max-width: 992px) { + .ast-separate-container .ast-woocommerce-container { + padding: 1.5em 2.14em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-woocommerce-container { + padding: 5.34em 6.67em; + } +} + +.ast-separate-container .ast-woocommerce-container .product { + border-bottom: 0; +} + +.ast-separate-container.single-product .ast-article-single { + margin: 0; + padding: 0; + display: inline-block; + width: 100%; +} + +/** + * Photoswipe + * 1. These styles are required to overwrite default theme button styles (Twenty Twelve adds gradients via background-image). + * 2. For zooming on mobile. + */ +.pswp { + z-index: 999999; +} + +.woocommerce, +.woocommerce-page { + /* Popup for single product */ +} + +.woocommerce img.pswp__img, +.woocommerce-page img.pswp__img { + max-width: none; + /* 2 */ +} + +.woocommerce .pswp__caption__center, +.woocommerce-page .pswp__caption__center { + text-align: center; +} + +.woocommerce .pswp__bg, +.woocommerce-page .pswp__bg { + opacity: .7 !important; +} + +.woocommerce .pswp__ui--fit .pswp__top-bar, +.woocommerce .pswp__ui--fit .pswp__caption, +.woocommerce-page .pswp__ui--fit .pswp__top-bar, +.woocommerce-page .pswp__ui--fit .pswp__caption { + background-color: transparent; +} + +/** + * Woocommerce common form design + */ +.woocommerce input[type=text], .woocommerce input[type=email], .woocommerce input[type=url], .woocommerce input[type=password], .woocommerce input[type=number], .woocommerce input[type=search], .woocommerce input[type=reset], .woocommerce input[type=tel], .woocommerce textarea, .woocommerce form .form-row textarea, +.woocommerce-page input[type=text], +.woocommerce-page input[type=email], +.woocommerce-page input[type=url], +.woocommerce-page input[type=password], +.woocommerce-page input[type=number], +.woocommerce-page input[type=search], +.woocommerce-page input[type=reset], +.woocommerce-page input[type=tel], +.woocommerce-page textarea, +.woocommerce-page form .form-row textarea { + border-color: #dddddd; + background: #fff; + box-shadow: none; + border-radius: 0px; +} + +.woocommerce input[type=text]:focus, .woocommerce input[type=email]:focus, .woocommerce input[type=url]:focus, .woocommerce input[type=password]:focus, .woocommerce input[type=number]:focus, .woocommerce input[type=search]:focus, .woocommerce input[type=reset]:focus, .woocommerce input[type=tel]:focus, .woocommerce textarea:focus, .woocommerce form .form-row textarea:focus, +.woocommerce-page input[type=text]:focus, +.woocommerce-page input[type=email]:focus, +.woocommerce-page input[type=url]:focus, +.woocommerce-page input[type=password]:focus, +.woocommerce-page input[type=number]:focus, +.woocommerce-page input[type=search]:focus, +.woocommerce-page input[type=reset]:focus, +.woocommerce-page input[type=tel]:focus, +.woocommerce-page textarea:focus, +.woocommerce-page form .form-row textarea:focus { + box-shadow: none; + border-color: #dddddd; +} + +.woocommerce select, .woocommerce .select2-container .select2-selection--single, +.woocommerce-page select, +.woocommerce-page .select2-container .select2-selection--single { + padding: .75em; + border: 1px solid #dddddd; + border-radius: 0px; + box-shadow: none; +} + +.woocommerce select:focus, .woocommerce .select2-container .select2-selection--single:focus, +.woocommerce-page select:focus, +.woocommerce-page .select2-container .select2-selection--single:focus { + outline: none; +} + +button.pswp__button { + box-shadow: none !important; + background-image: url("../../../../../../../plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png") !important; +} + +button.pswp__button, +button.pswp__button:hover, +button.pswp__button--arrow--left::before, +button.pswp__button--arrow--right::before { + background-color: transparent !important; + /* 1 */ +} + +button.pswp__button--arrow--left, +button.pswp__button--arrow--right, +button.pswp__button--arrow--left:hover, +button.pswp__button--arrow--right:hover { + background-image: none !important; + /* 1 */ +} + +button.pswp__button--close:hover { + background-position: 100% -44px; +} + +button.pswp__button--zoom:hover { + background-position: -88px 0; +} + +.woocommerce-message, +.woocommerce-error, +.woocommerce-info { + padding: 1em 3.5em 1em 2em; + margin: 0 0 2em; + position: relative; + background-color: #f7f6f7; + color: #515151; + border-top: 3px solid #a46497; + list-style: none outside; + *zoom: 1; + width: auto; + word-wrap: break-word; +} + +.woocommerce-message::before, .woocommerce-message::after, +.woocommerce-error::before, +.woocommerce-error::after, +.woocommerce-info::before, +.woocommerce-info::after { + content: ' '; + display: table; +} + +.woocommerce-message::after, +.woocommerce-error::after, +.woocommerce-info::after { + clear: both; +} + +.woocommerce-message::before, +.woocommerce-error::before, +.woocommerce-info::before { + font-family: 'WooCommerce'; + content: '\e028'; + display: inline-block; + position: absolute; + top: 1em; + right: 1.5em; +} + +.woocommerce-message .button, +.woocommerce-error .button, +.woocommerce-info .button { + float: left; +} + +.woocommerce-message li, +.woocommerce-error li, +.woocommerce-info li { + list-style: none outside !important; + padding-right: 0 !important; + margin-right: 0 !important; +} + +.woocommerce-message { + border-top-color: #8fae1b; +} + +.woocommerce-message::before { + content: '\e015'; + color: #8fae1b; +} + +.woocommerce-info { + border-top-color: #1e85be; +} + +.woocommerce-info::before { + color: #1e85be; +} + +.woocommerce-error { + border-top-color: #b81c23; +} + +.woocommerce-error::before { + content: '\e016'; + color: #b81c23; +} + +/** + * Account page + */ +.woocommerce .woocommerce, +.woocommerce-account .woocommerce { + *zoom: 1; +} + +.woocommerce .woocommerce::before, .woocommerce .woocommerce::after, +.woocommerce-account .woocommerce::before, +.woocommerce-account .woocommerce::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce::after, +.woocommerce-account .woocommerce::after { + clear: both; +} + +.woocommerce .addresses .title, +.woocommerce-account .addresses .title { + *zoom: 1; +} + +.woocommerce .addresses .title::before, .woocommerce .addresses .title::after, +.woocommerce-account .addresses .title::before, +.woocommerce-account .addresses .title::after { + content: ' '; + display: table; +} + +.woocommerce .addresses .title::after, +.woocommerce-account .addresses .title::after { + clear: both; +} + +.woocommerce .addresses .title h3, +.woocommerce-account .addresses .title h3 { + float: right; +} + +.woocommerce .addresses .title .edit, +.woocommerce-account .addresses .title .edit { + float: left; + padding: .7em 1em; +} + +.woocommerce ol.commentlist.notes li.note p.meta, +.woocommerce-account ol.commentlist.notes li.note p.meta { + font-weight: 700; + margin-bottom: 0; +} + +.woocommerce ol.commentlist.notes li.note .description p:last-child, +.woocommerce-account ol.commentlist.notes li.note .description p:last-child { + margin-bottom: 0; +} + +.woocommerce ul.digital-downloads, +.woocommerce-account ul.digital-downloads { + margin-right: 0; + padding-right: 0; +} + +.woocommerce ul.digital-downloads li, +.woocommerce-account ul.digital-downloads li { + list-style: none; + margin-right: 0; + padding-right: 0; +} + +.woocommerce ul.digital-downloads li::before, +.woocommerce-account ul.digital-downloads li::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-left: 0.618em; + content: ""; + text-decoration: none; +} + +.woocommerce ul.digital-downloads li .count, +.woocommerce-account ul.digital-downloads li .count { + float: left; +} + +.woocommerce h2, +.woocommerce-account h2 { + font-size: 1.625rem; +} + +.woocommerce .woocommerce-Addresses .woocommerce-Address-title, +.woocommerce .woocommerce-Addresses .woocommerce-column__title, +.woocommerce .woocommerce-customer-details .woocommerce-Address-title, +.woocommerce .woocommerce-customer-details .woocommerce-column__title, +.woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title, +.woocommerce .woocommerce-MyAccount-content .woocommerce-column__title, +.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title, +.woocommerce-account .woocommerce-Addresses .woocommerce-column__title, +.woocommerce-account .woocommerce-customer-details .woocommerce-Address-title, +.woocommerce-account .woocommerce-customer-details .woocommerce-column__title, +.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title, +.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title { + background: #fbfbfb; + padding: .5em; + margin-bottom: 0; + border-width: 1px 1px 0 1px; + border-style: solid; + border-color: #e5e5e5; +} + +.woocommerce .woocommerce-Addresses .woocommerce-Address-title h3, +.woocommerce .woocommerce-Addresses .woocommerce-column__title h3, +.woocommerce .woocommerce-customer-details .woocommerce-Address-title h3, +.woocommerce .woocommerce-customer-details .woocommerce-column__title h3, +.woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title h3, +.woocommerce .woocommerce-MyAccount-content .woocommerce-column__title h3, +.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title h3, +.woocommerce-account .woocommerce-Addresses .woocommerce-column__title h3, +.woocommerce-account .woocommerce-customer-details .woocommerce-Address-title h3, +.woocommerce-account .woocommerce-customer-details .woocommerce-column__title h3, +.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3, +.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title h3 { + margin-bottom: 0; +} + +.woocommerce .woocommerce-Addresses address, +.woocommerce .woocommerce-customer-details address, +.woocommerce .woocommerce-MyAccount-content address, +.woocommerce-account .woocommerce-Addresses address, +.woocommerce-account .woocommerce-customer-details address, +.woocommerce-account .woocommerce-MyAccount-content address { + border: 1px solid rgba(0, 0, 0, 0.1); + padding: 1em; + border-radius: 0; +} + +.woocommerce-Address h3, +.cart-collaterals h2 { + font-size: 1.2rem; + padding: .7em 1em; +} + +/** + * Cart/checkout page + */ +.woocommerce-cart table.cart .product-thumbnail, +.woocommerce-checkout table.cart .product-thumbnail, +#add_payment_method table.cart .product-thumbnail { + min-width: 32px; +} + +.woocommerce-cart table.cart img, +.woocommerce-checkout table.cart img, +#add_payment_method table.cart img { + width: 32px; + box-shadow: none; +} + +.woocommerce-cart table.cart th, +.woocommerce-cart table.cart td, +.woocommerce-checkout table.cart th, +.woocommerce-checkout table.cart td, +#add_payment_method table.cart th, +#add_payment_method table.cart td { + vertical-align: middle; +} + +.woocommerce-cart table.cart td.actions .coupon .input-text, +.woocommerce-checkout table.cart td.actions .coupon .input-text, +#add_payment_method table.cart td.actions .coupon .input-text { + float: right; + box-sizing: border-box; + border: 1px solid #d3ced2; + padding: 6px 6px 5px; + margin: 0 0 0 4px; + outline: 0; + line-height: 1; +} + +.woocommerce-cart table.cart input, +.woocommerce-checkout table.cart input, +#add_payment_method table.cart input { + margin: 0; + vertical-align: middle; + line-height: 1; +} + +.woocommerce-cart .wc-proceed-to-checkout, +.woocommerce-checkout .wc-proceed-to-checkout, +#add_payment_method .wc-proceed-to-checkout { + *zoom: 1; + padding: 1em 0; +} + +.woocommerce-cart .wc-proceed-to-checkout::before, .woocommerce-cart .wc-proceed-to-checkout::after, +.woocommerce-checkout .wc-proceed-to-checkout::before, +.woocommerce-checkout .wc-proceed-to-checkout::after, +#add_payment_method .wc-proceed-to-checkout::before, +#add_payment_method .wc-proceed-to-checkout::after { + content: ' '; + display: table; +} + +.woocommerce-cart .wc-proceed-to-checkout::after, +.woocommerce-checkout .wc-proceed-to-checkout::after, +#add_payment_method .wc-proceed-to-checkout::after { + clear: both; +} + +.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, +.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, +#add_payment_method .wc-proceed-to-checkout a.checkout-button { + display: block; + text-align: center; + margin-bottom: 1em; + font-size: 1.25em; + padding: 1em; +} + +.woocommerce-cart .cart-collaterals .shipping_calculator .button, +.woocommerce-checkout .cart-collaterals .shipping_calculator .button, +#add_payment_method .cart-collaterals .shipping_calculator .button { + width: 100%; + float: none; + display: block; +} + +.woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button::after, +.woocommerce-checkout .cart-collaterals .shipping_calculator .shipping-calculator-button::after, +#add_payment_method .cart-collaterals .shipping_calculator .shipping-calculator-button::after { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-right: 0.618em; + content: ""; + text-decoration: none; +} + +.woocommerce-cart .cart-collaterals .cart_totals p small, +.woocommerce-checkout .cart-collaterals .cart_totals p small, +#add_payment_method .cart-collaterals .cart_totals p small { + color: #777; + font-size: 0.83em; +} + +.woocommerce-cart .cart-collaterals .cart_totals table, +.woocommerce-checkout .cart-collaterals .cart_totals table, +#add_payment_method .cart-collaterals .cart_totals table { + border-collapse: separate; + margin: 0 0 6px; + padding: 0; +} + +.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th, +.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td, +.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child th, +.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child td, +#add_payment_method .cart-collaterals .cart_totals table tr:first-child th, +#add_payment_method .cart-collaterals .cart_totals table tr:first-child td { + border-top: 0; +} + +.woocommerce-cart .cart-collaterals .cart_totals table th, +.woocommerce-checkout .cart-collaterals .cart_totals table th, +#add_payment_method .cart-collaterals .cart_totals table th { + width: 40%; +} + +.woocommerce-cart .cart-collaterals .cart_totals table td, +.woocommerce-cart .cart-collaterals .cart_totals table th, +.woocommerce-checkout .cart-collaterals .cart_totals table td, +.woocommerce-checkout .cart-collaterals .cart_totals table th, +#add_payment_method .cart-collaterals .cart_totals table td, +#add_payment_method .cart-collaterals .cart_totals table th { + vertical-align: top; + border-right: 0; + border-left: 0; + line-height: 1.5em; +} + +.woocommerce-cart .cart-collaterals .cart_totals table small, +.woocommerce-checkout .cart-collaterals .cart_totals table small, +#add_payment_method .cart-collaterals .cart_totals table small { + color: #777; +} + +.woocommerce-cart .cart-collaterals .cart_totals table select, +.woocommerce-checkout .cart-collaterals .cart_totals table select, +#add_payment_method .cart-collaterals .cart_totals table select { + width: 100%; +} + +.woocommerce-cart .cart-collaterals .cart_totals .discount td, +.woocommerce-checkout .cart-collaterals .cart_totals .discount td, +#add_payment_method .cart-collaterals .cart_totals .discount td { + color: #77a464; +} + +.woocommerce-cart .cart-collaterals .cart_totals tr td, +.woocommerce-cart .cart-collaterals .cart_totals tr th, +.woocommerce-checkout .cart-collaterals .cart_totals tr td, +.woocommerce-checkout .cart-collaterals .cart_totals tr th, +#add_payment_method .cart-collaterals .cart_totals tr td, +#add_payment_method .cart-collaterals .cart_totals tr th { + border-top: 1px solid #ebe9eb; +} + +.woocommerce-cart .cart-collaterals .cross-sells ul.products li.product, +.woocommerce-checkout .cart-collaterals .cross-sells ul.products li.product, +#add_payment_method .cart-collaterals .cross-sells ul.products li.product { + margin-top: 0; +} + +.woocommerce-cart .checkout .col-2 h3#ship-to-different-address, +.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address, +#add_payment_method .checkout .col-2 h3#ship-to-different-address { + float: right; + clear: none; +} + +.woocommerce-cart .checkout .col-2 .notes, +.woocommerce-checkout .checkout .col-2 .notes, +#add_payment_method .checkout .col-2 .notes { + clear: right; +} + +.woocommerce-cart .checkout .col-2 .form-row-first, +.woocommerce-checkout .checkout .col-2 .form-row-first, +#add_payment_method .checkout .col-2 .form-row-first { + clear: right; +} + +.woocommerce-cart .checkout .create-account small, +.woocommerce-checkout .checkout .create-account small, +#add_payment_method .checkout .create-account small { + font-size: 11px; + color: #777; + font-weight: normal; +} + +.woocommerce-cart .checkout div.shipping-address, +.woocommerce-checkout .checkout div.shipping-address, +#add_payment_method .checkout div.shipping-address { + padding: 0; + clear: right; + width: 100%; +} + +.woocommerce-cart .checkout .shipping_address, +.woocommerce-checkout .checkout .shipping_address, +#add_payment_method .checkout .shipping_address { + clear: both; +} + +.woocommerce-cart #payment, +.woocommerce-checkout #payment, +#add_payment_method #payment { + border-radius: 5px; +} + +.woocommerce-cart #payment ul.payment_methods, +.woocommerce-checkout #payment ul.payment_methods, +#add_payment_method #payment ul.payment_methods { + *zoom: 1; + text-align: right; + padding: 1em; + border-bottom: 1px solid #d3ced2; + margin: 0; + list-style: none outside; +} + +.woocommerce-cart #payment ul.payment_methods::before, .woocommerce-cart #payment ul.payment_methods::after, +.woocommerce-checkout #payment ul.payment_methods::before, +.woocommerce-checkout #payment ul.payment_methods::after, +#add_payment_method #payment ul.payment_methods::before, +#add_payment_method #payment ul.payment_methods::after { + content: ' '; + display: table; +} + +.woocommerce-cart #payment ul.payment_methods::after, +.woocommerce-checkout #payment ul.payment_methods::after, +#add_payment_method #payment ul.payment_methods::after { + clear: both; +} + +.woocommerce-cart #payment ul.payment_methods li, +.woocommerce-checkout #payment ul.payment_methods li, +#add_payment_method #payment ul.payment_methods li { + line-height: 2; + text-align: right; + margin: 0; + font-weight: normal; +} + +.woocommerce-cart #payment ul.payment_methods li input, +.woocommerce-checkout #payment ul.payment_methods li input, +#add_payment_method #payment ul.payment_methods li input { + margin: 0 0 0 1em; +} + +.woocommerce-cart #payment ul.payment_methods li img, +.woocommerce-checkout #payment ul.payment_methods li img, +#add_payment_method #payment ul.payment_methods li img { + vertical-align: middle; + margin: -2px 0.5em 0 0; + padding: 0; + position: relative; + box-shadow: none; +} + +.woocommerce-cart #payment ul.payment_methods li img + img, +.woocommerce-checkout #payment ul.payment_methods li img + img, +#add_payment_method #payment ul.payment_methods li img + img { + margin-right: 2px; +} + +.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice), +.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice), +#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice) { + *zoom: 1; +} + +.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::before, .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after, +.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::before, +.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after, +#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::before, +#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after { + content: ' '; + display: table; +} + +.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after, +.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after, +#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after { + clear: both; +} + +.woocommerce-cart #payment div.form-row, +.woocommerce-checkout #payment div.form-row, +#add_payment_method #payment div.form-row { + padding: 1em; +} + +.woocommerce-cart #payment div.payment_box, +.woocommerce-checkout #payment div.payment_box, +#add_payment_method #payment div.payment_box { + position: relative; + box-sizing: border-box; + width: 100%; + padding: 1em; + margin: 1em 0; + font-size: 0.92em; + border-radius: 2px; + line-height: 1.5; + background-color: #dfdcde; + color: #515151; +} + +.woocommerce-cart #payment div.payment_box input.input-text, .woocommerce-cart #payment div.payment_box textarea, +.woocommerce-checkout #payment div.payment_box input.input-text, +.woocommerce-checkout #payment div.payment_box textarea, +#add_payment_method #payment div.payment_box input.input-text, +#add_payment_method #payment div.payment_box textarea { + border-color: #c7c1c6; + border-top-color: #bbb3b9; +} + +.woocommerce-cart #payment div.payment_box ::-webkit-input-placeholder, +.woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder, +#add_payment_method #payment div.payment_box ::-webkit-input-placeholder { + color: #bbb3b9; +} + +.woocommerce-cart #payment div.payment_box :-moz-placeholder, +.woocommerce-checkout #payment div.payment_box :-moz-placeholder, +#add_payment_method #payment div.payment_box :-moz-placeholder { + color: #bbb3b9; +} + +.woocommerce-cart #payment div.payment_box :-ms-input-placeholder, +.woocommerce-checkout #payment div.payment_box :-ms-input-placeholder, +#add_payment_method #payment div.payment_box :-ms-input-placeholder { + color: #bbb3b9; +} + +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods { + list-style: none outside; + margin: 0; +} + +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new { + margin: 0 0 0.5em; +} + +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label { + cursor: pointer; +} + +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput { + vertical-align: middle; + margin: -3px 0 0 1em; + position: relative; +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form, +#add_payment_method #payment div.payment_box .wc-credit-card-form { + border: 0; + padding: 0; + margin: 1em 0 0; +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc { + font-size: 1.5em; + padding: 8px; + background-repeat: no-repeat; + background-position: left 0.618em center; + background-size: 32px 20px; +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/visa.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/mastercard.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/laser.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/diners.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.maestro, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.maestro, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/maestro.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/jcb.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.amex, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.amex, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/amex.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.discover, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.discover, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.discover, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/discover.svg"); +} + +.woocommerce-cart #payment div.payment_box span.help, +.woocommerce-checkout #payment div.payment_box span.help, +#add_payment_method #payment div.payment_box span.help { + font-size: 0.857em; + color: #777; + font-weight: normal; +} + +.woocommerce-cart #payment div.payment_box .form-row, +.woocommerce-checkout #payment div.payment_box .form-row, +#add_payment_method #payment div.payment_box .form-row { + margin: 0 0 1em; +} + +.woocommerce-cart #payment div.payment_box p:last-child, +.woocommerce-checkout #payment div.payment_box p:last-child, +#add_payment_method #payment div.payment_box p:last-child { + margin-bottom: 0; +} + +.woocommerce-cart #payment div.payment_box::before, +.woocommerce-checkout #payment div.payment_box::before, +#add_payment_method #payment div.payment_box::before { + content: ''; + display: block; + border: 1em solid #dfdcde; + /* arrow size / color */ + border-left-color: transparent; + border-right-color: transparent; + border-top-color: transparent; + position: absolute; + top: -0.75em; + right: 0; + margin: -1em 2em 0 0; +} + +.woocommerce-cart #payment .payment_method_paypal .about_paypal, +.woocommerce-checkout #payment .payment_method_paypal .about_paypal, +#add_payment_method #payment .payment_method_paypal .about_paypal { + float: left; + line-height: 52px; + font-size: 0.83em; +} + +.woocommerce-cart #payment .payment_method_paypal img, +.woocommerce-checkout #payment .payment_method_paypal img, +#add_payment_method #payment .payment_method_paypal img { + max-height: 52px; + vertical-align: middle; +} + +/** + * Cart Page Styles + */ +.woocommerce-cart-form__cart-item td.product-remove { + text-align: center; +} + +.woocommerce-cart-form__cart-item td.product-remove a.remove { + display: inline-block; + vertical-align: middle; +} + +/** + * Cart Page + */ +.woocommerce-cart { + /* Proceed to check out button */ +} + +.woocommerce-cart table.shop_table td, .woocommerce-cart table.shop_table th { + border-left: 0; +} + +.woocommerce-cart table.shop_table .woocommerce-Price-amount, +.woocommerce-cart table.shop_table td.product-name { + font-weight: 700; +} + +.woocommerce-cart .cart-collaterals .cross-sells li.product { + padding-bottom: 1em; +} + +.woocommerce-cart .cart-collaterals .cart_totals, +.woocommerce-cart .cart-collaterals .cross-sells { + padding: 0 20px; + border-width: 1px; + border-style: solid; + border-color: #ebebeb; + border-radius: 0; + margin-bottom: 2em; +} + +.woocommerce-cart .cart-collaterals .cart_totals .shop_table, +.woocommerce-cart .cart-collaterals .cross-sells .shop_table { + border-top: 0; + border-right: 0; + border-left: 0; + border-radius: 0; +} + +.woocommerce-cart .cart-collaterals .cart_totals > h2, +.woocommerce-cart .cart-collaterals .cross-sells > h2 { + margin: 0 -20px 20px; + background-color: #fbfbfb; + border-bottom: 1px solid #ebebeb; +} + +.woocommerce-cart .hentry, +.woocommerce-cart ul.products { + margin-bottom: 0; +} + +.woocommerce-cart .hentry li.product, +.woocommerce-cart ul.products li.product { + margin-bottom: 0; +} + +.woocommerce-cart table.cart td.actions .coupon { + display: flex; + align-items: center; + margin: 5px 0; +} + +.woocommerce-cart table.cart td.actions .coupon .input-text { + padding: .5em .75em; +} + +.woocommerce-cart table.cart td.actions .button { + padding: .5em 1em; + line-height: 1.5; +} + +.woocommerce-cart table.cart td.actions input.button { + display: inline-block; + width: auto; +} + +.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { + font-size: 1.1em; + line-height: 1.8em; +} + +/** + * Checkout Page + */ +.woocommerce.woocommerce-checkout, +.woocommerce-page.woocommerce-checkout { + /* Ordered received style */ +} + +.woocommerce.woocommerce-checkout form.checkout.woocommerce-checkout:after, +.woocommerce-page.woocommerce-checkout form.checkout.woocommerce-checkout:after { + content: ""; + clear: both; + display: table; +} + +.woocommerce.woocommerce-checkout table.shop_table thead, +.woocommerce-page.woocommerce-checkout table.shop_table thead { + background: none; +} + +.woocommerce.woocommerce-checkout table.shop_table th, +.woocommerce-page.woocommerce-checkout table.shop_table th { + padding: 14px 12px; +} + +.woocommerce.woocommerce-checkout table.shop_table td, +.woocommerce-page.woocommerce-checkout table.shop_table td { + padding: 10px 0 10px 10px; + border-color: #ebebeb; + opacity: 0.8; +} + +.woocommerce.woocommerce-checkout table.shop_table tfoot td, +.woocommerce-page.woocommerce-checkout table.shop_table tfoot td { + opacity: 1; +} + +.woocommerce.woocommerce-checkout table.shop_table td, .woocommerce.woocommerce-checkout table.shop_table th, +.woocommerce-page.woocommerce-checkout table.shop_table td, +.woocommerce-page.woocommerce-checkout table.shop_table th { + border-bottom-width: 1px; +} + +.woocommerce.woocommerce-checkout #customer_details h3, +.woocommerce-page.woocommerce-checkout #customer_details h3 { + font-size: 1.2rem; + padding: 20px 0 14px; + margin: 0 0 20px; + border-bottom: 1px solid #ebebeb; +} + +.woocommerce.woocommerce-checkout form #order_review_heading, +.woocommerce-page.woocommerce-checkout form #order_review_heading { + border-width: 2px 2px 0 2px; + border-style: solid; + font-size: 1.2rem; + margin: 0; + padding: 1.5em 1.5em 1em; + border-color: #ebebeb; +} + +.woocommerce.woocommerce-checkout form #order_review, +.woocommerce-page.woocommerce-checkout form #order_review { + padding: 0 2em; + border-width: 0 2px 2px; + border-style: solid; + border-color: #ebebeb; +} + +.woocommerce.woocommerce-checkout form #order_review table, +.woocommerce-page.woocommerce-checkout form #order_review table { + border-width: 0; +} + +.woocommerce.woocommerce-checkout form #order_review td, +.woocommerce.woocommerce-checkout form #order_review th, +.woocommerce-page.woocommerce-checkout form #order_review td, +.woocommerce-page.woocommerce-checkout form #order_review th { + border-top: 0; + border-left: 0; + padding-right: 0; + border-color: #ebebeb; +} + +.woocommerce.woocommerce-checkout form .form-row:last-child, +.woocommerce-page.woocommerce-checkout form .form-row:last-child { + margin-bottom: 0; +} + +.woocommerce.woocommerce-checkout #payment, +.woocommerce-page.woocommerce-checkout #payment { + border-radius: 0; +} + +.woocommerce.woocommerce-checkout #payment ul.payment_methods, +.woocommerce-page.woocommerce-checkout #payment ul.payment_methods { + padding: 0; + margin-bottom: 1em; + border-bottom: 0; +} + +.woocommerce.woocommerce-checkout #payment div.payment_box, +.woocommerce-page.woocommerce-checkout #payment div.payment_box { + background-color: #efefef; +} + +.woocommerce.woocommerce-checkout #payment div.payment_box:before, +.woocommerce-page.woocommerce-checkout #payment div.payment_box:before { + border-bottom-color: #efefef; +} + +.woocommerce.woocommerce-checkout #payment div.form-row, +.woocommerce-page.woocommerce-checkout #payment div.form-row { + padding: 0 0 2em; +} + +.woocommerce.woocommerce-checkout #payment #place_order, +.woocommerce-page.woocommerce-checkout #payment #place_order { + width: 100%; +} + +.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table th, .woocommerce.woocommerce-checkout .woocommerce-order table.shop_table td, +.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table th, +.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table td { + padding: .7em 1em; + border-bottom-width: 0px; +} + +.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table th:last-child, .woocommerce.woocommerce-checkout .woocommerce-order table.shop_table td:last-child, +.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table th:last-child, +.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table td:last-child { + border-left-width: 0px; +} + +.woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title, .woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title, +.woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title, +.woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title { + background: #fbfbfb; + padding: 1em; + margin-bottom: 0; + font-size: 1.3rem; + border-width: 1px 1px 0 1px; + border-style: solid; + border-color: #e5e5e5; +} + +.woocommerce.woocommerce-checkout .woocommerce-order h2.wc-bacs-bank-details-heading, +.woocommerce-page.woocommerce-checkout .woocommerce-order h2.wc-bacs-bank-details-heading { + font-size: 1.5rem; + border-top: 3px solid #ebebeb; + padding-top: .5em; +} + +.woocommerce.woocommerce-checkout .woocommerce-order h3, +.woocommerce-page.woocommerce-checkout .woocommerce-order h3 { + font-size: 1.1rem; +} + +.woocommerce.woocommerce-checkout .woocommerce-order ul.order_details, +.woocommerce-page.woocommerce-checkout .woocommerce-order ul.order_details { + margin-bottom: 2em; +} + +.woocommerce.woocommerce-checkout .woocommerce-customer-details address, +.woocommerce-page.woocommerce-checkout .woocommerce-customer-details address { + border-left-width: 1px; + border-bottom-width: 1px; + border-radius: 0; +} + +.woocommerce form .form-row .required { + text-decoration: none; +} + +.woocommerce form.checkout_coupon { + margin: 0; + border: 0; + padding: 0 0 2em; +} + +.woocommerce form.checkout_coupon .form-row { + margin: 0; + padding: 0; + float: none; + display: inline-block; +} + +.woocommerce form.checkout_coupon [name="coupon_code"] { + padding-top: 9px; + padding-bottom: 9px; +} + +.woocommerce form.checkout_coupon .button { + padding: .5em 1em; + vertical-align: initial; + line-height: 1.35; +} + +.woocommerce form.checkout_coupon .button[name="apply_coupon"] { + padding: 10px 40px; +} + +@media (max-width: 420px) { + .woocommerce form.checkout_coupon .form-row-first, + .woocommerce form.checkout_coupon .form-row-last { + display: block; + margin: 0 auto; + width: 100%; + } + .woocommerce form.checkout_coupon .form-row-first { + margin-bottom: 10px; + } + .woocommerce form.checkout_coupon .button[name="apply_coupon"] { + width: 100%; + padding: 10px 5px; + } +} + +.checkout_coupon .input-text { + padding: .5em .75em; +} + +/** + * My Account Style + */ +.woocommerce-MyAccount-navigation-link { + list-style: none; + border: 1px solid rgba(0, 0, 0, 0.1); + border-bottom-width: 0; +} + +.woocommerce-MyAccount-navigation-link:last-child { + border-bottom-width: 1px; +} + +.woocommerce-MyAccount-navigation-link.is-active a { + background-color: #fbfbfb; +} + +.woocommerce-MyAccount-navigation-link a { + display: block; + padding: .5em 1em; +} + +.woocommerce-MyAccount-navigation > ul { + margin: 0; +} + +.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button { + margin-top: 1em; + margin-right: 3px; +} + +/** + * Widgets Style + */ +#secondary .widget_layered_nav_filters > li, +#secondary .widget.woocommerce > li { + margin-bottom: 0; +} + +#secondary .widget .select2-container .select2-selection--multiple .select2-selection__rendered { + display: block; + min-height: 42px; +} + +#secondary .widget .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { + margin-top: 5px; + margin-bottom: 5px; +} + +#secondary .widget .select2-search__field { + min-height: 42px; + margin: 0; +} + +.woocommerce { + /* Product Tag Cloud */ +} + +.woocommerce #secondary .woocommerce ul.cart_list, +.woocommerce #secondary .woocommerce ul.product_list_widget { + margin: 0; +} + +.woocommerce .woocommerce ul.cart_list li a, +.woocommerce .woocommerce ul.product_list_widget li a { + font-weight: normal; +} + +.woocommerce .widget_shopping_cart .cart_list li, +.woocommerce .widget_shopping_cart li, +.woocommerce ul.product_list_widget .cart_list li, +.woocommerce ul.product_list_widget li { + padding: .6em 5em .6em 0; + min-height: 5em; + position: relative; + border-bottom: 1px solid #e2e2e2; + margin: 0; + line-height: 1.5; +} + +.woocommerce .widget_shopping_cart .cart_list li:last-child, .woocommerce .widget_shopping_cart .cart_list li:last-child, +.woocommerce .widget_shopping_cart li:last-child, +.woocommerce .widget_shopping_cart li:last-child, +.woocommerce ul.product_list_widget .cart_list li:last-child, +.woocommerce ul.product_list_widget .cart_list li:last-child, +.woocommerce ul.product_list_widget li:last-child, +.woocommerce ul.product_list_widget li:last-child { + border-bottom: none; +} + +.woocommerce .widget_shopping_cart .woocommerce-mini-cart__buttons { + margin-bottom: 0; +} + +.woocommerce .widget_shopping_cart .woocommerce-mini-cart__buttons a { + display: inline-block; + width: calc( 50% - 5px); + margin-left: 5px; + text-align: center; +} + +.woocommerce .widget_shopping_cart .woocommerce-mini-cart__buttons .checkout.wc-forward { + margin-right: 5px; + margin-left: 0; +} + +.woocommerce.widget_product_tag_cloud .tagcloud { + margin-top: 10px; + display: inline-block; +} + +.woocommerce.widget_product_tag_cloud .tagcloud a { + border: 1px solid #e2e2e2; + padding: 0.5em 0.9em; + display: inline-block; + margin-bottom: 4px; + font-size: 14px; + margin-left: 4px; + line-height: 1.5; + transition: all 0.2s linear; +} + +.woocommerce .widget_shopping_cart .total, +.woocommerce.widget_shopping_cart .total { + padding: 5px 0; + border-top: 1px solid #e2e2e2; + border-bottom: 1px solid #e2e2e2; + margin-bottom: 1.3em; +} + +.woocommerce ul.product_list_widget li img { + position: absolute; + right: 0; + width: 4em; + margin: 0 0 .5em 0; + top: 50%; + transform: translateY(-50%); +} + +.woocommerce ul.product-categories > li { + padding: 2px 0px; +} + +.woocommerce ul.product-categories > li:first-child { + border: none; +} + +.woocommerce .widget del { + opacity: .5; +} + +.woocommerce .widget ins { + background: inherit; +} + +.woocommerce .widget .amount, +.woocommerce .widget ins { + font-weight: 700; +} + +.woocommerce .widget .star-rating { + margin: 5px 0; +} + +.woocommerce .widget_rating_filter ul li a { + display: inline-flex; + align-items: center; +} + +.woocommerce .price_slider_amount .price_label span { + font-weight: 700; +} + +.woocommerce .widget_price_filter .ui-slider-horizontal { + height: .2em; +} + +.woocommerce .widget_price_filter .ui-slider .ui-slider-handle { + top: -.4em; + cursor: pointer; +} + +.woocommerce .widget_price_filter .price_slider_amount .button { + font-size: .9em !important; + padding: 8px 18px; +} + +.woocommerce .widget_price_filter .price_slider { + margin-bottom: 1.2em; +} + +.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { + background-color: #ededed; +} + +.woocommerce .widget_product_tag_cloud .tagcloud a { + border: 1px solid #e2e2e2; + padding: 0.5em 0.9em; + display: inline-block; + margin-bottom: 4px; + margin-left: 4px; + line-height: 1.5; + padding: .5em 1.2em; + font-size: 12px !important; + font-size: 0.8rem !important; +} + +.woocommerce .widget_product_tag_cloud .tagcloud a a:hover, +.woocommerce .widget_product_tag_cloud .tagcloud a a:focus, +.woocommerce .widget_product_tag_cloud .tagcloud a a.current-item { + background-color: #fafafa; +} + +.woocommerce .widget_shopping_cart .cart_list li, +.woocommerce.widget_shopping_cart .cart_list li { + padding: .5em 5em .5em 1.8em; +} + +.woocommerce .widget_shopping_cart .cart_list li a.remove, +.woocommerce.widget_shopping_cart .cart_list li a.remove { + position: absolute; + right: auto; + left: 0; + top: .5em; +} + +.woocommerce-product-search { + display: flex; +} + +.woocommerce-product-search .search-field { + flex: auto; + width: 100%; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.woocommerce-product-search input[type="submit"] { + padding: 10px 15px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.widget_layered_nav_filters ul li.chosen { + padding: 0 .5em; + margin-left: .5em; + background: rgba(245, 245, 245, 0.75); + border-radius: 20px; + font-size: .8em; +} + +.widget_layered_nav_filters ul li.chosen:hover { + background-color: whitesmoke; +} + +.widget_layered_nav_filters ul li.chosen a { + display: block; +} + +.widget_layered_nav_filters ul li.chosen a::before { + margin-left: .5em; + color: #ff1111; +} + +.woocommerce-terms-and-conditions { + border: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background: rgba(0, 0, 0, 0.05); +} + +/** + * Password strength meter + */ +.woocommerce-password-strength { + text-align: center; + font-weight: 600; + padding: 3px 0.5em; + font-size: 1em; +} + +.woocommerce-password-strength.strong { + background-color: #c1e1b9; + border-color: #83c373; +} + +.woocommerce-password-strength.short { + background-color: #f1adad; + border-color: #e35b5b; +} + +.woocommerce-password-strength.bad { + background-color: #fbc5a9; + border-color: #f78b53; +} + +.woocommerce-password-strength.good { + background-color: #ffe399; + border-color: #ffc733; +} + +.woocommerce-password-hint { + margin: 0.5em 0 0; + display: block; +} + +.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu .header-main-layout-2 .main-header-container { + display: block; +} + +.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .header-main-layout-2 .main-header-container { + text-align: center; +} + +.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-main-header-bar-alignment { + display: inline-block; +} + +.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-masthead-custom-menu-items { + display: inline-block; + float: left; +} + +.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-break-point .header-main-layout-2 .main-header-container { + display: flex; +} + +/** + * Woocommerce Pagination RTL + */ +.rtl .woocommerce-pagination .page-numbers li:last-child .next { + transform: rotateY(-180deg); +} + +.rtl .woocommerce-pagination .page-numbers li:first-child .prev { + transform: rotateY(180deg); +} + +.ast-site-header-cart .widgettitle { + display: none; +} + +/** + * Woocommerce Gutenberg Blocks Product Grid CSS Compatibility. + */ +.wc-block-grid .wc-block-grid__products .wc-block-grid__product { + text-align: right; + margin-bottom: 2.5em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category > a { + display: inline-block; + position: relative; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product a img { + width: 100%; + height: auto; + display: block; + margin: 0 0 .8em 0; + box-shadow: none; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title { + margin-bottom: .5em; + padding: 0; + font-size: 1em; + line-height: 1.2; + font-weight: inherit; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .star-rating { + margin: 0 0 .5em auto; + backface-visibility: hidden; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link { + position: relative; + display: block; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock { + background-color: white; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category > a:hover .woocommerce-loop-category__title { + background-color: white; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title { + bottom: 1.8em; + font-size: 0.9em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count { + font-size: .7em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price { + line-height: 1.3; + margin-bottom: 0; + font-weight: 700; + margin-bottom: .5em; + font-size: .9em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price del { + display: initial; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link { + margin-top: .5em; + margin-bottom: .5em; + white-space: normal; + line-height: 1.3; + font-size: 100%; + font-weight: 700; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.added { + margin-bottom: 0; + transition: margin 0s; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title { + text-transform: uppercase; + font-weight: bold; + line-height: 1.5; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count { + display: block; + background: none; + opacity: .5; + font-size: .75em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale { + min-width: 3em; + min-height: 3em; + line-height: 3em; + padding: 0; + font-size: 1em; + font-weight: normal; + text-transform: capitalize; + position: absolute; + text-align: center; + border-radius: 100%; + z-index: 9; + top: 0; + left: 15px; + right: auto; + margin: -0.5em 0 0 -0.5em; +} + +/** + * Product categories - Sub Category CSS. + */ +.widget_product_categories .children { + padding-right: 20px; +} + +/** + * Firefox browser compatibility for WooCommerce. + * + * 1. Product Search widget button misalign issue. + */ +@supports (-moz-appearance: none) { + .sidebar-main .widget_product_search .search-field { + width: 60%; + } +} diff --git a/assets/css/unminified/compatibility/woocommerce/woocommerce-grid.css b/assets/css/unminified/compatibility/woocommerce/woocommerce-grid.css new file mode 100644 index 0000000..550dc47 --- /dev/null +++ b/assets/css/unminified/compatibility/woocommerce/woocommerce-grid.css @@ -0,0 +1,4571 @@ +@charset "UTF-8"; +/** + * woocommerce-grid.scss + * Governs the general look and feel of WooCommerce sections of stores using themes that do not + * integrate with WooCommerce specifically. + */ +/** + * Imports + */ +/** + * Deprecated + * Fallback for bourbon equivalent + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Use bourbon mixin instead `@include transform(scale(1.5));` + */ +/** + * Deprecated + * Use bourbon mixin instead `@include box-sizing(border-box);` + */ +/** + * Objects + */ +/** + * WooCommerce CSS Variables + */ +/** + * _animation.scss + * Custom WooCommerce Animations. + */ +@keyframes spin { + 100% { + transform: rotate(360deg); + } +} + +/** + * _fonts.scss + * Custom WooCommerce fonts. + */ +@font-face { + font-family: 'star'; + src: url("../../../../../../../plugins/woocommerce/assets/fonts/star.eot"); + src: url("../../../../../../../plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("../../../../../../../plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("../../../../../../../plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("../../../../../../../plugins/woocommerce/assets/fonts/star.svg#star") format("svg"); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'WooCommerce'; + src: url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.eot"); + src: url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg"); + font-weight: normal; + font-style: normal; +} + +/** + * Astra Theme compatibility with WooCommerce + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/** + * Global styles + */ +p.demo_store, +.woocommerce-store-notice { + position: absolute; + top: 0; + left: 0; + right: 0; + margin: 0; + width: 100%; + font-size: 1em; + padding: 1em 0; + text-align: center; + background-color: #a46497; + color: white; + z-index: 99998; + box-shadow: 0 1px 1em rgba(0, 0, 0, 0.2); + display: none; +} + +p.demo_store a, +.woocommerce-store-notice a { + color: white; + text-decoration: underline; +} + +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.admin-bar p.demo_store { + top: 32px; +} + +/** + * Utility classes + */ +.clear { + clear: both; +} + +/** + * Header Cart Icon with shopping cart. + */ +.woocommerce .ast-site-header-cart, +.ast-site-header-cart { + /* Cart wrapper in header. */ + position: relative; + list-style-type: none; + margin-left: 0; + padding-left: 0; + margin-bottom: 0; + order: 1; + /* Cart container in header. */ +} + +.woocommerce .ast-site-header-cart:focus .widget_shopping_cart, .woocommerce .ast-site-header-cart:hover .widget_shopping_cart, +.ast-site-header-cart:focus .widget_shopping_cart, +.ast-site-header-cart:hover .widget_shopping_cart { + right: 0; + left: auto; + opacity: 1; + visibility: visible; +} + +.woocommerce .ast-site-header-cart .ast-shopping-cart-icon, +.ast-site-header-cart .ast-shopping-cart-icon { + display: initial; + vertical-align: middle; +} + +.woocommerce .ast-site-header-cart .ast-shopping-cart-icon:before, +.ast-site-header-cart .ast-shopping-cart-icon:before { + content: "\e854"; + font-family: 'Astra'; + font-size: 18px; + font-size: 1.2857rem; +} + +.woocommerce .ast-site-header-cart .ast-site-header-cart-data .widget_shopping_cart_content > ul, +.ast-site-header-cart .ast-site-header-cart-data .widget_shopping_cart_content > ul { + text-align: left; + width: auto; + position: static; + left: auto; + top: auto; + border-top: 0; +} + +.woocommerce .ast-site-header-cart .ast-site-header-cart-data .woocommerce-mini-cart__empty-message, +.ast-site-header-cart .ast-site-header-cart-data .woocommerce-mini-cart__empty-message { + text-align: left; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart, +.ast-site-header-cart .widget_shopping_cart { + background-color: #fff; + position: absolute; + top: 100%; + width: 280px; + z-index: 999999; + font-size: .875em; + left: -999em; + display: block; + line-height: 1.618; + box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.07); + transition: all 0.3s ease; + border: 2px solid #E6E6E6; + opacity: 0; + visibility: hidden; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart:after, .woocommerce .ast-site-header-cart .widget_shopping_cart:before, +.ast-site-header-cart .widget_shopping_cart:after, +.ast-site-header-cart .widget_shopping_cart:before { + bottom: 100%; + left: auto; + right: 8px; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart:after, +.ast-site-header-cart .widget_shopping_cart:after { + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #fff; + border-width: 6px; + margin-left: -6px; + margin-bottom: -0.3px; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart:before, +.ast-site-header-cart .widget_shopping_cart:before { + border-color: rgba(230, 230, 230, 0); + border-bottom-color: #E6E6E6; + border-width: 9px; + margin-left: -5px; + right: 5px; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget, +.ast-site-header-cart .widget_shopping_cart .product_list_widget { + padding: 1em 1.5em; + max-height: 500px; + max-height: 50vh; + overflow-y: auto; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li, +.ast-site-header-cart .widget_shopping_cart .product_list_widget li { + padding: .5em 2em .5em 5em; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li:last-child, +.ast-site-header-cart .widget_shopping_cart .product_list_widget li:last-child { + border-bottom: 0; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li img, +.ast-site-header-cart .widget_shopping_cart .product_list_widget li img { + max-width: 4em; + margin: 0 0 .5em 0; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart p.buttons, +.woocommerce .ast-site-header-cart .widget_shopping_cart p.total, +.ast-site-header-cart .widget_shopping_cart p.buttons, +.ast-site-header-cart .widget_shopping_cart p.total { + padding: 1em 1.5em; + margin: 0; + text-align: center; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .buttons .button, .woocommerce .ast-site-header-cart .widget_shopping_cart .buttons .button.wc-forward, +.ast-site-header-cart .widget_shopping_cart .buttons .button, +.ast-site-header-cart .widget_shopping_cart .buttons .button.wc-forward { + display: block; + margin-right: 0; + width: 100%; + margin-left: 0; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message, +.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message { + margin: 1.41575em; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .cart_list a, +.ast-site-header-cart .widget_shopping_cart .cart_list a { + font-weight: normal; + padding: 0; + border-width: 0; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .cart_list a.remove, +.ast-site-header-cart .widget_shopping_cart .cart_list a.remove { + border-width: 1px; +} + +.ast-above-header-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove, +.main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove, +.ast-below-header .ast-site-header-cart .widget_shopping_cart .cart_list a.remove { + color: #ccc; +} + +.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart, +.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart, +.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart, +.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart, +.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart, +.below-header-section-1 .ast-site-header-cart .widget_shopping_cart, +.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart, +.site-header-section-left .ast-site-header-cart .widget_shopping_cart { + right: auto; + left: 0; + transition: left 0s; +} + +.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before, .woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:after, +.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:after, +.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:after, +.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before, +.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:after, +.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:after, +.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:after, +.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:after, +.site-header-section-left .ast-site-header-cart .widget_shopping_cart:before, +.site-header-section-left .ast-site-header-cart .widget_shopping_cart:after { + left: 15px; + right: auto; +} + +.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before, +.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:before, +.site-header-section-left .ast-site-header-cart .widget_shopping_cart:before { + left: 11px; + right: auto; +} + +.ast-cart-menu-wrap { + display: inline-block; + line-height: 1; +} + +.ast-cart-menu-wrap .count { + font-weight: bold; + position: relative; + display: inline-block; + vertical-align: middle; + text-align: center; + min-width: 2.1em; + min-height: 2.1em; + font-size: 0.860em; + line-height: 1.8; + border-radius: 0em 0em 0.3em 0.3em; + border-width: 2px; + border-style: solid; + padding: 0 .4em; +} + +.ast-cart-menu-wrap .count:after { + bottom: 100%; + margin-bottom: 0; + height: .8em; + width: .8em; + left: 50%; + transform: translateX(-50%); + top: -.6em; + content: ' '; + position: absolute; + pointer-events: none; + border-width: 2px; + border-style: solid; + border-top-left-radius: 10em; + border-top-right-radius: 10em; + border-bottom: 0; +} + +.ast-woocommerce-cart-menu { + /** + * Header layout 1 + * if no primary menu & no last items in menu + */ + /** + * Header layout 3 + */ + /** + * Header layout 2 + */ +} + +.ast-woocommerce-cart-menu .main-header-menu .woocommerce-custom-menu-item li:hover > a.remove { + color: #ccc; +} + +.ast-woocommerce-cart-menu .header-main-layout-1.ast-no-menu-items .ast-site-header-cart { + flex: 1; +} + +.ast-woocommerce-cart-menu .header-main-layout-1.ast-no-menu-items .ast-site-header-cart .ast-site-header-cart-li { + text-align: right; +} + +.ast-woocommerce-cart-menu .header-main-layout-3 { + /* No primary menu & no last items in menu */ +} + +.ast-woocommerce-cart-menu .header-main-layout-3.ast-no-menu-items .ast-site-header-cart { + flex: 1; +} + +.ast-woocommerce-cart-menu .header-main-layout-3.ast-no-menu-items .ast-site-header-cart .ast-site-header-cart-li { + text-align: left; +} + +.ast-woocommerce-cart-menu .header-main-layout-2 .main-header-container { + display: flex; + justify-content: center; +} + +.ast-woocommerce-cart-menu .header-main-layout-2 .site-branding { + flex: 0 0 100%; +} + +/** + * Header Cart Icon with shopping cart for responsive devices. + */ +.ast-header-break-point .woocommerce-custom-menu-item .ast-cart-menu-wrap { + width: 2em; + height: 2em; + font-size: 1.4em; + line-height: 2; + vertical-align: middle; + text-align: right; +} + +.ast-header-break-point .ast-button-wrap .main-header-menu-toggle { + font-size: 1.4em; +} + +.ast-header-break-point .main-header-menu .woocommerce-custom-menu-item .ast-cart-menu-wrap { + height: 3em; + line-height: 3; + text-align: left; +} + +.ast-header-break-point #ast-site-header-cart .widget_shopping_cart { + display: none; +} + +.ast-header-break-point.ast-woocommerce-cart-menu .ast-site-header-cart { + order: initial; + line-height: 3; + padding: 0 1em 1em 0; +} + +.ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-3 .ast-site-header-cart { + padding: 0 0 1em 1em; +} + +.ast-header-break-point.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-site-header-cart { + padding: 0; +} + +.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item { + margin-bottom: 0; + margin-top: 0; +} + +.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item .ast-site-header-cart { + padding: 0; +} + +.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item .ast-site-header-cart a { + border: none; + display: inline-block; +} + +/** + * Main WooCommerce styles + */ +.woocommerce { + /** + * Product Page + */ + /** + * Product loops + */ + /** + * Buttons + */ + /** + * Reviews + */ + /** + * Star ratings + */ + /** + * Tables + */ + /** + * Cart sidebar + */ + /** + * Forms + */ + /** + * Order page + */ + /** + * Layered nav widget + */ + /** + * Product categories + */ + /** + * Price filter widget + */ + /** + * Rating Filter Widget + */ + /* Product Hover */ + /** + * Input Form elements + */ +} + +.woocommerce .blockUI.blockOverlay { + position: relative; +} + +.woocommerce .blockUI.blockOverlay::before { + height: 1em; + width: 1em; + display: block; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5em; + margin-top: -0.5em; + content: ''; + animation: spin 1s ease-in-out infinite; + background: url("../../../../../../../plugins/woocommerce/assets/images/icons/loader.svg") center center; + background-size: cover; + line-height: 1; + text-align: center; + font-size: 2em; + color: rgba(0, 0, 0, 0.75); +} + +.woocommerce .loader::before { + height: 1em; + width: 1em; + display: block; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5em; + margin-top: -0.5em; + content: ''; + animation: spin 1s ease-in-out infinite; + background: url("../../../../../../../plugins/woocommerce/assets/images/icons/loader.svg") center center; + background-size: cover; + line-height: 1; + text-align: center; + font-size: 2em; + color: rgba(0, 0, 0, 0.75); +} + +.woocommerce h2 { + margin-bottom: 0.7em; +} + +.woocommerce a.remove { + display: block; + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-weight: 400; + font-size: 18px; + width: 24px; + height: 24px; + text-align: center; + line-height: 21px; + border-radius: 100%; + color: #ccc; + text-decoration: none; + border: 1px solid #ccc; +} + +.woocommerce small.note { + display: block; + color: #777; + font-size: 0.857em; + margin-top: 10px; +} + +.woocommerce .woocommerce-breadcrumb { + *zoom: 1; + margin: 0 0 1em; + padding: 0; + font-size: 0.92em; + color: #777; +} + +.woocommerce .woocommerce-breadcrumb::before, .woocommerce .woocommerce-breadcrumb::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce-breadcrumb::after { + clear: both; +} + +.woocommerce .woocommerce-breadcrumb a { + color: #777; +} + +.woocommerce .quantity input[type="text"], +.woocommerce .quantity input[type="number"], +.woocommerce .quantity input[type="email"] { + padding: 0.3em; +} + +.woocommerce .quantity input[type="text"]:focus, +.woocommerce .quantity input[type="number"]:focus, +.woocommerce .quantity input[type="email"]:focus { + outline: none; + border-color: #eaeaea; +} + +.woocommerce .quantity .qty { + width: 3.631em; + text-align: center; + min-height: 35px; +} + +.woocommerce div.product { + margin-bottom: 0; + position: relative; + /* No Review for single product */ +} + +.woocommerce div.product .product_title { + clear: none; + margin-top: 0; + padding: 0; +} + +.woocommerce div.product span.price, +.woocommerce div.product p.price { + color: #77a464; + font-size: 1.5rem; + font-weight: 700; + margin: 0 0 0.2em; +} + +.woocommerce div.product span.price ins, +.woocommerce div.product p.price ins { + background: inherit; + font-weight: 700; + display: inline-block; +} + +.woocommerce div.product span.price del, +.woocommerce div.product p.price del { + opacity: 0.5; + font-weight: normal; + display: inline-block; +} + +.woocommerce div.product p.stock, +.woocommerce div.product p.ast-stock-detail { + font-size: 1em; +} + +.woocommerce div.product p.stock .ast-stock-avail, +.woocommerce div.product p.ast-stock-detail .ast-stock-avail { + font-weight: 700; +} + +.woocommerce div.product .stock { + color: #77a464; +} + +.woocommerce div.product .out-of-stock { + color: red; +} + +.woocommerce div.product .product_title { + margin: 0 0 0.5em 0; +} + +.woocommerce div.product .product_meta { + border-top: 1px solid #ebebeb; + padding-top: 1em; + font-size: .9em; + margin: 0 0 0.8em; +} + +.woocommerce div.product .product_meta > span { + display: block; +} + +.woocommerce div.product .woocommerce-product-rating { + margin: 0 0 0.5em; +} + +.woocommerce div.product div.images { + margin-bottom: 2em; +} + +.woocommerce div.product div.images img { + display: block; + width: 100%; + height: auto; + box-shadow: none; +} + +.woocommerce div.product div.images div.thumbnails { + padding-top: 1em; +} + +.woocommerce div.product div.images.woocommerce-product-gallery { + position: relative; +} + +.woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport { + transform-style: preserve-3d; + margin-bottom: 1em; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__wrapper { + transition: all cubic-bezier(0.795, -0.035, 0, 1) 0.5s; + margin: 0; + padding: 0; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg { + background-color: #fff; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { + width: 25%; + display: inline-block; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__trigger { + position: absolute; + top: .5em; + right: .5em; + font-size: 2em; + z-index: 9; + width: 36px; + height: 36px; + background: #fff; + text-indent: -9999px; + border-radius: 100%; + box-sizing: content-box; + backface-visibility: hidden; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before { + content: ""; + display: block; + width: 10px; + height: 10px; + border: 2px solid #000; + border-radius: 100%; + position: absolute; + top: 9px; + left: 9px; + box-sizing: content-box; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after { + content: ""; + display: block; + width: 2px; + height: 8px; + background: #000; + border-radius: 6px; + position: absolute; + top: 19px; + left: 22px; + transform: rotate(-45deg); + box-sizing: content-box; +} + +.woocommerce div.product div.images .flex-control-thumbs { + overflow: hidden; + zoom: 1; + margin: 0; + padding: 0; +} + +.woocommerce div.product div.images .flex-control-thumbs li { + width: 25%; + float: left; + margin: 0; + list-style: none; +} + +.woocommerce div.product div.images .flex-control-thumbs li img { + cursor: pointer; + opacity: .5; + margin: 0; +} + +.woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover { + opacity: 1; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li { + width: 32%; + width: calc( 33.33% - 0.7em); + margin-right: 1em; + margin-bottom: 1em; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) { + clear: left; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) { + margin-right: 0; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { + width: 24%; + width: calc( 25% - 0.75em); + margin-right: 1em; + margin-bottom: 1em; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { + clear: left; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) { + margin-right: 0; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { + width: 18.5%; + width: calc( 20% - 0.8em); + margin-right: 1em; + margin-bottom: 1em; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) { + clear: left; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) { + margin-right: 0; +} + +.woocommerce div.product div.summary { + margin-bottom: 2em; +} + +.woocommerce div.product div.social { + text-align: right; + margin: 0 0 1em; +} + +.woocommerce div.product div.social span { + margin: 0 0 0 2px; +} + +.woocommerce div.product div.social span span { + margin: 0; +} + +.woocommerce div.product div.social span .stButton .chicklets { + padding-left: 16px; + width: 0; +} + +.woocommerce div.product div.social iframe { + float: left; + margin-top: 3px; +} + +.woocommerce div.product .woocommerce-tabs { + margin-bottom: 2em; + width: 100%; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs { + list-style: none; + padding: 0; + margin: 0 0 1em; + overflow: hidden; + position: relative; + border-top: 1px solid rgba(0, 0, 0, 0.05); +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li { + border: 0; + background: none; + display: inline-block; + position: relative; + z-index: 0; + border-radius: 4px 4px 0 0; + margin: 0 1em 0 0; + padding: 0; + border-radius: 0; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li a { + display: inline-block; + padding: 0.5em 0; + font-weight: 700; + color: #515151; + text-decoration: none; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { + text-decoration: none; + color: #6b6a6b; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li.active { + z-index: 2; + border-bottom-color: #fff; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { + color: inherit; + text-shadow: inherit; + outline: none; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before { + content: ' '; + position: absolute; + width: 100%; + height: 3px; + box-shadow: none; + top: 0; + left: 0; + border-radius: 0; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after { + border: none; + box-shadow: none; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { + content: ' '; + position: absolute; + bottom: -1px; + width: 5px; + height: 5px; + border: none; + box-shadow: none; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs::before { + position: absolute; + content: ' '; + width: 100%; + bottom: 0; + left: 0; + border-bottom: 1px solid #d3ced2; + z-index: 1; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs.tabs::before { + display: none; + border: 0; +} + +.woocommerce div.product .woocommerce-tabs .panel { + margin: 0 0 1.2em; + padding: 0; +} + +.woocommerce div.product .woocommerce-tabs .shop_attributes { + border-style: solid; +} + +.woocommerce div.product .woocommerce-tabs .shop_attributes p { + padding: 0; +} + +.woocommerce div.product .woocommerce-tabs .shop_attributes th { + border-left-width: 1px; + border-style: solid; + padding-left: .9em; +} + +.woocommerce div.product .woocommerce-tabs .shop_attributes td { + padding: .5em .5em .5em .9em; + font-style: normal; + border-style: solid; +} + +.woocommerce div.product.ast-woo-product-no-review #reviews #comments { + width: 100%; +} + +.woocommerce div.product.ast-woo-product-no-review #reviews #review_form_wrapper { + width: 100%; + padding-left: 0; +} + +.woocommerce div.product.ast-woo-product-no-review #reviews #review_form { + padding: 1.5em 2em; +} + +.woocommerce div.product.ast-woo-product-no-review #reviews #respond p.comment-form-author, .woocommerce div.product.ast-woo-product-no-review #reviews #respond p.comment-form-email { + margin-bottom: 1em; +} + +@media (min-width: 1201px) { + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-author, + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-email { + width: 49%; + display: inline-block; + } + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-author input, + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-email input { + width: 100%; + } + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-author { + float: left; + } + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-email { + float: right; + } +} + +.woocommerce div.product p.cart { + margin-bottom: 2em; + *zoom: 1; +} + +.woocommerce div.product p.cart::before, .woocommerce div.product p.cart::after { + content: ' '; + display: table; +} + +.woocommerce div.product p.cart::after { + clear: both; +} + +.woocommerce div.product form.cart { + margin: 0 0 1.2em; + *zoom: 1; +} + +.woocommerce div.product form.cart .ast-woo-single-cart-button-wrap { + display: flex; + align-items: center; + flex-wrap: wrap; +} + +.woocommerce div.product form.cart::before, .woocommerce div.product form.cart::after { + content: ' '; + display: table; +} + +.woocommerce div.product form.cart::after { + clear: both; +} + +.woocommerce div.product form.cart div.quantity { + float: left; + margin: 0 4px 0 0; +} + +.woocommerce div.product form.cart table { + border-width: 0 0 1px; + margin: 0 0 1.2em; +} + +.woocommerce div.product form.cart table td { + padding-left: 0; +} + +.woocommerce div.product form.cart table div.quantity { + float: none; + margin: 0; +} + +.woocommerce div.product form.cart table small.stock { + display: block; + float: none; +} + +.woocommerce div.product form.cart .variations { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + position: relative; + margin-bottom: 1em; + width: 100%; +} + +.woocommerce div.product form.cart .variations td, +.woocommerce div.product form.cart .variations th { + border: 0; + vertical-align: top; + line-height: 2em; + padding-top: 0; + padding-bottom: 0; + padding-right: 0; + display: block; +} + +.woocommerce div.product form.cart .variations label { + font-weight: 700; +} + +.woocommerce div.product form.cart .variations select { + max-width: 100%; + min-width: 75%; + display: inline-block; + width: 100%; + margin-right: 0; + padding-top: .5em; + padding-bottom: .5em; +} + +.woocommerce div.product form.cart .variations td.label { + vertical-align: middle; + margin-top: 8px; + margin-bottom: 1px; +} + +.woocommerce div.product form.cart .woocommerce-variation-description p { + margin-bottom: 1em; +} + +.woocommerce div.product form.cart .reset_variations { + visibility: hidden; + font-size: 0.83em; + position: static; + display: inline-block; + color: inherit; + opacity: .6; + font-size: 11px; + text-transform: uppercase; +} + +.woocommerce div.product form.cart .wc-no-matching-variations { + display: none; +} + +.woocommerce div.product form.cart .button { + vertical-align: middle; + float: left; +} + +.woocommerce div.product form.cart .button.single_add_to_cart_button { + padding: 10px 40px; +} + +.woocommerce div.product form.cart .group_table tr:last-child td { + border-bottom: 0; +} + +.woocommerce div.product form.cart .group_table td.label { + padding: 0.5em; + font-size: .8rem; + line-height: 1.3; + font-weight: bold; +} + +.woocommerce div.product form.cart .group_table td { + vertical-align: middle; + padding-bottom: 0.5em; + border-right: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); +} + +.woocommerce div.product form.cart .group_table td:first-child { + text-align: left; + width: 4em; +} + +.woocommerce div.product form.cart .group_table td.price { + padding-left: 0.8em; + font-weight: bold; + font-size: 0.9rem; +} + +.woocommerce div.product form.cart .group_table td.price del { + opacity: .5; +} + +.woocommerce div.product form.cart .group_table .button { + padding: .8em; + font-weight: normal; + font-size: 0.9rem; + white-space: nowrap; +} + +.woocommerce div.product form.cart .group_table .wc-grouped-product-add-to-cart-checkbox { + display: inline-block; + width: auto; + margin: 0 auto; + transform: scale(1.5, 1.5); +} + +.woocommerce div.product form.cart p.stock { + line-height: 1.3; + margin-bottom: 0.8em; + font-size: .9em; +} + +.woocommerce div.product form.cart .single_variation_wrap { + width: 100%; +} + +.woocommerce div.product form.cart .single_variation_wrap p { + margin-bottom: 0.8em; +} + +.woocommerce div.product form.cart .single_variation_wrap .single_variation { + margin-bottom: 1.2em; + border-top: 1px solid #ebebeb; + padding-top: 0; + border-top: 0; +} + +.woocommerce div.product span.onsale { + min-height: 3.5em; + min-width: 3.5em; + line-height: 3.5em; +} + +.woocommerce div.product .woocommerce-tabs, +.woocommerce div.product .related.products { + display: block; +} + +.woocommerce span.onsale { + min-width: 3em; + min-height: 3em; + line-height: 3em; + padding: 0; + font-size: 1em; + font-weight: normal; + position: absolute; + text-align: center; + top: 0.5em; + left: 0.5em; + margin: 0; + border-radius: 100%; + background-color: #77a464; + color: white; + -webkit-font-smoothing: antialiased; + z-index: 9; +} + +.woocommerce .products ul, +.woocommerce ul.products { + margin: 0 0 1em; + padding: 0; + list-style: none outside; + clear: both; +} + +.woocommerce .products ul::before, .woocommerce .products ul::after, +.woocommerce ul.products::before, +.woocommerce ul.products::after { + width: 0; +} + +.woocommerce .products ul li, +.woocommerce ul.products li { + list-style: none outside; +} + +.woocommerce ul.products li.product .onsale { + top: 0; + right: 0; + left: auto; + margin: -0.5em -0.5em 0 0; +} + +.woocommerce ul.products li.product h3, +.woocommerce ul.products li.product .woocommerce-loop-product__title, +.woocommerce ul.products li.product .woocommerce-loop-category__title { + padding: 0.5em 0; + margin: 0; + font-size: 1em; +} + +.woocommerce ul.products li.product a { + text-decoration: none; +} + +.woocommerce ul.products li.product a img { + width: 100%; + height: auto; + display: block; + margin: 0 0 1em; + box-shadow: none; +} + +.woocommerce ul.products li.product strong { + display: block; +} + +.woocommerce ul.products li.product .star-rating { + font-size: 0.857em; +} + +.woocommerce ul.products li.product .button { + margin-top: 1em; +} + +.woocommerce ul.products li.product .price { + color: #77a464; + display: block; + font-weight: normal; + margin-bottom: 0.5em; + font-size: 0.857em; +} + +.woocommerce ul.products li.product .price del { + color: inherit; + opacity: 0.5; + display: inline-block; +} + +.woocommerce ul.products li.product .price ins { + background: none; + font-weight: 700; + display: inline-block; +} + +.woocommerce ul.products li.product .price .from { + font-size: 0.67em; + margin: -2px 0 0 0; + text-transform: uppercase; + color: rgba(132, 132, 132, 0.5); +} + +.woocommerce .woocommerce-result-count { + margin: 0 0 1em; +} + +.woocommerce .woocommerce-ordering { + margin: 0 0 2.5em; +} + +.woocommerce .woocommerce-ordering select { + vertical-align: top; + padding: .5em; +} + +.woocommerce nav.woocommerce-pagination ul { + flex-wrap: wrap; + justify-content: center; + white-space: nowrap; + padding: 0; + border: 0; + margin: 1px; +} + +.woocommerce nav.woocommerce-pagination ul li { + margin: 0 2px 2px 0; + border: 1px solid #d3ced2; + padding: 0; + display: inline-block; + overflow: hidden; +} + +.woocommerce nav.woocommerce-pagination ul li a, +.woocommerce nav.woocommerce-pagination ul li span { + margin: 0; + text-decoration: none; + padding: 0; + line-height: 1; + font-size: 1em; + font-weight: normal; + padding: 0.75em; + text-align: center; + display: block; + min-width: 2.5em; +} + +.woocommerce nav.woocommerce-pagination ul li span.current, +.woocommerce nav.woocommerce-pagination ul li a:hover, +.woocommerce nav.woocommerce-pagination ul li a:focus { + background: #ebe9eb; + color: #8a7e88; +} + +.woocommerce a.button, +.woocommerce button.button, +.woocommerce input.button, +.woocommerce #respond input#submit { + font-size: 100%; + margin: 0; + line-height: 1; + cursor: pointer; + position: relative; + text-decoration: none; + overflow: visible; + padding: 0.5em 0.75em; + font-weight: 700; + border-radius: 3px; + left: auto; + color: #515151; + background-color: #ebe9eb; + border: 0; + display: inline-block; + background-image: none; + box-shadow: none; + text-shadow: none; +} + +.woocommerce a.button.loading, +.woocommerce button.button.loading, +.woocommerce input.button.loading, +.woocommerce #respond input#submit.loading { + opacity: 0.25; + padding-right: 2.618em; +} + +.woocommerce a.button.loading::after, +.woocommerce button.button.loading::after, +.woocommerce input.button.loading::after, +.woocommerce #respond input#submit.loading::after { + font-family: 'WooCommerce'; + content: '\e01c'; + vertical-align: top; + -webkit-font-smoothing: antialiased; + font-weight: 400; + position: absolute; + top: auto; + right: 1em; + animation: spin 2s linear infinite; +} + +.woocommerce a.button.added::after, +.woocommerce button.button.added::after, +.woocommerce input.button.added::after, +.woocommerce #respond input#submit.added::after { + font-family: 'WooCommerce'; + content: '\e017'; + margin-left: 0.53em; + vertical-align: bottom; +} + +.woocommerce a.button:hover, +.woocommerce button.button:hover, +.woocommerce input.button:hover, +.woocommerce #respond input#submit:hover { + background-color: #dad8da; + text-decoration: none; + background-image: none; + color: #515151; +} + +.woocommerce a.button.alt, +.woocommerce button.button.alt, +.woocommerce input.button.alt, +.woocommerce #respond input#submit.alt { + background-color: #a46497; + color: white; + -webkit-font-smoothing: antialiased; +} + +.woocommerce a.button.alt:hover, +.woocommerce button.button.alt:hover, +.woocommerce input.button.alt:hover, +.woocommerce #respond input#submit.alt:hover { + background-color: #935386; + color: white; +} + +.woocommerce a.button.alt.disabled, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled]:hover, +.woocommerce button.button.alt.disabled, +.woocommerce button.button.alt:disabled, +.woocommerce button.button.alt:disabled[disabled], +.woocommerce button.button.alt.disabled:hover, +.woocommerce button.button.alt:disabled:hover, +.woocommerce button.button.alt:disabled[disabled]:hover, +.woocommerce input.button.alt.disabled, +.woocommerce input.button.alt:disabled, +.woocommerce input.button.alt:disabled[disabled], +.woocommerce input.button.alt.disabled:hover, +.woocommerce input.button.alt:disabled:hover, +.woocommerce input.button.alt:disabled[disabled]:hover, +.woocommerce #respond input#submit.alt.disabled, +.woocommerce #respond input#submit.alt:disabled, +.woocommerce #respond input#submit.alt:disabled[disabled], +.woocommerce #respond input#submit.alt.disabled:hover, +.woocommerce #respond input#submit.alt:disabled:hover, +.woocommerce #respond input#submit.alt:disabled[disabled]:hover { + background-color: #a46497; + color: white; +} + +.woocommerce a.button:disabled, .woocommerce a.button.disabled, .woocommerce a.button:disabled[disabled], +.woocommerce button.button:disabled, +.woocommerce button.button.disabled, +.woocommerce button.button:disabled[disabled], +.woocommerce input.button:disabled, +.woocommerce input.button.disabled, +.woocommerce input.button:disabled[disabled], +.woocommerce #respond input#submit:disabled, +.woocommerce #respond input#submit.disabled, +.woocommerce #respond input#submit:disabled[disabled] { + color: inherit; + cursor: not-allowed; + opacity: 0.5; + padding: 0.618em 1em; +} + +.woocommerce a.button:disabled:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled[disabled]:hover, +.woocommerce button.button:disabled:hover, +.woocommerce button.button.disabled:hover, +.woocommerce button.button:disabled[disabled]:hover, +.woocommerce input.button:disabled:hover, +.woocommerce input.button.disabled:hover, +.woocommerce input.button:disabled[disabled]:hover, +.woocommerce #respond input#submit:disabled:hover, +.woocommerce #respond input#submit.disabled:hover, +.woocommerce #respond input#submit:disabled[disabled]:hover { + color: inherit; + background-color: #ebe9eb; +} + +.woocommerce .cart .button, +.woocommerce .cart input.button { + float: none; +} + +.woocommerce a.added_to_cart { + padding: .4em .4em 0; + display: inline-block; +} + +.woocommerce #reviews h2 { + font-weight: normal; +} + +.woocommerce #reviews h2 small { + float: right; + color: #777; + font-size: 15px; + margin: 10px 0 0; +} + +.woocommerce #reviews h2 small a { + text-decoration: none; + color: #777; +} + +.woocommerce #reviews h3 { + margin: 0; +} + +.woocommerce #reviews #respond { + margin: 0; + border: 0; + padding: 0; +} + +.woocommerce #reviews #comment { + height: 75px; +} + +.woocommerce #reviews #comments ol.commentlist { + margin: 0; + width: 100%; + background: none; + list-style: none; +} + +.woocommerce #reviews #comments ol.commentlist li { + padding: 0; + margin: 0 0 1em; + border: 0; + position: relative; + background: 0; + border: 0; + border-bottom: 1px solid #e2e2e2; +} + +.woocommerce #reviews #comments ol.commentlist li:last-child { + border-bottom: 0; +} + +.woocommerce #reviews #comments ol.commentlist li .meta { + color: #777; + font-size: 0.75em; +} + +.woocommerce #reviews #comments ol.commentlist li img.avatar { + float: left; + position: absolute; + top: 0; + left: 0; + padding: 3px; + height: 3.6em; + width: 3.6em; + border: none; + background: none; + margin: 0; + border-radius: 100%; + box-shadow: none; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text { + margin: 0 0 0 50px; + border: none; + border-radius: 4px; + padding: 0 1.5em; + *zoom: 1; + display: flex; + flex-wrap: wrap; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text::before, .woocommerce #reviews #comments ol.commentlist li .comment-text::after { + content: ' '; + display: table; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text::after { + clear: both; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text p { + margin: 0 0 1.7em; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, +.woocommerce #reviews #comments ol.commentlist li .comment-text meta { + order: 1; + width: 100%; + font-size: 1em; + margin-bottom: .2em; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text .description { + font-style: italic; + order: 3; + width: 100%; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating { + order: 2; + margin-bottom: .5em; +} + +.woocommerce #reviews #comments ol.commentlist ul.children { + list-style: none outside; + margin: 20px 0 0 50px; +} + +.woocommerce #reviews #comments ol.commentlist ul.children .star-rating { + display: none; +} + +.woocommerce #reviews #comments ol.commentlist #respond { + border: 1px solid #e4e1e3; + border-radius: 4px; + padding: 1em 1em 0; + margin: 20px 0 0 50px; +} + +.woocommerce #reviews #comments .commentlist > li::before { + content: ''; +} + +.woocommerce #reviews #review_form { + border: 2px solid #efefef; + padding: 1em 1.9em 2.3em; +} + +.woocommerce #reviews #review_form #respond p { + margin: 2px 0 6px; +} + +.woocommerce #reviews #review_form #respond p.form-submit { + margin-top: 1em; +} + +.woocommerce #reviews #review_form #respond p.comment-form-author, .woocommerce #reviews #review_form #respond p.comment-form-email { + margin-bottom: 1em; +} + +.woocommerce #reviews #review_form #respond p.comment-form-author label, .woocommerce #reviews #review_form #respond p.comment-form-email label { + display: inline-block; + min-width: 100px; +} + +.woocommerce #reviews #review_form #respond #comment { + height: 90px; +} + +.woocommerce #reviews #review_form input { + max-width: 100%; +} + +.woocommerce .star-rating { + float: right; + overflow: hidden; + position: relative; + height: 1em; + line-height: 1; + font-size: 1em; + width: 5.4em; + font-family: 'star'; +} + +.woocommerce .star-rating::before { + content: '\73\73\73\73\73'; + color: #d3ced2; + float: left; + top: 0; + left: 0; + position: absolute; +} + +.woocommerce .star-rating span { + overflow: hidden; + float: left; + top: 0; + left: 0; + position: absolute; + padding-top: 1.5em; +} + +.woocommerce .star-rating span::before { + content: '\53\53\53\53\53'; + top: 0; + position: absolute; + left: 0; +} + +.woocommerce .woocommerce-product-rating { + *zoom: 1; + line-height: 2; + display: block; +} + +.woocommerce .woocommerce-product-rating::before, .woocommerce .woocommerce-product-rating::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce-product-rating::after { + clear: both; +} + +.woocommerce .woocommerce-product-rating .star-rating { + margin: 0.5em 4px 0 0; + float: left; +} + +.woocommerce .products .star-rating { + display: block; + margin: 0.5em auto 0; + float: none; +} + +.woocommerce .hreview-aggregate .star-rating { + margin: 10px 0 0; +} + +.woocommerce #review_form #respond { + *zoom: 1; + position: static; + margin: 0; + width: auto; + background: transparent none; +} + +.woocommerce #review_form #respond::before, .woocommerce #review_form #respond::after { + content: ' '; + display: table; +} + +.woocommerce #review_form #respond::after { + clear: both; +} + +.woocommerce #review_form #respond .form-submit input { + left: auto; +} + +.woocommerce #review_form #respond textarea { + box-sizing: border-box; + width: 100%; +} + +.woocommerce p.stars a { + position: relative; + height: 1em; + width: 1em; + text-indent: -999em; + display: inline-block; + text-decoration: none; +} + +.woocommerce p.stars a::before { + display: block; + position: absolute; + top: 0; + left: 0; + width: 1em; + height: 1em; + line-height: 1; + font-family: 'WooCommerce'; + content: '\e021'; + text-indent: 0; +} + +.woocommerce p.stars a:hover ~ a::before { + content: '\e021'; +} + +.woocommerce p.stars:hover a::before { + content: '\e020'; +} + +.woocommerce p.stars.selected a.active::before { + content: '\e020'; +} + +.woocommerce p.stars.selected a.active ~ a::before { + content: '\e021'; +} + +.woocommerce p.stars.selected a:not(.active)::before { + content: '\e020'; +} + +.woocommerce table.shop_attributes { + border: 0; + border-top: 1px dotted rgba(0, 0, 0, 0.1); + margin-bottom: 1.618em; + width: 100%; +} + +.woocommerce table.shop_attributes th { + width: 150px; + font-weight: 700; + padding: 8px; + border-top: 0; + border-bottom: 1px dotted rgba(0, 0, 0, 0.1); + margin: 0; + line-height: 1.5; +} + +.woocommerce table.shop_attributes td { + font-style: italic; + padding: 0; + border-top: 0; + border-bottom: 1px dotted rgba(0, 0, 0, 0.1); + margin: 0; + line-height: 1.5; +} + +.woocommerce table.shop_attributes td p { + margin: 0; + padding: 8px 0; +} + +.woocommerce table.shop_attributes tr:nth-child(even) td, +.woocommerce table.shop_attributes tr:nth-child(even) th { + background: rgba(0, 0, 0, 0.025); +} + +.woocommerce table.shop_table { + border: 1px solid rgba(0, 0, 0, 0.1); + margin: 0 -1px 24px 0; + text-align: left; + width: 100%; + border-collapse: separate; + border-radius: 5px; +} + +.woocommerce table.shop_table th { + font-weight: 700; + padding: 9px 12px; +} + +.woocommerce table.shop_table td { + border-top: 1px solid rgba(0, 0, 0, 0.1); + padding: 6px 12px; + vertical-align: middle; +} + +.woocommerce table.shop_table td small { + font-weight: normal; +} + +.woocommerce table.shop_table tbody:first-child tr:first-child th, +.woocommerce table.shop_table tbody:first-child tr:first-child td { + border-top: 0; +} + +.woocommerce table.shop_table tfoot td, +.woocommerce table.shop_table tfoot th, +.woocommerce table.shop_table tbody th { + font-weight: 700; + border-top: 1px solid rgba(0, 0, 0, 0.1); +} + +.woocommerce .woocommerce table.shop_table, +.woocommerce #customer_details { + margin-bottom: 2em; + border-radius: 0; +} + +.woocommerce table.my_account_orders { + font-size: 0.85em; +} + +.woocommerce table.my_account_orders th, +.woocommerce table.my_account_orders td { + padding: 4px 8px; + vertical-align: middle; +} + +.woocommerce table.my_account_orders .button { + white-space: nowrap; +} + +.woocommerce table.my_account_orders .order-actions { + text-align: right; +} + +.woocommerce table.my_account_orders .order-actions .button { + margin: 0.125em 0 0.125em 0.25em; +} + +.woocommerce table.woocommerce-MyAccount-downloads td, +.woocommerce table.woocommerce-MyAccount-downloads th { + vertical-align: top; + text-align: center; +} + +.woocommerce table.woocommerce-MyAccount-downloads td:first-child, +.woocommerce table.woocommerce-MyAccount-downloads th:first-child { + text-align: left; +} + +.woocommerce table.woocommerce-MyAccount-downloads td:last-child, +.woocommerce table.woocommerce-MyAccount-downloads th:last-child { + text-align: left; +} + +.woocommerce table.woocommerce-MyAccount-downloads td .woocommerce-MyAccount-downloads-file::before, +.woocommerce table.woocommerce-MyAccount-downloads th .woocommerce-MyAccount-downloads-file::before { + content: '\2193'; + display: inline-block; +} + +.woocommerce td.product-name dl.variation, .woocommerce td.product-name .wc-item-meta { + list-style: none outside; +} + +.woocommerce td.product-name dl.variation dt, .woocommerce td.product-name dl.variation .wc-item-meta-label, .woocommerce td.product-name .wc-item-meta dt, .woocommerce td.product-name .wc-item-meta .wc-item-meta-label { + float: left; + clear: both; + margin-right: .25em; + display: inline-block; + list-style: none outside; +} + +.woocommerce td.product-name dl.variation dd, .woocommerce td.product-name .wc-item-meta dd { + margin: 0; +} + +.woocommerce td.product-name dl.variation p, .woocommerce td.product-name dl.variation:last-child, .woocommerce td.product-name .wc-item-meta p, .woocommerce td.product-name .wc-item-meta:last-child { + margin-bottom: 0; +} + +.woocommerce td.product-name p.backorder_notification { + font-size: 0.83em; +} + +.woocommerce td.product-quantity { + min-width: 80px; +} + +.woocommerce ul.cart_list, +.woocommerce ul.product_list_widget { + list-style: none outside; + padding: 0; + margin: 0; +} + +.woocommerce ul.cart_list li, +.woocommerce ul.product_list_widget li { + padding: 4px 0; + margin: 0; + *zoom: 1; + list-style: none; +} + +.woocommerce ul.cart_list li::before, .woocommerce ul.cart_list li::after, +.woocommerce ul.product_list_widget li::before, +.woocommerce ul.product_list_widget li::after { + content: ' '; + display: table; +} + +.woocommerce ul.cart_list li::after, +.woocommerce ul.product_list_widget li::after { + clear: both; +} + +.woocommerce ul.cart_list li a, +.woocommerce ul.product_list_widget li a { + display: block; + font-weight: 700; +} + +.woocommerce ul.cart_list li img, +.woocommerce ul.product_list_widget li img { + float: right; + margin-left: 4px; + width: 32px; + height: auto; + box-shadow: none; +} + +.woocommerce ul.cart_list li dl, +.woocommerce ul.product_list_widget li dl { + margin: 0; + padding-left: 1em; + border-left: 2px solid rgba(0, 0, 0, 0.1); + *zoom: 1; +} + +.woocommerce ul.cart_list li dl::before, .woocommerce ul.cart_list li dl::after, +.woocommerce ul.product_list_widget li dl::before, +.woocommerce ul.product_list_widget li dl::after { + content: ' '; + display: table; +} + +.woocommerce ul.cart_list li dl::after, +.woocommerce ul.product_list_widget li dl::after { + clear: both; +} + +.woocommerce ul.cart_list li dl dt, +.woocommerce ul.cart_list li dl dd, +.woocommerce ul.product_list_widget li dl dt, +.woocommerce ul.product_list_widget li dl dd { + display: inline-block; + float: left; + margin-bottom: 1em; +} + +.woocommerce ul.cart_list li dl dt, +.woocommerce ul.product_list_widget li dl dt { + font-weight: 700; + padding: 0 0 0.25em; + margin: 0 4px 0 0; + clear: left; +} + +.woocommerce ul.cart_list li dl dd, +.woocommerce ul.product_list_widget li dl dd { + padding: 0 0 0.25em; +} + +.woocommerce ul.cart_list li dl dd p:last-child, +.woocommerce ul.product_list_widget li dl dd p:last-child { + margin-bottom: 0; +} + +.woocommerce ul.cart_list li .star-rating, +.woocommerce ul.product_list_widget li .star-rating { + float: none; +} + +.woocommerce.widget_shopping_cart .total strong, +.woocommerce .widget_shopping_cart .total strong { + min-width: 40px; + display: inline-block; +} + +.woocommerce.widget_shopping_cart .buttons, +.woocommerce .widget_shopping_cart .buttons { + *zoom: 1; +} + +.woocommerce.widget_shopping_cart .buttons::before, .woocommerce.widget_shopping_cart .buttons::after, +.woocommerce .widget_shopping_cart .buttons::before, +.woocommerce .widget_shopping_cart .buttons::after { + content: ' '; + display: table; +} + +.woocommerce.widget_shopping_cart .buttons::after, +.woocommerce .widget_shopping_cart .buttons::after { + clear: both; +} + +.woocommerce.widget_shopping_cart .buttons a, +.woocommerce .widget_shopping_cart .buttons a { + margin-right: 5px; + margin-bottom: 5px; +} + +.woocommerce form .form-row { + padding: 3px; + margin: 0 0 6px; +} + +.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder { + transition: opacity 0.5s 0.5s ease; + opacity: 0; +} + +.woocommerce form .form-row label { + line-height: 2; + font-weight: bold; + font-size: 13.5px; + font-size: 0.9rem; +} + +.woocommerce form .form-row label.hidden { + visibility: hidden; +} + +.woocommerce form .form-row label.inline { + display: inline; +} + +.woocommerce form .form-row select { + cursor: pointer; + margin: 0; +} + +.woocommerce form .form-row .required { + color: red; + font-weight: 700; + border: 0; +} + +.woocommerce form .form-row .input-checkbox { + display: inline; + margin: -2px 8px 0 0; + text-align: center; + vertical-align: middle; +} + +.woocommerce form .form-row input.input-text, +.woocommerce form .form-row textarea { + box-sizing: border-box; + width: 100%; + margin: 0; + outline: 0; + line-height: 1; +} + +.woocommerce form .form-row textarea { + height: 4em; + line-height: 1.5; + display: block; + box-shadow: none; +} + +.woocommerce form .form-row .select2-container { + width: 100%; + line-height: 2em; +} + +.woocommerce form .form-row.woocommerce-invalid .select2-container, +.woocommerce form .form-row.woocommerce-invalid input.input-text, +.woocommerce form .form-row.woocommerce-invalid select { + border-color: #d65d67; +} + +.woocommerce form .form-row.woocommerce-validated .select2-container, +.woocommerce form .form-row.woocommerce-validated input.input-text, +.woocommerce form .form-row.woocommerce-validated select { + border-color: #69bf29; +} + +.woocommerce form .form-row ::-webkit-input-placeholder { + line-height: normal; +} + +.woocommerce form .form-row :-moz-placeholder { + line-height: normal; +} + +.woocommerce form .form-row :-ms-input-placeholder { + line-height: normal; +} + +.woocommerce form.login, +.woocommerce form.checkout_coupon, +.woocommerce form.register { + border: 1px solid #d3ced2; + padding: 20px; + margin: 2em 0; + text-align: left; + border-radius: 5px; +} + +.woocommerce ul#shipping_method { + list-style: none outside; + margin: 0; + padding: 0; +} + +.woocommerce ul#shipping_method li { + margin: 0; + padding: 0.25em 0 0.25em 22px; + text-indent: -22px; + list-style: none outside; +} + +.woocommerce ul#shipping_method li input { + margin: 3px 0.5ex; +} + +.woocommerce ul#shipping_method li label { + display: inline; +} + +.woocommerce ul#shipping_method .amount { + font-weight: 700; +} + +.woocommerce p.woocommerce-shipping-contents { + margin: 0; +} + +.woocommerce ul.order_details { + *zoom: 1; + margin: 0 0 3em; + list-style: none; +} + +.woocommerce ul.order_details::before, .woocommerce ul.order_details::after { + content: ' '; + display: table; +} + +.woocommerce ul.order_details::after { + clear: both; +} + +.woocommerce ul.order_details li { + float: left; + margin-right: 2em; + text-transform: uppercase; + font-size: 0.715em; + line-height: 1; + border-right: 1px dashed #d3ced2; + padding-right: 2em; + margin-left: 0; + padding-left: 0; + list-style-type: none; +} + +.woocommerce ul.order_details li strong { + display: block; + font-size: 1.4em; + text-transform: none; + line-height: 1.5; +} + +.woocommerce ul.order_details li:last-of-type { + border: none; +} + +.woocommerce .wc-bacs-bank-details-account-name { + font-weight: bold; +} + +.woocommerce .woocommerce-order-downloads, +.woocommerce .woocommerce-customer-details, +.woocommerce .woocommerce-order-details { + margin-bottom: 2em; +} + +.woocommerce .woocommerce-order-downloads *:last-child, +.woocommerce .woocommerce-customer-details *:last-child, +.woocommerce .woocommerce-order-details *:last-child { + margin-bottom: 0; +} + +.woocommerce .woocommerce-customer-details address { + font-style: normal; + margin-bottom: 0; + border: 1px solid rgba(0, 0, 0, 0.1); + border-bottom-width: 2px; + border-right-width: 2px; + text-align: left; + width: 100%; + border-radius: 5px; + padding: 6px 12px; +} + +.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone, +.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email { + margin-bottom: 0; + padding-left: 1.5em; +} + +.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-right: 0.618em; + content: ""; + text-decoration: none; + margin-left: -1.5em; + line-height: 1.75; + position: absolute; +} + +.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-right: 0.618em; + content: ""; + text-decoration: none; + margin-left: -1.5em; + line-height: 1.75; + position: absolute; +} + +.woocommerce .woocommerce-widget-layered-nav-list { + margin: 0; + padding: 0; + border: 0; + list-style: none outside; +} + +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { + *zoom: 1; + padding: 0 0 1px; + list-style: none; +} + +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after { + clear: both; +} + +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span { + padding: 1px 0; +} + +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-right: 0.618em; + content: ""; + text-decoration: none; + color: #d65d67; +} + +.woocommerce .woocommerce-widget-layered-nav-dropdown__submit { + margin-top: 1em; +} + +.woocommerce .widget_layered_nav_filters ul { + margin: 0; + padding: 0; + border: 0; + list-style: none outside; + overflow: hidden; + zoom: 1; +} + +.woocommerce .widget_layered_nav_filters ul li { + float: left; + padding: 0 1px 1px 0; + list-style: none; +} + +.woocommerce .widget_layered_nav_filters ul li a { + text-decoration: none; +} + +.woocommerce .widget_layered_nav_filters ul li a::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-right: 0.618em; + content: ""; + text-decoration: none; + color: #d65d67; +} + +.woocommerce .widget_product_categories .product-categories .count { + float: right; +} + +.woocommerce .widget_price_filter .price_slider { + margin-bottom: 1em; +} + +.woocommerce .widget_price_filter .price_slider_amount { + text-align: right; + line-height: 2.4; + font-size: 0.8751em; +} + +.woocommerce .widget_price_filter .price_slider_amount .button { + font-size: 1.15em; + float: left; +} + +.woocommerce .widget_price_filter .ui-slider { + position: relative; + text-align: left; + margin-left: 0.5em; + margin-right: 0.5em; +} + +.woocommerce .widget_price_filter .ui-slider .ui-slider-handle { + position: absolute; + z-index: 2; + width: 1em; + height: 1em; + background-color: #a46497; + border-radius: 1em; + cursor: ew-resize; + outline: none; + top: -0.3em; + /* rtl:ignore */ + margin-left: -0.5em; +} + +.woocommerce .widget_price_filter .ui-slider .ui-slider-range { + position: absolute; + z-index: 1; + font-size: 0.7em; + display: block; + border: 0; + border-radius: 1em; + background-color: #a46497; +} + +.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { + border-radius: 1em; + background-color: #602053; + border: 0; +} + +.woocommerce .widget_price_filter .ui-slider-horizontal { + height: 0.5em; +} + +.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range { + top: 0; + height: 100%; +} + +.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { + left: -1px; +} + +.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { + right: -1px; +} + +.woocommerce .widget_rating_filter ul { + margin: 0; + padding: 0; + border: 0; + list-style: none outside; +} + +.woocommerce .widget_rating_filter ul li { + *zoom: 1; + padding: 0 0 1px; + list-style: none; +} + +.woocommerce .widget_rating_filter ul li::before, .woocommerce .widget_rating_filter ul li::after { + content: ' '; + display: table; +} + +.woocommerce .widget_rating_filter ul li::after { + clear: both; +} + +.woocommerce .widget_rating_filter ul li a { + padding: 1px 0; + text-decoration: none; +} + +.woocommerce .widget_rating_filter ul li .star-rating { + float: none; + display: inline-block; +} + +.woocommerce .widget_rating_filter ul li.chosen a::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-right: 0.618em; + content: ""; + text-decoration: none; + color: #d65d67; +} + +.woocommerce .show-on-hover { + position: absolute; + top: 0; + left: 0; + height: 100%; + right: 0; + bottom: 0; + padding: 0; + margin: 0; + opacity: 0; + filter: blur(0); + transition: all 0.2s linear; +} + +.woocommerce li.product:hover .show-on-hover { + opacity: 1; + transform: scale(1) translateZ(0) translateY(0); + pointer-events: inherit; +} + +.woocommerce .ast-return-to-shop { + display: inline-block; + margin: 5px 0; + vertical-align: middle; +} + +.woocommerce .up-sells h2, +.woocommerce .related.products h2, +.woocommerce .woocommerce-tabs h2 { + font-size: 1.5rem; +} + +.woocommerce .comment-reply-title { + font-size: 1.5rem; + line-height: 1.3; +} + +.woocommerce .select2-container .select2-selection--single { + height: auto; + padding: 0.75em; +} + +.woocommerce .select2-container .select2-selection--single .select2-selection__rendered { + padding-left: 0; +} + +.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered { + line-height: 1.35; +} + +.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow { + top: 50%; + width: 1.7em; + transform: translateY(-50%); +} + +.woocommerce .select2-search--dropdown .select2-search__field, +.woocommerce .select2-results__option { + padding: 6px 0.75em; +} + +.woocommerce #reviews { + display: flex; +} + +.woocommerce, +.woocommerce-page { + /** + * Product Saerch Widget + */ + /* + * Common table style for woocommerce + */ +} + +.woocommerce .widget_product_search button, +.woocommerce-page .widget_product_search button { + flex: 0 0 auto; + padding: 10px 20px; +} + +.woocommerce ul.products li.product, +.woocommerce-page ul.products li.product { + text-align: left; + margin-bottom: 2.5em; +} + +.woocommerce ul.products li.product.product-category > a, +.woocommerce-page ul.products li.product.product-category > a { + display: inline-block; + position: relative; +} + +.woocommerce ul.products li.product a img, +.woocommerce-page ul.products li.product a img { + margin-bottom: .8em; +} + +.woocommerce ul.products li.product .woocommerce-loop-product__title, +.woocommerce-page ul.products li.product .woocommerce-loop-product__title { + margin-bottom: .5em; + padding: 0; + font-size: 1em; +} + +.woocommerce ul.products li.product .ast-woo-product-category, +.woocommerce-page ul.products li.product .ast-woo-product-category { + font-size: .85em; + margin-bottom: .5em; + display: block; + line-height: 1.3; + opacity: .6; +} + +.woocommerce ul.products li.product .star-rating, +.woocommerce-page ul.products li.product .star-rating { + margin: 0 auto .5em 0; + backface-visibility: hidden; +} + +.woocommerce ul.products li.product .ast-woo-shop-product-description p, +.woocommerce-page ul.products li.product .ast-woo-shop-product-description p { + margin-bottom: .5em; +} + +.woocommerce ul.products li.product .woocommerce-loop-product__link, +.woocommerce-page ul.products li.product .woocommerce-loop-product__link { + position: relative; + display: block; +} + +.woocommerce ul.products li.product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock, +.woocommerce-page ul.products li.product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock { + background-color: white; +} + +.woocommerce ul.products li.product.product-category > a:hover .woocommerce-loop-category__title, +.woocommerce-page ul.products li.product.product-category > a:hover .woocommerce-loop-category__title { + background-color: white; +} + +.woocommerce ul.products li.product .woocommerce-loop-category__title, +.woocommerce ul.products li.product .ast-shop-product-out-of-stock, +.woocommerce-page ul.products li.product .woocommerce-loop-category__title, +.woocommerce-page ul.products li.product .ast-shop-product-out-of-stock { + position: absolute; + background-color: rgba(255, 255, 255, 0.88); + transition: background .3s; + text-align: center; + left: 1em; + right: 1em; + padding: 0.5em 0em 0.7em; +} + +.woocommerce ul.products li.product .woocommerce-loop-category__title, +.woocommerce-page ul.products li.product .woocommerce-loop-category__title { + bottom: 1.8em; + font-size: 0.9em; +} + +.woocommerce ul.products li.product .woocommerce-loop-category__title .count, +.woocommerce-page ul.products li.product .woocommerce-loop-category__title .count { + font-size: .7em; +} + +.woocommerce ul.products li.product .ast-shop-product-out-of-stock, +.woocommerce-page ul.products li.product .ast-shop-product-out-of-stock { + bottom: 1em; + text-transform: uppercase; + font-weight: bold; +} + +.woocommerce ul.products li.product .price, +.woocommerce-page ul.products li.product .price { + line-height: 1.3; + margin-bottom: 0; + font-weight: 700; + margin-bottom: .5em; + font-size: .9em; +} + +.woocommerce ul.products li.product .price del, +.woocommerce-page ul.products li.product .price del { + display: initial; +} + +.woocommerce ul.products li.product .button, +.woocommerce-page ul.products li.product .button { + margin-top: .5em; + margin-bottom: .5em; + white-space: normal; + line-height: 1.3; +} + +.woocommerce ul.products li.product .button.added, +.woocommerce-page ul.products li.product .button.added { + margin-bottom: 0; + transition: margin 0s; +} + +.woocommerce ul.products li.product .woocommerce-loop-category__title, +.woocommerce-page ul.products li.product .woocommerce-loop-category__title { + text-transform: uppercase; + font-weight: bold; + line-height: 1.5; +} + +.woocommerce ul.products li.product .woocommerce-loop-category__title .count, +.woocommerce-page ul.products li.product .woocommerce-loop-category__title .count { + display: block; + background: none; + opacity: .5; + font-size: .75em; +} + +.woocommerce .related.products li.product:last-child, +.woocommerce-page .related.products li.product:last-child { + margin-right: 0; +} + +.woocommerce table.shop_table, +.woocommerce-page table.shop_table { + border: 1px solid #ebebeb; + border-radius: 0px; +} + +.woocommerce table.shop_table .product-thumbnail img, +.woocommerce-page table.shop_table .product-thumbnail img { + width: auto; + max-width: 70px; +} + +.woocommerce table.shop_table thead, +.woocommerce-page table.shop_table thead { + background-color: #fbfbfb; +} + +.woocommerce table.shop_table thead th, +.woocommerce-page table.shop_table thead th { + border-width: 0; +} + +.woocommerce table.shop_table td, .woocommerce table.shop_table th, +.woocommerce-page table.shop_table td, +.woocommerce-page table.shop_table th { + border-bottom-width: 0; + padding: .7em 1em; +} + +.woocommerce table.shop_table td, +.woocommerce-page table.shop_table td { + border-top: 1px solid #ebebeb; +} + +.woocommerce table.shop_table .woocommerce-Price-amount, +.woocommerce-page table.shop_table .woocommerce-Price-amount { + font-weight: 700; +} + +.woocommerce #content table.cart td.actions .input-text, +.woocommerce-page #content table.cart td.actions .input-text { + width: auto; +} + +.woocommerce #content table.cart td, +.woocommerce-page #content table.cart td { + min-height: 3.25em; +} + +.woocommerce #content table.cart [name="coupon_code"], +.woocommerce-page #content table.cart [name="coupon_code"] { + max-height: 35px; +} + +.woocommerce #content table.cart .button, +.woocommerce-page #content table.cart .button { + display: inline-block; + width: auto; +} + +.woocommerce #content table.cart .button[name="apply_coupon"], +.woocommerce-page #content table.cart .button[name="apply_coupon"] { + padding: 10px 40px; +} + +.ast-separate-container .ast-woocommerce-container { + background-color: #fff; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-woocommerce-container { + padding: 3.34em 2.4em; + } +} + +@media (max-width: 992px) { + .ast-separate-container .ast-woocommerce-container { + padding: 1.5em 2.14em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-woocommerce-container { + padding: 5.34em 6.67em; + } +} + +.ast-separate-container .ast-woocommerce-container .product { + border-bottom: 0; +} + +.ast-separate-container.single-product .ast-article-single { + margin: 0; + padding: 0; + display: inline-block; + width: 100%; +} + +/** + * Photoswipe + * 1. These styles are required to overwrite default theme button styles (Twenty Twelve adds gradients via background-image). + * 2. For zooming on mobile. + */ +.pswp { + z-index: 999999; +} + +.woocommerce, +.woocommerce-page { + /* Popup for single product */ +} + +.woocommerce img.pswp__img, +.woocommerce-page img.pswp__img { + max-width: none; + /* 2 */ +} + +.woocommerce .pswp__caption__center, +.woocommerce-page .pswp__caption__center { + text-align: center; +} + +.woocommerce .pswp__bg, +.woocommerce-page .pswp__bg { + opacity: .7 !important; +} + +.woocommerce .pswp__ui--fit .pswp__top-bar, +.woocommerce .pswp__ui--fit .pswp__caption, +.woocommerce-page .pswp__ui--fit .pswp__top-bar, +.woocommerce-page .pswp__ui--fit .pswp__caption { + background-color: transparent; +} + +/** + * Woocommerce common form design + */ +.woocommerce input[type=text], .woocommerce input[type=email], .woocommerce input[type=url], .woocommerce input[type=password], .woocommerce input[type=number], .woocommerce input[type=search], .woocommerce input[type=reset], .woocommerce input[type=tel], .woocommerce textarea, .woocommerce form .form-row textarea, +.woocommerce-page input[type=text], +.woocommerce-page input[type=email], +.woocommerce-page input[type=url], +.woocommerce-page input[type=password], +.woocommerce-page input[type=number], +.woocommerce-page input[type=search], +.woocommerce-page input[type=reset], +.woocommerce-page input[type=tel], +.woocommerce-page textarea, +.woocommerce-page form .form-row textarea { + border-color: #dddddd; + background: #fff; + box-shadow: none; + border-radius: 0px; +} + +.woocommerce input[type=text]:focus, .woocommerce input[type=email]:focus, .woocommerce input[type=url]:focus, .woocommerce input[type=password]:focus, .woocommerce input[type=number]:focus, .woocommerce input[type=search]:focus, .woocommerce input[type=reset]:focus, .woocommerce input[type=tel]:focus, .woocommerce textarea:focus, .woocommerce form .form-row textarea:focus, +.woocommerce-page input[type=text]:focus, +.woocommerce-page input[type=email]:focus, +.woocommerce-page input[type=url]:focus, +.woocommerce-page input[type=password]:focus, +.woocommerce-page input[type=number]:focus, +.woocommerce-page input[type=search]:focus, +.woocommerce-page input[type=reset]:focus, +.woocommerce-page input[type=tel]:focus, +.woocommerce-page textarea:focus, +.woocommerce-page form .form-row textarea:focus { + box-shadow: none; + border-color: #dddddd; +} + +.woocommerce select, .woocommerce .select2-container .select2-selection--single, +.woocommerce-page select, +.woocommerce-page .select2-container .select2-selection--single { + padding: .75em; + border: 1px solid #dddddd; + border-radius: 0px; + box-shadow: none; +} + +.woocommerce select:focus, .woocommerce .select2-container .select2-selection--single:focus, +.woocommerce-page select:focus, +.woocommerce-page .select2-container .select2-selection--single:focus { + outline: none; +} + +button.pswp__button { + box-shadow: none !important; + background-image: url("../../../../../../../plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png") !important; +} + +button.pswp__button, +button.pswp__button:hover, +button.pswp__button--arrow--left::before, +button.pswp__button--arrow--right::before { + background-color: transparent !important; + /* 1 */ +} + +button.pswp__button--arrow--left, +button.pswp__button--arrow--right, +button.pswp__button--arrow--left:hover, +button.pswp__button--arrow--right:hover { + background-image: none !important; + /* 1 */ +} + +button.pswp__button--close:hover { + background-position: 0 -44px; +} + +button.pswp__button--zoom:hover { + background-position: -88px 0; +} + +.woocommerce-message, +.woocommerce-error, +.woocommerce-info { + padding: 1em 2em 1em 3.5em; + margin: 0 0 2em; + position: relative; + background-color: #f7f6f7; + color: #515151; + border-top: 3px solid #a46497; + list-style: none outside; + *zoom: 1; + width: auto; + word-wrap: break-word; +} + +.woocommerce-message::before, .woocommerce-message::after, +.woocommerce-error::before, +.woocommerce-error::after, +.woocommerce-info::before, +.woocommerce-info::after { + content: ' '; + display: table; +} + +.woocommerce-message::after, +.woocommerce-error::after, +.woocommerce-info::after { + clear: both; +} + +.woocommerce-message::before, +.woocommerce-error::before, +.woocommerce-info::before { + font-family: 'WooCommerce'; + content: '\e028'; + display: inline-block; + position: absolute; + top: 1em; + left: 1.5em; +} + +.woocommerce-message .button, +.woocommerce-error .button, +.woocommerce-info .button { + float: right; +} + +.woocommerce-message li, +.woocommerce-error li, +.woocommerce-info li { + list-style: none outside !important; + padding-left: 0 !important; + margin-left: 0 !important; +} + +.woocommerce-message { + border-top-color: #8fae1b; +} + +.woocommerce-message::before { + content: '\e015'; + color: #8fae1b; +} + +.woocommerce-info { + border-top-color: #1e85be; +} + +.woocommerce-info::before { + color: #1e85be; +} + +.woocommerce-error { + border-top-color: #b81c23; +} + +.woocommerce-error::before { + content: '\e016'; + color: #b81c23; +} + +/** + * Account page + */ +.woocommerce .woocommerce, +.woocommerce-account .woocommerce { + *zoom: 1; +} + +.woocommerce .woocommerce::before, .woocommerce .woocommerce::after, +.woocommerce-account .woocommerce::before, +.woocommerce-account .woocommerce::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce::after, +.woocommerce-account .woocommerce::after { + clear: both; +} + +.woocommerce .addresses .title, +.woocommerce-account .addresses .title { + *zoom: 1; +} + +.woocommerce .addresses .title::before, .woocommerce .addresses .title::after, +.woocommerce-account .addresses .title::before, +.woocommerce-account .addresses .title::after { + content: ' '; + display: table; +} + +.woocommerce .addresses .title::after, +.woocommerce-account .addresses .title::after { + clear: both; +} + +.woocommerce .addresses .title h3, +.woocommerce-account .addresses .title h3 { + float: left; +} + +.woocommerce .addresses .title .edit, +.woocommerce-account .addresses .title .edit { + float: right; + padding: .7em 1em; +} + +.woocommerce ol.commentlist.notes li.note p.meta, +.woocommerce-account ol.commentlist.notes li.note p.meta { + font-weight: 700; + margin-bottom: 0; +} + +.woocommerce ol.commentlist.notes li.note .description p:last-child, +.woocommerce-account ol.commentlist.notes li.note .description p:last-child { + margin-bottom: 0; +} + +.woocommerce ul.digital-downloads, +.woocommerce-account ul.digital-downloads { + margin-left: 0; + padding-left: 0; +} + +.woocommerce ul.digital-downloads li, +.woocommerce-account ul.digital-downloads li { + list-style: none; + margin-left: 0; + padding-left: 0; +} + +.woocommerce ul.digital-downloads li::before, +.woocommerce-account ul.digital-downloads li::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-right: 0.618em; + content: ""; + text-decoration: none; +} + +.woocommerce ul.digital-downloads li .count, +.woocommerce-account ul.digital-downloads li .count { + float: right; +} + +.woocommerce h2, +.woocommerce-account h2 { + font-size: 1.625rem; +} + +.woocommerce .woocommerce-Addresses .woocommerce-Address-title, +.woocommerce .woocommerce-Addresses .woocommerce-column__title, +.woocommerce .woocommerce-customer-details .woocommerce-Address-title, +.woocommerce .woocommerce-customer-details .woocommerce-column__title, +.woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title, +.woocommerce .woocommerce-MyAccount-content .woocommerce-column__title, +.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title, +.woocommerce-account .woocommerce-Addresses .woocommerce-column__title, +.woocommerce-account .woocommerce-customer-details .woocommerce-Address-title, +.woocommerce-account .woocommerce-customer-details .woocommerce-column__title, +.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title, +.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title { + background: #fbfbfb; + padding: .5em; + margin-bottom: 0; + border-width: 1px 1px 0 1px; + border-style: solid; + border-color: #e5e5e5; +} + +.woocommerce .woocommerce-Addresses .woocommerce-Address-title h3, +.woocommerce .woocommerce-Addresses .woocommerce-column__title h3, +.woocommerce .woocommerce-customer-details .woocommerce-Address-title h3, +.woocommerce .woocommerce-customer-details .woocommerce-column__title h3, +.woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title h3, +.woocommerce .woocommerce-MyAccount-content .woocommerce-column__title h3, +.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title h3, +.woocommerce-account .woocommerce-Addresses .woocommerce-column__title h3, +.woocommerce-account .woocommerce-customer-details .woocommerce-Address-title h3, +.woocommerce-account .woocommerce-customer-details .woocommerce-column__title h3, +.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3, +.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title h3 { + margin-bottom: 0; +} + +.woocommerce .woocommerce-Addresses address, +.woocommerce .woocommerce-customer-details address, +.woocommerce .woocommerce-MyAccount-content address, +.woocommerce-account .woocommerce-Addresses address, +.woocommerce-account .woocommerce-customer-details address, +.woocommerce-account .woocommerce-MyAccount-content address { + border: 1px solid rgba(0, 0, 0, 0.1); + padding: 1em; + border-radius: 0; +} + +.woocommerce-Address h3, +.cart-collaterals h2 { + font-size: 1.2rem; + padding: .7em 1em; +} + +/** + * Cart/checkout page + */ +.woocommerce-cart table.cart .product-thumbnail, +.woocommerce-checkout table.cart .product-thumbnail, +#add_payment_method table.cart .product-thumbnail { + min-width: 32px; +} + +.woocommerce-cart table.cart img, +.woocommerce-checkout table.cart img, +#add_payment_method table.cart img { + width: 32px; + box-shadow: none; +} + +.woocommerce-cart table.cart th, +.woocommerce-cart table.cart td, +.woocommerce-checkout table.cart th, +.woocommerce-checkout table.cart td, +#add_payment_method table.cart th, +#add_payment_method table.cart td { + vertical-align: middle; +} + +.woocommerce-cart table.cart td.actions .coupon .input-text, +.woocommerce-checkout table.cart td.actions .coupon .input-text, +#add_payment_method table.cart td.actions .coupon .input-text { + float: left; + box-sizing: border-box; + border: 1px solid #d3ced2; + padding: 6px 6px 5px; + margin: 0 4px 0 0; + outline: 0; + line-height: 1; +} + +.woocommerce-cart table.cart input, +.woocommerce-checkout table.cart input, +#add_payment_method table.cart input { + margin: 0; + vertical-align: middle; + line-height: 1; +} + +.woocommerce-cart .wc-proceed-to-checkout, +.woocommerce-checkout .wc-proceed-to-checkout, +#add_payment_method .wc-proceed-to-checkout { + *zoom: 1; + padding: 1em 0; +} + +.woocommerce-cart .wc-proceed-to-checkout::before, .woocommerce-cart .wc-proceed-to-checkout::after, +.woocommerce-checkout .wc-proceed-to-checkout::before, +.woocommerce-checkout .wc-proceed-to-checkout::after, +#add_payment_method .wc-proceed-to-checkout::before, +#add_payment_method .wc-proceed-to-checkout::after { + content: ' '; + display: table; +} + +.woocommerce-cart .wc-proceed-to-checkout::after, +.woocommerce-checkout .wc-proceed-to-checkout::after, +#add_payment_method .wc-proceed-to-checkout::after { + clear: both; +} + +.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, +.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, +#add_payment_method .wc-proceed-to-checkout a.checkout-button { + display: block; + text-align: center; + margin-bottom: 1em; + font-size: 1.25em; + padding: 1em; +} + +.woocommerce-cart .cart-collaterals .shipping_calculator .button, +.woocommerce-checkout .cart-collaterals .shipping_calculator .button, +#add_payment_method .cart-collaterals .shipping_calculator .button { + width: 100%; + float: none; + display: block; +} + +.woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button::after, +.woocommerce-checkout .cart-collaterals .shipping_calculator .shipping-calculator-button::after, +#add_payment_method .cart-collaterals .shipping_calculator .shipping-calculator-button::after { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-left: 0.618em; + content: ""; + text-decoration: none; +} + +.woocommerce-cart .cart-collaterals .cart_totals p small, +.woocommerce-checkout .cart-collaterals .cart_totals p small, +#add_payment_method .cart-collaterals .cart_totals p small { + color: #777; + font-size: 0.83em; +} + +.woocommerce-cart .cart-collaterals .cart_totals table, +.woocommerce-checkout .cart-collaterals .cart_totals table, +#add_payment_method .cart-collaterals .cart_totals table { + border-collapse: separate; + margin: 0 0 6px; + padding: 0; +} + +.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th, +.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td, +.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child th, +.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child td, +#add_payment_method .cart-collaterals .cart_totals table tr:first-child th, +#add_payment_method .cart-collaterals .cart_totals table tr:first-child td { + border-top: 0; +} + +.woocommerce-cart .cart-collaterals .cart_totals table th, +.woocommerce-checkout .cart-collaterals .cart_totals table th, +#add_payment_method .cart-collaterals .cart_totals table th { + width: 40%; +} + +.woocommerce-cart .cart-collaterals .cart_totals table td, +.woocommerce-cart .cart-collaterals .cart_totals table th, +.woocommerce-checkout .cart-collaterals .cart_totals table td, +.woocommerce-checkout .cart-collaterals .cart_totals table th, +#add_payment_method .cart-collaterals .cart_totals table td, +#add_payment_method .cart-collaterals .cart_totals table th { + vertical-align: top; + border-left: 0; + border-right: 0; + line-height: 1.5em; +} + +.woocommerce-cart .cart-collaterals .cart_totals table small, +.woocommerce-checkout .cart-collaterals .cart_totals table small, +#add_payment_method .cart-collaterals .cart_totals table small { + color: #777; +} + +.woocommerce-cart .cart-collaterals .cart_totals table select, +.woocommerce-checkout .cart-collaterals .cart_totals table select, +#add_payment_method .cart-collaterals .cart_totals table select { + width: 100%; +} + +.woocommerce-cart .cart-collaterals .cart_totals .discount td, +.woocommerce-checkout .cart-collaterals .cart_totals .discount td, +#add_payment_method .cart-collaterals .cart_totals .discount td { + color: #77a464; +} + +.woocommerce-cart .cart-collaterals .cart_totals tr td, +.woocommerce-cart .cart-collaterals .cart_totals tr th, +.woocommerce-checkout .cart-collaterals .cart_totals tr td, +.woocommerce-checkout .cart-collaterals .cart_totals tr th, +#add_payment_method .cart-collaterals .cart_totals tr td, +#add_payment_method .cart-collaterals .cart_totals tr th { + border-top: 1px solid #ebe9eb; +} + +.woocommerce-cart .cart-collaterals .cross-sells ul.products li.product, +.woocommerce-checkout .cart-collaterals .cross-sells ul.products li.product, +#add_payment_method .cart-collaterals .cross-sells ul.products li.product { + margin-top: 0; +} + +.woocommerce-cart .checkout .col-2 h3#ship-to-different-address, +.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address, +#add_payment_method .checkout .col-2 h3#ship-to-different-address { + float: left; + clear: none; +} + +.woocommerce-cart .checkout .col-2 .notes, +.woocommerce-checkout .checkout .col-2 .notes, +#add_payment_method .checkout .col-2 .notes { + clear: left; +} + +.woocommerce-cart .checkout .col-2 .form-row-first, +.woocommerce-checkout .checkout .col-2 .form-row-first, +#add_payment_method .checkout .col-2 .form-row-first { + clear: left; +} + +.woocommerce-cart .checkout .create-account small, +.woocommerce-checkout .checkout .create-account small, +#add_payment_method .checkout .create-account small { + font-size: 11px; + color: #777; + font-weight: normal; +} + +.woocommerce-cart .checkout div.shipping-address, +.woocommerce-checkout .checkout div.shipping-address, +#add_payment_method .checkout div.shipping-address { + padding: 0; + clear: left; + width: 100%; +} + +.woocommerce-cart .checkout .shipping_address, +.woocommerce-checkout .checkout .shipping_address, +#add_payment_method .checkout .shipping_address { + clear: both; +} + +.woocommerce-cart #payment, +.woocommerce-checkout #payment, +#add_payment_method #payment { + border-radius: 5px; +} + +.woocommerce-cart #payment ul.payment_methods, +.woocommerce-checkout #payment ul.payment_methods, +#add_payment_method #payment ul.payment_methods { + *zoom: 1; + text-align: left; + padding: 1em; + border-bottom: 1px solid #d3ced2; + margin: 0; + list-style: none outside; +} + +.woocommerce-cart #payment ul.payment_methods::before, .woocommerce-cart #payment ul.payment_methods::after, +.woocommerce-checkout #payment ul.payment_methods::before, +.woocommerce-checkout #payment ul.payment_methods::after, +#add_payment_method #payment ul.payment_methods::before, +#add_payment_method #payment ul.payment_methods::after { + content: ' '; + display: table; +} + +.woocommerce-cart #payment ul.payment_methods::after, +.woocommerce-checkout #payment ul.payment_methods::after, +#add_payment_method #payment ul.payment_methods::after { + clear: both; +} + +.woocommerce-cart #payment ul.payment_methods li, +.woocommerce-checkout #payment ul.payment_methods li, +#add_payment_method #payment ul.payment_methods li { + line-height: 2; + text-align: left; + margin: 0; + font-weight: normal; +} + +.woocommerce-cart #payment ul.payment_methods li input, +.woocommerce-checkout #payment ul.payment_methods li input, +#add_payment_method #payment ul.payment_methods li input { + margin: 0 1em 0 0; +} + +.woocommerce-cart #payment ul.payment_methods li img, +.woocommerce-checkout #payment ul.payment_methods li img, +#add_payment_method #payment ul.payment_methods li img { + vertical-align: middle; + margin: -2px 0 0 0.5em; + padding: 0; + position: relative; + box-shadow: none; +} + +.woocommerce-cart #payment ul.payment_methods li img + img, +.woocommerce-checkout #payment ul.payment_methods li img + img, +#add_payment_method #payment ul.payment_methods li img + img { + margin-left: 2px; +} + +.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice), +.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice), +#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice) { + *zoom: 1; +} + +.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::before, .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after, +.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::before, +.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after, +#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::before, +#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after { + content: ' '; + display: table; +} + +.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after, +.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after, +#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after { + clear: both; +} + +.woocommerce-cart #payment div.form-row, +.woocommerce-checkout #payment div.form-row, +#add_payment_method #payment div.form-row { + padding: 1em; +} + +.woocommerce-cart #payment div.payment_box, +.woocommerce-checkout #payment div.payment_box, +#add_payment_method #payment div.payment_box { + position: relative; + box-sizing: border-box; + width: 100%; + padding: 1em; + margin: 1em 0; + font-size: 0.92em; + border-radius: 2px; + line-height: 1.5; + background-color: #dfdcde; + color: #515151; +} + +.woocommerce-cart #payment div.payment_box input.input-text, .woocommerce-cart #payment div.payment_box textarea, +.woocommerce-checkout #payment div.payment_box input.input-text, +.woocommerce-checkout #payment div.payment_box textarea, +#add_payment_method #payment div.payment_box input.input-text, +#add_payment_method #payment div.payment_box textarea { + border-color: #c7c1c6; + border-top-color: #bbb3b9; +} + +.woocommerce-cart #payment div.payment_box ::-webkit-input-placeholder, +.woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder, +#add_payment_method #payment div.payment_box ::-webkit-input-placeholder { + color: #bbb3b9; +} + +.woocommerce-cart #payment div.payment_box :-moz-placeholder, +.woocommerce-checkout #payment div.payment_box :-moz-placeholder, +#add_payment_method #payment div.payment_box :-moz-placeholder { + color: #bbb3b9; +} + +.woocommerce-cart #payment div.payment_box :-ms-input-placeholder, +.woocommerce-checkout #payment div.payment_box :-ms-input-placeholder, +#add_payment_method #payment div.payment_box :-ms-input-placeholder { + color: #bbb3b9; +} + +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods { + list-style: none outside; + margin: 0; +} + +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new { + margin: 0 0 0.5em; +} + +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label { + cursor: pointer; +} + +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput { + vertical-align: middle; + margin: -3px 1em 0 0; + position: relative; +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form, +#add_payment_method #payment div.payment_box .wc-credit-card-form { + border: 0; + padding: 0; + margin: 1em 0 0; +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc { + font-size: 1.5em; + padding: 8px; + background-repeat: no-repeat; + background-position: right 0.618em center; + background-size: 32px 20px; +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/visa.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/mastercard.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/laser.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/diners.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.maestro, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.maestro, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/maestro.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/jcb.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.amex, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.amex, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/amex.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.discover, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.discover, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.discover, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/discover.svg"); +} + +.woocommerce-cart #payment div.payment_box span.help, +.woocommerce-checkout #payment div.payment_box span.help, +#add_payment_method #payment div.payment_box span.help { + font-size: 0.857em; + color: #777; + font-weight: normal; +} + +.woocommerce-cart #payment div.payment_box .form-row, +.woocommerce-checkout #payment div.payment_box .form-row, +#add_payment_method #payment div.payment_box .form-row { + margin: 0 0 1em; +} + +.woocommerce-cart #payment div.payment_box p:last-child, +.woocommerce-checkout #payment div.payment_box p:last-child, +#add_payment_method #payment div.payment_box p:last-child { + margin-bottom: 0; +} + +.woocommerce-cart #payment div.payment_box::before, +.woocommerce-checkout #payment div.payment_box::before, +#add_payment_method #payment div.payment_box::before { + content: ''; + display: block; + border: 1em solid #dfdcde; + /* arrow size / color */ + border-right-color: transparent; + border-left-color: transparent; + border-top-color: transparent; + position: absolute; + top: -0.75em; + left: 0; + margin: -1em 0 0 2em; +} + +.woocommerce-cart #payment .payment_method_paypal .about_paypal, +.woocommerce-checkout #payment .payment_method_paypal .about_paypal, +#add_payment_method #payment .payment_method_paypal .about_paypal { + float: right; + line-height: 52px; + font-size: 0.83em; +} + +.woocommerce-cart #payment .payment_method_paypal img, +.woocommerce-checkout #payment .payment_method_paypal img, +#add_payment_method #payment .payment_method_paypal img { + max-height: 52px; + vertical-align: middle; +} + +/** + * Cart Page Styles + */ +.woocommerce-cart-form__cart-item td.product-remove { + text-align: center; +} + +.woocommerce-cart-form__cart-item td.product-remove a.remove { + display: inline-block; + vertical-align: middle; +} + +/** + * Cart Page + */ +.woocommerce-cart { + /* Proceed to check out button */ +} + +.woocommerce-cart table.shop_table td, .woocommerce-cart table.shop_table th { + border-right: 0; +} + +.woocommerce-cart table.shop_table .woocommerce-Price-amount, +.woocommerce-cart table.shop_table td.product-name { + font-weight: 700; +} + +.woocommerce-cart .cart-collaterals .cross-sells li.product { + padding-bottom: 1em; +} + +.woocommerce-cart .cart-collaterals .cart_totals, +.woocommerce-cart .cart-collaterals .cross-sells { + padding: 0 20px; + border-width: 1px; + border-style: solid; + border-color: #ebebeb; + border-radius: 0; + margin-bottom: 2em; +} + +.woocommerce-cart .cart-collaterals .cart_totals .shop_table, +.woocommerce-cart .cart-collaterals .cross-sells .shop_table { + border-top: 0; + border-left: 0; + border-right: 0; + border-radius: 0; +} + +.woocommerce-cart .cart-collaterals .cart_totals > h2, +.woocommerce-cart .cart-collaterals .cross-sells > h2 { + margin: 0 -20px 20px; + background-color: #fbfbfb; + border-bottom: 1px solid #ebebeb; +} + +.woocommerce-cart .hentry, +.woocommerce-cart ul.products { + margin-bottom: 0; +} + +.woocommerce-cart .hentry li.product, +.woocommerce-cart ul.products li.product { + margin-bottom: 0; +} + +.woocommerce-cart table.cart td.actions .coupon { + display: flex; + align-items: center; + margin: 5px 0; +} + +.woocommerce-cart table.cart td.actions .coupon .input-text { + padding: .5em .75em; +} + +.woocommerce-cart table.cart td.actions .button { + padding: .5em 1em; + line-height: 1.5; +} + +.woocommerce-cart table.cart td.actions input.button { + display: inline-block; + width: auto; +} + +.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { + font-size: 1.1em; + line-height: 1.8em; +} + +/** + * Checkout Page + */ +.woocommerce.woocommerce-checkout, +.woocommerce-page.woocommerce-checkout { + /* Ordered received style */ +} + +.woocommerce.woocommerce-checkout form.checkout.woocommerce-checkout:after, +.woocommerce-page.woocommerce-checkout form.checkout.woocommerce-checkout:after { + content: ""; + clear: both; + display: table; +} + +.woocommerce.woocommerce-checkout table.shop_table thead, +.woocommerce-page.woocommerce-checkout table.shop_table thead { + background: none; +} + +.woocommerce.woocommerce-checkout table.shop_table th, +.woocommerce-page.woocommerce-checkout table.shop_table th { + padding: 14px 12px; +} + +.woocommerce.woocommerce-checkout table.shop_table td, +.woocommerce-page.woocommerce-checkout table.shop_table td { + padding: 10px 10px 10px 0; + border-color: #ebebeb; + opacity: 0.8; +} + +.woocommerce.woocommerce-checkout table.shop_table tfoot td, +.woocommerce-page.woocommerce-checkout table.shop_table tfoot td { + opacity: 1; +} + +.woocommerce.woocommerce-checkout table.shop_table td, .woocommerce.woocommerce-checkout table.shop_table th, +.woocommerce-page.woocommerce-checkout table.shop_table td, +.woocommerce-page.woocommerce-checkout table.shop_table th { + border-bottom-width: 1px; +} + +.woocommerce.woocommerce-checkout #customer_details h3, +.woocommerce-page.woocommerce-checkout #customer_details h3 { + font-size: 1.2rem; + padding: 20px 0 14px; + margin: 0 0 20px; + border-bottom: 1px solid #ebebeb; +} + +.woocommerce.woocommerce-checkout form #order_review_heading, +.woocommerce-page.woocommerce-checkout form #order_review_heading { + border-width: 2px 2px 0 2px; + border-style: solid; + font-size: 1.2rem; + margin: 0; + padding: 1.5em 1.5em 1em; + border-color: #ebebeb; +} + +.woocommerce.woocommerce-checkout form #order_review, +.woocommerce-page.woocommerce-checkout form #order_review { + padding: 0 2em; + border-width: 0 2px 2px; + border-style: solid; + border-color: #ebebeb; +} + +.woocommerce.woocommerce-checkout form #order_review table, +.woocommerce-page.woocommerce-checkout form #order_review table { + border-width: 0; +} + +.woocommerce.woocommerce-checkout form #order_review td, +.woocommerce.woocommerce-checkout form #order_review th, +.woocommerce-page.woocommerce-checkout form #order_review td, +.woocommerce-page.woocommerce-checkout form #order_review th { + border-top: 0; + border-right: 0; + padding-left: 0; + border-color: #ebebeb; +} + +.woocommerce.woocommerce-checkout form .form-row:last-child, +.woocommerce-page.woocommerce-checkout form .form-row:last-child { + margin-bottom: 0; +} + +.woocommerce.woocommerce-checkout #payment, +.woocommerce-page.woocommerce-checkout #payment { + border-radius: 0; +} + +.woocommerce.woocommerce-checkout #payment ul.payment_methods, +.woocommerce-page.woocommerce-checkout #payment ul.payment_methods { + padding: 0; + margin-bottom: 1em; + border-bottom: 0; +} + +.woocommerce.woocommerce-checkout #payment div.payment_box, +.woocommerce-page.woocommerce-checkout #payment div.payment_box { + background-color: #efefef; +} + +.woocommerce.woocommerce-checkout #payment div.payment_box:before, +.woocommerce-page.woocommerce-checkout #payment div.payment_box:before { + border-bottom-color: #efefef; +} + +.woocommerce.woocommerce-checkout #payment div.form-row, +.woocommerce-page.woocommerce-checkout #payment div.form-row { + padding: 0 0 2em; +} + +.woocommerce.woocommerce-checkout #payment #place_order, +.woocommerce-page.woocommerce-checkout #payment #place_order { + width: 100%; +} + +.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table th, .woocommerce.woocommerce-checkout .woocommerce-order table.shop_table td, +.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table th, +.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table td { + padding: .7em 1em; + border-bottom-width: 0px; +} + +.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table th:last-child, .woocommerce.woocommerce-checkout .woocommerce-order table.shop_table td:last-child, +.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table th:last-child, +.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table td:last-child { + border-right-width: 0px; +} + +.woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title, .woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title, +.woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title, +.woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title { + background: #fbfbfb; + padding: 1em; + margin-bottom: 0; + font-size: 1.3rem; + border-width: 1px 1px 0 1px; + border-style: solid; + border-color: #e5e5e5; +} + +.woocommerce.woocommerce-checkout .woocommerce-order h2.wc-bacs-bank-details-heading, +.woocommerce-page.woocommerce-checkout .woocommerce-order h2.wc-bacs-bank-details-heading { + font-size: 1.5rem; + border-top: 3px solid #ebebeb; + padding-top: .5em; +} + +.woocommerce.woocommerce-checkout .woocommerce-order h3, +.woocommerce-page.woocommerce-checkout .woocommerce-order h3 { + font-size: 1.1rem; +} + +.woocommerce.woocommerce-checkout .woocommerce-order ul.order_details, +.woocommerce-page.woocommerce-checkout .woocommerce-order ul.order_details { + margin-bottom: 2em; +} + +.woocommerce.woocommerce-checkout .woocommerce-customer-details address, +.woocommerce-page.woocommerce-checkout .woocommerce-customer-details address { + border-right-width: 1px; + border-bottom-width: 1px; + border-radius: 0; +} + +.woocommerce form .form-row .required { + text-decoration: none; +} + +.woocommerce form.checkout_coupon { + margin: 0; + border: 0; + padding: 0 0 2em; +} + +.woocommerce form.checkout_coupon .form-row { + margin: 0; + padding: 0; + float: none; + display: inline-block; +} + +.woocommerce form.checkout_coupon [name="coupon_code"] { + padding-top: 9px; + padding-bottom: 9px; +} + +.woocommerce form.checkout_coupon .button { + padding: .5em 1em; + vertical-align: initial; + line-height: 1.35; +} + +.woocommerce form.checkout_coupon .button[name="apply_coupon"] { + padding: 10px 40px; +} + +@media (max-width: 420px) { + .woocommerce form.checkout_coupon .form-row-first, + .woocommerce form.checkout_coupon .form-row-last { + display: block; + margin: 0 auto; + width: 100%; + } + .woocommerce form.checkout_coupon .form-row-first { + margin-bottom: 10px; + } + .woocommerce form.checkout_coupon .button[name="apply_coupon"] { + width: 100%; + padding: 10px 5px; + } +} + +.checkout_coupon .input-text { + padding: .5em .75em; +} + +/** + * My Account Style + */ +.woocommerce-MyAccount-navigation-link { + list-style: none; + border: 1px solid rgba(0, 0, 0, 0.1); + border-bottom-width: 0; +} + +.woocommerce-MyAccount-navigation-link:last-child { + border-bottom-width: 1px; +} + +.woocommerce-MyAccount-navigation-link.is-active a { + background-color: #fbfbfb; +} + +.woocommerce-MyAccount-navigation-link a { + display: block; + padding: .5em 1em; +} + +.woocommerce-MyAccount-navigation > ul { + margin: 0; +} + +.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button { + margin-top: 1em; + margin-left: 3px; +} + +/** + * Widgets Style + */ +#secondary .widget_layered_nav_filters > li, +#secondary .widget.woocommerce > li { + margin-bottom: 0; +} + +#secondary .widget .select2-container .select2-selection--multiple .select2-selection__rendered { + display: block; + min-height: 42px; +} + +#secondary .widget .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { + margin-top: 5px; + margin-bottom: 5px; +} + +#secondary .widget .select2-search__field { + min-height: 42px; + margin: 0; +} + +.woocommerce { + /* Product Tag Cloud */ +} + +.woocommerce #secondary .woocommerce ul.cart_list, +.woocommerce #secondary .woocommerce ul.product_list_widget { + margin: 0; +} + +.woocommerce .woocommerce ul.cart_list li a, +.woocommerce .woocommerce ul.product_list_widget li a { + font-weight: normal; +} + +.woocommerce .widget_shopping_cart .cart_list li, +.woocommerce .widget_shopping_cart li, +.woocommerce ul.product_list_widget .cart_list li, +.woocommerce ul.product_list_widget li { + padding: .6em 0 .6em 5em; + min-height: 5em; + position: relative; + border-bottom: 1px solid #e2e2e2; + margin: 0; + line-height: 1.5; +} + +.woocommerce .widget_shopping_cart .cart_list li:last-child, .woocommerce .widget_shopping_cart .cart_list li:last-child, +.woocommerce .widget_shopping_cart li:last-child, +.woocommerce .widget_shopping_cart li:last-child, +.woocommerce ul.product_list_widget .cart_list li:last-child, +.woocommerce ul.product_list_widget .cart_list li:last-child, +.woocommerce ul.product_list_widget li:last-child, +.woocommerce ul.product_list_widget li:last-child { + border-bottom: none; +} + +.woocommerce .widget_shopping_cart .woocommerce-mini-cart__buttons { + margin-bottom: 0; +} + +.woocommerce .widget_shopping_cart .woocommerce-mini-cart__buttons a { + display: inline-block; + width: calc( 50% - 5px); + margin-right: 5px; + text-align: center; +} + +.woocommerce .widget_shopping_cart .woocommerce-mini-cart__buttons .checkout.wc-forward { + margin-left: 5px; + margin-right: 0; +} + +.woocommerce.widget_product_tag_cloud .tagcloud { + margin-top: 10px; + display: inline-block; +} + +.woocommerce.widget_product_tag_cloud .tagcloud a { + border: 1px solid #e2e2e2; + padding: 0.5em 0.9em; + display: inline-block; + margin-bottom: 4px; + font-size: 14px; + margin-right: 4px; + line-height: 1.5; + transition: all 0.2s linear; +} + +.woocommerce .widget_shopping_cart .total, +.woocommerce.widget_shopping_cart .total { + padding: 5px 0; + border-top: 1px solid #e2e2e2; + border-bottom: 1px solid #e2e2e2; + margin-bottom: 1.3em; +} + +.woocommerce ul.product_list_widget li img { + position: absolute; + left: 0; + width: 4em; + margin: 0 0 .5em 0; + top: 50%; + transform: translateY(-50%); +} + +.woocommerce ul.product-categories > li { + padding: 2px 0px; +} + +.woocommerce ul.product-categories > li:first-child { + border: none; +} + +.woocommerce .widget del { + opacity: .5; +} + +.woocommerce .widget ins { + background: inherit; +} + +.woocommerce .widget .amount, +.woocommerce .widget ins { + font-weight: 700; +} + +.woocommerce .widget .star-rating { + margin: 5px 0; +} + +.woocommerce .widget_rating_filter ul li a { + display: inline-flex; + align-items: center; +} + +.woocommerce .price_slider_amount .price_label span { + font-weight: 700; +} + +.woocommerce .widget_price_filter .ui-slider-horizontal { + height: .2em; +} + +.woocommerce .widget_price_filter .ui-slider .ui-slider-handle { + top: -.4em; + cursor: pointer; +} + +.woocommerce .widget_price_filter .price_slider_amount .button { + font-size: .9em !important; + padding: 8px 18px; +} + +.woocommerce .widget_price_filter .price_slider { + margin-bottom: 1.2em; +} + +.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { + background-color: #ededed; +} + +.woocommerce .widget_product_tag_cloud .tagcloud a { + border: 1px solid #e2e2e2; + padding: 0.5em 0.9em; + display: inline-block; + margin-bottom: 4px; + margin-right: 4px; + line-height: 1.5; + padding: .5em 1.2em; + font-size: 12px !important; + font-size: 0.8rem !important; +} + +.woocommerce .widget_product_tag_cloud .tagcloud a a:hover, +.woocommerce .widget_product_tag_cloud .tagcloud a a:focus, +.woocommerce .widget_product_tag_cloud .tagcloud a a.current-item { + background-color: #fafafa; +} + +.woocommerce .widget_shopping_cart .cart_list li, +.woocommerce.widget_shopping_cart .cart_list li { + padding: .5em 1.8em .5em 5em; +} + +.woocommerce .widget_shopping_cart .cart_list li a.remove, +.woocommerce.widget_shopping_cart .cart_list li a.remove { + position: absolute; + left: auto; + right: 0; + top: .5em; +} + +.woocommerce-product-search { + display: flex; +} + +.woocommerce-product-search .search-field { + flex: auto; + width: 100%; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.woocommerce-product-search input[type="submit"] { + padding: 10px 15px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.widget_layered_nav_filters ul li.chosen { + padding: 0 .5em; + margin-right: .5em; + background: rgba(245, 245, 245, 0.75); + border-radius: 20px; + font-size: .8em; +} + +.widget_layered_nav_filters ul li.chosen:hover { + background-color: whitesmoke; +} + +.widget_layered_nav_filters ul li.chosen a { + display: block; +} + +.widget_layered_nav_filters ul li.chosen a::before { + margin-right: .5em; + color: #ff1111; +} + +.woocommerce-terms-and-conditions { + border: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background: rgba(0, 0, 0, 0.05); +} + +/** + * Password strength meter + */ +.woocommerce-password-strength { + text-align: center; + font-weight: 600; + padding: 3px 0.5em; + font-size: 1em; +} + +.woocommerce-password-strength.strong { + background-color: #c1e1b9; + border-color: #83c373; +} + +.woocommerce-password-strength.short { + background-color: #f1adad; + border-color: #e35b5b; +} + +.woocommerce-password-strength.bad { + background-color: #fbc5a9; + border-color: #f78b53; +} + +.woocommerce-password-strength.good { + background-color: #ffe399; + border-color: #ffc733; +} + +.woocommerce-password-hint { + margin: 0.5em 0 0; + display: block; +} + +.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu .header-main-layout-2 .main-header-container { + display: block; +} + +.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .header-main-layout-2 .main-header-container { + text-align: center; +} + +.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-main-header-bar-alignment { + display: inline-block; +} + +.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-masthead-custom-menu-items { + display: inline-block; + float: right; +} + +.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-break-point .header-main-layout-2 .main-header-container { + display: flex; +} + +/** + * Woocommerce Pagination RTL + */ +.rtl .woocommerce-pagination .page-numbers li:last-child .next { + transform: rotateY(180deg); +} + +.rtl .woocommerce-pagination .page-numbers li:first-child .prev { + transform: rotateY(-180deg); +} + +.ast-site-header-cart .widgettitle { + display: none; +} + +/** + * Woocommerce Gutenberg Blocks Product Grid CSS Compatibility. + */ +.wc-block-grid .wc-block-grid__products .wc-block-grid__product { + text-align: left; + margin-bottom: 2.5em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category > a { + display: inline-block; + position: relative; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product a img { + width: 100%; + height: auto; + display: block; + margin: 0 0 .8em 0; + box-shadow: none; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title { + margin-bottom: .5em; + padding: 0; + font-size: 1em; + line-height: 1.2; + font-weight: inherit; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .star-rating { + margin: 0 auto .5em 0; + backface-visibility: hidden; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link { + position: relative; + display: block; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock { + background-color: white; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category > a:hover .woocommerce-loop-category__title { + background-color: white; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title { + bottom: 1.8em; + font-size: 0.9em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count { + font-size: .7em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price { + line-height: 1.3; + margin-bottom: 0; + font-weight: 700; + margin-bottom: .5em; + font-size: .9em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price del { + display: initial; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link { + margin-top: .5em; + margin-bottom: .5em; + white-space: normal; + line-height: 1.3; + font-size: 100%; + font-weight: 700; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.added { + margin-bottom: 0; + transition: margin 0s; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title { + text-transform: uppercase; + font-weight: bold; + line-height: 1.5; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count { + display: block; + background: none; + opacity: .5; + font-size: .75em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale { + min-width: 3em; + min-height: 3em; + line-height: 3em; + padding: 0; + font-size: 1em; + font-weight: normal; + text-transform: capitalize; + position: absolute; + text-align: center; + border-radius: 100%; + z-index: 9; + top: 0; + right: 15px; + left: auto; + margin: -0.5em -0.5em 0 0; +} + +/** + * Product categories - Sub Category CSS. + */ +.widget_product_categories .children { + padding-left: 20px; +} + +/** + * Firefox browser compatibility for WooCommerce. + * + * 1. Product Search widget button misalign issue. + */ +@supports (-moz-appearance: none) { + .sidebar-main .widget_product_search .search-field { + width: 60%; + } +} diff --git a/assets/css/unminified/compatibility/woocommerce/woocommerce-layout-grid-rtl.css b/assets/css/unminified/compatibility/woocommerce/woocommerce-layout-grid-rtl.css new file mode 100644 index 0000000..6b7a484 --- /dev/null +++ b/assets/css/unminified/compatibility/woocommerce/woocommerce-layout-grid-rtl.css @@ -0,0 +1,615 @@ +/** + * woocommerce-layout-grid.scss + * Applies layout to the default WooCommerce frontend design + */ +/** + * Imports + */ +/** + * Deprecated + * Fallback for bourbon equivalent + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Use bourbon mixin instead `@include transform(scale(1.5));` + */ +/** + * Deprecated + * Use bourbon mixin instead `@include box-sizing(border-box);` + */ +/** + * Objects + */ +/** + * WooCommerce CSS Variables + */ +/** + * Astra Theme compatibility with WooCommerce + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/** + * Styling begins + */ +.woocommerce, .woocommerce-page { + /** + * General layout styles + */ + /** + * Product page + */ + /** + * Product loops + */ + /** + * Cart page + */ + /** + * Cart sidebar + */ + /** + * Forms + */ + /** + * oEmbeds + */ +} + +.woocommerce .woocommerce-message .button, +.woocommerce .woocommerce-error .button, +.woocommerce .woocommerce-info .button, .woocommerce-page .woocommerce-message .button, +.woocommerce-page .woocommerce-error .button, +.woocommerce-page .woocommerce-info .button { + float: left; +} + +.woocommerce .col2-set, .woocommerce-page .col2-set { + *zoom: 1; + width: 100%; +} + +.woocommerce .col2-set::before, .woocommerce .col2-set::after, .woocommerce-page .col2-set::before, .woocommerce-page .col2-set::after { + content: ' '; + display: table; +} + +.woocommerce .col2-set::after, .woocommerce-page .col2-set::after { + clear: both; +} + +.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { + float: right; + width: 48%; +} + +.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { + float: left; + width: 48%; +} + +.woocommerce img, .woocommerce-page img { + height: auto; + max-width: 100%; +} + +.woocommerce div.product div.images, +.woocommerce #content div.product div.images, .woocommerce-page div.product div.images, +.woocommerce-page #content div.product div.images { + float: right; + width: 48%; +} + +.woocommerce div.product div.thumbnails, +.woocommerce #content div.product div.thumbnails, .woocommerce-page div.product div.thumbnails, +.woocommerce-page #content div.product div.thumbnails { + *zoom: 1; +} + +.woocommerce div.product div.thumbnails::before, .woocommerce div.product div.thumbnails::after, +.woocommerce #content div.product div.thumbnails::before, +.woocommerce #content div.product div.thumbnails::after, .woocommerce-page div.product div.thumbnails::before, .woocommerce-page div.product div.thumbnails::after, +.woocommerce-page #content div.product div.thumbnails::before, +.woocommerce-page #content div.product div.thumbnails::after { + content: ' '; + display: table; +} + +.woocommerce div.product div.thumbnails::after, +.woocommerce #content div.product div.thumbnails::after, .woocommerce-page div.product div.thumbnails::after, +.woocommerce-page #content div.product div.thumbnails::after { + clear: both; +} + +.woocommerce div.product div.thumbnails a, +.woocommerce #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a, +.woocommerce-page #content div.product div.thumbnails a { + float: right; + width: 30.75%; + margin-left: 3.8%; + margin-bottom: 1em; +} + +.woocommerce div.product div.thumbnails a.last, +.woocommerce #content div.product div.thumbnails a.last, .woocommerce-page div.product div.thumbnails a.last, +.woocommerce-page #content div.product div.thumbnails a.last { + margin-left: 0; +} + +.woocommerce div.product div.thumbnails a.first, +.woocommerce #content div.product div.thumbnails a.first, .woocommerce-page div.product div.thumbnails a.first, +.woocommerce-page #content div.product div.thumbnails a.first { + clear: both; +} + +.woocommerce div.product div.thumbnails.columns-1 a, +.woocommerce #content div.product div.thumbnails.columns-1 a, .woocommerce-page div.product div.thumbnails.columns-1 a, +.woocommerce-page #content div.product div.thumbnails.columns-1 a { + width: 100%; + margin-left: 0; + float: none; +} + +.woocommerce div.product div.thumbnails.columns-2 a, +.woocommerce #content div.product div.thumbnails.columns-2 a, .woocommerce-page div.product div.thumbnails.columns-2 a, +.woocommerce-page #content div.product div.thumbnails.columns-2 a { + width: 48%; +} + +.woocommerce div.product div.thumbnails.columns-4 a, +.woocommerce #content div.product div.thumbnails.columns-4 a, .woocommerce-page div.product div.thumbnails.columns-4 a, +.woocommerce-page #content div.product div.thumbnails.columns-4 a { + width: 22.05%; +} + +.woocommerce div.product div.thumbnails.columns-5 a, +.woocommerce #content div.product div.thumbnails.columns-5 a, .woocommerce-page div.product div.thumbnails.columns-5 a, +.woocommerce-page #content div.product div.thumbnails.columns-5 a { + width: 16.9%; +} + +.woocommerce div.product div.summary, +.woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, +.woocommerce-page #content div.product div.summary { + float: left; + width: 48%; + clear: none; +} + +.woocommerce div.product .woocommerce-tabs, +.woocommerce #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs, +.woocommerce-page #content div.product .woocommerce-tabs { + clear: both; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs, +.woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs, +.woocommerce-page #content div.product .woocommerce-tabs ul.tabs { + *zoom: 1; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs::after, +.woocommerce #content div.product .woocommerce-tabs ul.tabs::before, +.woocommerce #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page div.product .woocommerce-tabs ul.tabs::before, .woocommerce-page div.product .woocommerce-tabs ul.tabs::after, +.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before, +.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after { + content: ' '; + display: table; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs::after, +.woocommerce #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page div.product .woocommerce-tabs ul.tabs::after, +.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after { + clear: both; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li, +.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, +.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { + display: inline-block; +} + +.woocommerce div.product #reviews .comment, +.woocommerce #content div.product #reviews .comment, .woocommerce-page div.product #reviews .comment, +.woocommerce-page #content div.product #reviews .comment { + *zoom: 1; +} + +.woocommerce div.product #reviews .comment::before, .woocommerce div.product #reviews .comment::after, +.woocommerce #content div.product #reviews .comment::before, +.woocommerce #content div.product #reviews .comment::after, .woocommerce-page div.product #reviews .comment::before, .woocommerce-page div.product #reviews .comment::after, +.woocommerce-page #content div.product #reviews .comment::before, +.woocommerce-page #content div.product #reviews .comment::after { + content: ' '; + display: table; +} + +.woocommerce div.product #reviews .comment::after, +.woocommerce #content div.product #reviews .comment::after, .woocommerce-page div.product #reviews .comment::after, +.woocommerce-page #content div.product #reviews .comment::after { + clear: both; +} + +.woocommerce div.product #reviews .comment img, +.woocommerce #content div.product #reviews .comment img, .woocommerce-page div.product #reviews .comment img, +.woocommerce-page #content div.product #reviews .comment img { + float: left; + height: auto; +} + +.woocommerce ul.products, .woocommerce-page ul.products { + display: grid; + grid-template-columns: repeat(4, 1fr); + column-gap: 20px; +} + +.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { + display: flex; + flex-direction: column; + width: 100%; + padding: 0; + position: relative; +} + +.woocommerce ul.products.columns-1, .woocommerce-page ul.products.columns-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + width: 100%; + margin-left: 0; +} + +.woocommerce ul.products.columns-2, .woocommerce-page ul.products.columns-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + +.woocommerce ul.products.columns-3, .woocommerce-page ul.products.columns-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); +} + +.woocommerce ul.products.columns-5, .woocommerce-page ul.products.columns-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); +} + +.woocommerce ul.products.columns-6, .woocommerce-page ul.products.columns-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); +} + +.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { + float: right; +} + +.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { + float: left; +} + +.woocommerce .woocommerce-pagination ul.page-numbers, .woocommerce-page .woocommerce-pagination ul.page-numbers { + *zoom: 1; +} + +.woocommerce .woocommerce-pagination ul.page-numbers::before, .woocommerce .woocommerce-pagination ul.page-numbers::after, .woocommerce-page .woocommerce-pagination ul.page-numbers::before, .woocommerce-page .woocommerce-pagination ul.page-numbers::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce-pagination ul.page-numbers::after, .woocommerce-page .woocommerce-pagination ul.page-numbers::after { + clear: both; +} + +.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li { + display: inline-block; +} + +.woocommerce table.cart img, +.woocommerce #content table.cart img, .woocommerce-page table.cart img, +.woocommerce-page #content table.cart img { + height: auto; +} + +.woocommerce table.cart td.actions, +.woocommerce #content table.cart td.actions, .woocommerce-page table.cart td.actions, +.woocommerce-page #content table.cart td.actions { + text-align: left; +} + +.woocommerce table.cart td.actions .input-text, +.woocommerce #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text, +.woocommerce-page #content table.cart td.actions .input-text { + width: 80px; +} + +.woocommerce table.cart td.actions .button, +.woocommerce #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button, +.woocommerce-page #content table.cart td.actions .button { + line-height: 1; + border-width: 1px; + border-style: solid; +} + +.woocommerce table.cart td.actions .coupon, +.woocommerce #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon, +.woocommerce-page #content table.cart td.actions .coupon { + float: right; + display: flex; + margin: 0 auto; +} + +.woocommerce table.cart td.actions .coupon label, +.woocommerce #content table.cart td.actions .coupon label, .woocommerce-page table.cart td.actions .coupon label, +.woocommerce-page #content table.cart td.actions .coupon label { + display: none; +} + +.woocommerce table.cart td.actions .button, +.woocommerce #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button, +.woocommerce-page #content table.cart td.actions .button { + margin-right: 5px; +} + +@media (min-width: 545px) { + .woocommerce table.cart td.actions > input[type="submit"], + .woocommerce #content table.cart td.actions > input[type="submit"], .woocommerce-page table.cart td.actions > input[type="submit"], + .woocommerce-page #content table.cart td.actions > input[type="submit"] { + margin: 5px auto; + } +} + +.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { + *zoom: 1; + width: 100%; +} + +.woocommerce .cart-collaterals::before, .woocommerce .cart-collaterals::after, .woocommerce-page .cart-collaterals::before, .woocommerce-page .cart-collaterals::after { + content: ' '; + display: table; +} + +.woocommerce .cart-collaterals::after, .woocommerce-page .cart-collaterals::after { + clear: both; +} + +.woocommerce .cart-collaterals .related, .woocommerce-page .cart-collaterals .related { + width: 30.75%; + float: right; +} + +.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { + width: 48%; + float: right; +} + +.woocommerce .cart-collaterals .cross-sells ul.products, .woocommerce-page .cart-collaterals .cross-sells ul.products { + float: none; +} + +.woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li { + width: calc(50% - 10px); +} + +.woocommerce .cart-collaterals .cross-sells ul.products li.first, .woocommerce-page .cart-collaterals .cross-sells ul.products li.first { + clear: both; +} + +.woocommerce .cart-collaterals .cross-sells ul.products li.last, .woocommerce-page .cart-collaterals .cross-sells ul.products li.last { + margin-left: 0; +} + +.woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator { + width: 48%; + *zoom: 1; + clear: left; + float: left; +} + +.woocommerce .cart-collaterals .shipping_calculator::before, .woocommerce .cart-collaterals .shipping_calculator::after, .woocommerce-page .cart-collaterals .shipping_calculator::before, .woocommerce-page .cart-collaterals .shipping_calculator::after { + content: ' '; + display: table; +} + +.woocommerce .cart-collaterals .shipping_calculator::after, .woocommerce-page .cart-collaterals .shipping_calculator::after { + clear: both; +} + +.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1, +.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2, .woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1, +.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2 { + width: 47%; +} + +.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { + float: left; + width: 48%; +} + +.woocommerce ul.cart_list li, +.woocommerce ul.product_list_widget li, .woocommerce-page ul.cart_list li, +.woocommerce-page ul.product_list_widget li { + *zoom: 1; +} + +.woocommerce ul.cart_list li::before, .woocommerce ul.cart_list li::after, +.woocommerce ul.product_list_widget li::before, +.woocommerce ul.product_list_widget li::after, .woocommerce-page ul.cart_list li::before, .woocommerce-page ul.cart_list li::after, +.woocommerce-page ul.product_list_widget li::before, +.woocommerce-page ul.product_list_widget li::after { + content: ' '; + display: table; +} + +.woocommerce ul.cart_list li::after, +.woocommerce ul.product_list_widget li::after, .woocommerce-page ul.cart_list li::after, +.woocommerce-page ul.product_list_widget li::after { + clear: both; +} + +.woocommerce ul.cart_list li img, +.woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, +.woocommerce-page ul.product_list_widget li img { + float: left; + height: auto; +} + +.woocommerce form .form-row, .woocommerce-page form .form-row { + *zoom: 1; +} + +.woocommerce form .form-row::before, .woocommerce form .form-row::after, .woocommerce-page form .form-row::before, .woocommerce-page form .form-row::after { + content: ' '; + display: table; +} + +.woocommerce form .form-row::after, .woocommerce-page form .form-row::after { + clear: both; +} + +.woocommerce form .form-row label, .woocommerce-page form .form-row label { + display: block; +} + +.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox { + display: inline; +} + +.woocommerce form .form-row select, .woocommerce-page form .form-row select { + width: 100%; +} + +.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text { + box-sizing: border-box; + width: 100%; +} + +.woocommerce form .form-row-first, +.woocommerce form .form-row-last, .woocommerce-page form .form-row-first, +.woocommerce-page form .form-row-last { + width: 47%; + overflow: visible; +} + +.woocommerce form .form-row-first, .woocommerce-page form .form-row-first { + float: right; +} + +.woocommerce form .form-row-last, .woocommerce-page form .form-row-last { + float: left; +} + +.woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide { + clear: both; +} + +.woocommerce #payment .form-row select, .woocommerce-page #payment .form-row select { + width: auto; +} + +.woocommerce #payment .wc-terms-and-conditions, .woocommerce #payment .terms, .woocommerce-page #payment .wc-terms-and-conditions, .woocommerce-page #payment .terms { + text-align: right; + padding: 0; + width: 100%; + margin-bottom: 1em; +} + +.woocommerce #payment #place_order, .woocommerce-page #payment #place_order { + float: left; +} + +.woocommerce .woocommerce-billing-fields, +.woocommerce .woocommerce-shipping-fields, .woocommerce-page .woocommerce-billing-fields, +.woocommerce-page .woocommerce-shipping-fields { + *zoom: 1; +} + +.woocommerce .woocommerce-billing-fields::before, .woocommerce .woocommerce-billing-fields::after, +.woocommerce .woocommerce-shipping-fields::before, +.woocommerce .woocommerce-shipping-fields::after, .woocommerce-page .woocommerce-billing-fields::before, .woocommerce-page .woocommerce-billing-fields::after, +.woocommerce-page .woocommerce-shipping-fields::before, +.woocommerce-page .woocommerce-shipping-fields::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce-billing-fields::after, +.woocommerce .woocommerce-shipping-fields::after, .woocommerce-page .woocommerce-billing-fields::after, +.woocommerce-page .woocommerce-shipping-fields::after { + clear: both; +} + +.woocommerce .woocommerce-terms-and-conditions, .woocommerce-page .woocommerce-terms-and-conditions { + margin-bottom: 1.618em; + padding: 1.618em; +} + +.woocommerce .woocommerce-oembed, .woocommerce-page .woocommerce-oembed { + position: relative; +} + +.woocommerce-account .woocommerce-MyAccount-navigation { + float: right; + width: 30%; +} + +.woocommerce-account .woocommerce-MyAccount-content { + float: left; + width: 68%; +} + +.woocommerce-account .woocommerce-MyAccount-content fieldset { + border: 0; + margin: 1em 0 0; + padding: 3px; +} + +.woocommerce-account .woocommerce-MyAccount-content fieldset legend { + padding: 3px 0; + border-bottom: 1px solid #e5e5e5; + width: 100%; + margin: 10px 0; +} + +.woocommerce-account .woocommerce-MyAccount-content fieldset .form-row { + padding-right: 0; + padding-left: 0; +} diff --git a/assets/css/unminified/compatibility/woocommerce/woocommerce-layout-grid.css b/assets/css/unminified/compatibility/woocommerce/woocommerce-layout-grid.css new file mode 100644 index 0000000..16c20ea --- /dev/null +++ b/assets/css/unminified/compatibility/woocommerce/woocommerce-layout-grid.css @@ -0,0 +1,615 @@ +/** + * woocommerce-layout-grid.scss + * Applies layout to the default WooCommerce frontend design + */ +/** + * Imports + */ +/** + * Deprecated + * Fallback for bourbon equivalent + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Use bourbon mixin instead `@include transform(scale(1.5));` + */ +/** + * Deprecated + * Use bourbon mixin instead `@include box-sizing(border-box);` + */ +/** + * Objects + */ +/** + * WooCommerce CSS Variables + */ +/** + * Astra Theme compatibility with WooCommerce + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/** + * Styling begins + */ +.woocommerce, .woocommerce-page { + /** + * General layout styles + */ + /** + * Product page + */ + /** + * Product loops + */ + /** + * Cart page + */ + /** + * Cart sidebar + */ + /** + * Forms + */ + /** + * oEmbeds + */ +} + +.woocommerce .woocommerce-message .button, +.woocommerce .woocommerce-error .button, +.woocommerce .woocommerce-info .button, .woocommerce-page .woocommerce-message .button, +.woocommerce-page .woocommerce-error .button, +.woocommerce-page .woocommerce-info .button { + float: right; +} + +.woocommerce .col2-set, .woocommerce-page .col2-set { + *zoom: 1; + width: 100%; +} + +.woocommerce .col2-set::before, .woocommerce .col2-set::after, .woocommerce-page .col2-set::before, .woocommerce-page .col2-set::after { + content: ' '; + display: table; +} + +.woocommerce .col2-set::after, .woocommerce-page .col2-set::after { + clear: both; +} + +.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { + float: left; + width: 48%; +} + +.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { + float: right; + width: 48%; +} + +.woocommerce img, .woocommerce-page img { + height: auto; + max-width: 100%; +} + +.woocommerce div.product div.images, +.woocommerce #content div.product div.images, .woocommerce-page div.product div.images, +.woocommerce-page #content div.product div.images { + float: left; + width: 48%; +} + +.woocommerce div.product div.thumbnails, +.woocommerce #content div.product div.thumbnails, .woocommerce-page div.product div.thumbnails, +.woocommerce-page #content div.product div.thumbnails { + *zoom: 1; +} + +.woocommerce div.product div.thumbnails::before, .woocommerce div.product div.thumbnails::after, +.woocommerce #content div.product div.thumbnails::before, +.woocommerce #content div.product div.thumbnails::after, .woocommerce-page div.product div.thumbnails::before, .woocommerce-page div.product div.thumbnails::after, +.woocommerce-page #content div.product div.thumbnails::before, +.woocommerce-page #content div.product div.thumbnails::after { + content: ' '; + display: table; +} + +.woocommerce div.product div.thumbnails::after, +.woocommerce #content div.product div.thumbnails::after, .woocommerce-page div.product div.thumbnails::after, +.woocommerce-page #content div.product div.thumbnails::after { + clear: both; +} + +.woocommerce div.product div.thumbnails a, +.woocommerce #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a, +.woocommerce-page #content div.product div.thumbnails a { + float: left; + width: 30.75%; + margin-right: 3.8%; + margin-bottom: 1em; +} + +.woocommerce div.product div.thumbnails a.last, +.woocommerce #content div.product div.thumbnails a.last, .woocommerce-page div.product div.thumbnails a.last, +.woocommerce-page #content div.product div.thumbnails a.last { + margin-right: 0; +} + +.woocommerce div.product div.thumbnails a.first, +.woocommerce #content div.product div.thumbnails a.first, .woocommerce-page div.product div.thumbnails a.first, +.woocommerce-page #content div.product div.thumbnails a.first { + clear: both; +} + +.woocommerce div.product div.thumbnails.columns-1 a, +.woocommerce #content div.product div.thumbnails.columns-1 a, .woocommerce-page div.product div.thumbnails.columns-1 a, +.woocommerce-page #content div.product div.thumbnails.columns-1 a { + width: 100%; + margin-right: 0; + float: none; +} + +.woocommerce div.product div.thumbnails.columns-2 a, +.woocommerce #content div.product div.thumbnails.columns-2 a, .woocommerce-page div.product div.thumbnails.columns-2 a, +.woocommerce-page #content div.product div.thumbnails.columns-2 a { + width: 48%; +} + +.woocommerce div.product div.thumbnails.columns-4 a, +.woocommerce #content div.product div.thumbnails.columns-4 a, .woocommerce-page div.product div.thumbnails.columns-4 a, +.woocommerce-page #content div.product div.thumbnails.columns-4 a { + width: 22.05%; +} + +.woocommerce div.product div.thumbnails.columns-5 a, +.woocommerce #content div.product div.thumbnails.columns-5 a, .woocommerce-page div.product div.thumbnails.columns-5 a, +.woocommerce-page #content div.product div.thumbnails.columns-5 a { + width: 16.9%; +} + +.woocommerce div.product div.summary, +.woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, +.woocommerce-page #content div.product div.summary { + float: right; + width: 48%; + clear: none; +} + +.woocommerce div.product .woocommerce-tabs, +.woocommerce #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs, +.woocommerce-page #content div.product .woocommerce-tabs { + clear: both; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs, +.woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs, +.woocommerce-page #content div.product .woocommerce-tabs ul.tabs { + *zoom: 1; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs::after, +.woocommerce #content div.product .woocommerce-tabs ul.tabs::before, +.woocommerce #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page div.product .woocommerce-tabs ul.tabs::before, .woocommerce-page div.product .woocommerce-tabs ul.tabs::after, +.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before, +.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after { + content: ' '; + display: table; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs::after, +.woocommerce #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page div.product .woocommerce-tabs ul.tabs::after, +.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after { + clear: both; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li, +.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, +.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { + display: inline-block; +} + +.woocommerce div.product #reviews .comment, +.woocommerce #content div.product #reviews .comment, .woocommerce-page div.product #reviews .comment, +.woocommerce-page #content div.product #reviews .comment { + *zoom: 1; +} + +.woocommerce div.product #reviews .comment::before, .woocommerce div.product #reviews .comment::after, +.woocommerce #content div.product #reviews .comment::before, +.woocommerce #content div.product #reviews .comment::after, .woocommerce-page div.product #reviews .comment::before, .woocommerce-page div.product #reviews .comment::after, +.woocommerce-page #content div.product #reviews .comment::before, +.woocommerce-page #content div.product #reviews .comment::after { + content: ' '; + display: table; +} + +.woocommerce div.product #reviews .comment::after, +.woocommerce #content div.product #reviews .comment::after, .woocommerce-page div.product #reviews .comment::after, +.woocommerce-page #content div.product #reviews .comment::after { + clear: both; +} + +.woocommerce div.product #reviews .comment img, +.woocommerce #content div.product #reviews .comment img, .woocommerce-page div.product #reviews .comment img, +.woocommerce-page #content div.product #reviews .comment img { + float: right; + height: auto; +} + +.woocommerce ul.products, .woocommerce-page ul.products { + display: grid; + grid-template-columns: repeat(4, 1fr); + column-gap: 20px; +} + +.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { + display: flex; + flex-direction: column; + width: 100%; + padding: 0; + position: relative; +} + +.woocommerce ul.products.columns-1, .woocommerce-page ul.products.columns-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + width: 100%; + margin-right: 0; +} + +.woocommerce ul.products.columns-2, .woocommerce-page ul.products.columns-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + +.woocommerce ul.products.columns-3, .woocommerce-page ul.products.columns-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); +} + +.woocommerce ul.products.columns-5, .woocommerce-page ul.products.columns-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); +} + +.woocommerce ul.products.columns-6, .woocommerce-page ul.products.columns-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); +} + +.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { + float: left; +} + +.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { + float: right; +} + +.woocommerce .woocommerce-pagination ul.page-numbers, .woocommerce-page .woocommerce-pagination ul.page-numbers { + *zoom: 1; +} + +.woocommerce .woocommerce-pagination ul.page-numbers::before, .woocommerce .woocommerce-pagination ul.page-numbers::after, .woocommerce-page .woocommerce-pagination ul.page-numbers::before, .woocommerce-page .woocommerce-pagination ul.page-numbers::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce-pagination ul.page-numbers::after, .woocommerce-page .woocommerce-pagination ul.page-numbers::after { + clear: both; +} + +.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li { + display: inline-block; +} + +.woocommerce table.cart img, +.woocommerce #content table.cart img, .woocommerce-page table.cart img, +.woocommerce-page #content table.cart img { + height: auto; +} + +.woocommerce table.cart td.actions, +.woocommerce #content table.cart td.actions, .woocommerce-page table.cart td.actions, +.woocommerce-page #content table.cart td.actions { + text-align: right; +} + +.woocommerce table.cart td.actions .input-text, +.woocommerce #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text, +.woocommerce-page #content table.cart td.actions .input-text { + width: 80px; +} + +.woocommerce table.cart td.actions .button, +.woocommerce #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button, +.woocommerce-page #content table.cart td.actions .button { + line-height: 1; + border-width: 1px; + border-style: solid; +} + +.woocommerce table.cart td.actions .coupon, +.woocommerce #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon, +.woocommerce-page #content table.cart td.actions .coupon { + float: left; + display: flex; + margin: 0 auto; +} + +.woocommerce table.cart td.actions .coupon label, +.woocommerce #content table.cart td.actions .coupon label, .woocommerce-page table.cart td.actions .coupon label, +.woocommerce-page #content table.cart td.actions .coupon label { + display: none; +} + +.woocommerce table.cart td.actions .button, +.woocommerce #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button, +.woocommerce-page #content table.cart td.actions .button { + margin-left: 5px; +} + +@media (min-width: 545px) { + .woocommerce table.cart td.actions > input[type="submit"], + .woocommerce #content table.cart td.actions > input[type="submit"], .woocommerce-page table.cart td.actions > input[type="submit"], + .woocommerce-page #content table.cart td.actions > input[type="submit"] { + margin: 5px auto; + } +} + +.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { + *zoom: 1; + width: 100%; +} + +.woocommerce .cart-collaterals::before, .woocommerce .cart-collaterals::after, .woocommerce-page .cart-collaterals::before, .woocommerce-page .cart-collaterals::after { + content: ' '; + display: table; +} + +.woocommerce .cart-collaterals::after, .woocommerce-page .cart-collaterals::after { + clear: both; +} + +.woocommerce .cart-collaterals .related, .woocommerce-page .cart-collaterals .related { + width: 30.75%; + float: left; +} + +.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { + width: 48%; + float: left; +} + +.woocommerce .cart-collaterals .cross-sells ul.products, .woocommerce-page .cart-collaterals .cross-sells ul.products { + float: none; +} + +.woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li { + width: calc(50% - 10px); +} + +.woocommerce .cart-collaterals .cross-sells ul.products li.first, .woocommerce-page .cart-collaterals .cross-sells ul.products li.first { + clear: both; +} + +.woocommerce .cart-collaterals .cross-sells ul.products li.last, .woocommerce-page .cart-collaterals .cross-sells ul.products li.last { + margin-right: 0; +} + +.woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator { + width: 48%; + *zoom: 1; + clear: right; + float: right; +} + +.woocommerce .cart-collaterals .shipping_calculator::before, .woocommerce .cart-collaterals .shipping_calculator::after, .woocommerce-page .cart-collaterals .shipping_calculator::before, .woocommerce-page .cart-collaterals .shipping_calculator::after { + content: ' '; + display: table; +} + +.woocommerce .cart-collaterals .shipping_calculator::after, .woocommerce-page .cart-collaterals .shipping_calculator::after { + clear: both; +} + +.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1, +.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2, .woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1, +.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2 { + width: 47%; +} + +.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { + float: right; + width: 48%; +} + +.woocommerce ul.cart_list li, +.woocommerce ul.product_list_widget li, .woocommerce-page ul.cart_list li, +.woocommerce-page ul.product_list_widget li { + *zoom: 1; +} + +.woocommerce ul.cart_list li::before, .woocommerce ul.cart_list li::after, +.woocommerce ul.product_list_widget li::before, +.woocommerce ul.product_list_widget li::after, .woocommerce-page ul.cart_list li::before, .woocommerce-page ul.cart_list li::after, +.woocommerce-page ul.product_list_widget li::before, +.woocommerce-page ul.product_list_widget li::after { + content: ' '; + display: table; +} + +.woocommerce ul.cart_list li::after, +.woocommerce ul.product_list_widget li::after, .woocommerce-page ul.cart_list li::after, +.woocommerce-page ul.product_list_widget li::after { + clear: both; +} + +.woocommerce ul.cart_list li img, +.woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, +.woocommerce-page ul.product_list_widget li img { + float: right; + height: auto; +} + +.woocommerce form .form-row, .woocommerce-page form .form-row { + *zoom: 1; +} + +.woocommerce form .form-row::before, .woocommerce form .form-row::after, .woocommerce-page form .form-row::before, .woocommerce-page form .form-row::after { + content: ' '; + display: table; +} + +.woocommerce form .form-row::after, .woocommerce-page form .form-row::after { + clear: both; +} + +.woocommerce form .form-row label, .woocommerce-page form .form-row label { + display: block; +} + +.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox { + display: inline; +} + +.woocommerce form .form-row select, .woocommerce-page form .form-row select { + width: 100%; +} + +.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text { + box-sizing: border-box; + width: 100%; +} + +.woocommerce form .form-row-first, +.woocommerce form .form-row-last, .woocommerce-page form .form-row-first, +.woocommerce-page form .form-row-last { + width: 47%; + overflow: visible; +} + +.woocommerce form .form-row-first, .woocommerce-page form .form-row-first { + float: left; +} + +.woocommerce form .form-row-last, .woocommerce-page form .form-row-last { + float: right; +} + +.woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide { + clear: both; +} + +.woocommerce #payment .form-row select, .woocommerce-page #payment .form-row select { + width: auto; +} + +.woocommerce #payment .wc-terms-and-conditions, .woocommerce #payment .terms, .woocommerce-page #payment .wc-terms-and-conditions, .woocommerce-page #payment .terms { + text-align: left; + padding: 0; + width: 100%; + margin-bottom: 1em; +} + +.woocommerce #payment #place_order, .woocommerce-page #payment #place_order { + float: right; +} + +.woocommerce .woocommerce-billing-fields, +.woocommerce .woocommerce-shipping-fields, .woocommerce-page .woocommerce-billing-fields, +.woocommerce-page .woocommerce-shipping-fields { + *zoom: 1; +} + +.woocommerce .woocommerce-billing-fields::before, .woocommerce .woocommerce-billing-fields::after, +.woocommerce .woocommerce-shipping-fields::before, +.woocommerce .woocommerce-shipping-fields::after, .woocommerce-page .woocommerce-billing-fields::before, .woocommerce-page .woocommerce-billing-fields::after, +.woocommerce-page .woocommerce-shipping-fields::before, +.woocommerce-page .woocommerce-shipping-fields::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce-billing-fields::after, +.woocommerce .woocommerce-shipping-fields::after, .woocommerce-page .woocommerce-billing-fields::after, +.woocommerce-page .woocommerce-shipping-fields::after { + clear: both; +} + +.woocommerce .woocommerce-terms-and-conditions, .woocommerce-page .woocommerce-terms-and-conditions { + margin-bottom: 1.618em; + padding: 1.618em; +} + +.woocommerce .woocommerce-oembed, .woocommerce-page .woocommerce-oembed { + position: relative; +} + +.woocommerce-account .woocommerce-MyAccount-navigation { + float: left; + width: 30%; +} + +.woocommerce-account .woocommerce-MyAccount-content { + float: right; + width: 68%; +} + +.woocommerce-account .woocommerce-MyAccount-content fieldset { + border: 0; + margin: 1em 0 0; + padding: 3px; +} + +.woocommerce-account .woocommerce-MyAccount-content fieldset legend { + padding: 3px 0; + border-bottom: 1px solid #e5e5e5; + width: 100%; + margin: 10px 0; +} + +.woocommerce-account .woocommerce-MyAccount-content fieldset .form-row { + padding-left: 0; + padding-right: 0; +} diff --git a/assets/css/unminified/compatibility/woocommerce/woocommerce-layout-rtl.css b/assets/css/unminified/compatibility/woocommerce/woocommerce-layout-rtl.css new file mode 100644 index 0000000..c3d6bf1 --- /dev/null +++ b/assets/css/unminified/compatibility/woocommerce/woocommerce-layout-rtl.css @@ -0,0 +1,695 @@ +/** + * woocommerce-layout.scss + * Applies layout to the default WooCommerce frontend design + */ +/** + * Imports + */ +/** + * Deprecated + * Fallback for bourbon equivalent + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Use bourbon mixin instead `@include transform(scale(1.5));` + */ +/** + * Deprecated + * Use bourbon mixin instead `@include box-sizing(border-box);` + */ +/** + * Objects + */ +/** + * WooCommerce CSS Variables + */ +/** + * Astra Theme compatibility with WooCommerce + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/** + * Styling begins + */ +.woocommerce, .woocommerce-page { + /** + * General layout styles + */ + /** + * Product page + */ + /** + * Product loops + */ + /** + * Cart page + */ + /** + * Cart sidebar + */ + /** + * Forms + */ + /** + * oEmbeds + */ +} + +.woocommerce .woocommerce-message .button, +.woocommerce .woocommerce-error .button, +.woocommerce .woocommerce-info .button, .woocommerce-page .woocommerce-message .button, +.woocommerce-page .woocommerce-error .button, +.woocommerce-page .woocommerce-info .button { + float: left; +} + +.woocommerce .col2-set, .woocommerce-page .col2-set { + *zoom: 1; + width: 100%; +} + +.woocommerce .col2-set::before, .woocommerce .col2-set::after, .woocommerce-page .col2-set::before, .woocommerce-page .col2-set::after { + content: ' '; + display: table; +} + +.woocommerce .col2-set::after, .woocommerce-page .col2-set::after { + clear: both; +} + +.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { + float: right; + width: 48%; +} + +.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { + float: left; + width: 48%; +} + +.woocommerce img, .woocommerce-page img { + height: auto; + max-width: 100%; +} + +.woocommerce div.product div.images, +.woocommerce #content div.product div.images, .woocommerce-page div.product div.images, +.woocommerce-page #content div.product div.images { + float: right; + width: 48%; +} + +.woocommerce div.product div.thumbnails, +.woocommerce #content div.product div.thumbnails, .woocommerce-page div.product div.thumbnails, +.woocommerce-page #content div.product div.thumbnails { + *zoom: 1; +} + +.woocommerce div.product div.thumbnails::before, .woocommerce div.product div.thumbnails::after, +.woocommerce #content div.product div.thumbnails::before, +.woocommerce #content div.product div.thumbnails::after, .woocommerce-page div.product div.thumbnails::before, .woocommerce-page div.product div.thumbnails::after, +.woocommerce-page #content div.product div.thumbnails::before, +.woocommerce-page #content div.product div.thumbnails::after { + content: ' '; + display: table; +} + +.woocommerce div.product div.thumbnails::after, +.woocommerce #content div.product div.thumbnails::after, .woocommerce-page div.product div.thumbnails::after, +.woocommerce-page #content div.product div.thumbnails::after { + clear: both; +} + +.woocommerce div.product div.thumbnails a, +.woocommerce #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a, +.woocommerce-page #content div.product div.thumbnails a { + float: right; + width: 30.75%; + margin-left: 3.8%; + margin-bottom: 1em; +} + +.woocommerce div.product div.thumbnails a.last, +.woocommerce #content div.product div.thumbnails a.last, .woocommerce-page div.product div.thumbnails a.last, +.woocommerce-page #content div.product div.thumbnails a.last { + margin-left: 0; +} + +.woocommerce div.product div.thumbnails a.first, +.woocommerce #content div.product div.thumbnails a.first, .woocommerce-page div.product div.thumbnails a.first, +.woocommerce-page #content div.product div.thumbnails a.first { + clear: both; +} + +.woocommerce div.product div.thumbnails.columns-1 a, +.woocommerce #content div.product div.thumbnails.columns-1 a, .woocommerce-page div.product div.thumbnails.columns-1 a, +.woocommerce-page #content div.product div.thumbnails.columns-1 a { + width: 100%; + margin-left: 0; + float: none; +} + +.woocommerce div.product div.thumbnails.columns-2 a, +.woocommerce #content div.product div.thumbnails.columns-2 a, .woocommerce-page div.product div.thumbnails.columns-2 a, +.woocommerce-page #content div.product div.thumbnails.columns-2 a { + width: 48%; +} + +.woocommerce div.product div.thumbnails.columns-4 a, +.woocommerce #content div.product div.thumbnails.columns-4 a, .woocommerce-page div.product div.thumbnails.columns-4 a, +.woocommerce-page #content div.product div.thumbnails.columns-4 a { + width: 22.05%; +} + +.woocommerce div.product div.thumbnails.columns-5 a, +.woocommerce #content div.product div.thumbnails.columns-5 a, .woocommerce-page div.product div.thumbnails.columns-5 a, +.woocommerce-page #content div.product div.thumbnails.columns-5 a { + width: 16.9%; +} + +.woocommerce div.product div.summary, +.woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, +.woocommerce-page #content div.product div.summary { + float: left; + width: 48%; + clear: none; +} + +.woocommerce div.product .woocommerce-tabs, +.woocommerce #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs, +.woocommerce-page #content div.product .woocommerce-tabs { + clear: both; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs, +.woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs, +.woocommerce-page #content div.product .woocommerce-tabs ul.tabs { + *zoom: 1; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs::after, +.woocommerce #content div.product .woocommerce-tabs ul.tabs::before, +.woocommerce #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page div.product .woocommerce-tabs ul.tabs::before, .woocommerce-page div.product .woocommerce-tabs ul.tabs::after, +.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before, +.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after { + content: ' '; + display: table; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs::after, +.woocommerce #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page div.product .woocommerce-tabs ul.tabs::after, +.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after { + clear: both; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li, +.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, +.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { + display: inline-block; +} + +.woocommerce div.product #reviews .comment, +.woocommerce #content div.product #reviews .comment, .woocommerce-page div.product #reviews .comment, +.woocommerce-page #content div.product #reviews .comment { + *zoom: 1; +} + +.woocommerce div.product #reviews .comment::before, .woocommerce div.product #reviews .comment::after, +.woocommerce #content div.product #reviews .comment::before, +.woocommerce #content div.product #reviews .comment::after, .woocommerce-page div.product #reviews .comment::before, .woocommerce-page div.product #reviews .comment::after, +.woocommerce-page #content div.product #reviews .comment::before, +.woocommerce-page #content div.product #reviews .comment::after { + content: ' '; + display: table; +} + +.woocommerce div.product #reviews .comment::after, +.woocommerce #content div.product #reviews .comment::after, .woocommerce-page div.product #reviews .comment::after, +.woocommerce-page #content div.product #reviews .comment::after { + clear: both; +} + +.woocommerce div.product #reviews .comment img, +.woocommerce #content div.product #reviews .comment img, .woocommerce-page div.product #reviews .comment img, +.woocommerce-page #content div.product #reviews .comment img { + float: left; + height: auto; +} + +.woocommerce ul.products, .woocommerce-page ul.products { + display: flex; + flex-wrap: wrap; + clear: both; + *zoom: 1; +} + +.woocommerce ul.products::before, .woocommerce ul.products::after, .woocommerce-page ul.products::before, .woocommerce-page ul.products::after { + content: ' '; + display: table; +} + +.woocommerce ul.products::after, .woocommerce-page ul.products::after { + clear: both; +} + +.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { + float: right; + margin: 0 0 2.992em 20px; + padding: 0; + position: relative; + width: 22.05%; + margin-right: 0; +} + +.woocommerce ul.products.columns-1 li.product, .woocommerce-page ul.products.columns-1 li.product { + width: 100%; + margin-left: 0; +} + +.woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product { + width: 48%; +} + +.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product { + width: 30.75%; +} + +.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product { + width: 16.95%; +} + +.woocommerce ul.products.columns-6 li.product, .woocommerce-page ul.products.columns-6 li.product { + width: 13.5%; +} + +.woocommerce.columns-1 ul.products li.product, .woocommerce-page.columns-1 ul.products li.product { + width: 100%; + margin-left: 0; +} + +.woocommerce.columns-2 ul.products li.product:nth-child(2n), .woocommerce-page.columns-2 ul.products li.product:nth-child(2n) { + margin-left: 0; + clear: left; +} + +.woocommerce.columns-2 ul.products li.product:nth-child(2n+1), .woocommerce-page.columns-2 ul.products li.product:nth-child(2n+1) { + clear: right; +} + +.woocommerce.columns-3 ul.products li.product, .woocommerce-page.columns-3 ul.products li.product { + width: 31.2%; + width: calc( 33.33% - 14px); +} + +.woocommerce.columns-3 ul.products li.product:nth-child(3n), .woocommerce-page.columns-3 ul.products li.product:nth-child(3n) { + margin-left: 0; + clear: left; +} + +.woocommerce.columns-3 ul.products li.product:nth-child(3n+1), .woocommerce-page.columns-3 ul.products li.product:nth-child(3n+1) { + clear: right; +} + +.woocommerce.columns-4 ul.products li.product, .woocommerce-page.columns-4 ul.products li.product { + width: 22.5%; + width: calc( 25% - 15px); +} + +.woocommerce.columns-4 ul.products li.product:nth-child(4n), .woocommerce-page.columns-4 ul.products li.product:nth-child(4n) { + margin-left: 0; + clear: left; +} + +.woocommerce.columns-4 ul.products li.product:nth-child(4n+1), .woocommerce-page.columns-4 ul.products li.product:nth-child(4n+1) { + clear: right; +} + +.woocommerce.columns-5 ul.products li.product, .woocommerce-page.columns-5 ul.products li.product { + width: 17.5%; + width: calc( 20% - 16px); +} + +.woocommerce.columns-5 ul.products li.product:nth-child(5n), .woocommerce-page.columns-5 ul.products li.product:nth-child(5n) { + margin-left: 0; + clear: left; +} + +.woocommerce.columns-5 ul.products li.product:nth-child(5n+1), .woocommerce-page.columns-5 ul.products li.product:nth-child(5n+1) { + clear: right; +} + +.woocommerce.columns-6 ul.products li.product, .woocommerce-page.columns-6 ul.products li.product { + width: 14%; + width: calc( 16.66% - 16.66px); +} + +.woocommerce.columns-6 ul.products li.product:nth-child(6n), .woocommerce-page.columns-6 ul.products li.product:nth-child(6n) { + margin-left: 0; + clear: left; +} + +.woocommerce.columns-6 ul.products li.product:nth-child(6n+1), .woocommerce-page.columns-6 ul.products li.product:nth-child(6n+1) { + clear: right; +} + +.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { + float: right; +} + +.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { + float: left; +} + +.woocommerce .woocommerce-pagination ul.page-numbers, .woocommerce-page .woocommerce-pagination ul.page-numbers { + *zoom: 1; +} + +.woocommerce .woocommerce-pagination ul.page-numbers::before, .woocommerce .woocommerce-pagination ul.page-numbers::after, .woocommerce-page .woocommerce-pagination ul.page-numbers::before, .woocommerce-page .woocommerce-pagination ul.page-numbers::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce-pagination ul.page-numbers::after, .woocommerce-page .woocommerce-pagination ul.page-numbers::after { + clear: both; +} + +.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li { + display: inline-block; +} + +.woocommerce table.cart img, +.woocommerce #content table.cart img, .woocommerce-page table.cart img, +.woocommerce-page #content table.cart img { + height: auto; +} + +.woocommerce table.cart td.actions, +.woocommerce #content table.cart td.actions, .woocommerce-page table.cart td.actions, +.woocommerce-page #content table.cart td.actions { + text-align: left; +} + +.woocommerce table.cart td.actions .input-text, +.woocommerce #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text, +.woocommerce-page #content table.cart td.actions .input-text { + width: 80px; +} + +.woocommerce table.cart td.actions .button, +.woocommerce #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button, +.woocommerce-page #content table.cart td.actions .button { + line-height: 1; + border-width: 1px; + border-style: solid; +} + +.woocommerce table.cart td.actions .coupon, +.woocommerce #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon, +.woocommerce-page #content table.cart td.actions .coupon { + float: right; + display: flex; + margin: 0 auto; +} + +.woocommerce table.cart td.actions .coupon label, +.woocommerce #content table.cart td.actions .coupon label, .woocommerce-page table.cart td.actions .coupon label, +.woocommerce-page #content table.cart td.actions .coupon label { + display: none; +} + +.woocommerce table.cart td.actions .button, +.woocommerce #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button, +.woocommerce-page #content table.cart td.actions .button { + margin-right: 5px; +} + +@media (min-width: 545px) { + .woocommerce table.cart td.actions > input[type="submit"], + .woocommerce #content table.cart td.actions > input[type="submit"], .woocommerce-page table.cart td.actions > input[type="submit"], + .woocommerce-page #content table.cart td.actions > input[type="submit"] { + margin: 5px auto; + } +} + +.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { + *zoom: 1; + width: 100%; +} + +.woocommerce .cart-collaterals::before, .woocommerce .cart-collaterals::after, .woocommerce-page .cart-collaterals::before, .woocommerce-page .cart-collaterals::after { + content: ' '; + display: table; +} + +.woocommerce .cart-collaterals::after, .woocommerce-page .cart-collaterals::after { + clear: both; +} + +.woocommerce .cart-collaterals .related, .woocommerce-page .cart-collaterals .related { + width: 30.75%; + float: right; +} + +.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { + width: 48%; + float: right; +} + +.woocommerce .cart-collaterals .cross-sells ul.products, .woocommerce-page .cart-collaterals .cross-sells ul.products { + float: none; +} + +.woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li { + width: calc(50% - 10px); +} + +.woocommerce .cart-collaterals .cross-sells ul.products li.first, .woocommerce-page .cart-collaterals .cross-sells ul.products li.first { + clear: both; +} + +.woocommerce .cart-collaterals .cross-sells ul.products li.last, .woocommerce-page .cart-collaterals .cross-sells ul.products li.last { + margin-left: 0; +} + +.woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator { + width: 48%; + *zoom: 1; + clear: left; + float: left; +} + +.woocommerce .cart-collaterals .shipping_calculator::before, .woocommerce .cart-collaterals .shipping_calculator::after, .woocommerce-page .cart-collaterals .shipping_calculator::before, .woocommerce-page .cart-collaterals .shipping_calculator::after { + content: ' '; + display: table; +} + +.woocommerce .cart-collaterals .shipping_calculator::after, .woocommerce-page .cart-collaterals .shipping_calculator::after { + clear: both; +} + +.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1, +.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2, .woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1, +.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2 { + width: 47%; +} + +.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { + float: left; + width: 48%; +} + +.woocommerce ul.cart_list li, +.woocommerce ul.product_list_widget li, .woocommerce-page ul.cart_list li, +.woocommerce-page ul.product_list_widget li { + *zoom: 1; +} + +.woocommerce ul.cart_list li::before, .woocommerce ul.cart_list li::after, +.woocommerce ul.product_list_widget li::before, +.woocommerce ul.product_list_widget li::after, .woocommerce-page ul.cart_list li::before, .woocommerce-page ul.cart_list li::after, +.woocommerce-page ul.product_list_widget li::before, +.woocommerce-page ul.product_list_widget li::after { + content: ' '; + display: table; +} + +.woocommerce ul.cart_list li::after, +.woocommerce ul.product_list_widget li::after, .woocommerce-page ul.cart_list li::after, +.woocommerce-page ul.product_list_widget li::after { + clear: both; +} + +.woocommerce ul.cart_list li img, +.woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, +.woocommerce-page ul.product_list_widget li img { + float: left; + height: auto; +} + +.woocommerce form .form-row, .woocommerce-page form .form-row { + *zoom: 1; +} + +.woocommerce form .form-row::before, .woocommerce form .form-row::after, .woocommerce-page form .form-row::before, .woocommerce-page form .form-row::after { + content: ' '; + display: table; +} + +.woocommerce form .form-row::after, .woocommerce-page form .form-row::after { + clear: both; +} + +.woocommerce form .form-row label, .woocommerce-page form .form-row label { + display: block; +} + +.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox { + display: inline; +} + +.woocommerce form .form-row select, .woocommerce-page form .form-row select { + width: 100%; +} + +.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text { + box-sizing: border-box; + width: 100%; +} + +.woocommerce form .form-row-first, +.woocommerce form .form-row-last, .woocommerce-page form .form-row-first, +.woocommerce-page form .form-row-last { + width: 47%; + overflow: visible; +} + +.woocommerce form .form-row-first, .woocommerce-page form .form-row-first { + float: right; +} + +.woocommerce form .form-row-last, .woocommerce-page form .form-row-last { + float: left; +} + +.woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide { + clear: both; +} + +.woocommerce #payment .form-row select, .woocommerce-page #payment .form-row select { + width: auto; +} + +.woocommerce #payment .wc-terms-and-conditions, .woocommerce #payment .terms, .woocommerce-page #payment .wc-terms-and-conditions, .woocommerce-page #payment .terms { + text-align: right; + padding: 0; + width: 100%; + margin-bottom: 1em; +} + +.woocommerce #payment #place_order, .woocommerce-page #payment #place_order { + float: left; +} + +.woocommerce .woocommerce-billing-fields, +.woocommerce .woocommerce-shipping-fields, .woocommerce-page .woocommerce-billing-fields, +.woocommerce-page .woocommerce-shipping-fields { + *zoom: 1; +} + +.woocommerce .woocommerce-billing-fields::before, .woocommerce .woocommerce-billing-fields::after, +.woocommerce .woocommerce-shipping-fields::before, +.woocommerce .woocommerce-shipping-fields::after, .woocommerce-page .woocommerce-billing-fields::before, .woocommerce-page .woocommerce-billing-fields::after, +.woocommerce-page .woocommerce-shipping-fields::before, +.woocommerce-page .woocommerce-shipping-fields::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce-billing-fields::after, +.woocommerce .woocommerce-shipping-fields::after, .woocommerce-page .woocommerce-billing-fields::after, +.woocommerce-page .woocommerce-shipping-fields::after { + clear: both; +} + +.woocommerce .woocommerce-terms-and-conditions, .woocommerce-page .woocommerce-terms-and-conditions { + margin-bottom: 1.618em; + padding: 1.618em; +} + +.woocommerce .woocommerce-oembed, .woocommerce-page .woocommerce-oembed { + position: relative; +} + +.woocommerce-account .woocommerce-MyAccount-navigation { + float: right; + width: 30%; +} + +.woocommerce-account .woocommerce-MyAccount-content { + float: left; + width: 68%; +} + +.woocommerce-account .woocommerce-MyAccount-content fieldset { + border: 0; + margin: 1em 0 0; + padding: 3px; +} + +.woocommerce-account .woocommerce-MyAccount-content fieldset legend { + padding: 3px 0; + border-bottom: 1px solid #e5e5e5; + width: 100%; + margin: 10px 0; +} + +.woocommerce-account .woocommerce-MyAccount-content fieldset .form-row { + padding-right: 0; + padding-left: 0; +} diff --git a/assets/css/unminified/compatibility/woocommerce/woocommerce-layout.css b/assets/css/unminified/compatibility/woocommerce/woocommerce-layout.css new file mode 100644 index 0000000..2162f6c --- /dev/null +++ b/assets/css/unminified/compatibility/woocommerce/woocommerce-layout.css @@ -0,0 +1,695 @@ +/** + * woocommerce-layout.scss + * Applies layout to the default WooCommerce frontend design + */ +/** + * Imports + */ +/** + * Deprecated + * Fallback for bourbon equivalent + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Use bourbon mixin instead `@include transform(scale(1.5));` + */ +/** + * Deprecated + * Use bourbon mixin instead `@include box-sizing(border-box);` + */ +/** + * Objects + */ +/** + * WooCommerce CSS Variables + */ +/** + * Astra Theme compatibility with WooCommerce + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/** + * Styling begins + */ +.woocommerce, .woocommerce-page { + /** + * General layout styles + */ + /** + * Product page + */ + /** + * Product loops + */ + /** + * Cart page + */ + /** + * Cart sidebar + */ + /** + * Forms + */ + /** + * oEmbeds + */ +} + +.woocommerce .woocommerce-message .button, +.woocommerce .woocommerce-error .button, +.woocommerce .woocommerce-info .button, .woocommerce-page .woocommerce-message .button, +.woocommerce-page .woocommerce-error .button, +.woocommerce-page .woocommerce-info .button { + float: right; +} + +.woocommerce .col2-set, .woocommerce-page .col2-set { + *zoom: 1; + width: 100%; +} + +.woocommerce .col2-set::before, .woocommerce .col2-set::after, .woocommerce-page .col2-set::before, .woocommerce-page .col2-set::after { + content: ' '; + display: table; +} + +.woocommerce .col2-set::after, .woocommerce-page .col2-set::after { + clear: both; +} + +.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { + float: left; + width: 48%; +} + +.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { + float: right; + width: 48%; +} + +.woocommerce img, .woocommerce-page img { + height: auto; + max-width: 100%; +} + +.woocommerce div.product div.images, +.woocommerce #content div.product div.images, .woocommerce-page div.product div.images, +.woocommerce-page #content div.product div.images { + float: left; + width: 48%; +} + +.woocommerce div.product div.thumbnails, +.woocommerce #content div.product div.thumbnails, .woocommerce-page div.product div.thumbnails, +.woocommerce-page #content div.product div.thumbnails { + *zoom: 1; +} + +.woocommerce div.product div.thumbnails::before, .woocommerce div.product div.thumbnails::after, +.woocommerce #content div.product div.thumbnails::before, +.woocommerce #content div.product div.thumbnails::after, .woocommerce-page div.product div.thumbnails::before, .woocommerce-page div.product div.thumbnails::after, +.woocommerce-page #content div.product div.thumbnails::before, +.woocommerce-page #content div.product div.thumbnails::after { + content: ' '; + display: table; +} + +.woocommerce div.product div.thumbnails::after, +.woocommerce #content div.product div.thumbnails::after, .woocommerce-page div.product div.thumbnails::after, +.woocommerce-page #content div.product div.thumbnails::after { + clear: both; +} + +.woocommerce div.product div.thumbnails a, +.woocommerce #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a, +.woocommerce-page #content div.product div.thumbnails a { + float: left; + width: 30.75%; + margin-right: 3.8%; + margin-bottom: 1em; +} + +.woocommerce div.product div.thumbnails a.last, +.woocommerce #content div.product div.thumbnails a.last, .woocommerce-page div.product div.thumbnails a.last, +.woocommerce-page #content div.product div.thumbnails a.last { + margin-right: 0; +} + +.woocommerce div.product div.thumbnails a.first, +.woocommerce #content div.product div.thumbnails a.first, .woocommerce-page div.product div.thumbnails a.first, +.woocommerce-page #content div.product div.thumbnails a.first { + clear: both; +} + +.woocommerce div.product div.thumbnails.columns-1 a, +.woocommerce #content div.product div.thumbnails.columns-1 a, .woocommerce-page div.product div.thumbnails.columns-1 a, +.woocommerce-page #content div.product div.thumbnails.columns-1 a { + width: 100%; + margin-right: 0; + float: none; +} + +.woocommerce div.product div.thumbnails.columns-2 a, +.woocommerce #content div.product div.thumbnails.columns-2 a, .woocommerce-page div.product div.thumbnails.columns-2 a, +.woocommerce-page #content div.product div.thumbnails.columns-2 a { + width: 48%; +} + +.woocommerce div.product div.thumbnails.columns-4 a, +.woocommerce #content div.product div.thumbnails.columns-4 a, .woocommerce-page div.product div.thumbnails.columns-4 a, +.woocommerce-page #content div.product div.thumbnails.columns-4 a { + width: 22.05%; +} + +.woocommerce div.product div.thumbnails.columns-5 a, +.woocommerce #content div.product div.thumbnails.columns-5 a, .woocommerce-page div.product div.thumbnails.columns-5 a, +.woocommerce-page #content div.product div.thumbnails.columns-5 a { + width: 16.9%; +} + +.woocommerce div.product div.summary, +.woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, +.woocommerce-page #content div.product div.summary { + float: right; + width: 48%; + clear: none; +} + +.woocommerce div.product .woocommerce-tabs, +.woocommerce #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs, +.woocommerce-page #content div.product .woocommerce-tabs { + clear: both; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs, +.woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs, +.woocommerce-page #content div.product .woocommerce-tabs ul.tabs { + *zoom: 1; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs::after, +.woocommerce #content div.product .woocommerce-tabs ul.tabs::before, +.woocommerce #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page div.product .woocommerce-tabs ul.tabs::before, .woocommerce-page div.product .woocommerce-tabs ul.tabs::after, +.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before, +.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after { + content: ' '; + display: table; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs::after, +.woocommerce #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page div.product .woocommerce-tabs ul.tabs::after, +.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after { + clear: both; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li, +.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, +.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { + display: inline-block; +} + +.woocommerce div.product #reviews .comment, +.woocommerce #content div.product #reviews .comment, .woocommerce-page div.product #reviews .comment, +.woocommerce-page #content div.product #reviews .comment { + *zoom: 1; +} + +.woocommerce div.product #reviews .comment::before, .woocommerce div.product #reviews .comment::after, +.woocommerce #content div.product #reviews .comment::before, +.woocommerce #content div.product #reviews .comment::after, .woocommerce-page div.product #reviews .comment::before, .woocommerce-page div.product #reviews .comment::after, +.woocommerce-page #content div.product #reviews .comment::before, +.woocommerce-page #content div.product #reviews .comment::after { + content: ' '; + display: table; +} + +.woocommerce div.product #reviews .comment::after, +.woocommerce #content div.product #reviews .comment::after, .woocommerce-page div.product #reviews .comment::after, +.woocommerce-page #content div.product #reviews .comment::after { + clear: both; +} + +.woocommerce div.product #reviews .comment img, +.woocommerce #content div.product #reviews .comment img, .woocommerce-page div.product #reviews .comment img, +.woocommerce-page #content div.product #reviews .comment img { + float: right; + height: auto; +} + +.woocommerce ul.products, .woocommerce-page ul.products { + display: flex; + flex-wrap: wrap; + clear: both; + *zoom: 1; +} + +.woocommerce ul.products::before, .woocommerce ul.products::after, .woocommerce-page ul.products::before, .woocommerce-page ul.products::after { + content: ' '; + display: table; +} + +.woocommerce ul.products::after, .woocommerce-page ul.products::after { + clear: both; +} + +.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { + float: left; + margin: 0 20px 2.992em 0; + padding: 0; + position: relative; + width: 22.05%; + margin-left: 0; +} + +.woocommerce ul.products.columns-1 li.product, .woocommerce-page ul.products.columns-1 li.product { + width: 100%; + margin-right: 0; +} + +.woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product { + width: 48%; +} + +.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product { + width: 30.75%; +} + +.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product { + width: 16.95%; +} + +.woocommerce ul.products.columns-6 li.product, .woocommerce-page ul.products.columns-6 li.product { + width: 13.5%; +} + +.woocommerce.columns-1 ul.products li.product, .woocommerce-page.columns-1 ul.products li.product { + width: 100%; + margin-right: 0; +} + +.woocommerce.columns-2 ul.products li.product:nth-child(2n), .woocommerce-page.columns-2 ul.products li.product:nth-child(2n) { + margin-right: 0; + clear: right; +} + +.woocommerce.columns-2 ul.products li.product:nth-child(2n+1), .woocommerce-page.columns-2 ul.products li.product:nth-child(2n+1) { + clear: left; +} + +.woocommerce.columns-3 ul.products li.product, .woocommerce-page.columns-3 ul.products li.product { + width: 31.2%; + width: calc( 33.33% - 14px); +} + +.woocommerce.columns-3 ul.products li.product:nth-child(3n), .woocommerce-page.columns-3 ul.products li.product:nth-child(3n) { + margin-right: 0; + clear: right; +} + +.woocommerce.columns-3 ul.products li.product:nth-child(3n+1), .woocommerce-page.columns-3 ul.products li.product:nth-child(3n+1) { + clear: left; +} + +.woocommerce.columns-4 ul.products li.product, .woocommerce-page.columns-4 ul.products li.product { + width: 22.5%; + width: calc( 25% - 15px); +} + +.woocommerce.columns-4 ul.products li.product:nth-child(4n), .woocommerce-page.columns-4 ul.products li.product:nth-child(4n) { + margin-right: 0; + clear: right; +} + +.woocommerce.columns-4 ul.products li.product:nth-child(4n+1), .woocommerce-page.columns-4 ul.products li.product:nth-child(4n+1) { + clear: left; +} + +.woocommerce.columns-5 ul.products li.product, .woocommerce-page.columns-5 ul.products li.product { + width: 17.5%; + width: calc( 20% - 16px); +} + +.woocommerce.columns-5 ul.products li.product:nth-child(5n), .woocommerce-page.columns-5 ul.products li.product:nth-child(5n) { + margin-right: 0; + clear: right; +} + +.woocommerce.columns-5 ul.products li.product:nth-child(5n+1), .woocommerce-page.columns-5 ul.products li.product:nth-child(5n+1) { + clear: left; +} + +.woocommerce.columns-6 ul.products li.product, .woocommerce-page.columns-6 ul.products li.product { + width: 14%; + width: calc( 16.66% - 16.66px); +} + +.woocommerce.columns-6 ul.products li.product:nth-child(6n), .woocommerce-page.columns-6 ul.products li.product:nth-child(6n) { + margin-right: 0; + clear: right; +} + +.woocommerce.columns-6 ul.products li.product:nth-child(6n+1), .woocommerce-page.columns-6 ul.products li.product:nth-child(6n+1) { + clear: left; +} + +.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { + float: left; +} + +.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { + float: right; +} + +.woocommerce .woocommerce-pagination ul.page-numbers, .woocommerce-page .woocommerce-pagination ul.page-numbers { + *zoom: 1; +} + +.woocommerce .woocommerce-pagination ul.page-numbers::before, .woocommerce .woocommerce-pagination ul.page-numbers::after, .woocommerce-page .woocommerce-pagination ul.page-numbers::before, .woocommerce-page .woocommerce-pagination ul.page-numbers::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce-pagination ul.page-numbers::after, .woocommerce-page .woocommerce-pagination ul.page-numbers::after { + clear: both; +} + +.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li { + display: inline-block; +} + +.woocommerce table.cart img, +.woocommerce #content table.cart img, .woocommerce-page table.cart img, +.woocommerce-page #content table.cart img { + height: auto; +} + +.woocommerce table.cart td.actions, +.woocommerce #content table.cart td.actions, .woocommerce-page table.cart td.actions, +.woocommerce-page #content table.cart td.actions { + text-align: right; +} + +.woocommerce table.cart td.actions .input-text, +.woocommerce #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text, +.woocommerce-page #content table.cart td.actions .input-text { + width: 80px; +} + +.woocommerce table.cart td.actions .button, +.woocommerce #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button, +.woocommerce-page #content table.cart td.actions .button { + line-height: 1; + border-width: 1px; + border-style: solid; +} + +.woocommerce table.cart td.actions .coupon, +.woocommerce #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon, +.woocommerce-page #content table.cart td.actions .coupon { + float: left; + display: flex; + margin: 0 auto; +} + +.woocommerce table.cart td.actions .coupon label, +.woocommerce #content table.cart td.actions .coupon label, .woocommerce-page table.cart td.actions .coupon label, +.woocommerce-page #content table.cart td.actions .coupon label { + display: none; +} + +.woocommerce table.cart td.actions .button, +.woocommerce #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button, +.woocommerce-page #content table.cart td.actions .button { + margin-left: 5px; +} + +@media (min-width: 545px) { + .woocommerce table.cart td.actions > input[type="submit"], + .woocommerce #content table.cart td.actions > input[type="submit"], .woocommerce-page table.cart td.actions > input[type="submit"], + .woocommerce-page #content table.cart td.actions > input[type="submit"] { + margin: 5px auto; + } +} + +.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { + *zoom: 1; + width: 100%; +} + +.woocommerce .cart-collaterals::before, .woocommerce .cart-collaterals::after, .woocommerce-page .cart-collaterals::before, .woocommerce-page .cart-collaterals::after { + content: ' '; + display: table; +} + +.woocommerce .cart-collaterals::after, .woocommerce-page .cart-collaterals::after { + clear: both; +} + +.woocommerce .cart-collaterals .related, .woocommerce-page .cart-collaterals .related { + width: 30.75%; + float: left; +} + +.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { + width: 48%; + float: left; +} + +.woocommerce .cart-collaterals .cross-sells ul.products, .woocommerce-page .cart-collaterals .cross-sells ul.products { + float: none; +} + +.woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li { + width: calc(50% - 10px); +} + +.woocommerce .cart-collaterals .cross-sells ul.products li.first, .woocommerce-page .cart-collaterals .cross-sells ul.products li.first { + clear: both; +} + +.woocommerce .cart-collaterals .cross-sells ul.products li.last, .woocommerce-page .cart-collaterals .cross-sells ul.products li.last { + margin-right: 0; +} + +.woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator { + width: 48%; + *zoom: 1; + clear: right; + float: right; +} + +.woocommerce .cart-collaterals .shipping_calculator::before, .woocommerce .cart-collaterals .shipping_calculator::after, .woocommerce-page .cart-collaterals .shipping_calculator::before, .woocommerce-page .cart-collaterals .shipping_calculator::after { + content: ' '; + display: table; +} + +.woocommerce .cart-collaterals .shipping_calculator::after, .woocommerce-page .cart-collaterals .shipping_calculator::after { + clear: both; +} + +.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1, +.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2, .woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1, +.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2 { + width: 47%; +} + +.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { + float: right; + width: 48%; +} + +.woocommerce ul.cart_list li, +.woocommerce ul.product_list_widget li, .woocommerce-page ul.cart_list li, +.woocommerce-page ul.product_list_widget li { + *zoom: 1; +} + +.woocommerce ul.cart_list li::before, .woocommerce ul.cart_list li::after, +.woocommerce ul.product_list_widget li::before, +.woocommerce ul.product_list_widget li::after, .woocommerce-page ul.cart_list li::before, .woocommerce-page ul.cart_list li::after, +.woocommerce-page ul.product_list_widget li::before, +.woocommerce-page ul.product_list_widget li::after { + content: ' '; + display: table; +} + +.woocommerce ul.cart_list li::after, +.woocommerce ul.product_list_widget li::after, .woocommerce-page ul.cart_list li::after, +.woocommerce-page ul.product_list_widget li::after { + clear: both; +} + +.woocommerce ul.cart_list li img, +.woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, +.woocommerce-page ul.product_list_widget li img { + float: right; + height: auto; +} + +.woocommerce form .form-row, .woocommerce-page form .form-row { + *zoom: 1; +} + +.woocommerce form .form-row::before, .woocommerce form .form-row::after, .woocommerce-page form .form-row::before, .woocommerce-page form .form-row::after { + content: ' '; + display: table; +} + +.woocommerce form .form-row::after, .woocommerce-page form .form-row::after { + clear: both; +} + +.woocommerce form .form-row label, .woocommerce-page form .form-row label { + display: block; +} + +.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox { + display: inline; +} + +.woocommerce form .form-row select, .woocommerce-page form .form-row select { + width: 100%; +} + +.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text { + box-sizing: border-box; + width: 100%; +} + +.woocommerce form .form-row-first, +.woocommerce form .form-row-last, .woocommerce-page form .form-row-first, +.woocommerce-page form .form-row-last { + width: 47%; + overflow: visible; +} + +.woocommerce form .form-row-first, .woocommerce-page form .form-row-first { + float: left; +} + +.woocommerce form .form-row-last, .woocommerce-page form .form-row-last { + float: right; +} + +.woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide { + clear: both; +} + +.woocommerce #payment .form-row select, .woocommerce-page #payment .form-row select { + width: auto; +} + +.woocommerce #payment .wc-terms-and-conditions, .woocommerce #payment .terms, .woocommerce-page #payment .wc-terms-and-conditions, .woocommerce-page #payment .terms { + text-align: left; + padding: 0; + width: 100%; + margin-bottom: 1em; +} + +.woocommerce #payment #place_order, .woocommerce-page #payment #place_order { + float: right; +} + +.woocommerce .woocommerce-billing-fields, +.woocommerce .woocommerce-shipping-fields, .woocommerce-page .woocommerce-billing-fields, +.woocommerce-page .woocommerce-shipping-fields { + *zoom: 1; +} + +.woocommerce .woocommerce-billing-fields::before, .woocommerce .woocommerce-billing-fields::after, +.woocommerce .woocommerce-shipping-fields::before, +.woocommerce .woocommerce-shipping-fields::after, .woocommerce-page .woocommerce-billing-fields::before, .woocommerce-page .woocommerce-billing-fields::after, +.woocommerce-page .woocommerce-shipping-fields::before, +.woocommerce-page .woocommerce-shipping-fields::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce-billing-fields::after, +.woocommerce .woocommerce-shipping-fields::after, .woocommerce-page .woocommerce-billing-fields::after, +.woocommerce-page .woocommerce-shipping-fields::after { + clear: both; +} + +.woocommerce .woocommerce-terms-and-conditions, .woocommerce-page .woocommerce-terms-and-conditions { + margin-bottom: 1.618em; + padding: 1.618em; +} + +.woocommerce .woocommerce-oembed, .woocommerce-page .woocommerce-oembed { + position: relative; +} + +.woocommerce-account .woocommerce-MyAccount-navigation { + float: left; + width: 30%; +} + +.woocommerce-account .woocommerce-MyAccount-content { + float: right; + width: 68%; +} + +.woocommerce-account .woocommerce-MyAccount-content fieldset { + border: 0; + margin: 1em 0 0; + padding: 3px; +} + +.woocommerce-account .woocommerce-MyAccount-content fieldset legend { + padding: 3px 0; + border-bottom: 1px solid #e5e5e5; + width: 100%; + margin: 10px 0; +} + +.woocommerce-account .woocommerce-MyAccount-content fieldset .form-row { + padding-left: 0; + padding-right: 0; +} diff --git a/assets/css/unminified/compatibility/woocommerce/woocommerce-rtl.css b/assets/css/unminified/compatibility/woocommerce/woocommerce-rtl.css new file mode 100644 index 0000000..84be9ec --- /dev/null +++ b/assets/css/unminified/compatibility/woocommerce/woocommerce-rtl.css @@ -0,0 +1,4628 @@ +@charset "UTF-8"; +/** + * woocommerce.scss + * Governs the general look and feel of WooCommerce sections of stores using themes that do not + * integrate with WooCommerce specifically. + */ +/** + * Imports + */ +/** + * Deprecated + * Fallback for bourbon equivalent + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Use bourbon mixin instead `@include transform(scale(1.5));` + */ +/** + * Deprecated + * Use bourbon mixin instead `@include box-sizing(border-box);` + */ +/** + * Objects + */ +/** + * WooCommerce CSS Variables + */ +/** + * _animation.scss + * Custom WooCommerce Animations. + */ +@keyframes spin { + 100% { + transform: rotate(-360deg); + } +} + +/** + * _fonts.scss + * Custom WooCommerce fonts. + */ +@font-face { + font-family: 'star'; + src: url("../../../../../../../plugins/woocommerce/assets/fonts/star.eot"); + src: url("../../../../../../../plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("../../../../../../../plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("../../../../../../../plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("../../../../../../../plugins/woocommerce/assets/fonts/star.svg#star") format("svg"); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'WooCommerce'; + src: url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.eot"); + src: url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg"); + font-weight: normal; + font-style: normal; +} + +/** + * Astra Theme compatibility with WooCommerce + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/** + * Global styles + */ +p.demo_store, +.woocommerce-store-notice { + position: absolute; + top: 0; + right: 0; + left: 0; + margin: 0; + width: 100%; + font-size: 1em; + padding: 1em 0; + text-align: center; + background-color: #a46497; + color: white; + z-index: 99998; + box-shadow: 0 1px 1em rgba(0, 0, 0, 0.2); + display: none; +} + +p.demo_store a, +.woocommerce-store-notice a { + color: white; + text-decoration: underline; +} + +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.admin-bar p.demo_store { + top: 32px; +} + +/** + * Utility classes + */ +.clear { + clear: both; +} + +/** + * Header Cart Icon with shopping cart. + */ +.woocommerce .ast-site-header-cart, +.ast-site-header-cart { + /* Cart wrapper in header. */ + position: relative; + list-style-type: none; + margin-right: 0; + padding-right: 0; + margin-bottom: 0; + order: 1; + /* Cart container in header. */ +} + +.woocommerce .ast-site-header-cart:focus .widget_shopping_cart, .woocommerce .ast-site-header-cart:hover .widget_shopping_cart, +.ast-site-header-cart:focus .widget_shopping_cart, +.ast-site-header-cart:hover .widget_shopping_cart { + left: 0; + right: auto; + opacity: 1; + visibility: visible; +} + +.woocommerce .ast-site-header-cart .ast-shopping-cart-icon, +.ast-site-header-cart .ast-shopping-cart-icon { + display: initial; + vertical-align: middle; +} + +.woocommerce .ast-site-header-cart .ast-shopping-cart-icon:before, +.ast-site-header-cart .ast-shopping-cart-icon:before { + content: "\e854"; + font-family: 'Astra'; + font-size: 18px; + font-size: 1.2857rem; +} + +.woocommerce .ast-site-header-cart .ast-site-header-cart-data .widget_shopping_cart_content > ul, +.ast-site-header-cart .ast-site-header-cart-data .widget_shopping_cart_content > ul { + text-align: right; + width: auto; + position: static; + right: auto; + top: auto; + border-top: 0; +} + +.woocommerce .ast-site-header-cart .ast-site-header-cart-data .woocommerce-mini-cart__empty-message, +.ast-site-header-cart .ast-site-header-cart-data .woocommerce-mini-cart__empty-message { + text-align: right; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart, +.ast-site-header-cart .widget_shopping_cart { + background-color: #fff; + position: absolute; + top: 100%; + width: 280px; + z-index: 999999; + font-size: .875em; + right: -999em; + display: block; + line-height: 1.618; + box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.07); + transition: all 0.3s ease; + border: 2px solid #E6E6E6; + opacity: 0; + visibility: hidden; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart:after, .woocommerce .ast-site-header-cart .widget_shopping_cart:before, +.ast-site-header-cart .widget_shopping_cart:after, +.ast-site-header-cart .widget_shopping_cart:before { + bottom: 100%; + right: auto; + left: 8px; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart:after, +.ast-site-header-cart .widget_shopping_cart:after { + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #fff; + border-width: 6px; + margin-right: -6px; + margin-bottom: -0.3px; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart:before, +.ast-site-header-cart .widget_shopping_cart:before { + border-color: rgba(230, 230, 230, 0); + border-bottom-color: #E6E6E6; + border-width: 9px; + margin-right: -5px; + left: 5px; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget, +.ast-site-header-cart .widget_shopping_cart .product_list_widget { + padding: 1em 1.5em; + max-height: 500px; + max-height: 50vh; + overflow-y: auto; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li, +.ast-site-header-cart .widget_shopping_cart .product_list_widget li { + padding: .5em 5em .5em 2em; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li:last-child, +.ast-site-header-cart .widget_shopping_cart .product_list_widget li:last-child { + border-bottom: 0; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li img, +.ast-site-header-cart .widget_shopping_cart .product_list_widget li img { + max-width: 4em; + margin: 0 0 .5em 0; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart p.buttons, +.woocommerce .ast-site-header-cart .widget_shopping_cart p.total, +.ast-site-header-cart .widget_shopping_cart p.buttons, +.ast-site-header-cart .widget_shopping_cart p.total { + padding: 1em 1.5em; + margin: 0; + text-align: center; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .buttons .button, .woocommerce .ast-site-header-cart .widget_shopping_cart .buttons .button.wc-forward, +.ast-site-header-cart .widget_shopping_cart .buttons .button, +.ast-site-header-cart .widget_shopping_cart .buttons .button.wc-forward { + display: block; + margin-left: 0; + width: 100%; + margin-right: 0; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message, +.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message { + margin: 1.41575em; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .cart_list a, +.ast-site-header-cart .widget_shopping_cart .cart_list a { + font-weight: normal; + padding: 0; + border-width: 0; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .cart_list a.remove, +.ast-site-header-cart .widget_shopping_cart .cart_list a.remove { + border-width: 1px; +} + +.ast-above-header-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove, +.main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove, +.ast-below-header .ast-site-header-cart .widget_shopping_cart .cart_list a.remove { + color: #ccc; +} + +.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart, +.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart, +.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart, +.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart, +.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart, +.below-header-section-1 .ast-site-header-cart .widget_shopping_cart, +.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart, +.site-header-section-left .ast-site-header-cart .widget_shopping_cart { + left: auto; + right: 0; + transition: right 0s; +} + +.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before, .woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:after, +.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:after, +.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:after, +.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before, +.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:after, +.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:after, +.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:after, +.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:after, +.site-header-section-left .ast-site-header-cart .widget_shopping_cart:before, +.site-header-section-left .ast-site-header-cart .widget_shopping_cart:after { + right: 15px; + left: auto; +} + +.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before, +.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:before, +.site-header-section-left .ast-site-header-cart .widget_shopping_cart:before { + right: 11px; + left: auto; +} + +.ast-cart-menu-wrap { + display: inline-block; + line-height: 1; +} + +.ast-cart-menu-wrap .count { + font-weight: bold; + position: relative; + display: inline-block; + vertical-align: middle; + text-align: center; + min-width: 2.1em; + min-height: 2.1em; + font-size: 0.860em; + line-height: 1.8; + border-radius: 0em 0em 0.3em 0.3em; + border-width: 2px; + border-style: solid; + padding: 0 .4em; +} + +.ast-cart-menu-wrap .count:after { + bottom: 100%; + margin-bottom: 0; + height: .8em; + width: .8em; + right: 50%; + transform: translateX(50%); + top: -.6em; + content: ' '; + position: absolute; + pointer-events: none; + border-width: 2px; + border-style: solid; + border-top-right-radius: 10em; + border-top-left-radius: 10em; + border-bottom: 0; +} + +.ast-woocommerce-cart-menu { + /** + * Header layout 1 + * if no primary menu & no last items in menu + */ + /** + * Header layout 3 + */ + /** + * Header layout 2 + */ +} + +.ast-woocommerce-cart-menu .main-header-menu .woocommerce-custom-menu-item li:hover > a.remove { + color: #ccc; +} + +.ast-woocommerce-cart-menu .header-main-layout-1.ast-no-menu-items .ast-site-header-cart { + flex: 1; +} + +.ast-woocommerce-cart-menu .header-main-layout-1.ast-no-menu-items .ast-site-header-cart .ast-site-header-cart-li { + text-align: left; +} + +.ast-woocommerce-cart-menu .header-main-layout-3 { + /* No primary menu & no last items in menu */ +} + +.ast-woocommerce-cart-menu .header-main-layout-3.ast-no-menu-items .ast-site-header-cart { + flex: 1; +} + +.ast-woocommerce-cart-menu .header-main-layout-3.ast-no-menu-items .ast-site-header-cart .ast-site-header-cart-li { + text-align: right; +} + +.ast-woocommerce-cart-menu .header-main-layout-2 .main-header-container { + display: flex; + justify-content: center; +} + +.ast-woocommerce-cart-menu .header-main-layout-2 .site-branding { + flex: 0 0 100%; +} + +/** + * Header Cart Icon with shopping cart for responsive devices. + */ +.ast-header-break-point .woocommerce-custom-menu-item .ast-cart-menu-wrap { + width: 2em; + height: 2em; + font-size: 1.4em; + line-height: 2; + vertical-align: middle; + text-align: left; +} + +.ast-header-break-point .ast-button-wrap .main-header-menu-toggle { + font-size: 1.4em; +} + +.ast-header-break-point .main-header-menu .woocommerce-custom-menu-item .ast-cart-menu-wrap { + height: 3em; + line-height: 3; + text-align: right; +} + +.ast-header-break-point #ast-site-header-cart .widget_shopping_cart { + display: none; +} + +.ast-header-break-point.ast-woocommerce-cart-menu .ast-site-header-cart { + order: initial; + line-height: 3; + padding: 0 0 1em 1em; +} + +.ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-3 .ast-site-header-cart { + padding: 0 1em 1em 0; +} + +.ast-header-break-point.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-site-header-cart { + padding: 0; +} + +.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item { + margin-bottom: 0; + margin-top: 0; +} + +.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item .ast-site-header-cart { + padding: 0; +} + +.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item .ast-site-header-cart a { + border: none; + display: inline-block; +} + +.ast-header-break-point.ast-hfb-header.ast-woocommerce-cart-menu .ast-site-header-cart { + padding: 0; +} + +/** + * Main WooCommerce styles + */ +.woocommerce { + /** + * Product Page + */ + /** + * Product loops + */ + /** + * Buttons + */ + /** + * Reviews + */ + /** + * Star ratings + */ + /** + * Tables + */ + /** + * Cart sidebar + */ + /** + * Forms + */ + /** + * Order page + */ + /** + * Layered nav widget + */ + /** + * Product categories + */ + /** + * Price filter widget + */ + /** + * Rating Filter Widget + */ + /* Product Hover */ + /** + * Input Form elements + */ +} + +.woocommerce .blockUI.blockOverlay { + position: relative; +} + +.woocommerce .blockUI.blockOverlay::before { + height: 1em; + width: 1em; + display: block; + position: absolute; + top: 50%; + right: 50%; + margin-right: -0.5em; + margin-top: -0.5em; + content: ''; + animation: spin 1s ease-in-out infinite; + background: url("../../../../../../../plugins/woocommerce/assets/images/icons/loader.svg") center center; + background-size: cover; + line-height: 1; + text-align: center; + font-size: 2em; + color: rgba(0, 0, 0, 0.75); +} + +.woocommerce .loader::before { + height: 1em; + width: 1em; + display: block; + position: absolute; + top: 50%; + right: 50%; + margin-right: -0.5em; + margin-top: -0.5em; + content: ''; + animation: spin 1s ease-in-out infinite; + background: url("../../../../../../../plugins/woocommerce/assets/images/icons/loader.svg") center center; + background-size: cover; + line-height: 1; + text-align: center; + font-size: 2em; + color: rgba(0, 0, 0, 0.75); +} + +.woocommerce h2 { + margin-bottom: 0.7em; +} + +.woocommerce a.remove { + display: block; + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-weight: 400; + font-size: 18px; + width: 24px; + height: 24px; + text-align: center; + line-height: 21px; + border-radius: 100%; + color: #ccc; + text-decoration: none; + border: 1px solid #ccc; +} + +.woocommerce small.note { + display: block; + color: #777; + font-size: 0.857em; + margin-top: 10px; +} + +.woocommerce .woocommerce-breadcrumb { + *zoom: 1; + margin: 0 0 1em; + padding: 0; + font-size: 0.92em; + color: #777; +} + +.woocommerce .woocommerce-breadcrumb::before, .woocommerce .woocommerce-breadcrumb::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce-breadcrumb::after { + clear: both; +} + +.woocommerce .woocommerce-breadcrumb a { + color: #777; +} + +.woocommerce .quantity input[type="text"], +.woocommerce .quantity input[type="number"], +.woocommerce .quantity input[type="email"] { + padding: 0.3em; +} + +.woocommerce .quantity input[type="text"]:focus, +.woocommerce .quantity input[type="number"]:focus, +.woocommerce .quantity input[type="email"]:focus { + outline: none; + border-color: #eaeaea; +} + +.woocommerce .quantity .qty { + width: 3.631em; + text-align: center; + min-height: 35px; +} + +.woocommerce div.product { + margin-bottom: 0; + position: relative; + /* No Review for single product */ +} + +.woocommerce div.product .product_title { + clear: none; + margin-top: 0; + padding: 0; +} + +.woocommerce div.product span.price, +.woocommerce div.product p.price { + color: #77a464; + font-size: 1.5rem; + font-weight: 700; + margin: 0 0 0.2em; +} + +.woocommerce div.product span.price ins, +.woocommerce div.product p.price ins { + background: inherit; + font-weight: 700; + display: inline-block; +} + +.woocommerce div.product span.price del, +.woocommerce div.product p.price del { + opacity: 0.5; + font-weight: normal; + display: inline-block; +} + +.woocommerce div.product p.stock, +.woocommerce div.product p.ast-stock-detail { + font-size: 1em; +} + +.woocommerce div.product p.stock .ast-stock-avail, +.woocommerce div.product p.ast-stock-detail .ast-stock-avail { + font-weight: 700; +} + +.woocommerce div.product .stock { + color: #77a464; +} + +.woocommerce div.product .out-of-stock { + color: red; +} + +.woocommerce div.product .product_title { + margin: 0 0 0.5em 0; +} + +.woocommerce div.product .product_meta { + border-top: 1px solid #ebebeb; + padding-top: 1em; + font-size: .9em; + margin: 0 0 0.8em; +} + +.woocommerce div.product .product_meta > span { + display: block; +} + +.woocommerce div.product .woocommerce-product-rating { + margin: 0 0 0.5em; +} + +.woocommerce div.product div.images { + margin-bottom: 2em; +} + +.woocommerce div.product div.images img { + display: block; + width: 100%; + height: auto; + box-shadow: none; +} + +.woocommerce div.product div.images div.thumbnails { + padding-top: 1em; +} + +.woocommerce div.product div.images.woocommerce-product-gallery { + position: relative; +} + +.woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport { + transform-style: preserve-3d; + margin-bottom: 1em; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__wrapper { + transition: all cubic-bezier(0.795, -0.035, 0, 1) 0.5s; + margin: 0; + padding: 0; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg { + background-color: #fff; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { + width: 25%; + display: inline-block; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__trigger { + position: absolute; + top: .5em; + left: .5em; + font-size: 2em; + z-index: 9; + width: 36px; + height: 36px; + background: #fff; + text-indent: -9999px; + border-radius: 100%; + box-sizing: content-box; + backface-visibility: hidden; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before { + content: ""; + display: block; + width: 10px; + height: 10px; + border: 2px solid #000; + border-radius: 100%; + position: absolute; + top: 9px; + right: 9px; + box-sizing: content-box; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after { + content: ""; + display: block; + width: 2px; + height: 8px; + background: #000; + border-radius: 6px; + position: absolute; + top: 19px; + right: 22px; + transform: rotate(45deg); + box-sizing: content-box; +} + +.woocommerce div.product div.images .flex-control-thumbs { + overflow: hidden; + zoom: 1; + margin: 0; + padding: 0; +} + +.woocommerce div.product div.images .flex-control-thumbs li { + width: 25%; + float: right; + margin: 0; + list-style: none; +} + +.woocommerce div.product div.images .flex-control-thumbs li img { + cursor: pointer; + opacity: .5; + margin: 0; +} + +.woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover { + opacity: 1; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li { + width: 32%; + width: calc( 33.33% - 0.7em); + margin-left: 1em; + margin-bottom: 1em; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) { + clear: right; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) { + margin-left: 0; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { + width: 24%; + width: calc( 25% - 0.75em); + margin-left: 1em; + margin-bottom: 1em; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { + clear: right; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) { + margin-left: 0; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { + width: 18.5%; + width: calc( 20% - 0.8em); + margin-left: 1em; + margin-bottom: 1em; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) { + clear: right; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) { + margin-left: 0; +} + +.woocommerce div.product div.summary { + margin-bottom: 2em; +} + +.woocommerce div.product div.social { + text-align: left; + margin: 0 0 1em; +} + +.woocommerce div.product div.social span { + margin: 0 2px 0 0; +} + +.woocommerce div.product div.social span span { + margin: 0; +} + +.woocommerce div.product div.social span .stButton .chicklets { + padding-right: 16px; + width: 0; +} + +.woocommerce div.product div.social iframe { + float: right; + margin-top: 3px; +} + +.woocommerce div.product .woocommerce-tabs { + margin-bottom: 2em; + width: 100%; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs { + list-style: none; + padding: 0; + margin: 0 0 1em; + overflow: hidden; + position: relative; + border-top: 1px solid rgba(0, 0, 0, 0.05); +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li { + border: 0; + background: none; + display: inline-block; + position: relative; + z-index: 0; + border-radius: 4px 4px 0 0; + margin: 0 0 0 1em; + padding: 0; + border-radius: 0; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li a { + display: inline-block; + padding: 0.5em 0; + font-weight: 700; + color: #515151; + text-decoration: none; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { + text-decoration: none; + color: #6b6a6b; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li.active { + z-index: 2; + border-bottom-color: #fff; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { + color: inherit; + text-shadow: inherit; + outline: none; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before { + content: ' '; + position: absolute; + width: 100%; + height: 3px; + box-shadow: none; + top: 0; + right: 0; + border-radius: 0; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after { + border: none; + box-shadow: none; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { + content: ' '; + position: absolute; + bottom: -1px; + width: 5px; + height: 5px; + border: none; + box-shadow: none; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs::before { + position: absolute; + content: ' '; + width: 100%; + bottom: 0; + right: 0; + border-bottom: 1px solid #d3ced2; + z-index: 1; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs.tabs::before { + display: none; + border: 0; +} + +.woocommerce div.product .woocommerce-tabs .panel { + margin: 0 0 1.2em; + padding: 0; +} + +.woocommerce div.product .woocommerce-tabs .shop_attributes { + border-style: solid; +} + +.woocommerce div.product .woocommerce-tabs .shop_attributes p { + padding: 0; +} + +.woocommerce div.product .woocommerce-tabs .shop_attributes th { + border-right-width: 1px; + border-style: solid; + padding-right: .9em; +} + +.woocommerce div.product .woocommerce-tabs .shop_attributes td { + padding: .5em .9em .5em .5em; + font-style: normal; + border-style: solid; +} + +.woocommerce div.product.ast-woo-product-no-review #reviews #comments { + width: 100%; +} + +.woocommerce div.product.ast-woo-product-no-review #reviews #review_form_wrapper { + width: 100%; + padding-right: 0; +} + +.woocommerce div.product.ast-woo-product-no-review #reviews #review_form { + padding: 1.5em 2em; +} + +.woocommerce div.product.ast-woo-product-no-review #reviews #respond p.comment-form-author, .woocommerce div.product.ast-woo-product-no-review #reviews #respond p.comment-form-email { + margin-bottom: 1em; +} + +@media (min-width: 1201px) { + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-author, + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-email { + width: 49%; + display: inline-block; + } + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-author input, + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-email input { + width: 100%; + } + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-author { + float: right; + } + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-email { + float: left; + } +} + +.woocommerce div.product p.cart { + margin-bottom: 2em; + *zoom: 1; +} + +.woocommerce div.product p.cart::before, .woocommerce div.product p.cart::after { + content: ' '; + display: table; +} + +.woocommerce div.product p.cart::after { + clear: both; +} + +.woocommerce div.product form.cart { + margin: 0 0 1.2em; + *zoom: 1; +} + +.woocommerce div.product form.cart .ast-woo-single-cart-button-wrap { + display: flex; + align-items: center; + flex-wrap: wrap; +} + +.woocommerce div.product form.cart::before, .woocommerce div.product form.cart::after { + content: ' '; + display: table; +} + +.woocommerce div.product form.cart::after { + clear: both; +} + +.woocommerce div.product form.cart div.quantity { + float: right; + margin: 0 0 0 4px; +} + +.woocommerce div.product form.cart table { + border-width: 0 0 1px; + margin: 0 0 1.2em; +} + +.woocommerce div.product form.cart table td { + padding-right: 0; +} + +.woocommerce div.product form.cart table div.quantity { + float: none; + margin: 0; +} + +.woocommerce div.product form.cart table small.stock { + display: block; + float: none; +} + +.woocommerce div.product form.cart .variations { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + position: relative; + margin-bottom: 1em; + width: 100%; +} + +.woocommerce div.product form.cart .variations td, +.woocommerce div.product form.cart .variations th { + border: 0; + vertical-align: top; + line-height: 2em; + padding-top: 0; + padding-bottom: 0; + padding-left: 0; + display: block; +} + +.woocommerce div.product form.cart .variations label { + font-weight: 700; +} + +.woocommerce div.product form.cart .variations select { + max-width: 100%; + min-width: 75%; + display: inline-block; + width: 100%; + margin-left: 0; + padding-top: .5em; + padding-bottom: .5em; +} + +.woocommerce div.product form.cart .variations td.label { + vertical-align: middle; + margin-top: 8px; + margin-bottom: 1px; +} + +.woocommerce div.product form.cart .woocommerce-variation-description p { + margin-bottom: 1em; +} + +.woocommerce div.product form.cart .reset_variations { + visibility: hidden; + font-size: 0.83em; + position: static; + display: inline-block; + color: inherit; + opacity: .6; + font-size: 11px; + text-transform: uppercase; +} + +.woocommerce div.product form.cart .wc-no-matching-variations { + display: none; +} + +.woocommerce div.product form.cart .button { + vertical-align: middle; + float: right; +} + +.woocommerce div.product form.cart .button.single_add_to_cart_button { + padding: 10px 40px; +} + +.woocommerce div.product form.cart .group_table tr:last-child td { + border-bottom: 0; +} + +.woocommerce div.product form.cart .group_table td.label { + padding: 0.5em; + font-size: .8rem; + line-height: 1.3; + font-weight: bold; +} + +.woocommerce div.product form.cart .group_table td { + vertical-align: middle; + padding-bottom: 0.5em; + border-left: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); +} + +.woocommerce div.product form.cart .group_table td:first-child { + text-align: right; + width: 4em; +} + +.woocommerce div.product form.cart .group_table td.price { + padding-right: 0.8em; + font-weight: bold; + font-size: 0.9rem; +} + +.woocommerce div.product form.cart .group_table td.price del { + opacity: .5; +} + +.woocommerce div.product form.cart .group_table .button { + padding: .8em; + font-weight: normal; + font-size: 0.9rem; + white-space: nowrap; +} + +.woocommerce div.product form.cart .group_table .wc-grouped-product-add-to-cart-checkbox { + display: inline-block; + width: auto; + margin: 0 auto; + transform: scale(1.5, 1.5); +} + +.woocommerce div.product form.cart p.stock { + line-height: 1.3; + margin-bottom: 0.8em; + font-size: .9em; +} + +.woocommerce div.product form.cart .single_variation_wrap { + width: 100%; +} + +.woocommerce div.product form.cart .single_variation_wrap p { + margin-bottom: 0.8em; +} + +.woocommerce div.product form.cart .single_variation_wrap .single_variation { + margin-bottom: 1.2em; + border-top: 1px solid #ebebeb; + padding-top: 0; + border-top: 0; +} + +.woocommerce div.product span.onsale { + min-height: 3.5em; + min-width: 3.5em; + line-height: 3.5em; +} + +.woocommerce div.product .woocommerce-tabs, +.woocommerce div.product .related.products { + display: block; +} + +.woocommerce div.product .related.products ul.products { + margin: 0; +} + +.woocommerce div.product .related.products ul.products li.product { + width: 22.5%; + width: calc( 25% - 15px); +} + +.woocommerce span.onsale { + min-width: 3em; + min-height: 3em; + line-height: 3em; + padding: 0; + font-size: 1em; + font-weight: normal; + position: absolute; + text-align: center; + top: 0.5em; + right: 0.5em; + margin: 0; + border-radius: 100%; + background-color: #77a464; + color: white; + -webkit-font-smoothing: antialiased; + z-index: 9; +} + +.woocommerce .products ul, +.woocommerce ul.products { + margin: 0 0 1em; + padding: 0; + list-style: none outside; + clear: both; + *zoom: 1; +} + +.woocommerce .products ul::before, .woocommerce .products ul::after, +.woocommerce ul.products::before, +.woocommerce ul.products::after { + content: ' '; + display: table; +} + +.woocommerce .products ul::after, +.woocommerce ul.products::after { + clear: both; +} + +.woocommerce .products ul::before, .woocommerce .products ul::after, +.woocommerce ul.products::before, +.woocommerce ul.products::after { + width: 0; +} + +.woocommerce .products ul li, +.woocommerce ul.products li { + list-style: none outside; +} + +.woocommerce ul.products li.product .onsale { + top: 0; + left: 0; + right: auto; + margin: -0.5em 0 0 -0.5em; +} + +.woocommerce ul.products li.product h3, +.woocommerce ul.products li.product .woocommerce-loop-product__title, +.woocommerce ul.products li.product .woocommerce-loop-category__title { + padding: 0.5em 0; + margin: 0; + font-size: 1em; +} + +.woocommerce ul.products li.product a { + text-decoration: none; +} + +.woocommerce ul.products li.product a img { + width: 100%; + height: auto; + display: block; + margin: 0 0 1em; + box-shadow: none; +} + +.woocommerce ul.products li.product strong { + display: block; +} + +.woocommerce ul.products li.product .star-rating { + font-size: 0.857em; +} + +.woocommerce ul.products li.product .button { + margin-top: 1em; +} + +.woocommerce ul.products li.product .price { + color: #77a464; + display: block; + font-weight: normal; + margin-bottom: 0.5em; + font-size: 0.857em; +} + +.woocommerce ul.products li.product .price del { + color: inherit; + opacity: 0.5; + display: inline-block; +} + +.woocommerce ul.products li.product .price ins { + background: none; + font-weight: 700; + display: inline-block; +} + +.woocommerce ul.products li.product .price .from { + font-size: 0.67em; + margin: -2px 0 0 0; + text-transform: uppercase; + color: rgba(132, 132, 132, 0.5); +} + +.woocommerce .woocommerce-result-count { + margin: 0 0 1em; +} + +.woocommerce .woocommerce-ordering { + margin: 0 0 2.5em; +} + +.woocommerce .woocommerce-ordering select { + vertical-align: top; + padding: .5em; +} + +.woocommerce nav.woocommerce-pagination { + text-align: right; +} + +.woocommerce nav.woocommerce-pagination ul { + display: inline-block; + text-align: center; + white-space: nowrap; + padding: 0; + clear: both; + border: 0; + margin: 1px; +} + +.woocommerce nav.woocommerce-pagination ul li { + margin: 0 0 5px 5px; + border: 1px solid #d3ced2; + padding: 0; + float: right; + display: inline; + overflow: hidden; +} + +.woocommerce nav.woocommerce-pagination ul li a, +.woocommerce nav.woocommerce-pagination ul li span { + margin: 0; + text-decoration: none; + padding: 0; + line-height: 1; + font-size: 1em; + font-weight: normal; + padding: 0.75em; + display: block; + min-width: 2.5em; +} + +.woocommerce nav.woocommerce-pagination ul li span.current, +.woocommerce nav.woocommerce-pagination ul li a:hover, +.woocommerce nav.woocommerce-pagination ul li a:focus { + background: #ebe9eb; + color: #8a7e88; +} + +.woocommerce a.button, +.woocommerce button.button, +.woocommerce input.button, +.woocommerce #respond input#submit { + font-size: 100%; + margin: 0; + line-height: 1; + cursor: pointer; + position: relative; + text-decoration: none; + overflow: visible; + padding: 0.5em 0.75em; + font-weight: 700; + border-radius: 3px; + right: auto; + color: #515151; + background-color: #ebe9eb; + border: 0; + display: inline-block; + background-image: none; + box-shadow: none; + text-shadow: none; +} + +.woocommerce a.button.loading, +.woocommerce button.button.loading, +.woocommerce input.button.loading, +.woocommerce #respond input#submit.loading { + opacity: 0.25; + padding-left: 2.618em; +} + +.woocommerce a.button.loading::after, +.woocommerce button.button.loading::after, +.woocommerce input.button.loading::after, +.woocommerce #respond input#submit.loading::after { + font-family: 'WooCommerce'; + content: '\e01c'; + vertical-align: top; + -webkit-font-smoothing: antialiased; + font-weight: 400; + position: absolute; + top: auto; + left: 1em; + animation: spin 2s linear infinite; +} + +.woocommerce a.button.added::after, +.woocommerce button.button.added::after, +.woocommerce input.button.added::after, +.woocommerce #respond input#submit.added::after { + font-family: 'WooCommerce'; + content: '\e017'; + margin-right: 0.53em; + vertical-align: bottom; +} + +.woocommerce a.button:hover, +.woocommerce button.button:hover, +.woocommerce input.button:hover, +.woocommerce #respond input#submit:hover { + background-color: #dad8da; + text-decoration: none; + background-image: none; + color: #515151; +} + +.woocommerce a.button.alt, +.woocommerce button.button.alt, +.woocommerce input.button.alt, +.woocommerce #respond input#submit.alt { + background-color: #a46497; + color: white; + -webkit-font-smoothing: antialiased; +} + +.woocommerce a.button.alt:hover, +.woocommerce button.button.alt:hover, +.woocommerce input.button.alt:hover, +.woocommerce #respond input#submit.alt:hover { + background-color: #935386; + color: white; +} + +.woocommerce a.button.alt.disabled, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled]:hover, +.woocommerce button.button.alt.disabled, +.woocommerce button.button.alt:disabled, +.woocommerce button.button.alt:disabled[disabled], +.woocommerce button.button.alt.disabled:hover, +.woocommerce button.button.alt:disabled:hover, +.woocommerce button.button.alt:disabled[disabled]:hover, +.woocommerce input.button.alt.disabled, +.woocommerce input.button.alt:disabled, +.woocommerce input.button.alt:disabled[disabled], +.woocommerce input.button.alt.disabled:hover, +.woocommerce input.button.alt:disabled:hover, +.woocommerce input.button.alt:disabled[disabled]:hover, +.woocommerce #respond input#submit.alt.disabled, +.woocommerce #respond input#submit.alt:disabled, +.woocommerce #respond input#submit.alt:disabled[disabled], +.woocommerce #respond input#submit.alt.disabled:hover, +.woocommerce #respond input#submit.alt:disabled:hover, +.woocommerce #respond input#submit.alt:disabled[disabled]:hover { + background-color: #a46497; + color: white; +} + +.woocommerce a.button:disabled, .woocommerce a.button.disabled, .woocommerce a.button:disabled[disabled], +.woocommerce button.button:disabled, +.woocommerce button.button.disabled, +.woocommerce button.button:disabled[disabled], +.woocommerce input.button:disabled, +.woocommerce input.button.disabled, +.woocommerce input.button:disabled[disabled], +.woocommerce #respond input#submit:disabled, +.woocommerce #respond input#submit.disabled, +.woocommerce #respond input#submit:disabled[disabled] { + color: inherit; + cursor: not-allowed; + opacity: 0.5; + padding: 0.618em 1em; +} + +.woocommerce a.button:disabled:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled[disabled]:hover, +.woocommerce button.button:disabled:hover, +.woocommerce button.button.disabled:hover, +.woocommerce button.button:disabled[disabled]:hover, +.woocommerce input.button:disabled:hover, +.woocommerce input.button.disabled:hover, +.woocommerce input.button:disabled[disabled]:hover, +.woocommerce #respond input#submit:disabled:hover, +.woocommerce #respond input#submit.disabled:hover, +.woocommerce #respond input#submit:disabled[disabled]:hover { + color: inherit; + background-color: #ebe9eb; +} + +.woocommerce .cart .button, +.woocommerce .cart input.button { + float: none; +} + +.woocommerce a.added_to_cart { + padding: .4em .4em 0; + display: inline-block; +} + +.woocommerce #reviews h2 { + font-weight: normal; +} + +.woocommerce #reviews h2 small { + float: left; + color: #777; + font-size: 15px; + margin: 10px 0 0; +} + +.woocommerce #reviews h2 small a { + text-decoration: none; + color: #777; +} + +.woocommerce #reviews h3 { + margin: 0; +} + +.woocommerce #reviews #respond { + margin: 0; + border: 0; + padding: 0; +} + +.woocommerce #reviews #comment { + height: 75px; +} + +.woocommerce #reviews #comments .add_review { + *zoom: 1; +} + +.woocommerce #reviews #comments .add_review::before, .woocommerce #reviews #comments .add_review::after { + content: ' '; + display: table; +} + +.woocommerce #reviews #comments .add_review::after { + clear: both; +} + +.woocommerce #reviews #comments h2 { + clear: none; +} + +.woocommerce #reviews #comments ol.commentlist { + *zoom: 1; + margin: 0; + width: 100%; + background: none; + list-style: none; +} + +.woocommerce #reviews #comments ol.commentlist::before, .woocommerce #reviews #comments ol.commentlist::after { + content: ' '; + display: table; +} + +.woocommerce #reviews #comments ol.commentlist::after { + clear: both; +} + +.woocommerce #reviews #comments ol.commentlist li { + padding: 0; + margin: 0 0 1em; + border: 0; + position: relative; + background: 100%; + border: 0; + border-bottom: 1px solid #e2e2e2; +} + +.woocommerce #reviews #comments ol.commentlist li:last-child { + border-bottom: 0; +} + +.woocommerce #reviews #comments ol.commentlist li .meta { + color: #777; + font-size: 0.75em; +} + +.woocommerce #reviews #comments ol.commentlist li img.avatar { + float: right; + position: absolute; + top: 0; + right: 0; + padding: 3px; + height: 3.6em; + width: 3.6em; + border: none; + background: none; + margin: 0; + border-radius: 100%; + box-shadow: none; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text { + margin: 0 50px 0 0; + border: none; + border-radius: 4px; + padding: 0 1.5em; + *zoom: 1; + display: flex; + flex-wrap: wrap; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text::before, .woocommerce #reviews #comments ol.commentlist li .comment-text::after { + content: ' '; + display: table; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text::after { + clear: both; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text p { + margin: 0 0 1.7em; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, +.woocommerce #reviews #comments ol.commentlist li .comment-text meta { + order: 1; + width: 100%; + font-size: 1em; + margin-bottom: .2em; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text .description { + font-style: italic; + order: 3; + width: 100%; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating { + order: 2; + margin-bottom: .5em; +} + +.woocommerce #reviews #comments ol.commentlist ul.children { + list-style: none outside; + margin: 20px 50px 0 0; +} + +.woocommerce #reviews #comments ol.commentlist ul.children .star-rating { + display: none; +} + +.woocommerce #reviews #comments ol.commentlist #respond { + border: 1px solid #e4e1e3; + border-radius: 4px; + padding: 1em 1em 0; + margin: 20px 50px 0 0; +} + +.woocommerce #reviews #comments .commentlist > li::before { + content: ''; +} + +.woocommerce #reviews #review_form { + border: 2px solid #efefef; + padding: 1em 1.9em 2.3em; +} + +.woocommerce #reviews #review_form #respond p { + margin: 2px 0 6px; +} + +.woocommerce #reviews #review_form #respond p.form-submit { + margin-top: 1em; +} + +.woocommerce #reviews #review_form #respond p.comment-form-author, .woocommerce #reviews #review_form #respond p.comment-form-email { + margin-bottom: 1em; +} + +.woocommerce #reviews #review_form #respond p.comment-form-author label, .woocommerce #reviews #review_form #respond p.comment-form-email label { + display: inline-block; + min-width: 100px; +} + +.woocommerce #reviews #review_form #respond #comment { + height: 90px; +} + +.woocommerce #reviews #review_form input { + max-width: 100%; +} + +.woocommerce #reviews #review_form .comment-form-cookies-consent { + display: inline-block; +} + +.woocommerce .star-rating { + float: left; + overflow: hidden; + position: relative; + height: 1em; + line-height: 1; + font-size: 1em; + width: 5.4em; + font-family: 'star'; +} + +.woocommerce .star-rating::before { + content: '\73\73\73\73\73'; + color: #d3ced2; + float: right; + top: 0; + right: 0; + position: absolute; +} + +.woocommerce .star-rating span { + overflow: hidden; + float: right; + top: 0; + right: 0; + position: absolute; + padding-top: 1.5em; +} + +.woocommerce .star-rating span::before { + content: '\53\53\53\53\53'; + top: 0; + position: absolute; + right: 0; +} + +.woocommerce .woocommerce-product-rating { + *zoom: 1; + line-height: 2; + display: block; +} + +.woocommerce .woocommerce-product-rating::before, .woocommerce .woocommerce-product-rating::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce-product-rating::after { + clear: both; +} + +.woocommerce .woocommerce-product-rating .star-rating { + margin: 0.5em 0 0 4px; + float: right; +} + +.woocommerce .products .star-rating { + display: block; + margin: 0.5em auto 0; + float: none; +} + +.woocommerce .hreview-aggregate .star-rating { + margin: 10px 0 0; +} + +.woocommerce #review_form #respond { + *zoom: 1; + position: static; + margin: 0; + width: auto; + background: transparent none; +} + +.woocommerce #review_form #respond::before, .woocommerce #review_form #respond::after { + content: ' '; + display: table; +} + +.woocommerce #review_form #respond::after { + clear: both; +} + +.woocommerce #review_form #respond .form-submit input { + right: auto; +} + +.woocommerce #review_form #respond textarea { + box-sizing: border-box; + width: 100%; +} + +.woocommerce p.stars a { + position: relative; + height: 1em; + width: 1em; + text-indent: -999em; + display: inline-block; + text-decoration: none; +} + +.woocommerce p.stars a::before { + display: block; + position: absolute; + top: 0; + right: 0; + width: 1em; + height: 1em; + line-height: 1; + font-family: 'WooCommerce'; + content: '\e021'; + text-indent: 0; +} + +.woocommerce p.stars a:hover ~ a::before { + content: '\e021'; +} + +.woocommerce p.stars:hover a::before { + content: '\e020'; +} + +.woocommerce p.stars.selected a.active::before { + content: '\e020'; +} + +.woocommerce p.stars.selected a.active ~ a::before { + content: '\e021'; +} + +.woocommerce p.stars.selected a:not(.active)::before { + content: '\e020'; +} + +.woocommerce table.shop_attributes { + border: 0; + border-top: 1px dotted rgba(0, 0, 0, 0.1); + margin-bottom: 1.618em; + width: 100%; +} + +.woocommerce table.shop_attributes th { + width: 150px; + font-weight: 700; + padding: 8px; + border-top: 0; + border-bottom: 1px dotted rgba(0, 0, 0, 0.1); + margin: 0; + line-height: 1.5; +} + +.woocommerce table.shop_attributes td { + font-style: italic; + padding: 0; + border-top: 0; + border-bottom: 1px dotted rgba(0, 0, 0, 0.1); + margin: 0; + line-height: 1.5; +} + +.woocommerce table.shop_attributes td p { + margin: 0; + padding: 8px 0; +} + +.woocommerce table.shop_attributes tr:nth-child(even) td, +.woocommerce table.shop_attributes tr:nth-child(even) th { + background: rgba(0, 0, 0, 0.025); +} + +.woocommerce table.shop_table { + border: 1px solid rgba(0, 0, 0, 0.1); + margin: 0 0 24px -1px; + text-align: right; + width: 100%; + border-collapse: separate; + border-radius: 5px; +} + +.woocommerce table.shop_table th { + font-weight: 700; + padding: 9px 12px; +} + +.woocommerce table.shop_table td { + border-top: 1px solid rgba(0, 0, 0, 0.1); + padding: 6px 12px; + vertical-align: middle; +} + +.woocommerce table.shop_table td small { + font-weight: normal; +} + +.woocommerce table.shop_table tbody:first-child tr:first-child th, +.woocommerce table.shop_table tbody:first-child tr:first-child td { + border-top: 0; +} + +.woocommerce table.shop_table tfoot td, +.woocommerce table.shop_table tfoot th, +.woocommerce table.shop_table tbody th { + font-weight: 700; + border-top: 1px solid rgba(0, 0, 0, 0.1); +} + +.woocommerce .woocommerce table.shop_table, +.woocommerce #customer_details { + margin-bottom: 2em; + border-radius: 0; +} + +.woocommerce table.my_account_orders { + font-size: 0.85em; +} + +.woocommerce table.my_account_orders th, +.woocommerce table.my_account_orders td { + padding: 4px 8px; + vertical-align: middle; +} + +.woocommerce table.my_account_orders .button { + white-space: nowrap; +} + +.woocommerce table.my_account_orders .order-actions { + text-align: left; +} + +.woocommerce table.my_account_orders .order-actions .button { + margin: 0.125em 0.25em 0.125em 0; +} + +.woocommerce table.woocommerce-MyAccount-downloads td, +.woocommerce table.woocommerce-MyAccount-downloads th { + vertical-align: top; + text-align: center; +} + +.woocommerce table.woocommerce-MyAccount-downloads td:first-child, +.woocommerce table.woocommerce-MyAccount-downloads th:first-child { + text-align: right; +} + +.woocommerce table.woocommerce-MyAccount-downloads td:last-child, +.woocommerce table.woocommerce-MyAccount-downloads th:last-child { + text-align: right; +} + +.woocommerce table.woocommerce-MyAccount-downloads td .woocommerce-MyAccount-downloads-file::before, +.woocommerce table.woocommerce-MyAccount-downloads th .woocommerce-MyAccount-downloads-file::before { + content: '\2193'; + display: inline-block; +} + +.woocommerce td.product-name dl.variation, .woocommerce td.product-name .wc-item-meta { + list-style: none outside; +} + +.woocommerce td.product-name dl.variation dt, .woocommerce td.product-name dl.variation .wc-item-meta-label, .woocommerce td.product-name .wc-item-meta dt, .woocommerce td.product-name .wc-item-meta .wc-item-meta-label { + float: right; + clear: both; + margin-left: .25em; + display: inline-block; + list-style: none outside; +} + +.woocommerce td.product-name dl.variation dd, .woocommerce td.product-name .wc-item-meta dd { + margin: 0; +} + +.woocommerce td.product-name dl.variation p, .woocommerce td.product-name dl.variation:last-child, .woocommerce td.product-name .wc-item-meta p, .woocommerce td.product-name .wc-item-meta:last-child { + margin-bottom: 0; +} + +.woocommerce td.product-name p.backorder_notification { + font-size: 0.83em; +} + +.woocommerce td.product-quantity { + min-width: 80px; +} + +.woocommerce ul.cart_list, +.woocommerce ul.product_list_widget { + list-style: none outside; + padding: 0; + margin: 0; +} + +.woocommerce ul.cart_list li, +.woocommerce ul.product_list_widget li { + padding: 4px 0; + margin: 0; + *zoom: 1; + list-style: none; +} + +.woocommerce ul.cart_list li::before, .woocommerce ul.cart_list li::after, +.woocommerce ul.product_list_widget li::before, +.woocommerce ul.product_list_widget li::after { + content: ' '; + display: table; +} + +.woocommerce ul.cart_list li::after, +.woocommerce ul.product_list_widget li::after { + clear: both; +} + +.woocommerce ul.cart_list li a, +.woocommerce ul.product_list_widget li a { + display: block; + font-weight: 700; +} + +.woocommerce ul.cart_list li img, +.woocommerce ul.product_list_widget li img { + float: left; + margin-right: 4px; + width: 32px; + height: auto; + box-shadow: none; +} + +.woocommerce ul.cart_list li dl, +.woocommerce ul.product_list_widget li dl { + margin: 0; + padding-right: 1em; + border-right: 2px solid rgba(0, 0, 0, 0.1); + *zoom: 1; +} + +.woocommerce ul.cart_list li dl::before, .woocommerce ul.cart_list li dl::after, +.woocommerce ul.product_list_widget li dl::before, +.woocommerce ul.product_list_widget li dl::after { + content: ' '; + display: table; +} + +.woocommerce ul.cart_list li dl::after, +.woocommerce ul.product_list_widget li dl::after { + clear: both; +} + +.woocommerce ul.cart_list li dl dt, +.woocommerce ul.cart_list li dl dd, +.woocommerce ul.product_list_widget li dl dt, +.woocommerce ul.product_list_widget li dl dd { + display: inline-block; + float: right; + margin-bottom: 1em; +} + +.woocommerce ul.cart_list li dl dt, +.woocommerce ul.product_list_widget li dl dt { + font-weight: 700; + padding: 0 0 0.25em; + margin: 0 0 0 4px; + clear: right; +} + +.woocommerce ul.cart_list li dl dd, +.woocommerce ul.product_list_widget li dl dd { + padding: 0 0 0.25em; +} + +.woocommerce ul.cart_list li dl dd p:last-child, +.woocommerce ul.product_list_widget li dl dd p:last-child { + margin-bottom: 0; +} + +.woocommerce ul.cart_list li .star-rating, +.woocommerce ul.product_list_widget li .star-rating { + float: none; +} + +.woocommerce.widget_shopping_cart .total strong, +.woocommerce .widget_shopping_cart .total strong { + min-width: 40px; + display: inline-block; +} + +.woocommerce.widget_shopping_cart .buttons, +.woocommerce .widget_shopping_cart .buttons { + *zoom: 1; +} + +.woocommerce.widget_shopping_cart .buttons::before, .woocommerce.widget_shopping_cart .buttons::after, +.woocommerce .widget_shopping_cart .buttons::before, +.woocommerce .widget_shopping_cart .buttons::after { + content: ' '; + display: table; +} + +.woocommerce.widget_shopping_cart .buttons::after, +.woocommerce .widget_shopping_cart .buttons::after { + clear: both; +} + +.woocommerce.widget_shopping_cart .buttons a, +.woocommerce .widget_shopping_cart .buttons a { + margin-left: 5px; + margin-bottom: 5px; +} + +.woocommerce form .form-row { + padding: 3px; + margin: 0 0 6px; +} + +.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder { + transition: opacity 0.5s 0.5s ease; + opacity: 0; +} + +.woocommerce form .form-row label { + line-height: 2; + font-weight: bold; + font-size: 13.5px; + font-size: 0.9rem; +} + +.woocommerce form .form-row label.hidden { + visibility: hidden; +} + +.woocommerce form .form-row label.inline { + display: inline; +} + +.woocommerce form .form-row select { + cursor: pointer; + margin: 0; +} + +.woocommerce form .form-row .required { + color: red; + font-weight: 700; + border: 0; +} + +.woocommerce form .form-row .input-checkbox { + display: inline; + margin: -2px 0 0 8px; + text-align: center; + vertical-align: middle; +} + +.woocommerce form .form-row input.input-text, +.woocommerce form .form-row textarea { + box-sizing: border-box; + width: 100%; + margin: 0; + outline: 0; + line-height: 1; +} + +.woocommerce form .form-row textarea { + height: 4em; + line-height: 1.5; + display: block; + box-shadow: none; +} + +.woocommerce form .form-row .select2-container { + width: 100%; + line-height: 2em; +} + +.woocommerce form .form-row.woocommerce-invalid .select2-container, +.woocommerce form .form-row.woocommerce-invalid input.input-text, +.woocommerce form .form-row.woocommerce-invalid select { + border-color: #d65d67; +} + +.woocommerce form .form-row.woocommerce-validated .select2-container, +.woocommerce form .form-row.woocommerce-validated input.input-text, +.woocommerce form .form-row.woocommerce-validated select { + border-color: #69bf29; +} + +.woocommerce form .form-row ::-webkit-input-placeholder { + line-height: normal; +} + +.woocommerce form .form-row :-moz-placeholder { + line-height: normal; +} + +.woocommerce form .form-row :-ms-input-placeholder { + line-height: normal; +} + +.woocommerce form.login, +.woocommerce form.checkout_coupon, +.woocommerce form.register { + border: 1px solid #d3ced2; + padding: 20px; + margin: 2em 0; + text-align: right; + border-radius: 5px; +} + +.woocommerce ul#shipping_method { + list-style: none outside; + margin: 0; + padding: 0; +} + +.woocommerce ul#shipping_method li { + margin: 0; + padding: 0.25em 22px 0.25em 0; + text-indent: -22px; + list-style: none outside; +} + +.woocommerce ul#shipping_method li input { + margin: 3px 0.5ex; +} + +.woocommerce ul#shipping_method li label { + display: inline; +} + +.woocommerce ul#shipping_method .amount { + font-weight: 700; +} + +.woocommerce p.woocommerce-shipping-contents { + margin: 0; +} + +.woocommerce ul.order_details { + *zoom: 1; + margin: 0 0 3em; + list-style: none; +} + +.woocommerce ul.order_details::before, .woocommerce ul.order_details::after { + content: ' '; + display: table; +} + +.woocommerce ul.order_details::after { + clear: both; +} + +.woocommerce ul.order_details li { + float: right; + margin-left: 2em; + text-transform: uppercase; + font-size: 0.715em; + line-height: 1; + border-left: 1px dashed #d3ced2; + padding-left: 2em; + margin-right: 0; + padding-right: 0; + list-style-type: none; +} + +.woocommerce ul.order_details li strong { + display: block; + font-size: 1.4em; + text-transform: none; + line-height: 1.5; +} + +.woocommerce ul.order_details li:last-of-type { + border: none; +} + +.woocommerce .wc-bacs-bank-details-account-name { + font-weight: bold; +} + +.woocommerce .woocommerce-order-downloads, +.woocommerce .woocommerce-customer-details, +.woocommerce .woocommerce-order-details { + margin-bottom: 2em; +} + +.woocommerce .woocommerce-order-downloads *:last-child, +.woocommerce .woocommerce-customer-details *:last-child, +.woocommerce .woocommerce-order-details *:last-child { + margin-bottom: 0; +} + +.woocommerce .woocommerce-customer-details address { + font-style: normal; + margin-bottom: 0; + border: 1px solid rgba(0, 0, 0, 0.1); + border-bottom-width: 2px; + border-left-width: 2px; + text-align: right; + width: 100%; + border-radius: 5px; + padding: 6px 12px; +} + +.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone, +.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email { + margin-bottom: 0; + padding-right: 1.5em; +} + +.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-left: 0.618em; + content: ""; + text-decoration: none; + margin-right: -1.5em; + line-height: 1.75; + position: absolute; +} + +.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-left: 0.618em; + content: ""; + text-decoration: none; + margin-right: -1.5em; + line-height: 1.75; + position: absolute; +} + +.woocommerce .woocommerce-widget-layered-nav-list { + margin: 0; + padding: 0; + border: 0; + list-style: none outside; +} + +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { + *zoom: 1; + padding: 0 0 1px; + list-style: none; +} + +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after { + clear: both; +} + +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span { + padding: 1px 0; +} + +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-left: 0.618em; + content: ""; + text-decoration: none; + color: #d65d67; +} + +.woocommerce .woocommerce-widget-layered-nav-dropdown__submit { + margin-top: 1em; +} + +.woocommerce .widget_layered_nav_filters ul { + margin: 0; + padding: 0; + border: 0; + list-style: none outside; + overflow: hidden; + zoom: 1; +} + +.woocommerce .widget_layered_nav_filters ul li { + float: right; + padding: 0 0 1px 1px; + list-style: none; +} + +.woocommerce .widget_layered_nav_filters ul li a { + text-decoration: none; +} + +.woocommerce .widget_layered_nav_filters ul li a::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-left: 0.618em; + content: ""; + text-decoration: none; + color: #d65d67; +} + +.woocommerce .widget_product_categories .product-categories .count { + float: left; +} + +.woocommerce .widget_price_filter .price_slider { + margin-bottom: 1em; +} + +.woocommerce .widget_price_filter .price_slider_amount { + text-align: left; + line-height: 2.4; + font-size: 0.8751em; +} + +.woocommerce .widget_price_filter .price_slider_amount .button { + font-size: 1.15em; + float: right; +} + +.woocommerce .widget_price_filter .ui-slider { + position: relative; + text-align: right; + margin-right: 0.5em; + margin-left: 0.5em; +} + +.woocommerce .widget_price_filter .ui-slider .ui-slider-handle { + position: absolute; + z-index: 2; + width: 1em; + height: 1em; + background-color: #a46497; + border-radius: 1em; + cursor: ew-resize; + outline: none; + top: -0.3em; + margin-left: -0.5em; +} + +.woocommerce .widget_price_filter .ui-slider .ui-slider-range { + position: absolute; + z-index: 1; + font-size: 0.7em; + display: block; + border: 0; + border-radius: 1em; + background-color: #a46497; +} + +.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { + border-radius: 1em; + background-color: #602053; + border: 0; +} + +.woocommerce .widget_price_filter .ui-slider-horizontal { + height: 0.5em; +} + +.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range { + top: 0; + height: 100%; +} + +.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { + right: -1px; +} + +.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { + left: -1px; +} + +.woocommerce .widget_rating_filter ul { + margin: 0; + padding: 0; + border: 0; + list-style: none outside; +} + +.woocommerce .widget_rating_filter ul li { + *zoom: 1; + padding: 0 0 1px; + list-style: none; +} + +.woocommerce .widget_rating_filter ul li::before, .woocommerce .widget_rating_filter ul li::after { + content: ' '; + display: table; +} + +.woocommerce .widget_rating_filter ul li::after { + clear: both; +} + +.woocommerce .widget_rating_filter ul li a { + padding: 1px 0; + text-decoration: none; +} + +.woocommerce .widget_rating_filter ul li .star-rating { + float: none; + display: inline-block; +} + +.woocommerce .widget_rating_filter ul li.chosen a::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-left: 0.618em; + content: ""; + text-decoration: none; + color: #d65d67; +} + +.woocommerce .show-on-hover { + position: absolute; + top: 0; + right: 0; + height: 100%; + left: 0; + bottom: 0; + padding: 0; + margin: 0; + opacity: 0; + filter: blur(0); + transition: all 0.2s linear; +} + +.woocommerce li.product:hover .show-on-hover { + opacity: 1; + transform: scale(1) translateZ(0) translateY(0); + pointer-events: inherit; +} + +.woocommerce .ast-return-to-shop { + display: inline-block; + margin: 5px 0; + vertical-align: middle; +} + +.woocommerce .up-sells h2, +.woocommerce .related.products h2, +.woocommerce .woocommerce-tabs h2 { + font-size: 1.5rem; +} + +.woocommerce .comment-reply-title { + font-size: 1.5rem; + line-height: 1.3; +} + +.woocommerce .select2-container .select2-selection--single { + height: auto; + padding: 0.75em; +} + +.woocommerce .select2-container .select2-selection--single .select2-selection__rendered { + padding-right: 0; +} + +.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered { + line-height: 1.35; +} + +.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow { + top: 50%; + width: 1.7em; + transform: translateY(-50%); +} + +.woocommerce .select2-search--dropdown .select2-search__field, +.woocommerce .select2-results__option { + padding: 6px 0.75em; +} + +.woocommerce, +.woocommerce-page { + /** + * Product Saerch Widget + */ + /* + * Common table style for woocommerce + */ +} + +.woocommerce .widget_product_search button, +.woocommerce-page .widget_product_search button { + flex: 0 0 auto; + padding: 10px 20px; +} + +.woocommerce ul.products li.product, +.woocommerce-page ul.products li.product { + text-align: right; + margin-bottom: 2.5em; +} + +.woocommerce ul.products li.product.product-category > a, +.woocommerce-page ul.products li.product.product-category > a { + display: inline-block; + position: relative; +} + +.woocommerce ul.products li.product a img, +.woocommerce-page ul.products li.product a img { + margin-bottom: .8em; +} + +.woocommerce ul.products li.product .woocommerce-loop-product__title, +.woocommerce-page ul.products li.product .woocommerce-loop-product__title { + margin-bottom: .5em; + padding: 0; + font-size: 1em; +} + +.woocommerce ul.products li.product .ast-woo-product-category, +.woocommerce-page ul.products li.product .ast-woo-product-category { + font-size: .85em; + margin-bottom: .5em; + display: block; + line-height: 1.3; + opacity: .6; +} + +.woocommerce ul.products li.product .star-rating, +.woocommerce-page ul.products li.product .star-rating { + margin: 0 0 .5em auto; + backface-visibility: hidden; +} + +.woocommerce ul.products li.product .ast-woo-shop-product-description p, +.woocommerce-page ul.products li.product .ast-woo-shop-product-description p { + margin-bottom: .5em; +} + +.woocommerce ul.products li.product .woocommerce-loop-product__link, +.woocommerce-page ul.products li.product .woocommerce-loop-product__link { + position: relative; + display: block; +} + +.woocommerce ul.products li.product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock, +.woocommerce-page ul.products li.product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock { + background-color: white; +} + +.woocommerce ul.products li.product.product-category > a:hover .woocommerce-loop-category__title, +.woocommerce-page ul.products li.product.product-category > a:hover .woocommerce-loop-category__title { + background-color: white; +} + +.woocommerce ul.products li.product .woocommerce-loop-category__title, +.woocommerce ul.products li.product .ast-shop-product-out-of-stock, +.woocommerce-page ul.products li.product .woocommerce-loop-category__title, +.woocommerce-page ul.products li.product .ast-shop-product-out-of-stock { + position: absolute; + background-color: rgba(255, 255, 255, 0.88); + transition: background .3s; + text-align: center; + right: 1em; + left: 1em; + padding: 0.5em 0em 0.7em; +} + +.woocommerce ul.products li.product .woocommerce-loop-category__title, +.woocommerce-page ul.products li.product .woocommerce-loop-category__title { + bottom: 1.8em; + font-size: 0.9em; +} + +.woocommerce ul.products li.product .woocommerce-loop-category__title .count, +.woocommerce-page ul.products li.product .woocommerce-loop-category__title .count { + font-size: .7em; +} + +.woocommerce ul.products li.product .ast-shop-product-out-of-stock, +.woocommerce-page ul.products li.product .ast-shop-product-out-of-stock { + bottom: 1em; + text-transform: uppercase; + font-weight: bold; +} + +.woocommerce ul.products li.product .price, +.woocommerce-page ul.products li.product .price { + line-height: 1.3; + margin-bottom: 0; + font-weight: 700; + margin-bottom: .5em; + font-size: .9em; +} + +.woocommerce ul.products li.product .price del, +.woocommerce-page ul.products li.product .price del { + display: initial; +} + +.woocommerce ul.products li.product .button, +.woocommerce-page ul.products li.product .button { + margin-top: .5em; + margin-bottom: .5em; + white-space: normal; + line-height: 1.3; +} + +.woocommerce ul.products li.product .button.added, +.woocommerce-page ul.products li.product .button.added { + margin-bottom: 0; + transition: margin 0s; +} + +.woocommerce ul.products li.product .woocommerce-loop-category__title, +.woocommerce-page ul.products li.product .woocommerce-loop-category__title { + text-transform: uppercase; + font-weight: bold; + line-height: 1.5; +} + +.woocommerce ul.products li.product .woocommerce-loop-category__title .count, +.woocommerce-page ul.products li.product .woocommerce-loop-category__title .count { + display: block; + background: none; + opacity: .5; + font-size: .75em; +} + +.woocommerce .related.products li.product:last-child, +.woocommerce-page .related.products li.product:last-child { + margin-left: 0; +} + +.woocommerce table.shop_table, +.woocommerce-page table.shop_table { + border: 1px solid #ebebeb; + border-radius: 0px; +} + +.woocommerce table.shop_table .product-thumbnail img, +.woocommerce-page table.shop_table .product-thumbnail img { + width: auto; + max-width: 70px; +} + +.woocommerce table.shop_table thead, +.woocommerce-page table.shop_table thead { + background-color: #fbfbfb; +} + +.woocommerce table.shop_table thead th, +.woocommerce-page table.shop_table thead th { + border-width: 0; +} + +.woocommerce table.shop_table td, .woocommerce table.shop_table th, +.woocommerce-page table.shop_table td, +.woocommerce-page table.shop_table th { + border-bottom-width: 0; + padding: .7em 1em; +} + +.woocommerce table.shop_table td, +.woocommerce-page table.shop_table td { + border-top: 1px solid #ebebeb; +} + +.woocommerce table.shop_table .woocommerce-Price-amount, +.woocommerce-page table.shop_table .woocommerce-Price-amount { + font-weight: 700; +} + +.woocommerce #content table.cart td.actions .input-text, +.woocommerce-page #content table.cart td.actions .input-text { + width: auto; +} + +.woocommerce #content table.cart td, +.woocommerce-page #content table.cart td { + min-height: 3.25em; +} + +.woocommerce #content table.cart [name="coupon_code"], +.woocommerce-page #content table.cart [name="coupon_code"] { + max-height: 35px; +} + +.woocommerce #content table.cart .button, +.woocommerce-page #content table.cart .button { + display: inline-block; + width: auto; +} + +.woocommerce #content table.cart .button[name="apply_coupon"], +.woocommerce-page #content table.cart .button[name="apply_coupon"] { + padding: 10px 40px; +} + +.ast-separate-container .ast-woocommerce-container { + background-color: #fff; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-woocommerce-container { + padding: 3.34em 2.4em; + } +} + +@media (max-width: 992px) { + .ast-separate-container .ast-woocommerce-container { + padding: 1.5em 2.14em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-woocommerce-container { + padding: 5.34em 6.67em; + } +} + +.ast-separate-container .ast-woocommerce-container .product { + border-bottom: 0; +} + +.ast-separate-container.single-product .ast-article-single { + margin: 0; + padding: 0; + display: inline-block; + width: 100%; +} + +/** + * Photoswipe + * 1. These styles are required to overwrite default theme button styles (Twenty Twelve adds gradients via background-image). + * 2. For zooming on mobile. + */ +.pswp { + z-index: 999999; +} + +.woocommerce, +.woocommerce-page { + /* Popup for single product */ +} + +.woocommerce img.pswp__img, +.woocommerce-page img.pswp__img { + max-width: none; + /* 2 */ +} + +.woocommerce .pswp__caption__center, +.woocommerce-page .pswp__caption__center { + text-align: center; +} + +.woocommerce .pswp__bg, +.woocommerce-page .pswp__bg { + opacity: .7 !important; +} + +.woocommerce .pswp__ui--fit .pswp__top-bar, +.woocommerce .pswp__ui--fit .pswp__caption, +.woocommerce-page .pswp__ui--fit .pswp__top-bar, +.woocommerce-page .pswp__ui--fit .pswp__caption { + background-color: transparent; +} + +/** + * Woocommerce common form design + */ +.woocommerce input[type=text], .woocommerce input[type=email], .woocommerce input[type=url], .woocommerce input[type=password], .woocommerce input[type=number], .woocommerce input[type=search], .woocommerce input[type=reset], .woocommerce input[type=tel], .woocommerce textarea, .woocommerce form .form-row textarea, +.woocommerce-page input[type=text], +.woocommerce-page input[type=email], +.woocommerce-page input[type=url], +.woocommerce-page input[type=password], +.woocommerce-page input[type=number], +.woocommerce-page input[type=search], +.woocommerce-page input[type=reset], +.woocommerce-page input[type=tel], +.woocommerce-page textarea, +.woocommerce-page form .form-row textarea { + border-color: #dddddd; + background: #fff; + box-shadow: none; + border-radius: 0px; +} + +.woocommerce input[type=text]:focus, .woocommerce input[type=email]:focus, .woocommerce input[type=url]:focus, .woocommerce input[type=password]:focus, .woocommerce input[type=number]:focus, .woocommerce input[type=search]:focus, .woocommerce input[type=reset]:focus, .woocommerce input[type=tel]:focus, .woocommerce textarea:focus, .woocommerce form .form-row textarea:focus, +.woocommerce-page input[type=text]:focus, +.woocommerce-page input[type=email]:focus, +.woocommerce-page input[type=url]:focus, +.woocommerce-page input[type=password]:focus, +.woocommerce-page input[type=number]:focus, +.woocommerce-page input[type=search]:focus, +.woocommerce-page input[type=reset]:focus, +.woocommerce-page input[type=tel]:focus, +.woocommerce-page textarea:focus, +.woocommerce-page form .form-row textarea:focus { + box-shadow: none; + border-color: #dddddd; +} + +.woocommerce select, .woocommerce .select2-container .select2-selection--single, +.woocommerce-page select, +.woocommerce-page .select2-container .select2-selection--single { + padding: .75em; + border: 1px solid #dddddd; + border-radius: 0px; + box-shadow: none; +} + +.woocommerce select:focus, .woocommerce .select2-container .select2-selection--single:focus, +.woocommerce-page select:focus, +.woocommerce-page .select2-container .select2-selection--single:focus { + outline: none; +} + +button.pswp__button { + box-shadow: none !important; + background-image: url("../../../../../../../plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png") !important; +} + +button.pswp__button, +button.pswp__button:hover, +button.pswp__button--arrow--left::before, +button.pswp__button--arrow--right::before { + background-color: transparent !important; + /* 1 */ +} + +button.pswp__button--arrow--left, +button.pswp__button--arrow--right, +button.pswp__button--arrow--left:hover, +button.pswp__button--arrow--right:hover { + background-image: none !important; + /* 1 */ +} + +button.pswp__button--close:hover { + background-position: 100% -44px; +} + +button.pswp__button--zoom:hover { + background-position: -88px 0; +} + +.woocommerce-message, +.woocommerce-error, +.woocommerce-info { + padding: 1em 3.5em 1em 2em; + margin: 0 0 2em; + position: relative; + background-color: #f7f6f7; + color: #515151; + border-top: 3px solid #a46497; + list-style: none outside; + *zoom: 1; + width: auto; + word-wrap: break-word; +} + +.woocommerce-message::before, .woocommerce-message::after, +.woocommerce-error::before, +.woocommerce-error::after, +.woocommerce-info::before, +.woocommerce-info::after { + content: ' '; + display: table; +} + +.woocommerce-message::after, +.woocommerce-error::after, +.woocommerce-info::after { + clear: both; +} + +.woocommerce-message::before, +.woocommerce-error::before, +.woocommerce-info::before { + font-family: 'WooCommerce'; + content: '\e028'; + display: inline-block; + position: absolute; + top: 1em; + right: 1.5em; +} + +.woocommerce-message .button, +.woocommerce-error .button, +.woocommerce-info .button { + float: left; +} + +.woocommerce-message li, +.woocommerce-error li, +.woocommerce-info li { + list-style: none outside !important; + padding-right: 0 !important; + margin-right: 0 !important; +} + +.woocommerce-message { + border-top-color: #8fae1b; +} + +.woocommerce-message::before { + content: '\e015'; + color: #8fae1b; +} + +.woocommerce-info { + border-top-color: #1e85be; +} + +.woocommerce-info::before { + color: #1e85be; +} + +.woocommerce-error { + border-top-color: #b81c23; +} + +.woocommerce-error::before { + content: '\e016'; + color: #b81c23; +} + +/** + * Account page + */ +.woocommerce .woocommerce, +.woocommerce-account .woocommerce { + *zoom: 1; +} + +.woocommerce .woocommerce::before, .woocommerce .woocommerce::after, +.woocommerce-account .woocommerce::before, +.woocommerce-account .woocommerce::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce::after, +.woocommerce-account .woocommerce::after { + clear: both; +} + +.woocommerce .addresses .title, +.woocommerce-account .addresses .title { + *zoom: 1; +} + +.woocommerce .addresses .title::before, .woocommerce .addresses .title::after, +.woocommerce-account .addresses .title::before, +.woocommerce-account .addresses .title::after { + content: ' '; + display: table; +} + +.woocommerce .addresses .title::after, +.woocommerce-account .addresses .title::after { + clear: both; +} + +.woocommerce .addresses .title h3, +.woocommerce-account .addresses .title h3 { + float: right; +} + +.woocommerce .addresses .title .edit, +.woocommerce-account .addresses .title .edit { + float: left; + padding: .7em 1em; +} + +.woocommerce ol.commentlist.notes li.note p.meta, +.woocommerce-account ol.commentlist.notes li.note p.meta { + font-weight: 700; + margin-bottom: 0; +} + +.woocommerce ol.commentlist.notes li.note .description p:last-child, +.woocommerce-account ol.commentlist.notes li.note .description p:last-child { + margin-bottom: 0; +} + +.woocommerce ul.digital-downloads, +.woocommerce-account ul.digital-downloads { + margin-right: 0; + padding-right: 0; +} + +.woocommerce ul.digital-downloads li, +.woocommerce-account ul.digital-downloads li { + list-style: none; + margin-right: 0; + padding-right: 0; +} + +.woocommerce ul.digital-downloads li::before, +.woocommerce-account ul.digital-downloads li::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-left: 0.618em; + content: ""; + text-decoration: none; +} + +.woocommerce ul.digital-downloads li .count, +.woocommerce-account ul.digital-downloads li .count { + float: left; +} + +.woocommerce h2, +.woocommerce-account h2 { + font-size: 1.625rem; +} + +.woocommerce .woocommerce-Addresses .woocommerce-Address-title, +.woocommerce .woocommerce-Addresses .woocommerce-column__title, +.woocommerce .woocommerce-customer-details .woocommerce-Address-title, +.woocommerce .woocommerce-customer-details .woocommerce-column__title, +.woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title, +.woocommerce .woocommerce-MyAccount-content .woocommerce-column__title, +.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title, +.woocommerce-account .woocommerce-Addresses .woocommerce-column__title, +.woocommerce-account .woocommerce-customer-details .woocommerce-Address-title, +.woocommerce-account .woocommerce-customer-details .woocommerce-column__title, +.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title, +.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title { + background: #fbfbfb; + padding: .5em; + margin-bottom: 0; + border-width: 1px 1px 0 1px; + border-style: solid; + border-color: #e5e5e5; +} + +.woocommerce .woocommerce-Addresses .woocommerce-Address-title h3, +.woocommerce .woocommerce-Addresses .woocommerce-column__title h3, +.woocommerce .woocommerce-customer-details .woocommerce-Address-title h3, +.woocommerce .woocommerce-customer-details .woocommerce-column__title h3, +.woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title h3, +.woocommerce .woocommerce-MyAccount-content .woocommerce-column__title h3, +.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title h3, +.woocommerce-account .woocommerce-Addresses .woocommerce-column__title h3, +.woocommerce-account .woocommerce-customer-details .woocommerce-Address-title h3, +.woocommerce-account .woocommerce-customer-details .woocommerce-column__title h3, +.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3, +.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title h3 { + margin-bottom: 0; +} + +.woocommerce .woocommerce-Addresses address, +.woocommerce .woocommerce-customer-details address, +.woocommerce .woocommerce-MyAccount-content address, +.woocommerce-account .woocommerce-Addresses address, +.woocommerce-account .woocommerce-customer-details address, +.woocommerce-account .woocommerce-MyAccount-content address { + border: 1px solid rgba(0, 0, 0, 0.1); + padding: 1em; + border-radius: 0; +} + +.woocommerce-Address h3, +.cart-collaterals h2 { + font-size: 1.2rem; + padding: .7em 1em; +} + +/** + * Cart/checkout page + */ +.woocommerce-cart table.cart .product-thumbnail, +.woocommerce-checkout table.cart .product-thumbnail, +#add_payment_method table.cart .product-thumbnail { + min-width: 32px; +} + +.woocommerce-cart table.cart img, +.woocommerce-checkout table.cart img, +#add_payment_method table.cart img { + width: 32px; + box-shadow: none; +} + +.woocommerce-cart table.cart th, +.woocommerce-cart table.cart td, +.woocommerce-checkout table.cart th, +.woocommerce-checkout table.cart td, +#add_payment_method table.cart th, +#add_payment_method table.cart td { + vertical-align: middle; +} + +.woocommerce-cart table.cart td.actions .coupon .input-text, +.woocommerce-checkout table.cart td.actions .coupon .input-text, +#add_payment_method table.cart td.actions .coupon .input-text { + float: right; + box-sizing: border-box; + border: 1px solid #d3ced2; + padding: 6px 6px 5px; + margin: 0 0 0 4px; + outline: 0; + line-height: 1; +} + +.woocommerce-cart table.cart input, +.woocommerce-checkout table.cart input, +#add_payment_method table.cart input { + margin: 0; + vertical-align: middle; + line-height: 1; +} + +.woocommerce-cart .wc-proceed-to-checkout, +.woocommerce-checkout .wc-proceed-to-checkout, +#add_payment_method .wc-proceed-to-checkout { + *zoom: 1; + padding: 1em 0; +} + +.woocommerce-cart .wc-proceed-to-checkout::before, .woocommerce-cart .wc-proceed-to-checkout::after, +.woocommerce-checkout .wc-proceed-to-checkout::before, +.woocommerce-checkout .wc-proceed-to-checkout::after, +#add_payment_method .wc-proceed-to-checkout::before, +#add_payment_method .wc-proceed-to-checkout::after { + content: ' '; + display: table; +} + +.woocommerce-cart .wc-proceed-to-checkout::after, +.woocommerce-checkout .wc-proceed-to-checkout::after, +#add_payment_method .wc-proceed-to-checkout::after { + clear: both; +} + +.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, +.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, +#add_payment_method .wc-proceed-to-checkout a.checkout-button { + display: block; + text-align: center; + margin-bottom: 1em; + font-size: 1.25em; + padding: 1em; +} + +.woocommerce-cart .cart-collaterals .shipping_calculator .button, +.woocommerce-checkout .cart-collaterals .shipping_calculator .button, +#add_payment_method .cart-collaterals .shipping_calculator .button { + width: 100%; + float: none; + display: block; +} + +.woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button::after, +.woocommerce-checkout .cart-collaterals .shipping_calculator .shipping-calculator-button::after, +#add_payment_method .cart-collaterals .shipping_calculator .shipping-calculator-button::after { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-right: 0.618em; + content: ""; + text-decoration: none; +} + +.woocommerce-cart .cart-collaterals .cart_totals p small, +.woocommerce-checkout .cart-collaterals .cart_totals p small, +#add_payment_method .cart-collaterals .cart_totals p small { + color: #777; + font-size: 0.83em; +} + +.woocommerce-cart .cart-collaterals .cart_totals table, +.woocommerce-checkout .cart-collaterals .cart_totals table, +#add_payment_method .cart-collaterals .cart_totals table { + border-collapse: separate; + margin: 0 0 6px; + padding: 0; +} + +.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th, +.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td, +.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child th, +.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child td, +#add_payment_method .cart-collaterals .cart_totals table tr:first-child th, +#add_payment_method .cart-collaterals .cart_totals table tr:first-child td { + border-top: 0; +} + +.woocommerce-cart .cart-collaterals .cart_totals table th, +.woocommerce-checkout .cart-collaterals .cart_totals table th, +#add_payment_method .cart-collaterals .cart_totals table th { + width: 40%; +} + +.woocommerce-cart .cart-collaterals .cart_totals table td, +.woocommerce-cart .cart-collaterals .cart_totals table th, +.woocommerce-checkout .cart-collaterals .cart_totals table td, +.woocommerce-checkout .cart-collaterals .cart_totals table th, +#add_payment_method .cart-collaterals .cart_totals table td, +#add_payment_method .cart-collaterals .cart_totals table th { + vertical-align: top; + border-right: 0; + border-left: 0; + line-height: 1.5em; +} + +.woocommerce-cart .cart-collaterals .cart_totals table small, +.woocommerce-checkout .cart-collaterals .cart_totals table small, +#add_payment_method .cart-collaterals .cart_totals table small { + color: #777; +} + +.woocommerce-cart .cart-collaterals .cart_totals table select, +.woocommerce-checkout .cart-collaterals .cart_totals table select, +#add_payment_method .cart-collaterals .cart_totals table select { + width: 100%; +} + +.woocommerce-cart .cart-collaterals .cart_totals .discount td, +.woocommerce-checkout .cart-collaterals .cart_totals .discount td, +#add_payment_method .cart-collaterals .cart_totals .discount td { + color: #77a464; +} + +.woocommerce-cart .cart-collaterals .cart_totals tr td, +.woocommerce-cart .cart-collaterals .cart_totals tr th, +.woocommerce-checkout .cart-collaterals .cart_totals tr td, +.woocommerce-checkout .cart-collaterals .cart_totals tr th, +#add_payment_method .cart-collaterals .cart_totals tr td, +#add_payment_method .cart-collaterals .cart_totals tr th { + border-top: 1px solid #ebe9eb; +} + +.woocommerce-cart .cart-collaterals .cross-sells ul.products li.product, +.woocommerce-checkout .cart-collaterals .cross-sells ul.products li.product, +#add_payment_method .cart-collaterals .cross-sells ul.products li.product { + margin-top: 0; +} + +.woocommerce-cart .checkout .col-2 h3#ship-to-different-address, +.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address, +#add_payment_method .checkout .col-2 h3#ship-to-different-address { + float: right; + clear: none; +} + +.woocommerce-cart .checkout .col-2 .notes, +.woocommerce-checkout .checkout .col-2 .notes, +#add_payment_method .checkout .col-2 .notes { + clear: right; +} + +.woocommerce-cart .checkout .col-2 .form-row-first, +.woocommerce-checkout .checkout .col-2 .form-row-first, +#add_payment_method .checkout .col-2 .form-row-first { + clear: right; +} + +.woocommerce-cart .checkout .create-account small, +.woocommerce-checkout .checkout .create-account small, +#add_payment_method .checkout .create-account small { + font-size: 11px; + color: #777; + font-weight: normal; +} + +.woocommerce-cart .checkout div.shipping-address, +.woocommerce-checkout .checkout div.shipping-address, +#add_payment_method .checkout div.shipping-address { + padding: 0; + clear: right; + width: 100%; +} + +.woocommerce-cart .checkout .shipping_address, +.woocommerce-checkout .checkout .shipping_address, +#add_payment_method .checkout .shipping_address { + clear: both; +} + +.woocommerce-cart #payment, +.woocommerce-checkout #payment, +#add_payment_method #payment { + border-radius: 5px; +} + +.woocommerce-cart #payment ul.payment_methods, +.woocommerce-checkout #payment ul.payment_methods, +#add_payment_method #payment ul.payment_methods { + *zoom: 1; + text-align: right; + padding: 1em; + border-bottom: 1px solid #d3ced2; + margin: 0; + list-style: none outside; +} + +.woocommerce-cart #payment ul.payment_methods::before, .woocommerce-cart #payment ul.payment_methods::after, +.woocommerce-checkout #payment ul.payment_methods::before, +.woocommerce-checkout #payment ul.payment_methods::after, +#add_payment_method #payment ul.payment_methods::before, +#add_payment_method #payment ul.payment_methods::after { + content: ' '; + display: table; +} + +.woocommerce-cart #payment ul.payment_methods::after, +.woocommerce-checkout #payment ul.payment_methods::after, +#add_payment_method #payment ul.payment_methods::after { + clear: both; +} + +.woocommerce-cart #payment ul.payment_methods li, +.woocommerce-checkout #payment ul.payment_methods li, +#add_payment_method #payment ul.payment_methods li { + line-height: 2; + text-align: right; + margin: 0; + font-weight: normal; +} + +.woocommerce-cart #payment ul.payment_methods li input, +.woocommerce-checkout #payment ul.payment_methods li input, +#add_payment_method #payment ul.payment_methods li input { + margin: 0 0 0 1em; +} + +.woocommerce-cart #payment ul.payment_methods li img, +.woocommerce-checkout #payment ul.payment_methods li img, +#add_payment_method #payment ul.payment_methods li img { + vertical-align: middle; + margin: -2px 0.5em 0 0; + padding: 0; + position: relative; + box-shadow: none; +} + +.woocommerce-cart #payment ul.payment_methods li img + img, +.woocommerce-checkout #payment ul.payment_methods li img + img, +#add_payment_method #payment ul.payment_methods li img + img { + margin-right: 2px; +} + +.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice), +.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice), +#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice) { + *zoom: 1; +} + +.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::before, .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after, +.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::before, +.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after, +#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::before, +#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after { + content: ' '; + display: table; +} + +.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after, +.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after, +#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after { + clear: both; +} + +.woocommerce-cart #payment div.form-row, +.woocommerce-checkout #payment div.form-row, +#add_payment_method #payment div.form-row { + padding: 1em; +} + +.woocommerce-cart #payment div.payment_box, +.woocommerce-checkout #payment div.payment_box, +#add_payment_method #payment div.payment_box { + position: relative; + box-sizing: border-box; + width: 100%; + padding: 1em; + margin: 1em 0; + font-size: 0.92em; + border-radius: 2px; + line-height: 1.5; + background-color: #dfdcde; + color: #515151; +} + +.woocommerce-cart #payment div.payment_box input.input-text, .woocommerce-cart #payment div.payment_box textarea, +.woocommerce-checkout #payment div.payment_box input.input-text, +.woocommerce-checkout #payment div.payment_box textarea, +#add_payment_method #payment div.payment_box input.input-text, +#add_payment_method #payment div.payment_box textarea { + border-color: #c7c1c6; + border-top-color: #bbb3b9; +} + +.woocommerce-cart #payment div.payment_box ::-webkit-input-placeholder, +.woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder, +#add_payment_method #payment div.payment_box ::-webkit-input-placeholder { + color: #bbb3b9; +} + +.woocommerce-cart #payment div.payment_box :-moz-placeholder, +.woocommerce-checkout #payment div.payment_box :-moz-placeholder, +#add_payment_method #payment div.payment_box :-moz-placeholder { + color: #bbb3b9; +} + +.woocommerce-cart #payment div.payment_box :-ms-input-placeholder, +.woocommerce-checkout #payment div.payment_box :-ms-input-placeholder, +#add_payment_method #payment div.payment_box :-ms-input-placeholder { + color: #bbb3b9; +} + +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods { + list-style: none outside; + margin: 0; +} + +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new { + margin: 0 0 0.5em; +} + +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label { + cursor: pointer; +} + +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput { + vertical-align: middle; + margin: -3px 0 0 1em; + position: relative; +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form, +#add_payment_method #payment div.payment_box .wc-credit-card-form { + border: 0; + padding: 0; + margin: 1em 0 0; +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc { + font-size: 1.5em; + padding: 8px; + background-repeat: no-repeat; + background-position: left 0.618em center; + background-size: 32px 20px; +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/visa.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/mastercard.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/laser.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/diners.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.maestro, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.maestro, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/maestro.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/jcb.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.amex, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.amex, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/amex.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.discover, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.discover, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.discover, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/discover.svg"); +} + +.woocommerce-cart #payment div.payment_box span.help, +.woocommerce-checkout #payment div.payment_box span.help, +#add_payment_method #payment div.payment_box span.help { + font-size: 0.857em; + color: #777; + font-weight: normal; +} + +.woocommerce-cart #payment div.payment_box .form-row, +.woocommerce-checkout #payment div.payment_box .form-row, +#add_payment_method #payment div.payment_box .form-row { + margin: 0 0 1em; +} + +.woocommerce-cart #payment div.payment_box p:last-child, +.woocommerce-checkout #payment div.payment_box p:last-child, +#add_payment_method #payment div.payment_box p:last-child { + margin-bottom: 0; +} + +.woocommerce-cart #payment div.payment_box::before, +.woocommerce-checkout #payment div.payment_box::before, +#add_payment_method #payment div.payment_box::before { + content: ''; + display: block; + border: 1em solid #dfdcde; + /* arrow size / color */ + border-left-color: transparent; + border-right-color: transparent; + border-top-color: transparent; + position: absolute; + top: -0.75em; + right: 0; + margin: -1em 2em 0 0; +} + +.woocommerce-cart #payment .payment_method_paypal .about_paypal, +.woocommerce-checkout #payment .payment_method_paypal .about_paypal, +#add_payment_method #payment .payment_method_paypal .about_paypal { + float: left; + line-height: 52px; + font-size: 0.83em; +} + +.woocommerce-cart #payment .payment_method_paypal img, +.woocommerce-checkout #payment .payment_method_paypal img, +#add_payment_method #payment .payment_method_paypal img { + max-height: 52px; + vertical-align: middle; +} + +/** + * Cart Page Styles + */ +.woocommerce-cart-form__cart-item td.product-remove { + text-align: center; +} + +.woocommerce-cart-form__cart-item td.product-remove a.remove { + display: inline-block; + vertical-align: middle; +} + +/** + * Cart Page + */ +.woocommerce-cart { + /* Proceed to check out button */ +} + +.woocommerce-cart table.shop_table td, .woocommerce-cart table.shop_table th { + border-left: 0; +} + +.woocommerce-cart table.shop_table .woocommerce-Price-amount, +.woocommerce-cart table.shop_table td.product-name { + font-weight: 700; +} + +.woocommerce-cart .cart-collaterals .cross-sells li.product { + padding-bottom: 1em; +} + +.woocommerce-cart .cart-collaterals .cart_totals, +.woocommerce-cart .cart-collaterals .cross-sells { + padding: 0 20px; + border-width: 1px; + border-style: solid; + border-color: #ebebeb; + border-radius: 0; + margin-bottom: 2em; +} + +.woocommerce-cart .cart-collaterals .cart_totals .shop_table, +.woocommerce-cart .cart-collaterals .cross-sells .shop_table { + border-top: 0; + border-right: 0; + border-left: 0; + border-radius: 0; +} + +.woocommerce-cart .cart-collaterals .cart_totals > h2, +.woocommerce-cart .cart-collaterals .cross-sells > h2 { + margin: 0 -20px 20px; + background-color: #fbfbfb; + border-bottom: 1px solid #ebebeb; +} + +.woocommerce-cart .hentry, +.woocommerce-cart ul.products { + margin-bottom: 0; +} + +.woocommerce-cart .hentry li.product, +.woocommerce-cart ul.products li.product { + margin-bottom: 0; +} + +.woocommerce-cart table.cart td.actions .coupon { + display: flex; + align-items: center; + margin: 5px 0; +} + +.woocommerce-cart table.cart td.actions .coupon .input-text { + padding: .5em .75em; +} + +.woocommerce-cart table.cart td.actions .button { + padding: .5em 1em; + line-height: 1.5; +} + +.woocommerce-cart table.cart td.actions input.button { + display: inline-block; + width: auto; +} + +.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { + font-size: 1.1em; + line-height: 1.8em; +} + +/** + * Checkout Page + */ +.woocommerce.woocommerce-checkout, +.woocommerce-page.woocommerce-checkout { + /* Ordered received style */ +} + +.woocommerce.woocommerce-checkout form.checkout.woocommerce-checkout:after, +.woocommerce-page.woocommerce-checkout form.checkout.woocommerce-checkout:after { + content: ""; + clear: both; + display: table; +} + +.woocommerce.woocommerce-checkout table.shop_table thead, +.woocommerce-page.woocommerce-checkout table.shop_table thead { + background: none; +} + +.woocommerce.woocommerce-checkout table.shop_table th, +.woocommerce-page.woocommerce-checkout table.shop_table th { + padding: 14px 12px; +} + +.woocommerce.woocommerce-checkout table.shop_table td, +.woocommerce-page.woocommerce-checkout table.shop_table td { + padding: 10px 0 10px 10px; + border-color: #ebebeb; + opacity: 0.8; +} + +.woocommerce.woocommerce-checkout table.shop_table tfoot td, +.woocommerce-page.woocommerce-checkout table.shop_table tfoot td { + opacity: 1; +} + +.woocommerce.woocommerce-checkout table.shop_table td, .woocommerce.woocommerce-checkout table.shop_table th, +.woocommerce-page.woocommerce-checkout table.shop_table td, +.woocommerce-page.woocommerce-checkout table.shop_table th { + border-bottom-width: 1px; +} + +.woocommerce.woocommerce-checkout #customer_details h3, +.woocommerce-page.woocommerce-checkout #customer_details h3 { + font-size: 1.2rem; + padding: 20px 0 14px; + margin: 0 0 20px; + border-bottom: 1px solid #ebebeb; +} + +.woocommerce.woocommerce-checkout form #order_review_heading, +.woocommerce-page.woocommerce-checkout form #order_review_heading { + border-width: 2px 2px 0 2px; + border-style: solid; + font-size: 1.2rem; + margin: 0; + padding: 1.5em 1.5em 1em; + border-color: #ebebeb; +} + +.woocommerce.woocommerce-checkout form #order_review, +.woocommerce-page.woocommerce-checkout form #order_review { + padding: 0 2em; + border-width: 0 2px 2px; + border-style: solid; + border-color: #ebebeb; +} + +.woocommerce.woocommerce-checkout form #order_review table, +.woocommerce-page.woocommerce-checkout form #order_review table { + border-width: 0; +} + +.woocommerce.woocommerce-checkout form #order_review td, +.woocommerce.woocommerce-checkout form #order_review th, +.woocommerce-page.woocommerce-checkout form #order_review td, +.woocommerce-page.woocommerce-checkout form #order_review th { + border-top: 0; + border-left: 0; + padding-right: 0; + border-color: #ebebeb; +} + +.woocommerce.woocommerce-checkout form .form-row:last-child, +.woocommerce-page.woocommerce-checkout form .form-row:last-child { + margin-bottom: 0; +} + +.woocommerce.woocommerce-checkout #payment, +.woocommerce-page.woocommerce-checkout #payment { + border-radius: 0; +} + +.woocommerce.woocommerce-checkout #payment ul.payment_methods, +.woocommerce-page.woocommerce-checkout #payment ul.payment_methods { + padding: 0; + margin-bottom: 1em; + border-bottom: 0; +} + +.woocommerce.woocommerce-checkout #payment div.payment_box, +.woocommerce-page.woocommerce-checkout #payment div.payment_box { + background-color: #efefef; +} + +.woocommerce.woocommerce-checkout #payment div.payment_box:before, +.woocommerce-page.woocommerce-checkout #payment div.payment_box:before { + border-bottom-color: #efefef; +} + +.woocommerce.woocommerce-checkout #payment div.form-row, +.woocommerce-page.woocommerce-checkout #payment div.form-row { + padding: 0 0 2em; +} + +.woocommerce.woocommerce-checkout #payment #place_order, +.woocommerce-page.woocommerce-checkout #payment #place_order { + width: 100%; +} + +.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table th, .woocommerce.woocommerce-checkout .woocommerce-order table.shop_table td, +.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table th, +.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table td { + padding: .7em 1em; + border-bottom-width: 0px; +} + +.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table th:last-child, .woocommerce.woocommerce-checkout .woocommerce-order table.shop_table td:last-child, +.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table th:last-child, +.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table td:last-child { + border-left-width: 0px; +} + +.woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title, .woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title, +.woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title, +.woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title { + background: #fbfbfb; + padding: 1em; + margin-bottom: 0; + font-size: 1.3rem; + border-width: 1px 1px 0 1px; + border-style: solid; + border-color: #e5e5e5; +} + +.woocommerce.woocommerce-checkout .woocommerce-order h2.wc-bacs-bank-details-heading, +.woocommerce-page.woocommerce-checkout .woocommerce-order h2.wc-bacs-bank-details-heading { + font-size: 1.5rem; + border-top: 3px solid #ebebeb; + padding-top: .5em; +} + +.woocommerce.woocommerce-checkout .woocommerce-order h3, +.woocommerce-page.woocommerce-checkout .woocommerce-order h3 { + font-size: 1.1rem; +} + +.woocommerce.woocommerce-checkout .woocommerce-order ul.order_details, +.woocommerce-page.woocommerce-checkout .woocommerce-order ul.order_details { + margin-bottom: 2em; +} + +.woocommerce.woocommerce-checkout .woocommerce-customer-details address, +.woocommerce-page.woocommerce-checkout .woocommerce-customer-details address { + border-left-width: 1px; + border-bottom-width: 1px; + border-radius: 0; +} + +.woocommerce form .form-row .required { + text-decoration: none; +} + +.woocommerce form.checkout_coupon { + margin: 0; + border: 0; + padding: 0 0 2em; +} + +.woocommerce form.checkout_coupon .form-row { + margin: 0; + padding: 0; + float: none; + display: inline-block; +} + +.woocommerce form.checkout_coupon [name="coupon_code"] { + padding-top: 9px; + padding-bottom: 9px; +} + +.woocommerce form.checkout_coupon .button { + padding: .5em 1em; + vertical-align: initial; + line-height: 1.35; +} + +.woocommerce form.checkout_coupon .button[name="apply_coupon"] { + padding: 10px 40px; +} + +@media (max-width: 420px) { + .woocommerce form.checkout_coupon .form-row-first, + .woocommerce form.checkout_coupon .form-row-last { + display: block; + margin: 0 auto; + width: 100%; + } + .woocommerce form.checkout_coupon .form-row-first { + margin-bottom: 10px; + } + .woocommerce form.checkout_coupon .button[name="apply_coupon"] { + width: 100%; + padding: 10px 5px; + } +} + +.checkout_coupon .input-text { + padding: .5em .75em; +} + +/** + * My Account Style + */ +.woocommerce-MyAccount-navigation-link { + list-style: none; + border: 1px solid rgba(0, 0, 0, 0.1); + border-bottom-width: 0; +} + +.woocommerce-MyAccount-navigation-link:last-child { + border-bottom-width: 1px; +} + +.woocommerce-MyAccount-navigation-link.is-active a { + background-color: #fbfbfb; +} + +.woocommerce-MyAccount-navigation-link a { + display: block; + padding: .5em 1em; +} + +.woocommerce-MyAccount-navigation > ul { + margin: 0; +} + +.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button { + margin-top: 1em; + margin-right: 3px; +} + +/** + * Widgets Style + */ +#secondary .widget_layered_nav_filters > li, +#secondary .widget.woocommerce > li { + margin-bottom: 0; +} + +#secondary .widget .select2-container .select2-selection--multiple .select2-selection__rendered { + display: block; + min-height: 42px; +} + +#secondary .widget .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { + margin-top: 5px; + margin-bottom: 5px; +} + +#secondary .widget .select2-search__field { + min-height: 42px; + margin: 0; +} + +.woocommerce { + /* Product Tag Cloud */ +} + +.woocommerce #secondary .woocommerce ul.cart_list, +.woocommerce #secondary .woocommerce ul.product_list_widget { + margin: 0; +} + +.woocommerce .woocommerce ul.cart_list li a, +.woocommerce .woocommerce ul.product_list_widget li a { + font-weight: normal; +} + +.woocommerce .widget_shopping_cart .cart_list li, +.woocommerce .widget_shopping_cart li, +.woocommerce ul.product_list_widget .cart_list li, +.woocommerce ul.product_list_widget li { + padding: .6em 5em .6em 0; + min-height: 5em; + position: relative; + border-bottom: 1px solid #e2e2e2; + margin: 0; + line-height: 1.5; +} + +.woocommerce .widget_shopping_cart .cart_list li:last-child, .woocommerce .widget_shopping_cart .cart_list li:last-child, +.woocommerce .widget_shopping_cart li:last-child, +.woocommerce .widget_shopping_cart li:last-child, +.woocommerce ul.product_list_widget .cart_list li:last-child, +.woocommerce ul.product_list_widget .cart_list li:last-child, +.woocommerce ul.product_list_widget li:last-child, +.woocommerce ul.product_list_widget li:last-child { + border-bottom: none; +} + +.woocommerce .widget_shopping_cart .woocommerce-mini-cart__buttons { + margin-bottom: 0; +} + +.woocommerce .widget_shopping_cart .woocommerce-mini-cart__buttons a { + display: inline-block; + width: calc( 50% - 5px); + margin-left: 5px; + text-align: center; +} + +.woocommerce .widget_shopping_cart .woocommerce-mini-cart__buttons .checkout.wc-forward { + margin-right: 5px; + margin-left: 0; +} + +.woocommerce.widget_product_tag_cloud .tagcloud { + margin-top: 10px; + display: inline-block; +} + +.woocommerce.widget_product_tag_cloud .tagcloud a { + border: 1px solid #e2e2e2; + padding: 0.5em 0.9em; + display: inline-block; + margin-bottom: 4px; + font-size: 14px; + margin-left: 4px; + line-height: 1.5; + transition: all 0.2s linear; +} + +.woocommerce .widget_shopping_cart .total, +.woocommerce.widget_shopping_cart .total { + padding: 5px 0; + border-top: 1px solid #e2e2e2; + border-bottom: 1px solid #e2e2e2; + margin-bottom: 1.3em; +} + +.woocommerce ul.product_list_widget li img { + position: absolute; + right: 0; + width: 4em; + margin: 0 0 .5em 0; + top: 50%; + transform: translateY(-50%); +} + +.woocommerce ul.product-categories > li { + padding: 2px 0px; +} + +.woocommerce ul.product-categories > li:first-child { + border: none; +} + +.woocommerce .widget del { + opacity: .5; +} + +.woocommerce .widget ins { + background: inherit; +} + +.woocommerce .widget .amount, +.woocommerce .widget ins { + font-weight: 700; +} + +.woocommerce .widget .star-rating { + margin: 5px 0; +} + +.woocommerce .widget_rating_filter ul li a { + display: inline-flex; + align-items: center; +} + +.woocommerce .price_slider_amount .price_label span { + font-weight: 700; +} + +.woocommerce .widget_price_filter .ui-slider-horizontal { + height: .2em; +} + +.woocommerce .widget_price_filter .ui-slider .ui-slider-handle { + top: -.4em; + cursor: pointer; +} + +.woocommerce .widget_price_filter .price_slider_amount .button { + font-size: .9em !important; + padding: 8px 18px; +} + +.woocommerce .widget_price_filter .price_slider { + margin-bottom: 1.2em; +} + +.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { + background-color: #ededed; +} + +.woocommerce .widget_product_tag_cloud .tagcloud a { + border: 1px solid #e2e2e2; + padding: 0.5em 0.9em; + display: inline-block; + margin-bottom: 4px; + margin-left: 4px; + line-height: 1.5; + padding: .5em 1.2em; + font-size: 12px !important; + font-size: 0.8rem !important; +} + +.woocommerce .widget_product_tag_cloud .tagcloud a a:hover, +.woocommerce .widget_product_tag_cloud .tagcloud a a:focus, +.woocommerce .widget_product_tag_cloud .tagcloud a a.current-item { + background-color: #fafafa; +} + +.woocommerce .widget_shopping_cart .cart_list li, +.woocommerce.widget_shopping_cart .cart_list li { + padding: .5em 5em .5em 1.8em; +} + +.woocommerce .widget_shopping_cart .cart_list li a.remove, +.woocommerce.widget_shopping_cart .cart_list li a.remove { + position: absolute; + right: auto; + left: 0; + top: .5em; +} + +.woocommerce-product-search { + display: flex; +} + +.woocommerce-product-search .search-field { + flex: auto; + width: 100%; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.woocommerce-product-search input[type="submit"] { + padding: 10px 15px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.widget_layered_nav_filters ul li.chosen { + padding: 0 .5em; + margin-left: .5em; + background: rgba(245, 245, 245, 0.75); + border-radius: 20px; + font-size: .8em; +} + +.widget_layered_nav_filters ul li.chosen:hover { + background-color: whitesmoke; +} + +.widget_layered_nav_filters ul li.chosen a { + display: block; +} + +.widget_layered_nav_filters ul li.chosen a::before { + margin-left: .5em; + color: #ff1111; +} + +.woocommerce-terms-and-conditions { + border: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background: rgba(0, 0, 0, 0.05); +} + +/** + * Password strength meter + */ +.woocommerce-password-strength { + text-align: center; + font-weight: 600; + padding: 3px 0.5em; + font-size: 1em; +} + +.woocommerce-password-strength.strong { + background-color: #c1e1b9; + border-color: #83c373; +} + +.woocommerce-password-strength.short { + background-color: #f1adad; + border-color: #e35b5b; +} + +.woocommerce-password-strength.bad { + background-color: #fbc5a9; + border-color: #f78b53; +} + +.woocommerce-password-strength.good { + background-color: #ffe399; + border-color: #ffc733; +} + +.woocommerce-password-hint { + margin: 0.5em 0 0; + display: block; +} + +.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu .header-main-layout-2 .main-header-container { + display: block; +} + +.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .header-main-layout-2 .main-header-container { + text-align: center; +} + +.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-main-header-bar-alignment { + display: inline-block; +} + +.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-masthead-custom-menu-items { + display: inline-block; + float: left; +} + +.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-break-point .header-main-layout-2 .main-header-container { + display: flex; +} + +/** + * Woocommerce Pagination RTL + */ +.rtl .woocommerce-pagination .page-numbers li:last-child .next { + transform: rotateY(-180deg); +} + +.rtl .woocommerce-pagination .page-numbers li:first-child .prev { + transform: rotateY(180deg); +} + +.ast-site-header-cart .widgettitle { + display: none; +} + +/** + * Woocommerce Gutenberg Blocks Product Grid CSS Compatibility. + */ +.wc-block-grid .wc-block-grid__products .wc-block-grid__product { + text-align: right; + margin-bottom: 2.5em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category > a { + display: inline-block; + position: relative; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product a img { + width: 100%; + height: auto; + display: block; + margin: 0 0 .8em 0; + box-shadow: none; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title { + margin-bottom: .5em; + padding: 0; + font-size: 1em; + line-height: 1.2; + font-weight: inherit; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .star-rating { + margin: 0 0 .5em auto; + backface-visibility: hidden; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link { + position: relative; + display: block; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock { + background-color: white; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category > a:hover .woocommerce-loop-category__title { + background-color: white; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title { + bottom: 1.8em; + font-size: 0.9em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count { + font-size: .7em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price { + line-height: 1.3; + margin-bottom: 0; + font-weight: 700; + margin-bottom: .5em; + font-size: .9em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price del { + display: initial; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link { + margin-top: .5em; + margin-bottom: .5em; + white-space: normal; + line-height: 1.3; + font-size: 100%; + font-weight: 700; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.added { + margin-bottom: 0; + transition: margin 0s; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title { + text-transform: uppercase; + font-weight: bold; + line-height: 1.5; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count { + display: block; + background: none; + opacity: .5; + font-size: .75em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale { + min-width: 3em; + min-height: 3em; + line-height: 3em; + padding: 0; + font-size: 1em; + font-weight: normal; + text-transform: capitalize; + position: absolute; + text-align: center; + border-radius: 100%; + z-index: 9; + top: 0; + left: 15px; + right: auto; + margin: -0.5em 0 0 -0.5em; +} + +/** + * Product categories - Sub Category CSS. + */ +.widget_product_categories .children { + padding-right: 20px; +} + +/** + * Firefox browser compatibility for WooCommerce. + * + * 1. Product Search widget button misalign issue. + */ +@supports (-moz-appearance: none) { + .sidebar-main .widget_product_search .search-field { + width: 60%; + } +} diff --git a/assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-grid-rtl.css b/assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-grid-rtl.css new file mode 100644 index 0000000..e6a0335 --- /dev/null +++ b/assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-grid-rtl.css @@ -0,0 +1,273 @@ +/** + * woocommerce-smallscreen-grid.scss + * Optimises the default WooCommerce frontend layout when viewed on smaller screens. + */ +/** + * Imports + */ +/** + * Deprecated + * Fallback for bourbon equivalent + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Use bourbon mixin instead `@include transform(scale(1.5));` + */ +/** + * Deprecated + * Use bourbon mixin instead `@include box-sizing(border-box);` + */ +/** + * Objects + */ +/** + * WooCommerce CSS Variables + */ +/** + * Style begins + */ +.woocommerce, +.woocommerce-page { + /** + * General layout + */ + /** + * Cart + */ + /** + * Checkout + */ + /** + * Account + */ +} + +.woocommerce table.shop_table_responsive thead, +.woocommerce-page table.shop_table_responsive thead { + display: none; +} + +.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, +.woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child { + border-top: 0; +} + +.woocommerce table.shop_table_responsive tbody th, +.woocommerce-page table.shop_table_responsive tbody th { + display: none; +} + +.woocommerce table.shop_table_responsive tr, +.woocommerce-page table.shop_table_responsive tr { + display: block; +} + +.woocommerce table.shop_table_responsive tr td, +.woocommerce-page table.shop_table_responsive tr td { + display: block; + text-align: left !important; +} + +.woocommerce table.shop_table_responsive tr td.order-actions, +.woocommerce-page table.shop_table_responsive tr td.order-actions { + text-align: right !important; +} + +.woocommerce table.shop_table_responsive tr td::before, +.woocommerce-page table.shop_table_responsive tr td::before { + content: attr(data-title) ": "; + font-weight: 700; + float: right; +} + +.woocommerce table.shop_table_responsive tr td.product-remove::before, .woocommerce table.shop_table_responsive tr td.actions::before, +.woocommerce-page table.shop_table_responsive tr td.product-remove::before, +.woocommerce-page table.shop_table_responsive tr td.actions::before { + display: none; +} + +.woocommerce table.shop_table_responsive tr td .shipping-calculator-form, +.woocommerce-page table.shop_table_responsive tr td .shipping-calculator-form { + text-align: right; +} + +.woocommerce table.my_account_orders tr td.order-actions, +.woocommerce-page table.my_account_orders tr td.order-actions { + text-align: right; +} + +.woocommerce table.my_account_orders tr td.order-actions::before, +.woocommerce-page table.my_account_orders tr td.order-actions::before { + display: none; +} + +.woocommerce table.my_account_orders tr td.order-actions .button, +.woocommerce-page table.my_account_orders tr td.order-actions .button { + float: none; + margin: 0.125em 0 0.125em 0.25em; +} + +.woocommerce .col2-set .col-1, +.woocommerce .col2-set .col-2, +.woocommerce-page .col2-set .col-1, +.woocommerce-page .col2-set .col-2 { + float: none; + width: 100%; +} + +.woocommerce table.cart .product-thumbnail, +.woocommerce #content table.cart .product-thumbnail, +.woocommerce-page table.cart .product-thumbnail, +.woocommerce-page #content table.cart .product-thumbnail { + display: none; +} + +.woocommerce table.cart td.actions, +.woocommerce #content table.cart td.actions, +.woocommerce-page table.cart td.actions, +.woocommerce-page #content table.cart td.actions { + text-align: right; +} + +.woocommerce table.cart td.actions .coupon, +.woocommerce #content table.cart td.actions .coupon, +.woocommerce-page table.cart td.actions .coupon, +.woocommerce-page #content table.cart td.actions .coupon { + *zoom: 1; + padding-bottom: 0.5em; +} + +.woocommerce table.cart td.actions .coupon::before, .woocommerce table.cart td.actions .coupon::after, +.woocommerce #content table.cart td.actions .coupon::before, +.woocommerce #content table.cart td.actions .coupon::after, +.woocommerce-page table.cart td.actions .coupon::before, +.woocommerce-page table.cart td.actions .coupon::after, +.woocommerce-page #content table.cart td.actions .coupon::before, +.woocommerce-page #content table.cart td.actions .coupon::after { + content: ' '; + display: table; +} + +.woocommerce table.cart td.actions .coupon::after, +.woocommerce #content table.cart td.actions .coupon::after, +.woocommerce-page table.cart td.actions .coupon::after, +.woocommerce-page #content table.cart td.actions .coupon::after { + clear: both; +} + +.woocommerce table.cart td.actions .coupon input, +.woocommerce table.cart td.actions .coupon .button, +.woocommerce table.cart td.actions .coupon .input-text, +.woocommerce #content table.cart td.actions .coupon input, +.woocommerce #content table.cart td.actions .coupon .button, +.woocommerce #content table.cart td.actions .coupon .input-text, +.woocommerce-page table.cart td.actions .coupon input, +.woocommerce-page table.cart td.actions .coupon .button, +.woocommerce-page table.cart td.actions .coupon .input-text, +.woocommerce-page #content table.cart td.actions .coupon input, +.woocommerce-page #content table.cart td.actions .coupon .button, +.woocommerce-page #content table.cart td.actions .coupon .input-text { + width: 48%; + box-sizing: border-box; +} + +.woocommerce table.cart td.actions .coupon .input-text + .button, +.woocommerce table.cart td.actions .coupon .button.alt, +.woocommerce #content table.cart td.actions .coupon .input-text + .button, +.woocommerce #content table.cart td.actions .coupon .button.alt, +.woocommerce-page table.cart td.actions .coupon .input-text + .button, +.woocommerce-page table.cart td.actions .coupon .button.alt, +.woocommerce-page #content table.cart td.actions .coupon .input-text + .button, +.woocommerce-page #content table.cart td.actions .coupon .button.alt { + float: left; +} + +.woocommerce .cart-collaterals .cart_totals, +.woocommerce .cart-collaterals .shipping_calculator, +.woocommerce .cart-collaterals .cross-sells, +.woocommerce-page .cart-collaterals .cart_totals, +.woocommerce-page .cart-collaterals .shipping_calculator, +.woocommerce-page .cart-collaterals .cross-sells { + width: 100%; + float: none; + text-align: right; +} + +.woocommerce.woocommerce-checkout form.login .form-row, +.woocommerce-page.woocommerce-checkout form.login .form-row { + width: 100%; + float: none; +} + +.woocommerce #payment .terms, +.woocommerce-page #payment .terms { + text-align: right; + padding: 0; +} + +.woocommerce #payment #place_order, +.woocommerce-page #payment #place_order { + float: none; + width: 100%; + box-sizing: border-box; + margin-bottom: 1em; +} + +.woocommerce .lost_reset_password .form-row-first, +.woocommerce .lost_reset_password .form-row-last, +.woocommerce-page .lost_reset_password .form-row-first, +.woocommerce-page .lost_reset_password .form-row-last { + width: 100%; + float: none; + margin-left: 0; +} + +.woocommerce-account .woocommerce-MyAccount-navigation, +.woocommerce-account .woocommerce-MyAccount-content { + float: none; + width: 100%; +} diff --git a/assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-grid.css b/assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-grid.css new file mode 100644 index 0000000..f385e4d --- /dev/null +++ b/assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-grid.css @@ -0,0 +1,273 @@ +/** + * woocommerce-smallscreen-grid.scss + * Optimises the default WooCommerce frontend layout when viewed on smaller screens. + */ +/** + * Imports + */ +/** + * Deprecated + * Fallback for bourbon equivalent + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Use bourbon mixin instead `@include transform(scale(1.5));` + */ +/** + * Deprecated + * Use bourbon mixin instead `@include box-sizing(border-box);` + */ +/** + * Objects + */ +/** + * WooCommerce CSS Variables + */ +/** + * Style begins + */ +.woocommerce, +.woocommerce-page { + /** + * General layout + */ + /** + * Cart + */ + /** + * Checkout + */ + /** + * Account + */ +} + +.woocommerce table.shop_table_responsive thead, +.woocommerce-page table.shop_table_responsive thead { + display: none; +} + +.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, +.woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child { + border-top: 0; +} + +.woocommerce table.shop_table_responsive tbody th, +.woocommerce-page table.shop_table_responsive tbody th { + display: none; +} + +.woocommerce table.shop_table_responsive tr, +.woocommerce-page table.shop_table_responsive tr { + display: block; +} + +.woocommerce table.shop_table_responsive tr td, +.woocommerce-page table.shop_table_responsive tr td { + display: block; + text-align: right !important; +} + +.woocommerce table.shop_table_responsive tr td.order-actions, +.woocommerce-page table.shop_table_responsive tr td.order-actions { + text-align: left !important; +} + +.woocommerce table.shop_table_responsive tr td::before, +.woocommerce-page table.shop_table_responsive tr td::before { + content: attr(data-title) ": "; + font-weight: 700; + float: left; +} + +.woocommerce table.shop_table_responsive tr td.product-remove::before, .woocommerce table.shop_table_responsive tr td.actions::before, +.woocommerce-page table.shop_table_responsive tr td.product-remove::before, +.woocommerce-page table.shop_table_responsive tr td.actions::before { + display: none; +} + +.woocommerce table.shop_table_responsive tr td .shipping-calculator-form, +.woocommerce-page table.shop_table_responsive tr td .shipping-calculator-form { + text-align: left; +} + +.woocommerce table.my_account_orders tr td.order-actions, +.woocommerce-page table.my_account_orders tr td.order-actions { + text-align: left; +} + +.woocommerce table.my_account_orders tr td.order-actions::before, +.woocommerce-page table.my_account_orders tr td.order-actions::before { + display: none; +} + +.woocommerce table.my_account_orders tr td.order-actions .button, +.woocommerce-page table.my_account_orders tr td.order-actions .button { + float: none; + margin: 0.125em 0.25em 0.125em 0; +} + +.woocommerce .col2-set .col-1, +.woocommerce .col2-set .col-2, +.woocommerce-page .col2-set .col-1, +.woocommerce-page .col2-set .col-2 { + float: none; + width: 100%; +} + +.woocommerce table.cart .product-thumbnail, +.woocommerce #content table.cart .product-thumbnail, +.woocommerce-page table.cart .product-thumbnail, +.woocommerce-page #content table.cart .product-thumbnail { + display: none; +} + +.woocommerce table.cart td.actions, +.woocommerce #content table.cart td.actions, +.woocommerce-page table.cart td.actions, +.woocommerce-page #content table.cart td.actions { + text-align: left; +} + +.woocommerce table.cart td.actions .coupon, +.woocommerce #content table.cart td.actions .coupon, +.woocommerce-page table.cart td.actions .coupon, +.woocommerce-page #content table.cart td.actions .coupon { + *zoom: 1; + padding-bottom: 0.5em; +} + +.woocommerce table.cart td.actions .coupon::before, .woocommerce table.cart td.actions .coupon::after, +.woocommerce #content table.cart td.actions .coupon::before, +.woocommerce #content table.cart td.actions .coupon::after, +.woocommerce-page table.cart td.actions .coupon::before, +.woocommerce-page table.cart td.actions .coupon::after, +.woocommerce-page #content table.cart td.actions .coupon::before, +.woocommerce-page #content table.cart td.actions .coupon::after { + content: ' '; + display: table; +} + +.woocommerce table.cart td.actions .coupon::after, +.woocommerce #content table.cart td.actions .coupon::after, +.woocommerce-page table.cart td.actions .coupon::after, +.woocommerce-page #content table.cart td.actions .coupon::after { + clear: both; +} + +.woocommerce table.cart td.actions .coupon input, +.woocommerce table.cart td.actions .coupon .button, +.woocommerce table.cart td.actions .coupon .input-text, +.woocommerce #content table.cart td.actions .coupon input, +.woocommerce #content table.cart td.actions .coupon .button, +.woocommerce #content table.cart td.actions .coupon .input-text, +.woocommerce-page table.cart td.actions .coupon input, +.woocommerce-page table.cart td.actions .coupon .button, +.woocommerce-page table.cart td.actions .coupon .input-text, +.woocommerce-page #content table.cart td.actions .coupon input, +.woocommerce-page #content table.cart td.actions .coupon .button, +.woocommerce-page #content table.cart td.actions .coupon .input-text { + width: 48%; + box-sizing: border-box; +} + +.woocommerce table.cart td.actions .coupon .input-text + .button, +.woocommerce table.cart td.actions .coupon .button.alt, +.woocommerce #content table.cart td.actions .coupon .input-text + .button, +.woocommerce #content table.cart td.actions .coupon .button.alt, +.woocommerce-page table.cart td.actions .coupon .input-text + .button, +.woocommerce-page table.cart td.actions .coupon .button.alt, +.woocommerce-page #content table.cart td.actions .coupon .input-text + .button, +.woocommerce-page #content table.cart td.actions .coupon .button.alt { + float: right; +} + +.woocommerce .cart-collaterals .cart_totals, +.woocommerce .cart-collaterals .shipping_calculator, +.woocommerce .cart-collaterals .cross-sells, +.woocommerce-page .cart-collaterals .cart_totals, +.woocommerce-page .cart-collaterals .shipping_calculator, +.woocommerce-page .cart-collaterals .cross-sells { + width: 100%; + float: none; + text-align: left; +} + +.woocommerce.woocommerce-checkout form.login .form-row, +.woocommerce-page.woocommerce-checkout form.login .form-row { + width: 100%; + float: none; +} + +.woocommerce #payment .terms, +.woocommerce-page #payment .terms { + text-align: left; + padding: 0; +} + +.woocommerce #payment #place_order, +.woocommerce-page #payment #place_order { + float: none; + width: 100%; + box-sizing: border-box; + margin-bottom: 1em; +} + +.woocommerce .lost_reset_password .form-row-first, +.woocommerce .lost_reset_password .form-row-last, +.woocommerce-page .lost_reset_password .form-row-first, +.woocommerce-page .lost_reset_password .form-row-last { + width: 100%; + float: none; + margin-right: 0; +} + +.woocommerce-account .woocommerce-MyAccount-navigation, +.woocommerce-account .woocommerce-MyAccount-content { + float: none; + width: 100%; +} diff --git a/assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-rtl.css b/assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-rtl.css new file mode 100644 index 0000000..921bf51 --- /dev/null +++ b/assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-rtl.css @@ -0,0 +1,285 @@ +/** + * woocommerce-smallscreen.scss + * Optimises the default WooCommerce frontend layout when viewed on smaller screens. + */ +/** + * Imports + */ +/** + * Deprecated + * Fallback for bourbon equivalent + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Use bourbon mixin instead `@include transform(scale(1.5));` + */ +/** + * Deprecated + * Use bourbon mixin instead `@include box-sizing(border-box);` + */ +/** + * Objects + */ +/** + * WooCommerce CSS Variables + */ +/** + * Style begins + */ +.woocommerce, +.woocommerce-page { + /** + * General layout + */ + /** + * Products + */ + /** + * Cart + */ + /** + * Checkout + */ + /** + * Account + */ +} + +.woocommerce table.shop_table_responsive thead, +.woocommerce-page table.shop_table_responsive thead { + display: none; +} + +.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, +.woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child { + border-top: 0; +} + +.woocommerce table.shop_table_responsive tbody th, +.woocommerce-page table.shop_table_responsive tbody th { + display: none; +} + +.woocommerce table.shop_table_responsive tr, +.woocommerce-page table.shop_table_responsive tr { + display: block; +} + +.woocommerce table.shop_table_responsive tr td, +.woocommerce-page table.shop_table_responsive tr td { + display: block; + text-align: left !important; +} + +.woocommerce table.shop_table_responsive tr td.order-actions, +.woocommerce-page table.shop_table_responsive tr td.order-actions { + text-align: right !important; +} + +.woocommerce table.shop_table_responsive tr td::before, +.woocommerce-page table.shop_table_responsive tr td::before { + content: attr(data-title) ": "; + font-weight: 700; + float: right; +} + +.woocommerce table.shop_table_responsive tr td.product-remove::before, .woocommerce table.shop_table_responsive tr td.actions::before, +.woocommerce-page table.shop_table_responsive tr td.product-remove::before, +.woocommerce-page table.shop_table_responsive tr td.actions::before { + display: none; +} + +.woocommerce table.shop_table_responsive tr td .shipping-calculator-form, +.woocommerce-page table.shop_table_responsive tr td .shipping-calculator-form { + text-align: right; +} + +.woocommerce table.my_account_orders tr td.order-actions, +.woocommerce-page table.my_account_orders tr td.order-actions { + text-align: right; +} + +.woocommerce table.my_account_orders tr td.order-actions::before, +.woocommerce-page table.my_account_orders tr td.order-actions::before { + display: none; +} + +.woocommerce table.my_account_orders tr td.order-actions .button, +.woocommerce-page table.my_account_orders tr td.order-actions .button { + float: none; + margin: 0.125em 0 0.125em 0.25em; +} + +.woocommerce .col2-set .col-1, +.woocommerce .col2-set .col-2, +.woocommerce-page .col2-set .col-1, +.woocommerce-page .col2-set .col-2 { + float: none; + width: 100%; +} + +.woocommerce ul.products li.product, .woocommerce[class*='columns-'] ul.products li.product, +.woocommerce-page ul.products li.product, +.woocommerce-page[class*='columns-'] ul.products li.product { + display: inline-block; + margin-left: 20px; + vertical-align: top; + clear: none; +} + +.woocommerce table.cart .product-thumbnail, +.woocommerce #content table.cart .product-thumbnail, +.woocommerce-page table.cart .product-thumbnail, +.woocommerce-page #content table.cart .product-thumbnail { + display: none; +} + +.woocommerce table.cart td.actions, +.woocommerce #content table.cart td.actions, +.woocommerce-page table.cart td.actions, +.woocommerce-page #content table.cart td.actions { + text-align: right; +} + +.woocommerce table.cart td.actions .coupon, +.woocommerce #content table.cart td.actions .coupon, +.woocommerce-page table.cart td.actions .coupon, +.woocommerce-page #content table.cart td.actions .coupon { + *zoom: 1; + padding-bottom: 0.5em; +} + +.woocommerce table.cart td.actions .coupon::before, .woocommerce table.cart td.actions .coupon::after, +.woocommerce #content table.cart td.actions .coupon::before, +.woocommerce #content table.cart td.actions .coupon::after, +.woocommerce-page table.cart td.actions .coupon::before, +.woocommerce-page table.cart td.actions .coupon::after, +.woocommerce-page #content table.cart td.actions .coupon::before, +.woocommerce-page #content table.cart td.actions .coupon::after { + content: ' '; + display: table; +} + +.woocommerce table.cart td.actions .coupon::after, +.woocommerce #content table.cart td.actions .coupon::after, +.woocommerce-page table.cart td.actions .coupon::after, +.woocommerce-page #content table.cart td.actions .coupon::after { + clear: both; +} + +.woocommerce table.cart td.actions .coupon input, +.woocommerce table.cart td.actions .coupon .button, +.woocommerce table.cart td.actions .coupon .input-text, +.woocommerce #content table.cart td.actions .coupon input, +.woocommerce #content table.cart td.actions .coupon .button, +.woocommerce #content table.cart td.actions .coupon .input-text, +.woocommerce-page table.cart td.actions .coupon input, +.woocommerce-page table.cart td.actions .coupon .button, +.woocommerce-page table.cart td.actions .coupon .input-text, +.woocommerce-page #content table.cart td.actions .coupon input, +.woocommerce-page #content table.cart td.actions .coupon .button, +.woocommerce-page #content table.cart td.actions .coupon .input-text { + width: 48%; + box-sizing: border-box; +} + +.woocommerce table.cart td.actions .coupon .input-text + .button, +.woocommerce table.cart td.actions .coupon .button.alt, +.woocommerce #content table.cart td.actions .coupon .input-text + .button, +.woocommerce #content table.cart td.actions .coupon .button.alt, +.woocommerce-page table.cart td.actions .coupon .input-text + .button, +.woocommerce-page table.cart td.actions .coupon .button.alt, +.woocommerce-page #content table.cart td.actions .coupon .input-text + .button, +.woocommerce-page #content table.cart td.actions .coupon .button.alt { + float: left; +} + +.woocommerce .cart-collaterals .cart_totals, +.woocommerce .cart-collaterals .shipping_calculator, +.woocommerce .cart-collaterals .cross-sells, +.woocommerce-page .cart-collaterals .cart_totals, +.woocommerce-page .cart-collaterals .shipping_calculator, +.woocommerce-page .cart-collaterals .cross-sells { + width: 100%; + float: none; + text-align: right; +} + +.woocommerce.woocommerce-checkout form.login .form-row, +.woocommerce-page.woocommerce-checkout form.login .form-row { + width: 100%; + float: none; +} + +.woocommerce #payment .terms, +.woocommerce-page #payment .terms { + text-align: right; + padding: 0; +} + +.woocommerce #payment #place_order, +.woocommerce-page #payment #place_order { + float: none; + width: 100%; + box-sizing: border-box; + margin-bottom: 1em; +} + +.woocommerce .lost_reset_password .form-row-first, +.woocommerce .lost_reset_password .form-row-last, +.woocommerce-page .lost_reset_password .form-row-first, +.woocommerce-page .lost_reset_password .form-row-last { + width: 100%; + float: none; + margin-left: 0; +} + +.woocommerce-account .woocommerce-MyAccount-navigation, +.woocommerce-account .woocommerce-MyAccount-content { + float: none; + width: 100%; +} diff --git a/assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen.css b/assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen.css new file mode 100644 index 0000000..283ea6b --- /dev/null +++ b/assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen.css @@ -0,0 +1,285 @@ +/** + * woocommerce-smallscreen.scss + * Optimises the default WooCommerce frontend layout when viewed on smaller screens. + */ +/** + * Imports + */ +/** + * Deprecated + * Fallback for bourbon equivalent + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Use bourbon mixin instead `@include transform(scale(1.5));` + */ +/** + * Deprecated + * Use bourbon mixin instead `@include box-sizing(border-box);` + */ +/** + * Objects + */ +/** + * WooCommerce CSS Variables + */ +/** + * Style begins + */ +.woocommerce, +.woocommerce-page { + /** + * General layout + */ + /** + * Products + */ + /** + * Cart + */ + /** + * Checkout + */ + /** + * Account + */ +} + +.woocommerce table.shop_table_responsive thead, +.woocommerce-page table.shop_table_responsive thead { + display: none; +} + +.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, +.woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child { + border-top: 0; +} + +.woocommerce table.shop_table_responsive tbody th, +.woocommerce-page table.shop_table_responsive tbody th { + display: none; +} + +.woocommerce table.shop_table_responsive tr, +.woocommerce-page table.shop_table_responsive tr { + display: block; +} + +.woocommerce table.shop_table_responsive tr td, +.woocommerce-page table.shop_table_responsive tr td { + display: block; + text-align: right !important; +} + +.woocommerce table.shop_table_responsive tr td.order-actions, +.woocommerce-page table.shop_table_responsive tr td.order-actions { + text-align: left !important; +} + +.woocommerce table.shop_table_responsive tr td::before, +.woocommerce-page table.shop_table_responsive tr td::before { + content: attr(data-title) ": "; + font-weight: 700; + float: left; +} + +.woocommerce table.shop_table_responsive tr td.product-remove::before, .woocommerce table.shop_table_responsive tr td.actions::before, +.woocommerce-page table.shop_table_responsive tr td.product-remove::before, +.woocommerce-page table.shop_table_responsive tr td.actions::before { + display: none; +} + +.woocommerce table.shop_table_responsive tr td .shipping-calculator-form, +.woocommerce-page table.shop_table_responsive tr td .shipping-calculator-form { + text-align: left; +} + +.woocommerce table.my_account_orders tr td.order-actions, +.woocommerce-page table.my_account_orders tr td.order-actions { + text-align: left; +} + +.woocommerce table.my_account_orders tr td.order-actions::before, +.woocommerce-page table.my_account_orders tr td.order-actions::before { + display: none; +} + +.woocommerce table.my_account_orders tr td.order-actions .button, +.woocommerce-page table.my_account_orders tr td.order-actions .button { + float: none; + margin: 0.125em 0.25em 0.125em 0; +} + +.woocommerce .col2-set .col-1, +.woocommerce .col2-set .col-2, +.woocommerce-page .col2-set .col-1, +.woocommerce-page .col2-set .col-2 { + float: none; + width: 100%; +} + +.woocommerce ul.products li.product, .woocommerce[class*='columns-'] ul.products li.product, +.woocommerce-page ul.products li.product, +.woocommerce-page[class*='columns-'] ul.products li.product { + display: inline-block; + margin-right: 20px; + vertical-align: top; + clear: none; +} + +.woocommerce table.cart .product-thumbnail, +.woocommerce #content table.cart .product-thumbnail, +.woocommerce-page table.cart .product-thumbnail, +.woocommerce-page #content table.cart .product-thumbnail { + display: none; +} + +.woocommerce table.cart td.actions, +.woocommerce #content table.cart td.actions, +.woocommerce-page table.cart td.actions, +.woocommerce-page #content table.cart td.actions { + text-align: left; +} + +.woocommerce table.cart td.actions .coupon, +.woocommerce #content table.cart td.actions .coupon, +.woocommerce-page table.cart td.actions .coupon, +.woocommerce-page #content table.cart td.actions .coupon { + *zoom: 1; + padding-bottom: 0.5em; +} + +.woocommerce table.cart td.actions .coupon::before, .woocommerce table.cart td.actions .coupon::after, +.woocommerce #content table.cart td.actions .coupon::before, +.woocommerce #content table.cart td.actions .coupon::after, +.woocommerce-page table.cart td.actions .coupon::before, +.woocommerce-page table.cart td.actions .coupon::after, +.woocommerce-page #content table.cart td.actions .coupon::before, +.woocommerce-page #content table.cart td.actions .coupon::after { + content: ' '; + display: table; +} + +.woocommerce table.cart td.actions .coupon::after, +.woocommerce #content table.cart td.actions .coupon::after, +.woocommerce-page table.cart td.actions .coupon::after, +.woocommerce-page #content table.cart td.actions .coupon::after { + clear: both; +} + +.woocommerce table.cart td.actions .coupon input, +.woocommerce table.cart td.actions .coupon .button, +.woocommerce table.cart td.actions .coupon .input-text, +.woocommerce #content table.cart td.actions .coupon input, +.woocommerce #content table.cart td.actions .coupon .button, +.woocommerce #content table.cart td.actions .coupon .input-text, +.woocommerce-page table.cart td.actions .coupon input, +.woocommerce-page table.cart td.actions .coupon .button, +.woocommerce-page table.cart td.actions .coupon .input-text, +.woocommerce-page #content table.cart td.actions .coupon input, +.woocommerce-page #content table.cart td.actions .coupon .button, +.woocommerce-page #content table.cart td.actions .coupon .input-text { + width: 48%; + box-sizing: border-box; +} + +.woocommerce table.cart td.actions .coupon .input-text + .button, +.woocommerce table.cart td.actions .coupon .button.alt, +.woocommerce #content table.cart td.actions .coupon .input-text + .button, +.woocommerce #content table.cart td.actions .coupon .button.alt, +.woocommerce-page table.cart td.actions .coupon .input-text + .button, +.woocommerce-page table.cart td.actions .coupon .button.alt, +.woocommerce-page #content table.cart td.actions .coupon .input-text + .button, +.woocommerce-page #content table.cart td.actions .coupon .button.alt { + float: right; +} + +.woocommerce .cart-collaterals .cart_totals, +.woocommerce .cart-collaterals .shipping_calculator, +.woocommerce .cart-collaterals .cross-sells, +.woocommerce-page .cart-collaterals .cart_totals, +.woocommerce-page .cart-collaterals .shipping_calculator, +.woocommerce-page .cart-collaterals .cross-sells { + width: 100%; + float: none; + text-align: left; +} + +.woocommerce.woocommerce-checkout form.login .form-row, +.woocommerce-page.woocommerce-checkout form.login .form-row { + width: 100%; + float: none; +} + +.woocommerce #payment .terms, +.woocommerce-page #payment .terms { + text-align: left; + padding: 0; +} + +.woocommerce #payment #place_order, +.woocommerce-page #payment #place_order { + float: none; + width: 100%; + box-sizing: border-box; + margin-bottom: 1em; +} + +.woocommerce .lost_reset_password .form-row-first, +.woocommerce .lost_reset_password .form-row-last, +.woocommerce-page .lost_reset_password .form-row-first, +.woocommerce-page .lost_reset_password .form-row-last { + width: 100%; + float: none; + margin-right: 0; +} + +.woocommerce-account .woocommerce-MyAccount-navigation, +.woocommerce-account .woocommerce-MyAccount-content { + float: none; + width: 100%; +} diff --git a/assets/css/unminified/compatibility/woocommerce/woocommerce.css b/assets/css/unminified/compatibility/woocommerce/woocommerce.css new file mode 100644 index 0000000..f3b2b5c --- /dev/null +++ b/assets/css/unminified/compatibility/woocommerce/woocommerce.css @@ -0,0 +1,4629 @@ +@charset "UTF-8"; +/** + * woocommerce.scss + * Governs the general look and feel of WooCommerce sections of stores using themes that do not + * integrate with WooCommerce specifically. + */ +/** + * Imports + */ +/** + * Deprecated + * Fallback for bourbon equivalent + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Vendor prefix no longer required. + */ +/** + * Deprecated + * Use bourbon mixin instead `@include transform(scale(1.5));` + */ +/** + * Deprecated + * Use bourbon mixin instead `@include box-sizing(border-box);` + */ +/** + * Objects + */ +/** + * WooCommerce CSS Variables + */ +/** + * _animation.scss + * Custom WooCommerce Animations. + */ +@keyframes spin { + 100% { + transform: rotate(360deg); + } +} + +/** + * _fonts.scss + * Custom WooCommerce fonts. + */ +@font-face { + font-family: 'star'; + src: url("../../../../../../../plugins/woocommerce/assets/fonts/star.eot"); + src: url("../../../../../../../plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("../../../../../../../plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("../../../../../../../plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("../../../../../../../plugins/woocommerce/assets/fonts/star.svg#star") format("svg"); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'WooCommerce'; + src: url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.eot"); + src: url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg"); + font-weight: normal; + font-style: normal; +} + +/** + * Astra Theme compatibility with WooCommerce + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/** + * Global styles + */ +p.demo_store, +.woocommerce-store-notice { + position: absolute; + top: 0; + left: 0; + right: 0; + margin: 0; + width: 100%; + font-size: 1em; + padding: 1em 0; + text-align: center; + background-color: #a46497; + color: white; + z-index: 99998; + box-shadow: 0 1px 1em rgba(0, 0, 0, 0.2); + display: none; +} + +p.demo_store a, +.woocommerce-store-notice a { + color: white; + text-decoration: underline; +} + +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.admin-bar p.demo_store { + top: 32px; +} + +/** + * Utility classes + */ +.clear { + clear: both; +} + +/** + * Header Cart Icon with shopping cart. + */ +.woocommerce .ast-site-header-cart, +.ast-site-header-cart { + /* Cart wrapper in header. */ + position: relative; + list-style-type: none; + margin-left: 0; + padding-left: 0; + margin-bottom: 0; + order: 1; + /* Cart container in header. */ +} + +.woocommerce .ast-site-header-cart:focus .widget_shopping_cart, .woocommerce .ast-site-header-cart:hover .widget_shopping_cart, +.ast-site-header-cart:focus .widget_shopping_cart, +.ast-site-header-cart:hover .widget_shopping_cart { + right: 0; + left: auto; + opacity: 1; + visibility: visible; +} + +.woocommerce .ast-site-header-cart .ast-shopping-cart-icon, +.ast-site-header-cart .ast-shopping-cart-icon { + display: initial; + vertical-align: middle; +} + +.woocommerce .ast-site-header-cart .ast-shopping-cart-icon:before, +.ast-site-header-cart .ast-shopping-cart-icon:before { + content: "\e854"; + font-family: 'Astra'; + font-size: 18px; + font-size: 1.2857rem; +} + +.woocommerce .ast-site-header-cart .ast-site-header-cart-data .widget_shopping_cart_content > ul, +.ast-site-header-cart .ast-site-header-cart-data .widget_shopping_cart_content > ul { + text-align: left; + width: auto; + position: static; + left: auto; + top: auto; + border-top: 0; +} + +.woocommerce .ast-site-header-cart .ast-site-header-cart-data .woocommerce-mini-cart__empty-message, +.ast-site-header-cart .ast-site-header-cart-data .woocommerce-mini-cart__empty-message { + text-align: left; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart, +.ast-site-header-cart .widget_shopping_cart { + background-color: #fff; + position: absolute; + top: 100%; + width: 280px; + z-index: 999999; + font-size: .875em; + left: -999em; + display: block; + line-height: 1.618; + box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.07); + transition: all 0.3s ease; + border: 2px solid #E6E6E6; + opacity: 0; + visibility: hidden; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart:after, .woocommerce .ast-site-header-cart .widget_shopping_cart:before, +.ast-site-header-cart .widget_shopping_cart:after, +.ast-site-header-cart .widget_shopping_cart:before { + bottom: 100%; + left: auto; + right: 8px; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart:after, +.ast-site-header-cart .widget_shopping_cart:after { + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #fff; + border-width: 6px; + margin-left: -6px; + margin-bottom: -0.3px; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart:before, +.ast-site-header-cart .widget_shopping_cart:before { + border-color: rgba(230, 230, 230, 0); + border-bottom-color: #E6E6E6; + border-width: 9px; + margin-left: -5px; + right: 5px; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget, +.ast-site-header-cart .widget_shopping_cart .product_list_widget { + padding: 1em 1.5em; + max-height: 500px; + max-height: 50vh; + overflow-y: auto; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li, +.ast-site-header-cart .widget_shopping_cart .product_list_widget li { + padding: .5em 2em .5em 5em; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li:last-child, +.ast-site-header-cart .widget_shopping_cart .product_list_widget li:last-child { + border-bottom: 0; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li img, +.ast-site-header-cart .widget_shopping_cart .product_list_widget li img { + max-width: 4em; + margin: 0 0 .5em 0; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart p.buttons, +.woocommerce .ast-site-header-cart .widget_shopping_cart p.total, +.ast-site-header-cart .widget_shopping_cart p.buttons, +.ast-site-header-cart .widget_shopping_cart p.total { + padding: 1em 1.5em; + margin: 0; + text-align: center; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .buttons .button, .woocommerce .ast-site-header-cart .widget_shopping_cart .buttons .button.wc-forward, +.ast-site-header-cart .widget_shopping_cart .buttons .button, +.ast-site-header-cart .widget_shopping_cart .buttons .button.wc-forward { + display: block; + margin-right: 0; + width: 100%; + margin-left: 0; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message, +.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message { + margin: 1.41575em; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .cart_list a, +.ast-site-header-cart .widget_shopping_cart .cart_list a { + font-weight: normal; + padding: 0; + border-width: 0; +} + +.woocommerce .ast-site-header-cart .widget_shopping_cart .cart_list a.remove, +.ast-site-header-cart .widget_shopping_cart .cart_list a.remove { + border-width: 1px; +} + +.ast-above-header-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove, +.main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove, +.ast-below-header .ast-site-header-cart .widget_shopping_cart .cart_list a.remove { + color: #ccc; +} + +.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart, +.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart, +.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart, +.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart, +.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart, +.below-header-section-1 .ast-site-header-cart .widget_shopping_cart, +.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart, +.site-header-section-left .ast-site-header-cart .widget_shopping_cart { + right: auto; + left: 0; + transition: left 0s; +} + +.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before, .woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:after, +.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:after, +.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:after, +.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before, +.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:after, +.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:after, +.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:after, +.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:after, +.site-header-section-left .ast-site-header-cart .widget_shopping_cart:before, +.site-header-section-left .ast-site-header-cart .widget_shopping_cart:after { + left: 15px; + right: auto; +} + +.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before, +.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before, +.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:before, +.site-header-section-left .ast-site-header-cart .widget_shopping_cart:before { + left: 11px; + right: auto; +} + +.ast-cart-menu-wrap { + display: inline-block; + line-height: 1; +} + +.ast-cart-menu-wrap .count { + font-weight: bold; + position: relative; + display: inline-block; + vertical-align: middle; + text-align: center; + min-width: 2.1em; + min-height: 2.1em; + font-size: 0.860em; + line-height: 1.8; + border-radius: 0em 0em 0.3em 0.3em; + border-width: 2px; + border-style: solid; + padding: 0 .4em; +} + +.ast-cart-menu-wrap .count:after { + bottom: 100%; + margin-bottom: 0; + height: .8em; + width: .8em; + left: 50%; + transform: translateX(-50%); + top: -.6em; + content: ' '; + position: absolute; + pointer-events: none; + border-width: 2px; + border-style: solid; + border-top-left-radius: 10em; + border-top-right-radius: 10em; + border-bottom: 0; +} + +.ast-woocommerce-cart-menu { + /** + * Header layout 1 + * if no primary menu & no last items in menu + */ + /** + * Header layout 3 + */ + /** + * Header layout 2 + */ +} + +.ast-woocommerce-cart-menu .main-header-menu .woocommerce-custom-menu-item li:hover > a.remove { + color: #ccc; +} + +.ast-woocommerce-cart-menu .header-main-layout-1.ast-no-menu-items .ast-site-header-cart { + flex: 1; +} + +.ast-woocommerce-cart-menu .header-main-layout-1.ast-no-menu-items .ast-site-header-cart .ast-site-header-cart-li { + text-align: right; +} + +.ast-woocommerce-cart-menu .header-main-layout-3 { + /* No primary menu & no last items in menu */ +} + +.ast-woocommerce-cart-menu .header-main-layout-3.ast-no-menu-items .ast-site-header-cart { + flex: 1; +} + +.ast-woocommerce-cart-menu .header-main-layout-3.ast-no-menu-items .ast-site-header-cart .ast-site-header-cart-li { + text-align: left; +} + +.ast-woocommerce-cart-menu .header-main-layout-2 .main-header-container { + display: flex; + justify-content: center; +} + +.ast-woocommerce-cart-menu .header-main-layout-2 .site-branding { + flex: 0 0 100%; +} + +/** + * Header Cart Icon with shopping cart for responsive devices. + */ +.ast-header-break-point .woocommerce-custom-menu-item .ast-cart-menu-wrap { + width: 2em; + height: 2em; + font-size: 1.4em; + line-height: 2; + vertical-align: middle; + text-align: right; +} + +.ast-header-break-point .ast-button-wrap .main-header-menu-toggle { + font-size: 1.4em; +} + +.ast-header-break-point .main-header-menu .woocommerce-custom-menu-item .ast-cart-menu-wrap { + height: 3em; + line-height: 3; + text-align: left; +} + +.ast-header-break-point #ast-site-header-cart .widget_shopping_cart { + display: none; +} + +.ast-header-break-point.ast-woocommerce-cart-menu .ast-site-header-cart { + order: initial; + line-height: 3; + padding: 0 1em 1em 0; +} + +.ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-3 .ast-site-header-cart { + padding: 0 0 1em 1em; +} + +.ast-header-break-point.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-site-header-cart { + padding: 0; +} + +.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item { + margin-bottom: 0; + margin-top: 0; +} + +.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item .ast-site-header-cart { + padding: 0; +} + +.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item .ast-site-header-cart a { + border: none; + display: inline-block; +} + +.ast-header-break-point.ast-hfb-header.ast-woocommerce-cart-menu .ast-site-header-cart { + padding: 0; +} + +/** + * Main WooCommerce styles + */ +.woocommerce { + /** + * Product Page + */ + /** + * Product loops + */ + /** + * Buttons + */ + /** + * Reviews + */ + /** + * Star ratings + */ + /** + * Tables + */ + /** + * Cart sidebar + */ + /** + * Forms + */ + /** + * Order page + */ + /** + * Layered nav widget + */ + /** + * Product categories + */ + /** + * Price filter widget + */ + /** + * Rating Filter Widget + */ + /* Product Hover */ + /** + * Input Form elements + */ +} + +.woocommerce .blockUI.blockOverlay { + position: relative; +} + +.woocommerce .blockUI.blockOverlay::before { + height: 1em; + width: 1em; + display: block; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5em; + margin-top: -0.5em; + content: ''; + animation: spin 1s ease-in-out infinite; + background: url("../../../../../../../plugins/woocommerce/assets/images/icons/loader.svg") center center; + background-size: cover; + line-height: 1; + text-align: center; + font-size: 2em; + color: rgba(0, 0, 0, 0.75); +} + +.woocommerce .loader::before { + height: 1em; + width: 1em; + display: block; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5em; + margin-top: -0.5em; + content: ''; + animation: spin 1s ease-in-out infinite; + background: url("../../../../../../../plugins/woocommerce/assets/images/icons/loader.svg") center center; + background-size: cover; + line-height: 1; + text-align: center; + font-size: 2em; + color: rgba(0, 0, 0, 0.75); +} + +.woocommerce h2 { + margin-bottom: 0.7em; +} + +.woocommerce a.remove { + display: block; + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-weight: 400; + font-size: 18px; + width: 24px; + height: 24px; + text-align: center; + line-height: 21px; + border-radius: 100%; + color: #ccc; + text-decoration: none; + border: 1px solid #ccc; +} + +.woocommerce small.note { + display: block; + color: #777; + font-size: 0.857em; + margin-top: 10px; +} + +.woocommerce .woocommerce-breadcrumb { + *zoom: 1; + margin: 0 0 1em; + padding: 0; + font-size: 0.92em; + color: #777; +} + +.woocommerce .woocommerce-breadcrumb::before, .woocommerce .woocommerce-breadcrumb::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce-breadcrumb::after { + clear: both; +} + +.woocommerce .woocommerce-breadcrumb a { + color: #777; +} + +.woocommerce .quantity input[type="text"], +.woocommerce .quantity input[type="number"], +.woocommerce .quantity input[type="email"] { + padding: 0.3em; +} + +.woocommerce .quantity input[type="text"]:focus, +.woocommerce .quantity input[type="number"]:focus, +.woocommerce .quantity input[type="email"]:focus { + outline: none; + border-color: #eaeaea; +} + +.woocommerce .quantity .qty { + width: 3.631em; + text-align: center; + min-height: 35px; +} + +.woocommerce div.product { + margin-bottom: 0; + position: relative; + /* No Review for single product */ +} + +.woocommerce div.product .product_title { + clear: none; + margin-top: 0; + padding: 0; +} + +.woocommerce div.product span.price, +.woocommerce div.product p.price { + color: #77a464; + font-size: 1.5rem; + font-weight: 700; + margin: 0 0 0.2em; +} + +.woocommerce div.product span.price ins, +.woocommerce div.product p.price ins { + background: inherit; + font-weight: 700; + display: inline-block; +} + +.woocommerce div.product span.price del, +.woocommerce div.product p.price del { + opacity: 0.5; + font-weight: normal; + display: inline-block; +} + +.woocommerce div.product p.stock, +.woocommerce div.product p.ast-stock-detail { + font-size: 1em; +} + +.woocommerce div.product p.stock .ast-stock-avail, +.woocommerce div.product p.ast-stock-detail .ast-stock-avail { + font-weight: 700; +} + +.woocommerce div.product .stock { + color: #77a464; +} + +.woocommerce div.product .out-of-stock { + color: red; +} + +.woocommerce div.product .product_title { + margin: 0 0 0.5em 0; +} + +.woocommerce div.product .product_meta { + border-top: 1px solid #ebebeb; + padding-top: 1em; + font-size: .9em; + margin: 0 0 0.8em; +} + +.woocommerce div.product .product_meta > span { + display: block; +} + +.woocommerce div.product .woocommerce-product-rating { + margin: 0 0 0.5em; +} + +.woocommerce div.product div.images { + margin-bottom: 2em; +} + +.woocommerce div.product div.images img { + display: block; + width: 100%; + height: auto; + box-shadow: none; +} + +.woocommerce div.product div.images div.thumbnails { + padding-top: 1em; +} + +.woocommerce div.product div.images.woocommerce-product-gallery { + position: relative; +} + +.woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport { + transform-style: preserve-3d; + margin-bottom: 1em; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__wrapper { + transition: all cubic-bezier(0.795, -0.035, 0, 1) 0.5s; + margin: 0; + padding: 0; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg { + background-color: #fff; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { + width: 25%; + display: inline-block; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__trigger { + position: absolute; + top: .5em; + right: .5em; + font-size: 2em; + z-index: 9; + width: 36px; + height: 36px; + background: #fff; + text-indent: -9999px; + border-radius: 100%; + box-sizing: content-box; + backface-visibility: hidden; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before { + content: ""; + display: block; + width: 10px; + height: 10px; + border: 2px solid #000; + border-radius: 100%; + position: absolute; + top: 9px; + left: 9px; + box-sizing: content-box; +} + +.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after { + content: ""; + display: block; + width: 2px; + height: 8px; + background: #000; + border-radius: 6px; + position: absolute; + top: 19px; + left: 22px; + transform: rotate(-45deg); + box-sizing: content-box; +} + +.woocommerce div.product div.images .flex-control-thumbs { + overflow: hidden; + zoom: 1; + margin: 0; + padding: 0; +} + +.woocommerce div.product div.images .flex-control-thumbs li { + width: 25%; + float: left; + margin: 0; + list-style: none; +} + +.woocommerce div.product div.images .flex-control-thumbs li img { + cursor: pointer; + opacity: .5; + margin: 0; +} + +.woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover { + opacity: 1; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li { + width: 32%; + width: calc( 33.33% - 0.7em); + margin-right: 1em; + margin-bottom: 1em; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) { + clear: left; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) { + margin-right: 0; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { + width: 24%; + width: calc( 25% - 0.75em); + margin-right: 1em; + margin-bottom: 1em; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { + clear: left; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) { + margin-right: 0; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { + width: 18.5%; + width: calc( 20% - 0.8em); + margin-right: 1em; + margin-bottom: 1em; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) { + clear: left; +} + +.woocommerce div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) { + margin-right: 0; +} + +.woocommerce div.product div.summary { + margin-bottom: 2em; +} + +.woocommerce div.product div.social { + text-align: right; + margin: 0 0 1em; +} + +.woocommerce div.product div.social span { + margin: 0 0 0 2px; +} + +.woocommerce div.product div.social span span { + margin: 0; +} + +.woocommerce div.product div.social span .stButton .chicklets { + padding-left: 16px; + width: 0; +} + +.woocommerce div.product div.social iframe { + float: left; + margin-top: 3px; +} + +.woocommerce div.product .woocommerce-tabs { + margin-bottom: 2em; + width: 100%; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs { + list-style: none; + padding: 0; + margin: 0 0 1em; + overflow: hidden; + position: relative; + border-top: 1px solid rgba(0, 0, 0, 0.05); +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li { + border: 0; + background: none; + display: inline-block; + position: relative; + z-index: 0; + border-radius: 4px 4px 0 0; + margin: 0 1em 0 0; + padding: 0; + border-radius: 0; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li a { + display: inline-block; + padding: 0.5em 0; + font-weight: 700; + color: #515151; + text-decoration: none; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { + text-decoration: none; + color: #6b6a6b; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li.active { + z-index: 2; + border-bottom-color: #fff; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { + color: inherit; + text-shadow: inherit; + outline: none; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before { + content: ' '; + position: absolute; + width: 100%; + height: 3px; + box-shadow: none; + top: 0; + left: 0; + border-radius: 0; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after { + border: none; + box-shadow: none; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { + content: ' '; + position: absolute; + bottom: -1px; + width: 5px; + height: 5px; + border: none; + box-shadow: none; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs::before { + position: absolute; + content: ' '; + width: 100%; + bottom: 0; + left: 0; + border-bottom: 1px solid #d3ced2; + z-index: 1; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs.tabs::before { + display: none; + border: 0; +} + +.woocommerce div.product .woocommerce-tabs .panel { + margin: 0 0 1.2em; + padding: 0; +} + +.woocommerce div.product .woocommerce-tabs .shop_attributes { + border-style: solid; +} + +.woocommerce div.product .woocommerce-tabs .shop_attributes p { + padding: 0; +} + +.woocommerce div.product .woocommerce-tabs .shop_attributes th { + border-left-width: 1px; + border-style: solid; + padding-left: .9em; +} + +.woocommerce div.product .woocommerce-tabs .shop_attributes td { + padding: .5em .5em .5em .9em; + font-style: normal; + border-style: solid; +} + +.woocommerce div.product.ast-woo-product-no-review #reviews #comments { + width: 100%; +} + +.woocommerce div.product.ast-woo-product-no-review #reviews #review_form_wrapper { + width: 100%; + padding-left: 0; +} + +.woocommerce div.product.ast-woo-product-no-review #reviews #review_form { + padding: 1.5em 2em; +} + +.woocommerce div.product.ast-woo-product-no-review #reviews #respond p.comment-form-author, .woocommerce div.product.ast-woo-product-no-review #reviews #respond p.comment-form-email { + margin-bottom: 1em; +} + +@media (min-width: 1201px) { + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-author, + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-email { + width: 49%; + display: inline-block; + } + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-author input, + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-email input { + width: 100%; + } + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-author { + float: left; + } + .woocommerce div.product.ast-woo-product-no-review #reviews .comment-form-email { + float: right; + } +} + +.woocommerce div.product p.cart { + margin-bottom: 2em; + *zoom: 1; +} + +.woocommerce div.product p.cart::before, .woocommerce div.product p.cart::after { + content: ' '; + display: table; +} + +.woocommerce div.product p.cart::after { + clear: both; +} + +.woocommerce div.product form.cart { + margin: 0 0 1.2em; + *zoom: 1; +} + +.woocommerce div.product form.cart .ast-woo-single-cart-button-wrap { + display: flex; + align-items: center; + flex-wrap: wrap; +} + +.woocommerce div.product form.cart::before, .woocommerce div.product form.cart::after { + content: ' '; + display: table; +} + +.woocommerce div.product form.cart::after { + clear: both; +} + +.woocommerce div.product form.cart div.quantity { + float: left; + margin: 0 4px 0 0; +} + +.woocommerce div.product form.cart table { + border-width: 0 0 1px; + margin: 0 0 1.2em; +} + +.woocommerce div.product form.cart table td { + padding-left: 0; +} + +.woocommerce div.product form.cart table div.quantity { + float: none; + margin: 0; +} + +.woocommerce div.product form.cart table small.stock { + display: block; + float: none; +} + +.woocommerce div.product form.cart .variations { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + position: relative; + margin-bottom: 1em; + width: 100%; +} + +.woocommerce div.product form.cart .variations td, +.woocommerce div.product form.cart .variations th { + border: 0; + vertical-align: top; + line-height: 2em; + padding-top: 0; + padding-bottom: 0; + padding-right: 0; + display: block; +} + +.woocommerce div.product form.cart .variations label { + font-weight: 700; +} + +.woocommerce div.product form.cart .variations select { + max-width: 100%; + min-width: 75%; + display: inline-block; + width: 100%; + margin-right: 0; + padding-top: .5em; + padding-bottom: .5em; +} + +.woocommerce div.product form.cart .variations td.label { + vertical-align: middle; + margin-top: 8px; + margin-bottom: 1px; +} + +.woocommerce div.product form.cart .woocommerce-variation-description p { + margin-bottom: 1em; +} + +.woocommerce div.product form.cart .reset_variations { + visibility: hidden; + font-size: 0.83em; + position: static; + display: inline-block; + color: inherit; + opacity: .6; + font-size: 11px; + text-transform: uppercase; +} + +.woocommerce div.product form.cart .wc-no-matching-variations { + display: none; +} + +.woocommerce div.product form.cart .button { + vertical-align: middle; + float: left; +} + +.woocommerce div.product form.cart .button.single_add_to_cart_button { + padding: 10px 40px; +} + +.woocommerce div.product form.cart .group_table tr:last-child td { + border-bottom: 0; +} + +.woocommerce div.product form.cart .group_table td.label { + padding: 0.5em; + font-size: .8rem; + line-height: 1.3; + font-weight: bold; +} + +.woocommerce div.product form.cart .group_table td { + vertical-align: middle; + padding-bottom: 0.5em; + border-right: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); +} + +.woocommerce div.product form.cart .group_table td:first-child { + text-align: left; + width: 4em; +} + +.woocommerce div.product form.cart .group_table td.price { + padding-left: 0.8em; + font-weight: bold; + font-size: 0.9rem; +} + +.woocommerce div.product form.cart .group_table td.price del { + opacity: .5; +} + +.woocommerce div.product form.cart .group_table .button { + padding: .8em; + font-weight: normal; + font-size: 0.9rem; + white-space: nowrap; +} + +.woocommerce div.product form.cart .group_table .wc-grouped-product-add-to-cart-checkbox { + display: inline-block; + width: auto; + margin: 0 auto; + transform: scale(1.5, 1.5); +} + +.woocommerce div.product form.cart p.stock { + line-height: 1.3; + margin-bottom: 0.8em; + font-size: .9em; +} + +.woocommerce div.product form.cart .single_variation_wrap { + width: 100%; +} + +.woocommerce div.product form.cart .single_variation_wrap p { + margin-bottom: 0.8em; +} + +.woocommerce div.product form.cart .single_variation_wrap .single_variation { + margin-bottom: 1.2em; + border-top: 1px solid #ebebeb; + padding-top: 0; + border-top: 0; +} + +.woocommerce div.product span.onsale { + min-height: 3.5em; + min-width: 3.5em; + line-height: 3.5em; +} + +.woocommerce div.product .woocommerce-tabs, +.woocommerce div.product .related.products { + display: block; +} + +.woocommerce div.product .related.products ul.products { + margin: 0; +} + +.woocommerce div.product .related.products ul.products li.product { + width: 22.5%; + width: calc( 25% - 15px); +} + +.woocommerce span.onsale { + min-width: 3em; + min-height: 3em; + line-height: 3em; + padding: 0; + font-size: 1em; + font-weight: normal; + position: absolute; + text-align: center; + top: 0.5em; + left: 0.5em; + margin: 0; + border-radius: 100%; + background-color: #77a464; + color: white; + -webkit-font-smoothing: antialiased; + z-index: 9; +} + +.woocommerce .products ul, +.woocommerce ul.products { + margin: 0 0 1em; + padding: 0; + list-style: none outside; + clear: both; + *zoom: 1; +} + +.woocommerce .products ul::before, .woocommerce .products ul::after, +.woocommerce ul.products::before, +.woocommerce ul.products::after { + content: ' '; + display: table; +} + +.woocommerce .products ul::after, +.woocommerce ul.products::after { + clear: both; +} + +.woocommerce .products ul::before, .woocommerce .products ul::after, +.woocommerce ul.products::before, +.woocommerce ul.products::after { + width: 0; +} + +.woocommerce .products ul li, +.woocommerce ul.products li { + list-style: none outside; +} + +.woocommerce ul.products li.product .onsale { + top: 0; + right: 0; + left: auto; + margin: -0.5em -0.5em 0 0; +} + +.woocommerce ul.products li.product h3, +.woocommerce ul.products li.product .woocommerce-loop-product__title, +.woocommerce ul.products li.product .woocommerce-loop-category__title { + padding: 0.5em 0; + margin: 0; + font-size: 1em; +} + +.woocommerce ul.products li.product a { + text-decoration: none; +} + +.woocommerce ul.products li.product a img { + width: 100%; + height: auto; + display: block; + margin: 0 0 1em; + box-shadow: none; +} + +.woocommerce ul.products li.product strong { + display: block; +} + +.woocommerce ul.products li.product .star-rating { + font-size: 0.857em; +} + +.woocommerce ul.products li.product .button { + margin-top: 1em; +} + +.woocommerce ul.products li.product .price { + color: #77a464; + display: block; + font-weight: normal; + margin-bottom: 0.5em; + font-size: 0.857em; +} + +.woocommerce ul.products li.product .price del { + color: inherit; + opacity: 0.5; + display: inline-block; +} + +.woocommerce ul.products li.product .price ins { + background: none; + font-weight: 700; + display: inline-block; +} + +.woocommerce ul.products li.product .price .from { + font-size: 0.67em; + margin: -2px 0 0 0; + text-transform: uppercase; + color: rgba(132, 132, 132, 0.5); +} + +.woocommerce .woocommerce-result-count { + margin: 0 0 1em; +} + +.woocommerce .woocommerce-ordering { + margin: 0 0 2.5em; +} + +.woocommerce .woocommerce-ordering select { + vertical-align: top; + padding: .5em; +} + +.woocommerce nav.woocommerce-pagination { + text-align: left; +} + +.woocommerce nav.woocommerce-pagination ul { + display: inline-block; + text-align: center; + white-space: nowrap; + padding: 0; + clear: both; + border: 0; + margin: 1px; +} + +.woocommerce nav.woocommerce-pagination ul li { + margin: 0 5px 5px 0; + border: 1px solid #d3ced2; + padding: 0; + float: left; + display: inline; + overflow: hidden; +} + +.woocommerce nav.woocommerce-pagination ul li a, +.woocommerce nav.woocommerce-pagination ul li span { + margin: 0; + text-decoration: none; + padding: 0; + line-height: 1; + font-size: 1em; + font-weight: normal; + padding: 0.75em; + display: block; + min-width: 2.5em; +} + +.woocommerce nav.woocommerce-pagination ul li span.current, +.woocommerce nav.woocommerce-pagination ul li a:hover, +.woocommerce nav.woocommerce-pagination ul li a:focus { + background: #ebe9eb; + color: #8a7e88; +} + +.woocommerce a.button, +.woocommerce button.button, +.woocommerce input.button, +.woocommerce #respond input#submit { + font-size: 100%; + margin: 0; + line-height: 1; + cursor: pointer; + position: relative; + text-decoration: none; + overflow: visible; + padding: 0.5em 0.75em; + font-weight: 700; + border-radius: 3px; + left: auto; + color: #515151; + background-color: #ebe9eb; + border: 0; + display: inline-block; + background-image: none; + box-shadow: none; + text-shadow: none; +} + +.woocommerce a.button.loading, +.woocommerce button.button.loading, +.woocommerce input.button.loading, +.woocommerce #respond input#submit.loading { + opacity: 0.25; + padding-right: 2.618em; +} + +.woocommerce a.button.loading::after, +.woocommerce button.button.loading::after, +.woocommerce input.button.loading::after, +.woocommerce #respond input#submit.loading::after { + font-family: 'WooCommerce'; + content: '\e01c'; + vertical-align: top; + -webkit-font-smoothing: antialiased; + font-weight: 400; + position: absolute; + top: auto; + right: 1em; + animation: spin 2s linear infinite; +} + +.woocommerce a.button.added::after, +.woocommerce button.button.added::after, +.woocommerce input.button.added::after, +.woocommerce #respond input#submit.added::after { + font-family: 'WooCommerce'; + content: '\e017'; + margin-left: 0.53em; + vertical-align: bottom; +} + +.woocommerce a.button:hover, +.woocommerce button.button:hover, +.woocommerce input.button:hover, +.woocommerce #respond input#submit:hover { + background-color: #dad8da; + text-decoration: none; + background-image: none; + color: #515151; +} + +.woocommerce a.button.alt, +.woocommerce button.button.alt, +.woocommerce input.button.alt, +.woocommerce #respond input#submit.alt { + background-color: #a46497; + color: white; + -webkit-font-smoothing: antialiased; +} + +.woocommerce a.button.alt:hover, +.woocommerce button.button.alt:hover, +.woocommerce input.button.alt:hover, +.woocommerce #respond input#submit.alt:hover { + background-color: #935386; + color: white; +} + +.woocommerce a.button.alt.disabled, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled]:hover, +.woocommerce button.button.alt.disabled, +.woocommerce button.button.alt:disabled, +.woocommerce button.button.alt:disabled[disabled], +.woocommerce button.button.alt.disabled:hover, +.woocommerce button.button.alt:disabled:hover, +.woocommerce button.button.alt:disabled[disabled]:hover, +.woocommerce input.button.alt.disabled, +.woocommerce input.button.alt:disabled, +.woocommerce input.button.alt:disabled[disabled], +.woocommerce input.button.alt.disabled:hover, +.woocommerce input.button.alt:disabled:hover, +.woocommerce input.button.alt:disabled[disabled]:hover, +.woocommerce #respond input#submit.alt.disabled, +.woocommerce #respond input#submit.alt:disabled, +.woocommerce #respond input#submit.alt:disabled[disabled], +.woocommerce #respond input#submit.alt.disabled:hover, +.woocommerce #respond input#submit.alt:disabled:hover, +.woocommerce #respond input#submit.alt:disabled[disabled]:hover { + background-color: #a46497; + color: white; +} + +.woocommerce a.button:disabled, .woocommerce a.button.disabled, .woocommerce a.button:disabled[disabled], +.woocommerce button.button:disabled, +.woocommerce button.button.disabled, +.woocommerce button.button:disabled[disabled], +.woocommerce input.button:disabled, +.woocommerce input.button.disabled, +.woocommerce input.button:disabled[disabled], +.woocommerce #respond input#submit:disabled, +.woocommerce #respond input#submit.disabled, +.woocommerce #respond input#submit:disabled[disabled] { + color: inherit; + cursor: not-allowed; + opacity: 0.5; + padding: 0.618em 1em; +} + +.woocommerce a.button:disabled:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled[disabled]:hover, +.woocommerce button.button:disabled:hover, +.woocommerce button.button.disabled:hover, +.woocommerce button.button:disabled[disabled]:hover, +.woocommerce input.button:disabled:hover, +.woocommerce input.button.disabled:hover, +.woocommerce input.button:disabled[disabled]:hover, +.woocommerce #respond input#submit:disabled:hover, +.woocommerce #respond input#submit.disabled:hover, +.woocommerce #respond input#submit:disabled[disabled]:hover { + color: inherit; + background-color: #ebe9eb; +} + +.woocommerce .cart .button, +.woocommerce .cart input.button { + float: none; +} + +.woocommerce a.added_to_cart { + padding: .4em .4em 0; + display: inline-block; +} + +.woocommerce #reviews h2 { + font-weight: normal; +} + +.woocommerce #reviews h2 small { + float: right; + color: #777; + font-size: 15px; + margin: 10px 0 0; +} + +.woocommerce #reviews h2 small a { + text-decoration: none; + color: #777; +} + +.woocommerce #reviews h3 { + margin: 0; +} + +.woocommerce #reviews #respond { + margin: 0; + border: 0; + padding: 0; +} + +.woocommerce #reviews #comment { + height: 75px; +} + +.woocommerce #reviews #comments .add_review { + *zoom: 1; +} + +.woocommerce #reviews #comments .add_review::before, .woocommerce #reviews #comments .add_review::after { + content: ' '; + display: table; +} + +.woocommerce #reviews #comments .add_review::after { + clear: both; +} + +.woocommerce #reviews #comments h2 { + clear: none; +} + +.woocommerce #reviews #comments ol.commentlist { + *zoom: 1; + margin: 0; + width: 100%; + background: none; + list-style: none; +} + +.woocommerce #reviews #comments ol.commentlist::before, .woocommerce #reviews #comments ol.commentlist::after { + content: ' '; + display: table; +} + +.woocommerce #reviews #comments ol.commentlist::after { + clear: both; +} + +.woocommerce #reviews #comments ol.commentlist li { + padding: 0; + margin: 0 0 1em; + border: 0; + position: relative; + background: 0; + border: 0; + border-bottom: 1px solid #e2e2e2; +} + +.woocommerce #reviews #comments ol.commentlist li:last-child { + border-bottom: 0; +} + +.woocommerce #reviews #comments ol.commentlist li .meta { + color: #777; + font-size: 0.75em; +} + +.woocommerce #reviews #comments ol.commentlist li img.avatar { + float: left; + position: absolute; + top: 0; + left: 0; + padding: 3px; + height: 3.6em; + width: 3.6em; + border: none; + background: none; + margin: 0; + border-radius: 100%; + box-shadow: none; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text { + margin: 0 0 0 50px; + border: none; + border-radius: 4px; + padding: 0 1.5em; + *zoom: 1; + display: flex; + flex-wrap: wrap; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text::before, .woocommerce #reviews #comments ol.commentlist li .comment-text::after { + content: ' '; + display: table; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text::after { + clear: both; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text p { + margin: 0 0 1.7em; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, +.woocommerce #reviews #comments ol.commentlist li .comment-text meta { + order: 1; + width: 100%; + font-size: 1em; + margin-bottom: .2em; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text .description { + font-style: italic; + order: 3; + width: 100%; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating { + order: 2; + margin-bottom: .5em; +} + +.woocommerce #reviews #comments ol.commentlist ul.children { + list-style: none outside; + margin: 20px 0 0 50px; +} + +.woocommerce #reviews #comments ol.commentlist ul.children .star-rating { + display: none; +} + +.woocommerce #reviews #comments ol.commentlist #respond { + border: 1px solid #e4e1e3; + border-radius: 4px; + padding: 1em 1em 0; + margin: 20px 0 0 50px; +} + +.woocommerce #reviews #comments .commentlist > li::before { + content: ''; +} + +.woocommerce #reviews #review_form { + border: 2px solid #efefef; + padding: 1em 1.9em 2.3em; +} + +.woocommerce #reviews #review_form #respond p { + margin: 2px 0 6px; +} + +.woocommerce #reviews #review_form #respond p.form-submit { + margin-top: 1em; +} + +.woocommerce #reviews #review_form #respond p.comment-form-author, .woocommerce #reviews #review_form #respond p.comment-form-email { + margin-bottom: 1em; +} + +.woocommerce #reviews #review_form #respond p.comment-form-author label, .woocommerce #reviews #review_form #respond p.comment-form-email label { + display: inline-block; + min-width: 100px; +} + +.woocommerce #reviews #review_form #respond #comment { + height: 90px; +} + +.woocommerce #reviews #review_form input { + max-width: 100%; +} + +.woocommerce #reviews #review_form .comment-form-cookies-consent { + display: inline-block; +} + +.woocommerce .star-rating { + float: right; + overflow: hidden; + position: relative; + height: 1em; + line-height: 1; + font-size: 1em; + width: 5.4em; + font-family: 'star'; +} + +.woocommerce .star-rating::before { + content: '\73\73\73\73\73'; + color: #d3ced2; + float: left; + top: 0; + left: 0; + position: absolute; +} + +.woocommerce .star-rating span { + overflow: hidden; + float: left; + top: 0; + left: 0; + position: absolute; + padding-top: 1.5em; +} + +.woocommerce .star-rating span::before { + content: '\53\53\53\53\53'; + top: 0; + position: absolute; + left: 0; +} + +.woocommerce .woocommerce-product-rating { + *zoom: 1; + line-height: 2; + display: block; +} + +.woocommerce .woocommerce-product-rating::before, .woocommerce .woocommerce-product-rating::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce-product-rating::after { + clear: both; +} + +.woocommerce .woocommerce-product-rating .star-rating { + margin: 0.5em 4px 0 0; + float: left; +} + +.woocommerce .products .star-rating { + display: block; + margin: 0.5em auto 0; + float: none; +} + +.woocommerce .hreview-aggregate .star-rating { + margin: 10px 0 0; +} + +.woocommerce #review_form #respond { + *zoom: 1; + position: static; + margin: 0; + width: auto; + background: transparent none; +} + +.woocommerce #review_form #respond::before, .woocommerce #review_form #respond::after { + content: ' '; + display: table; +} + +.woocommerce #review_form #respond::after { + clear: both; +} + +.woocommerce #review_form #respond .form-submit input { + left: auto; +} + +.woocommerce #review_form #respond textarea { + box-sizing: border-box; + width: 100%; +} + +.woocommerce p.stars a { + position: relative; + height: 1em; + width: 1em; + text-indent: -999em; + display: inline-block; + text-decoration: none; +} + +.woocommerce p.stars a::before { + display: block; + position: absolute; + top: 0; + left: 0; + width: 1em; + height: 1em; + line-height: 1; + font-family: 'WooCommerce'; + content: '\e021'; + text-indent: 0; +} + +.woocommerce p.stars a:hover ~ a::before { + content: '\e021'; +} + +.woocommerce p.stars:hover a::before { + content: '\e020'; +} + +.woocommerce p.stars.selected a.active::before { + content: '\e020'; +} + +.woocommerce p.stars.selected a.active ~ a::before { + content: '\e021'; +} + +.woocommerce p.stars.selected a:not(.active)::before { + content: '\e020'; +} + +.woocommerce table.shop_attributes { + border: 0; + border-top: 1px dotted rgba(0, 0, 0, 0.1); + margin-bottom: 1.618em; + width: 100%; +} + +.woocommerce table.shop_attributes th { + width: 150px; + font-weight: 700; + padding: 8px; + border-top: 0; + border-bottom: 1px dotted rgba(0, 0, 0, 0.1); + margin: 0; + line-height: 1.5; +} + +.woocommerce table.shop_attributes td { + font-style: italic; + padding: 0; + border-top: 0; + border-bottom: 1px dotted rgba(0, 0, 0, 0.1); + margin: 0; + line-height: 1.5; +} + +.woocommerce table.shop_attributes td p { + margin: 0; + padding: 8px 0; +} + +.woocommerce table.shop_attributes tr:nth-child(even) td, +.woocommerce table.shop_attributes tr:nth-child(even) th { + background: rgba(0, 0, 0, 0.025); +} + +.woocommerce table.shop_table { + border: 1px solid rgba(0, 0, 0, 0.1); + margin: 0 -1px 24px 0; + text-align: left; + width: 100%; + border-collapse: separate; + border-radius: 5px; +} + +.woocommerce table.shop_table th { + font-weight: 700; + padding: 9px 12px; +} + +.woocommerce table.shop_table td { + border-top: 1px solid rgba(0, 0, 0, 0.1); + padding: 6px 12px; + vertical-align: middle; +} + +.woocommerce table.shop_table td small { + font-weight: normal; +} + +.woocommerce table.shop_table tbody:first-child tr:first-child th, +.woocommerce table.shop_table tbody:first-child tr:first-child td { + border-top: 0; +} + +.woocommerce table.shop_table tfoot td, +.woocommerce table.shop_table tfoot th, +.woocommerce table.shop_table tbody th { + font-weight: 700; + border-top: 1px solid rgba(0, 0, 0, 0.1); +} + +.woocommerce .woocommerce table.shop_table, +.woocommerce #customer_details { + margin-bottom: 2em; + border-radius: 0; +} + +.woocommerce table.my_account_orders { + font-size: 0.85em; +} + +.woocommerce table.my_account_orders th, +.woocommerce table.my_account_orders td { + padding: 4px 8px; + vertical-align: middle; +} + +.woocommerce table.my_account_orders .button { + white-space: nowrap; +} + +.woocommerce table.my_account_orders .order-actions { + text-align: right; +} + +.woocommerce table.my_account_orders .order-actions .button { + margin: 0.125em 0 0.125em 0.25em; +} + +.woocommerce table.woocommerce-MyAccount-downloads td, +.woocommerce table.woocommerce-MyAccount-downloads th { + vertical-align: top; + text-align: center; +} + +.woocommerce table.woocommerce-MyAccount-downloads td:first-child, +.woocommerce table.woocommerce-MyAccount-downloads th:first-child { + text-align: left; +} + +.woocommerce table.woocommerce-MyAccount-downloads td:last-child, +.woocommerce table.woocommerce-MyAccount-downloads th:last-child { + text-align: left; +} + +.woocommerce table.woocommerce-MyAccount-downloads td .woocommerce-MyAccount-downloads-file::before, +.woocommerce table.woocommerce-MyAccount-downloads th .woocommerce-MyAccount-downloads-file::before { + content: '\2193'; + display: inline-block; +} + +.woocommerce td.product-name dl.variation, .woocommerce td.product-name .wc-item-meta { + list-style: none outside; +} + +.woocommerce td.product-name dl.variation dt, .woocommerce td.product-name dl.variation .wc-item-meta-label, .woocommerce td.product-name .wc-item-meta dt, .woocommerce td.product-name .wc-item-meta .wc-item-meta-label { + float: left; + clear: both; + margin-right: .25em; + display: inline-block; + list-style: none outside; +} + +.woocommerce td.product-name dl.variation dd, .woocommerce td.product-name .wc-item-meta dd { + margin: 0; +} + +.woocommerce td.product-name dl.variation p, .woocommerce td.product-name dl.variation:last-child, .woocommerce td.product-name .wc-item-meta p, .woocommerce td.product-name .wc-item-meta:last-child { + margin-bottom: 0; +} + +.woocommerce td.product-name p.backorder_notification { + font-size: 0.83em; +} + +.woocommerce td.product-quantity { + min-width: 80px; +} + +.woocommerce ul.cart_list, +.woocommerce ul.product_list_widget { + list-style: none outside; + padding: 0; + margin: 0; +} + +.woocommerce ul.cart_list li, +.woocommerce ul.product_list_widget li { + padding: 4px 0; + margin: 0; + *zoom: 1; + list-style: none; +} + +.woocommerce ul.cart_list li::before, .woocommerce ul.cart_list li::after, +.woocommerce ul.product_list_widget li::before, +.woocommerce ul.product_list_widget li::after { + content: ' '; + display: table; +} + +.woocommerce ul.cart_list li::after, +.woocommerce ul.product_list_widget li::after { + clear: both; +} + +.woocommerce ul.cart_list li a, +.woocommerce ul.product_list_widget li a { + display: block; + font-weight: 700; +} + +.woocommerce ul.cart_list li img, +.woocommerce ul.product_list_widget li img { + float: right; + margin-left: 4px; + width: 32px; + height: auto; + box-shadow: none; +} + +.woocommerce ul.cart_list li dl, +.woocommerce ul.product_list_widget li dl { + margin: 0; + padding-left: 1em; + border-left: 2px solid rgba(0, 0, 0, 0.1); + *zoom: 1; +} + +.woocommerce ul.cart_list li dl::before, .woocommerce ul.cart_list li dl::after, +.woocommerce ul.product_list_widget li dl::before, +.woocommerce ul.product_list_widget li dl::after { + content: ' '; + display: table; +} + +.woocommerce ul.cart_list li dl::after, +.woocommerce ul.product_list_widget li dl::after { + clear: both; +} + +.woocommerce ul.cart_list li dl dt, +.woocommerce ul.cart_list li dl dd, +.woocommerce ul.product_list_widget li dl dt, +.woocommerce ul.product_list_widget li dl dd { + display: inline-block; + float: left; + margin-bottom: 1em; +} + +.woocommerce ul.cart_list li dl dt, +.woocommerce ul.product_list_widget li dl dt { + font-weight: 700; + padding: 0 0 0.25em; + margin: 0 4px 0 0; + clear: left; +} + +.woocommerce ul.cart_list li dl dd, +.woocommerce ul.product_list_widget li dl dd { + padding: 0 0 0.25em; +} + +.woocommerce ul.cart_list li dl dd p:last-child, +.woocommerce ul.product_list_widget li dl dd p:last-child { + margin-bottom: 0; +} + +.woocommerce ul.cart_list li .star-rating, +.woocommerce ul.product_list_widget li .star-rating { + float: none; +} + +.woocommerce.widget_shopping_cart .total strong, +.woocommerce .widget_shopping_cart .total strong { + min-width: 40px; + display: inline-block; +} + +.woocommerce.widget_shopping_cart .buttons, +.woocommerce .widget_shopping_cart .buttons { + *zoom: 1; +} + +.woocommerce.widget_shopping_cart .buttons::before, .woocommerce.widget_shopping_cart .buttons::after, +.woocommerce .widget_shopping_cart .buttons::before, +.woocommerce .widget_shopping_cart .buttons::after { + content: ' '; + display: table; +} + +.woocommerce.widget_shopping_cart .buttons::after, +.woocommerce .widget_shopping_cart .buttons::after { + clear: both; +} + +.woocommerce.widget_shopping_cart .buttons a, +.woocommerce .widget_shopping_cart .buttons a { + margin-right: 5px; + margin-bottom: 5px; +} + +.woocommerce form .form-row { + padding: 3px; + margin: 0 0 6px; +} + +.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder { + transition: opacity 0.5s 0.5s ease; + opacity: 0; +} + +.woocommerce form .form-row label { + line-height: 2; + font-weight: bold; + font-size: 13.5px; + font-size: 0.9rem; +} + +.woocommerce form .form-row label.hidden { + visibility: hidden; +} + +.woocommerce form .form-row label.inline { + display: inline; +} + +.woocommerce form .form-row select { + cursor: pointer; + margin: 0; +} + +.woocommerce form .form-row .required { + color: red; + font-weight: 700; + border: 0; +} + +.woocommerce form .form-row .input-checkbox { + display: inline; + margin: -2px 8px 0 0; + text-align: center; + vertical-align: middle; +} + +.woocommerce form .form-row input.input-text, +.woocommerce form .form-row textarea { + box-sizing: border-box; + width: 100%; + margin: 0; + outline: 0; + line-height: 1; +} + +.woocommerce form .form-row textarea { + height: 4em; + line-height: 1.5; + display: block; + box-shadow: none; +} + +.woocommerce form .form-row .select2-container { + width: 100%; + line-height: 2em; +} + +.woocommerce form .form-row.woocommerce-invalid .select2-container, +.woocommerce form .form-row.woocommerce-invalid input.input-text, +.woocommerce form .form-row.woocommerce-invalid select { + border-color: #d65d67; +} + +.woocommerce form .form-row.woocommerce-validated .select2-container, +.woocommerce form .form-row.woocommerce-validated input.input-text, +.woocommerce form .form-row.woocommerce-validated select { + border-color: #69bf29; +} + +.woocommerce form .form-row ::-webkit-input-placeholder { + line-height: normal; +} + +.woocommerce form .form-row :-moz-placeholder { + line-height: normal; +} + +.woocommerce form .form-row :-ms-input-placeholder { + line-height: normal; +} + +.woocommerce form.login, +.woocommerce form.checkout_coupon, +.woocommerce form.register { + border: 1px solid #d3ced2; + padding: 20px; + margin: 2em 0; + text-align: left; + border-radius: 5px; +} + +.woocommerce ul#shipping_method { + list-style: none outside; + margin: 0; + padding: 0; +} + +.woocommerce ul#shipping_method li { + margin: 0; + padding: 0.25em 0 0.25em 22px; + text-indent: -22px; + list-style: none outside; +} + +.woocommerce ul#shipping_method li input { + margin: 3px 0.5ex; +} + +.woocommerce ul#shipping_method li label { + display: inline; +} + +.woocommerce ul#shipping_method .amount { + font-weight: 700; +} + +.woocommerce p.woocommerce-shipping-contents { + margin: 0; +} + +.woocommerce ul.order_details { + *zoom: 1; + margin: 0 0 3em; + list-style: none; +} + +.woocommerce ul.order_details::before, .woocommerce ul.order_details::after { + content: ' '; + display: table; +} + +.woocommerce ul.order_details::after { + clear: both; +} + +.woocommerce ul.order_details li { + float: left; + margin-right: 2em; + text-transform: uppercase; + font-size: 0.715em; + line-height: 1; + border-right: 1px dashed #d3ced2; + padding-right: 2em; + margin-left: 0; + padding-left: 0; + list-style-type: none; +} + +.woocommerce ul.order_details li strong { + display: block; + font-size: 1.4em; + text-transform: none; + line-height: 1.5; +} + +.woocommerce ul.order_details li:last-of-type { + border: none; +} + +.woocommerce .wc-bacs-bank-details-account-name { + font-weight: bold; +} + +.woocommerce .woocommerce-order-downloads, +.woocommerce .woocommerce-customer-details, +.woocommerce .woocommerce-order-details { + margin-bottom: 2em; +} + +.woocommerce .woocommerce-order-downloads *:last-child, +.woocommerce .woocommerce-customer-details *:last-child, +.woocommerce .woocommerce-order-details *:last-child { + margin-bottom: 0; +} + +.woocommerce .woocommerce-customer-details address { + font-style: normal; + margin-bottom: 0; + border: 1px solid rgba(0, 0, 0, 0.1); + border-bottom-width: 2px; + border-right-width: 2px; + text-align: left; + width: 100%; + border-radius: 5px; + padding: 6px 12px; +} + +.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone, +.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email { + margin-bottom: 0; + padding-left: 1.5em; +} + +.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-right: 0.618em; + content: ""; + text-decoration: none; + margin-left: -1.5em; + line-height: 1.75; + position: absolute; +} + +.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-right: 0.618em; + content: ""; + text-decoration: none; + margin-left: -1.5em; + line-height: 1.75; + position: absolute; +} + +.woocommerce .woocommerce-widget-layered-nav-list { + margin: 0; + padding: 0; + border: 0; + list-style: none outside; +} + +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { + *zoom: 1; + padding: 0 0 1px; + list-style: none; +} + +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after { + clear: both; +} + +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span { + padding: 1px 0; +} + +.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-right: 0.618em; + content: ""; + text-decoration: none; + color: #d65d67; +} + +.woocommerce .woocommerce-widget-layered-nav-dropdown__submit { + margin-top: 1em; +} + +.woocommerce .widget_layered_nav_filters ul { + margin: 0; + padding: 0; + border: 0; + list-style: none outside; + overflow: hidden; + zoom: 1; +} + +.woocommerce .widget_layered_nav_filters ul li { + float: left; + padding: 0 1px 1px 0; + list-style: none; +} + +.woocommerce .widget_layered_nav_filters ul li a { + text-decoration: none; +} + +.woocommerce .widget_layered_nav_filters ul li a::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-right: 0.618em; + content: ""; + text-decoration: none; + color: #d65d67; +} + +.woocommerce .widget_product_categories .product-categories .count { + float: right; +} + +.woocommerce .widget_price_filter .price_slider { + margin-bottom: 1em; +} + +.woocommerce .widget_price_filter .price_slider_amount { + text-align: right; + line-height: 2.4; + font-size: 0.8751em; +} + +.woocommerce .widget_price_filter .price_slider_amount .button { + font-size: 1.15em; + float: left; +} + +.woocommerce .widget_price_filter .ui-slider { + position: relative; + text-align: left; + margin-left: 0.5em; + margin-right: 0.5em; +} + +.woocommerce .widget_price_filter .ui-slider .ui-slider-handle { + position: absolute; + z-index: 2; + width: 1em; + height: 1em; + background-color: #a46497; + border-radius: 1em; + cursor: ew-resize; + outline: none; + top: -0.3em; + /* rtl:ignore */ + margin-left: -0.5em; +} + +.woocommerce .widget_price_filter .ui-slider .ui-slider-range { + position: absolute; + z-index: 1; + font-size: 0.7em; + display: block; + border: 0; + border-radius: 1em; + background-color: #a46497; +} + +.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { + border-radius: 1em; + background-color: #602053; + border: 0; +} + +.woocommerce .widget_price_filter .ui-slider-horizontal { + height: 0.5em; +} + +.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range { + top: 0; + height: 100%; +} + +.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { + left: -1px; +} + +.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { + right: -1px; +} + +.woocommerce .widget_rating_filter ul { + margin: 0; + padding: 0; + border: 0; + list-style: none outside; +} + +.woocommerce .widget_rating_filter ul li { + *zoom: 1; + padding: 0 0 1px; + list-style: none; +} + +.woocommerce .widget_rating_filter ul li::before, .woocommerce .widget_rating_filter ul li::after { + content: ' '; + display: table; +} + +.woocommerce .widget_rating_filter ul li::after { + clear: both; +} + +.woocommerce .widget_rating_filter ul li a { + padding: 1px 0; + text-decoration: none; +} + +.woocommerce .widget_rating_filter ul li .star-rating { + float: none; + display: inline-block; +} + +.woocommerce .widget_rating_filter ul li.chosen a::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-right: 0.618em; + content: ""; + text-decoration: none; + color: #d65d67; +} + +.woocommerce .show-on-hover { + position: absolute; + top: 0; + left: 0; + height: 100%; + right: 0; + bottom: 0; + padding: 0; + margin: 0; + opacity: 0; + filter: blur(0); + transition: all 0.2s linear; +} + +.woocommerce li.product:hover .show-on-hover { + opacity: 1; + transform: scale(1) translateZ(0) translateY(0); + pointer-events: inherit; +} + +.woocommerce .ast-return-to-shop { + display: inline-block; + margin: 5px 0; + vertical-align: middle; +} + +.woocommerce .up-sells h2, +.woocommerce .related.products h2, +.woocommerce .woocommerce-tabs h2 { + font-size: 1.5rem; +} + +.woocommerce .comment-reply-title { + font-size: 1.5rem; + line-height: 1.3; +} + +.woocommerce .select2-container .select2-selection--single { + height: auto; + padding: 0.75em; +} + +.woocommerce .select2-container .select2-selection--single .select2-selection__rendered { + padding-left: 0; +} + +.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered { + line-height: 1.35; +} + +.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow { + top: 50%; + width: 1.7em; + transform: translateY(-50%); +} + +.woocommerce .select2-search--dropdown .select2-search__field, +.woocommerce .select2-results__option { + padding: 6px 0.75em; +} + +.woocommerce, +.woocommerce-page { + /** + * Product Saerch Widget + */ + /* + * Common table style for woocommerce + */ +} + +.woocommerce .widget_product_search button, +.woocommerce-page .widget_product_search button { + flex: 0 0 auto; + padding: 10px 20px; +} + +.woocommerce ul.products li.product, +.woocommerce-page ul.products li.product { + text-align: left; + margin-bottom: 2.5em; +} + +.woocommerce ul.products li.product.product-category > a, +.woocommerce-page ul.products li.product.product-category > a { + display: inline-block; + position: relative; +} + +.woocommerce ul.products li.product a img, +.woocommerce-page ul.products li.product a img { + margin-bottom: .8em; +} + +.woocommerce ul.products li.product .woocommerce-loop-product__title, +.woocommerce-page ul.products li.product .woocommerce-loop-product__title { + margin-bottom: .5em; + padding: 0; + font-size: 1em; +} + +.woocommerce ul.products li.product .ast-woo-product-category, +.woocommerce-page ul.products li.product .ast-woo-product-category { + font-size: .85em; + margin-bottom: .5em; + display: block; + line-height: 1.3; + opacity: .6; +} + +.woocommerce ul.products li.product .star-rating, +.woocommerce-page ul.products li.product .star-rating { + margin: 0 auto .5em 0; + backface-visibility: hidden; +} + +.woocommerce ul.products li.product .ast-woo-shop-product-description p, +.woocommerce-page ul.products li.product .ast-woo-shop-product-description p { + margin-bottom: .5em; +} + +.woocommerce ul.products li.product .woocommerce-loop-product__link, +.woocommerce-page ul.products li.product .woocommerce-loop-product__link { + position: relative; + display: block; +} + +.woocommerce ul.products li.product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock, +.woocommerce-page ul.products li.product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock { + background-color: white; +} + +.woocommerce ul.products li.product.product-category > a:hover .woocommerce-loop-category__title, +.woocommerce-page ul.products li.product.product-category > a:hover .woocommerce-loop-category__title { + background-color: white; +} + +.woocommerce ul.products li.product .woocommerce-loop-category__title, +.woocommerce ul.products li.product .ast-shop-product-out-of-stock, +.woocommerce-page ul.products li.product .woocommerce-loop-category__title, +.woocommerce-page ul.products li.product .ast-shop-product-out-of-stock { + position: absolute; + background-color: rgba(255, 255, 255, 0.88); + transition: background .3s; + text-align: center; + left: 1em; + right: 1em; + padding: 0.5em 0em 0.7em; +} + +.woocommerce ul.products li.product .woocommerce-loop-category__title, +.woocommerce-page ul.products li.product .woocommerce-loop-category__title { + bottom: 1.8em; + font-size: 0.9em; +} + +.woocommerce ul.products li.product .woocommerce-loop-category__title .count, +.woocommerce-page ul.products li.product .woocommerce-loop-category__title .count { + font-size: .7em; +} + +.woocommerce ul.products li.product .ast-shop-product-out-of-stock, +.woocommerce-page ul.products li.product .ast-shop-product-out-of-stock { + bottom: 1em; + text-transform: uppercase; + font-weight: bold; +} + +.woocommerce ul.products li.product .price, +.woocommerce-page ul.products li.product .price { + line-height: 1.3; + margin-bottom: 0; + font-weight: 700; + margin-bottom: .5em; + font-size: .9em; +} + +.woocommerce ul.products li.product .price del, +.woocommerce-page ul.products li.product .price del { + display: initial; +} + +.woocommerce ul.products li.product .button, +.woocommerce-page ul.products li.product .button { + margin-top: .5em; + margin-bottom: .5em; + white-space: normal; + line-height: 1.3; +} + +.woocommerce ul.products li.product .button.added, +.woocommerce-page ul.products li.product .button.added { + margin-bottom: 0; + transition: margin 0s; +} + +.woocommerce ul.products li.product .woocommerce-loop-category__title, +.woocommerce-page ul.products li.product .woocommerce-loop-category__title { + text-transform: uppercase; + font-weight: bold; + line-height: 1.5; +} + +.woocommerce ul.products li.product .woocommerce-loop-category__title .count, +.woocommerce-page ul.products li.product .woocommerce-loop-category__title .count { + display: block; + background: none; + opacity: .5; + font-size: .75em; +} + +.woocommerce .related.products li.product:last-child, +.woocommerce-page .related.products li.product:last-child { + margin-right: 0; +} + +.woocommerce table.shop_table, +.woocommerce-page table.shop_table { + border: 1px solid #ebebeb; + border-radius: 0px; +} + +.woocommerce table.shop_table .product-thumbnail img, +.woocommerce-page table.shop_table .product-thumbnail img { + width: auto; + max-width: 70px; +} + +.woocommerce table.shop_table thead, +.woocommerce-page table.shop_table thead { + background-color: #fbfbfb; +} + +.woocommerce table.shop_table thead th, +.woocommerce-page table.shop_table thead th { + border-width: 0; +} + +.woocommerce table.shop_table td, .woocommerce table.shop_table th, +.woocommerce-page table.shop_table td, +.woocommerce-page table.shop_table th { + border-bottom-width: 0; + padding: .7em 1em; +} + +.woocommerce table.shop_table td, +.woocommerce-page table.shop_table td { + border-top: 1px solid #ebebeb; +} + +.woocommerce table.shop_table .woocommerce-Price-amount, +.woocommerce-page table.shop_table .woocommerce-Price-amount { + font-weight: 700; +} + +.woocommerce #content table.cart td.actions .input-text, +.woocommerce-page #content table.cart td.actions .input-text { + width: auto; +} + +.woocommerce #content table.cart td, +.woocommerce-page #content table.cart td { + min-height: 3.25em; +} + +.woocommerce #content table.cart [name="coupon_code"], +.woocommerce-page #content table.cart [name="coupon_code"] { + max-height: 35px; +} + +.woocommerce #content table.cart .button, +.woocommerce-page #content table.cart .button { + display: inline-block; + width: auto; +} + +.woocommerce #content table.cart .button[name="apply_coupon"], +.woocommerce-page #content table.cart .button[name="apply_coupon"] { + padding: 10px 40px; +} + +.ast-separate-container .ast-woocommerce-container { + background-color: #fff; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-woocommerce-container { + padding: 3.34em 2.4em; + } +} + +@media (max-width: 992px) { + .ast-separate-container .ast-woocommerce-container { + padding: 1.5em 2.14em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-woocommerce-container { + padding: 5.34em 6.67em; + } +} + +.ast-separate-container .ast-woocommerce-container .product { + border-bottom: 0; +} + +.ast-separate-container.single-product .ast-article-single { + margin: 0; + padding: 0; + display: inline-block; + width: 100%; +} + +/** + * Photoswipe + * 1. These styles are required to overwrite default theme button styles (Twenty Twelve adds gradients via background-image). + * 2. For zooming on mobile. + */ +.pswp { + z-index: 999999; +} + +.woocommerce, +.woocommerce-page { + /* Popup for single product */ +} + +.woocommerce img.pswp__img, +.woocommerce-page img.pswp__img { + max-width: none; + /* 2 */ +} + +.woocommerce .pswp__caption__center, +.woocommerce-page .pswp__caption__center { + text-align: center; +} + +.woocommerce .pswp__bg, +.woocommerce-page .pswp__bg { + opacity: .7 !important; +} + +.woocommerce .pswp__ui--fit .pswp__top-bar, +.woocommerce .pswp__ui--fit .pswp__caption, +.woocommerce-page .pswp__ui--fit .pswp__top-bar, +.woocommerce-page .pswp__ui--fit .pswp__caption { + background-color: transparent; +} + +/** + * Woocommerce common form design + */ +.woocommerce input[type=text], .woocommerce input[type=email], .woocommerce input[type=url], .woocommerce input[type=password], .woocommerce input[type=number], .woocommerce input[type=search], .woocommerce input[type=reset], .woocommerce input[type=tel], .woocommerce textarea, .woocommerce form .form-row textarea, +.woocommerce-page input[type=text], +.woocommerce-page input[type=email], +.woocommerce-page input[type=url], +.woocommerce-page input[type=password], +.woocommerce-page input[type=number], +.woocommerce-page input[type=search], +.woocommerce-page input[type=reset], +.woocommerce-page input[type=tel], +.woocommerce-page textarea, +.woocommerce-page form .form-row textarea { + border-color: #dddddd; + background: #fff; + box-shadow: none; + border-radius: 0px; +} + +.woocommerce input[type=text]:focus, .woocommerce input[type=email]:focus, .woocommerce input[type=url]:focus, .woocommerce input[type=password]:focus, .woocommerce input[type=number]:focus, .woocommerce input[type=search]:focus, .woocommerce input[type=reset]:focus, .woocommerce input[type=tel]:focus, .woocommerce textarea:focus, .woocommerce form .form-row textarea:focus, +.woocommerce-page input[type=text]:focus, +.woocommerce-page input[type=email]:focus, +.woocommerce-page input[type=url]:focus, +.woocommerce-page input[type=password]:focus, +.woocommerce-page input[type=number]:focus, +.woocommerce-page input[type=search]:focus, +.woocommerce-page input[type=reset]:focus, +.woocommerce-page input[type=tel]:focus, +.woocommerce-page textarea:focus, +.woocommerce-page form .form-row textarea:focus { + box-shadow: none; + border-color: #dddddd; +} + +.woocommerce select, .woocommerce .select2-container .select2-selection--single, +.woocommerce-page select, +.woocommerce-page .select2-container .select2-selection--single { + padding: .75em; + border: 1px solid #dddddd; + border-radius: 0px; + box-shadow: none; +} + +.woocommerce select:focus, .woocommerce .select2-container .select2-selection--single:focus, +.woocommerce-page select:focus, +.woocommerce-page .select2-container .select2-selection--single:focus { + outline: none; +} + +button.pswp__button { + box-shadow: none !important; + background-image: url("../../../../../../../plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png") !important; +} + +button.pswp__button, +button.pswp__button:hover, +button.pswp__button--arrow--left::before, +button.pswp__button--arrow--right::before { + background-color: transparent !important; + /* 1 */ +} + +button.pswp__button--arrow--left, +button.pswp__button--arrow--right, +button.pswp__button--arrow--left:hover, +button.pswp__button--arrow--right:hover { + background-image: none !important; + /* 1 */ +} + +button.pswp__button--close:hover { + background-position: 0 -44px; +} + +button.pswp__button--zoom:hover { + background-position: -88px 0; +} + +.woocommerce-message, +.woocommerce-error, +.woocommerce-info { + padding: 1em 2em 1em 3.5em; + margin: 0 0 2em; + position: relative; + background-color: #f7f6f7; + color: #515151; + border-top: 3px solid #a46497; + list-style: none outside; + *zoom: 1; + width: auto; + word-wrap: break-word; +} + +.woocommerce-message::before, .woocommerce-message::after, +.woocommerce-error::before, +.woocommerce-error::after, +.woocommerce-info::before, +.woocommerce-info::after { + content: ' '; + display: table; +} + +.woocommerce-message::after, +.woocommerce-error::after, +.woocommerce-info::after { + clear: both; +} + +.woocommerce-message::before, +.woocommerce-error::before, +.woocommerce-info::before { + font-family: 'WooCommerce'; + content: '\e028'; + display: inline-block; + position: absolute; + top: 1em; + left: 1.5em; +} + +.woocommerce-message .button, +.woocommerce-error .button, +.woocommerce-info .button { + float: right; +} + +.woocommerce-message li, +.woocommerce-error li, +.woocommerce-info li { + list-style: none outside !important; + padding-left: 0 !important; + margin-left: 0 !important; +} + +.woocommerce-message { + border-top-color: #8fae1b; +} + +.woocommerce-message::before { + content: '\e015'; + color: #8fae1b; +} + +.woocommerce-info { + border-top-color: #1e85be; +} + +.woocommerce-info::before { + color: #1e85be; +} + +.woocommerce-error { + border-top-color: #b81c23; +} + +.woocommerce-error::before { + content: '\e016'; + color: #b81c23; +} + +/** + * Account page + */ +.woocommerce .woocommerce, +.woocommerce-account .woocommerce { + *zoom: 1; +} + +.woocommerce .woocommerce::before, .woocommerce .woocommerce::after, +.woocommerce-account .woocommerce::before, +.woocommerce-account .woocommerce::after { + content: ' '; + display: table; +} + +.woocommerce .woocommerce::after, +.woocommerce-account .woocommerce::after { + clear: both; +} + +.woocommerce .addresses .title, +.woocommerce-account .addresses .title { + *zoom: 1; +} + +.woocommerce .addresses .title::before, .woocommerce .addresses .title::after, +.woocommerce-account .addresses .title::before, +.woocommerce-account .addresses .title::after { + content: ' '; + display: table; +} + +.woocommerce .addresses .title::after, +.woocommerce-account .addresses .title::after { + clear: both; +} + +.woocommerce .addresses .title h3, +.woocommerce-account .addresses .title h3 { + float: left; +} + +.woocommerce .addresses .title .edit, +.woocommerce-account .addresses .title .edit { + float: right; + padding: .7em 1em; +} + +.woocommerce ol.commentlist.notes li.note p.meta, +.woocommerce-account ol.commentlist.notes li.note p.meta { + font-weight: 700; + margin-bottom: 0; +} + +.woocommerce ol.commentlist.notes li.note .description p:last-child, +.woocommerce-account ol.commentlist.notes li.note .description p:last-child { + margin-bottom: 0; +} + +.woocommerce ul.digital-downloads, +.woocommerce-account ul.digital-downloads { + margin-left: 0; + padding-left: 0; +} + +.woocommerce ul.digital-downloads li, +.woocommerce-account ul.digital-downloads li { + list-style: none; + margin-left: 0; + padding-left: 0; +} + +.woocommerce ul.digital-downloads li::before, +.woocommerce-account ul.digital-downloads li::before { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-right: 0.618em; + content: ""; + text-decoration: none; +} + +.woocommerce ul.digital-downloads li .count, +.woocommerce-account ul.digital-downloads li .count { + float: right; +} + +.woocommerce h2, +.woocommerce-account h2 { + font-size: 1.625rem; +} + +.woocommerce .woocommerce-Addresses .woocommerce-Address-title, +.woocommerce .woocommerce-Addresses .woocommerce-column__title, +.woocommerce .woocommerce-customer-details .woocommerce-Address-title, +.woocommerce .woocommerce-customer-details .woocommerce-column__title, +.woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title, +.woocommerce .woocommerce-MyAccount-content .woocommerce-column__title, +.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title, +.woocommerce-account .woocommerce-Addresses .woocommerce-column__title, +.woocommerce-account .woocommerce-customer-details .woocommerce-Address-title, +.woocommerce-account .woocommerce-customer-details .woocommerce-column__title, +.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title, +.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title { + background: #fbfbfb; + padding: .5em; + margin-bottom: 0; + border-width: 1px 1px 0 1px; + border-style: solid; + border-color: #e5e5e5; +} + +.woocommerce .woocommerce-Addresses .woocommerce-Address-title h3, +.woocommerce .woocommerce-Addresses .woocommerce-column__title h3, +.woocommerce .woocommerce-customer-details .woocommerce-Address-title h3, +.woocommerce .woocommerce-customer-details .woocommerce-column__title h3, +.woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title h3, +.woocommerce .woocommerce-MyAccount-content .woocommerce-column__title h3, +.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title h3, +.woocommerce-account .woocommerce-Addresses .woocommerce-column__title h3, +.woocommerce-account .woocommerce-customer-details .woocommerce-Address-title h3, +.woocommerce-account .woocommerce-customer-details .woocommerce-column__title h3, +.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3, +.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title h3 { + margin-bottom: 0; +} + +.woocommerce .woocommerce-Addresses address, +.woocommerce .woocommerce-customer-details address, +.woocommerce .woocommerce-MyAccount-content address, +.woocommerce-account .woocommerce-Addresses address, +.woocommerce-account .woocommerce-customer-details address, +.woocommerce-account .woocommerce-MyAccount-content address { + border: 1px solid rgba(0, 0, 0, 0.1); + padding: 1em; + border-radius: 0; +} + +.woocommerce-Address h3, +.cart-collaterals h2 { + font-size: 1.2rem; + padding: .7em 1em; +} + +/** + * Cart/checkout page + */ +.woocommerce-cart table.cart .product-thumbnail, +.woocommerce-checkout table.cart .product-thumbnail, +#add_payment_method table.cart .product-thumbnail { + min-width: 32px; +} + +.woocommerce-cart table.cart img, +.woocommerce-checkout table.cart img, +#add_payment_method table.cart img { + width: 32px; + box-shadow: none; +} + +.woocommerce-cart table.cart th, +.woocommerce-cart table.cart td, +.woocommerce-checkout table.cart th, +.woocommerce-checkout table.cart td, +#add_payment_method table.cart th, +#add_payment_method table.cart td { + vertical-align: middle; +} + +.woocommerce-cart table.cart td.actions .coupon .input-text, +.woocommerce-checkout table.cart td.actions .coupon .input-text, +#add_payment_method table.cart td.actions .coupon .input-text { + float: left; + box-sizing: border-box; + border: 1px solid #d3ced2; + padding: 6px 6px 5px; + margin: 0 4px 0 0; + outline: 0; + line-height: 1; +} + +.woocommerce-cart table.cart input, +.woocommerce-checkout table.cart input, +#add_payment_method table.cart input { + margin: 0; + vertical-align: middle; + line-height: 1; +} + +.woocommerce-cart .wc-proceed-to-checkout, +.woocommerce-checkout .wc-proceed-to-checkout, +#add_payment_method .wc-proceed-to-checkout { + *zoom: 1; + padding: 1em 0; +} + +.woocommerce-cart .wc-proceed-to-checkout::before, .woocommerce-cart .wc-proceed-to-checkout::after, +.woocommerce-checkout .wc-proceed-to-checkout::before, +.woocommerce-checkout .wc-proceed-to-checkout::after, +#add_payment_method .wc-proceed-to-checkout::before, +#add_payment_method .wc-proceed-to-checkout::after { + content: ' '; + display: table; +} + +.woocommerce-cart .wc-proceed-to-checkout::after, +.woocommerce-checkout .wc-proceed-to-checkout::after, +#add_payment_method .wc-proceed-to-checkout::after { + clear: both; +} + +.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, +.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, +#add_payment_method .wc-proceed-to-checkout a.checkout-button { + display: block; + text-align: center; + margin-bottom: 1em; + font-size: 1.25em; + padding: 1em; +} + +.woocommerce-cart .cart-collaterals .shipping_calculator .button, +.woocommerce-checkout .cart-collaterals .shipping_calculator .button, +#add_payment_method .cart-collaterals .shipping_calculator .button { + width: 100%; + float: none; + display: block; +} + +.woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button::after, +.woocommerce-checkout .cart-collaterals .shipping_calculator .shipping-calculator-button::after, +#add_payment_method .cart-collaterals .shipping_calculator .shipping-calculator-button::after { + font-family: 'WooCommerce'; + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + margin-left: 0.618em; + content: ""; + text-decoration: none; +} + +.woocommerce-cart .cart-collaterals .cart_totals p small, +.woocommerce-checkout .cart-collaterals .cart_totals p small, +#add_payment_method .cart-collaterals .cart_totals p small { + color: #777; + font-size: 0.83em; +} + +.woocommerce-cart .cart-collaterals .cart_totals table, +.woocommerce-checkout .cart-collaterals .cart_totals table, +#add_payment_method .cart-collaterals .cart_totals table { + border-collapse: separate; + margin: 0 0 6px; + padding: 0; +} + +.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th, +.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td, +.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child th, +.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child td, +#add_payment_method .cart-collaterals .cart_totals table tr:first-child th, +#add_payment_method .cart-collaterals .cart_totals table tr:first-child td { + border-top: 0; +} + +.woocommerce-cart .cart-collaterals .cart_totals table th, +.woocommerce-checkout .cart-collaterals .cart_totals table th, +#add_payment_method .cart-collaterals .cart_totals table th { + width: 40%; +} + +.woocommerce-cart .cart-collaterals .cart_totals table td, +.woocommerce-cart .cart-collaterals .cart_totals table th, +.woocommerce-checkout .cart-collaterals .cart_totals table td, +.woocommerce-checkout .cart-collaterals .cart_totals table th, +#add_payment_method .cart-collaterals .cart_totals table td, +#add_payment_method .cart-collaterals .cart_totals table th { + vertical-align: top; + border-left: 0; + border-right: 0; + line-height: 1.5em; +} + +.woocommerce-cart .cart-collaterals .cart_totals table small, +.woocommerce-checkout .cart-collaterals .cart_totals table small, +#add_payment_method .cart-collaterals .cart_totals table small { + color: #777; +} + +.woocommerce-cart .cart-collaterals .cart_totals table select, +.woocommerce-checkout .cart-collaterals .cart_totals table select, +#add_payment_method .cart-collaterals .cart_totals table select { + width: 100%; +} + +.woocommerce-cart .cart-collaterals .cart_totals .discount td, +.woocommerce-checkout .cart-collaterals .cart_totals .discount td, +#add_payment_method .cart-collaterals .cart_totals .discount td { + color: #77a464; +} + +.woocommerce-cart .cart-collaterals .cart_totals tr td, +.woocommerce-cart .cart-collaterals .cart_totals tr th, +.woocommerce-checkout .cart-collaterals .cart_totals tr td, +.woocommerce-checkout .cart-collaterals .cart_totals tr th, +#add_payment_method .cart-collaterals .cart_totals tr td, +#add_payment_method .cart-collaterals .cart_totals tr th { + border-top: 1px solid #ebe9eb; +} + +.woocommerce-cart .cart-collaterals .cross-sells ul.products li.product, +.woocommerce-checkout .cart-collaterals .cross-sells ul.products li.product, +#add_payment_method .cart-collaterals .cross-sells ul.products li.product { + margin-top: 0; +} + +.woocommerce-cart .checkout .col-2 h3#ship-to-different-address, +.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address, +#add_payment_method .checkout .col-2 h3#ship-to-different-address { + float: left; + clear: none; +} + +.woocommerce-cart .checkout .col-2 .notes, +.woocommerce-checkout .checkout .col-2 .notes, +#add_payment_method .checkout .col-2 .notes { + clear: left; +} + +.woocommerce-cart .checkout .col-2 .form-row-first, +.woocommerce-checkout .checkout .col-2 .form-row-first, +#add_payment_method .checkout .col-2 .form-row-first { + clear: left; +} + +.woocommerce-cart .checkout .create-account small, +.woocommerce-checkout .checkout .create-account small, +#add_payment_method .checkout .create-account small { + font-size: 11px; + color: #777; + font-weight: normal; +} + +.woocommerce-cart .checkout div.shipping-address, +.woocommerce-checkout .checkout div.shipping-address, +#add_payment_method .checkout div.shipping-address { + padding: 0; + clear: left; + width: 100%; +} + +.woocommerce-cart .checkout .shipping_address, +.woocommerce-checkout .checkout .shipping_address, +#add_payment_method .checkout .shipping_address { + clear: both; +} + +.woocommerce-cart #payment, +.woocommerce-checkout #payment, +#add_payment_method #payment { + border-radius: 5px; +} + +.woocommerce-cart #payment ul.payment_methods, +.woocommerce-checkout #payment ul.payment_methods, +#add_payment_method #payment ul.payment_methods { + *zoom: 1; + text-align: left; + padding: 1em; + border-bottom: 1px solid #d3ced2; + margin: 0; + list-style: none outside; +} + +.woocommerce-cart #payment ul.payment_methods::before, .woocommerce-cart #payment ul.payment_methods::after, +.woocommerce-checkout #payment ul.payment_methods::before, +.woocommerce-checkout #payment ul.payment_methods::after, +#add_payment_method #payment ul.payment_methods::before, +#add_payment_method #payment ul.payment_methods::after { + content: ' '; + display: table; +} + +.woocommerce-cart #payment ul.payment_methods::after, +.woocommerce-checkout #payment ul.payment_methods::after, +#add_payment_method #payment ul.payment_methods::after { + clear: both; +} + +.woocommerce-cart #payment ul.payment_methods li, +.woocommerce-checkout #payment ul.payment_methods li, +#add_payment_method #payment ul.payment_methods li { + line-height: 2; + text-align: left; + margin: 0; + font-weight: normal; +} + +.woocommerce-cart #payment ul.payment_methods li input, +.woocommerce-checkout #payment ul.payment_methods li input, +#add_payment_method #payment ul.payment_methods li input { + margin: 0 1em 0 0; +} + +.woocommerce-cart #payment ul.payment_methods li img, +.woocommerce-checkout #payment ul.payment_methods li img, +#add_payment_method #payment ul.payment_methods li img { + vertical-align: middle; + margin: -2px 0 0 0.5em; + padding: 0; + position: relative; + box-shadow: none; +} + +.woocommerce-cart #payment ul.payment_methods li img + img, +.woocommerce-checkout #payment ul.payment_methods li img + img, +#add_payment_method #payment ul.payment_methods li img + img { + margin-left: 2px; +} + +.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice), +.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice), +#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice) { + *zoom: 1; +} + +.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::before, .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after, +.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::before, +.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after, +#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::before, +#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after { + content: ' '; + display: table; +} + +.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after, +.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after, +#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after { + clear: both; +} + +.woocommerce-cart #payment div.form-row, +.woocommerce-checkout #payment div.form-row, +#add_payment_method #payment div.form-row { + padding: 1em; +} + +.woocommerce-cart #payment div.payment_box, +.woocommerce-checkout #payment div.payment_box, +#add_payment_method #payment div.payment_box { + position: relative; + box-sizing: border-box; + width: 100%; + padding: 1em; + margin: 1em 0; + font-size: 0.92em; + border-radius: 2px; + line-height: 1.5; + background-color: #dfdcde; + color: #515151; +} + +.woocommerce-cart #payment div.payment_box input.input-text, .woocommerce-cart #payment div.payment_box textarea, +.woocommerce-checkout #payment div.payment_box input.input-text, +.woocommerce-checkout #payment div.payment_box textarea, +#add_payment_method #payment div.payment_box input.input-text, +#add_payment_method #payment div.payment_box textarea { + border-color: #c7c1c6; + border-top-color: #bbb3b9; +} + +.woocommerce-cart #payment div.payment_box ::-webkit-input-placeholder, +.woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder, +#add_payment_method #payment div.payment_box ::-webkit-input-placeholder { + color: #bbb3b9; +} + +.woocommerce-cart #payment div.payment_box :-moz-placeholder, +.woocommerce-checkout #payment div.payment_box :-moz-placeholder, +#add_payment_method #payment div.payment_box :-moz-placeholder { + color: #bbb3b9; +} + +.woocommerce-cart #payment div.payment_box :-ms-input-placeholder, +.woocommerce-checkout #payment div.payment_box :-ms-input-placeholder, +#add_payment_method #payment div.payment_box :-ms-input-placeholder { + color: #bbb3b9; +} + +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods { + list-style: none outside; + margin: 0; +} + +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new { + margin: 0 0 0.5em; +} + +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label { + cursor: pointer; +} + +.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput, +.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput, +#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput { + vertical-align: middle; + margin: -3px 1em 0 0; + position: relative; +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form, +#add_payment_method #payment div.payment_box .wc-credit-card-form { + border: 0; + padding: 0; + margin: 1em 0 0; +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc { + font-size: 1.5em; + padding: 8px; + background-repeat: no-repeat; + background-position: right 0.618em center; + background-size: 32px 20px; +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/visa.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/mastercard.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/laser.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/diners.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.maestro, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.maestro, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/maestro.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/jcb.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.amex, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.amex, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/amex.svg"); +} + +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.discover, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.discover, +.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.discover, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover, +.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover, +#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover { + background-image: url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/discover.svg"); +} + +.woocommerce-cart #payment div.payment_box span.help, +.woocommerce-checkout #payment div.payment_box span.help, +#add_payment_method #payment div.payment_box span.help { + font-size: 0.857em; + color: #777; + font-weight: normal; +} + +.woocommerce-cart #payment div.payment_box .form-row, +.woocommerce-checkout #payment div.payment_box .form-row, +#add_payment_method #payment div.payment_box .form-row { + margin: 0 0 1em; +} + +.woocommerce-cart #payment div.payment_box p:last-child, +.woocommerce-checkout #payment div.payment_box p:last-child, +#add_payment_method #payment div.payment_box p:last-child { + margin-bottom: 0; +} + +.woocommerce-cart #payment div.payment_box::before, +.woocommerce-checkout #payment div.payment_box::before, +#add_payment_method #payment div.payment_box::before { + content: ''; + display: block; + border: 1em solid #dfdcde; + /* arrow size / color */ + border-right-color: transparent; + border-left-color: transparent; + border-top-color: transparent; + position: absolute; + top: -0.75em; + left: 0; + margin: -1em 0 0 2em; +} + +.woocommerce-cart #payment .payment_method_paypal .about_paypal, +.woocommerce-checkout #payment .payment_method_paypal .about_paypal, +#add_payment_method #payment .payment_method_paypal .about_paypal { + float: right; + line-height: 52px; + font-size: 0.83em; +} + +.woocommerce-cart #payment .payment_method_paypal img, +.woocommerce-checkout #payment .payment_method_paypal img, +#add_payment_method #payment .payment_method_paypal img { + max-height: 52px; + vertical-align: middle; +} + +/** + * Cart Page Styles + */ +.woocommerce-cart-form__cart-item td.product-remove { + text-align: center; +} + +.woocommerce-cart-form__cart-item td.product-remove a.remove { + display: inline-block; + vertical-align: middle; +} + +/** + * Cart Page + */ +.woocommerce-cart { + /* Proceed to check out button */ +} + +.woocommerce-cart table.shop_table td, .woocommerce-cart table.shop_table th { + border-right: 0; +} + +.woocommerce-cart table.shop_table .woocommerce-Price-amount, +.woocommerce-cart table.shop_table td.product-name { + font-weight: 700; +} + +.woocommerce-cart .cart-collaterals .cross-sells li.product { + padding-bottom: 1em; +} + +.woocommerce-cart .cart-collaterals .cart_totals, +.woocommerce-cart .cart-collaterals .cross-sells { + padding: 0 20px; + border-width: 1px; + border-style: solid; + border-color: #ebebeb; + border-radius: 0; + margin-bottom: 2em; +} + +.woocommerce-cart .cart-collaterals .cart_totals .shop_table, +.woocommerce-cart .cart-collaterals .cross-sells .shop_table { + border-top: 0; + border-left: 0; + border-right: 0; + border-radius: 0; +} + +.woocommerce-cart .cart-collaterals .cart_totals > h2, +.woocommerce-cart .cart-collaterals .cross-sells > h2 { + margin: 0 -20px 20px; + background-color: #fbfbfb; + border-bottom: 1px solid #ebebeb; +} + +.woocommerce-cart .hentry, +.woocommerce-cart ul.products { + margin-bottom: 0; +} + +.woocommerce-cart .hentry li.product, +.woocommerce-cart ul.products li.product { + margin-bottom: 0; +} + +.woocommerce-cart table.cart td.actions .coupon { + display: flex; + align-items: center; + margin: 5px 0; +} + +.woocommerce-cart table.cart td.actions .coupon .input-text { + padding: .5em .75em; +} + +.woocommerce-cart table.cart td.actions .button { + padding: .5em 1em; + line-height: 1.5; +} + +.woocommerce-cart table.cart td.actions input.button { + display: inline-block; + width: auto; +} + +.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { + font-size: 1.1em; + line-height: 1.8em; +} + +/** + * Checkout Page + */ +.woocommerce.woocommerce-checkout, +.woocommerce-page.woocommerce-checkout { + /* Ordered received style */ +} + +.woocommerce.woocommerce-checkout form.checkout.woocommerce-checkout:after, +.woocommerce-page.woocommerce-checkout form.checkout.woocommerce-checkout:after { + content: ""; + clear: both; + display: table; +} + +.woocommerce.woocommerce-checkout table.shop_table thead, +.woocommerce-page.woocommerce-checkout table.shop_table thead { + background: none; +} + +.woocommerce.woocommerce-checkout table.shop_table th, +.woocommerce-page.woocommerce-checkout table.shop_table th { + padding: 14px 12px; +} + +.woocommerce.woocommerce-checkout table.shop_table td, +.woocommerce-page.woocommerce-checkout table.shop_table td { + padding: 10px 10px 10px 0; + border-color: #ebebeb; + opacity: 0.8; +} + +.woocommerce.woocommerce-checkout table.shop_table tfoot td, +.woocommerce-page.woocommerce-checkout table.shop_table tfoot td { + opacity: 1; +} + +.woocommerce.woocommerce-checkout table.shop_table td, .woocommerce.woocommerce-checkout table.shop_table th, +.woocommerce-page.woocommerce-checkout table.shop_table td, +.woocommerce-page.woocommerce-checkout table.shop_table th { + border-bottom-width: 1px; +} + +.woocommerce.woocommerce-checkout #customer_details h3, +.woocommerce-page.woocommerce-checkout #customer_details h3 { + font-size: 1.2rem; + padding: 20px 0 14px; + margin: 0 0 20px; + border-bottom: 1px solid #ebebeb; +} + +.woocommerce.woocommerce-checkout form #order_review_heading, +.woocommerce-page.woocommerce-checkout form #order_review_heading { + border-width: 2px 2px 0 2px; + border-style: solid; + font-size: 1.2rem; + margin: 0; + padding: 1.5em 1.5em 1em; + border-color: #ebebeb; +} + +.woocommerce.woocommerce-checkout form #order_review, +.woocommerce-page.woocommerce-checkout form #order_review { + padding: 0 2em; + border-width: 0 2px 2px; + border-style: solid; + border-color: #ebebeb; +} + +.woocommerce.woocommerce-checkout form #order_review table, +.woocommerce-page.woocommerce-checkout form #order_review table { + border-width: 0; +} + +.woocommerce.woocommerce-checkout form #order_review td, +.woocommerce.woocommerce-checkout form #order_review th, +.woocommerce-page.woocommerce-checkout form #order_review td, +.woocommerce-page.woocommerce-checkout form #order_review th { + border-top: 0; + border-right: 0; + padding-left: 0; + border-color: #ebebeb; +} + +.woocommerce.woocommerce-checkout form .form-row:last-child, +.woocommerce-page.woocommerce-checkout form .form-row:last-child { + margin-bottom: 0; +} + +.woocommerce.woocommerce-checkout #payment, +.woocommerce-page.woocommerce-checkout #payment { + border-radius: 0; +} + +.woocommerce.woocommerce-checkout #payment ul.payment_methods, +.woocommerce-page.woocommerce-checkout #payment ul.payment_methods { + padding: 0; + margin-bottom: 1em; + border-bottom: 0; +} + +.woocommerce.woocommerce-checkout #payment div.payment_box, +.woocommerce-page.woocommerce-checkout #payment div.payment_box { + background-color: #efefef; +} + +.woocommerce.woocommerce-checkout #payment div.payment_box:before, +.woocommerce-page.woocommerce-checkout #payment div.payment_box:before { + border-bottom-color: #efefef; +} + +.woocommerce.woocommerce-checkout #payment div.form-row, +.woocommerce-page.woocommerce-checkout #payment div.form-row { + padding: 0 0 2em; +} + +.woocommerce.woocommerce-checkout #payment #place_order, +.woocommerce-page.woocommerce-checkout #payment #place_order { + width: 100%; +} + +.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table th, .woocommerce.woocommerce-checkout .woocommerce-order table.shop_table td, +.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table th, +.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table td { + padding: .7em 1em; + border-bottom-width: 0px; +} + +.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table th:last-child, .woocommerce.woocommerce-checkout .woocommerce-order table.shop_table td:last-child, +.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table th:last-child, +.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table td:last-child { + border-right-width: 0px; +} + +.woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title, .woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title, +.woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title, +.woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title { + background: #fbfbfb; + padding: 1em; + margin-bottom: 0; + font-size: 1.3rem; + border-width: 1px 1px 0 1px; + border-style: solid; + border-color: #e5e5e5; +} + +.woocommerce.woocommerce-checkout .woocommerce-order h2.wc-bacs-bank-details-heading, +.woocommerce-page.woocommerce-checkout .woocommerce-order h2.wc-bacs-bank-details-heading { + font-size: 1.5rem; + border-top: 3px solid #ebebeb; + padding-top: .5em; +} + +.woocommerce.woocommerce-checkout .woocommerce-order h3, +.woocommerce-page.woocommerce-checkout .woocommerce-order h3 { + font-size: 1.1rem; +} + +.woocommerce.woocommerce-checkout .woocommerce-order ul.order_details, +.woocommerce-page.woocommerce-checkout .woocommerce-order ul.order_details { + margin-bottom: 2em; +} + +.woocommerce.woocommerce-checkout .woocommerce-customer-details address, +.woocommerce-page.woocommerce-checkout .woocommerce-customer-details address { + border-right-width: 1px; + border-bottom-width: 1px; + border-radius: 0; +} + +.woocommerce form .form-row .required { + text-decoration: none; +} + +.woocommerce form.checkout_coupon { + margin: 0; + border: 0; + padding: 0 0 2em; +} + +.woocommerce form.checkout_coupon .form-row { + margin: 0; + padding: 0; + float: none; + display: inline-block; +} + +.woocommerce form.checkout_coupon [name="coupon_code"] { + padding-top: 9px; + padding-bottom: 9px; +} + +.woocommerce form.checkout_coupon .button { + padding: .5em 1em; + vertical-align: initial; + line-height: 1.35; +} + +.woocommerce form.checkout_coupon .button[name="apply_coupon"] { + padding: 10px 40px; +} + +@media (max-width: 420px) { + .woocommerce form.checkout_coupon .form-row-first, + .woocommerce form.checkout_coupon .form-row-last { + display: block; + margin: 0 auto; + width: 100%; + } + .woocommerce form.checkout_coupon .form-row-first { + margin-bottom: 10px; + } + .woocommerce form.checkout_coupon .button[name="apply_coupon"] { + width: 100%; + padding: 10px 5px; + } +} + +.checkout_coupon .input-text { + padding: .5em .75em; +} + +/** + * My Account Style + */ +.woocommerce-MyAccount-navigation-link { + list-style: none; + border: 1px solid rgba(0, 0, 0, 0.1); + border-bottom-width: 0; +} + +.woocommerce-MyAccount-navigation-link:last-child { + border-bottom-width: 1px; +} + +.woocommerce-MyAccount-navigation-link.is-active a { + background-color: #fbfbfb; +} + +.woocommerce-MyAccount-navigation-link a { + display: block; + padding: .5em 1em; +} + +.woocommerce-MyAccount-navigation > ul { + margin: 0; +} + +.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button { + margin-top: 1em; + margin-left: 3px; +} + +/** + * Widgets Style + */ +#secondary .widget_layered_nav_filters > li, +#secondary .widget.woocommerce > li { + margin-bottom: 0; +} + +#secondary .widget .select2-container .select2-selection--multiple .select2-selection__rendered { + display: block; + min-height: 42px; +} + +#secondary .widget .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { + margin-top: 5px; + margin-bottom: 5px; +} + +#secondary .widget .select2-search__field { + min-height: 42px; + margin: 0; +} + +.woocommerce { + /* Product Tag Cloud */ +} + +.woocommerce #secondary .woocommerce ul.cart_list, +.woocommerce #secondary .woocommerce ul.product_list_widget { + margin: 0; +} + +.woocommerce .woocommerce ul.cart_list li a, +.woocommerce .woocommerce ul.product_list_widget li a { + font-weight: normal; +} + +.woocommerce .widget_shopping_cart .cart_list li, +.woocommerce .widget_shopping_cart li, +.woocommerce ul.product_list_widget .cart_list li, +.woocommerce ul.product_list_widget li { + padding: .6em 0 .6em 5em; + min-height: 5em; + position: relative; + border-bottom: 1px solid #e2e2e2; + margin: 0; + line-height: 1.5; +} + +.woocommerce .widget_shopping_cart .cart_list li:last-child, .woocommerce .widget_shopping_cart .cart_list li:last-child, +.woocommerce .widget_shopping_cart li:last-child, +.woocommerce .widget_shopping_cart li:last-child, +.woocommerce ul.product_list_widget .cart_list li:last-child, +.woocommerce ul.product_list_widget .cart_list li:last-child, +.woocommerce ul.product_list_widget li:last-child, +.woocommerce ul.product_list_widget li:last-child { + border-bottom: none; +} + +.woocommerce .widget_shopping_cart .woocommerce-mini-cart__buttons { + margin-bottom: 0; +} + +.woocommerce .widget_shopping_cart .woocommerce-mini-cart__buttons a { + display: inline-block; + width: calc( 50% - 5px); + margin-right: 5px; + text-align: center; +} + +.woocommerce .widget_shopping_cart .woocommerce-mini-cart__buttons .checkout.wc-forward { + margin-left: 5px; + margin-right: 0; +} + +.woocommerce.widget_product_tag_cloud .tagcloud { + margin-top: 10px; + display: inline-block; +} + +.woocommerce.widget_product_tag_cloud .tagcloud a { + border: 1px solid #e2e2e2; + padding: 0.5em 0.9em; + display: inline-block; + margin-bottom: 4px; + font-size: 14px; + margin-right: 4px; + line-height: 1.5; + transition: all 0.2s linear; +} + +.woocommerce .widget_shopping_cart .total, +.woocommerce.widget_shopping_cart .total { + padding: 5px 0; + border-top: 1px solid #e2e2e2; + border-bottom: 1px solid #e2e2e2; + margin-bottom: 1.3em; +} + +.woocommerce ul.product_list_widget li img { + position: absolute; + left: 0; + width: 4em; + margin: 0 0 .5em 0; + top: 50%; + transform: translateY(-50%); +} + +.woocommerce ul.product-categories > li { + padding: 2px 0px; +} + +.woocommerce ul.product-categories > li:first-child { + border: none; +} + +.woocommerce .widget del { + opacity: .5; +} + +.woocommerce .widget ins { + background: inherit; +} + +.woocommerce .widget .amount, +.woocommerce .widget ins { + font-weight: 700; +} + +.woocommerce .widget .star-rating { + margin: 5px 0; +} + +.woocommerce .widget_rating_filter ul li a { + display: inline-flex; + align-items: center; +} + +.woocommerce .price_slider_amount .price_label span { + font-weight: 700; +} + +.woocommerce .widget_price_filter .ui-slider-horizontal { + height: .2em; +} + +.woocommerce .widget_price_filter .ui-slider .ui-slider-handle { + top: -.4em; + cursor: pointer; +} + +.woocommerce .widget_price_filter .price_slider_amount .button { + font-size: .9em !important; + padding: 8px 18px; +} + +.woocommerce .widget_price_filter .price_slider { + margin-bottom: 1.2em; +} + +.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { + background-color: #ededed; +} + +.woocommerce .widget_product_tag_cloud .tagcloud a { + border: 1px solid #e2e2e2; + padding: 0.5em 0.9em; + display: inline-block; + margin-bottom: 4px; + margin-right: 4px; + line-height: 1.5; + padding: .5em 1.2em; + font-size: 12px !important; + font-size: 0.8rem !important; +} + +.woocommerce .widget_product_tag_cloud .tagcloud a a:hover, +.woocommerce .widget_product_tag_cloud .tagcloud a a:focus, +.woocommerce .widget_product_tag_cloud .tagcloud a a.current-item { + background-color: #fafafa; +} + +.woocommerce .widget_shopping_cart .cart_list li, +.woocommerce.widget_shopping_cart .cart_list li { + padding: .5em 1.8em .5em 5em; +} + +.woocommerce .widget_shopping_cart .cart_list li a.remove, +.woocommerce.widget_shopping_cart .cart_list li a.remove { + position: absolute; + left: auto; + right: 0; + top: .5em; +} + +.woocommerce-product-search { + display: flex; +} + +.woocommerce-product-search .search-field { + flex: auto; + width: 100%; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.woocommerce-product-search input[type="submit"] { + padding: 10px 15px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.widget_layered_nav_filters ul li.chosen { + padding: 0 .5em; + margin-right: .5em; + background: rgba(245, 245, 245, 0.75); + border-radius: 20px; + font-size: .8em; +} + +.widget_layered_nav_filters ul li.chosen:hover { + background-color: whitesmoke; +} + +.widget_layered_nav_filters ul li.chosen a { + display: block; +} + +.widget_layered_nav_filters ul li.chosen a::before { + margin-right: .5em; + color: #ff1111; +} + +.woocommerce-terms-and-conditions { + border: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background: rgba(0, 0, 0, 0.05); +} + +/** + * Password strength meter + */ +.woocommerce-password-strength { + text-align: center; + font-weight: 600; + padding: 3px 0.5em; + font-size: 1em; +} + +.woocommerce-password-strength.strong { + background-color: #c1e1b9; + border-color: #83c373; +} + +.woocommerce-password-strength.short { + background-color: #f1adad; + border-color: #e35b5b; +} + +.woocommerce-password-strength.bad { + background-color: #fbc5a9; + border-color: #f78b53; +} + +.woocommerce-password-strength.good { + background-color: #ffe399; + border-color: #ffc733; +} + +.woocommerce-password-hint { + margin: 0.5em 0 0; + display: block; +} + +.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu .header-main-layout-2 .main-header-container { + display: block; +} + +.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .header-main-layout-2 .main-header-container { + text-align: center; +} + +.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-main-header-bar-alignment { + display: inline-block; +} + +.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-masthead-custom-menu-items { + display: inline-block; + float: right; +} + +.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-break-point .header-main-layout-2 .main-header-container { + display: flex; +} + +/** + * Woocommerce Pagination RTL + */ +.rtl .woocommerce-pagination .page-numbers li:last-child .next { + transform: rotateY(180deg); +} + +.rtl .woocommerce-pagination .page-numbers li:first-child .prev { + transform: rotateY(-180deg); +} + +.ast-site-header-cart .widgettitle { + display: none; +} + +/** + * Woocommerce Gutenberg Blocks Product Grid CSS Compatibility. + */ +.wc-block-grid .wc-block-grid__products .wc-block-grid__product { + text-align: left; + margin-bottom: 2.5em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category > a { + display: inline-block; + position: relative; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product a img { + width: 100%; + height: auto; + display: block; + margin: 0 0 .8em 0; + box-shadow: none; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title { + margin-bottom: .5em; + padding: 0; + font-size: 1em; + line-height: 1.2; + font-weight: inherit; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .star-rating { + margin: 0 auto .5em 0; + backface-visibility: hidden; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link { + position: relative; + display: block; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock { + background-color: white; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category > a:hover .woocommerce-loop-category__title { + background-color: white; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title { + bottom: 1.8em; + font-size: 0.9em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count { + font-size: .7em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price { + line-height: 1.3; + margin-bottom: 0; + font-weight: 700; + margin-bottom: .5em; + font-size: .9em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price del { + display: initial; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link { + margin-top: .5em; + margin-bottom: .5em; + white-space: normal; + line-height: 1.3; + font-size: 100%; + font-weight: 700; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.added { + margin-bottom: 0; + transition: margin 0s; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title { + text-transform: uppercase; + font-weight: bold; + line-height: 1.5; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count { + display: block; + background: none; + opacity: .5; + font-size: .75em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale { + min-width: 3em; + min-height: 3em; + line-height: 3em; + padding: 0; + font-size: 1em; + font-weight: normal; + text-transform: capitalize; + position: absolute; + text-align: center; + border-radius: 100%; + z-index: 9; + top: 0; + right: 15px; + left: auto; + margin: -0.5em -0.5em 0 0; +} + +/** + * Product categories - Sub Category CSS. + */ +.widget_product_categories .children { + padding-left: 20px; +} + +/** + * Firefox browser compatibility for WooCommerce. + * + * 1. Product Search widget button misalign issue. + */ +@supports (-moz-appearance: none) { + .sidebar-main .widget_product_search .search-field { + width: 60%; + } +} diff --git a/assets/css/unminified/customizer-controls-rtl.css b/assets/css/unminified/customizer-controls-rtl.css new file mode 100644 index 0000000..093f196 --- /dev/null +++ b/assets/css/unminified/customizer-controls-rtl.css @@ -0,0 +1,254 @@ +.customize-control-title .dashicons-editor-help { + position: relative; + top: 0.1em; +} + +#customize-header-actions .spinner { + margin-right: 4px; +} + +/* slider control */ +.customize-control-slider input[type=range] { + -webkit-appearance: none; + transition: background .3s; + background-color: rgba(0,0,0,.1); + height: 5px; + width: calc(100% - 74px); + padding: 0; +} +.customize-control-slider input[type=range]:focus { + box-shadow: none; + outline: none; +} +.customize-control-slider input[type=range]:hover { + background-color: rgba(0,0,0,.25); +} +.customize-control-slider input[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; + width: 15px; + height: 15px; + border-radius: 50%; + -webkit-border-radius: 50%; + background-color: #3498D9; +} +.customize-control-slider input[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; + width: 15px; + height: 15px; + border: none; + border-radius: 50%; + background-color: #3498D9; +} +.customize-control-slider input[type=range]::-moz-range-thumb { + width: 15px; + height: 15px; + border: none; + border-radius: 50%; + background-color: #3498D9; +} +.customize-control-slider input[type=range]::-ms-thumb { + width: 15px; + height: 15px; + border-radius: 50%; + border: 0; + background-color: #3498D9; +} +.customize-control-slider input[type=range]::-moz-range-track { + border: inherit; + background: transparent; +} +.customize-control-slider input[type=range]::-ms-track { + border: inherit; + color: transparent; + background: transparent; +} +.customize-control-slider input[type=range]::-ms-fill-lower, +.customize-control-slider input[type=range]::-ms-fill-upper { + background: transparent; +} +.customize-control-slider input[type=range]::-ms-tooltip { + display: none; +} +.customize-control-slider .ast-range-value { + display: inline-block; + padding: 0 5px; + position: relative; + top: 1px; +} +.customize-control-slider input#ast-range-value-input { + width: 42px; + height: 23px; + font-size: 13px; +} +.customize-control-slider .ast-slider-reset { + color: rgba(0,0,0,.2); + float: left; + transition: color .5s ease-in; +} +.customize-control-slider .ast-slider-reset span { + font-size: 16px; + line-height: 22px; + cursor: pointer; +} +.customize-control-slider .ast-slider-reset span:hover { + color: red; +} + +/** + * Typography Control Style + */ +.customize-pane-child > li[id="customize-control-astra-settings-headings-font-weight"], +.customize-pane-child > li[id="customize-control-astra-settings-headings-text-transform"], +.customize-pane-child > li[id="customize-control-astra-settings-body-font-weight"], +.customize-pane-child > li[id="customize-control-astra-settings-body-text-transform"] { + width: 50%; + display: inline-block; + box-sizing: border-box; + clear: none; +} + +.customize-pane-child > li[id="customize-control-astra-settings-headings-font-weight"], +.customize-pane-child > li[id="customize-control-astra-settings-body-font-weight"], +.customize-pane-child > li[id*="-font-weight"] { + padding-left: 5px; +} + +.customize-pane-child > li[id="customize-control-astra-settings-headings-text-transform"], +.customize-pane-child > li[id="customize-control-astra-settings-body-text-transform"], +.customize-pane-child > li[id*="-text-transform"] { + padding-right: 5px; +} + +.customize-pane-child > li[id="customize-control-astra-settings-headings-font-weight"], +.customize-pane-child > li[id="customize-control-astra-settings-body-font-weight"], +.customize-pane-child > li[id*="-font-weight"] { + padding-right: 0; +} + +.rtl .customize-pane-child > li[id="customize-control-astra-settings-headings-text-transform"], +.rtl .customize-pane-child > li[id="customize-control-astra-settings-body-text-transform"], +.rtl .customize-pane-child > li[id*="-text-transform"] { + padding-left: 0; +} + +/* WP Beta 5.3 compatibility CSS - Start */ + +.customize-control select.ast-responsive-select { + height: 30px; +} + +.customize-control input[type="number"] { + min-height: 30px; +} + +.customize-control input[type="text"].select2-search__field { + line-height: 1; + border-radius: 0; +} + +.customize-control input[type="number"].ast-spacing-input, +.customize-control input.ast-border-input { + min-height: 28px; + border-radius: 0; +} + +/* WP Beta 5.3 compatibility CSS - Start */ + +.customize-pane-child > li[id$="-content-layout"] > label, +.customize-pane-child > li[id$="-sidebar-layout"] > label { + -js-display: flex; + display: flex; +} + +.customize-pane-child > li[id$="-content-layout"] > label .customize-control-title, +.customize-pane-child > li[id$="-sidebar-layout"] > label .customize-control-title, +.customize-pane-child > li[id$="-content-layout"] > label select, +.customize-pane-child > li[id$="-sidebar-layout"] > label select { + flex: 1; +} + +.customize-pane-child > li[id$="-content-layout"] > label select, +.customize-pane-child > li[id$="-sidebar-layout"] > label select { + margin-right: 10px; +} + +.customize-pane-child > li[id*="-font-weight"], .customize-pane-child > li[id*="-text-transform"] { + width: 50%; + display: inline-block; + box-sizing: border-box; + clear: none; +} + +/** + * Upgred To Astra Pro +*/ +.control-section-astra-pro h3 { + margin: 0; + padding: 1px 0; + border: 0; + position: relative; +} +.control-section-astra-pro h3 a { + background: #FFF; + display: block; + padding: 11px 14px 12px 10px; + text-decoration: none; +} +.control-section-astra-pro h3 a:after { + content: "\f345"; + position: absolute; + top: 11px; + left: 10px; + z-index: 1; + float: left; + border: none; + background: none; + font: normal 20px/1 dashicons; + speak: none; + display: block; + padding: 0; + text-indent: 0; + text-align: center; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.rtl .control-section-astra-pro h3 a:after { + content: "\f341"; +} + +.ast-hide{ + display: none !important; +} + +/* Primary Sub Menu Item Border */ +#customize-control-astra-settings-primary-submenu-item-border .ast-border-wrapper{ + width: 100%; +} + +.actions .button.upload-button { + text-transform: capitalize; +} + +.wp-picker-container .iris-square-handle { + z-index: 8; +} + +/* Site Identity */ +#customize-control-custom_logo .attachment-media-view .button-add-media, +#customize-control-site_icon .attachment-media-view .placeholder, +#customize-control-astra-settings-transparent-header-logo .attachment-media-view .button-add-media { + text-transform: capitalize; +} + +/* Color picker clear button size */ +.customize-control-ast-color .wp-picker-container .wp-picker-clear, +.customize-control-ast-responsive-color .wp-picker-container .wp-picker-clear, +.customize-control-ast-background .wp-picker-container .wp-picker-clear, +.customize-control-ast-responsive-background .wp-picker-container .wp-picker-clear { + margin-right: 4px; + min-height: 30px; + } + + .customize-control-ast-background .wp-picker-container { + display: block; + } diff --git a/assets/css/unminified/customizer-controls.css b/assets/css/unminified/customizer-controls.css new file mode 100644 index 0000000..5b98a19 --- /dev/null +++ b/assets/css/unminified/customizer-controls.css @@ -0,0 +1,254 @@ +.customize-control-title .dashicons-editor-help { + position: relative; + top: 0.1em; +} + +#customize-header-actions .spinner { + margin-left: 4px; +} + +/* slider control */ +.customize-control-slider input[type=range] { + -webkit-appearance: none; + transition: background .3s; + background-color: rgba(0,0,0,.1); + height: 5px; + width: calc(100% - 74px); + padding: 0; +} +.customize-control-slider input[type=range]:focus { + box-shadow: none; + outline: none; +} +.customize-control-slider input[type=range]:hover { + background-color: rgba(0,0,0,.25); +} +.customize-control-slider input[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; + width: 15px; + height: 15px; + border-radius: 50%; + -webkit-border-radius: 50%; + background-color: #3498D9; +} +.customize-control-slider input[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; + width: 15px; + height: 15px; + border: none; + border-radius: 50%; + background-color: #3498D9; +} +.customize-control-slider input[type=range]::-moz-range-thumb { + width: 15px; + height: 15px; + border: none; + border-radius: 50%; + background-color: #3498D9; +} +.customize-control-slider input[type=range]::-ms-thumb { + width: 15px; + height: 15px; + border-radius: 50%; + border: 0; + background-color: #3498D9; +} +.customize-control-slider input[type=range]::-moz-range-track { + border: inherit; + background: transparent; +} +.customize-control-slider input[type=range]::-ms-track { + border: inherit; + color: transparent; + background: transparent; +} +.customize-control-slider input[type=range]::-ms-fill-lower, +.customize-control-slider input[type=range]::-ms-fill-upper { + background: transparent; +} +.customize-control-slider input[type=range]::-ms-tooltip { + display: none; +} +.customize-control-slider .ast-range-value { + display: inline-block; + padding: 0 5px; + position: relative; + top: 1px; +} +.customize-control-slider input#ast-range-value-input { + width: 42px; + height: 23px; + font-size: 13px; +} +.customize-control-slider .ast-slider-reset { + color: rgba(0,0,0,.2); + float: right; + transition: color .5s ease-in; +} +.customize-control-slider .ast-slider-reset span { + font-size: 16px; + line-height: 22px; + cursor: pointer; +} +.customize-control-slider .ast-slider-reset span:hover { + color: red; +} + +/** + * Typography Control Style + */ +.customize-pane-child > li[id="customize-control-astra-settings-headings-font-weight"], +.customize-pane-child > li[id="customize-control-astra-settings-headings-text-transform"], +.customize-pane-child > li[id="customize-control-astra-settings-body-font-weight"], +.customize-pane-child > li[id="customize-control-astra-settings-body-text-transform"] { + width: 50%; + display: inline-block; + box-sizing: border-box; + clear: none; +} + +.customize-pane-child > li[id="customize-control-astra-settings-headings-font-weight"], +.customize-pane-child > li[id="customize-control-astra-settings-body-font-weight"], +.customize-pane-child > li[id*="-font-weight"] { + padding-right: 5px; +} + +.customize-pane-child > li[id="customize-control-astra-settings-headings-text-transform"], +.customize-pane-child > li[id="customize-control-astra-settings-body-text-transform"], +.customize-pane-child > li[id*="-text-transform"] { + padding-left: 5px; +} + +.customize-pane-child > li[id="customize-control-astra-settings-headings-font-weight"], +.customize-pane-child > li[id="customize-control-astra-settings-body-font-weight"], +.customize-pane-child > li[id*="-font-weight"] { + padding-left: 0; +} + +.rtl .customize-pane-child > li[id="customize-control-astra-settings-headings-text-transform"], +.rtl .customize-pane-child > li[id="customize-control-astra-settings-body-text-transform"], +.rtl .customize-pane-child > li[id*="-text-transform"] { + padding-right: 0; +} + +/* WP Beta 5.3 compatibility CSS - Start */ + +.customize-control select.ast-responsive-select { + height: 30px; +} + +.customize-control input[type="number"] { + min-height: 30px; +} + +.customize-control input[type="text"].select2-search__field { + line-height: 1; + border-radius: 0; +} + +.customize-control input[type="number"].ast-spacing-input, +.customize-control input.ast-border-input { + min-height: 28px; + border-radius: 0; +} + +/* WP Beta 5.3 compatibility CSS - Start */ + +.customize-pane-child > li[id$="-content-layout"] > label, +.customize-pane-child > li[id$="-sidebar-layout"] > label { + -js-display: flex; + display: flex; +} + +.customize-pane-child > li[id$="-content-layout"] > label .customize-control-title, +.customize-pane-child > li[id$="-sidebar-layout"] > label .customize-control-title, +.customize-pane-child > li[id$="-content-layout"] > label select, +.customize-pane-child > li[id$="-sidebar-layout"] > label select { + flex: 1; +} + +.customize-pane-child > li[id$="-content-layout"] > label select, +.customize-pane-child > li[id$="-sidebar-layout"] > label select { + margin-left: 10px; +} + +.customize-pane-child > li[id*="-font-weight"], .customize-pane-child > li[id*="-text-transform"] { + width: 50%; + display: inline-block; + box-sizing: border-box; + clear: none; +} + +/** + * Upgred To Astra Pro +*/ +.control-section-astra-pro h3 { + margin: 0; + padding: 1px 0; + border: 0; + position: relative; +} +.control-section-astra-pro h3 a { + background: #FFF; + display: block; + padding: 11px 10px 12px 14px; + text-decoration: none; +} +.control-section-astra-pro h3 a:after { + content: "\f345"; + position: absolute; + top: 11px; + right: 10px; + z-index: 1; + float: right; + border: none; + background: none; + font: normal 20px/1 dashicons; + speak: none; + display: block; + padding: 0; + text-indent: 0; + text-align: center; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.rtl .control-section-astra-pro h3 a:after { + content: "\f341"; +} + +.ast-hide{ + display: none !important; +} + +/* Primary Sub Menu Item Border */ +#customize-control-astra-settings-primary-submenu-item-border .ast-border-wrapper{ + width: 100%; +} + +.actions .button.upload-button { + text-transform: capitalize; +} + +.wp-picker-container .iris-square-handle { + z-index: 8; +} + +/* Site Identity */ +#customize-control-custom_logo .attachment-media-view .button-add-media, +#customize-control-site_icon .attachment-media-view .placeholder, +#customize-control-astra-settings-transparent-header-logo .attachment-media-view .button-add-media { + text-transform: capitalize; +} + +/* Color picker clear button size */ +.customize-control-ast-color .wp-picker-container .wp-picker-clear, +.customize-control-ast-responsive-color .wp-picker-container .wp-picker-clear, +.customize-control-ast-background .wp-picker-container .wp-picker-clear, +.customize-control-ast-responsive-background .wp-picker-container .wp-picker-clear { + margin-left: 4px; + min-height: 30px; + } + + .customize-control-ast-background .wp-picker-container { + display: block; + } diff --git a/assets/css/unminified/editor-style-rtl.css b/assets/css/unminified/editor-style-rtl.css new file mode 100644 index 0000000..c749d69 --- /dev/null +++ b/assets/css/unminified/editor-style-rtl.css @@ -0,0 +1,1962 @@ +/*-------------------------------------------------------------- +>>> TABLE OF CONTENTS: +---------------------------------------------------------------- +# Normalize +# Typography +# Elements +# Forms +# Navigation + ## Links + ## Menus +# Accessibility +# Alignments +# Clearings +# Widgets +# Content + ## Posts and pages + ## Asides + ## Comments +# Infinite scroll +# Media + ## Captions + ## Galleries +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Normalize +--------------------------------------------------------------*/ +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +font, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td { + border: 0; + font-size: 100%; + font-style: inherit; + font-weight: inherit; + margin: 0; + outline: 0; + padding: 0; + vertical-align: baseline; +} + +html { + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +main, +menu, +nav, +section, +summary { + display: block; +} + +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden], +template { + display: none; +} + +a { + background-color: transparent; +} + +a:active { + outline: 0; +} + +a, +a:visited, +a:hover, +a:focus { + text-decoration: none; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, +strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +mark { + background: #ff0; + color: #000; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 0; +} + +hr { + box-sizing: content-box; + height: 0; +} + +pre { + overflow: auto; +} + +code, +kbd, +pre, +samp { + font-size: 1em; +} + +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} + +button { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} + +button[disabled], +html input[disabled] { + cursor: default; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input { + line-height: normal; +} + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +input[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box; +} + +.search .search-submit, +#comments .submit { + padding: 10px 15px; + border-radius: 2px; + line-height: 1.85714285714286; + border: 0; +} + +.search .site-main .ast-search-submit { + display: none; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +fieldset { + border: 1px solid #eaeaea; + margin: 0 0px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + border: 0; + padding: 0; +} + +fieldset legend { + margin-bottom: 1.5em; + padding: 0 0.5em; +} + +textarea { + overflow: auto; +} + +optgroup { + font-weight: bold; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} + +/*-------------------------------------------------------------- +# Bootstrap Grid +--------------------------------------------------------------*/ +/*! + * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) + */ +@media (min-width: 544px) { + .ast-container { + max-width: 100%; + } +} + +@media (min-width: 768px) { + .ast-container { + max-width: 100%; + } +} + +@media (min-width: 992px) { + .ast-container { + max-width: 100%; + } +} + +@media (min-width: 1200px) { + .ast-container { + max-width: 100%; + } +} + +.ast-container-fluid, .ast-container { + margin-right: auto; + margin-left: auto; + padding-right: 20px; + padding-left: 20px; +} + +.ast-container-fluid::after, .ast-container::after { + content: ""; + display: table; + clear: both; +} + +.ast-row { + margin-right: -20px; + margin-left: -20px; +} + +.ast-row::after { + content: ""; + display: table; + clear: both; +} + +.ast-col-xs-1, .ast-col-xs-2, .ast-col-xs-3, .ast-col-xs-4, .ast-col-xs-5, .ast-col-xs-6, .ast-col-xs-7, .ast-col-xs-8, .ast-col-xs-9, .ast-col-xs-10, .ast-col-xs-11, .ast-col-xs-12, .ast-col-sm-1, .ast-col-sm-2, .ast-col-sm-3, .ast-col-sm-4, .ast-col-sm-5, .ast-col-sm-6, .ast-col-sm-7, .ast-col-sm-8, .ast-col-sm-9, .ast-col-sm-10, .ast-col-sm-11, .ast-col-sm-12, .ast-col-md-1, .ast-col-md-2, .ast-col-md-3, .ast-col-md-4, .ast-col-md-5, .ast-col-md-6, .ast-col-md-7, .ast-col-md-8, .ast-col-md-9, .ast-col-md-10, .ast-col-md-11, .ast-col-md-12, .ast-col-lg-1, .ast-col-lg-2, .ast-col-lg-3, .ast-col-lg-4, .ast-col-lg-5, .ast-col-lg-6, .ast-col-lg-7, .ast-col-lg-8, .ast-col-lg-9, .ast-col-lg-10, .ast-col-lg-11, .ast-col-lg-12, .ast-col-xl-1, .ast-col-xl-2, .ast-col-xl-3, .ast-col-xl-4, .ast-col-xl-5, .ast-col-xl-6, .ast-col-xl-7, .ast-col-xl-8, .ast-col-xl-9, .ast-col-xl-10, .ast-col-xl-11, .ast-col-xl-12 { + position: relative; + min-height: 1px; + padding-right: 20px; + padding-left: 20px; +} + +.ast-col-xs-1, .ast-col-xs-2, .ast-col-xs-3, .ast-col-xs-4, .ast-col-xs-5, .ast-col-xs-6, .ast-col-xs-7, .ast-col-xs-8, .ast-col-xs-9, .ast-col-xs-10, .ast-col-xs-11, .ast-col-xs-12 { + float: right; +} + +.ast-col-xs-1 { + width: 8.3333333333%; +} + +.ast-col-xs-2 { + width: 16.6666666667%; +} + +.ast-col-xs-3 { + width: 25%; +} + +.ast-col-xs-4 { + width: 33.3333333333%; +} + +.ast-col-xs-5 { + width: 41.6666666667%; +} + +.ast-col-xs-6 { + width: 50%; +} + +.ast-col-xs-7 { + width: 58.3333333333%; +} + +.ast-col-xs-8 { + width: 66.6666666667%; +} + +.ast-col-xs-9 { + width: 75%; +} + +.ast-col-xs-10 { + width: 83.3333333333%; +} + +.ast-col-xs-11 { + width: 91.6666666667%; +} + +.ast-col-xs-12 { + width: 100%; +} + +.ast-col-xs-pull-0 { + left: auto; +} + +.ast-col-xs-pull-1 { + left: 8.3333333333%; +} + +.ast-col-xs-pull-2 { + left: 16.6666666667%; +} + +.ast-col-xs-pull-3 { + left: 25%; +} + +.ast-col-xs-pull-4 { + left: 33.3333333333%; +} + +.ast-col-xs-pull-5 { + left: 41.6666666667%; +} + +.ast-col-xs-pull-6 { + left: 50%; +} + +.ast-col-xs-pull-7 { + left: 58.3333333333%; +} + +.ast-col-xs-pull-8 { + left: 66.6666666667%; +} + +.ast-col-xs-pull-9 { + left: 75%; +} + +.ast-col-xs-pull-10 { + left: 83.3333333333%; +} + +.ast-col-xs-pull-11 { + left: 91.6666666667%; +} + +.ast-col-xs-pull-12 { + left: 100%; +} + +.ast-col-xs-push-0 { + right: auto; +} + +.ast-col-xs-push-1 { + right: 8.3333333333%; +} + +.ast-col-xs-push-2 { + right: 16.6666666667%; +} + +.ast-col-xs-push-3 { + right: 25%; +} + +.ast-col-xs-push-4 { + right: 33.3333333333%; +} + +.ast-col-xs-push-5 { + right: 41.6666666667%; +} + +.ast-col-xs-push-6 { + right: 50%; +} + +.ast-col-xs-push-7 { + right: 58.3333333333%; +} + +.ast-col-xs-push-8 { + right: 66.6666666667%; +} + +.ast-col-xs-push-9 { + right: 75%; +} + +.ast-col-xs-push-10 { + right: 83.3333333333%; +} + +.ast-col-xs-push-11 { + right: 91.6666666667%; +} + +.ast-col-xs-push-12 { + right: 100%; +} + +.ast-col-xs-offset-0 { + margin-right: 0%; +} + +.ast-col-xs-offset-1 { + margin-right: 8.3333333333%; +} + +.ast-col-xs-offset-2 { + margin-right: 16.6666666667%; +} + +.ast-col-xs-offset-3 { + margin-right: 25%; +} + +.ast-col-xs-offset-4 { + margin-right: 33.3333333333%; +} + +.ast-col-xs-offset-5 { + margin-right: 41.6666666667%; +} + +.ast-col-xs-offset-6 { + margin-right: 50%; +} + +.ast-col-xs-offset-7 { + margin-right: 58.3333333333%; +} + +.ast-col-xs-offset-8 { + margin-right: 66.6666666667%; +} + +.ast-col-xs-offset-9 { + margin-right: 75%; +} + +.ast-col-xs-offset-10 { + margin-right: 83.3333333333%; +} + +.ast-col-xs-offset-11 { + margin-right: 91.6666666667%; +} + +.ast-col-xs-offset-12 { + margin-right: 100%; +} + +@media (min-width: 544px) { + .ast-col-sm-1, .ast-col-sm-2, .ast-col-sm-3, .ast-col-sm-4, .ast-col-sm-5, .ast-col-sm-6, .ast-col-sm-7, .ast-col-sm-8, .ast-col-sm-9, .ast-col-sm-10, .ast-col-sm-11, .ast-col-sm-12 { + float: right; + } + .ast-col-sm-1 { + width: 8.3333333333%; + } + .ast-col-sm-2 { + width: 16.6666666667%; + } + .ast-col-sm-3 { + width: 25%; + } + .ast-col-sm-4 { + width: 33.3333333333%; + } + .ast-col-sm-5 { + width: 41.6666666667%; + } + .ast-col-sm-6 { + width: 50%; + } + .ast-col-sm-7 { + width: 58.3333333333%; + } + .ast-col-sm-8 { + width: 66.6666666667%; + } + .ast-col-sm-9 { + width: 75%; + } + .ast-col-sm-10 { + width: 83.3333333333%; + } + .ast-col-sm-11 { + width: 91.6666666667%; + } + .ast-col-sm-12 { + width: 100%; + } + .ast-col-sm-pull-0 { + left: auto; + } + .ast-col-sm-pull-1 { + left: 8.3333333333%; + } + .ast-col-sm-pull-2 { + left: 16.6666666667%; + } + .ast-col-sm-pull-3 { + left: 25%; + } + .ast-col-sm-pull-4 { + left: 33.3333333333%; + } + .ast-col-sm-pull-5 { + left: 41.6666666667%; + } + .ast-col-sm-pull-6 { + left: 50%; + } + .ast-col-sm-pull-7 { + left: 58.3333333333%; + } + .ast-col-sm-pull-8 { + left: 66.6666666667%; + } + .ast-col-sm-pull-9 { + left: 75%; + } + .ast-col-sm-pull-10 { + left: 83.3333333333%; + } + .ast-col-sm-pull-11 { + left: 91.6666666667%; + } + .ast-col-sm-pull-12 { + left: 100%; + } + .ast-col-sm-push-0 { + right: auto; + } + .ast-col-sm-push-1 { + right: 8.3333333333%; + } + .ast-col-sm-push-2 { + right: 16.6666666667%; + } + .ast-col-sm-push-3 { + right: 25%; + } + .ast-col-sm-push-4 { + right: 33.3333333333%; + } + .ast-col-sm-push-5 { + right: 41.6666666667%; + } + .ast-col-sm-push-6 { + right: 50%; + } + .ast-col-sm-push-7 { + right: 58.3333333333%; + } + .ast-col-sm-push-8 { + right: 66.6666666667%; + } + .ast-col-sm-push-9 { + right: 75%; + } + .ast-col-sm-push-10 { + right: 83.3333333333%; + } + .ast-col-sm-push-11 { + right: 91.6666666667%; + } + .ast-col-sm-push-12 { + right: 100%; + } + .ast-col-sm-offset-0 { + margin-right: 0%; + } + .ast-col-sm-offset-1 { + margin-right: 8.3333333333%; + } + .ast-col-sm-offset-2 { + margin-right: 16.6666666667%; + } + .ast-col-sm-offset-3 { + margin-right: 25%; + } + .ast-col-sm-offset-4 { + margin-right: 33.3333333333%; + } + .ast-col-sm-offset-5 { + margin-right: 41.6666666667%; + } + .ast-col-sm-offset-6 { + margin-right: 50%; + } + .ast-col-sm-offset-7 { + margin-right: 58.3333333333%; + } + .ast-col-sm-offset-8 { + margin-right: 66.6666666667%; + } + .ast-col-sm-offset-9 { + margin-right: 75%; + } + .ast-col-sm-offset-10 { + margin-right: 83.3333333333%; + } + .ast-col-sm-offset-11 { + margin-right: 91.6666666667%; + } + .ast-col-sm-offset-12 { + margin-right: 100%; + } +} + +@media (min-width: 768px) { + .ast-col-md-1, .ast-col-md-2, .ast-col-md-3, .ast-col-md-4, .ast-col-md-5, .ast-col-md-6, .ast-col-md-7, .ast-col-md-8, .ast-col-md-9, .ast-col-md-10, .ast-col-md-11, .ast-col-md-12 { + float: right; + } + .ast-col-md-1 { + width: 8.3333333333%; + } + .ast-col-md-2 { + width: 16.6666666667%; + } + .ast-col-md-3 { + width: 25%; + } + .ast-col-md-4 { + width: 33.3333333333%; + } + .ast-col-md-5 { + width: 41.6666666667%; + } + .ast-col-md-6 { + width: 50%; + } + .ast-col-md-7 { + width: 58.3333333333%; + } + .ast-col-md-8 { + width: 66.6666666667%; + } + .ast-col-md-9 { + width: 75%; + } + .ast-col-md-10 { + width: 83.3333333333%; + } + .ast-col-md-11 { + width: 91.6666666667%; + } + .ast-col-md-12 { + width: 100%; + } + .ast-col-md-pull-0 { + left: auto; + } + .ast-col-md-pull-1 { + left: 8.3333333333%; + } + .ast-col-md-pull-2 { + left: 16.6666666667%; + } + .ast-col-md-pull-3 { + left: 25%; + } + .ast-col-md-pull-4 { + left: 33.3333333333%; + } + .ast-col-md-pull-5 { + left: 41.6666666667%; + } + .ast-col-md-pull-6 { + left: 50%; + } + .ast-col-md-pull-7 { + left: 58.3333333333%; + } + .ast-col-md-pull-8 { + left: 66.6666666667%; + } + .ast-col-md-pull-9 { + left: 75%; + } + .ast-col-md-pull-10 { + left: 83.3333333333%; + } + .ast-col-md-pull-11 { + left: 91.6666666667%; + } + .ast-col-md-pull-12 { + left: 100%; + } + .ast-col-md-push-0 { + right: auto; + } + .ast-col-md-push-1 { + right: 8.3333333333%; + } + .ast-col-md-push-2 { + right: 16.6666666667%; + } + .ast-col-md-push-3 { + right: 25%; + } + .ast-col-md-push-4 { + right: 33.3333333333%; + } + .ast-col-md-push-5 { + right: 41.6666666667%; + } + .ast-col-md-push-6 { + right: 50%; + } + .ast-col-md-push-7 { + right: 58.3333333333%; + } + .ast-col-md-push-8 { + right: 66.6666666667%; + } + .ast-col-md-push-9 { + right: 75%; + } + .ast-col-md-push-10 { + right: 83.3333333333%; + } + .ast-col-md-push-11 { + right: 91.6666666667%; + } + .ast-col-md-push-12 { + right: 100%; + } + .ast-col-md-offset-0 { + margin-right: 0%; + } + .ast-col-md-offset-1 { + margin-right: 8.3333333333%; + } + .ast-col-md-offset-2 { + margin-right: 16.6666666667%; + } + .ast-col-md-offset-3 { + margin-right: 25%; + } + .ast-col-md-offset-4 { + margin-right: 33.3333333333%; + } + .ast-col-md-offset-5 { + margin-right: 41.6666666667%; + } + .ast-col-md-offset-6 { + margin-right: 50%; + } + .ast-col-md-offset-7 { + margin-right: 58.3333333333%; + } + .ast-col-md-offset-8 { + margin-right: 66.6666666667%; + } + .ast-col-md-offset-9 { + margin-right: 75%; + } + .ast-col-md-offset-10 { + margin-right: 83.3333333333%; + } + .ast-col-md-offset-11 { + margin-right: 91.6666666667%; + } + .ast-col-md-offset-12 { + margin-right: 100%; + } +} + +@media (min-width: 992px) { + .ast-col-lg-1, .ast-col-lg-2, .ast-col-lg-3, .ast-col-lg-4, .ast-col-lg-5, .ast-col-lg-6, .ast-col-lg-7, .ast-col-lg-8, .ast-col-lg-9, .ast-col-lg-10, .ast-col-lg-11, .ast-col-lg-12 { + float: right; + } + .ast-col-lg-1 { + width: 8.3333333333%; + } + .ast-col-lg-2 { + width: 16.6666666667%; + } + .ast-col-lg-3 { + width: 25%; + } + .ast-col-lg-4 { + width: 33.3333333333%; + } + .ast-col-lg-5 { + width: 41.6666666667%; + } + .ast-col-lg-6 { + width: 50%; + } + .ast-col-lg-7 { + width: 58.3333333333%; + } + .ast-col-lg-8 { + width: 66.6666666667%; + } + .ast-col-lg-9 { + width: 75%; + } + .ast-col-lg-10 { + width: 83.3333333333%; + } + .ast-col-lg-11 { + width: 91.6666666667%; + } + .ast-col-lg-12 { + width: 100%; + } + .ast-col-lg-pull-0 { + left: auto; + } + .ast-col-lg-pull-1 { + left: 8.3333333333%; + } + .ast-col-lg-pull-2 { + left: 16.6666666667%; + } + .ast-col-lg-pull-3 { + left: 25%; + } + .ast-col-lg-pull-4 { + left: 33.3333333333%; + } + .ast-col-lg-pull-5 { + left: 41.6666666667%; + } + .ast-col-lg-pull-6 { + left: 50%; + } + .ast-col-lg-pull-7 { + left: 58.3333333333%; + } + .ast-col-lg-pull-8 { + left: 66.6666666667%; + } + .ast-col-lg-pull-9 { + left: 75%; + } + .ast-col-lg-pull-10 { + left: 83.3333333333%; + } + .ast-col-lg-pull-11 { + left: 91.6666666667%; + } + .ast-col-lg-pull-12 { + left: 100%; + } + .ast-col-lg-push-0 { + right: auto; + } + .ast-col-lg-push-1 { + right: 8.3333333333%; + } + .ast-col-lg-push-2 { + right: 16.6666666667%; + } + .ast-col-lg-push-3 { + right: 25%; + } + .ast-col-lg-push-4 { + right: 33.3333333333%; + } + .ast-col-lg-push-5 { + right: 41.6666666667%; + } + .ast-col-lg-push-6 { + right: 50%; + } + .ast-col-lg-push-7 { + right: 58.3333333333%; + } + .ast-col-lg-push-8 { + right: 66.6666666667%; + } + .ast-col-lg-push-9 { + right: 75%; + } + .ast-col-lg-push-10 { + right: 83.3333333333%; + } + .ast-col-lg-push-11 { + right: 91.6666666667%; + } + .ast-col-lg-push-12 { + right: 100%; + } + .ast-col-lg-offset-0 { + margin-right: 0%; + } + .ast-col-lg-offset-1 { + margin-right: 8.3333333333%; + } + .ast-col-lg-offset-2 { + margin-right: 16.6666666667%; + } + .ast-col-lg-offset-3 { + margin-right: 25%; + } + .ast-col-lg-offset-4 { + margin-right: 33.3333333333%; + } + .ast-col-lg-offset-5 { + margin-right: 41.6666666667%; + } + .ast-col-lg-offset-6 { + margin-right: 50%; + } + .ast-col-lg-offset-7 { + margin-right: 58.3333333333%; + } + .ast-col-lg-offset-8 { + margin-right: 66.6666666667%; + } + .ast-col-lg-offset-9 { + margin-right: 75%; + } + .ast-col-lg-offset-10 { + margin-right: 83.3333333333%; + } + .ast-col-lg-offset-11 { + margin-right: 91.6666666667%; + } + .ast-col-lg-offset-12 { + margin-right: 100%; + } +} + +@media (min-width: 1200px) { + .ast-col-xl-1, .ast-col-xl-2, .ast-col-xl-3, .ast-col-xl-4, .ast-col-xl-5, .ast-col-xl-6, .ast-col-xl-7, .ast-col-xl-8, .ast-col-xl-9, .ast-col-xl-10, .ast-col-xl-11, .ast-col-xl-12 { + float: right; + } + .ast-col-xl-1 { + width: 8.3333333333%; + } + .ast-col-xl-2 { + width: 16.6666666667%; + } + .ast-col-xl-3 { + width: 25%; + } + .ast-col-xl-4 { + width: 33.3333333333%; + } + .ast-col-xl-5 { + width: 41.6666666667%; + } + .ast-col-xl-6 { + width: 50%; + } + .ast-col-xl-7 { + width: 58.3333333333%; + } + .ast-col-xl-8 { + width: 66.6666666667%; + } + .ast-col-xl-9 { + width: 75%; + } + .ast-col-xl-10 { + width: 83.3333333333%; + } + .ast-col-xl-11 { + width: 91.6666666667%; + } + .ast-col-xl-12 { + width: 100%; + } + .ast-col-xl-pull-0 { + left: auto; + } + .ast-col-xl-pull-1 { + left: 8.3333333333%; + } + .ast-col-xl-pull-2 { + left: 16.6666666667%; + } + .ast-col-xl-pull-3 { + left: 25%; + } + .ast-col-xl-pull-4 { + left: 33.3333333333%; + } + .ast-col-xl-pull-5 { + left: 41.6666666667%; + } + .ast-col-xl-pull-6 { + left: 50%; + } + .ast-col-xl-pull-7 { + left: 58.3333333333%; + } + .ast-col-xl-pull-8 { + left: 66.6666666667%; + } + .ast-col-xl-pull-9 { + left: 75%; + } + .ast-col-xl-pull-10 { + left: 83.3333333333%; + } + .ast-col-xl-pull-11 { + left: 91.6666666667%; + } + .ast-col-xl-pull-12 { + left: 100%; + } + .ast-col-xl-push-0 { + right: auto; + } + .ast-col-xl-push-1 { + right: 8.3333333333%; + } + .ast-col-xl-push-2 { + right: 16.6666666667%; + } + .ast-col-xl-push-3 { + right: 25%; + } + .ast-col-xl-push-4 { + right: 33.3333333333%; + } + .ast-col-xl-push-5 { + right: 41.6666666667%; + } + .ast-col-xl-push-6 { + right: 50%; + } + .ast-col-xl-push-7 { + right: 58.3333333333%; + } + .ast-col-xl-push-8 { + right: 66.6666666667%; + } + .ast-col-xl-push-9 { + right: 75%; + } + .ast-col-xl-push-10 { + right: 83.3333333333%; + } + .ast-col-xl-push-11 { + right: 91.6666666667%; + } + .ast-col-xl-push-12 { + right: 100%; + } + .ast-col-xl-offset-0 { + margin-right: 0%; + } + .ast-col-xl-offset-1 { + margin-right: 8.3333333333%; + } + .ast-col-xl-offset-2 { + margin-right: 16.6666666667%; + } + .ast-col-xl-offset-3 { + margin-right: 25%; + } + .ast-col-xl-offset-4 { + margin-right: 33.3333333333%; + } + .ast-col-xl-offset-5 { + margin-right: 41.6666666667%; + } + .ast-col-xl-offset-6 { + margin-right: 50%; + } + .ast-col-xl-offset-7 { + margin-right: 58.3333333333%; + } + .ast-col-xl-offset-8 { + margin-right: 66.6666666667%; + } + .ast-col-xl-offset-9 { + margin-right: 75%; + } + .ast-col-xl-offset-10 { + margin-right: 83.3333333333%; + } + .ast-col-xl-offset-11 { + margin-right: 91.6666666667%; + } + .ast-col-xl-offset-12 { + margin-right: 100%; + } +} + +/*-------------------------------------------------------------- +# Site Variables +--------------------------------------------------------------*/ +/*---------- Font Size ----------*/ +/*---------- Line Height ----------*/ +/*---------- Site Basic Structure ----------*/ +/*---------- z-index Structure ----------*/ +/*-------------------------------------------------------------- +# Mixins +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Typography +--------------------------------------------------------------*/ +h1, h2, h3, h4, h5, h6 { + clear: both; +} + +h1, +.entry-content h1 { + color: #808285; + font-size: 2em; + line-height: 1.2; +} + +h2, +.entry-content h2 { + color: #808285; + font-size: 1.7em; + line-height: 1.3; +} + +h3, +.entry-content h3 { + color: #808285; + font-size: 1.5em; + line-height: 1.4; +} + +h4, +.entry-content h4 { + color: #808285; + line-height: 1.5; + font-size: 1.3em; +} + +h5, +.entry-content h5 { + color: #808285; + line-height: 1.6; + font-size: 1.2em; +} + +h6, +.entry-content h6 { + color: #808285; + line-height: 1.7; + font-size: 1.1em; +} + +/*-------------------------------------------------------------- +# Elements +--------------------------------------------------------------*/ +html { + box-sizing: border-box; +} + +*, +*:before, +*:after { + /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ + box-sizing: inherit; +} + +body { + color: #808285; + background: #ffffff; + /* Fallback for when there is no custom background color defined. */ + font-style: normal; +} + +ul, ol { + margin: 0 3em 1.5em 0; +} + +ul { + list-style: disc; +} + +ol { + list-style: decimal; +} + +li > ul, +li > ol { + margin-bottom: 0; + margin-right: 1.5em; +} + +dt { + font-weight: bold; +} + +dd { + margin: 0 1.5em 1.5em; +} + +b, +strong { + font-weight: bold; +} + +dfn, +cite, +em, +i { + font-style: italic; +} + +blockquote, +q { + quotes: "" ""; +} + +blockquote:before, blockquote:after, +q:before, +q:after { + content: ""; +} + +blockquote { + border-right: 5px solid rgba(0, 0, 0, 0.05); + padding: 20px; + font-size: 1.2em; + font-style: italic; + margin: 0 0 1.5em; + position: relative; +} + +blockquote p:last-child { + margin: 0; +} + +address { + margin: 0 0 1.5em; +} + +abbr, +acronym { + border-bottom: 1px dotted #666; + cursor: help; +} + +pre { + background: #eee; + font-family: "Courier 10 Pitch", Courier, monospace; + margin-bottom: 1.6em; + overflow: auto; + max-width: 100%; + padding: 1.6em; +} + +code, +kbd, +tt, +var { + font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; +} + +img { + height: auto; + /* Make sure images are scaled correctly. */ + max-width: 100%; + /* Adhere to container width. */ +} + +hr { + background-color: #ccc; + border: 0; + height: 1px; + margin-bottom: 1.5em; +} + +.ast-button, +.button, +button, +input, +select, +textarea { + color: #808285; + font-weight: normal; + font-size: 100%; + /* Corrects font size not being inherited in all browsers */ + margin: 0; + /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ + vertical-align: baseline; + /* Improves appearance and consistency in all browsers */ +} + +button, +input { + line-height: normal; + /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ +} + +big { + font-size: 125%; +} + +mark, +ins { + background: transparent; + text-decoration: none; +} + +table, th, td { + border: 1px solid rgba(0, 0, 0, 0.1); +} + +table { + border-collapse: separate; + border-spacing: 0; + border-width: 1px 1px 0 0; + margin: 0 0 1.5em; + width: 100%; +} + +th { + font-weight: bold; +} + +th, td { + padding: 8px; + text-align: right; + border-width: 0 0 1px 1px; +} + +/*-------------------------------------------------------------- +# Forms +--------------------------------------------------------------*/ +button, +.ast-button, +.button, +input[type="button"], +input[type="reset"], +input[type="submit"] { + border: 1px solid; + border-color: #eaeaea; + border-radius: 2px; + background: #e6e6e6; + padding: .6em 1em .4em; + color: #fff; +} + +button:hover, button:focus, +.ast-button:hover, +.ast-button:focus, +.button:hover, +.button:focus, +input[type="button"]:hover, +input[type="button"]:focus, +input[type="reset"]:hover, +input[type="reset"]:focus, +input[type="submit"]:hover, +input[type="submit"]:focus { + color: #fff; + border-color: #eaeaea; +} + +button:active, button:focus, +.ast-button:active, +.ast-button:focus, +.button:active, +.button:focus, +input[type="button"]:active, +input[type="button"]:focus, +input[type="reset"]:active, +input[type="reset"]:focus, +input[type="submit"]:active, +input[type="submit"]:focus { + border-color: #eaeaea; + outline: none; +} + +input[type="text"], +input[type="email"], +input[type="url"], +input[type="password"], +input[type="search"], +input[type="tel"], +textarea { + color: #666; + border: 1px solid #ccc; + border-radius: 2px; + -webkit-appearance: none; +} + +input[type="text"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +textarea:focus { + color: #111; +} + +textarea { + padding-right: 3px; + width: 100%; +} + +/*-------------------------------------------------------------- +# Accessibility +--------------------------------------------------------------*/ +/* Text meant only for screen readers. */ +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.screen-reader-text:focus { + background-color: #f1f1f1; + border-radius: 2px; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + clip: auto !important; + color: #21759b; + display: block; + font-size: 12.25px; + font-size: 0.875rem; + height: auto; + right: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; + /* Above WP toolbar. */ +} + +.alignleft { + display: inline; + float: right; + margin-left: 1.5em; +} + +.alignright { + display: inline; + float: left; + margin-right: 1.5em; +} + +.aligncenter { + clear: both; + text-align: center; + display: block; + margin-right: auto; + margin-left: auto; +} + +.clear:before, +.clear:after, +.site-header:before, +.site-header:after, +.site-content:before, +.site-content:after, +#primary:before, +#primary:after, +.site-main:before, +.site-main:after, +#secondary:before, +#secondary:after, +.sidebar-main:before, +.sidebar-main:after, +.site-footer:before, +.site-footer:after, +.ast-row:before, +.ast-row:after, +.ast-container:before, +.ast-container:after { + content: ""; + display: table; +} + +.clear:after, +.site-header:after, +.site-content:after, +#primary:after, +.site-main:after, +#secondary:after, +.sidebar-main:after, +.site-footer:after, +.ast-row:after, +.ast-container:after { + clear: both; +} + +/*-------------------------------------------------------------- +# Media +--------------------------------------------------------------*/ +/* Make sure embeds and iframes fit their containers. */ +embed, +iframe, +object { + max-width: 100%; +} + +/*-------------------------------------------------------------- +## Captions +--------------------------------------------------------------*/ +.wp-caption { + margin-bottom: 1.5em; + max-width: 100%; +} + +.wp-caption img[class*="wp-image-"] { + display: block; + margin-right: auto; + margin-left: auto; +} + +.wp-caption .wp-caption-text { + margin: 0.8075em 0; +} + +.wp-caption-text { + text-align: center; +} + +/*-------------------------------------------------------------- +# Content +--------------------------------------------------------------*/ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +::selection { + color: #fff; + background: #0274be; +} + +body { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body:not(.logged-in) { + position: relative; +} + +#page { + position: relative; +} + +a, +a:focus { + text-decoration: none; +} + +a, +.site-header a *, +.site-footer a *, +.secondary a * { + transition: all 0.2s linear; +} + +.capitalize { + text-transform: uppercase; +} + +img { + vertical-align: middle; +} + +.entry-content h1, +.entry-content h2, +.entry-content h3, +.entry-content h4, +.entry-content h5, +.entry-content h6 { + margin-bottom: 20px; +} + +p { + margin-bottom: 1.75em; +} + +blockquote { + margin: 1.5em 3em 1.5em 1em; + padding: 1.2em; + font-size: 1.1em; + line-height: inherit; + position: relative; +} + +.ast-button, +.button, +input[type="button"], +input[type="submit"] { + border-radius: 0; + padding: 18px 30px; + border: 0; + box-shadow: none; + text-shadow: none; +} + +.ast-button:hover, +.button:hover, +input[type="button"]:hover, +input[type="submit"]:hover { + box-shadow: none; +} + +.ast-button:active, .ast-button:focus, +.button:active, +.button:focus, +input[type="button"]:active, +input[type="button"]:focus, +input[type="submit"]:active, +input[type="submit"]:focus { + box-shadow: none; +} + +.site-title { + font-weight: normal; +} + +.site-title, +.site-description { + margin-bottom: 0; +} + +.site-title a, +.site-title:hover a, +.site-title:focus a, +.site-description a, +.site-description:hover a, +.site-description:focus a { + transition: all 0.2s linear; +} + +.site-title a, +.site-title a:focus, +.site-title a:hover, +.site-title a:visited { + color: #222; +} + +.site-description a, +.site-description a:focus, +.site-description a:hover, +.site-description a:visited { + color: #999; +} + +.search-form .search-field { + outline: none; +} + +.ast-search-menu-icon { + position: relative; + z-index: 3; +} + +/* must have higher specificity than alternative color schemes inline styles */ +.site .skip-link { + background-color: #f1f1f1; + box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); + color: #21759b; + display: block; + font-family: Montserrat, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 700; + right: -9999em; + outline: none; + padding: 15px 23px 14px; + text-decoration: none; + text-transform: none; + top: -9999em; +} + +.site .skip-link:focus { + clip: auto; + height: auto; + right: 6px; + top: 7px; + width: auto; + z-index: 100000; + outline: thin dotted; +} + +.logged-in .site .skip-link { + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); + font-family: "Open Sans", sans-serif; +} + +select, +input { + line-height: 1; +} + +body, +button, +input[type="button"], +input[type="submit"], +textarea, +.ast-button, +.ast-custom-button { + line-height: 1.85714285714286; +} + +.site-title a { + line-height: 1.2; +} + +.site-header .site-description { + line-height: 1.5; +} + +.ast-single-post .entry-title, +.ast-single-post .entry-title a { + line-height: 1.2; +} + +.entry-title, +.entry-title a { + font-weight: normal; +} + +/* Astra Respnosive oEmbed Video container */ +.ast-oembed-container { + position: relative; + padding-top: 56.25%; + height: 0; + overflow: hidden; + max-width: 100%; + height: auto; +} + +.ast-oembed-container iframe, .ast-oembed-container object, .ast-oembed-container embed { + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; +} + +body .ast-oembed-container * { + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; +} + +body { + margin: 20px; + vertical-align: baseline; + color: #3a3a3a; +} + +a { + color: #0274be; +} + +a:hover, +a:focus { + color: #3a3a3a; +} + +h1, +.entry-content h1, +h2, +.entry-content h2, +h3, +.entry-content h3, +h4, +.entry-content h4, +h5, +.entry-content h5, +h6, +.entry-content h6 { + font-weight: bold; + line-height: 1.6; +} + +p { + margin-bottom: 1em; +} + +h1, +.entry-content h1, +h2, +.entry-content h2, +h3, +.entry-content h3, +h4, +.entry-content h4, +h5, +.entry-content h5, +h6, +.entry-content h6 { + color: #3a3a3a; +} + +/** + * Table + */ +.mce-item-table, +.mce-item-table td, +.mce-item-table th, +.mce-item-table caption { + border-style: solid; + border-color: rgba(0, 0, 0, 0.0980392); +} + +.mce-item-table td, +.mce-item-table th { + border-width: 0 0 1px 1px; +} + +.mce-item-table { + border-left-width: 0; + border-bottom-width: 0; +} diff --git a/assets/css/unminified/editor-style.css b/assets/css/unminified/editor-style.css new file mode 100644 index 0000000..26bde81 --- /dev/null +++ b/assets/css/unminified/editor-style.css @@ -0,0 +1,1962 @@ +/*-------------------------------------------------------------- +>>> TABLE OF CONTENTS: +---------------------------------------------------------------- +# Normalize +# Typography +# Elements +# Forms +# Navigation + ## Links + ## Menus +# Accessibility +# Alignments +# Clearings +# Widgets +# Content + ## Posts and pages + ## Asides + ## Comments +# Infinite scroll +# Media + ## Captions + ## Galleries +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Normalize +--------------------------------------------------------------*/ +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +font, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td { + border: 0; + font-size: 100%; + font-style: inherit; + font-weight: inherit; + margin: 0; + outline: 0; + padding: 0; + vertical-align: baseline; +} + +html { + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +main, +menu, +nav, +section, +summary { + display: block; +} + +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden], +template { + display: none; +} + +a { + background-color: transparent; +} + +a:active { + outline: 0; +} + +a, +a:visited, +a:hover, +a:focus { + text-decoration: none; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, +strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +mark { + background: #ff0; + color: #000; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 0; +} + +hr { + box-sizing: content-box; + height: 0; +} + +pre { + overflow: auto; +} + +code, +kbd, +pre, +samp { + font-size: 1em; +} + +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} + +button { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} + +button[disabled], +html input[disabled] { + cursor: default; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input { + line-height: normal; +} + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +input[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box; +} + +.search .search-submit, +#comments .submit { + padding: 10px 15px; + border-radius: 2px; + line-height: 1.85714285714286; + border: 0; +} + +.search .site-main .ast-search-submit { + display: none; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +fieldset { + border: 1px solid #eaeaea; + margin: 0 0px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + border: 0; + padding: 0; +} + +fieldset legend { + margin-bottom: 1.5em; + padding: 0 0.5em; +} + +textarea { + overflow: auto; +} + +optgroup { + font-weight: bold; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} + +/*-------------------------------------------------------------- +# Bootstrap Grid +--------------------------------------------------------------*/ +/*! + * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) + */ +@media (min-width: 544px) { + .ast-container { + max-width: 100%; + } +} + +@media (min-width: 768px) { + .ast-container { + max-width: 100%; + } +} + +@media (min-width: 992px) { + .ast-container { + max-width: 100%; + } +} + +@media (min-width: 1200px) { + .ast-container { + max-width: 100%; + } +} + +.ast-container-fluid, .ast-container { + margin-left: auto; + margin-right: auto; + padding-left: 20px; + padding-right: 20px; +} + +.ast-container-fluid::after, .ast-container::after { + content: ""; + display: table; + clear: both; +} + +.ast-row { + margin-left: -20px; + margin-right: -20px; +} + +.ast-row::after { + content: ""; + display: table; + clear: both; +} + +.ast-col-xs-1, .ast-col-xs-2, .ast-col-xs-3, .ast-col-xs-4, .ast-col-xs-5, .ast-col-xs-6, .ast-col-xs-7, .ast-col-xs-8, .ast-col-xs-9, .ast-col-xs-10, .ast-col-xs-11, .ast-col-xs-12, .ast-col-sm-1, .ast-col-sm-2, .ast-col-sm-3, .ast-col-sm-4, .ast-col-sm-5, .ast-col-sm-6, .ast-col-sm-7, .ast-col-sm-8, .ast-col-sm-9, .ast-col-sm-10, .ast-col-sm-11, .ast-col-sm-12, .ast-col-md-1, .ast-col-md-2, .ast-col-md-3, .ast-col-md-4, .ast-col-md-5, .ast-col-md-6, .ast-col-md-7, .ast-col-md-8, .ast-col-md-9, .ast-col-md-10, .ast-col-md-11, .ast-col-md-12, .ast-col-lg-1, .ast-col-lg-2, .ast-col-lg-3, .ast-col-lg-4, .ast-col-lg-5, .ast-col-lg-6, .ast-col-lg-7, .ast-col-lg-8, .ast-col-lg-9, .ast-col-lg-10, .ast-col-lg-11, .ast-col-lg-12, .ast-col-xl-1, .ast-col-xl-2, .ast-col-xl-3, .ast-col-xl-4, .ast-col-xl-5, .ast-col-xl-6, .ast-col-xl-7, .ast-col-xl-8, .ast-col-xl-9, .ast-col-xl-10, .ast-col-xl-11, .ast-col-xl-12 { + position: relative; + min-height: 1px; + padding-left: 20px; + padding-right: 20px; +} + +.ast-col-xs-1, .ast-col-xs-2, .ast-col-xs-3, .ast-col-xs-4, .ast-col-xs-5, .ast-col-xs-6, .ast-col-xs-7, .ast-col-xs-8, .ast-col-xs-9, .ast-col-xs-10, .ast-col-xs-11, .ast-col-xs-12 { + float: left; +} + +.ast-col-xs-1 { + width: 8.3333333333%; +} + +.ast-col-xs-2 { + width: 16.6666666667%; +} + +.ast-col-xs-3 { + width: 25%; +} + +.ast-col-xs-4 { + width: 33.3333333333%; +} + +.ast-col-xs-5 { + width: 41.6666666667%; +} + +.ast-col-xs-6 { + width: 50%; +} + +.ast-col-xs-7 { + width: 58.3333333333%; +} + +.ast-col-xs-8 { + width: 66.6666666667%; +} + +.ast-col-xs-9 { + width: 75%; +} + +.ast-col-xs-10 { + width: 83.3333333333%; +} + +.ast-col-xs-11 { + width: 91.6666666667%; +} + +.ast-col-xs-12 { + width: 100%; +} + +.ast-col-xs-pull-0 { + right: auto; +} + +.ast-col-xs-pull-1 { + right: 8.3333333333%; +} + +.ast-col-xs-pull-2 { + right: 16.6666666667%; +} + +.ast-col-xs-pull-3 { + right: 25%; +} + +.ast-col-xs-pull-4 { + right: 33.3333333333%; +} + +.ast-col-xs-pull-5 { + right: 41.6666666667%; +} + +.ast-col-xs-pull-6 { + right: 50%; +} + +.ast-col-xs-pull-7 { + right: 58.3333333333%; +} + +.ast-col-xs-pull-8 { + right: 66.6666666667%; +} + +.ast-col-xs-pull-9 { + right: 75%; +} + +.ast-col-xs-pull-10 { + right: 83.3333333333%; +} + +.ast-col-xs-pull-11 { + right: 91.6666666667%; +} + +.ast-col-xs-pull-12 { + right: 100%; +} + +.ast-col-xs-push-0 { + left: auto; +} + +.ast-col-xs-push-1 { + left: 8.3333333333%; +} + +.ast-col-xs-push-2 { + left: 16.6666666667%; +} + +.ast-col-xs-push-3 { + left: 25%; +} + +.ast-col-xs-push-4 { + left: 33.3333333333%; +} + +.ast-col-xs-push-5 { + left: 41.6666666667%; +} + +.ast-col-xs-push-6 { + left: 50%; +} + +.ast-col-xs-push-7 { + left: 58.3333333333%; +} + +.ast-col-xs-push-8 { + left: 66.6666666667%; +} + +.ast-col-xs-push-9 { + left: 75%; +} + +.ast-col-xs-push-10 { + left: 83.3333333333%; +} + +.ast-col-xs-push-11 { + left: 91.6666666667%; +} + +.ast-col-xs-push-12 { + left: 100%; +} + +.ast-col-xs-offset-0 { + margin-left: 0%; +} + +.ast-col-xs-offset-1 { + margin-left: 8.3333333333%; +} + +.ast-col-xs-offset-2 { + margin-left: 16.6666666667%; +} + +.ast-col-xs-offset-3 { + margin-left: 25%; +} + +.ast-col-xs-offset-4 { + margin-left: 33.3333333333%; +} + +.ast-col-xs-offset-5 { + margin-left: 41.6666666667%; +} + +.ast-col-xs-offset-6 { + margin-left: 50%; +} + +.ast-col-xs-offset-7 { + margin-left: 58.3333333333%; +} + +.ast-col-xs-offset-8 { + margin-left: 66.6666666667%; +} + +.ast-col-xs-offset-9 { + margin-left: 75%; +} + +.ast-col-xs-offset-10 { + margin-left: 83.3333333333%; +} + +.ast-col-xs-offset-11 { + margin-left: 91.6666666667%; +} + +.ast-col-xs-offset-12 { + margin-left: 100%; +} + +@media (min-width: 544px) { + .ast-col-sm-1, .ast-col-sm-2, .ast-col-sm-3, .ast-col-sm-4, .ast-col-sm-5, .ast-col-sm-6, .ast-col-sm-7, .ast-col-sm-8, .ast-col-sm-9, .ast-col-sm-10, .ast-col-sm-11, .ast-col-sm-12 { + float: left; + } + .ast-col-sm-1 { + width: 8.3333333333%; + } + .ast-col-sm-2 { + width: 16.6666666667%; + } + .ast-col-sm-3 { + width: 25%; + } + .ast-col-sm-4 { + width: 33.3333333333%; + } + .ast-col-sm-5 { + width: 41.6666666667%; + } + .ast-col-sm-6 { + width: 50%; + } + .ast-col-sm-7 { + width: 58.3333333333%; + } + .ast-col-sm-8 { + width: 66.6666666667%; + } + .ast-col-sm-9 { + width: 75%; + } + .ast-col-sm-10 { + width: 83.3333333333%; + } + .ast-col-sm-11 { + width: 91.6666666667%; + } + .ast-col-sm-12 { + width: 100%; + } + .ast-col-sm-pull-0 { + right: auto; + } + .ast-col-sm-pull-1 { + right: 8.3333333333%; + } + .ast-col-sm-pull-2 { + right: 16.6666666667%; + } + .ast-col-sm-pull-3 { + right: 25%; + } + .ast-col-sm-pull-4 { + right: 33.3333333333%; + } + .ast-col-sm-pull-5 { + right: 41.6666666667%; + } + .ast-col-sm-pull-6 { + right: 50%; + } + .ast-col-sm-pull-7 { + right: 58.3333333333%; + } + .ast-col-sm-pull-8 { + right: 66.6666666667%; + } + .ast-col-sm-pull-9 { + right: 75%; + } + .ast-col-sm-pull-10 { + right: 83.3333333333%; + } + .ast-col-sm-pull-11 { + right: 91.6666666667%; + } + .ast-col-sm-pull-12 { + right: 100%; + } + .ast-col-sm-push-0 { + left: auto; + } + .ast-col-sm-push-1 { + left: 8.3333333333%; + } + .ast-col-sm-push-2 { + left: 16.6666666667%; + } + .ast-col-sm-push-3 { + left: 25%; + } + .ast-col-sm-push-4 { + left: 33.3333333333%; + } + .ast-col-sm-push-5 { + left: 41.6666666667%; + } + .ast-col-sm-push-6 { + left: 50%; + } + .ast-col-sm-push-7 { + left: 58.3333333333%; + } + .ast-col-sm-push-8 { + left: 66.6666666667%; + } + .ast-col-sm-push-9 { + left: 75%; + } + .ast-col-sm-push-10 { + left: 83.3333333333%; + } + .ast-col-sm-push-11 { + left: 91.6666666667%; + } + .ast-col-sm-push-12 { + left: 100%; + } + .ast-col-sm-offset-0 { + margin-left: 0%; + } + .ast-col-sm-offset-1 { + margin-left: 8.3333333333%; + } + .ast-col-sm-offset-2 { + margin-left: 16.6666666667%; + } + .ast-col-sm-offset-3 { + margin-left: 25%; + } + .ast-col-sm-offset-4 { + margin-left: 33.3333333333%; + } + .ast-col-sm-offset-5 { + margin-left: 41.6666666667%; + } + .ast-col-sm-offset-6 { + margin-left: 50%; + } + .ast-col-sm-offset-7 { + margin-left: 58.3333333333%; + } + .ast-col-sm-offset-8 { + margin-left: 66.6666666667%; + } + .ast-col-sm-offset-9 { + margin-left: 75%; + } + .ast-col-sm-offset-10 { + margin-left: 83.3333333333%; + } + .ast-col-sm-offset-11 { + margin-left: 91.6666666667%; + } + .ast-col-sm-offset-12 { + margin-left: 100%; + } +} + +@media (min-width: 768px) { + .ast-col-md-1, .ast-col-md-2, .ast-col-md-3, .ast-col-md-4, .ast-col-md-5, .ast-col-md-6, .ast-col-md-7, .ast-col-md-8, .ast-col-md-9, .ast-col-md-10, .ast-col-md-11, .ast-col-md-12 { + float: left; + } + .ast-col-md-1 { + width: 8.3333333333%; + } + .ast-col-md-2 { + width: 16.6666666667%; + } + .ast-col-md-3 { + width: 25%; + } + .ast-col-md-4 { + width: 33.3333333333%; + } + .ast-col-md-5 { + width: 41.6666666667%; + } + .ast-col-md-6 { + width: 50%; + } + .ast-col-md-7 { + width: 58.3333333333%; + } + .ast-col-md-8 { + width: 66.6666666667%; + } + .ast-col-md-9 { + width: 75%; + } + .ast-col-md-10 { + width: 83.3333333333%; + } + .ast-col-md-11 { + width: 91.6666666667%; + } + .ast-col-md-12 { + width: 100%; + } + .ast-col-md-pull-0 { + right: auto; + } + .ast-col-md-pull-1 { + right: 8.3333333333%; + } + .ast-col-md-pull-2 { + right: 16.6666666667%; + } + .ast-col-md-pull-3 { + right: 25%; + } + .ast-col-md-pull-4 { + right: 33.3333333333%; + } + .ast-col-md-pull-5 { + right: 41.6666666667%; + } + .ast-col-md-pull-6 { + right: 50%; + } + .ast-col-md-pull-7 { + right: 58.3333333333%; + } + .ast-col-md-pull-8 { + right: 66.6666666667%; + } + .ast-col-md-pull-9 { + right: 75%; + } + .ast-col-md-pull-10 { + right: 83.3333333333%; + } + .ast-col-md-pull-11 { + right: 91.6666666667%; + } + .ast-col-md-pull-12 { + right: 100%; + } + .ast-col-md-push-0 { + left: auto; + } + .ast-col-md-push-1 { + left: 8.3333333333%; + } + .ast-col-md-push-2 { + left: 16.6666666667%; + } + .ast-col-md-push-3 { + left: 25%; + } + .ast-col-md-push-4 { + left: 33.3333333333%; + } + .ast-col-md-push-5 { + left: 41.6666666667%; + } + .ast-col-md-push-6 { + left: 50%; + } + .ast-col-md-push-7 { + left: 58.3333333333%; + } + .ast-col-md-push-8 { + left: 66.6666666667%; + } + .ast-col-md-push-9 { + left: 75%; + } + .ast-col-md-push-10 { + left: 83.3333333333%; + } + .ast-col-md-push-11 { + left: 91.6666666667%; + } + .ast-col-md-push-12 { + left: 100%; + } + .ast-col-md-offset-0 { + margin-left: 0%; + } + .ast-col-md-offset-1 { + margin-left: 8.3333333333%; + } + .ast-col-md-offset-2 { + margin-left: 16.6666666667%; + } + .ast-col-md-offset-3 { + margin-left: 25%; + } + .ast-col-md-offset-4 { + margin-left: 33.3333333333%; + } + .ast-col-md-offset-5 { + margin-left: 41.6666666667%; + } + .ast-col-md-offset-6 { + margin-left: 50%; + } + .ast-col-md-offset-7 { + margin-left: 58.3333333333%; + } + .ast-col-md-offset-8 { + margin-left: 66.6666666667%; + } + .ast-col-md-offset-9 { + margin-left: 75%; + } + .ast-col-md-offset-10 { + margin-left: 83.3333333333%; + } + .ast-col-md-offset-11 { + margin-left: 91.6666666667%; + } + .ast-col-md-offset-12 { + margin-left: 100%; + } +} + +@media (min-width: 992px) { + .ast-col-lg-1, .ast-col-lg-2, .ast-col-lg-3, .ast-col-lg-4, .ast-col-lg-5, .ast-col-lg-6, .ast-col-lg-7, .ast-col-lg-8, .ast-col-lg-9, .ast-col-lg-10, .ast-col-lg-11, .ast-col-lg-12 { + float: left; + } + .ast-col-lg-1 { + width: 8.3333333333%; + } + .ast-col-lg-2 { + width: 16.6666666667%; + } + .ast-col-lg-3 { + width: 25%; + } + .ast-col-lg-4 { + width: 33.3333333333%; + } + .ast-col-lg-5 { + width: 41.6666666667%; + } + .ast-col-lg-6 { + width: 50%; + } + .ast-col-lg-7 { + width: 58.3333333333%; + } + .ast-col-lg-8 { + width: 66.6666666667%; + } + .ast-col-lg-9 { + width: 75%; + } + .ast-col-lg-10 { + width: 83.3333333333%; + } + .ast-col-lg-11 { + width: 91.6666666667%; + } + .ast-col-lg-12 { + width: 100%; + } + .ast-col-lg-pull-0 { + right: auto; + } + .ast-col-lg-pull-1 { + right: 8.3333333333%; + } + .ast-col-lg-pull-2 { + right: 16.6666666667%; + } + .ast-col-lg-pull-3 { + right: 25%; + } + .ast-col-lg-pull-4 { + right: 33.3333333333%; + } + .ast-col-lg-pull-5 { + right: 41.6666666667%; + } + .ast-col-lg-pull-6 { + right: 50%; + } + .ast-col-lg-pull-7 { + right: 58.3333333333%; + } + .ast-col-lg-pull-8 { + right: 66.6666666667%; + } + .ast-col-lg-pull-9 { + right: 75%; + } + .ast-col-lg-pull-10 { + right: 83.3333333333%; + } + .ast-col-lg-pull-11 { + right: 91.6666666667%; + } + .ast-col-lg-pull-12 { + right: 100%; + } + .ast-col-lg-push-0 { + left: auto; + } + .ast-col-lg-push-1 { + left: 8.3333333333%; + } + .ast-col-lg-push-2 { + left: 16.6666666667%; + } + .ast-col-lg-push-3 { + left: 25%; + } + .ast-col-lg-push-4 { + left: 33.3333333333%; + } + .ast-col-lg-push-5 { + left: 41.6666666667%; + } + .ast-col-lg-push-6 { + left: 50%; + } + .ast-col-lg-push-7 { + left: 58.3333333333%; + } + .ast-col-lg-push-8 { + left: 66.6666666667%; + } + .ast-col-lg-push-9 { + left: 75%; + } + .ast-col-lg-push-10 { + left: 83.3333333333%; + } + .ast-col-lg-push-11 { + left: 91.6666666667%; + } + .ast-col-lg-push-12 { + left: 100%; + } + .ast-col-lg-offset-0 { + margin-left: 0%; + } + .ast-col-lg-offset-1 { + margin-left: 8.3333333333%; + } + .ast-col-lg-offset-2 { + margin-left: 16.6666666667%; + } + .ast-col-lg-offset-3 { + margin-left: 25%; + } + .ast-col-lg-offset-4 { + margin-left: 33.3333333333%; + } + .ast-col-lg-offset-5 { + margin-left: 41.6666666667%; + } + .ast-col-lg-offset-6 { + margin-left: 50%; + } + .ast-col-lg-offset-7 { + margin-left: 58.3333333333%; + } + .ast-col-lg-offset-8 { + margin-left: 66.6666666667%; + } + .ast-col-lg-offset-9 { + margin-left: 75%; + } + .ast-col-lg-offset-10 { + margin-left: 83.3333333333%; + } + .ast-col-lg-offset-11 { + margin-left: 91.6666666667%; + } + .ast-col-lg-offset-12 { + margin-left: 100%; + } +} + +@media (min-width: 1200px) { + .ast-col-xl-1, .ast-col-xl-2, .ast-col-xl-3, .ast-col-xl-4, .ast-col-xl-5, .ast-col-xl-6, .ast-col-xl-7, .ast-col-xl-8, .ast-col-xl-9, .ast-col-xl-10, .ast-col-xl-11, .ast-col-xl-12 { + float: left; + } + .ast-col-xl-1 { + width: 8.3333333333%; + } + .ast-col-xl-2 { + width: 16.6666666667%; + } + .ast-col-xl-3 { + width: 25%; + } + .ast-col-xl-4 { + width: 33.3333333333%; + } + .ast-col-xl-5 { + width: 41.6666666667%; + } + .ast-col-xl-6 { + width: 50%; + } + .ast-col-xl-7 { + width: 58.3333333333%; + } + .ast-col-xl-8 { + width: 66.6666666667%; + } + .ast-col-xl-9 { + width: 75%; + } + .ast-col-xl-10 { + width: 83.3333333333%; + } + .ast-col-xl-11 { + width: 91.6666666667%; + } + .ast-col-xl-12 { + width: 100%; + } + .ast-col-xl-pull-0 { + right: auto; + } + .ast-col-xl-pull-1 { + right: 8.3333333333%; + } + .ast-col-xl-pull-2 { + right: 16.6666666667%; + } + .ast-col-xl-pull-3 { + right: 25%; + } + .ast-col-xl-pull-4 { + right: 33.3333333333%; + } + .ast-col-xl-pull-5 { + right: 41.6666666667%; + } + .ast-col-xl-pull-6 { + right: 50%; + } + .ast-col-xl-pull-7 { + right: 58.3333333333%; + } + .ast-col-xl-pull-8 { + right: 66.6666666667%; + } + .ast-col-xl-pull-9 { + right: 75%; + } + .ast-col-xl-pull-10 { + right: 83.3333333333%; + } + .ast-col-xl-pull-11 { + right: 91.6666666667%; + } + .ast-col-xl-pull-12 { + right: 100%; + } + .ast-col-xl-push-0 { + left: auto; + } + .ast-col-xl-push-1 { + left: 8.3333333333%; + } + .ast-col-xl-push-2 { + left: 16.6666666667%; + } + .ast-col-xl-push-3 { + left: 25%; + } + .ast-col-xl-push-4 { + left: 33.3333333333%; + } + .ast-col-xl-push-5 { + left: 41.6666666667%; + } + .ast-col-xl-push-6 { + left: 50%; + } + .ast-col-xl-push-7 { + left: 58.3333333333%; + } + .ast-col-xl-push-8 { + left: 66.6666666667%; + } + .ast-col-xl-push-9 { + left: 75%; + } + .ast-col-xl-push-10 { + left: 83.3333333333%; + } + .ast-col-xl-push-11 { + left: 91.6666666667%; + } + .ast-col-xl-push-12 { + left: 100%; + } + .ast-col-xl-offset-0 { + margin-left: 0%; + } + .ast-col-xl-offset-1 { + margin-left: 8.3333333333%; + } + .ast-col-xl-offset-2 { + margin-left: 16.6666666667%; + } + .ast-col-xl-offset-3 { + margin-left: 25%; + } + .ast-col-xl-offset-4 { + margin-left: 33.3333333333%; + } + .ast-col-xl-offset-5 { + margin-left: 41.6666666667%; + } + .ast-col-xl-offset-6 { + margin-left: 50%; + } + .ast-col-xl-offset-7 { + margin-left: 58.3333333333%; + } + .ast-col-xl-offset-8 { + margin-left: 66.6666666667%; + } + .ast-col-xl-offset-9 { + margin-left: 75%; + } + .ast-col-xl-offset-10 { + margin-left: 83.3333333333%; + } + .ast-col-xl-offset-11 { + margin-left: 91.6666666667%; + } + .ast-col-xl-offset-12 { + margin-left: 100%; + } +} + +/*-------------------------------------------------------------- +# Site Variables +--------------------------------------------------------------*/ +/*---------- Font Size ----------*/ +/*---------- Line Height ----------*/ +/*---------- Site Basic Structure ----------*/ +/*---------- z-index Structure ----------*/ +/*-------------------------------------------------------------- +# Mixins +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Typography +--------------------------------------------------------------*/ +h1, h2, h3, h4, h5, h6 { + clear: both; +} + +h1, +.entry-content h1 { + color: #808285; + font-size: 2em; + line-height: 1.2; +} + +h2, +.entry-content h2 { + color: #808285; + font-size: 1.7em; + line-height: 1.3; +} + +h3, +.entry-content h3 { + color: #808285; + font-size: 1.5em; + line-height: 1.4; +} + +h4, +.entry-content h4 { + color: #808285; + line-height: 1.5; + font-size: 1.3em; +} + +h5, +.entry-content h5 { + color: #808285; + line-height: 1.6; + font-size: 1.2em; +} + +h6, +.entry-content h6 { + color: #808285; + line-height: 1.7; + font-size: 1.1em; +} + +/*-------------------------------------------------------------- +# Elements +--------------------------------------------------------------*/ +html { + box-sizing: border-box; +} + +*, +*:before, +*:after { + /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ + box-sizing: inherit; +} + +body { + color: #808285; + background: #ffffff; + /* Fallback for when there is no custom background color defined. */ + font-style: normal; +} + +ul, ol { + margin: 0 0 1.5em 3em; +} + +ul { + list-style: disc; +} + +ol { + list-style: decimal; +} + +li > ul, +li > ol { + margin-bottom: 0; + margin-left: 1.5em; +} + +dt { + font-weight: bold; +} + +dd { + margin: 0 1.5em 1.5em; +} + +b, +strong { + font-weight: bold; +} + +dfn, +cite, +em, +i { + font-style: italic; +} + +blockquote, +q { + quotes: "" ""; +} + +blockquote:before, blockquote:after, +q:before, +q:after { + content: ""; +} + +blockquote { + border-left: 5px solid rgba(0, 0, 0, 0.05); + padding: 20px; + font-size: 1.2em; + font-style: italic; + margin: 0 0 1.5em; + position: relative; +} + +blockquote p:last-child { + margin: 0; +} + +address { + margin: 0 0 1.5em; +} + +abbr, +acronym { + border-bottom: 1px dotted #666; + cursor: help; +} + +pre { + background: #eee; + font-family: "Courier 10 Pitch", Courier, monospace; + margin-bottom: 1.6em; + overflow: auto; + max-width: 100%; + padding: 1.6em; +} + +code, +kbd, +tt, +var { + font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; +} + +img { + height: auto; + /* Make sure images are scaled correctly. */ + max-width: 100%; + /* Adhere to container width. */ +} + +hr { + background-color: #ccc; + border: 0; + height: 1px; + margin-bottom: 1.5em; +} + +.ast-button, +.button, +button, +input, +select, +textarea { + color: #808285; + font-weight: normal; + font-size: 100%; + /* Corrects font size not being inherited in all browsers */ + margin: 0; + /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ + vertical-align: baseline; + /* Improves appearance and consistency in all browsers */ +} + +button, +input { + line-height: normal; + /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ +} + +big { + font-size: 125%; +} + +mark, +ins { + background: transparent; + text-decoration: none; +} + +table, th, td { + border: 1px solid rgba(0, 0, 0, 0.1); +} + +table { + border-collapse: separate; + border-spacing: 0; + border-width: 1px 0 0 1px; + margin: 0 0 1.5em; + width: 100%; +} + +th { + font-weight: bold; +} + +th, td { + padding: 8px; + text-align: left; + border-width: 0 1px 1px 0; +} + +/*-------------------------------------------------------------- +# Forms +--------------------------------------------------------------*/ +button, +.ast-button, +.button, +input[type="button"], +input[type="reset"], +input[type="submit"] { + border: 1px solid; + border-color: #eaeaea; + border-radius: 2px; + background: #e6e6e6; + padding: .6em 1em .4em; + color: #fff; +} + +button:hover, button:focus, +.ast-button:hover, +.ast-button:focus, +.button:hover, +.button:focus, +input[type="button"]:hover, +input[type="button"]:focus, +input[type="reset"]:hover, +input[type="reset"]:focus, +input[type="submit"]:hover, +input[type="submit"]:focus { + color: #fff; + border-color: #eaeaea; +} + +button:active, button:focus, +.ast-button:active, +.ast-button:focus, +.button:active, +.button:focus, +input[type="button"]:active, +input[type="button"]:focus, +input[type="reset"]:active, +input[type="reset"]:focus, +input[type="submit"]:active, +input[type="submit"]:focus { + border-color: #eaeaea; + outline: none; +} + +input[type="text"], +input[type="email"], +input[type="url"], +input[type="password"], +input[type="search"], +input[type="tel"], +textarea { + color: #666; + border: 1px solid #ccc; + border-radius: 2px; + -webkit-appearance: none; +} + +input[type="text"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +textarea:focus { + color: #111; +} + +textarea { + padding-left: 3px; + width: 100%; +} + +/*-------------------------------------------------------------- +# Accessibility +--------------------------------------------------------------*/ +/* Text meant only for screen readers. */ +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.screen-reader-text:focus { + background-color: #f1f1f1; + border-radius: 2px; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + clip: auto !important; + color: #21759b; + display: block; + font-size: 12.25px; + font-size: 0.875rem; + height: auto; + left: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; + /* Above WP toolbar. */ +} + +.alignleft { + display: inline; + float: left; + margin-right: 1.5em; +} + +.alignright { + display: inline; + float: right; + margin-left: 1.5em; +} + +.aligncenter { + clear: both; + text-align: center; + display: block; + margin-left: auto; + margin-right: auto; +} + +.clear:before, +.clear:after, +.site-header:before, +.site-header:after, +.site-content:before, +.site-content:after, +#primary:before, +#primary:after, +.site-main:before, +.site-main:after, +#secondary:before, +#secondary:after, +.sidebar-main:before, +.sidebar-main:after, +.site-footer:before, +.site-footer:after, +.ast-row:before, +.ast-row:after, +.ast-container:before, +.ast-container:after { + content: ""; + display: table; +} + +.clear:after, +.site-header:after, +.site-content:after, +#primary:after, +.site-main:after, +#secondary:after, +.sidebar-main:after, +.site-footer:after, +.ast-row:after, +.ast-container:after { + clear: both; +} + +/*-------------------------------------------------------------- +# Media +--------------------------------------------------------------*/ +/* Make sure embeds and iframes fit their containers. */ +embed, +iframe, +object { + max-width: 100%; +} + +/*-------------------------------------------------------------- +## Captions +--------------------------------------------------------------*/ +.wp-caption { + margin-bottom: 1.5em; + max-width: 100%; +} + +.wp-caption img[class*="wp-image-"] { + display: block; + margin-left: auto; + margin-right: auto; +} + +.wp-caption .wp-caption-text { + margin: 0.8075em 0; +} + +.wp-caption-text { + text-align: center; +} + +/*-------------------------------------------------------------- +# Content +--------------------------------------------------------------*/ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +::selection { + color: #fff; + background: #0274be; +} + +body { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body:not(.logged-in) { + position: relative; +} + +#page { + position: relative; +} + +a, +a:focus { + text-decoration: none; +} + +a, +.site-header a *, +.site-footer a *, +.secondary a * { + transition: all 0.2s linear; +} + +.capitalize { + text-transform: uppercase; +} + +img { + vertical-align: middle; +} + +.entry-content h1, +.entry-content h2, +.entry-content h3, +.entry-content h4, +.entry-content h5, +.entry-content h6 { + margin-bottom: 20px; +} + +p { + margin-bottom: 1.75em; +} + +blockquote { + margin: 1.5em 1em 1.5em 3em; + padding: 1.2em; + font-size: 1.1em; + line-height: inherit; + position: relative; +} + +.ast-button, +.button, +input[type="button"], +input[type="submit"] { + border-radius: 0; + padding: 18px 30px; + border: 0; + box-shadow: none; + text-shadow: none; +} + +.ast-button:hover, +.button:hover, +input[type="button"]:hover, +input[type="submit"]:hover { + box-shadow: none; +} + +.ast-button:active, .ast-button:focus, +.button:active, +.button:focus, +input[type="button"]:active, +input[type="button"]:focus, +input[type="submit"]:active, +input[type="submit"]:focus { + box-shadow: none; +} + +.site-title { + font-weight: normal; +} + +.site-title, +.site-description { + margin-bottom: 0; +} + +.site-title a, +.site-title:hover a, +.site-title:focus a, +.site-description a, +.site-description:hover a, +.site-description:focus a { + transition: all 0.2s linear; +} + +.site-title a, +.site-title a:focus, +.site-title a:hover, +.site-title a:visited { + color: #222; +} + +.site-description a, +.site-description a:focus, +.site-description a:hover, +.site-description a:visited { + color: #999; +} + +.search-form .search-field { + outline: none; +} + +.ast-search-menu-icon { + position: relative; + z-index: 3; +} + +/* must have higher specificity than alternative color schemes inline styles */ +.site .skip-link { + background-color: #f1f1f1; + box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); + color: #21759b; + display: block; + font-family: Montserrat, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 700; + left: -9999em; + outline: none; + padding: 15px 23px 14px; + text-decoration: none; + text-transform: none; + top: -9999em; +} + +.site .skip-link:focus { + clip: auto; + height: auto; + left: 6px; + top: 7px; + width: auto; + z-index: 100000; + outline: thin dotted; +} + +.logged-in .site .skip-link { + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); + font-family: "Open Sans", sans-serif; +} + +select, +input { + line-height: 1; +} + +body, +button, +input[type="button"], +input[type="submit"], +textarea, +.ast-button, +.ast-custom-button { + line-height: 1.85714285714286; +} + +.site-title a { + line-height: 1.2; +} + +.site-header .site-description { + line-height: 1.5; +} + +.ast-single-post .entry-title, +.ast-single-post .entry-title a { + line-height: 1.2; +} + +.entry-title, +.entry-title a { + font-weight: normal; +} + +/* Astra Respnosive oEmbed Video container */ +.ast-oembed-container { + position: relative; + padding-top: 56.25%; + height: 0; + overflow: hidden; + max-width: 100%; + height: auto; +} + +.ast-oembed-container iframe, .ast-oembed-container object, .ast-oembed-container embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +body .ast-oembed-container * { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +body { + margin: 20px; + vertical-align: baseline; + color: #3a3a3a; +} + +a { + color: #0274be; +} + +a:hover, +a:focus { + color: #3a3a3a; +} + +h1, +.entry-content h1, +h2, +.entry-content h2, +h3, +.entry-content h3, +h4, +.entry-content h4, +h5, +.entry-content h5, +h6, +.entry-content h6 { + font-weight: bold; + line-height: 1.6; +} + +p { + margin-bottom: 1em; +} + +h1, +.entry-content h1, +h2, +.entry-content h2, +h3, +.entry-content h3, +h4, +.entry-content h4, +h5, +.entry-content h5, +h6, +.entry-content h6 { + color: #3a3a3a; +} + +/** + * Table + */ +.mce-item-table, +.mce-item-table td, +.mce-item-table th, +.mce-item-table caption { + border-style: solid; + border-color: rgba(0, 0, 0, 0.0980392); +} + +.mce-item-table td, +.mce-item-table th { + border-width: 0 1px 1px 0; +} + +.mce-item-table { + border-right-width: 0; + border-bottom-width: 0; +} diff --git a/assets/css/unminified/extend-customizer-rtl.css b/assets/css/unminified/extend-customizer-rtl.css new file mode 100644 index 0000000..29cbd92 --- /dev/null +++ b/assets/css/unminified/extend-customizer-rtl.css @@ -0,0 +1,63 @@ +.in-sub-panel #customize-theme-controls .customize-pane-child.current-panel-parent, +#customize-theme-controls .customize-pane-child.current-section-parent { + transform: translateX(100%); +} + +/* Nested Customizer Section CSS */ +#customize-controls .control-section.control-section-ast_section .accordion-section-title { + color: #555d66; + background-color: #fff; + border-bottom: 1px solid #ddd; + border-right: 4px solid #fff; + transition: .15s color ease-in-out, .15s background-color ease-in-out, .15s border-color ease-in-out; +} + +#customize-controls .control-section.control-section-ast_section .accordion-section-title:after { + color: #a0a5aa; +} + +#customize-controls .control-section.control-section-ast_section .accordion-section-title:hover, +#customize-controls .control-section.control-section-ast_section .accordion-section-title:focus { + color: #0073aa; + background: #f3f3f5; + border-right-color: #0073aa; +} + +#customize-controls .control-section.control-section-ast_section .accordion-section-title:hover:after { + color: #0073aa; +} + +#customize-controls .control-section-ast_section .accordion-section { + margin-right: -20px; + margin-left: -20px; +} + +/** + * Section Description + */ +.customize-section-description .astra-section-description ul { + margin: 0; +} + +.customize-section-description .astra-section-description ul > li { + list-style-type: none; +} + +.customize-section-description .astra-section-description ul > li:last-child { + margin-bottom: 0; +} + +.astra-section-description a { + text-decoration: none; + font-style: italic; + border-bottom: 1px dotted transparent; + transition: all ease-in-out .3s; +} + +.astra-section-description a:hover { + border-bottom-color: inherit; +} + +#customize-controls .control-section-ast_section .customize-info .customize-section-description { + margin-bottom: 0; +} diff --git a/assets/css/unminified/extend-customizer.css b/assets/css/unminified/extend-customizer.css new file mode 100644 index 0000000..22941af --- /dev/null +++ b/assets/css/unminified/extend-customizer.css @@ -0,0 +1,63 @@ +.in-sub-panel #customize-theme-controls .customize-pane-child.current-panel-parent, +#customize-theme-controls .customize-pane-child.current-section-parent { + transform: translateX(-100%); +} + +/* Nested Customizer Section CSS */ +#customize-controls .control-section.control-section-ast_section .accordion-section-title { + color: #555d66; + background-color: #fff; + border-bottom: 1px solid #ddd; + border-left: 4px solid #fff; + transition: .15s color ease-in-out, .15s background-color ease-in-out, .15s border-color ease-in-out; +} + +#customize-controls .control-section.control-section-ast_section .accordion-section-title:after { + color: #a0a5aa; +} + +#customize-controls .control-section.control-section-ast_section .accordion-section-title:hover, +#customize-controls .control-section.control-section-ast_section .accordion-section-title:focus { + color: #0073aa; + background: #f3f3f5; + border-left-color: #0073aa; +} + +#customize-controls .control-section.control-section-ast_section .accordion-section-title:hover:after { + color: #0073aa; +} + +#customize-controls .control-section-ast_section .accordion-section { + margin-left: -20px; + margin-right: -20px; +} + +/** + * Section Description + */ +.customize-section-description .astra-section-description ul { + margin: 0; +} + +.customize-section-description .astra-section-description ul > li { + list-style-type: none; +} + +.customize-section-description .astra-section-description ul > li:last-child { + margin-bottom: 0; +} + +.astra-section-description a { + text-decoration: none; + font-style: italic; + border-bottom: 1px dotted transparent; + transition: all ease-in-out .3s; +} + +.astra-section-description a:hover { + border-bottom-color: inherit; +} + +#customize-controls .control-section-ast_section .customize-info .customize-section-description { + margin-bottom: 0; +} diff --git a/assets/css/unminified/frontend-rtl.css b/assets/css/unminified/frontend-rtl.css new file mode 100644 index 0000000..344916e --- /dev/null +++ b/assets/css/unminified/frontend-rtl.css @@ -0,0 +1,3755 @@ +@charset "UTF-8"; +/*-------------------------------------------------------------- +>>> TABLE OF CONTENTS: +---------------------------------------------------------------- +# Normalize +# Typography +# Elements +# Forms +# Navigation + ## Links + ## Menus +# Accessibility +# Alignments +# Clearings +# Widgets +# Content + ## Posts and pages + ## Asides + ## Comments +# Infinite scroll +# Media + ## Captions + ## Galleries +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Normalize +--------------------------------------------------------------*/ +html, +body, +p, +ol, +ul, +li, +dl, +dt, +dd, +blockquote, +figure, +fieldset, +legend, +textarea, +pre, +iframe, +address, +hr, +h1, +h2, +h3, +h4, +h5, +h6 { + border: 0; + font-size: 100%; + font-style: inherit; + font-weight: inherit; + margin: 0; + outline: 0; + padding: 0; + vertical-align: baseline; +} + +html { + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +main, +nav { + display: block; +} + +progress { + display: inline-block; + vertical-align: baseline; +} + +a { + background-color: transparent; +} + +a:active { + outline: 0; +} + +a, +a:visited, +a:hover, +a:focus { + text-decoration: none; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, +strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +mark { + background: #ff0; + color: #000; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 0; +} + +hr { + box-sizing: content-box; + height: 0; +} + +pre { + overflow: auto; +} + +code, +kbd, +pre, +samp { + font-size: 1em; +} + +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} + +button { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} + +button[disabled], +html input[disabled] { + cursor: default; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input { + line-height: normal; +} + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +input[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box; +} + +.search .search-submit, +#comments .submit { + padding: 10px 15px; + border-radius: 2px; + line-height: 1.85714285714286; + border: 0; +} + +.search .site-main .ast-search-submit { + display: none; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +fieldset { + border: 1px solid #eaeaea; + margin: 0 0px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + border: 0; + padding: 0; +} + +fieldset legend { + margin-bottom: 1.5em; + padding: 0 0.5em; +} + +textarea { + overflow: auto; +} + +optgroup { + font-weight: bold; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} + +/*-------------------------------------------------------------- +# Bootstrap Grid +--------------------------------------------------------------*/ +/*! + * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) + */ +.ast-container { + max-width: 100%; +} + +.ast-container-fluid, .ast-container { + margin-right: auto; + margin-left: auto; + padding-right: 20px; + padding-left: 20px; +} + +.ast-container-fluid::after, .ast-container::after { + content: ""; + display: table; + clear: both; +} + +.ast-col-xs-1, .ast-col-xs-2, .ast-col-xs-3, .ast-col-xs-4, .ast-col-xs-5, .ast-col-xs-6, .ast-col-xs-7, .ast-col-xs-8, .ast-col-xs-9, .ast-col-xs-10, .ast-col-xs-11, .ast-col-xs-12, .ast-col-sm-1, .ast-col-sm-2, .ast-col-sm-3, .ast-col-sm-4, .ast-col-sm-5, .ast-col-sm-6, .ast-col-sm-7, .ast-col-sm-8, .ast-col-sm-9, .ast-col-sm-10, .ast-col-sm-11, .ast-col-sm-12, .ast-col-md-1, .ast-col-md-2, .ast-col-md-3, .ast-col-md-4, .ast-col-md-5, .ast-col-md-6, .ast-col-md-7, .ast-col-md-8, .ast-col-md-9, .ast-col-md-10, .ast-col-md-11, .ast-col-md-12, .ast-col-lg-1, .ast-col-lg-2, .ast-col-lg-3, .ast-col-lg-4, .ast-col-lg-5, .ast-col-lg-6, .ast-col-lg-7, .ast-col-lg-8, .ast-col-lg-9, .ast-col-lg-10, .ast-col-lg-11, .ast-col-lg-12, .ast-col-xl-1, .ast-col-xl-2, .ast-col-xl-3, .ast-col-xl-4, .ast-col-xl-5, .ast-col-xl-6, .ast-col-xl-7, .ast-col-xl-8, .ast-col-xl-9, .ast-col-xl-10, .ast-col-xl-11, .ast-col-xl-12 { + position: relative; + min-height: 1px; + padding-right: 20px; + padding-left: 20px; +} + +.ast-col-xs-1, .ast-col-xs-2, .ast-col-xs-3, .ast-col-xs-4, .ast-col-xs-5, .ast-col-xs-6, .ast-col-xs-7, .ast-col-xs-8, .ast-col-xs-9, .ast-col-xs-10, .ast-col-xs-11, .ast-col-xs-12 { + float: right; +} + +.ast-col-xs-1 { + width: 8.3333333333%; +} + +.ast-col-xs-2 { + width: 16.6666666667%; +} + +.ast-col-xs-3 { + width: 25%; +} + +.ast-col-xs-4 { + width: 33.3333333333%; +} + +.ast-col-xs-5 { + width: 41.6666666667%; +} + +.ast-col-xs-6 { + width: 50%; +} + +.ast-col-xs-7 { + width: 58.3333333333%; +} + +.ast-col-xs-8 { + width: 66.6666666667%; +} + +.ast-col-xs-9 { + width: 75%; +} + +.ast-col-xs-10 { + width: 83.3333333333%; +} + +.ast-col-xs-11 { + width: 91.6666666667%; +} + +.ast-col-xs-12 { + width: 100%; +} + +@media (min-width: 544px) { + .ast-col-sm-1, .ast-col-sm-2, .ast-col-sm-3, .ast-col-sm-4, .ast-col-sm-5, .ast-col-sm-6, .ast-col-sm-7, .ast-col-sm-8, .ast-col-sm-9, .ast-col-sm-10, .ast-col-sm-11, .ast-col-sm-12 { + float: right; + } + .ast-col-sm-1 { + width: 8.3333333333%; + } + .ast-col-sm-2 { + width: 16.6666666667%; + } + .ast-col-sm-3 { + width: 25%; + } + .ast-col-sm-4 { + width: 33.3333333333%; + } + .ast-col-sm-5 { + width: 41.6666666667%; + } + .ast-col-sm-6 { + width: 50%; + } + .ast-col-sm-7 { + width: 58.3333333333%; + } + .ast-col-sm-8 { + width: 66.6666666667%; + } + .ast-col-sm-9 { + width: 75%; + } + .ast-col-sm-10 { + width: 83.3333333333%; + } + .ast-col-sm-11 { + width: 91.6666666667%; + } + .ast-col-sm-12 { + width: 100%; + } +} + +@media (min-width: 768px) { + .ast-col-md-1, .ast-col-md-2, .ast-col-md-3, .ast-col-md-4, .ast-col-md-5, .ast-col-md-6, .ast-col-md-7, .ast-col-md-8, .ast-col-md-9, .ast-col-md-10, .ast-col-md-11, .ast-col-md-12 { + float: right; + } + .ast-col-md-1 { + width: 8.3333333333%; + } + .ast-col-md-2 { + width: 16.6666666667%; + } + .ast-col-md-3 { + width: 25%; + } + .ast-col-md-4 { + width: 33.3333333333%; + } + .ast-col-md-5 { + width: 41.6666666667%; + } + .ast-col-md-6 { + width: 50%; + } + .ast-col-md-7 { + width: 58.3333333333%; + } + .ast-col-md-8 { + width: 66.6666666667%; + } + .ast-col-md-9 { + width: 75%; + } + .ast-col-md-10 { + width: 83.3333333333%; + } + .ast-col-md-11 { + width: 91.6666666667%; + } + .ast-col-md-12 { + width: 100%; + } +} + +@media (min-width: 992px) { + .ast-col-lg-1, .ast-col-lg-2, .ast-col-lg-3, .ast-col-lg-4, .ast-col-lg-5, .ast-col-lg-6, .ast-col-lg-7, .ast-col-lg-8, .ast-col-lg-9, .ast-col-lg-10, .ast-col-lg-11, .ast-col-lg-12 { + float: right; + } + .ast-col-lg-1 { + width: 8.3333333333%; + } + .ast-col-lg-2 { + width: 16.6666666667%; + } + .ast-col-lg-3 { + width: 25%; + } + .ast-col-lg-4 { + width: 33.3333333333%; + } + .ast-col-lg-5 { + width: 41.6666666667%; + } + .ast-col-lg-6 { + width: 50%; + } + .ast-col-lg-7 { + width: 58.3333333333%; + } + .ast-col-lg-8 { + width: 66.6666666667%; + } + .ast-col-lg-9 { + width: 75%; + } + .ast-col-lg-10 { + width: 83.3333333333%; + } + .ast-col-lg-11 { + width: 91.6666666667%; + } + .ast-col-lg-12 { + width: 100%; + } +} + +@media (min-width: 1200px) { + .ast-col-xl-1, .ast-col-xl-2, .ast-col-xl-3, .ast-col-xl-4, .ast-col-xl-5, .ast-col-xl-6, .ast-col-xl-7, .ast-col-xl-8, .ast-col-xl-9, .ast-col-xl-10, .ast-col-xl-11, .ast-col-xl-12 { + float: right; + } + .ast-col-xl-1 { + width: 8.3333333333%; + } + .ast-col-xl-2 { + width: 16.6666666667%; + } + .ast-col-xl-3 { + width: 25%; + } + .ast-col-xl-4 { + width: 33.3333333333%; + } + .ast-col-xl-5 { + width: 41.6666666667%; + } + .ast-col-xl-6 { + width: 50%; + } + .ast-col-xl-7 { + width: 58.3333333333%; + } + .ast-col-xl-8 { + width: 66.6666666667%; + } + .ast-col-xl-9 { + width: 75%; + } + .ast-col-xl-10 { + width: 83.3333333333%; + } + .ast-col-xl-11 { + width: 91.6666666667%; + } + .ast-col-xl-12 { + width: 100%; + } +} + +.ast-row { + margin-right: -20px; + margin-left: -20px; +} + +.ast-row::after { + content: ""; + display: table; + clear: both; +} + +/*-------------------------------------------------------------- +# Site Variables +--------------------------------------------------------------*/ +/*---------- Font Size ----------*/ +/*---------- Line Height ----------*/ +/*---------- Site Basic Structure ----------*/ +/*---------- z-index Structure ----------*/ +/*-------------------------------------------------------------- +# Mixins +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Typography +--------------------------------------------------------------*/ +h1, h2, h3, h4, h5, h6 { + clear: both; +} + +h1, +.entry-content h1 { + color: #808285; + font-size: 2em; + line-height: 1.2; +} + +h2, +.entry-content h2 { + color: #808285; + font-size: 1.7em; + line-height: 1.3; +} + +h3, +.entry-content h3 { + color: #808285; + font-size: 1.5em; + line-height: 1.4; +} + +h4, +.entry-content h4 { + color: #808285; + line-height: 1.5; + font-size: 1.3em; +} + +h5, +.entry-content h5 { + color: #808285; + line-height: 1.6; + font-size: 1.2em; +} + +h6, +.entry-content h6 { + color: #808285; + line-height: 1.7; + font-size: 1.1em; +} + +/*-------------------------------------------------------------- +# Elements +--------------------------------------------------------------*/ +html { + box-sizing: border-box; +} + +*, +*:before, +*:after { + /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ + box-sizing: inherit; +} + +body { + color: #808285; + background: #ffffff; + /* Fallback for when there is no custom background color defined. */ + font-style: normal; +} + +ul, ol { + margin: 0 3em 1.5em 0; +} + +ul { + list-style: disc; +} + +ol { + list-style: decimal; +} + +li > ul, +li > ol { + margin-bottom: 0; + margin-right: 1.5em; +} + +dt { + font-weight: bold; +} + +dd { + margin: 0 1.5em 1.5em; +} + +b, +strong { + font-weight: bold; +} + +dfn, +cite, +em, +i { + font-style: italic; +} + +blockquote, +q { + quotes: "" ""; +} + +blockquote:before, blockquote:after, +q:before, +q:after { + content: ""; +} + +blockquote { + border-right: 5px solid rgba(0, 0, 0, 0.05); + padding: 20px; + font-size: 1.2em; + font-style: italic; + margin: 0 0 1.5em; + position: relative; +} + +blockquote p:last-child { + margin: 0; +} + +address { + margin: 0 0 1.5em; +} + +abbr, +acronym { + border-bottom: 1px dotted #666; + cursor: help; +} + +pre { + background: #eee; + font-family: "Courier 10 Pitch", Courier, monospace; + margin-bottom: 1.6em; + overflow: auto; + max-width: 100%; + padding: 1.6em; +} + +code, +kbd, +tt, +var { + font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; +} + +img { + height: auto; + /* Make sure images are scaled correctly. */ + max-width: 100%; + /* Adhere to container width. */ +} + +hr { + background-color: #ccc; + border: 0; + height: 1px; + margin-bottom: 1.5em; +} + +.ast-button, +.button, +button, +input, +select, +textarea { + color: #808285; + font-weight: normal; + font-size: 100%; + /* Corrects font size not being inherited in all browsers */ + margin: 0; + /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ + vertical-align: baseline; + /* Improves appearance and consistency in all browsers */ +} + +button, +input { + line-height: normal; + /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ +} + +big { + font-size: 125%; +} + +mark, +ins { + background: transparent; + text-decoration: none; +} + +table, th, td { + border: 1px solid rgba(0, 0, 0, 0.1); +} + +table { + border-collapse: separate; + border-spacing: 0; + border-width: 1px 1px 0 0; + margin: 0 0 1.5em; + width: 100%; +} + +th { + font-weight: bold; +} + +th, td { + padding: 8px; + text-align: right; + border-width: 0 0 1px 1px; +} + +/*-------------------------------------------------------------- +# Forms +--------------------------------------------------------------*/ +button, +.ast-button, +.button, +input[type="button"], +input[type="reset"], +input[type="submit"] { + border: 1px solid; + border-color: #eaeaea; + border-radius: 2px; + background: #e6e6e6; + padding: .6em 1em .4em; + color: #fff; +} + +button:hover, button:focus, +.ast-button:hover, +.ast-button:focus, +.button:hover, +.button:focus, +input[type="button"]:hover, +input[type="button"]:focus, +input[type="reset"]:hover, +input[type="reset"]:focus, +input[type="submit"]:hover, +input[type="submit"]:focus { + color: #fff; + border-color: #eaeaea; +} + +button:active, button:focus, +.ast-button:active, +.ast-button:focus, +.button:active, +.button:focus, +input[type="button"]:active, +input[type="button"]:focus, +input[type="reset"]:active, +input[type="reset"]:focus, +input[type="submit"]:active, +input[type="submit"]:focus { + border-color: #eaeaea; + outline: none; +} + +input[type="text"], +input[type="email"], +input[type="url"], +input[type="password"], +input[type="search"], +input[type="tel"], +textarea { + color: #666; + border: 1px solid #ccc; + border-radius: 2px; + -webkit-appearance: none; +} + +input[type="text"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +textarea:focus { + color: #111; +} + +textarea { + padding-right: 3px; + width: 100%; +} + +/*-------------------------------------------------------------- +# Navigation +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +## Links +--------------------------------------------------------------*/ +a { + color: royalblue; +} + +a:hover, a:focus { + color: midnightblue; +} + +a:focus { + outline: thin dotted; +} + +a:hover { + outline: 0; +} + +/*-------------------------------------------------------------- +# Accessibility +--------------------------------------------------------------*/ +/* Text meant only for screen readers. */ +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.screen-reader-text:focus { + background-color: #f1f1f1; + border-radius: 2px; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + clip: auto !important; + color: #21759b; + display: block; + font-size: 12.25px; + font-size: 0.875rem; + height: auto; + right: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; + /* Above WP toolbar. */ +} + +.alignleft { + display: inline; + float: right; + margin-left: 1.5em; +} + +.alignright { + display: inline; + float: left; + margin-right: 1.5em; +} + +.aligncenter { + clear: both; + text-align: center; + display: block; + margin-right: auto; + margin-left: auto; +} + +.clear:before, +.clear:after, +.site-header:before, +.site-header:after, +.site-content:before, +.site-content:after, +#primary:before, +#primary:after, +.site-main:before, +.site-main:after, +#secondary:before, +#secondary:after, +.sidebar-main:before, +.sidebar-main:after, +.site-footer:before, +.site-footer:after, +.ast-row:before, +.ast-row:after, +.ast-container:before, +.ast-container:after { + content: ""; + display: table; +} + +.clear:after, +.site-header:after, +.site-content:after, +#primary:after, +.site-main:after, +#secondary:after, +.sidebar-main:after, +.site-footer:after, +.ast-row:after, +.ast-container:after { + clear: both; +} + +/*-------------------------------------------------------------- +# Media +--------------------------------------------------------------*/ +/* Make sure embeds and iframes fit their containers. */ +embed, +iframe, +object { + max-width: 100%; +} + +/*-------------------------------------------------------------- +## Captions +--------------------------------------------------------------*/ +.wp-caption { + margin-bottom: 1.5em; + max-width: 100%; +} + +.wp-caption img[class*="wp-image-"] { + display: block; + margin-right: auto; + margin-left: auto; +} + +.wp-caption .wp-caption-text { + margin: 0.8075em 0; +} + +.wp-caption-text { + text-align: center; +} + +/*-------------------------------------------------------------- +# Content +--------------------------------------------------------------*/ +/*---------- Mixins ----------*/ +/*---------- Site Variables ----------*/ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/*---------- Site Normalize ----------*/ +::selection { + color: #fff; + background: #0274be; +} + +body { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body:not(.logged-in) { + position: relative; +} + +#page { + position: relative; +} + +a, +a:focus { + text-decoration: none; +} + +a, +.site-header a *, +.site-footer a *, +.secondary a * { + transition: all 0.2s linear; +} + +.capitalize { + text-transform: uppercase; +} + +img { + vertical-align: middle; +} + +.entry-content h1, +.entry-content h2, +.entry-content h3, +.entry-content h4, +.entry-content h5, +.entry-content h6 { + margin-bottom: 20px; +} + +p { + margin-bottom: 1.75em; +} + +blockquote { + margin: 1.5em 3em 1.5em 1em; + padding: 1.2em; + font-size: 1.1em; + line-height: inherit; + position: relative; +} + +.ast-button, +.button, +input[type="button"], +input[type="submit"] { + border-radius: 0; + padding: 18px 30px; + border: 0; + box-shadow: none; + text-shadow: none; +} + +.ast-button:hover, +.button:hover, +input[type="button"]:hover, +input[type="submit"]:hover { + box-shadow: none; +} + +.ast-button:active, .ast-button:focus, +.button:active, +.button:focus, +input[type="button"]:active, +input[type="button"]:focus, +input[type="submit"]:active, +input[type="submit"]:focus { + box-shadow: none; +} + +.site-title { + font-weight: normal; +} + +.site-title, +.site-description { + margin-bottom: 0; +} + +.site-title a, +.site-title:hover a, +.site-title:focus a, +.site-description a, +.site-description:hover a, +.site-description:focus a { + transition: all 0.2s linear; +} + +.site-title a, +.site-title a:focus, +.site-title a:hover, +.site-title a:visited { + color: #222; +} + +.site-description a, +.site-description a:focus, +.site-description a:hover, +.site-description a:visited { + color: #999; +} + +.search-form .search-field { + outline: none; +} + +.ast-search-menu-icon { + position: relative; + z-index: 3; +} + +/* must have higher specificity than alternative color schemes inline styles */ +.site .skip-link { + background-color: #f1f1f1; + box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); + color: #21759b; + display: block; + font-family: Montserrat, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 700; + right: -9999em; + outline: none; + padding: 15px 23px 14px; + text-decoration: none; + text-transform: none; + top: -9999em; +} + +.site .skip-link:focus { + clip: auto; + height: auto; + right: 6px; + top: 7px; + width: auto; + z-index: 100000; + outline: thin dotted; +} + +.logged-in .site .skip-link { + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); + font-family: "Open Sans", sans-serif; +} + +select, +input { + line-height: 1; +} + +body, +button, +input[type="button"], +input[type="submit"], +textarea, +.ast-button, +.ast-custom-button { + line-height: 1.85714285714286; +} + +.site-title a { + line-height: 1.2; +} + +.site-header .site-description { + line-height: 1.5; +} + +.ast-single-post .entry-title, +.ast-single-post .entry-title a { + line-height: 1.2; +} + +.entry-title, +.entry-title a { + font-weight: normal; +} + +/*---------- Media ----------*/ +/* Astra Respnosive oEmbed Video container */ +.ast-oembed-container { + position: relative; + padding-top: 56.25%; + height: 0; + overflow: hidden; + max-width: 100%; + height: auto; +} + +.ast-oembed-container iframe, .ast-oembed-container object, .ast-oembed-container embed { + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; +} + +body .ast-oembed-container * { + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; +} + +/*---------- Basic Layout ----------*/ +.ast-hidden { + display: none !important; +} + +body { + background-color: #ffffff; +} + +#page { + display: block; +} + +#primary, +#secondary { + display: block; + position: relative; + float: right; + width: 100%; +} + +#primary { + margin: 4em 0; +} + +.ast-separate-container { + background-color: #f5f5f5; +} + +.ast-separate-container #primary { + padding: 4em 0; + margin: 0; + border: 0; +} + +.ast-separate-container .site-main > .ast-row { + margin-right: 0; + margin-left: 0; +} + +.ast-separate-container .ast-article-post, +.ast-separate-container .ast-article-single:not(.ast-related-post) { + background-color: #fff; +} + +.ast-separate-container .ast-article-post, +.ast-separate-container .ast-article-single { + border-bottom: 1px solid #eeeeee; + margin: 0; + padding: 5.34em 6.67em; +} + +.ast-separate-container .blog-layout-1 { + padding: 0; + border-bottom: 0; +} + +.ast-separate-container .ast-article-single { + border-bottom: 0; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-post, + .ast-separate-container .ast-article-single { + margin: 0; + padding: 3.34em 2.4em; + } +} + +.ast-page-builder-template .hentry { + margin: 0; +} + +.ast-page-builder-template .site-content > .ast-container { + max-width: 100%; + padding: 0; +} + +.ast-page-builder-template .site-content #primary { + padding: 0; + margin: 0; +} + +.ast-page-builder-template .no-results { + text-align: center; + margin: 4em auto; +} + +.ast-page-builder-template .entry-header { + margin-top: 4em; + margin-right: auto; + margin-left: auto; + padding-right: 20px; + padding-left: 20px; +} + +.ast-page-builder-template .entry-header.ast-no-title.ast-no-thumbnail { + margin-top: 0; +} + +.ast-page-builder-template .entry-header.ast-header-without-markup { + margin-top: 0; + margin-bottom: 0; +} + +.ast-page-builder-template .entry-header.ast-no-title.ast-no-meta { + margin-bottom: 0; +} + +.ast-page-builder-template.single .post-navigation { + padding-bottom: 2em; +} + +.ast-page-builder-template .ast-archive-description { + margin-top: 4em; + margin-right: auto; + margin-left: auto; + padding-right: 20px; + padding-left: 20px; +} + +@media (min-width: 993px) { + .ast-separate-container.ast-right-sidebar #primary, + .ast-separate-container.ast-left-sidebar #primary, + .ast-separate-container #primary { + margin: 4em 0; + padding: 0; + } + .ast-right-sidebar #primary { + padding-left: 60px; + } + .ast-left-sidebar #primary { + padding-right: 60px; + } +} + +@media (max-width: 992px) { + .ast-separate-container.ast-right-sidebar #primary, + .ast-separate-container.ast-left-sidebar #primary, + .ast-separate-container #primary { + padding-right: 0; + padding-left: 0; + } + .ast-right-sidebar #primary { + padding-left: 30px; + } + .ast-left-sidebar #primary { + padding-right: 30px; + } +} + +/*---------- Navigation ----------*/ +/** + * Navigations + * + * @import + * 1 - Primary Menus + * 2 - Secondary Menus + * 3 - Header Top Menus + * + * Contents + * 1 - Toggle Button + * +*/ +/** + * @import + */ +/* 1 - Primary Menus */ +.ast-search-icon .astra-search-icon { + font-size: 1.3em; +} + +.main-navigation { + height: 100%; + -js-display: inline-flex; + display: inline-flex; +} + +.main-navigation ul { + list-style: none; + margin: 0; + padding-right: 0; + position: relative; +} + +.main-header-menu .menu-link, +.main-header-menu > a { + text-decoration: none; + padding: 0 1em; + display: inline-block; + transition: all 0.2s linear; +} + +.main-header-menu .menu-item { + position: relative; +} + +.main-header-menu .menu-item:hover > .sub-menu, +.main-header-menu .menu-item.focus > .sub-menu { + left: auto; + right: 0; +} + +.main-header-menu .ast-left-align-sub-menu:hover > .sub-menu, +.main-header-menu .ast-left-align-sub-menu.focus > .sub-menu { + left: 0; + right: auto; +} + +@media (min-width: 769px) { + .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, + .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + right: -100%; + } + .main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover > .sub-menu, + .main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus > .sub-menu { + right: -100%; + } +} + +.main-header-menu .sub-menu { + width: 240px; + background: #ffffff; + right: -999em; + position: absolute; + top: 100%; + z-index: 99999; +} + +@media (min-width: 769px) { + .main-header-menu .sub-menu .menu-item:hover > .sub-menu, + .main-header-menu .sub-menu .menu-item.focus > .sub-menu { + right: 100%; + left: auto; + } + .main-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu { + right: -100%; + } + .main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, + .main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + right: -100%; + } +} + +.main-header-menu .sub-menu .menu-link { + padding: 0.9em 1em; + display: block; + word-wrap: break-word; +} + +.main-header-menu .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type { + display: none; +} + +#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .icon-arrow svg { + position: absolute; + left: .60em; + top: 50%; + transform: translate(0, -50%) rotate(-270deg); +} + +.main-header-menu .sub-menu .sub-menu { + top: 0px; +} + +.submenu-with-border .sub-menu { + border-width: 1px; + border-style: solid; +} + +.submenu-with-border .sub-menu .menu-link { + border-width: 0 0 1px; + border-style: solid; +} + +.submenu-with-border .sub-menu .sub-menu { + top: -1px; +} + +/* Remove the last anchor border for desktop devices */ +.ast-desktop .submenu-with-border .sub-menu > .menu-item:last-child > .menu-link { + border-bottom-width: 0; +} + +.ast-header-break-point .main-navigation { + padding-right: 0; +} + +.ast-header-break-point .main-navigation ul .menu-item .menu-link { + padding: 0 20px; + display: inline-block; + width: 100%; + border: 0; + border-bottom-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type { + margin-left: 5px; +} + +.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type { + display: inline; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link { + padding-right: 30px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link { + padding-right: 40px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link { + padding-right: 50px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link { + padding-right: 60px; +} + +.ast-header-break-point .main-header-menu { + background-color: #f9f9f9; + border-top-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point .main-header-menu .sub-menu { + background-color: #f9f9f9; + position: static; + opacity: 1; + visibility: visible; + border: 0; + width: auto; +} + +.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu, +.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu { + right: 0; +} + +.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, +.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + right: 0; +} + +.ast-header-break-point .submenu-with-border .sub-menu { + border: 0; +} + +.ast-header-break-point .dropdown-menu-toggle { + display: none; +} + +/** + * Contents + */ +.ast-mobile-menu-buttons { + display: none; +} + +/* Toggle Button */ +.ast-button-wrap { + display: inline-block; +} + +.ast-button-wrap button { + box-shadow: none; + border: none; +} + +.ast-button-wrap .menu-toggle { + padding: 0; + width: 2.2em; + height: 2.1em; + font-size: 1.5em; + font-weight: normal; + border-radius: 2px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + border-radius: 2px; + vertical-align: middle; + line-height: 1.85714285714286; +} + +.ast-button-wrap .menu-toggle.main-header-menu-toggle { + padding: 0 .5em; + width: auto; + text-align: center; +} + +.ast-button-wrap .menu-toggle.main-header-menu-toggle .mobile-menu { + font-size: 15px; + font-size: 1rem; + font-weight: 600; +} + +.ast-button-wrap .menu-toggle .menu-toggle-icon { + font-style: normal; + display: inline-block; + vertical-align: middle; + line-height: 2.05; +} + +.ast-button-wrap .menu-toggle .menu-toggle-icon:before { + content: "\e5d2"; + font-family: 'Astra'; + text-decoration: inherit; +} + +.ast-button-wrap .menu-toggle .icon-menu-bars svg:nth-child(2) { + display: none; +} + +.ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before { + content: "\e5cd"; +} + +.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(1) { + display: none; +} + +.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(2) { + display: block; +} + +.ast-button-wrap .menu-toggle .mobile-menu-wrap { + display: inline-block; +} + +.ast-button-wrap .menu-toggle:focus { + outline: thin dotted; +} + +.header-main-layout-1 .ast-main-header-bar-alignment { + margin-right: auto; +} + +#site-navigation { + height: 100%; +} + +.site-header .menu-link * { + transition: none; +} + +.ast-icon.icon-arrow svg { + height: .6em; + width: .6em; + position: relative; + margin-right: 10px; +} + +.ast-icon.icon-search svg { + height: 1em; + width: 0.9em; + margin-top: 3px; + margin-left: 2px; +} + +/* Responsive Screen */ +.ast-header-break-point .user-select { + clear: both; +} + +.ast-header-break-point .ast-mobile-menu-buttons { + display: block; + align-self: center; +} + +.ast-header-break-point .main-header-bar-navigation { + flex: auto; +} + +.ast-header-break-point .ast-main-header-bar-alignment { + display: block; + width: 100%; + flex: auto; + order: 4; +} + +.ast-header-break-point .ast-icon.icon-arrow svg { + height: .85em; + width: .95em; + position: relative; + margin-right: 10px; +} + +/** + * Post/Page Navigation + */ +.site-main .comment-navigation, .site-main +.posts-navigation, .site-main +.post-navigation { + margin: 0 0 1.5em; + overflow: hidden; +} + +.comment-navigation .nav-previous, +.comment-navigation .nav-next, +.posts-navigation .nav-previous, +.posts-navigation .nav-next, +.post-navigation .nav-previous, +.post-navigation .nav-next { + width: 50%; + display: inline-block; +} + +.comment-navigation .nav-next, +.posts-navigation .nav-next, +.post-navigation .nav-next { + text-align: left; +} + +.ast-icon svg { + fill: currentColor; +} + +.post-navigation a { + background: transparent; + font-size: 16px; + font-size: 1.06666rem; + padding: 0 1.5em; + height: 2.33333em; + line-height: calc(2.33333em - 3px); +} + +/*---------- Primary ----------*/ +.sticky { + display: block; +} + +.hentry { + margin: 0 0 1.5em; +} + +.byline, +.updated:not(.published) { + display: none; +} + +.single .byline, +.group-blog .byline { + display: inline; +} + +.page-links { + clear: both; + margin-top: 1em; +} + +.page-links a { + display: inline-block; +} + +.page-links a .page-link { + border-color: #eaeaea; + background: transparent; +} + +.page-links .page-link { + padding: 0; + margin: 0 .3em .3em 0; + border: 2px solid #eaeaea; + color: #000; + background: transparent; + font-size: 0.8em; + width: 2.5em; + height: 2.5em; + line-height: calc( 2.5em - 4px); + display: inline-block; + text-align: center; + transition: all 0.2s linear; +} + +.page-links .page-link:hover, .page-links .page-link:focus { + color: #000; +} + +@media (max-width: 768px) { + .page-links .page-link { + margin-bottom: 6px; + } +} + +.page-content > :last-child, +.entry-content > :last-child, +.entry-summary > :last-child { + margin-bottom: 0; +} + +.bypostauthor { + display: block; +} + +/* .alignwide & .alignfull CSS compatibility */ +.ast-no-sidebar { + /* Boxed & Content Boxed container alignment support */ +} + +.ast-no-sidebar .entry-content { + /* Alignment while using the column block */ +} + +.ast-no-sidebar .entry-content .alignfull { + margin-right: calc(-50vw + 50%); + margin-left: calc(-50vw + 50%); + max-width: 100vw; + width: 100vw; +} + +.ast-no-sidebar .entry-content .alignfull .alignfull, +.ast-no-sidebar .entry-content .alignfull .alignwide { + width: 100%; + margin-right: auto; + margin-left: auto; +} + +.ast-no-sidebar .entry-content .alignwide { + margin-right: -100px; + margin-left: -100px; + max-width: unset; + width: unset; +} + +.ast-no-sidebar .entry-content .alignwide .alignfull, +.ast-no-sidebar .entry-content .alignwide .alignwide { + width: 100%; + margin-right: auto; + margin-left: auto; +} + +.ast-no-sidebar .entry-content .wp-block-column .alignfull, +.ast-no-sidebar .entry-content .wp-block-column .alignwide { + margin-right: auto; + margin-left: auto; + width: 100%; +} + +.ast-no-sidebar.ast-separate-container .entry-content { + /* Alignment while using the column block */ +} + +.ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-right: -6.67em; + margin-left: -6.67em; + width: auto; +} + +@media (max-width: 1200px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-right: -2.4em; + margin-left: -2.4em; + } +} + +@media (max-width: 768px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-right: -2.14em; + margin-left: -2.14em; + } +} + +@media (max-width: 544px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-right: -1em; + margin-left: -1em; + } +} + +.ast-no-sidebar.ast-separate-container .entry-content .alignwide { + margin-right: -20px; + margin-left: -20px; +} + +.ast-no-sidebar.ast-separate-container .entry-content .wp-block-column .alignfull, +.ast-no-sidebar.ast-separate-container .entry-content .wp-block-column .alignwide { + margin-right: auto; + margin-left: auto; + width: 100%; +} + +.wp-block-gallery, +.blocks-gallery-grid { + margin: 0; +} + +.wp-block-separator { + max-width: 100px; +} + +.wp-block-separator.is-style-wide { + max-width: none; +} + +.entry-content .has-2-columns .wp-block-column:first-child { + padding-left: 10px; +} + +.entry-content .has-2-columns .wp-block-column:last-child { + padding-right: 10px; +} + +@media (max-width: 782px) { + .entry-content .wp-block-columns .wp-block-column { + flex-basis: 100%; + } + .entry-content .has-2-columns .wp-block-column:first-child { + padding-left: 0; + } + .entry-content .has-2-columns .wp-block-column:last-child { + padding-right: 0; + } +} + +body { + overflow-x: hidden; +} + +body .entry-content .wp-block-latest-posts { + margin-right: 0; +} + +body .entry-content .wp-block-latest-posts li { + list-style: none; +} + +.ast-no-sidebar .ast-container .entry-content .wp-block-latest-posts { + margin-right: 0; +} + +.ast-header-break-point .entry-content .alignwide { + margin-right: auto; + margin-left: auto; +} + +.entry-content .blocks-gallery-item img { + margin-bottom: auto; +} + +.wp-block-pullquote { + border-top: 4px solid #555d66; + border-bottom: 4px solid #555d66; + color: #40464d; +} + +/*---------- Secondary ----------*/ +.widget-title { + font-weight: normal; + margin-bottom: 1em; + line-height: 1.5; +} + +.widget { + margin: 0 0 2.8em 0; +} + +.widget:last-child { + margin-bottom: 0; +} + +.widget select { + max-width: 100%; +} + +.widget ul { + margin: 0; + list-style-type: none; +} + +.widget_nav_menu ul ul.sub-menu { + margin-top: 0.25em; +} + +.widget_nav_menu ul ul.sub-menu li { + padding-right: 20px; +} + +.widget_nav_menu ul ul.sub-menu a:after { + right: -20px; +} + +.widget_nav_menu ul ul.sub-menu ul a:after { + right: -40px; +} + +.widget_nav_menu ul ul.sub-menu ul ul a:after { + right: -60px; +} + +.widget_nav_menu li { + transition: all 0.2s linear; +} + +/* Search widget. */ +.widget_search .search-form { + position: relative; + padding: 0; + background: initial; + color: inherit; +} + +.widget_search .search-form > label { + position: relative; +} + +.widget_search .search-form i { + color: #3a3a3a; +} + +.widget_search .search-form button { + position: absolute; + top: 0; + left: 15px; + border: none; + padding: 0; + cursor: pointer; + background: transparent; +} + +.widget_search .search-form input[type="submit"], +.widget_search .search-form input[type="submit"]:hover, +.widget_search .search-form input[type="submit"]:focus { + padding: 13px 20px; + border-radius: 2px; + border: none; + top: 0px; + left: 0px; + position: absolute; + color: transparent; + background: transparent; + max-width: 45px; + z-index: 2; +} + +.widget_search .search-form .search-field { + background: #fafafa; + border-width: 1px; + border-color: #eaeaea; + border-radius: 2px; +} + +.widget_search .search-field, +.widget_search .search-field:focus { + width: 100%; + padding: 16px 15px 16px 45px; +} + +/* Widget - Archive */ +/* Widget - Categories */ +.widget_pages ul.children, +.widget_archive ul.children, +.widget_categories ul.children { + position: relative; + margin-top: 5px; + width: 100%; +} + +.widget_pages ul.children li, +.widget_archive ul.children li, +.widget_categories ul.children li { + padding-right: 20px; +} + +.widget_pages li ul.children a:after, +.widget_archive li ul.children a:after, +.widget_categories li ul.children a:after { + right: -20px; +} + +.widget_pages li ul.children ul a:after, +.widget_archive li ul.children ul a:after, +.widget_categories li ul.children ul a:after { + right: -40px; +} + +/* Tag Cloud */ +.widget_tag_cloud .tagcloud { + margin-top: 10px; + display: inline-block; +} + +.widget_tag_cloud .tagcloud a { + border: 1px solid #e2e2e2; + padding: 0.5em 0.9em; + display: inline-block; + margin-bottom: 4px; + font-size: 14px; + margin-left: 4px; + line-height: 1.5; + transition: all 0.2s linear; +} + +/* Calender */ +.widget_calendar table, +.widget_calendar th, +.widget_calendar td { + padding: 0; + text-align: center; +} + +.widget_calendar table, +.widget_calendar th { + border: none; +} + +.widget_calendar td { + border-left: none; + border-right: none; +} + +.widget_calendar caption { + line-height: 2.7em; +} + +.widget_calendar thead { + line-height: 2.5em; +} + +.widget_calendar thead a { + color: #0274be; + font-size: 1rem; + vertical-align: middle; +} + +.widget_calendar thead td { + vertical-align: middle; + font-weight: bold; +} + +.widget_calendar thead > tr > th { + line-height: 2.5em; + border-bottom: 2px solid #eaeaea; + border-top: 2px solid #eaeaea; +} + +.widget_calendar tbody { + line-height: 2.10em; + text-align: center; +} + +.widget_calendar tbody > tr > td { + width: 14.2857%; +} + +.widget_calendar tbody > tr:first-child > td { + padding-top: 3px; +} + +.widget_calendar #today { + background: #0274be; +} + +/*---------- Builder ----------*/ +/** + * AST HF Builder - Grid related CSS. + */ +.ast-builder-grid-row { + display: grid; + grid-template-columns: auto auto; + align-items: center; + grid-column-gap: 20px; + overflow-wrap: anywhere; +} + +.ast-builder-grid-row > .site-header-section { + flex-wrap: nowrap; +} + +.ast-builder-footer-grid-columns { + grid-column-gap: 50px; +} + +.ast-builder-grid-row.ast-grid-center-col-layout { + grid-template-columns: 1fr auto 1fr; +} + +.ast-builder-layout-element { + align-items: center; +} + +.ast-builder-grid-row.ast-grid-center-col-layout-only { + -js-display: flex; + display: flex; + height: 100%; + justify-content: center; +} + +.ast-builder-grid-row.ast-grid-center-col-layout-only .ast-grid-section-center { + flex-grow: 1; +} + +.site-header-section { + height: 100%; + min-height: 0; + align-items: center; +} + +.site-header-section .ast-main-header-bar-alignment { + height: 100%; +} + +.site-header-section > * { + padding: 0 10px; +} + +.site-header-section > div:first-child { + padding-right: 0; +} + +.site-header-section > div:last-child { + padding-left: 0; +} + +.site-header-section .ast-builder-menu { + align-items: center; +} + +.ast-builder-layout-element.ast-header-search { + height: auto; +} + +.ast-grid-right-center-section { + justify-content: flex-start; + flex-grow: 1; +} + +.ast-grid-right-section { + justify-content: flex-end; +} + +.ast-grid-right-section .ast-site-identity > :first-child { + text-align: left; +} + +.ast-grid-right-section .ast-grid-right-center-section .ast-site-identity > :first-child { + text-align: right; +} + +.ast-grid-left-center-section { + justify-content: flex-end; + flex-grow: 1; +} + +/** + * AST HF Builder - Logo related CSS. + * Align center section's Site title & Tagline center align. + */ +.ast-logo-title-inline .ast-site-identity { + padding: 1em 0; + -js-display: inline-flex; + display: inline-flex; + vertical-align: middle; + align-items: center; + transition: all 0.2s linear; +} + +.ast-grid-section-center { + justify-content: center; +} + +.ast-grid-section-center .ast-site-identity > :first-child { + text-align: center; +} + +/** + * AST HF Builder - Widgets related CSS. + * Social Widget. + */ +.ast-builder-social-element { + line-height: 1; + color: #3a3a3a; + background: transparent; + vertical-align: middle; + transition: all 0.01s; + margin-right: 6px; + margin-left: 6px; + justify-content: center; + align-items: center; +} + +.ast-builder-social-element:hover { + color: #0274be; +} + +.ast-builder-social-element .social-item-label { + padding-right: 6px; +} + +.ast-social-stack-desktop .ast-builder-social-element, +.ast-social-stack-tablet .ast-builder-social-element, +.ast-social-stack-mobile .ast-builder-social-element { + margin-top: 6px; + margin-bottom: 6px; +} + +.ahfb-svg-iconset { + -js-display: inline-flex; + display: inline-flex; + align-self: center; +} + +.ahfb-svg-iconset svg { + width: 17px; + height: 17px; + transition: none; +} + +.ahfb-svg-iconset svg > * { + transition: none; +} + +/** + * AST HF Builder - Widgets related CSS. + * Button. + */ +.ast-footer-copyright p { + margin-bottom: 0; +} + +.ast-builder-grid-row-container { + display: grid; + align-content: center; +} + +.main-header-bar .main-header-bar-navigation { + height: 100%; +} + +.ast-nav-menu .sub-menu { + line-height: 1.45; +} + +.ast-builder-menu .main-navigation { + padding: 0; +} + +.ast-builder-menu .main-navigation > ul { + align-self: center; +} + +/** + * Astra HF Builder - Footer Components Compatibility CSS. + */ +.site-footer-focus-item { + width: 100%; +} + +.ast-footer-copyright { + width: 100%; +} + +.ast-footer-social-wrap { + width: 100%; +} + +#astra-footer-menu { + margin: 0; + list-style: none; + background: inherit; +} + +#astra-footer-menu > ul { + margin: 0; + list-style: none; + background: inherit; +} + +/** + * AST HF Builder - Responsive CSS. + * For desktop view. + */ +.ast-header-break-point #ast-mobile-header { + display: block; +} + +.ast-header-break-point .main-header-bar-navigation { + line-height: 3; +} + +.ast-header-break-point .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle { + display: inline-block; + position: absolute; + font-size: inherit; + top: 0px; + left: 20px; + cursor: pointer; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + padding: 0 0.907em; + font-weight: normal; + line-height: inherit; +} + +.ast-header-break-point .main-header-bar-navigation .menu-item-has-children .sub-menu { + display: none; +} + +.ast-header-break-point .ast-mobile-header-wrap .ast-above-header-wrap .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before, +.ast-header-break-point .ast-mobile-header-wrap .ast-main-header-wrap .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before { + transform: rotateX(180deg); +} + +.ast-header-break-point .ast-nav-menu .sub-menu { + line-height: 3; +} + +.site-footer-section { + justify-content: center; +} + +.site-footer-section > * { + margin-bottom: 10px; +} + +.site-footer-section > *:last-child { + margin-bottom: 0; +} + +.site-primary-footer-wrap { + padding-top: 45px; + padding-bottom: 45px; +} + +.site-above-footer-wrap, +.site-below-footer-wrap { + padding-top: 20px; + padding-bottom: 20px; +} + +.ast-hfb-header.ast-header-break-point .main-header-bar-navigation { + width: 100%; + margin: 0; +} + +.ast-hfb-header .menu-toggle.toggled .ast-mobile-svg { + display: none; +} + +.ast-hfb-header .menu-toggle.toggled .ast-close-svg { + display: block; +} + +.menu-toggle .ast-close-svg { + display: none; +} + +.ast-mobile-header-wrap .menu-toggle .mobile-menu-toggle-icon { + -js-display: inline-flex; + display: inline-flex; + align-self: center; +} + +.ast-mobile-header-wrap .menu-toggle .mobile-menu-wrap { + -js-display: inline-flex; + display: inline-flex; + align-self: center; + margin-right: 0.4em; +} + +.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle { + -js-display: flex; + display: flex; + align-items: center; + width: auto; + height: auto; +} + +.menu-toggle .mobile-menu-toggle-icon { + -js-display: inline-flex; + display: inline-flex; + align-self: center; +} + +.menu-toggle .mobile-menu-wrap { + -js-display: inline-flex; + display: inline-flex; + align-self: center; + margin-right: 0.4em; +} + +.ast-hfb-header .ast-button-wrap .menu-toggle .mobile-menu-wrap { + align-items: center; + -js-display: flex; + display: flex; +} + +.ast-button-wrap .menu-toggle.main-header-menu-toggle { + padding: .5em; + align-items: center; + -js-display: flex; + display: flex; +} + +.ast-search-menu-icon.ast-inline-search .search-field { + width: 100%; + padding: 0.60em; + padding-left: 5.5em; +} + +/* Footer menu spacing between each menu items. */ +@media (min-width: 769px) { + .footer-nav-wrap .astra-footer-horizontal-menu li { + margin: 0; + } + .footer-nav-wrap .astra-footer-horizontal-menu li:first-child a { + padding-right: 0; + } + .footer-nav-wrap .astra-footer-horizontal-menu li:last-child a { + padding-left: 0; + } + .footer-nav-wrap .astra-footer-horizontal-menu a { + padding: 0 0.5em; + } +} + +/*---------- Header ----------*/ +/** + * Header + * + * @import + * 1 - Header Layout Common + * 2 - Header Main +*/ +/* 1 - Header Common */ +/** + * Header Common + * + * Contents + * 1 - Common + * 4 - Main Header Container + * 6 - all and (max-width: $mx-break-point) + * 7 - Auto Margin +*/ +/** + * 1 - Common + */ +.site-header { + z-index: 99; + position: relative; +} + +/** + * 4 - Main Header Container + */ +.main-header-container { + position: relative; +} + +.main-header-bar-wrap { + position: relative; +} + +.main-header-bar { + background-color: #fff; + border-bottom-color: #eaeaea; + border-bottom-style: solid; +} + +/** + * 6 - all and (max-width: $mx-break-point) + */ +.ast-header-break-point .main-header-bar { + border: 0; +} + +.ast-header-break-point .main-header-bar { + border-bottom-color: #eaeaea; + border-bottom-style: solid; +} + +/** + * 7 - Auto Margin + */ +.main-header-bar { + margin-right: auto; + margin-left: auto; +} + +/** + * 10 - Submenu container box shadow + */ +.ast-desktop .main-header-menu:not(#ast-hf-mobile-menu) .sub-menu { + box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); +} + +.ast-header-custom-item-inside .button-custom-menu-item .menu-link { + display: none; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item { + padding-right: 0; + padding-left: 0; + margin-top: 0; + margin-bottom: 0; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .ast-custom-button-link { + display: none; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .menu-link { + display: block; +} + +/* 2 - Header Main */ +/** + * Header Sections + * + * All sections within the header. + * + * Contents + * 1 - Common + * 2 - Social Follow + * 3 - Site Logo + * 4 - Search Form + * + * # Responsive +*/ +/** + * 1 - Common + */ +.site-branding { + line-height: 1; + align-self: center; +} + +.ast-menu-toggle { + display: none; + background: transparent; + color: inherit; + border-style: dotted; + border-color: transparent; +} + +.ast-menu-toggle:focus, .ast-menu-toggle:hover { + background: transparent; + border-color: inherit; + color: inherit; +} + +.ast-menu-toggle:focus { + outline: thin dotted; +} + +/** + * 4 - Search Form & Main Header + */ +.ast-main-header-nav-open .main-header-bar { + padding-bottom: 0; +} + +.main-header-bar { + z-index: 4; + position: relative; +} + +.main-header-bar .main-header-bar-navigation:empty { + padding: 0; +} + +.main-header-bar .main-header-bar-navigation .sub-menu { + line-height: 1.45; +} + +.main-header-bar .main-header-bar-navigation .menu-item-has-children > .menu-link:after { + line-height: normal; +} + +/* Hide Mobile logo. */ +.custom-mobile-logo-link { + display: none; +} + +.ast-site-identity { + padding: 1em 0; +} + +.ast-header-break-point .site-header .main-header-bar-wrap .site-branding { + flex: 1; + align-self: center; +} + +.ast-header-break-point .ast-site-identity { + width: 100%; +} + +.ast-header-break-point .main-header-bar { + display: block; + line-height: 3; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation { + line-height: 3; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu { + line-height: 3; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu { + display: none; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle { + display: inline-block; + position: absolute; + font-size: inherit; + top: -1px; + left: 20px; + cursor: pointer; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + padding: 0 0.907em; + font-weight: normal; + line-height: inherit; + transition: all .2s; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before { + transform: rotateX(180deg); +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu { + border-top-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point .main-navigation { + display: block; + width: 100%; +} + +.ast-header-break-point .main-navigation ul ul { + right: auto; + left: auto; +} + +.ast-header-break-point .main-navigation .stack-on-mobile li { + width: 100%; +} + +.ast-header-break-point .main-navigation .widget { + margin-bottom: 1em; +} + +.ast-header-break-point .main-navigation .widget li { + width: auto; +} + +.ast-header-break-point .main-navigation .widget:last-child { + margin-bottom: 0; +} + +.ast-header-break-point .main-header-bar-navigation { + width: calc( 100% + 40px); + margin: 0 -20px; +} + +.ast-header-break-point .main-header-menu ul ul { + top: 0; +} + +.ast-header-break-point .ast-builder-menu { + width: 100%; +} + +.ast-header-break-point .ast-mobile-header-wrap .ast-flex.stack-on-mobile { + flex-wrap: wrap; +} + +.ast-desktop .main-header-menu > .menu-item .sub-menu:before { + position: absolute; + content: ''; + top: 0; + right: 0; + width: 100%; + transform: translateY(-100%); +} + +/*---------- Forms ----------*/ +/** + * Form Fields + * + * @import + * 1 - All fields common scss + * 2 - Field - Range + * 3 - Field - Color +*/ +/* 1 - All fields common scss */ +input[type="text"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="password"], +input[type="search"], +input[type=reset], +input[type=tel], +select, +textarea { + color: #666; + padding: 0.75em; + height: auto; + border-width: 1px; + border-style: solid; + border-color: #eaeaea; + border-radius: 2px; + background: #fafafa; + box-shadow: none; + box-sizing: border-box; + transition: all 0.2s linear; +} + +input[type="text"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +input[type="search"]:focus, +input[type=reset]:focus, +input[type=tel]:focus, +select:focus, +textarea:focus { + background-color: #fff; + border-color: #eaeaea; + box-shadow: none; +} + +input[type=reset], +input[type=reset]:hover, +input[type=reset]:focus, +input[type="submit"], +input[type="submit"]:hover, +input[type="submit"]:focus, +input[type="button"], +input[type="button"]:hover, +input[type="button"]:focus { + box-shadow: none; +} + +textarea { + width: 100%; +} + +input[type="search"]:focus { + outline: thin dotted; +} + +/* 2 - Field - Range */ +/* Range */ +input[type=range] { + -webkit-appearance: none; + width: 100%; + margin: 5.7px 0; + padding: 0; + border: none; +} + +input[type=range]:focus { + outline: none; +} + +input[type=range]::-webkit-slider-runnable-track { + width: 100%; + height: 8.6px; + cursor: pointer; + box-shadow: -2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; + background: rgba(255, 255, 255, 0.2); + border-radius: 13.6px; + border: 0px solid #ffffff; +} + +input[type=range]::-webkit-slider-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; + -webkit-appearance: none; + margin-top: -5.7px; +} + +input[type=range]:focus::-webkit-slider-runnable-track { + background: rgba(255, 255, 255, 0.2); +} + +input[type=range]::-moz-range-track { + width: 100%; + height: 8.6px; + cursor: pointer; + box-shadow: -2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; + background: rgba(255, 255, 255, 0.2); + border-radius: 13.6px; + border: 0px solid #ffffff; +} + +input[type=range]::-moz-range-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; +} + +input[type=range]::-ms-track { + width: 100%; + height: 8.6px; + cursor: pointer; + background: transparent; + border-color: transparent; + color: transparent; +} + +input[type=range]::-ms-fill-lower { + background: rgba(199, 199, 199, 0.2); + border: 0px solid #ffffff; + border-radius: 27.2px; + box-shadow: -2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; +} + +input[type=range]::-ms-fill-upper { + background: rgba(255, 255, 255, 0.2); + border: 0px solid #ffffff; + border-radius: 27.2px; + box-shadow: -2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; +} + +input[type=range]::-ms-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; + height: 8.6px; +} + +input[type=range]:focus::-ms-fill-lower { + background: rgba(255, 255, 255, 0.2); +} + +input[type=range]:focus::-ms-fill-upper { + background: rgba(255, 255, 255, 0.2); +} + +/* 3 - Field - Color */ +/* Color */ +input[type="color"] { + border: none; + width: 100px; + padding: 0; + height: 30px; + cursor: pointer; +} + +input[type="color"]::-webkit-color-swatch-wrapper { + padding: 0; + border: none; +} + +input[type="color"]::-webkit-color-swatch { + border: none; +} + +/*---------- Blog ----------*/ +/*-------------------------------------------------------------- +## Blog Layouts +--------------------------------------------------------------*/ +/** + * Blog Common + */ +.page .entry-header { + margin-bottom: 1.5em; +} + +.search .entry-header { + margin-bottom: 1em; +} + +.ast-single-post .entry-header.ast-header-without-markup, .ast-single-post .entry-header.ast-no-title.ast-no-thumbnail { + margin-bottom: 0; +} + +.entry-header { + margin-bottom: 1em; + word-wrap: break-word; +} + +.entry-header + .ast-blog-featured-section { + margin-top: 0.5em; +} + +.entry-content { + word-wrap: break-word; +} + +.entry-content p { + margin-bottom: 1.6em; +} + +.read-more { + margin-bottom: 0; +} + +.read-more .ast-right-arrow { + font-size: 1em; +} + +.ast-no-thumb .ast-blog-featured-section { + margin-bottom: 0; +} + +.ast-no-thumb .entry-header + .ast-blog-featured-section { + margin-top: 0; +} + +.ast-blog-featured-section { + margin-bottom: 1.5em; +} + +.error404 .page-header { + margin-bottom: 1.5em; +} + +.error404 .page-header .page-title { + margin-bottom: 0; +} + +.blog .entry-title, +.archive .entry-title, +.search .entry-title { + line-height: 1.3; +} + +.blog .format-status .entry-title, +.archive .format-status .entry-title, +.blog .format-aside .entry-title, +.archive .format-aside .entry-title { + display: none; +} + +.page-title { + margin-bottom: 1em; + font-weight: normal; +} + +.entry-title { + margin-bottom: 0.2em; +} + +.ast-article-post { + margin-bottom: 2.5em; +} + +.ast-article-post:last-child { + margin-bottom: 0; + border-bottom: 0; +} + +.search .site-content .content-area .search-form { + margin-bottom: 3em; +} + +.blog-layout-1 { + /* 2 - Blog Thumbnail Styles */ +} + +.blog-layout-1 .post-thumb { + padding-right: 0; + padding-left: 0; + position: relative; +} + +.blog .posted-on { + z-index: 1; +} + +.ast-blog-featured-section .posted-on { + width: 5.714285714em; + height: 5.714285714em; + padding: 0.7em; +} + +.ast-blog-featured-section .posted-on .date-month, +.ast-blog-featured-section .posted-on .date-year { + font-size: 0.8571428571em; + line-height: 1em; +} + +.ast-blog-featured-section .posted-on .date-day { + font-size: 2.5em; + line-height: .9em; + font-weight: 900; + margin: .1em 0; +} + +/* ============================================================ + Archive Blogs +============================================================ */ +.ast-author-box img.avatar { + border-radius: 50%; + margin: 0 20px 0 0; +} + +.ast-archive-description { + margin-bottom: 2.5em; + padding-bottom: 1.3333em; + border-bottom: 1px solid #eeeeee; +} + +.ast-archive-description .ast-archive-title { + margin-bottom: 4px; + font-size: 40px; + font-size: 2.85714rem; + font-weight: 300; +} + +.ast-archive-description p { + margin-bottom: 0; + font-size: 20px; + font-size: 1.42857rem; + line-height: 1.65; + font-weight: 300; +} + +.ast-separate-container .ast-author-box, +.ast-separate-container .ast-archive-description { + background-color: #eee; + padding-bottom: 0; + border-bottom: 0; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-archive-description { + margin: 0; + padding: 3.34em 2.4em; + } +} + +@media (max-width: 992px) { + .ast-separate-container .ast-archive-description { + padding: 2.14em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-author-box, + .ast-separate-container .ast-archive-description { + margin: 0; + padding: 5em 6.67em 3.33333em; + } +} + +/*-------------------------------------------------------------- +## Single Blog Post Layouts +--------------------------------------------------------------*/ +/*---------- Single Post Common Stylesheet ----------*/ +/** + * Common Stylesheet of Single Post + * + * Content + * 1 - Single Post Navigation Styles + * 2 - Single Post Article Header +*/ +.single { + /* 1 - Single Post Navigation Styles */ +} + +.single .entry-header { + margin-bottom: 2em; +} + +.single .post-navigation { + margin: 0; + padding: 2em 0 0; + border-top: 1px solid #eeeeee; +} + +@media (max-width: 768px) { + .single .post-navigation { + padding-top: 1.5em; + } +} + +.single .post-navigation a { + margin: 2px; + display: inline-block; + text-align: center; + color: #000; +} + +@media (min-width: 421px) { + .single .post-navigation .nav-links { + -js-display: flex; + display: flex; + } + .single .post-navigation .nav-previous, + .single .post-navigation .nav-next { + flex: auto; + } +} + +@media (max-width: 420px) { + .single .post-navigation .ast-left-arrow, + .single .post-navigation .ast-right-arrow { + display: none; + } + .single .post-navigation .nav-previous, + .single .post-navigation .nav-next { + width: 100%; + } + .single .post-navigation .nav-previous a, + .single .post-navigation .nav-next a { + width: 100%; + } + .single .post-navigation .nav-previous { + margin-bottom: 1em; + } +} + +/* 2 - Single Post Article Header */ +.single .entry-header .ast-single-post-order + .post-thumb img { + margin-top: 2em; + margin-bottom: 0; +} + +.single .entry-header.ast-no-title .post-thumb + .ast-single-post-order { + margin-top: 0; +} + +.single .entry-header .post-thumb + .ast-single-post-order { + margin-top: 2em; +} + +.single .entry-header .post-thumb img { + margin-top: 0; + margin-bottom: 0; +} + +.page .has-post-thumbnail .post-thumb img { + margin-bottom: 1.5em; +} + +.post-password-form { + text-align: center; +} + +@media (max-width: 420px) { + .post-password-form input[type="password"] { + display: block; + margin: 10px auto; + } +} + +.post-password-form input[type="submit"] { + padding: 10px 20px; + border-radius: 2px; +} + +.ast-separate-container .post-navigation { + border-top: 0; + padding-right: 3.33333em; + padding-left: 3.33333em; +} + +@media (max-width: 420px) { + .ast-separate-container .post-navigation { + padding-right: 0; + padding-left: 0; + } +} + +@media (max-width: 768px) { + .ast-separate-container .entry-header { + margin-bottom: 1em; + } +} + +/*---------- 404 ----------*/ +.ast-404-layout-1 { + text-align: center; + margin: 4em auto; +} + +.ast-404-layout-1 .page-sub-title { + font-size: 1.5rem; + font-weight: bold; +} + +.ast-404-layout-1 .widget_search { + padding-top: 0.5em; +} + +.ast-404-search { + margin-top: 1.5em; +} + +.ast-404-search .widget_search { + max-width: 370px; + margin: 0 auto; +} + +.ast-separate-container .error-404, +.ast-separate-container .no-results { + background-color: #fff; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + margin: 0; + padding: 3.34em 2.4em; + } +} + +@media (max-width: 768px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + padding: 1.5em 2.14em; + } +} + +@media (max-width: 544px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + padding: 1.5em 1em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + margin: 0; + padding: 5.34em 6.67em; + } +} + +/*---------- Blog Styles ----------*/ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.blog-layout-1 { + width: 100%; + display: inline-block; + padding-bottom: 2em; + vertical-align: middle; + border-bottom: 1px solid #eeeeee; +} + +.blog-layout-1 .posted-on { + right: 0; +} + +.blog-layout-1 .post-thumb, +.blog-layout-1 .post-content { + padding-right: 0; + padding-left: 0; +} + +/** + * Flexbox Framework + * + * .ast - prefix + * + * Flex classes generated as {prefix} + {css property - css value} . + * + * E.g. Here '.ast' is a prefix. + * + * .ast-flex + * .ast-flex-1 + * .ast-flex-2 + * .ast-flex-3 + * .ast-flex-4 + * .ast-flex-5 + * .ast-inline-flex + * .ast-flex-direction-row + * .ast-flex-direction-row-reverse + * .ast-flex-direction-column + * .ast-flex-direction-column-reverse + * .ast-flex-wrap-nowrap + * .ast-flex-wrap-wrap + * .ast-flex-wrap-wrap-reverse + * .ast-justify-content-flex-start + * .ast-justify-content-flex-end + * .ast-justify-content-center + * .ast-justify-content-space-between + * .ast-justify-content-space-around + * .ast-align-items-flex-start + * .ast-align-items-flex-end + * .ast-align-items-center + * .ast-align-items-baseline + * .ast-align-items-stretch + * .ast-align-content-flex-start + * .ast-align-content-flex-end + * .ast-align-content-center + * .ast-align-content-space-between + * .ast-align-content-space-around + * .ast-align-content-stretch + * .ast-order-1 + * .ast-order-2 + * .ast-order-3 + * .ast-order-4 + * .ast-order-5 + * .ast-flex-grow-1 + * .ast-flex-grow-2 + * .ast-flex-grow-3 + * .ast-flex-grow-4 + * .ast-flex-grow-5 + * .ast-flex-shrink-grow-1 + * .ast-flex-shrink-grow-2 + * .ast-flex-shrink-grow-3 + * .ast-flex-shrink-grow-4 + * .ast-flex-shrink-grow-5 + * .ast-flex-basis-grow-1 + * .ast-flex-basis-grow-2 + * .ast-flex-basis-grow-3 + * .ast-flex-basis-grow-4 + * .ast-flex-basis-grow-5 + * .ast-align-self-auto + * .ast-align-self-flex-start + * .ast-align-self-flex-end + * .ast-align-self-center + * .ast-align-self-baseline + * .ast-align-self-stretch + */ +.ast { + /* + # LAYOUT + ———————————————- + display: flex | inline-flex; + ———————————————- + */ + /* + ————————————————————————– + # CONTAINER (for PARENT) + ————————————————————————– + + # FLOW + ————————————————————————– + flex-flow: <‘flex-direction’> || <‘flex-wrap’> + ————————————————————————– + + # DIRECTION + ————————————————————————– + flex-direction: row | row-reverse | column | column-reverse; + ————————————————————————– + */ + /* + # WRAP + ————————————————————————– + flex-wrap: nowrap | wrap | wrap-reverse; + ————————————————————————– + */ + /* + ————————————————————————– + # JUSTIFY CONTENT + ————————————————————————– + justify-content: flex-start | flex-end | center | space-between | space-around; + ————————————————————————– + */ + /* + ————————————————————————– + # ALIGN – ITEMS + ————————————————————————– + align-items: flex-start | flex-end | center | baseline | stretch; + ————————————————————————– + */ + /* + ————————————————————————– + # ALIGN – CONTENT + ————————————————————————– + align-content: flex-start | flex-end | center | space-between | space-around | stretch; + ————————————————————————– + */ + /* + ————————————————————————– + # ITEMS (for CHILDs) + ————————————————————————– + + # FLEX + ————————————————————————– + flex: none | [ <‘flex-grow’> <‘flex-shrink’>? || <‘flex-basis’> ] + ————————————————————————– + ————————————————————————– + + # ORDER + ————————————————————————– + order: ; + ————————————————————————– + */ + /* + ————————————————————————– + # GROW + ————————————————————————– + flex-grow: ; default 0 + ————————————————————————– + */ + /* + ————————————————————————– + # SHRINK + ————————————————————————– + flex-shrink: ; default 1 + ————————————————————————– + */ + /* + ————————————————————————– + # ALIGN SELF + ————————————————————————– + align-self: auto | flex-start | flex-end | center | baseline | stretch; + ————————————————————————– + */ + /* + ————————————————————————– + */ +} + +.ast-flex { + -js-display: flex; + display: flex; + flex-wrap: wrap; +} + +.ast-flex-1 { + flex: 1; +} + +.ast-flex-2 { + flex: 2; +} + +.ast-flex-3 { + flex: 3; +} + +.ast-flex-4 { + flex: 4; +} + +.ast-flex-5 { + flex: 5; +} + +.ast-inline-flex { + -js-display: inline-flex; + display: inline-flex; + align-items: center; + flex-wrap: wrap; + align-content: center; +} + +.ast-flex-direction-row { + flex-direction: row; +} + +.ast-flex-direction-row-reverse { + flex-direction: row-reverse; +} + +.ast-flex-direction-column { + flex-direction: column; +} + +.ast-flex-direction-column-reverse { + flex-direction: column-reverse; +} + +.ast-flex-wrap-nowrap { + flex-wrap: nowrap; +} + +.ast-flex-wrap-wrap { + flex-wrap: wrap; +} + +.ast-flex-wrap-wrap-reverse { + flex-wrap: wrap-reverse; +} + +.ast-justify-content-flex-start { + justify-content: flex-start; +} + +.ast-justify-content-flex-end { + justify-content: flex-end; +} + +.ast-justify-content-center { + justify-content: center; +} + +.ast-justify-content-space-between { + justify-content: space-between; +} + +.ast-justify-content-space-around { + justify-content: space-around; +} + +.ast-align-items-flex-start { + align-items: flex-start; +} + +.ast-align-items-flex-end { + align-items: flex-end; +} + +.ast-align-items-center { + align-items: center; +} + +.ast-align-items-baseline { + align-items: baseline; +} + +.ast-align-items-stretch { + align-items: stretch; +} + +.ast-align-content-flex-start { + align-content: flex-start; +} + +.ast-align-content-flex-end { + align-content: flex-end; +} + +.ast-align-content-center { + align-content: center; +} + +.ast-align-content-space-between { + align-content: space-between; +} + +.ast-align-content-space-around { + align-content: space-around; +} + +.ast-align-content-stretch { + align-content: stretch; +} + +.ast-order-1 { + order: 1; +} + +.ast-order-2 { + order: 2; +} + +.ast-order-3 { + order: 3; +} + +.ast-order-4 { + order: 4; +} + +.ast-order-5 { + order: 5; +} + +.ast-flex-grow-1 { + flex-grow: 1; +} + +.ast-flex-grow-2 { + flex-grow: 2; +} + +.ast-flex-grow-3 { + flex-grow: 3; +} + +.ast-flex-grow-4 { + flex-grow: 4; +} + +.ast-flex-grow-5 { + flex-grow: 5; +} + +.ast-flex-shrink-1 { + flex-shrink: 1; +} + +.ast-flex-shrink-2 { + flex-shrink: 2; +} + +.ast-flex-shrink-3 { + flex-shrink: 3; +} + +.ast-flex-shrink-4 { + flex-shrink: 4; +} + +.ast-flex-shrink-5 { + flex-shrink: 5; +} + +.ast-align-self-auto { + align-self: auto; +} + +.ast-align-self-flex-start { + align-self: flex-start; +} + +.ast-align-self-flex-end { + align-self: flex-end; +} + +.ast-align-self-center { + align-self: center; +} + +.ast-align-self-baseline { + align-self: baseline; +} + +.ast-align-self-stretch { + align-self: stretch; +} diff --git a/assets/css/unminified/frontend.css b/assets/css/unminified/frontend.css new file mode 100644 index 0000000..aa9c176 --- /dev/null +++ b/assets/css/unminified/frontend.css @@ -0,0 +1,3755 @@ +@charset "UTF-8"; +/*-------------------------------------------------------------- +>>> TABLE OF CONTENTS: +---------------------------------------------------------------- +# Normalize +# Typography +# Elements +# Forms +# Navigation + ## Links + ## Menus +# Accessibility +# Alignments +# Clearings +# Widgets +# Content + ## Posts and pages + ## Asides + ## Comments +# Infinite scroll +# Media + ## Captions + ## Galleries +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Normalize +--------------------------------------------------------------*/ +html, +body, +p, +ol, +ul, +li, +dl, +dt, +dd, +blockquote, +figure, +fieldset, +legend, +textarea, +pre, +iframe, +address, +hr, +h1, +h2, +h3, +h4, +h5, +h6 { + border: 0; + font-size: 100%; + font-style: inherit; + font-weight: inherit; + margin: 0; + outline: 0; + padding: 0; + vertical-align: baseline; +} + +html { + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +main, +nav { + display: block; +} + +progress { + display: inline-block; + vertical-align: baseline; +} + +a { + background-color: transparent; +} + +a:active { + outline: 0; +} + +a, +a:visited, +a:hover, +a:focus { + text-decoration: none; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, +strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +mark { + background: #ff0; + color: #000; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 0; +} + +hr { + box-sizing: content-box; + height: 0; +} + +pre { + overflow: auto; +} + +code, +kbd, +pre, +samp { + font-size: 1em; +} + +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} + +button { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} + +button[disabled], +html input[disabled] { + cursor: default; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input { + line-height: normal; +} + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +input[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box; +} + +.search .search-submit, +#comments .submit { + padding: 10px 15px; + border-radius: 2px; + line-height: 1.85714285714286; + border: 0; +} + +.search .site-main .ast-search-submit { + display: none; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +fieldset { + border: 1px solid #eaeaea; + margin: 0 0px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + border: 0; + padding: 0; +} + +fieldset legend { + margin-bottom: 1.5em; + padding: 0 0.5em; +} + +textarea { + overflow: auto; +} + +optgroup { + font-weight: bold; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} + +/*-------------------------------------------------------------- +# Bootstrap Grid +--------------------------------------------------------------*/ +/*! + * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) + */ +.ast-container { + max-width: 100%; +} + +.ast-container-fluid, .ast-container { + margin-left: auto; + margin-right: auto; + padding-left: 20px; + padding-right: 20px; +} + +.ast-container-fluid::after, .ast-container::after { + content: ""; + display: table; + clear: both; +} + +.ast-col-xs-1, .ast-col-xs-2, .ast-col-xs-3, .ast-col-xs-4, .ast-col-xs-5, .ast-col-xs-6, .ast-col-xs-7, .ast-col-xs-8, .ast-col-xs-9, .ast-col-xs-10, .ast-col-xs-11, .ast-col-xs-12, .ast-col-sm-1, .ast-col-sm-2, .ast-col-sm-3, .ast-col-sm-4, .ast-col-sm-5, .ast-col-sm-6, .ast-col-sm-7, .ast-col-sm-8, .ast-col-sm-9, .ast-col-sm-10, .ast-col-sm-11, .ast-col-sm-12, .ast-col-md-1, .ast-col-md-2, .ast-col-md-3, .ast-col-md-4, .ast-col-md-5, .ast-col-md-6, .ast-col-md-7, .ast-col-md-8, .ast-col-md-9, .ast-col-md-10, .ast-col-md-11, .ast-col-md-12, .ast-col-lg-1, .ast-col-lg-2, .ast-col-lg-3, .ast-col-lg-4, .ast-col-lg-5, .ast-col-lg-6, .ast-col-lg-7, .ast-col-lg-8, .ast-col-lg-9, .ast-col-lg-10, .ast-col-lg-11, .ast-col-lg-12, .ast-col-xl-1, .ast-col-xl-2, .ast-col-xl-3, .ast-col-xl-4, .ast-col-xl-5, .ast-col-xl-6, .ast-col-xl-7, .ast-col-xl-8, .ast-col-xl-9, .ast-col-xl-10, .ast-col-xl-11, .ast-col-xl-12 { + position: relative; + min-height: 1px; + padding-left: 20px; + padding-right: 20px; +} + +.ast-col-xs-1, .ast-col-xs-2, .ast-col-xs-3, .ast-col-xs-4, .ast-col-xs-5, .ast-col-xs-6, .ast-col-xs-7, .ast-col-xs-8, .ast-col-xs-9, .ast-col-xs-10, .ast-col-xs-11, .ast-col-xs-12 { + float: left; +} + +.ast-col-xs-1 { + width: 8.3333333333%; +} + +.ast-col-xs-2 { + width: 16.6666666667%; +} + +.ast-col-xs-3 { + width: 25%; +} + +.ast-col-xs-4 { + width: 33.3333333333%; +} + +.ast-col-xs-5 { + width: 41.6666666667%; +} + +.ast-col-xs-6 { + width: 50%; +} + +.ast-col-xs-7 { + width: 58.3333333333%; +} + +.ast-col-xs-8 { + width: 66.6666666667%; +} + +.ast-col-xs-9 { + width: 75%; +} + +.ast-col-xs-10 { + width: 83.3333333333%; +} + +.ast-col-xs-11 { + width: 91.6666666667%; +} + +.ast-col-xs-12 { + width: 100%; +} + +@media (min-width: 544px) { + .ast-col-sm-1, .ast-col-sm-2, .ast-col-sm-3, .ast-col-sm-4, .ast-col-sm-5, .ast-col-sm-6, .ast-col-sm-7, .ast-col-sm-8, .ast-col-sm-9, .ast-col-sm-10, .ast-col-sm-11, .ast-col-sm-12 { + float: left; + } + .ast-col-sm-1 { + width: 8.3333333333%; + } + .ast-col-sm-2 { + width: 16.6666666667%; + } + .ast-col-sm-3 { + width: 25%; + } + .ast-col-sm-4 { + width: 33.3333333333%; + } + .ast-col-sm-5 { + width: 41.6666666667%; + } + .ast-col-sm-6 { + width: 50%; + } + .ast-col-sm-7 { + width: 58.3333333333%; + } + .ast-col-sm-8 { + width: 66.6666666667%; + } + .ast-col-sm-9 { + width: 75%; + } + .ast-col-sm-10 { + width: 83.3333333333%; + } + .ast-col-sm-11 { + width: 91.6666666667%; + } + .ast-col-sm-12 { + width: 100%; + } +} + +@media (min-width: 768px) { + .ast-col-md-1, .ast-col-md-2, .ast-col-md-3, .ast-col-md-4, .ast-col-md-5, .ast-col-md-6, .ast-col-md-7, .ast-col-md-8, .ast-col-md-9, .ast-col-md-10, .ast-col-md-11, .ast-col-md-12 { + float: left; + } + .ast-col-md-1 { + width: 8.3333333333%; + } + .ast-col-md-2 { + width: 16.6666666667%; + } + .ast-col-md-3 { + width: 25%; + } + .ast-col-md-4 { + width: 33.3333333333%; + } + .ast-col-md-5 { + width: 41.6666666667%; + } + .ast-col-md-6 { + width: 50%; + } + .ast-col-md-7 { + width: 58.3333333333%; + } + .ast-col-md-8 { + width: 66.6666666667%; + } + .ast-col-md-9 { + width: 75%; + } + .ast-col-md-10 { + width: 83.3333333333%; + } + .ast-col-md-11 { + width: 91.6666666667%; + } + .ast-col-md-12 { + width: 100%; + } +} + +@media (min-width: 992px) { + .ast-col-lg-1, .ast-col-lg-2, .ast-col-lg-3, .ast-col-lg-4, .ast-col-lg-5, .ast-col-lg-6, .ast-col-lg-7, .ast-col-lg-8, .ast-col-lg-9, .ast-col-lg-10, .ast-col-lg-11, .ast-col-lg-12 { + float: left; + } + .ast-col-lg-1 { + width: 8.3333333333%; + } + .ast-col-lg-2 { + width: 16.6666666667%; + } + .ast-col-lg-3 { + width: 25%; + } + .ast-col-lg-4 { + width: 33.3333333333%; + } + .ast-col-lg-5 { + width: 41.6666666667%; + } + .ast-col-lg-6 { + width: 50%; + } + .ast-col-lg-7 { + width: 58.3333333333%; + } + .ast-col-lg-8 { + width: 66.6666666667%; + } + .ast-col-lg-9 { + width: 75%; + } + .ast-col-lg-10 { + width: 83.3333333333%; + } + .ast-col-lg-11 { + width: 91.6666666667%; + } + .ast-col-lg-12 { + width: 100%; + } +} + +@media (min-width: 1200px) { + .ast-col-xl-1, .ast-col-xl-2, .ast-col-xl-3, .ast-col-xl-4, .ast-col-xl-5, .ast-col-xl-6, .ast-col-xl-7, .ast-col-xl-8, .ast-col-xl-9, .ast-col-xl-10, .ast-col-xl-11, .ast-col-xl-12 { + float: left; + } + .ast-col-xl-1 { + width: 8.3333333333%; + } + .ast-col-xl-2 { + width: 16.6666666667%; + } + .ast-col-xl-3 { + width: 25%; + } + .ast-col-xl-4 { + width: 33.3333333333%; + } + .ast-col-xl-5 { + width: 41.6666666667%; + } + .ast-col-xl-6 { + width: 50%; + } + .ast-col-xl-7 { + width: 58.3333333333%; + } + .ast-col-xl-8 { + width: 66.6666666667%; + } + .ast-col-xl-9 { + width: 75%; + } + .ast-col-xl-10 { + width: 83.3333333333%; + } + .ast-col-xl-11 { + width: 91.6666666667%; + } + .ast-col-xl-12 { + width: 100%; + } +} + +.ast-row { + margin-left: -20px; + margin-right: -20px; +} + +.ast-row::after { + content: ""; + display: table; + clear: both; +} + +/*-------------------------------------------------------------- +# Site Variables +--------------------------------------------------------------*/ +/*---------- Font Size ----------*/ +/*---------- Line Height ----------*/ +/*---------- Site Basic Structure ----------*/ +/*---------- z-index Structure ----------*/ +/*-------------------------------------------------------------- +# Mixins +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Typography +--------------------------------------------------------------*/ +h1, h2, h3, h4, h5, h6 { + clear: both; +} + +h1, +.entry-content h1 { + color: #808285; + font-size: 2em; + line-height: 1.2; +} + +h2, +.entry-content h2 { + color: #808285; + font-size: 1.7em; + line-height: 1.3; +} + +h3, +.entry-content h3 { + color: #808285; + font-size: 1.5em; + line-height: 1.4; +} + +h4, +.entry-content h4 { + color: #808285; + line-height: 1.5; + font-size: 1.3em; +} + +h5, +.entry-content h5 { + color: #808285; + line-height: 1.6; + font-size: 1.2em; +} + +h6, +.entry-content h6 { + color: #808285; + line-height: 1.7; + font-size: 1.1em; +} + +/*-------------------------------------------------------------- +# Elements +--------------------------------------------------------------*/ +html { + box-sizing: border-box; +} + +*, +*:before, +*:after { + /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ + box-sizing: inherit; +} + +body { + color: #808285; + background: #ffffff; + /* Fallback for when there is no custom background color defined. */ + font-style: normal; +} + +ul, ol { + margin: 0 0 1.5em 3em; +} + +ul { + list-style: disc; +} + +ol { + list-style: decimal; +} + +li > ul, +li > ol { + margin-bottom: 0; + margin-left: 1.5em; +} + +dt { + font-weight: bold; +} + +dd { + margin: 0 1.5em 1.5em; +} + +b, +strong { + font-weight: bold; +} + +dfn, +cite, +em, +i { + font-style: italic; +} + +blockquote, +q { + quotes: "" ""; +} + +blockquote:before, blockquote:after, +q:before, +q:after { + content: ""; +} + +blockquote { + border-left: 5px solid rgba(0, 0, 0, 0.05); + padding: 20px; + font-size: 1.2em; + font-style: italic; + margin: 0 0 1.5em; + position: relative; +} + +blockquote p:last-child { + margin: 0; +} + +address { + margin: 0 0 1.5em; +} + +abbr, +acronym { + border-bottom: 1px dotted #666; + cursor: help; +} + +pre { + background: #eee; + font-family: "Courier 10 Pitch", Courier, monospace; + margin-bottom: 1.6em; + overflow: auto; + max-width: 100%; + padding: 1.6em; +} + +code, +kbd, +tt, +var { + font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; +} + +img { + height: auto; + /* Make sure images are scaled correctly. */ + max-width: 100%; + /* Adhere to container width. */ +} + +hr { + background-color: #ccc; + border: 0; + height: 1px; + margin-bottom: 1.5em; +} + +.ast-button, +.button, +button, +input, +select, +textarea { + color: #808285; + font-weight: normal; + font-size: 100%; + /* Corrects font size not being inherited in all browsers */ + margin: 0; + /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ + vertical-align: baseline; + /* Improves appearance and consistency in all browsers */ +} + +button, +input { + line-height: normal; + /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ +} + +big { + font-size: 125%; +} + +mark, +ins { + background: transparent; + text-decoration: none; +} + +table, th, td { + border: 1px solid rgba(0, 0, 0, 0.1); +} + +table { + border-collapse: separate; + border-spacing: 0; + border-width: 1px 0 0 1px; + margin: 0 0 1.5em; + width: 100%; +} + +th { + font-weight: bold; +} + +th, td { + padding: 8px; + text-align: left; + border-width: 0 1px 1px 0; +} + +/*-------------------------------------------------------------- +# Forms +--------------------------------------------------------------*/ +button, +.ast-button, +.button, +input[type="button"], +input[type="reset"], +input[type="submit"] { + border: 1px solid; + border-color: #eaeaea; + border-radius: 2px; + background: #e6e6e6; + padding: .6em 1em .4em; + color: #fff; +} + +button:hover, button:focus, +.ast-button:hover, +.ast-button:focus, +.button:hover, +.button:focus, +input[type="button"]:hover, +input[type="button"]:focus, +input[type="reset"]:hover, +input[type="reset"]:focus, +input[type="submit"]:hover, +input[type="submit"]:focus { + color: #fff; + border-color: #eaeaea; +} + +button:active, button:focus, +.ast-button:active, +.ast-button:focus, +.button:active, +.button:focus, +input[type="button"]:active, +input[type="button"]:focus, +input[type="reset"]:active, +input[type="reset"]:focus, +input[type="submit"]:active, +input[type="submit"]:focus { + border-color: #eaeaea; + outline: none; +} + +input[type="text"], +input[type="email"], +input[type="url"], +input[type="password"], +input[type="search"], +input[type="tel"], +textarea { + color: #666; + border: 1px solid #ccc; + border-radius: 2px; + -webkit-appearance: none; +} + +input[type="text"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +textarea:focus { + color: #111; +} + +textarea { + padding-left: 3px; + width: 100%; +} + +/*-------------------------------------------------------------- +# Navigation +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +## Links +--------------------------------------------------------------*/ +a { + color: royalblue; +} + +a:hover, a:focus { + color: midnightblue; +} + +a:focus { + outline: thin dotted; +} + +a:hover { + outline: 0; +} + +/*-------------------------------------------------------------- +# Accessibility +--------------------------------------------------------------*/ +/* Text meant only for screen readers. */ +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.screen-reader-text:focus { + background-color: #f1f1f1; + border-radius: 2px; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + clip: auto !important; + color: #21759b; + display: block; + font-size: 12.25px; + font-size: 0.875rem; + height: auto; + left: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; + /* Above WP toolbar. */ +} + +.alignleft { + display: inline; + float: left; + margin-right: 1.5em; +} + +.alignright { + display: inline; + float: right; + margin-left: 1.5em; +} + +.aligncenter { + clear: both; + text-align: center; + display: block; + margin-left: auto; + margin-right: auto; +} + +.clear:before, +.clear:after, +.site-header:before, +.site-header:after, +.site-content:before, +.site-content:after, +#primary:before, +#primary:after, +.site-main:before, +.site-main:after, +#secondary:before, +#secondary:after, +.sidebar-main:before, +.sidebar-main:after, +.site-footer:before, +.site-footer:after, +.ast-row:before, +.ast-row:after, +.ast-container:before, +.ast-container:after { + content: ""; + display: table; +} + +.clear:after, +.site-header:after, +.site-content:after, +#primary:after, +.site-main:after, +#secondary:after, +.sidebar-main:after, +.site-footer:after, +.ast-row:after, +.ast-container:after { + clear: both; +} + +/*-------------------------------------------------------------- +# Media +--------------------------------------------------------------*/ +/* Make sure embeds and iframes fit their containers. */ +embed, +iframe, +object { + max-width: 100%; +} + +/*-------------------------------------------------------------- +## Captions +--------------------------------------------------------------*/ +.wp-caption { + margin-bottom: 1.5em; + max-width: 100%; +} + +.wp-caption img[class*="wp-image-"] { + display: block; + margin-left: auto; + margin-right: auto; +} + +.wp-caption .wp-caption-text { + margin: 0.8075em 0; +} + +.wp-caption-text { + text-align: center; +} + +/*-------------------------------------------------------------- +# Content +--------------------------------------------------------------*/ +/*---------- Mixins ----------*/ +/*---------- Site Variables ----------*/ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/*---------- Site Normalize ----------*/ +::selection { + color: #fff; + background: #0274be; +} + +body { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body:not(.logged-in) { + position: relative; +} + +#page { + position: relative; +} + +a, +a:focus { + text-decoration: none; +} + +a, +.site-header a *, +.site-footer a *, +.secondary a * { + transition: all 0.2s linear; +} + +.capitalize { + text-transform: uppercase; +} + +img { + vertical-align: middle; +} + +.entry-content h1, +.entry-content h2, +.entry-content h3, +.entry-content h4, +.entry-content h5, +.entry-content h6 { + margin-bottom: 20px; +} + +p { + margin-bottom: 1.75em; +} + +blockquote { + margin: 1.5em 1em 1.5em 3em; + padding: 1.2em; + font-size: 1.1em; + line-height: inherit; + position: relative; +} + +.ast-button, +.button, +input[type="button"], +input[type="submit"] { + border-radius: 0; + padding: 18px 30px; + border: 0; + box-shadow: none; + text-shadow: none; +} + +.ast-button:hover, +.button:hover, +input[type="button"]:hover, +input[type="submit"]:hover { + box-shadow: none; +} + +.ast-button:active, .ast-button:focus, +.button:active, +.button:focus, +input[type="button"]:active, +input[type="button"]:focus, +input[type="submit"]:active, +input[type="submit"]:focus { + box-shadow: none; +} + +.site-title { + font-weight: normal; +} + +.site-title, +.site-description { + margin-bottom: 0; +} + +.site-title a, +.site-title:hover a, +.site-title:focus a, +.site-description a, +.site-description:hover a, +.site-description:focus a { + transition: all 0.2s linear; +} + +.site-title a, +.site-title a:focus, +.site-title a:hover, +.site-title a:visited { + color: #222; +} + +.site-description a, +.site-description a:focus, +.site-description a:hover, +.site-description a:visited { + color: #999; +} + +.search-form .search-field { + outline: none; +} + +.ast-search-menu-icon { + position: relative; + z-index: 3; +} + +/* must have higher specificity than alternative color schemes inline styles */ +.site .skip-link { + background-color: #f1f1f1; + box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); + color: #21759b; + display: block; + font-family: Montserrat, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 700; + left: -9999em; + outline: none; + padding: 15px 23px 14px; + text-decoration: none; + text-transform: none; + top: -9999em; +} + +.site .skip-link:focus { + clip: auto; + height: auto; + left: 6px; + top: 7px; + width: auto; + z-index: 100000; + outline: thin dotted; +} + +.logged-in .site .skip-link { + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); + font-family: "Open Sans", sans-serif; +} + +select, +input { + line-height: 1; +} + +body, +button, +input[type="button"], +input[type="submit"], +textarea, +.ast-button, +.ast-custom-button { + line-height: 1.85714285714286; +} + +.site-title a { + line-height: 1.2; +} + +.site-header .site-description { + line-height: 1.5; +} + +.ast-single-post .entry-title, +.ast-single-post .entry-title a { + line-height: 1.2; +} + +.entry-title, +.entry-title a { + font-weight: normal; +} + +/*---------- Media ----------*/ +/* Astra Respnosive oEmbed Video container */ +.ast-oembed-container { + position: relative; + padding-top: 56.25%; + height: 0; + overflow: hidden; + max-width: 100%; + height: auto; +} + +.ast-oembed-container iframe, .ast-oembed-container object, .ast-oembed-container embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +body .ast-oembed-container * { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +/*---------- Basic Layout ----------*/ +.ast-hidden { + display: none !important; +} + +body { + background-color: #ffffff; +} + +#page { + display: block; +} + +#primary, +#secondary { + display: block; + position: relative; + float: left; + width: 100%; +} + +#primary { + margin: 4em 0; +} + +.ast-separate-container { + background-color: #f5f5f5; +} + +.ast-separate-container #primary { + padding: 4em 0; + margin: 0; + border: 0; +} + +.ast-separate-container .site-main > .ast-row { + margin-left: 0; + margin-right: 0; +} + +.ast-separate-container .ast-article-post, +.ast-separate-container .ast-article-single:not(.ast-related-post) { + background-color: #fff; +} + +.ast-separate-container .ast-article-post, +.ast-separate-container .ast-article-single { + border-bottom: 1px solid #eeeeee; + margin: 0; + padding: 5.34em 6.67em; +} + +.ast-separate-container .blog-layout-1 { + padding: 0; + border-bottom: 0; +} + +.ast-separate-container .ast-article-single { + border-bottom: 0; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-post, + .ast-separate-container .ast-article-single { + margin: 0; + padding: 3.34em 2.4em; + } +} + +.ast-page-builder-template .hentry { + margin: 0; +} + +.ast-page-builder-template .site-content > .ast-container { + max-width: 100%; + padding: 0; +} + +.ast-page-builder-template .site-content #primary { + padding: 0; + margin: 0; +} + +.ast-page-builder-template .no-results { + text-align: center; + margin: 4em auto; +} + +.ast-page-builder-template .entry-header { + margin-top: 4em; + margin-left: auto; + margin-right: auto; + padding-left: 20px; + padding-right: 20px; +} + +.ast-page-builder-template .entry-header.ast-no-title.ast-no-thumbnail { + margin-top: 0; +} + +.ast-page-builder-template .entry-header.ast-header-without-markup { + margin-top: 0; + margin-bottom: 0; +} + +.ast-page-builder-template .entry-header.ast-no-title.ast-no-meta { + margin-bottom: 0; +} + +.ast-page-builder-template.single .post-navigation { + padding-bottom: 2em; +} + +.ast-page-builder-template .ast-archive-description { + margin-top: 4em; + margin-left: auto; + margin-right: auto; + padding-left: 20px; + padding-right: 20px; +} + +@media (min-width: 993px) { + .ast-separate-container.ast-right-sidebar #primary, + .ast-separate-container.ast-left-sidebar #primary, + .ast-separate-container #primary { + margin: 4em 0; + padding: 0; + } + .ast-right-sidebar #primary { + padding-right: 60px; + } + .ast-left-sidebar #primary { + padding-left: 60px; + } +} + +@media (max-width: 992px) { + .ast-separate-container.ast-right-sidebar #primary, + .ast-separate-container.ast-left-sidebar #primary, + .ast-separate-container #primary { + padding-left: 0; + padding-right: 0; + } + .ast-right-sidebar #primary { + padding-right: 30px; + } + .ast-left-sidebar #primary { + padding-left: 30px; + } +} + +/*---------- Navigation ----------*/ +/** + * Navigations + * + * @import + * 1 - Primary Menus + * 2 - Secondary Menus + * 3 - Header Top Menus + * + * Contents + * 1 - Toggle Button + * +*/ +/** + * @import + */ +/* 1 - Primary Menus */ +.ast-search-icon .astra-search-icon { + font-size: 1.3em; +} + +.main-navigation { + height: 100%; + -js-display: inline-flex; + display: inline-flex; +} + +.main-navigation ul { + list-style: none; + margin: 0; + padding-left: 0; + position: relative; +} + +.main-header-menu .menu-link, +.main-header-menu > a { + text-decoration: none; + padding: 0 1em; + display: inline-block; + transition: all 0.2s linear; +} + +.main-header-menu .menu-item { + position: relative; +} + +.main-header-menu .menu-item:hover > .sub-menu, +.main-header-menu .menu-item.focus > .sub-menu { + right: auto; + left: 0; +} + +.main-header-menu .ast-left-align-sub-menu:hover > .sub-menu, +.main-header-menu .ast-left-align-sub-menu.focus > .sub-menu { + right: 0; + left: auto; +} + +@media (min-width: 769px) { + .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, + .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + left: -100%; + } + .main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover > .sub-menu, + .main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus > .sub-menu { + left: -100%; + } +} + +.main-header-menu .sub-menu { + width: 240px; + background: #ffffff; + left: -999em; + position: absolute; + top: 100%; + z-index: 99999; +} + +@media (min-width: 769px) { + .main-header-menu .sub-menu .menu-item:hover > .sub-menu, + .main-header-menu .sub-menu .menu-item.focus > .sub-menu { + left: 100%; + right: auto; + } + .main-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu { + left: -100%; + } + .main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, + .main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + left: -100%; + } +} + +.main-header-menu .sub-menu .menu-link { + padding: 0.9em 1em; + display: block; + word-wrap: break-word; +} + +.main-header-menu .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type { + display: none; +} + +#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .icon-arrow svg { + position: absolute; + right: .60em; + top: 50%; + transform: translate(0, -50%) rotate(270deg); +} + +.main-header-menu .sub-menu .sub-menu { + top: 0px; +} + +.submenu-with-border .sub-menu { + border-width: 1px; + border-style: solid; +} + +.submenu-with-border .sub-menu .menu-link { + border-width: 0 0 1px; + border-style: solid; +} + +.submenu-with-border .sub-menu .sub-menu { + top: -1px; +} + +/* Remove the last anchor border for desktop devices */ +.ast-desktop .submenu-with-border .sub-menu > .menu-item:last-child > .menu-link { + border-bottom-width: 0; +} + +.ast-header-break-point .main-navigation { + padding-left: 0; +} + +.ast-header-break-point .main-navigation ul .menu-item .menu-link { + padding: 0 20px; + display: inline-block; + width: 100%; + border: 0; + border-bottom-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type { + margin-right: 5px; +} + +.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type { + display: inline; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link { + padding-left: 30px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link { + padding-left: 40px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link { + padding-left: 50px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link { + padding-left: 60px; +} + +.ast-header-break-point .main-header-menu { + background-color: #f9f9f9; + border-top-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point .main-header-menu .sub-menu { + background-color: #f9f9f9; + position: static; + opacity: 1; + visibility: visible; + border: 0; + width: auto; +} + +.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu, +.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu { + left: 0; +} + +.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, +.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + left: 0; +} + +.ast-header-break-point .submenu-with-border .sub-menu { + border: 0; +} + +.ast-header-break-point .dropdown-menu-toggle { + display: none; +} + +/** + * Contents + */ +.ast-mobile-menu-buttons { + display: none; +} + +/* Toggle Button */ +.ast-button-wrap { + display: inline-block; +} + +.ast-button-wrap button { + box-shadow: none; + border: none; +} + +.ast-button-wrap .menu-toggle { + padding: 0; + width: 2.2em; + height: 2.1em; + font-size: 1.5em; + font-weight: normal; + border-radius: 2px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + border-radius: 2px; + vertical-align: middle; + line-height: 1.85714285714286; +} + +.ast-button-wrap .menu-toggle.main-header-menu-toggle { + padding: 0 .5em; + width: auto; + text-align: center; +} + +.ast-button-wrap .menu-toggle.main-header-menu-toggle .mobile-menu { + font-size: 15px; + font-size: 1rem; + font-weight: 600; +} + +.ast-button-wrap .menu-toggle .menu-toggle-icon { + font-style: normal; + display: inline-block; + vertical-align: middle; + line-height: 2.05; +} + +.ast-button-wrap .menu-toggle .menu-toggle-icon:before { + content: "\e5d2"; + font-family: 'Astra'; + text-decoration: inherit; +} + +.ast-button-wrap .menu-toggle .icon-menu-bars svg:nth-child(2) { + display: none; +} + +.ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before { + content: "\e5cd"; +} + +.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(1) { + display: none; +} + +.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(2) { + display: block; +} + +.ast-button-wrap .menu-toggle .mobile-menu-wrap { + display: inline-block; +} + +.ast-button-wrap .menu-toggle:focus { + outline: thin dotted; +} + +.header-main-layout-1 .ast-main-header-bar-alignment { + margin-left: auto; +} + +#site-navigation { + height: 100%; +} + +.site-header .menu-link * { + transition: none; +} + +.ast-icon.icon-arrow svg { + height: .6em; + width: .6em; + position: relative; + margin-left: 10px; +} + +.ast-icon.icon-search svg { + height: 1em; + width: 0.9em; + margin-top: 3px; + margin-right: 2px; +} + +/* Responsive Screen */ +.ast-header-break-point .user-select { + clear: both; +} + +.ast-header-break-point .ast-mobile-menu-buttons { + display: block; + align-self: center; +} + +.ast-header-break-point .main-header-bar-navigation { + flex: auto; +} + +.ast-header-break-point .ast-main-header-bar-alignment { + display: block; + width: 100%; + flex: auto; + order: 4; +} + +.ast-header-break-point .ast-icon.icon-arrow svg { + height: .85em; + width: .95em; + position: relative; + margin-left: 10px; +} + +/** + * Post/Page Navigation + */ +.site-main .comment-navigation, .site-main +.posts-navigation, .site-main +.post-navigation { + margin: 0 0 1.5em; + overflow: hidden; +} + +.comment-navigation .nav-previous, +.comment-navigation .nav-next, +.posts-navigation .nav-previous, +.posts-navigation .nav-next, +.post-navigation .nav-previous, +.post-navigation .nav-next { + width: 50%; + display: inline-block; +} + +.comment-navigation .nav-next, +.posts-navigation .nav-next, +.post-navigation .nav-next { + text-align: right; +} + +.ast-icon svg { + fill: currentColor; +} + +.post-navigation a { + background: transparent; + font-size: 16px; + font-size: 1.06666rem; + padding: 0 1.5em; + height: 2.33333em; + line-height: calc(2.33333em - 3px); +} + +/*---------- Primary ----------*/ +.sticky { + display: block; +} + +.hentry { + margin: 0 0 1.5em; +} + +.byline, +.updated:not(.published) { + display: none; +} + +.single .byline, +.group-blog .byline { + display: inline; +} + +.page-links { + clear: both; + margin-top: 1em; +} + +.page-links a { + display: inline-block; +} + +.page-links a .page-link { + border-color: #eaeaea; + background: transparent; +} + +.page-links .page-link { + padding: 0; + margin: 0 0 .3em .3em; + border: 2px solid #eaeaea; + color: #000; + background: transparent; + font-size: 0.8em; + width: 2.5em; + height: 2.5em; + line-height: calc( 2.5em - 4px); + display: inline-block; + text-align: center; + transition: all 0.2s linear; +} + +.page-links .page-link:hover, .page-links .page-link:focus { + color: #000; +} + +@media (max-width: 768px) { + .page-links .page-link { + margin-bottom: 6px; + } +} + +.page-content > :last-child, +.entry-content > :last-child, +.entry-summary > :last-child { + margin-bottom: 0; +} + +.bypostauthor { + display: block; +} + +/* .alignwide & .alignfull CSS compatibility */ +.ast-no-sidebar { + /* Boxed & Content Boxed container alignment support */ +} + +.ast-no-sidebar .entry-content { + /* Alignment while using the column block */ +} + +.ast-no-sidebar .entry-content .alignfull { + margin-left: calc(-50vw + 50%); + margin-right: calc(-50vw + 50%); + max-width: 100vw; + width: 100vw; +} + +.ast-no-sidebar .entry-content .alignfull .alignfull, +.ast-no-sidebar .entry-content .alignfull .alignwide { + width: 100%; + margin-left: auto; + margin-right: auto; +} + +.ast-no-sidebar .entry-content .alignwide { + margin-left: -100px; + margin-right: -100px; + max-width: unset; + width: unset; +} + +.ast-no-sidebar .entry-content .alignwide .alignfull, +.ast-no-sidebar .entry-content .alignwide .alignwide { + width: 100%; + margin-left: auto; + margin-right: auto; +} + +.ast-no-sidebar .entry-content .wp-block-column .alignfull, +.ast-no-sidebar .entry-content .wp-block-column .alignwide { + margin-left: auto; + margin-right: auto; + width: 100%; +} + +.ast-no-sidebar.ast-separate-container .entry-content { + /* Alignment while using the column block */ +} + +.ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-left: -6.67em; + margin-right: -6.67em; + width: auto; +} + +@media (max-width: 1200px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-left: -2.4em; + margin-right: -2.4em; + } +} + +@media (max-width: 768px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-left: -2.14em; + margin-right: -2.14em; + } +} + +@media (max-width: 544px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-left: -1em; + margin-right: -1em; + } +} + +.ast-no-sidebar.ast-separate-container .entry-content .alignwide { + margin-left: -20px; + margin-right: -20px; +} + +.ast-no-sidebar.ast-separate-container .entry-content .wp-block-column .alignfull, +.ast-no-sidebar.ast-separate-container .entry-content .wp-block-column .alignwide { + margin-left: auto; + margin-right: auto; + width: 100%; +} + +.wp-block-gallery, +.blocks-gallery-grid { + margin: 0; +} + +.wp-block-separator { + max-width: 100px; +} + +.wp-block-separator.is-style-wide { + max-width: none; +} + +.entry-content .has-2-columns .wp-block-column:first-child { + padding-right: 10px; +} + +.entry-content .has-2-columns .wp-block-column:last-child { + padding-left: 10px; +} + +@media (max-width: 782px) { + .entry-content .wp-block-columns .wp-block-column { + flex-basis: 100%; + } + .entry-content .has-2-columns .wp-block-column:first-child { + padding-right: 0; + } + .entry-content .has-2-columns .wp-block-column:last-child { + padding-left: 0; + } +} + +body { + overflow-x: hidden; +} + +body .entry-content .wp-block-latest-posts { + margin-left: 0; +} + +body .entry-content .wp-block-latest-posts li { + list-style: none; +} + +.ast-no-sidebar .ast-container .entry-content .wp-block-latest-posts { + margin-left: 0; +} + +.ast-header-break-point .entry-content .alignwide { + margin-left: auto; + margin-right: auto; +} + +.entry-content .blocks-gallery-item img { + margin-bottom: auto; +} + +.wp-block-pullquote { + border-top: 4px solid #555d66; + border-bottom: 4px solid #555d66; + color: #40464d; +} + +/*---------- Secondary ----------*/ +.widget-title { + font-weight: normal; + margin-bottom: 1em; + line-height: 1.5; +} + +.widget { + margin: 0 0 2.8em 0; +} + +.widget:last-child { + margin-bottom: 0; +} + +.widget select { + max-width: 100%; +} + +.widget ul { + margin: 0; + list-style-type: none; +} + +.widget_nav_menu ul ul.sub-menu { + margin-top: 0.25em; +} + +.widget_nav_menu ul ul.sub-menu li { + padding-left: 20px; +} + +.widget_nav_menu ul ul.sub-menu a:after { + left: -20px; +} + +.widget_nav_menu ul ul.sub-menu ul a:after { + left: -40px; +} + +.widget_nav_menu ul ul.sub-menu ul ul a:after { + left: -60px; +} + +.widget_nav_menu li { + transition: all 0.2s linear; +} + +/* Search widget. */ +.widget_search .search-form { + position: relative; + padding: 0; + background: initial; + color: inherit; +} + +.widget_search .search-form > label { + position: relative; +} + +.widget_search .search-form i { + color: #3a3a3a; +} + +.widget_search .search-form button { + position: absolute; + top: 0; + right: 15px; + border: none; + padding: 0; + cursor: pointer; + background: transparent; +} + +.widget_search .search-form input[type="submit"], +.widget_search .search-form input[type="submit"]:hover, +.widget_search .search-form input[type="submit"]:focus { + padding: 13px 20px; + border-radius: 2px; + border: none; + top: 0px; + right: 0px; + position: absolute; + color: transparent; + background: transparent; + max-width: 45px; + z-index: 2; +} + +.widget_search .search-form .search-field { + background: #fafafa; + border-width: 1px; + border-color: #eaeaea; + border-radius: 2px; +} + +.widget_search .search-field, +.widget_search .search-field:focus { + width: 100%; + padding: 16px 45px 16px 15px; +} + +/* Widget - Archive */ +/* Widget - Categories */ +.widget_pages ul.children, +.widget_archive ul.children, +.widget_categories ul.children { + position: relative; + margin-top: 5px; + width: 100%; +} + +.widget_pages ul.children li, +.widget_archive ul.children li, +.widget_categories ul.children li { + padding-left: 20px; +} + +.widget_pages li ul.children a:after, +.widget_archive li ul.children a:after, +.widget_categories li ul.children a:after { + left: -20px; +} + +.widget_pages li ul.children ul a:after, +.widget_archive li ul.children ul a:after, +.widget_categories li ul.children ul a:after { + left: -40px; +} + +/* Tag Cloud */ +.widget_tag_cloud .tagcloud { + margin-top: 10px; + display: inline-block; +} + +.widget_tag_cloud .tagcloud a { + border: 1px solid #e2e2e2; + padding: 0.5em 0.9em; + display: inline-block; + margin-bottom: 4px; + font-size: 14px; + margin-right: 4px; + line-height: 1.5; + transition: all 0.2s linear; +} + +/* Calender */ +.widget_calendar table, +.widget_calendar th, +.widget_calendar td { + padding: 0; + text-align: center; +} + +.widget_calendar table, +.widget_calendar th { + border: none; +} + +.widget_calendar td { + border-right: none; + border-left: none; +} + +.widget_calendar caption { + line-height: 2.7em; +} + +.widget_calendar thead { + line-height: 2.5em; +} + +.widget_calendar thead a { + color: #0274be; + font-size: 1rem; + vertical-align: middle; +} + +.widget_calendar thead td { + vertical-align: middle; + font-weight: bold; +} + +.widget_calendar thead > tr > th { + line-height: 2.5em; + border-bottom: 2px solid #eaeaea; + border-top: 2px solid #eaeaea; +} + +.widget_calendar tbody { + line-height: 2.10em; + text-align: center; +} + +.widget_calendar tbody > tr > td { + width: 14.2857%; +} + +.widget_calendar tbody > tr:first-child > td { + padding-top: 3px; +} + +.widget_calendar #today { + background: #0274be; +} + +/*---------- Builder ----------*/ +/** + * AST HF Builder - Grid related CSS. + */ +.ast-builder-grid-row { + display: grid; + grid-template-columns: auto auto; + align-items: center; + grid-column-gap: 20px; + overflow-wrap: anywhere; +} + +.ast-builder-grid-row > .site-header-section { + flex-wrap: nowrap; +} + +.ast-builder-footer-grid-columns { + grid-column-gap: 50px; +} + +.ast-builder-grid-row.ast-grid-center-col-layout { + grid-template-columns: 1fr auto 1fr; +} + +.ast-builder-layout-element { + align-items: center; +} + +.ast-builder-grid-row.ast-grid-center-col-layout-only { + -js-display: flex; + display: flex; + height: 100%; + justify-content: center; +} + +.ast-builder-grid-row.ast-grid-center-col-layout-only .ast-grid-section-center { + flex-grow: 1; +} + +.site-header-section { + height: 100%; + min-height: 0; + align-items: center; +} + +.site-header-section .ast-main-header-bar-alignment { + height: 100%; +} + +.site-header-section > * { + padding: 0 10px; +} + +.site-header-section > div:first-child { + padding-left: 0; +} + +.site-header-section > div:last-child { + padding-right: 0; +} + +.site-header-section .ast-builder-menu { + align-items: center; +} + +.ast-builder-layout-element.ast-header-search { + height: auto; +} + +.ast-grid-right-center-section { + justify-content: flex-start; + flex-grow: 1; +} + +.ast-grid-right-section { + justify-content: flex-end; +} + +.ast-grid-right-section .ast-site-identity > :first-child { + text-align: right; +} + +.ast-grid-right-section .ast-grid-right-center-section .ast-site-identity > :first-child { + text-align: left; +} + +.ast-grid-left-center-section { + justify-content: flex-end; + flex-grow: 1; +} + +/** + * AST HF Builder - Logo related CSS. + * Align center section's Site title & Tagline center align. + */ +.ast-logo-title-inline .ast-site-identity { + padding: 1em 0; + -js-display: inline-flex; + display: inline-flex; + vertical-align: middle; + align-items: center; + transition: all 0.2s linear; +} + +.ast-grid-section-center { + justify-content: center; +} + +.ast-grid-section-center .ast-site-identity > :first-child { + text-align: center; +} + +/** + * AST HF Builder - Widgets related CSS. + * Social Widget. + */ +.ast-builder-social-element { + line-height: 1; + color: #3a3a3a; + background: transparent; + vertical-align: middle; + transition: all 0.01s; + margin-left: 6px; + margin-right: 6px; + justify-content: center; + align-items: center; +} + +.ast-builder-social-element:hover { + color: #0274be; +} + +.ast-builder-social-element .social-item-label { + padding-left: 6px; +} + +.ast-social-stack-desktop .ast-builder-social-element, +.ast-social-stack-tablet .ast-builder-social-element, +.ast-social-stack-mobile .ast-builder-social-element { + margin-top: 6px; + margin-bottom: 6px; +} + +.ahfb-svg-iconset { + -js-display: inline-flex; + display: inline-flex; + align-self: center; +} + +.ahfb-svg-iconset svg { + width: 17px; + height: 17px; + transition: none; +} + +.ahfb-svg-iconset svg > * { + transition: none; +} + +/** + * AST HF Builder - Widgets related CSS. + * Button. + */ +.ast-footer-copyright p { + margin-bottom: 0; +} + +.ast-builder-grid-row-container { + display: grid; + align-content: center; +} + +.main-header-bar .main-header-bar-navigation { + height: 100%; +} + +.ast-nav-menu .sub-menu { + line-height: 1.45; +} + +.ast-builder-menu .main-navigation { + padding: 0; +} + +.ast-builder-menu .main-navigation > ul { + align-self: center; +} + +/** + * Astra HF Builder - Footer Components Compatibility CSS. + */ +.site-footer-focus-item { + width: 100%; +} + +.ast-footer-copyright { + width: 100%; +} + +.ast-footer-social-wrap { + width: 100%; +} + +#astra-footer-menu { + margin: 0; + list-style: none; + background: inherit; +} + +#astra-footer-menu > ul { + margin: 0; + list-style: none; + background: inherit; +} + +/** + * AST HF Builder - Responsive CSS. + * For desktop view. + */ +.ast-header-break-point #ast-mobile-header { + display: block; +} + +.ast-header-break-point .main-header-bar-navigation { + line-height: 3; +} + +.ast-header-break-point .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle { + display: inline-block; + position: absolute; + font-size: inherit; + top: 0px; + right: 20px; + cursor: pointer; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + padding: 0 0.907em; + font-weight: normal; + line-height: inherit; +} + +.ast-header-break-point .main-header-bar-navigation .menu-item-has-children .sub-menu { + display: none; +} + +.ast-header-break-point .ast-mobile-header-wrap .ast-above-header-wrap .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before, +.ast-header-break-point .ast-mobile-header-wrap .ast-main-header-wrap .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before { + transform: rotateX(180deg); +} + +.ast-header-break-point .ast-nav-menu .sub-menu { + line-height: 3; +} + +.site-footer-section { + justify-content: center; +} + +.site-footer-section > * { + margin-bottom: 10px; +} + +.site-footer-section > *:last-child { + margin-bottom: 0; +} + +.site-primary-footer-wrap { + padding-top: 45px; + padding-bottom: 45px; +} + +.site-above-footer-wrap, +.site-below-footer-wrap { + padding-top: 20px; + padding-bottom: 20px; +} + +.ast-hfb-header.ast-header-break-point .main-header-bar-navigation { + width: 100%; + margin: 0; +} + +.ast-hfb-header .menu-toggle.toggled .ast-mobile-svg { + display: none; +} + +.ast-hfb-header .menu-toggle.toggled .ast-close-svg { + display: block; +} + +.menu-toggle .ast-close-svg { + display: none; +} + +.ast-mobile-header-wrap .menu-toggle .mobile-menu-toggle-icon { + -js-display: inline-flex; + display: inline-flex; + align-self: center; +} + +.ast-mobile-header-wrap .menu-toggle .mobile-menu-wrap { + -js-display: inline-flex; + display: inline-flex; + align-self: center; + margin-left: 0.4em; +} + +.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle { + -js-display: flex; + display: flex; + align-items: center; + width: auto; + height: auto; +} + +.menu-toggle .mobile-menu-toggle-icon { + -js-display: inline-flex; + display: inline-flex; + align-self: center; +} + +.menu-toggle .mobile-menu-wrap { + -js-display: inline-flex; + display: inline-flex; + align-self: center; + margin-left: 0.4em; +} + +.ast-hfb-header .ast-button-wrap .menu-toggle .mobile-menu-wrap { + align-items: center; + -js-display: flex; + display: flex; +} + +.ast-button-wrap .menu-toggle.main-header-menu-toggle { + padding: .5em; + align-items: center; + -js-display: flex; + display: flex; +} + +.ast-search-menu-icon.ast-inline-search .search-field { + width: 100%; + padding: 0.60em; + padding-right: 5.5em; +} + +/* Footer menu spacing between each menu items. */ +@media (min-width: 769px) { + .footer-nav-wrap .astra-footer-horizontal-menu li { + margin: 0; + } + .footer-nav-wrap .astra-footer-horizontal-menu li:first-child a { + padding-left: 0; + } + .footer-nav-wrap .astra-footer-horizontal-menu li:last-child a { + padding-right: 0; + } + .footer-nav-wrap .astra-footer-horizontal-menu a { + padding: 0 0.5em; + } +} + +/*---------- Header ----------*/ +/** + * Header + * + * @import + * 1 - Header Layout Common + * 2 - Header Main +*/ +/* 1 - Header Common */ +/** + * Header Common + * + * Contents + * 1 - Common + * 4 - Main Header Container + * 6 - all and (max-width: $mx-break-point) + * 7 - Auto Margin +*/ +/** + * 1 - Common + */ +.site-header { + z-index: 99; + position: relative; +} + +/** + * 4 - Main Header Container + */ +.main-header-container { + position: relative; +} + +.main-header-bar-wrap { + position: relative; +} + +.main-header-bar { + background-color: #fff; + border-bottom-color: #eaeaea; + border-bottom-style: solid; +} + +/** + * 6 - all and (max-width: $mx-break-point) + */ +.ast-header-break-point .main-header-bar { + border: 0; +} + +.ast-header-break-point .main-header-bar { + border-bottom-color: #eaeaea; + border-bottom-style: solid; +} + +/** + * 7 - Auto Margin + */ +.main-header-bar { + margin-left: auto; + margin-right: auto; +} + +/** + * 10 - Submenu container box shadow + */ +.ast-desktop .main-header-menu:not(#ast-hf-mobile-menu) .sub-menu { + box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); +} + +.ast-header-custom-item-inside .button-custom-menu-item .menu-link { + display: none; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item { + padding-left: 0; + padding-right: 0; + margin-top: 0; + margin-bottom: 0; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .ast-custom-button-link { + display: none; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .menu-link { + display: block; +} + +/* 2 - Header Main */ +/** + * Header Sections + * + * All sections within the header. + * + * Contents + * 1 - Common + * 2 - Social Follow + * 3 - Site Logo + * 4 - Search Form + * + * # Responsive +*/ +/** + * 1 - Common + */ +.site-branding { + line-height: 1; + align-self: center; +} + +.ast-menu-toggle { + display: none; + background: transparent; + color: inherit; + border-style: dotted; + border-color: transparent; +} + +.ast-menu-toggle:focus, .ast-menu-toggle:hover { + background: transparent; + border-color: inherit; + color: inherit; +} + +.ast-menu-toggle:focus { + outline: thin dotted; +} + +/** + * 4 - Search Form & Main Header + */ +.ast-main-header-nav-open .main-header-bar { + padding-bottom: 0; +} + +.main-header-bar { + z-index: 4; + position: relative; +} + +.main-header-bar .main-header-bar-navigation:empty { + padding: 0; +} + +.main-header-bar .main-header-bar-navigation .sub-menu { + line-height: 1.45; +} + +.main-header-bar .main-header-bar-navigation .menu-item-has-children > .menu-link:after { + line-height: normal; +} + +/* Hide Mobile logo. */ +.custom-mobile-logo-link { + display: none; +} + +.ast-site-identity { + padding: 1em 0; +} + +.ast-header-break-point .site-header .main-header-bar-wrap .site-branding { + flex: 1; + align-self: center; +} + +.ast-header-break-point .ast-site-identity { + width: 100%; +} + +.ast-header-break-point .main-header-bar { + display: block; + line-height: 3; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation { + line-height: 3; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu { + line-height: 3; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu { + display: none; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle { + display: inline-block; + position: absolute; + font-size: inherit; + top: -1px; + right: 20px; + cursor: pointer; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + padding: 0 0.907em; + font-weight: normal; + line-height: inherit; + transition: all .2s; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before { + transform: rotateX(180deg); +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu { + border-top-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point .main-navigation { + display: block; + width: 100%; +} + +.ast-header-break-point .main-navigation ul ul { + left: auto; + right: auto; +} + +.ast-header-break-point .main-navigation .stack-on-mobile li { + width: 100%; +} + +.ast-header-break-point .main-navigation .widget { + margin-bottom: 1em; +} + +.ast-header-break-point .main-navigation .widget li { + width: auto; +} + +.ast-header-break-point .main-navigation .widget:last-child { + margin-bottom: 0; +} + +.ast-header-break-point .main-header-bar-navigation { + width: calc( 100% + 40px); + margin: 0 -20px; +} + +.ast-header-break-point .main-header-menu ul ul { + top: 0; +} + +.ast-header-break-point .ast-builder-menu { + width: 100%; +} + +.ast-header-break-point .ast-mobile-header-wrap .ast-flex.stack-on-mobile { + flex-wrap: wrap; +} + +.ast-desktop .main-header-menu > .menu-item .sub-menu:before { + position: absolute; + content: ''; + top: 0; + left: 0; + width: 100%; + transform: translateY(-100%); +} + +/*---------- Forms ----------*/ +/** + * Form Fields + * + * @import + * 1 - All fields common scss + * 2 - Field - Range + * 3 - Field - Color +*/ +/* 1 - All fields common scss */ +input[type="text"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="password"], +input[type="search"], +input[type=reset], +input[type=tel], +select, +textarea { + color: #666; + padding: 0.75em; + height: auto; + border-width: 1px; + border-style: solid; + border-color: #eaeaea; + border-radius: 2px; + background: #fafafa; + box-shadow: none; + box-sizing: border-box; + transition: all 0.2s linear; +} + +input[type="text"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +input[type="search"]:focus, +input[type=reset]:focus, +input[type=tel]:focus, +select:focus, +textarea:focus { + background-color: #fff; + border-color: #eaeaea; + box-shadow: none; +} + +input[type=reset], +input[type=reset]:hover, +input[type=reset]:focus, +input[type="submit"], +input[type="submit"]:hover, +input[type="submit"]:focus, +input[type="button"], +input[type="button"]:hover, +input[type="button"]:focus { + box-shadow: none; +} + +textarea { + width: 100%; +} + +input[type="search"]:focus { + outline: thin dotted; +} + +/* 2 - Field - Range */ +/* Range */ +input[type=range] { + -webkit-appearance: none; + width: 100%; + margin: 5.7px 0; + padding: 0; + border: none; +} + +input[type=range]:focus { + outline: none; +} + +input[type=range]::-webkit-slider-runnable-track { + width: 100%; + height: 8.6px; + cursor: pointer; + box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; + background: rgba(255, 255, 255, 0.2); + border-radius: 13.6px; + border: 0px solid #ffffff; +} + +input[type=range]::-webkit-slider-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; + -webkit-appearance: none; + margin-top: -5.7px; +} + +input[type=range]:focus::-webkit-slider-runnable-track { + background: rgba(255, 255, 255, 0.2); +} + +input[type=range]::-moz-range-track { + width: 100%; + height: 8.6px; + cursor: pointer; + box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; + background: rgba(255, 255, 255, 0.2); + border-radius: 13.6px; + border: 0px solid #ffffff; +} + +input[type=range]::-moz-range-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; +} + +input[type=range]::-ms-track { + width: 100%; + height: 8.6px; + cursor: pointer; + background: transparent; + border-color: transparent; + color: transparent; +} + +input[type=range]::-ms-fill-lower { + background: rgba(199, 199, 199, 0.2); + border: 0px solid #ffffff; + border-radius: 27.2px; + box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; +} + +input[type=range]::-ms-fill-upper { + background: rgba(255, 255, 255, 0.2); + border: 0px solid #ffffff; + border-radius: 27.2px; + box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; +} + +input[type=range]::-ms-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; + height: 8.6px; +} + +input[type=range]:focus::-ms-fill-lower { + background: rgba(255, 255, 255, 0.2); +} + +input[type=range]:focus::-ms-fill-upper { + background: rgba(255, 255, 255, 0.2); +} + +/* 3 - Field - Color */ +/* Color */ +input[type="color"] { + border: none; + width: 100px; + padding: 0; + height: 30px; + cursor: pointer; +} + +input[type="color"]::-webkit-color-swatch-wrapper { + padding: 0; + border: none; +} + +input[type="color"]::-webkit-color-swatch { + border: none; +} + +/*---------- Blog ----------*/ +/*-------------------------------------------------------------- +## Blog Layouts +--------------------------------------------------------------*/ +/** + * Blog Common + */ +.page .entry-header { + margin-bottom: 1.5em; +} + +.search .entry-header { + margin-bottom: 1em; +} + +.ast-single-post .entry-header.ast-header-without-markup, .ast-single-post .entry-header.ast-no-title.ast-no-thumbnail { + margin-bottom: 0; +} + +.entry-header { + margin-bottom: 1em; + word-wrap: break-word; +} + +.entry-header + .ast-blog-featured-section { + margin-top: 0.5em; +} + +.entry-content { + word-wrap: break-word; +} + +.entry-content p { + margin-bottom: 1.6em; +} + +.read-more { + margin-bottom: 0; +} + +.read-more .ast-right-arrow { + font-size: 1em; +} + +.ast-no-thumb .ast-blog-featured-section { + margin-bottom: 0; +} + +.ast-no-thumb .entry-header + .ast-blog-featured-section { + margin-top: 0; +} + +.ast-blog-featured-section { + margin-bottom: 1.5em; +} + +.error404 .page-header { + margin-bottom: 1.5em; +} + +.error404 .page-header .page-title { + margin-bottom: 0; +} + +.blog .entry-title, +.archive .entry-title, +.search .entry-title { + line-height: 1.3; +} + +.blog .format-status .entry-title, +.archive .format-status .entry-title, +.blog .format-aside .entry-title, +.archive .format-aside .entry-title { + display: none; +} + +.page-title { + margin-bottom: 1em; + font-weight: normal; +} + +.entry-title { + margin-bottom: 0.2em; +} + +.ast-article-post { + margin-bottom: 2.5em; +} + +.ast-article-post:last-child { + margin-bottom: 0; + border-bottom: 0; +} + +.search .site-content .content-area .search-form { + margin-bottom: 3em; +} + +.blog-layout-1 { + /* 2 - Blog Thumbnail Styles */ +} + +.blog-layout-1 .post-thumb { + padding-left: 0; + padding-right: 0; + position: relative; +} + +.blog .posted-on { + z-index: 1; +} + +.ast-blog-featured-section .posted-on { + width: 5.714285714em; + height: 5.714285714em; + padding: 0.7em; +} + +.ast-blog-featured-section .posted-on .date-month, +.ast-blog-featured-section .posted-on .date-year { + font-size: 0.8571428571em; + line-height: 1em; +} + +.ast-blog-featured-section .posted-on .date-day { + font-size: 2.5em; + line-height: .9em; + font-weight: 900; + margin: .1em 0; +} + +/* ============================================================ + Archive Blogs +============================================================ */ +.ast-author-box img.avatar { + border-radius: 50%; + margin: 0 0 0 20px; +} + +.ast-archive-description { + margin-bottom: 2.5em; + padding-bottom: 1.3333em; + border-bottom: 1px solid #eeeeee; +} + +.ast-archive-description .ast-archive-title { + margin-bottom: 4px; + font-size: 40px; + font-size: 2.85714rem; + font-weight: 300; +} + +.ast-archive-description p { + margin-bottom: 0; + font-size: 20px; + font-size: 1.42857rem; + line-height: 1.65; + font-weight: 300; +} + +.ast-separate-container .ast-author-box, +.ast-separate-container .ast-archive-description { + background-color: #eee; + padding-bottom: 0; + border-bottom: 0; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-archive-description { + margin: 0; + padding: 3.34em 2.4em; + } +} + +@media (max-width: 992px) { + .ast-separate-container .ast-archive-description { + padding: 2.14em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-author-box, + .ast-separate-container .ast-archive-description { + margin: 0; + padding: 5em 6.67em 3.33333em; + } +} + +/*-------------------------------------------------------------- +## Single Blog Post Layouts +--------------------------------------------------------------*/ +/*---------- Single Post Common Stylesheet ----------*/ +/** + * Common Stylesheet of Single Post + * + * Content + * 1 - Single Post Navigation Styles + * 2 - Single Post Article Header +*/ +.single { + /* 1 - Single Post Navigation Styles */ +} + +.single .entry-header { + margin-bottom: 2em; +} + +.single .post-navigation { + margin: 0; + padding: 2em 0 0; + border-top: 1px solid #eeeeee; +} + +@media (max-width: 768px) { + .single .post-navigation { + padding-top: 1.5em; + } +} + +.single .post-navigation a { + margin: 2px; + display: inline-block; + text-align: center; + color: #000; +} + +@media (min-width: 421px) { + .single .post-navigation .nav-links { + -js-display: flex; + display: flex; + } + .single .post-navigation .nav-previous, + .single .post-navigation .nav-next { + flex: auto; + } +} + +@media (max-width: 420px) { + .single .post-navigation .ast-left-arrow, + .single .post-navigation .ast-right-arrow { + display: none; + } + .single .post-navigation .nav-previous, + .single .post-navigation .nav-next { + width: 100%; + } + .single .post-navigation .nav-previous a, + .single .post-navigation .nav-next a { + width: 100%; + } + .single .post-navigation .nav-previous { + margin-bottom: 1em; + } +} + +/* 2 - Single Post Article Header */ +.single .entry-header .ast-single-post-order + .post-thumb img { + margin-top: 2em; + margin-bottom: 0; +} + +.single .entry-header.ast-no-title .post-thumb + .ast-single-post-order { + margin-top: 0; +} + +.single .entry-header .post-thumb + .ast-single-post-order { + margin-top: 2em; +} + +.single .entry-header .post-thumb img { + margin-top: 0; + margin-bottom: 0; +} + +.page .has-post-thumbnail .post-thumb img { + margin-bottom: 1.5em; +} + +.post-password-form { + text-align: center; +} + +@media (max-width: 420px) { + .post-password-form input[type="password"] { + display: block; + margin: 10px auto; + } +} + +.post-password-form input[type="submit"] { + padding: 10px 20px; + border-radius: 2px; +} + +.ast-separate-container .post-navigation { + border-top: 0; + padding-left: 3.33333em; + padding-right: 3.33333em; +} + +@media (max-width: 420px) { + .ast-separate-container .post-navigation { + padding-left: 0; + padding-right: 0; + } +} + +@media (max-width: 768px) { + .ast-separate-container .entry-header { + margin-bottom: 1em; + } +} + +/*---------- 404 ----------*/ +.ast-404-layout-1 { + text-align: center; + margin: 4em auto; +} + +.ast-404-layout-1 .page-sub-title { + font-size: 1.5rem; + font-weight: bold; +} + +.ast-404-layout-1 .widget_search { + padding-top: 0.5em; +} + +.ast-404-search { + margin-top: 1.5em; +} + +.ast-404-search .widget_search { + max-width: 370px; + margin: 0 auto; +} + +.ast-separate-container .error-404, +.ast-separate-container .no-results { + background-color: #fff; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + margin: 0; + padding: 3.34em 2.4em; + } +} + +@media (max-width: 768px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + padding: 1.5em 2.14em; + } +} + +@media (max-width: 544px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + padding: 1.5em 1em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + margin: 0; + padding: 5.34em 6.67em; + } +} + +/*---------- Blog Styles ----------*/ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.blog-layout-1 { + width: 100%; + display: inline-block; + padding-bottom: 2em; + vertical-align: middle; + border-bottom: 1px solid #eeeeee; +} + +.blog-layout-1 .posted-on { + left: 0; +} + +.blog-layout-1 .post-thumb, +.blog-layout-1 .post-content { + padding-left: 0; + padding-right: 0; +} + +/** + * Flexbox Framework + * + * .ast - prefix + * + * Flex classes generated as {prefix} + {css property - css value} . + * + * E.g. Here '.ast' is a prefix. + * + * .ast-flex + * .ast-flex-1 + * .ast-flex-2 + * .ast-flex-3 + * .ast-flex-4 + * .ast-flex-5 + * .ast-inline-flex + * .ast-flex-direction-row + * .ast-flex-direction-row-reverse + * .ast-flex-direction-column + * .ast-flex-direction-column-reverse + * .ast-flex-wrap-nowrap + * .ast-flex-wrap-wrap + * .ast-flex-wrap-wrap-reverse + * .ast-justify-content-flex-start + * .ast-justify-content-flex-end + * .ast-justify-content-center + * .ast-justify-content-space-between + * .ast-justify-content-space-around + * .ast-align-items-flex-start + * .ast-align-items-flex-end + * .ast-align-items-center + * .ast-align-items-baseline + * .ast-align-items-stretch + * .ast-align-content-flex-start + * .ast-align-content-flex-end + * .ast-align-content-center + * .ast-align-content-space-between + * .ast-align-content-space-around + * .ast-align-content-stretch + * .ast-order-1 + * .ast-order-2 + * .ast-order-3 + * .ast-order-4 + * .ast-order-5 + * .ast-flex-grow-1 + * .ast-flex-grow-2 + * .ast-flex-grow-3 + * .ast-flex-grow-4 + * .ast-flex-grow-5 + * .ast-flex-shrink-grow-1 + * .ast-flex-shrink-grow-2 + * .ast-flex-shrink-grow-3 + * .ast-flex-shrink-grow-4 + * .ast-flex-shrink-grow-5 + * .ast-flex-basis-grow-1 + * .ast-flex-basis-grow-2 + * .ast-flex-basis-grow-3 + * .ast-flex-basis-grow-4 + * .ast-flex-basis-grow-5 + * .ast-align-self-auto + * .ast-align-self-flex-start + * .ast-align-self-flex-end + * .ast-align-self-center + * .ast-align-self-baseline + * .ast-align-self-stretch + */ +.ast { + /* + # LAYOUT + ———————————————- + display: flex | inline-flex; + ———————————————- + */ + /* + ————————————————————————– + # CONTAINER (for PARENT) + ————————————————————————– + + # FLOW + ————————————————————————– + flex-flow: <‘flex-direction’> || <‘flex-wrap’> + ————————————————————————– + + # DIRECTION + ————————————————————————– + flex-direction: row | row-reverse | column | column-reverse; + ————————————————————————– + */ + /* + # WRAP + ————————————————————————– + flex-wrap: nowrap | wrap | wrap-reverse; + ————————————————————————– + */ + /* + ————————————————————————– + # JUSTIFY CONTENT + ————————————————————————– + justify-content: flex-start | flex-end | center | space-between | space-around; + ————————————————————————– + */ + /* + ————————————————————————– + # ALIGN – ITEMS + ————————————————————————– + align-items: flex-start | flex-end | center | baseline | stretch; + ————————————————————————– + */ + /* + ————————————————————————– + # ALIGN – CONTENT + ————————————————————————– + align-content: flex-start | flex-end | center | space-between | space-around | stretch; + ————————————————————————– + */ + /* + ————————————————————————– + # ITEMS (for CHILDs) + ————————————————————————– + + # FLEX + ————————————————————————– + flex: none | [ <‘flex-grow’> <‘flex-shrink’>? || <‘flex-basis’> ] + ————————————————————————– + ————————————————————————– + + # ORDER + ————————————————————————– + order: ; + ————————————————————————– + */ + /* + ————————————————————————– + # GROW + ————————————————————————– + flex-grow: ; default 0 + ————————————————————————– + */ + /* + ————————————————————————– + # SHRINK + ————————————————————————– + flex-shrink: ; default 1 + ————————————————————————– + */ + /* + ————————————————————————– + # ALIGN SELF + ————————————————————————– + align-self: auto | flex-start | flex-end | center | baseline | stretch; + ————————————————————————– + */ + /* + ————————————————————————– + */ +} + +.ast-flex { + -js-display: flex; + display: flex; + flex-wrap: wrap; +} + +.ast-flex-1 { + flex: 1; +} + +.ast-flex-2 { + flex: 2; +} + +.ast-flex-3 { + flex: 3; +} + +.ast-flex-4 { + flex: 4; +} + +.ast-flex-5 { + flex: 5; +} + +.ast-inline-flex { + -js-display: inline-flex; + display: inline-flex; + align-items: center; + flex-wrap: wrap; + align-content: center; +} + +.ast-flex-direction-row { + flex-direction: row; +} + +.ast-flex-direction-row-reverse { + flex-direction: row-reverse; +} + +.ast-flex-direction-column { + flex-direction: column; +} + +.ast-flex-direction-column-reverse { + flex-direction: column-reverse; +} + +.ast-flex-wrap-nowrap { + flex-wrap: nowrap; +} + +.ast-flex-wrap-wrap { + flex-wrap: wrap; +} + +.ast-flex-wrap-wrap-reverse { + flex-wrap: wrap-reverse; +} + +.ast-justify-content-flex-start { + justify-content: flex-start; +} + +.ast-justify-content-flex-end { + justify-content: flex-end; +} + +.ast-justify-content-center { + justify-content: center; +} + +.ast-justify-content-space-between { + justify-content: space-between; +} + +.ast-justify-content-space-around { + justify-content: space-around; +} + +.ast-align-items-flex-start { + align-items: flex-start; +} + +.ast-align-items-flex-end { + align-items: flex-end; +} + +.ast-align-items-center { + align-items: center; +} + +.ast-align-items-baseline { + align-items: baseline; +} + +.ast-align-items-stretch { + align-items: stretch; +} + +.ast-align-content-flex-start { + align-content: flex-start; +} + +.ast-align-content-flex-end { + align-content: flex-end; +} + +.ast-align-content-center { + align-content: center; +} + +.ast-align-content-space-between { + align-content: space-between; +} + +.ast-align-content-space-around { + align-content: space-around; +} + +.ast-align-content-stretch { + align-content: stretch; +} + +.ast-order-1 { + order: 1; +} + +.ast-order-2 { + order: 2; +} + +.ast-order-3 { + order: 3; +} + +.ast-order-4 { + order: 4; +} + +.ast-order-5 { + order: 5; +} + +.ast-flex-grow-1 { + flex-grow: 1; +} + +.ast-flex-grow-2 { + flex-grow: 2; +} + +.ast-flex-grow-3 { + flex-grow: 3; +} + +.ast-flex-grow-4 { + flex-grow: 4; +} + +.ast-flex-grow-5 { + flex-grow: 5; +} + +.ast-flex-shrink-1 { + flex-shrink: 1; +} + +.ast-flex-shrink-2 { + flex-shrink: 2; +} + +.ast-flex-shrink-3 { + flex-shrink: 3; +} + +.ast-flex-shrink-4 { + flex-shrink: 4; +} + +.ast-flex-shrink-5 { + flex-shrink: 5; +} + +.ast-align-self-auto { + align-self: auto; +} + +.ast-align-self-flex-start { + align-self: flex-start; +} + +.ast-align-self-flex-end { + align-self: flex-end; +} + +.ast-align-self-center { + align-self: center; +} + +.ast-align-self-baseline { + align-self: baseline; +} + +.ast-align-self-stretch { + align-self: stretch; +} diff --git a/assets/css/unminified/galleries-rtl.css b/assets/css/unminified/galleries-rtl.css new file mode 100644 index 0000000..bfb7956 --- /dev/null +++ b/assets/css/unminified/galleries-rtl.css @@ -0,0 +1,81 @@ +.gallery-item { + display: inline-block; + text-align: center; + vertical-align: top; + width: 100%; +} + +.gallery-columns-2 .gallery-item { + max-width: 50%; +} + +.gallery-columns-3 .gallery-item { + max-width: 33.33%; +} + +.gallery-columns-4 .gallery-item { + max-width: 25%; +} + +.gallery-columns-5 .gallery-item { + max-width: 20%; +} + +.gallery-columns-6 .gallery-item { + max-width: 16.66%; +} + +.gallery-columns-7 .gallery-item { + max-width: 14.28%; +} + +.gallery-columns-8 .gallery-item { + max-width: 12.5%; +} + +.gallery-columns-9 .gallery-item { + max-width: 11.11%; +} + +.gallery-caption { + display: block; +} + +.ast-blog-featured-section .gallery { + margin-bottom: 0; +} + +.single .entry-content .gallery { + margin-right: -10px; + margin-left: -10px; +} + +.gallery-caption { + color: black; + padding: 10px; + border-radius: 0 0 2px 2px; + border: 1px solid #eaeaea; + border-top: none; + font-size: 0.9em; +} + +.gallery-icon { + border-bottom: 0; + border-radius: 2px 2px 0 0; + border: 1px solid #eaeaea; + overflow: hidden; +} + +.gallery-item { + margin: 0; + padding: 10px; + border-radius: 2px; +} + +.gallery-item:last-child { + margin-bottom: 2em; +} + +.elementor-image-gallery .gallery-icon { + border: none; +} diff --git a/assets/css/unminified/galleries.css b/assets/css/unminified/galleries.css new file mode 100644 index 0000000..9d3496c --- /dev/null +++ b/assets/css/unminified/galleries.css @@ -0,0 +1,81 @@ +.gallery-item { + display: inline-block; + text-align: center; + vertical-align: top; + width: 100%; +} + +.gallery-columns-2 .gallery-item { + max-width: 50%; +} + +.gallery-columns-3 .gallery-item { + max-width: 33.33%; +} + +.gallery-columns-4 .gallery-item { + max-width: 25%; +} + +.gallery-columns-5 .gallery-item { + max-width: 20%; +} + +.gallery-columns-6 .gallery-item { + max-width: 16.66%; +} + +.gallery-columns-7 .gallery-item { + max-width: 14.28%; +} + +.gallery-columns-8 .gallery-item { + max-width: 12.5%; +} + +.gallery-columns-9 .gallery-item { + max-width: 11.11%; +} + +.gallery-caption { + display: block; +} + +.ast-blog-featured-section .gallery { + margin-bottom: 0; +} + +.single .entry-content .gallery { + margin-left: -10px; + margin-right: -10px; +} + +.gallery-caption { + color: black; + padding: 10px; + border-radius: 0 0 2px 2px; + border: 1px solid #eaeaea; + border-top: none; + font-size: 0.9em; +} + +.gallery-icon { + border-bottom: 0; + border-radius: 2px 2px 0 0; + border: 1px solid #eaeaea; + overflow: hidden; +} + +.gallery-item { + margin: 0; + padding: 10px; + border-radius: 2px; +} + +.gallery-item:last-child { + margin-bottom: 2em; +} + +.elementor-image-gallery .gallery-icon { + border: none; +} diff --git a/assets/css/unminified/main-rtl.css b/assets/css/unminified/main-rtl.css new file mode 100644 index 0000000..3fb68b5 --- /dev/null +++ b/assets/css/unminified/main-rtl.css @@ -0,0 +1,3315 @@ +@charset "UTF-8"; +/*-------------------------------------------------------------- +>>> TABLE OF CONTENTS: +---------------------------------------------------------------- +# Normalize +# Typography +# Elements +# Forms +# Navigation + ## Links + ## Menus +# Accessibility +# Alignments +# Clearings +# Widgets +# Content + ## Posts and pages + ## Asides + ## Comments +# Infinite scroll +# Media + ## Captions + ## Galleries +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Normalize +--------------------------------------------------------------*/ +html, +body, +p, +ol, +ul, +li, +dl, +dt, +dd, +blockquote, +figure, +fieldset, +legend, +textarea, +pre, +iframe, +address, +hr, +h1, +h2, +h3, +h4, +h5, +h6 { + border: 0; + font-size: 100%; + font-style: inherit; + font-weight: inherit; + margin: 0; + outline: 0; + padding: 0; + vertical-align: baseline; +} + +html { + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +main, +nav { + display: block; +} + +progress { + display: inline-block; + vertical-align: baseline; +} + +a { + background-color: transparent; +} + +a:active { + outline: 0; +} + +a, +a:visited, +a:hover, +a:focus { + text-decoration: none; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, +strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +mark { + background: #ff0; + color: #000; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 0; +} + +hr { + box-sizing: content-box; + height: 0; +} + +pre { + overflow: auto; +} + +code, +kbd, +pre, +samp { + font-size: 1em; +} + +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} + +button { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} + +button[disabled], +html input[disabled] { + cursor: default; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input { + line-height: normal; +} + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +input[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box; +} + +.search .search-submit, +#comments .submit { + padding: 10px 15px; + border-radius: 2px; + line-height: 1.85714285714286; + border: 0; +} + +.search .site-main .ast-search-submit { + display: none; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +fieldset { + border: 1px solid #eaeaea; + margin: 0 0px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + border: 0; + padding: 0; +} + +fieldset legend { + margin-bottom: 1.5em; + padding: 0 0.5em; +} + +textarea { + overflow: auto; +} + +optgroup { + font-weight: bold; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} + +/*-------------------------------------------------------------- +# Bootstrap Grid +--------------------------------------------------------------*/ +/*! + * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.ast-container { + max-width: 100%; +} + +.ast-container-fluid, .ast-container { + margin-right: auto; + margin-left: auto; + padding-right: 20px; + padding-left: 20px; +} + +.ast-row { + margin-right: -20px; + margin-left: -20px; +} + +.ast-grid-common-col { + position: relative; + min-height: 1px; + padding-right: 20px; + padding-left: 20px; +} + +.ast-float { + float: right; +} + +@media (max-width: 992px) { + .ast-width-sm-25 { + width: 25%; + } + .ast-width-md-50 { + width: 50%; + } +} + +@media (max-width: 768px) { + .ast-width-md-25 { + width: 25%; + } +} + +.ast-full-width { + width: 100%; +} + +.ast-width-50 { + width: 50%; +} + +@media (min-width: 768px) { + .ast-width-md-4 { + width: 33.3333333333%; + } + .ast-width-md-16 { + width: 16.6666666667%; + } + .ast-width-md-6 { + width: 50%; + float: right; + } + .ast-width-md-3 { + width: 25%; + } + .ast-width-md-66 { + width: 66.6666666667%; + } +} + +@media (min-width: 769px) { + .ast-width-md-20 { + width: 20%; + } +} + +@media (min-width: 992px) { + .ast-width-lg-33 { + width: 33.3333333333%; + } + .ast-width-lg-16 { + width: 16.6666666667%; + } + .ast-width-lg-50 { + width: 50%; + } + .ast-width-lg-66 { + width: 66.6666666667%; + } +} + +/*-------------------------------------------------------------- +# Site Variables +--------------------------------------------------------------*/ +/*---------- Font Size ----------*/ +/*---------- Line Height ----------*/ +/*---------- Site Basic Structure ----------*/ +/*---------- z-index Structure ----------*/ +/*-------------------------------------------------------------- +# Mixins +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Typography +--------------------------------------------------------------*/ +h1, h2, h3, h4, h5, h6 { + clear: both; +} + +h1, +.entry-content h1 { + color: #808285; + font-size: 2em; + line-height: 1.2; +} + +h2, +.entry-content h2 { + color: #808285; + font-size: 1.7em; + line-height: 1.3; +} + +h3, +.entry-content h3 { + color: #808285; + font-size: 1.5em; + line-height: 1.4; +} + +h4, +.entry-content h4 { + color: #808285; + line-height: 1.5; + font-size: 1.3em; +} + +h5, +.entry-content h5 { + color: #808285; + line-height: 1.6; + font-size: 1.2em; +} + +h6, +.entry-content h6 { + color: #808285; + line-height: 1.7; + font-size: 1.1em; +} + +/*-------------------------------------------------------------- +# Elements +--------------------------------------------------------------*/ +html { + box-sizing: border-box; +} + +*, +*:before, +*:after { + /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ + box-sizing: inherit; +} + +body { + color: #808285; + background: #ffffff; + /* Fallback for when there is no custom background color defined. */ + font-style: normal; +} + +ul, ol { + margin: 0 3em 1.5em 0; +} + +ul { + list-style: disc; +} + +ol { + list-style: decimal; +} + +li > ul, +li > ol { + margin-bottom: 0; + margin-right: 1.5em; +} + +dt { + font-weight: bold; +} + +dd { + margin: 0 1.5em 1.5em; +} + +b, strong { + font-weight: bold; +} + +dfn, +cite, +em, +i { + font-style: italic; +} + +blockquote, +q { + quotes: "" ""; +} + +blockquote:before, blockquote:after, +q:before, +q:after { + content: ""; +} + +blockquote { + border-right: 5px solid rgba(0, 0, 0, 0.05); + padding: 20px; + font-size: 1.2em; + font-style: italic; + margin: 0 0 1.5em; + position: relative; +} + +blockquote p:last-child { + margin: 0; +} + +address { + margin: 0 0 1.5em; +} + +abbr, +acronym { + border-bottom: 1px dotted #666; + cursor: help; +} + +pre { + background: #eee; + font-family: "Courier 10 Pitch", Courier, monospace; + margin-bottom: 1.6em; + overflow: auto; + max-width: 100%; + padding: 1.6em; +} + +code, +kbd, +tt, +var { + font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; +} + +img { + height: auto; + /* Make sure images are scaled correctly. */ + max-width: 100%; + /* Adhere to container width. */ +} + +hr { + background-color: #ccc; + border: 0; + height: 1px; + margin-bottom: 1.5em; +} + +.ast-button, +.button, +button, +input, +select, +textarea { + color: #808285; + font-weight: normal; + font-size: 100%; + /* Corrects font size not being inherited in all browsers */ + margin: 0; + /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ + vertical-align: baseline; + /* Improves appearance and consistency in all browsers */ +} + +button, +input { + line-height: normal; + /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ +} + +big { + font-size: 125%; +} + +mark, +ins { + background: transparent; + text-decoration: none; +} + +table, th, td { + border: 1px solid rgba(0, 0, 0, 0.1); +} + +table { + border-collapse: separate; + border-spacing: 0; + border-width: 1px 1px 0 0; + margin: 0 0 1.5em; + width: 100%; +} + +th { + font-weight: bold; +} + +th, td { + padding: 8px; + text-align: right; + border-width: 0 0 1px 1px; +} + +/*-------------------------------------------------------------- +# Forms +--------------------------------------------------------------*/ +button, +.ast-button, +.button, +input[type="button"], +input[type="reset"], +input[type="submit"] { + border: 1px solid; + border-color: #eaeaea; + border-radius: 2px; + background: #e6e6e6; + padding: .6em 1em .4em; + color: #fff; +} + +button:hover, button:focus, +.ast-button:hover, +.ast-button:focus, +.button:hover, +.button:focus, +input[type="button"]:hover, +input[type="button"]:focus, +input[type="reset"]:hover, +input[type="reset"]:focus, +input[type="submit"]:hover, +input[type="submit"]:focus { + color: #fff; + border-color: #eaeaea; +} + +button:active, button:focus, +.ast-button:active, +.ast-button:focus, +.button:active, +.button:focus, +input[type="button"]:active, +input[type="button"]:focus, +input[type="reset"]:active, +input[type="reset"]:focus, +input[type="submit"]:active, +input[type="submit"]:focus { + border-color: #eaeaea; + outline: none; +} + +input[type="text"], +input[type="email"], +input[type="url"], +input[type="password"], +input[type="search"], +input[type="tel"], +textarea { + color: #666; + border: 1px solid #ccc; + border-radius: 2px; + -webkit-appearance: none; +} + +input[type="text"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +textarea:focus { + color: #111; +} + +textarea { + padding-right: 3px; + width: 100%; +} + +/*-------------------------------------------------------------- +# Navigation +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +## Links +--------------------------------------------------------------*/ +a { + color: royalblue; +} + +a:hover, a:focus { + color: midnightblue; +} + +a:focus { + outline: thin dotted; +} + +a:hover { + outline: 0; +} + +/*-------------------------------------------------------------- +# Accessibility +--------------------------------------------------------------*/ +/* Text meant only for screen readers. */ +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.screen-reader-text:focus { + background-color: #f1f1f1; + border-radius: 2px; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + clip: auto !important; + color: #21759b; + display: block; + font-size: 12.25px; + font-size: 0.875rem; + height: auto; + right: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; + /* Above WP toolbar. */ +} + +.alignleft { + display: inline; + float: right; + margin-left: 1.5em; +} + +.alignright { + display: inline; + float: left; + margin-right: 1.5em; +} + +.aligncenter { + clear: both; + text-align: center; + display: block; + margin-right: auto; + margin-left: auto; +} + +/*-------------------------------------------------------------- +# Media +--------------------------------------------------------------*/ +/* Make sure embeds and iframes fit their containers. */ +embed, +iframe, +object { + max-width: 100%; +} + +/*-------------------------------------------------------------- +## Captions +--------------------------------------------------------------*/ +.wp-caption { + margin-bottom: 1.5em; + max-width: 100%; +} + +.wp-caption img[class*="wp-image-"] { + display: block; + margin-right: auto; + margin-left: auto; +} + +.wp-caption .wp-caption-text { + margin: 0.8075em 0; +} + +.wp-caption-text { + text-align: center; +} + +/*-------------------------------------------------------------- +# Content +--------------------------------------------------------------*/ +/*---------- Mixins ----------*/ +/*---------- Site Variables ----------*/ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/*---------- Site Normalize ----------*/ +::selection { + color: #fff; + background: #0274be; +} + +body { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body:not(.logged-in) { + position: relative; +} + +#page { + position: relative; +} + +a, +a:focus { + text-decoration: none; +} + +a, +.site-header a *, +.site-footer a *, +.secondary a * { + transition: all 0.2s linear; +} + +.capitalize { + text-transform: uppercase; +} + +img { + vertical-align: middle; +} + +.entry-content h1, +.entry-content h2, +.entry-content h3, +.entry-content h4, +.entry-content h5, +.entry-content h6 { + margin-bottom: 20px; +} + +p { + margin-bottom: 1.75em; +} + +blockquote { + margin: 1.5em 3em 1.5em 1em; + padding: 1.2em; + font-size: 1.1em; + line-height: inherit; + position: relative; +} + +.ast-button, +.button, +input[type="button"], +input[type="submit"] { + border-radius: 0; + padding: 18px 30px; + border: 0; + box-shadow: none; + text-shadow: none; +} + +.ast-button:hover, +.button:hover, +input[type="button"]:hover, +input[type="submit"]:hover { + box-shadow: none; +} + +.ast-button:active, .ast-button:focus, +.button:active, +.button:focus, +input[type="button"]:active, +input[type="button"]:focus, +input[type="submit"]:active, +input[type="submit"]:focus { + box-shadow: none; +} + +.site-title { + font-weight: normal; +} + +.site-title, +.site-description { + margin-bottom: 0; +} + +.site-title a, +.site-title:hover a, +.site-title:focus a, +.site-description a, +.site-description:hover a, +.site-description:focus a { + transition: all 0.2s linear; +} + +.site-title a, +.site-title a:focus, +.site-title a:hover, +.site-title a:visited { + color: #222; +} + +.site-description a, +.site-description a:focus, +.site-description a:hover, +.site-description a:visited { + color: #999; +} + +.search-form .search-field { + outline: none; +} + +.ast-search-menu-icon { + position: relative; + z-index: 3; +} + +/* must have higher specificity than alternative color schemes inline styles */ +.site .skip-link { + background-color: #f1f1f1; + box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); + color: #21759b; + display: block; + font-family: Montserrat, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 700; + right: -9999em; + outline: none; + padding: 15px 23px 14px; + text-decoration: none; + text-transform: none; + top: -9999em; +} + +.site .skip-link:focus { + clip: auto; + height: auto; + right: 6px; + top: 7px; + width: auto; + z-index: 100000; + outline: thin dotted; +} + +.logged-in .site .skip-link { + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); + font-family: "Open Sans", sans-serif; +} + +select, +input { + line-height: 1; +} + +body, +button, +input[type="button"], +input[type="submit"], +textarea, +.ast-button, +.ast-custom-button { + line-height: 1.85714285714286; +} + +.site-title a { + line-height: 1.2; +} + +.site-header .site-description { + line-height: 1.5; +} + +.ast-single-post .entry-title, +.ast-single-post .entry-title a { + line-height: 1.2; +} + +.entry-title, +.entry-title a { + font-weight: normal; +} + +/*---------- Media ----------*/ +/* Astra Respnosive oEmbed Video container */ +.ast-oembed-container { + position: relative; + padding-top: 56.25%; + height: 0; + overflow: hidden; + max-width: 100%; + height: auto; +} + +.ast-oembed-container iframe, .ast-oembed-container object, .ast-oembed-container embed { + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; +} + +body .ast-oembed-container * { + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; +} + +/*---------- Basic Layout ----------*/ +.ast-hidden { + display: none !important; +} + +body { + background-color: #ffffff; +} + +#page { + display: block; +} + +@media (min-width: 922px) { + .ast-container { + -js-display: flex; + display: flex; + } +} + +@media (max-width: 921px) { + .ast-container { + flex-direction: column; + } +} + +#primary, +#secondary { + width: 100%; +} + +#primary { + margin: 4em 0; +} + +.ast-separate-container { + background-color: #f5f5f5; +} + +.ast-separate-container #primary { + padding: 4em 0; + margin: 0; + border: 0; +} + +.ast-separate-container .site-main > .ast-row { + margin-right: 0; + margin-left: 0; +} + +.ast-separate-container .ast-article-post, +.ast-separate-container .ast-article-single:not(.ast-related-post) { + background-color: #fff; +} + +.ast-separate-container .ast-article-post, +.ast-separate-container .ast-article-single { + border-bottom: 1px solid #eeeeee; + margin: 0; + padding: 5.34em 6.67em; +} + +.ast-separate-container .blog-layout-1 { + padding: 0; + border-bottom: 0; +} + +.ast-separate-container .ast-article-single { + border-bottom: 0; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-post, + .ast-separate-container .ast-article-single { + margin: 0; + padding: 3.34em 2.4em; + } +} + +@media (min-width: 993px) { + .ast-separate-container.ast-right-sidebar #primary, + .ast-separate-container.ast-left-sidebar #primary, + .ast-separate-container #primary { + margin: 4em 0; + padding: 0; + } + .ast-right-sidebar #primary { + padding-left: 60px; + } + .ast-left-sidebar #primary { + padding-right: 60px; + } +} + +@media (max-width: 992px) { + .ast-separate-container.ast-right-sidebar #primary, + .ast-separate-container.ast-left-sidebar #primary, + .ast-separate-container #primary { + padding-right: 0; + padding-left: 0; + } + .ast-right-sidebar #primary { + padding-left: 30px; + } + .ast-left-sidebar #primary { + padding-right: 30px; + } +} + +/*---------- Navigation ----------*/ +/** + * Navigations + * + * @import + * 1 - Primary Menus + * 2 - Secondary Menus + * 3 - Header Top Menus + * + * Contents + * 1 - Toggle Button + * +*/ +/** + * @import + */ +/* 1 - Primary Menus */ +.ast-search-icon .astra-search-icon { + font-size: 1.3em; +} + +.main-navigation { + height: 100%; + -js-display: inline-flex; + display: inline-flex; +} + +.main-navigation ul { + list-style: none; + margin: 0; + padding-right: 0; + position: relative; +} + +.main-header-menu .menu-link, +.main-header-menu > a { + text-decoration: none; + padding: 0 1em; + display: inline-block; + transition: all 0.2s linear; +} + +.main-header-menu .menu-item { + position: relative; +} + +.main-header-menu .menu-item:hover > .sub-menu, +.main-header-menu .menu-item.focus > .sub-menu { + left: auto; + right: 0; +} + +.main-header-menu .ast-left-align-sub-menu:hover > .sub-menu, +.main-header-menu .ast-left-align-sub-menu.focus > .sub-menu { + left: 0; + right: auto; +} + +@media (min-width: 769px) { + .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, + .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + right: -100%; + } + .main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover > .sub-menu, + .main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus > .sub-menu { + right: -100%; + } +} + +.main-header-menu .sub-menu { + width: 240px; + background: #ffffff; + right: -999em; + position: absolute; + top: 100%; + z-index: 99999; +} + +@media (min-width: 769px) { + .main-header-menu .sub-menu .menu-item:hover > .sub-menu, + .main-header-menu .sub-menu .menu-item.focus > .sub-menu { + right: 100%; + left: auto; + } + .main-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu { + right: -100%; + } + .main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, + .main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + right: -100%; + } +} + +.main-header-menu .sub-menu .menu-link { + padding: 0.9em 1em; + display: block; + word-wrap: break-word; +} + +.main-header-menu .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type { + display: none; +} + +#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .icon-arrow svg { + position: absolute; + left: .60em; + top: 50%; + transform: translate(0, -50%) rotate(-270deg); +} + +.main-header-menu .sub-menu .sub-menu { + top: 0px; +} + +.submenu-with-border .sub-menu { + border-width: 1px; + border-style: solid; +} + +.submenu-with-border .sub-menu .menu-link { + border-width: 0 0 1px; + border-style: solid; +} + +.submenu-with-border .sub-menu .sub-menu { + top: -1px; +} + +/* Remove the last anchor border for desktop devices */ +.ast-desktop .submenu-with-border .sub-menu > .menu-item:last-child > .menu-link { + border-bottom-width: 0; +} + +.ast-header-break-point .main-navigation { + padding-right: 0; +} + +.ast-header-break-point .main-navigation ul .menu-item .menu-link { + padding: 0 20px; + display: inline-block; + width: 100%; + border: 0; + border-bottom-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type { + margin-left: 5px; +} + +.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type { + display: inline; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link { + padding-right: 30px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link { + padding-right: 40px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link { + padding-right: 50px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link { + padding-right: 60px; +} + +.ast-header-break-point .main-header-menu { + background-color: #f9f9f9; + border-top-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point .main-header-menu .sub-menu { + background-color: #f9f9f9; + position: static; + opacity: 1; + visibility: visible; + border: 0; + width: auto; +} + +.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu, +.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu { + right: 0; +} + +.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, +.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + right: 0; +} + +.ast-header-break-point .submenu-with-border .sub-menu { + border: 0; +} + +.ast-header-break-point .dropdown-menu-toggle { + display: none; +} + +/** + * Contents + */ +.ast-mobile-menu-buttons { + display: none; +} + +/* Toggle Button */ +.ast-button-wrap { + display: inline-block; +} + +.ast-button-wrap button { + box-shadow: none; + border: none; +} + +.ast-button-wrap .menu-toggle { + padding: 0; + width: 2.2em; + height: 2.1em; + font-size: 1.5em; + font-weight: normal; + border-radius: 2px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + border-radius: 2px; + vertical-align: middle; + line-height: 1.85714285714286; +} + +.ast-button-wrap .menu-toggle.main-header-menu-toggle { + padding: 0 .5em; + width: auto; + text-align: center; +} + +.ast-button-wrap .menu-toggle.main-header-menu-toggle .mobile-menu { + font-size: 15px; + font-size: 1rem; + font-weight: 600; +} + +.ast-button-wrap .menu-toggle .menu-toggle-icon { + font-style: normal; + display: inline-block; + vertical-align: middle; + line-height: 2.05; +} + +.ast-button-wrap .menu-toggle .menu-toggle-icon:before { + content: "\e5d2"; + font-family: 'Astra'; + text-decoration: inherit; +} + +.ast-button-wrap .menu-toggle .icon-menu-bars svg:nth-child(2) { + display: none; +} + +.ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before { + content: "\e5cd"; +} + +.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(1) { + display: none; +} + +.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(2) { + display: block; +} + +.ast-button-wrap .menu-toggle .mobile-menu-wrap { + display: inline-block; +} + +.ast-button-wrap .menu-toggle:focus { + outline: thin dotted; +} + +.header-main-layout-1 .ast-main-header-bar-alignment { + margin-right: auto; +} + +#site-navigation { + height: 100%; +} + +.site-header .menu-link * { + transition: none; +} + +.ast-icon.icon-arrow svg { + height: .6em; + width: .6em; + position: relative; + margin-right: 10px; +} + +.ast-icon.icon-search svg { + height: 1em; + width: 0.9em; + margin-top: 3px; + margin-left: 2px; +} + +/* Responsive Screen */ +.ast-header-break-point .user-select { + clear: both; +} + +.ast-header-break-point .ast-mobile-menu-buttons { + display: block; + align-self: center; +} + +.ast-header-break-point .main-header-bar-navigation { + flex: auto; +} + +.ast-header-break-point .ast-main-header-bar-alignment { + display: block; + width: 100%; + flex: auto; + order: 4; +} + +.ast-header-break-point .ast-icon.icon-arrow svg { + height: .85em; + width: .95em; + position: relative; + margin-right: 10px; +} + +/** + * Post/Page Navigation + */ +.site-main .comment-navigation, .site-main +.posts-navigation, .site-main +.post-navigation { + margin: 0 0 1.5em; + overflow: hidden; +} + +.comment-navigation .nav-previous, +.comment-navigation .nav-next, +.posts-navigation .nav-previous, +.posts-navigation .nav-next, +.post-navigation .nav-previous, +.post-navigation .nav-next { + width: 50%; + display: inline-block; +} + +.comment-navigation .nav-next, +.posts-navigation .nav-next, +.post-navigation .nav-next { + text-align: left; +} + +.ast-icon svg { + fill: currentColor; +} + +.post-navigation a { + background: transparent; + font-size: 16px; + font-size: 1.06666rem; + padding: 0 1.5em; + height: 2.33333em; + line-height: calc(2.33333em - 3px); +} + +/*---------- Primary ----------*/ +.sticky { + display: block; +} + +.hentry { + margin: 0 0 1.5em; +} + +.byline, +.updated:not(.published) { + display: none; +} + +.single .byline, +.group-blog .byline { + display: inline; +} + +.page-links { + clear: both; + margin-top: 1em; +} + +.page-links a { + display: inline-block; +} + +.page-links a .page-link { + border-color: #eaeaea; + background: transparent; +} + +.page-links .page-link { + padding: 0; + margin: 0 .3em .3em 0; + border: 2px solid #eaeaea; + color: #000; + background: transparent; + font-size: 0.8em; + width: 2.5em; + height: 2.5em; + line-height: calc( 2.5em - 4px); + display: inline-block; + text-align: center; + transition: all 0.2s linear; +} + +.page-links .page-link:hover, .page-links .page-link:focus { + color: #000; +} + +@media (max-width: 768px) { + .page-links .page-link { + margin-bottom: 6px; + } +} + +.page-content > :last-child, +.entry-content > :last-child, +.entry-summary > :last-child { + margin-bottom: 0; +} + +.bypostauthor { + display: block; +} + +/* .alignwide & .alignfull CSS compatibility */ +.ast-no-sidebar { + /* Boxed & Content Boxed container alignment support */ +} + +.ast-no-sidebar .entry-content { + /* Alignment while using the column block */ +} + +.ast-no-sidebar .entry-content .alignfull { + margin-right: calc(-50vw + 50%); + margin-left: calc(-50vw + 50%); + max-width: 100vw; + width: 100vw; +} + +.ast-no-sidebar .entry-content .alignfull .alignfull, +.ast-no-sidebar .entry-content .alignfull .alignwide { + width: 100%; + margin-right: auto; + margin-left: auto; +} + +.ast-no-sidebar .entry-content .alignwide { + margin-right: -100px; + margin-left: -100px; + max-width: unset; + width: unset; +} + +.ast-no-sidebar .entry-content .alignwide .alignfull, +.ast-no-sidebar .entry-content .alignwide .alignwide { + width: 100%; + margin-right: auto; + margin-left: auto; +} + +.ast-no-sidebar .entry-content .wp-block-column .alignfull, +.ast-no-sidebar .entry-content .wp-block-column .alignwide { + margin-right: auto; + margin-left: auto; + width: 100%; +} + +.ast-no-sidebar.ast-separate-container .entry-content { + /* Alignment while using the column block */ +} + +.ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-right: -6.67em; + margin-left: -6.67em; + width: auto; +} + +@media (max-width: 1200px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-right: -2.4em; + margin-left: -2.4em; + } +} + +@media (max-width: 768px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-right: -2.14em; + margin-left: -2.14em; + } +} + +@media (max-width: 544px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-right: -1em; + margin-left: -1em; + } +} + +.ast-no-sidebar.ast-separate-container .entry-content .alignwide { + margin-right: -20px; + margin-left: -20px; +} + +.ast-no-sidebar.ast-separate-container .entry-content .wp-block-column .alignfull, +.ast-no-sidebar.ast-separate-container .entry-content .wp-block-column .alignwide { + margin-right: auto; + margin-left: auto; + width: 100%; +} + +.wp-block-gallery, +.blocks-gallery-grid { + margin: 0; +} + +.wp-block-separator { + max-width: 100px; +} + +.wp-block-separator.is-style-wide { + max-width: none; +} + +.entry-content .has-2-columns .wp-block-column:first-child { + padding-left: 10px; +} + +.entry-content .has-2-columns .wp-block-column:last-child { + padding-right: 10px; +} + +@media (max-width: 782px) { + .entry-content .wp-block-columns .wp-block-column { + flex-basis: 100%; + } + .entry-content .has-2-columns .wp-block-column:first-child { + padding-left: 0; + } + .entry-content .has-2-columns .wp-block-column:last-child { + padding-right: 0; + } +} + +body { + overflow-x: hidden; +} + +body .entry-content .wp-block-latest-posts { + margin-right: 0; +} + +body .entry-content .wp-block-latest-posts li { + list-style: none; +} + +.ast-no-sidebar .ast-container .entry-content .wp-block-latest-posts { + margin-right: 0; +} + +.ast-header-break-point .entry-content .alignwide { + margin-right: auto; + margin-left: auto; +} + +.entry-content .blocks-gallery-item img { + margin-bottom: auto; +} + +.wp-block-pullquote { + border-top: 4px solid #555d66; + border-bottom: 4px solid #555d66; + color: #40464d; +} + +/*---------- Secondary ----------*/ +.widget-title { + font-weight: normal; + margin-bottom: 1em; + line-height: 1.5; +} + +.widget { + margin: 0 0 2.8em 0; +} + +.widget:last-child { + margin-bottom: 0; +} + +.widget select { + max-width: 100%; +} + +.widget ul { + margin: 0; + list-style-type: none; +} + +.widget_nav_menu ul ul.sub-menu { + margin-top: 0.25em; +} + +.widget_nav_menu ul ul.sub-menu li { + padding-right: 20px; +} + +.widget_nav_menu ul ul.sub-menu a:after { + right: -20px; +} + +.widget_nav_menu ul ul.sub-menu ul a:after { + right: -40px; +} + +.widget_nav_menu ul ul.sub-menu ul ul a:after { + right: -60px; +} + +.widget_nav_menu li { + transition: all 0.2s linear; +} + +/* Search widget. */ +.widget_search .search-form { + position: relative; + padding: 0; + background: initial; + color: inherit; +} + +.widget_search .search-form > label { + position: relative; +} + +.widget_search .search-form i { + color: #3a3a3a; +} + +.widget_search .search-form button { + position: absolute; + top: 0; + left: 15px; + border: none; + padding: 0; + cursor: pointer; + background: transparent; +} + +.widget_search .search-form input[type="submit"], +.widget_search .search-form input[type="submit"]:hover, +.widget_search .search-form input[type="submit"]:focus { + padding: 13px 20px; + border-radius: 2px; + border: none; + top: 0px; + left: 0px; + position: absolute; + color: transparent; + background: transparent; + max-width: 45px; + z-index: 2; +} + +.widget_search .search-form .search-field { + background: #fafafa; + border-width: 1px; + border-color: #eaeaea; + border-radius: 2px; +} + +.widget_search .search-field, +.widget_search .search-field:focus { + width: 100%; + padding: 16px 15px 16px 45px; +} + +/* Widget - Archive */ +/* Widget - Categories */ +.widget_pages ul.children, +.widget_archive ul.children, +.widget_categories ul.children { + position: relative; + margin-top: 5px; + width: 100%; +} + +.widget_pages ul.children li, +.widget_archive ul.children li, +.widget_categories ul.children li { + padding-right: 20px; +} + +.widget_pages li ul.children a:after, +.widget_archive li ul.children a:after, +.widget_categories li ul.children a:after { + right: -20px; +} + +.widget_pages li ul.children ul a:after, +.widget_archive li ul.children ul a:after, +.widget_categories li ul.children ul a:after { + right: -40px; +} + +/* Tag Cloud */ +.widget_tag_cloud .tagcloud { + margin-top: 10px; + display: inline-block; +} + +.widget_tag_cloud .tagcloud a { + border: 1px solid #e2e2e2; + padding: 0.5em 0.9em; + display: inline-block; + margin-bottom: 4px; + font-size: 14px; + margin-left: 4px; + line-height: 1.5; + transition: all 0.2s linear; +} + +/* Calender */ +.widget_calendar table, +.widget_calendar th, +.widget_calendar td { + padding: 0; + text-align: center; +} + +.widget_calendar table, +.widget_calendar th { + border: none; +} + +.widget_calendar td { + border-left: none; + border-right: none; +} + +.widget_calendar caption { + line-height: 2.7em; +} + +.widget_calendar thead { + line-height: 2.5em; +} + +.widget_calendar thead a { + color: #0274be; + font-size: 1rem; + vertical-align: middle; +} + +.widget_calendar thead td { + vertical-align: middle; + font-weight: bold; +} + +.widget_calendar thead > tr > th { + line-height: 2.5em; + border-bottom: 2px solid #eaeaea; + border-top: 2px solid #eaeaea; +} + +.widget_calendar tbody { + line-height: 2.10em; + text-align: center; +} + +.widget_calendar tbody > tr > td { + width: 14.2857%; +} + +.widget_calendar tbody > tr:first-child > td { + padding-top: 3px; +} + +.widget_calendar #today { + background: #0274be; +} + +/*---------- Builder ----------*/ +/** + * AST HF Builder - Grid related CSS. + */ +.ast-builder-grid-row { + display: grid; + grid-template-columns: auto auto; + align-items: center; + grid-column-gap: 20px; + overflow-wrap: anywhere; +} + +.ast-builder-grid-row > .site-header-section { + flex-wrap: nowrap; +} + +.ast-builder-footer-grid-columns { + grid-column-gap: 50px; +} + +.ast-builder-grid-row.ast-grid-center-col-layout { + grid-template-columns: 1fr auto 1fr; +} + +.ast-builder-layout-element { + align-items: center; +} + +.ast-builder-grid-row.ast-grid-center-col-layout-only { + -js-display: flex; + display: flex; + height: 100%; + justify-content: center; +} + +.ast-builder-grid-row.ast-grid-center-col-layout-only .ast-grid-section-center { + flex-grow: 1; +} + +.site-header-section { + height: 100%; + min-height: 0; + align-items: center; +} + +.site-header-section .ast-main-header-bar-alignment { + height: 100%; +} + +.site-header-section > * { + padding: 0 10px; +} + +.site-header-section > div:first-child { + padding-right: 0; +} + +.site-header-section > div:last-child { + padding-left: 0; +} + +.site-header-section .ast-builder-menu { + align-items: center; +} + +.ast-builder-layout-element.ast-header-search { + height: auto; +} + +.ast-grid-right-center-section { + justify-content: flex-start; + flex-grow: 1; +} + +.ast-grid-right-section { + justify-content: flex-end; +} + +.ast-grid-right-section .ast-site-identity > :first-child { + text-align: left; +} + +.ast-grid-right-section .ast-grid-right-center-section .ast-site-identity > :first-child { + text-align: right; +} + +.ast-grid-left-center-section { + justify-content: flex-end; + flex-grow: 1; +} + +/** + * AST HF Builder - Logo related CSS. + * Align center section's Site title & Tagline center align. + */ +.ast-logo-title-inline .ast-site-identity { + padding: 1em 0; + -js-display: inline-flex; + display: inline-flex; + vertical-align: middle; + align-items: center; + transition: all 0.2s linear; +} + +.ast-grid-section-center { + justify-content: center; +} + +.ast-grid-section-center .ast-site-identity > :first-child { + text-align: center; +} + +/** + * AST HF Builder - Widgets related CSS. + * Social Widget. + */ +.ast-builder-social-element { + line-height: 1; + color: #3a3a3a; + background: transparent; + vertical-align: middle; + transition: all 0.01s; + margin-right: 6px; + margin-left: 6px; + justify-content: center; + align-items: center; +} + +.ast-builder-social-element:hover { + color: #0274be; +} + +.ast-builder-social-element .social-item-label { + padding-right: 6px; +} + +.ast-social-stack-desktop .ast-builder-social-element, +.ast-social-stack-tablet .ast-builder-social-element, +.ast-social-stack-mobile .ast-builder-social-element { + margin-top: 6px; + margin-bottom: 6px; +} + +.ahfb-svg-iconset { + -js-display: inline-flex; + display: inline-flex; + align-self: center; +} + +.ahfb-svg-iconset svg { + width: 17px; + height: 17px; + transition: none; +} + +.ahfb-svg-iconset svg > * { + transition: none; +} + +/** + * AST HF Builder - Widgets related CSS. + * Button. + */ +.ast-footer-copyright p { + margin-bottom: 0; +} + +.ast-builder-grid-row-container { + display: grid; + align-content: center; +} + +.main-header-bar .main-header-bar-navigation { + height: 100%; +} + +.ast-nav-menu .sub-menu { + line-height: 1.45; +} + +.ast-builder-menu .main-navigation { + padding: 0; +} + +.ast-builder-menu .main-navigation > ul { + align-self: center; +} + +/** + * Astra HF Builder - Footer Components Compatibility CSS. + */ +.site-footer-focus-item { + width: 100%; +} + +.ast-footer-copyright { + width: 100%; +} + +.ast-footer-social-wrap { + width: 100%; +} + +#astra-footer-menu { + margin: 0; + list-style: none; + background: inherit; +} + +#astra-footer-menu > ul { + margin: 0; + list-style: none; + background: inherit; +} + +/** + * AST HF Builder - Responsive CSS. + * For desktop view. + */ +.ast-header-break-point #ast-mobile-header { + display: block; +} + +.ast-header-break-point .main-header-bar-navigation { + line-height: 3; +} + +.ast-header-break-point .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle { + display: inline-block; + position: absolute; + font-size: inherit; + top: 0px; + left: 20px; + cursor: pointer; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + padding: 0 0.907em; + font-weight: normal; + line-height: inherit; +} + +.ast-header-break-point .main-header-bar-navigation .menu-item-has-children .sub-menu { + display: none; +} + +.ast-header-break-point .ast-mobile-header-wrap .ast-above-header-wrap .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before, +.ast-header-break-point .ast-mobile-header-wrap .ast-main-header-wrap .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before { + transform: rotateX(180deg); +} + +.ast-header-break-point .ast-nav-menu .sub-menu { + line-height: 3; +} + +.site-footer-section { + justify-content: center; +} + +.site-footer-section > * { + margin-bottom: 10px; +} + +.site-footer-section > *:last-child { + margin-bottom: 0; +} + +.site-primary-footer-wrap { + padding-top: 45px; + padding-bottom: 45px; +} + +.site-above-footer-wrap, +.site-below-footer-wrap { + padding-top: 20px; + padding-bottom: 20px; +} + +.ast-hfb-header.ast-header-break-point .main-header-bar-navigation { + width: 100%; + margin: 0; +} + +.ast-hfb-header .menu-toggle.toggled .ast-mobile-svg { + display: none; +} + +.ast-hfb-header .menu-toggle.toggled .ast-close-svg { + display: block; +} + +.menu-toggle .ast-close-svg { + display: none; +} + +.ast-mobile-header-wrap .menu-toggle .mobile-menu-toggle-icon { + -js-display: inline-flex; + display: inline-flex; + align-self: center; +} + +.ast-mobile-header-wrap .menu-toggle .mobile-menu-wrap { + -js-display: inline-flex; + display: inline-flex; + align-self: center; + margin-right: 0.4em; +} + +.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle { + -js-display: flex; + display: flex; + align-items: center; + width: auto; + height: auto; +} + +.menu-toggle .mobile-menu-toggle-icon { + -js-display: inline-flex; + display: inline-flex; + align-self: center; +} + +.menu-toggle .mobile-menu-wrap { + -js-display: inline-flex; + display: inline-flex; + align-self: center; + margin-right: 0.4em; +} + +.ast-hfb-header .ast-button-wrap .menu-toggle .mobile-menu-wrap { + align-items: center; + -js-display: flex; + display: flex; +} + +.ast-button-wrap .menu-toggle.main-header-menu-toggle { + padding: .5em; + align-items: center; + -js-display: flex; + display: flex; +} + +.ast-search-menu-icon.ast-inline-search .search-field { + width: 100%; + padding: 0.60em; + padding-left: 5.5em; +} + +/* Footer menu spacing between each menu items. */ +@media (min-width: 769px) { + .footer-nav-wrap .astra-footer-horizontal-menu li { + margin: 0; + } + .footer-nav-wrap .astra-footer-horizontal-menu li:first-child a { + padding-right: 0; + } + .footer-nav-wrap .astra-footer-horizontal-menu li:last-child a { + padding-left: 0; + } + .footer-nav-wrap .astra-footer-horizontal-menu a { + padding: 0 0.5em; + } +} + +/*---------- Header ----------*/ +/** + * Header + * + * @import + * 1 - Header Layout Common + * 2 - Header Main +*/ +/* 1 - Header Common */ +/** + * Header Common + * + * Contents + * 1 - Common + * 4 - Main Header Container + * 6 - all and (max-width: $mx-break-point) + * 7 - Auto Margin +*/ +/** + * 1 - Common + */ +.site-header { + z-index: 99; + position: relative; +} + +/** + * 4 - Main Header Container + */ +.main-header-container { + position: relative; +} + +.main-header-bar-wrap { + position: relative; +} + +.main-header-bar { + background-color: #fff; + border-bottom-color: #eaeaea; + border-bottom-style: solid; +} + +/** + * 6 - all and (max-width: $mx-break-point) + */ +.ast-header-break-point .main-header-bar { + border: 0; +} + +.ast-header-break-point .main-header-bar { + border-bottom-color: #eaeaea; + border-bottom-style: solid; +} + +/** + * 7 - Auto Margin + */ +.main-header-bar { + margin-right: auto; + margin-left: auto; +} + +/** + * 10 - Submenu container box shadow + */ +.ast-desktop .main-header-menu:not(#ast-hf-mobile-menu) .sub-menu { + box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); +} + +.ast-header-custom-item-inside .button-custom-menu-item .menu-link { + display: none; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item { + padding-right: 0; + padding-left: 0; + margin-top: 0; + margin-bottom: 0; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .ast-custom-button-link { + display: none; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .menu-link { + display: block; +} + +/* 2 - Header Main */ +/** + * Header Sections + * + * All sections within the header. + * + * Contents + * 1 - Common + * 2 - Social Follow + * 3 - Site Logo + * 4 - Search Form + * + * # Responsive +*/ +/** + * 1 - Common + */ +.site-branding { + line-height: 1; + align-self: center; +} + +.ast-menu-toggle { + display: none; + background: transparent; + color: inherit; + border-style: dotted; + border-color: transparent; +} + +.ast-menu-toggle:focus, .ast-menu-toggle:hover { + background: transparent; + border-color: inherit; + color: inherit; +} + +.ast-menu-toggle:focus { + outline: thin dotted; +} + +/** + * 4 - Search Form & Main Header + */ +.ast-main-header-nav-open .main-header-bar { + padding-bottom: 0; +} + +.main-header-bar { + z-index: 4; + position: relative; +} + +.main-header-bar .main-header-bar-navigation:empty { + padding: 0; +} + +.main-header-bar .main-header-bar-navigation .sub-menu { + line-height: 1.45; +} + +.main-header-bar .main-header-bar-navigation .menu-item-has-children > .menu-link:after { + line-height: normal; +} + +/* Hide Mobile logo. */ +.custom-mobile-logo-link { + display: none; +} + +.ast-site-identity { + padding: 1em 0; +} + +.ast-header-break-point .site-header .main-header-bar-wrap .site-branding { + flex: 1; + align-self: center; +} + +.ast-header-break-point .ast-site-identity { + width: 100%; +} + +.ast-header-break-point .main-header-bar { + display: block; + line-height: 3; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation { + line-height: 3; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu { + line-height: 3; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu { + display: none; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle { + display: inline-block; + position: absolute; + font-size: inherit; + top: -1px; + left: 20px; + cursor: pointer; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + padding: 0 0.907em; + font-weight: normal; + line-height: inherit; + transition: all .2s; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before { + transform: rotateX(180deg); +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu { + border-top-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point .main-navigation { + display: block; + width: 100%; +} + +.ast-header-break-point .main-navigation ul ul { + right: auto; + left: auto; +} + +.ast-header-break-point .main-navigation .stack-on-mobile li { + width: 100%; +} + +.ast-header-break-point .main-navigation .widget { + margin-bottom: 1em; +} + +.ast-header-break-point .main-navigation .widget li { + width: auto; +} + +.ast-header-break-point .main-navigation .widget:last-child { + margin-bottom: 0; +} + +.ast-header-break-point .main-header-bar-navigation { + width: calc( 100% + 40px); + margin: 0 -20px; +} + +.ast-header-break-point .main-header-menu ul ul { + top: 0; +} + +.ast-header-break-point .ast-builder-menu { + width: 100%; +} + +.ast-header-break-point .ast-mobile-header-wrap .ast-flex.stack-on-mobile { + flex-wrap: wrap; +} + +.ast-desktop .main-header-menu > .menu-item .sub-menu:before { + position: absolute; + content: ''; + top: 0; + right: 0; + width: 100%; + transform: translateY(-100%); +} + +/*---------- Forms ----------*/ +/** + * Form Fields + * + * @import + * 1 - All fields common scss + * 2 - Field - Range + * 3 - Field - Color +*/ +/* 1 - All fields common scss */ +input[type="text"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="password"], +input[type="search"], +input[type=reset], +input[type=tel], +select, +textarea { + color: #666; + padding: 0.75em; + height: auto; + border-width: 1px; + border-style: solid; + border-color: #eaeaea; + border-radius: 2px; + background: #fafafa; + box-shadow: none; + box-sizing: border-box; + transition: all 0.2s linear; +} + +input[type="text"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +input[type="search"]:focus, +input[type=reset]:focus, +input[type=tel]:focus, +select:focus, +textarea:focus { + background-color: #fff; + border-color: #eaeaea; + box-shadow: none; +} + +input[type=reset], +input[type=reset]:hover, +input[type=reset]:focus, +input[type="submit"], +input[type="submit"]:hover, +input[type="submit"]:focus, +input[type="button"], +input[type="button"]:hover, +input[type="button"]:focus { + box-shadow: none; +} + +textarea { + width: 100%; +} + +input[type="search"]:focus { + outline: thin dotted; +} + +/* 2 - Field - Range */ +/* Range */ +input[type=range] { + -webkit-appearance: none; + width: 100%; + margin: 5.7px 0; + padding: 0; + border: none; +} + +input[type=range]:focus { + outline: none; +} + +input[type=range]::-webkit-slider-runnable-track { + width: 100%; + height: 8.6px; + cursor: pointer; + box-shadow: -2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; + background: rgba(255, 255, 255, 0.2); + border-radius: 13.6px; + border: 0px solid #ffffff; +} + +input[type=range]::-webkit-slider-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; + -webkit-appearance: none; + margin-top: -5.7px; +} + +input[type=range]:focus::-webkit-slider-runnable-track { + background: rgba(255, 255, 255, 0.2); +} + +input[type=range]::-moz-range-track { + width: 100%; + height: 8.6px; + cursor: pointer; + box-shadow: -2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; + background: rgba(255, 255, 255, 0.2); + border-radius: 13.6px; + border: 0px solid #ffffff; +} + +input[type=range]::-moz-range-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; +} + +input[type=range]::-ms-track { + width: 100%; + height: 8.6px; + cursor: pointer; + background: transparent; + border-color: transparent; + color: transparent; +} + +input[type=range]::-ms-fill-lower { + background: rgba(199, 199, 199, 0.2); + border: 0px solid #ffffff; + border-radius: 27.2px; + box-shadow: -2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; +} + +input[type=range]::-ms-fill-upper { + background: rgba(255, 255, 255, 0.2); + border: 0px solid #ffffff; + border-radius: 27.2px; + box-shadow: -2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; +} + +input[type=range]::-ms-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; + height: 8.6px; +} + +input[type=range]:focus::-ms-fill-lower { + background: rgba(255, 255, 255, 0.2); +} + +input[type=range]:focus::-ms-fill-upper { + background: rgba(255, 255, 255, 0.2); +} + +/* 3 - Field - Color */ +/* Color */ +input[type="color"] { + border: none; + width: 100px; + padding: 0; + height: 30px; + cursor: pointer; +} + +input[type="color"]::-webkit-color-swatch-wrapper { + padding: 0; + border: none; +} + +input[type="color"]::-webkit-color-swatch { + border: none; +} + +/*---------- Blog ----------*/ +/*-------------------------------------------------------------- +## Blog Layouts +--------------------------------------------------------------*/ +/** + * Blog Common + */ +.page .entry-header { + margin-bottom: 1.5em; +} + +.search .entry-header { + margin-bottom: 1em; +} + +.ast-single-post .entry-header.ast-header-without-markup, .ast-single-post .entry-header.ast-no-title.ast-no-thumbnail { + margin-bottom: 0; +} + +.entry-header { + margin-bottom: 1em; + word-wrap: break-word; +} + +.entry-header + .ast-blog-featured-section { + margin-top: 0.5em; +} + +.entry-content { + word-wrap: break-word; +} + +.entry-content p { + margin-bottom: 1.6em; +} + +.read-more { + margin-bottom: 0; +} + +.read-more .ast-right-arrow { + font-size: 1em; +} + +.ast-no-thumb .ast-blog-featured-section { + margin-bottom: 0; +} + +.ast-no-thumb .entry-header + .ast-blog-featured-section { + margin-top: 0; +} + +.ast-blog-featured-section { + margin-bottom: 1.5em; +} + +.error404 .page-header { + margin-bottom: 1.5em; +} + +.error404 .page-header .page-title { + margin-bottom: 0; +} + +.blog .entry-title, +.archive .entry-title, +.search .entry-title { + line-height: 1.3; +} + +.blog .format-status .entry-title, +.archive .format-status .entry-title, +.blog .format-aside .entry-title, +.archive .format-aside .entry-title { + display: none; +} + +.page-title { + margin-bottom: 1em; + font-weight: normal; +} + +.entry-title { + margin-bottom: 0.2em; +} + +.ast-article-post { + margin-bottom: 2.5em; +} + +.ast-article-post:last-child { + margin-bottom: 0; + border-bottom: 0; +} + +.search .site-content .content-area .search-form { + margin-bottom: 3em; +} + +.blog-layout-1 { + /* 2 - Blog Thumbnail Styles */ +} + +.blog-layout-1 .post-thumb { + padding-right: 0; + padding-left: 0; + position: relative; +} + +.blog .posted-on { + z-index: 1; +} + +.ast-blog-featured-section .posted-on { + width: 5.714285714em; + height: 5.714285714em; + padding: 0.7em; +} + +.ast-blog-featured-section .posted-on .date-month, +.ast-blog-featured-section .posted-on .date-year { + font-size: 0.8571428571em; + line-height: 1em; +} + +.ast-blog-featured-section .posted-on .date-day { + font-size: 2.5em; + line-height: .9em; + font-weight: 900; + margin: .1em 0; +} + +/* ============================================================ + Archive Blogs +============================================================ */ +.ast-author-box img.avatar { + border-radius: 50%; + margin: 0 20px 0 0; +} + +.ast-archive-description { + margin-bottom: 2.5em; + padding-bottom: 1.3333em; + border-bottom: 1px solid #eeeeee; +} + +.ast-archive-description .ast-archive-title { + margin-bottom: 4px; + font-size: 40px; + font-size: 2.85714rem; + font-weight: 300; +} + +.ast-archive-description p { + margin-bottom: 0; + font-size: 20px; + font-size: 1.42857rem; + line-height: 1.65; + font-weight: 300; +} + +.ast-separate-container .ast-author-box, +.ast-separate-container .ast-archive-description { + background-color: #eee; + padding-bottom: 0; + border-bottom: 0; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-archive-description { + margin: 0; + padding: 3.34em 2.4em; + } +} + +@media (max-width: 992px) { + .ast-separate-container .ast-archive-description { + padding: 2.14em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-author-box, + .ast-separate-container .ast-archive-description { + margin: 0; + padding: 5em 6.67em 3.33333em; + } +} + +/*-------------------------------------------------------------- +## Single Blog Post Layouts +--------------------------------------------------------------*/ +/*---------- Single Post Common Stylesheet ----------*/ +/** + * Common Stylesheet of Single Post + * + * Content + * 1 - Single Post Navigation Styles + * 2 - Single Post Article Header +*/ +.single { + /* 1 - Single Post Navigation Styles */ +} + +.single .entry-header { + margin-bottom: 2em; +} + +.single .post-navigation { + margin: 0; + padding: 2em 0 0; + border-top: 1px solid #eeeeee; +} + +@media (max-width: 768px) { + .single .post-navigation { + padding-top: 1.5em; + } +} + +.single .post-navigation a { + margin: 2px; + display: inline-block; + text-align: center; + color: #000; +} + +@media (min-width: 421px) { + .single .post-navigation .nav-links { + -js-display: flex; + display: flex; + } + .single .post-navigation .nav-previous, + .single .post-navigation .nav-next { + flex: auto; + } +} + +@media (max-width: 420px) { + .single .post-navigation .ast-left-arrow, + .single .post-navigation .ast-right-arrow { + display: none; + } + .single .post-navigation .nav-previous, + .single .post-navigation .nav-next { + width: 100%; + } + .single .post-navigation .nav-previous a, + .single .post-navigation .nav-next a { + width: 100%; + } + .single .post-navigation .nav-previous { + margin-bottom: 1em; + } +} + +/* 2 - Single Post Article Header */ +.single .entry-header .ast-single-post-order + .post-thumb img { + margin-top: 2em; + margin-bottom: 0; +} + +.single .entry-header.ast-no-title .post-thumb + .ast-single-post-order { + margin-top: 0; +} + +.single .entry-header .post-thumb + .ast-single-post-order { + margin-top: 2em; +} + +.single .entry-header .post-thumb img { + margin-top: 0; + margin-bottom: 0; +} + +.page .has-post-thumbnail .post-thumb img { + margin-bottom: 1.5em; +} + +.post-password-form { + text-align: center; +} + +@media (max-width: 420px) { + .post-password-form input[type="password"] { + display: block; + margin: 10px auto; + } +} + +.post-password-form input[type="submit"] { + padding: 10px 20px; + border-radius: 2px; +} + +.ast-separate-container .post-navigation { + border-top: 0; + padding-right: 3.33333em; + padding-left: 3.33333em; +} + +@media (max-width: 420px) { + .ast-separate-container .post-navigation { + padding-right: 0; + padding-left: 0; + } +} + +@media (max-width: 768px) { + .ast-separate-container .entry-header { + margin-bottom: 1em; + } +} + +/*---------- 404 ----------*/ +.ast-404-layout-1 { + text-align: center; + margin: 4em auto; +} + +.ast-404-layout-1 .page-sub-title { + font-size: 1.5rem; + font-weight: bold; +} + +.ast-404-layout-1 .widget_search { + padding-top: 0.5em; +} + +.ast-404-search { + margin-top: 1.5em; +} + +.ast-404-search .widget_search { + max-width: 370px; + margin: 0 auto; +} + +.ast-separate-container .error-404, +.ast-separate-container .no-results { + background-color: #fff; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + margin: 0; + padding: 3.34em 2.4em; + } +} + +@media (max-width: 768px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + padding: 1.5em 2.14em; + } +} + +@media (max-width: 544px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + padding: 1.5em 1em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + margin: 0; + padding: 5.34em 6.67em; + } +} + +/*---------- Blog Styles ----------*/ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.blog-layout-1 { + width: 100%; + display: inline-block; + padding-bottom: 2em; + vertical-align: middle; + border-bottom: 1px solid #eeeeee; +} + +.blog-layout-1 .posted-on { + right: 0; +} + +.blog-layout-1 .post-thumb, +.blog-layout-1 .post-content { + padding-right: 0; + padding-left: 0; +} + +/** + * Flexbox Framework + * + * .ast - prefix + * + * Flex classes generated as {prefix} + {css property - css value} . + * + * E.g. Here '.ast' is a prefix. + * + * .ast-flex + * .ast-flex-1 + * .ast-flex-2 + * .ast-flex-3 + * .ast-flex-4 + * .ast-flex-5 + * .ast-inline-flex + * .ast-flex-direction-row + * .ast-flex-direction-row-reverse + * .ast-flex-direction-column + * .ast-flex-direction-column-reverse + * .ast-flex-wrap-nowrap + * .ast-flex-wrap-wrap + * .ast-flex-wrap-wrap-reverse + * .ast-justify-content-flex-start + * .ast-justify-content-flex-end + * .ast-justify-content-center + * .ast-justify-content-space-between + * .ast-justify-content-space-around + * .ast-align-items-flex-start + * .ast-align-items-flex-end + * .ast-align-items-center + * .ast-align-items-baseline + * .ast-align-items-stretch + * .ast-align-content-flex-start + * .ast-align-content-flex-end + * .ast-align-content-center + * .ast-align-content-space-between + * .ast-align-content-space-around + * .ast-align-content-stretch + * .ast-order-1 + * .ast-order-2 + * .ast-order-3 + * .ast-order-4 + * .ast-order-5 + * .ast-flex-grow-1 + * .ast-flex-grow-2 + * .ast-flex-grow-3 + * .ast-flex-grow-4 + * .ast-flex-grow-5 + * .ast-flex-shrink-grow-1 + * .ast-flex-shrink-grow-2 + * .ast-flex-shrink-grow-3 + * .ast-flex-shrink-grow-4 + * .ast-flex-shrink-grow-5 + * .ast-flex-basis-grow-1 + * .ast-flex-basis-grow-2 + * .ast-flex-basis-grow-3 + * .ast-flex-basis-grow-4 + * .ast-flex-basis-grow-5 + * .ast-align-self-auto + * .ast-align-self-flex-start + * .ast-align-self-flex-end + * .ast-align-self-center + * .ast-align-self-baseline + * .ast-align-self-stretch + */ +.ast { + /* + # LAYOUT + ———————————————- + display: flex | inline-flex; + ———————————————- + */ + /* + ————————————————————————– + # CONTAINER (for PARENT) + ————————————————————————– + + + /* + ————————————————————————– + # JUSTIFY CONTENT + ————————————————————————– + justify-content: flex-start | flex-end | center | space-between | space-around; + ————————————————————————– + */ + /* + ————————————————————————– + # ALIGN – CONTENT + ————————————————————————– + align-content: flex-start | flex-end | center | space-between | space-around | stretch; + ————————————————————————– + */ + /* + ————————————————————————– + # GROW + ————————————————————————– + flex-grow: ; default 0 + ————————————————————————– + */ +} + +.ast-flex { + -js-display: flex; + display: flex; + flex-wrap: wrap; +} + +.ast-flex-1 { + flex: 1; +} + +.ast-inline-flex { + -js-display: inline-flex; + display: inline-flex; + align-items: center; + flex-wrap: wrap; + align-content: center; +} + +.ast-justify-content-flex-start { + justify-content: flex-start; +} + +.ast-justify-content-flex-end { + justify-content: flex-end; +} + +.ast-justify-content-center { + justify-content: center; +} + +.ast-justify-content-space-between { + justify-content: space-between; +} + +.ast-justify-content-space-around { + justify-content: space-around; +} + +.ast-align-content-flex-start { + align-content: flex-start; +} + +.ast-align-content-flex-end { + align-content: flex-end; +} + +.ast-align-content-center { + align-content: center; +} + +.ast-align-content-space-between { + align-content: space-between; +} + +.ast-align-content-space-around { + align-content: space-around; +} + +.ast-align-content-stretch { + align-content: stretch; +} + +.ast-flex-grow-1 { + flex-grow: 1; +} diff --git a/assets/css/unminified/main.css b/assets/css/unminified/main.css new file mode 100644 index 0000000..5888e67 --- /dev/null +++ b/assets/css/unminified/main.css @@ -0,0 +1,3315 @@ +@charset "UTF-8"; +/*-------------------------------------------------------------- +>>> TABLE OF CONTENTS: +---------------------------------------------------------------- +# Normalize +# Typography +# Elements +# Forms +# Navigation + ## Links + ## Menus +# Accessibility +# Alignments +# Clearings +# Widgets +# Content + ## Posts and pages + ## Asides + ## Comments +# Infinite scroll +# Media + ## Captions + ## Galleries +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Normalize +--------------------------------------------------------------*/ +html, +body, +p, +ol, +ul, +li, +dl, +dt, +dd, +blockquote, +figure, +fieldset, +legend, +textarea, +pre, +iframe, +address, +hr, +h1, +h2, +h3, +h4, +h5, +h6 { + border: 0; + font-size: 100%; + font-style: inherit; + font-weight: inherit; + margin: 0; + outline: 0; + padding: 0; + vertical-align: baseline; +} + +html { + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +main, +nav { + display: block; +} + +progress { + display: inline-block; + vertical-align: baseline; +} + +a { + background-color: transparent; +} + +a:active { + outline: 0; +} + +a, +a:visited, +a:hover, +a:focus { + text-decoration: none; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, +strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +mark { + background: #ff0; + color: #000; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 0; +} + +hr { + box-sizing: content-box; + height: 0; +} + +pre { + overflow: auto; +} + +code, +kbd, +pre, +samp { + font-size: 1em; +} + +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} + +button { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} + +button[disabled], +html input[disabled] { + cursor: default; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input { + line-height: normal; +} + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +input[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box; +} + +.search .search-submit, +#comments .submit { + padding: 10px 15px; + border-radius: 2px; + line-height: 1.85714285714286; + border: 0; +} + +.search .site-main .ast-search-submit { + display: none; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +fieldset { + border: 1px solid #eaeaea; + margin: 0 0px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + border: 0; + padding: 0; +} + +fieldset legend { + margin-bottom: 1.5em; + padding: 0 0.5em; +} + +textarea { + overflow: auto; +} + +optgroup { + font-weight: bold; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} + +/*-------------------------------------------------------------- +# Bootstrap Grid +--------------------------------------------------------------*/ +/*! + * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.ast-container { + max-width: 100%; +} + +.ast-container-fluid, .ast-container { + margin-left: auto; + margin-right: auto; + padding-left: 20px; + padding-right: 20px; +} + +.ast-row { + margin-left: -20px; + margin-right: -20px; +} + +.ast-grid-common-col { + position: relative; + min-height: 1px; + padding-left: 20px; + padding-right: 20px; +} + +.ast-float { + float: left; +} + +@media (max-width: 992px) { + .ast-width-sm-25 { + width: 25%; + } + .ast-width-md-50 { + width: 50%; + } +} + +@media (max-width: 768px) { + .ast-width-md-25 { + width: 25%; + } +} + +.ast-full-width { + width: 100%; +} + +.ast-width-50 { + width: 50%; +} + +@media (min-width: 768px) { + .ast-width-md-4 { + width: 33.3333333333%; + } + .ast-width-md-16 { + width: 16.6666666667%; + } + .ast-width-md-6 { + width: 50%; + float: left; + } + .ast-width-md-3 { + width: 25%; + } + .ast-width-md-66 { + width: 66.6666666667%; + } +} + +@media (min-width: 769px) { + .ast-width-md-20 { + width: 20%; + } +} + +@media (min-width: 992px) { + .ast-width-lg-33 { + width: 33.3333333333%; + } + .ast-width-lg-16 { + width: 16.6666666667%; + } + .ast-width-lg-50 { + width: 50%; + } + .ast-width-lg-66 { + width: 66.6666666667%; + } +} + +/*-------------------------------------------------------------- +# Site Variables +--------------------------------------------------------------*/ +/*---------- Font Size ----------*/ +/*---------- Line Height ----------*/ +/*---------- Site Basic Structure ----------*/ +/*---------- z-index Structure ----------*/ +/*-------------------------------------------------------------- +# Mixins +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Typography +--------------------------------------------------------------*/ +h1, h2, h3, h4, h5, h6 { + clear: both; +} + +h1, +.entry-content h1 { + color: #808285; + font-size: 2em; + line-height: 1.2; +} + +h2, +.entry-content h2 { + color: #808285; + font-size: 1.7em; + line-height: 1.3; +} + +h3, +.entry-content h3 { + color: #808285; + font-size: 1.5em; + line-height: 1.4; +} + +h4, +.entry-content h4 { + color: #808285; + line-height: 1.5; + font-size: 1.3em; +} + +h5, +.entry-content h5 { + color: #808285; + line-height: 1.6; + font-size: 1.2em; +} + +h6, +.entry-content h6 { + color: #808285; + line-height: 1.7; + font-size: 1.1em; +} + +/*-------------------------------------------------------------- +# Elements +--------------------------------------------------------------*/ +html { + box-sizing: border-box; +} + +*, +*:before, +*:after { + /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ + box-sizing: inherit; +} + +body { + color: #808285; + background: #ffffff; + /* Fallback for when there is no custom background color defined. */ + font-style: normal; +} + +ul, ol { + margin: 0 0 1.5em 3em; +} + +ul { + list-style: disc; +} + +ol { + list-style: decimal; +} + +li > ul, +li > ol { + margin-bottom: 0; + margin-left: 1.5em; +} + +dt { + font-weight: bold; +} + +dd { + margin: 0 1.5em 1.5em; +} + +b, strong { + font-weight: bold; +} + +dfn, +cite, +em, +i { + font-style: italic; +} + +blockquote, +q { + quotes: "" ""; +} + +blockquote:before, blockquote:after, +q:before, +q:after { + content: ""; +} + +blockquote { + border-left: 5px solid rgba(0, 0, 0, 0.05); + padding: 20px; + font-size: 1.2em; + font-style: italic; + margin: 0 0 1.5em; + position: relative; +} + +blockquote p:last-child { + margin: 0; +} + +address { + margin: 0 0 1.5em; +} + +abbr, +acronym { + border-bottom: 1px dotted #666; + cursor: help; +} + +pre { + background: #eee; + font-family: "Courier 10 Pitch", Courier, monospace; + margin-bottom: 1.6em; + overflow: auto; + max-width: 100%; + padding: 1.6em; +} + +code, +kbd, +tt, +var { + font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; +} + +img { + height: auto; + /* Make sure images are scaled correctly. */ + max-width: 100%; + /* Adhere to container width. */ +} + +hr { + background-color: #ccc; + border: 0; + height: 1px; + margin-bottom: 1.5em; +} + +.ast-button, +.button, +button, +input, +select, +textarea { + color: #808285; + font-weight: normal; + font-size: 100%; + /* Corrects font size not being inherited in all browsers */ + margin: 0; + /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ + vertical-align: baseline; + /* Improves appearance and consistency in all browsers */ +} + +button, +input { + line-height: normal; + /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ +} + +big { + font-size: 125%; +} + +mark, +ins { + background: transparent; + text-decoration: none; +} + +table, th, td { + border: 1px solid rgba(0, 0, 0, 0.1); +} + +table { + border-collapse: separate; + border-spacing: 0; + border-width: 1px 0 0 1px; + margin: 0 0 1.5em; + width: 100%; +} + +th { + font-weight: bold; +} + +th, td { + padding: 8px; + text-align: left; + border-width: 0 1px 1px 0; +} + +/*-------------------------------------------------------------- +# Forms +--------------------------------------------------------------*/ +button, +.ast-button, +.button, +input[type="button"], +input[type="reset"], +input[type="submit"] { + border: 1px solid; + border-color: #eaeaea; + border-radius: 2px; + background: #e6e6e6; + padding: .6em 1em .4em; + color: #fff; +} + +button:hover, button:focus, +.ast-button:hover, +.ast-button:focus, +.button:hover, +.button:focus, +input[type="button"]:hover, +input[type="button"]:focus, +input[type="reset"]:hover, +input[type="reset"]:focus, +input[type="submit"]:hover, +input[type="submit"]:focus { + color: #fff; + border-color: #eaeaea; +} + +button:active, button:focus, +.ast-button:active, +.ast-button:focus, +.button:active, +.button:focus, +input[type="button"]:active, +input[type="button"]:focus, +input[type="reset"]:active, +input[type="reset"]:focus, +input[type="submit"]:active, +input[type="submit"]:focus { + border-color: #eaeaea; + outline: none; +} + +input[type="text"], +input[type="email"], +input[type="url"], +input[type="password"], +input[type="search"], +input[type="tel"], +textarea { + color: #666; + border: 1px solid #ccc; + border-radius: 2px; + -webkit-appearance: none; +} + +input[type="text"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +textarea:focus { + color: #111; +} + +textarea { + padding-left: 3px; + width: 100%; +} + +/*-------------------------------------------------------------- +# Navigation +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +## Links +--------------------------------------------------------------*/ +a { + color: royalblue; +} + +a:hover, a:focus { + color: midnightblue; +} + +a:focus { + outline: thin dotted; +} + +a:hover { + outline: 0; +} + +/*-------------------------------------------------------------- +# Accessibility +--------------------------------------------------------------*/ +/* Text meant only for screen readers. */ +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.screen-reader-text:focus { + background-color: #f1f1f1; + border-radius: 2px; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + clip: auto !important; + color: #21759b; + display: block; + font-size: 12.25px; + font-size: 0.875rem; + height: auto; + left: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; + /* Above WP toolbar. */ +} + +.alignleft { + display: inline; + float: left; + margin-right: 1.5em; +} + +.alignright { + display: inline; + float: right; + margin-left: 1.5em; +} + +.aligncenter { + clear: both; + text-align: center; + display: block; + margin-left: auto; + margin-right: auto; +} + +/*-------------------------------------------------------------- +# Media +--------------------------------------------------------------*/ +/* Make sure embeds and iframes fit their containers. */ +embed, +iframe, +object { + max-width: 100%; +} + +/*-------------------------------------------------------------- +## Captions +--------------------------------------------------------------*/ +.wp-caption { + margin-bottom: 1.5em; + max-width: 100%; +} + +.wp-caption img[class*="wp-image-"] { + display: block; + margin-left: auto; + margin-right: auto; +} + +.wp-caption .wp-caption-text { + margin: 0.8075em 0; +} + +.wp-caption-text { + text-align: center; +} + +/*-------------------------------------------------------------- +# Content +--------------------------------------------------------------*/ +/*---------- Mixins ----------*/ +/*---------- Site Variables ----------*/ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/*---------- Site Normalize ----------*/ +::selection { + color: #fff; + background: #0274be; +} + +body { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body:not(.logged-in) { + position: relative; +} + +#page { + position: relative; +} + +a, +a:focus { + text-decoration: none; +} + +a, +.site-header a *, +.site-footer a *, +.secondary a * { + transition: all 0.2s linear; +} + +.capitalize { + text-transform: uppercase; +} + +img { + vertical-align: middle; +} + +.entry-content h1, +.entry-content h2, +.entry-content h3, +.entry-content h4, +.entry-content h5, +.entry-content h6 { + margin-bottom: 20px; +} + +p { + margin-bottom: 1.75em; +} + +blockquote { + margin: 1.5em 1em 1.5em 3em; + padding: 1.2em; + font-size: 1.1em; + line-height: inherit; + position: relative; +} + +.ast-button, +.button, +input[type="button"], +input[type="submit"] { + border-radius: 0; + padding: 18px 30px; + border: 0; + box-shadow: none; + text-shadow: none; +} + +.ast-button:hover, +.button:hover, +input[type="button"]:hover, +input[type="submit"]:hover { + box-shadow: none; +} + +.ast-button:active, .ast-button:focus, +.button:active, +.button:focus, +input[type="button"]:active, +input[type="button"]:focus, +input[type="submit"]:active, +input[type="submit"]:focus { + box-shadow: none; +} + +.site-title { + font-weight: normal; +} + +.site-title, +.site-description { + margin-bottom: 0; +} + +.site-title a, +.site-title:hover a, +.site-title:focus a, +.site-description a, +.site-description:hover a, +.site-description:focus a { + transition: all 0.2s linear; +} + +.site-title a, +.site-title a:focus, +.site-title a:hover, +.site-title a:visited { + color: #222; +} + +.site-description a, +.site-description a:focus, +.site-description a:hover, +.site-description a:visited { + color: #999; +} + +.search-form .search-field { + outline: none; +} + +.ast-search-menu-icon { + position: relative; + z-index: 3; +} + +/* must have higher specificity than alternative color schemes inline styles */ +.site .skip-link { + background-color: #f1f1f1; + box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); + color: #21759b; + display: block; + font-family: Montserrat, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 700; + left: -9999em; + outline: none; + padding: 15px 23px 14px; + text-decoration: none; + text-transform: none; + top: -9999em; +} + +.site .skip-link:focus { + clip: auto; + height: auto; + left: 6px; + top: 7px; + width: auto; + z-index: 100000; + outline: thin dotted; +} + +.logged-in .site .skip-link { + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); + font-family: "Open Sans", sans-serif; +} + +select, +input { + line-height: 1; +} + +body, +button, +input[type="button"], +input[type="submit"], +textarea, +.ast-button, +.ast-custom-button { + line-height: 1.85714285714286; +} + +.site-title a { + line-height: 1.2; +} + +.site-header .site-description { + line-height: 1.5; +} + +.ast-single-post .entry-title, +.ast-single-post .entry-title a { + line-height: 1.2; +} + +.entry-title, +.entry-title a { + font-weight: normal; +} + +/*---------- Media ----------*/ +/* Astra Respnosive oEmbed Video container */ +.ast-oembed-container { + position: relative; + padding-top: 56.25%; + height: 0; + overflow: hidden; + max-width: 100%; + height: auto; +} + +.ast-oembed-container iframe, .ast-oembed-container object, .ast-oembed-container embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +body .ast-oembed-container * { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +/*---------- Basic Layout ----------*/ +.ast-hidden { + display: none !important; +} + +body { + background-color: #ffffff; +} + +#page { + display: block; +} + +@media (min-width: 922px) { + .ast-container { + -js-display: flex; + display: flex; + } +} + +@media (max-width: 921px) { + .ast-container { + flex-direction: column; + } +} + +#primary, +#secondary { + width: 100%; +} + +#primary { + margin: 4em 0; +} + +.ast-separate-container { + background-color: #f5f5f5; +} + +.ast-separate-container #primary { + padding: 4em 0; + margin: 0; + border: 0; +} + +.ast-separate-container .site-main > .ast-row { + margin-left: 0; + margin-right: 0; +} + +.ast-separate-container .ast-article-post, +.ast-separate-container .ast-article-single:not(.ast-related-post) { + background-color: #fff; +} + +.ast-separate-container .ast-article-post, +.ast-separate-container .ast-article-single { + border-bottom: 1px solid #eeeeee; + margin: 0; + padding: 5.34em 6.67em; +} + +.ast-separate-container .blog-layout-1 { + padding: 0; + border-bottom: 0; +} + +.ast-separate-container .ast-article-single { + border-bottom: 0; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-post, + .ast-separate-container .ast-article-single { + margin: 0; + padding: 3.34em 2.4em; + } +} + +@media (min-width: 993px) { + .ast-separate-container.ast-right-sidebar #primary, + .ast-separate-container.ast-left-sidebar #primary, + .ast-separate-container #primary { + margin: 4em 0; + padding: 0; + } + .ast-right-sidebar #primary { + padding-right: 60px; + } + .ast-left-sidebar #primary { + padding-left: 60px; + } +} + +@media (max-width: 992px) { + .ast-separate-container.ast-right-sidebar #primary, + .ast-separate-container.ast-left-sidebar #primary, + .ast-separate-container #primary { + padding-left: 0; + padding-right: 0; + } + .ast-right-sidebar #primary { + padding-right: 30px; + } + .ast-left-sidebar #primary { + padding-left: 30px; + } +} + +/*---------- Navigation ----------*/ +/** + * Navigations + * + * @import + * 1 - Primary Menus + * 2 - Secondary Menus + * 3 - Header Top Menus + * + * Contents + * 1 - Toggle Button + * +*/ +/** + * @import + */ +/* 1 - Primary Menus */ +.ast-search-icon .astra-search-icon { + font-size: 1.3em; +} + +.main-navigation { + height: 100%; + -js-display: inline-flex; + display: inline-flex; +} + +.main-navigation ul { + list-style: none; + margin: 0; + padding-left: 0; + position: relative; +} + +.main-header-menu .menu-link, +.main-header-menu > a { + text-decoration: none; + padding: 0 1em; + display: inline-block; + transition: all 0.2s linear; +} + +.main-header-menu .menu-item { + position: relative; +} + +.main-header-menu .menu-item:hover > .sub-menu, +.main-header-menu .menu-item.focus > .sub-menu { + right: auto; + left: 0; +} + +.main-header-menu .ast-left-align-sub-menu:hover > .sub-menu, +.main-header-menu .ast-left-align-sub-menu.focus > .sub-menu { + right: 0; + left: auto; +} + +@media (min-width: 769px) { + .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, + .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + left: -100%; + } + .main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover > .sub-menu, + .main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus > .sub-menu { + left: -100%; + } +} + +.main-header-menu .sub-menu { + width: 240px; + background: #ffffff; + left: -999em; + position: absolute; + top: 100%; + z-index: 99999; +} + +@media (min-width: 769px) { + .main-header-menu .sub-menu .menu-item:hover > .sub-menu, + .main-header-menu .sub-menu .menu-item.focus > .sub-menu { + left: 100%; + right: auto; + } + .main-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu { + left: -100%; + } + .main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, + .main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + left: -100%; + } +} + +.main-header-menu .sub-menu .menu-link { + padding: 0.9em 1em; + display: block; + word-wrap: break-word; +} + +.main-header-menu .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type { + display: none; +} + +#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .icon-arrow svg { + position: absolute; + right: .60em; + top: 50%; + transform: translate(0, -50%) rotate(270deg); +} + +.main-header-menu .sub-menu .sub-menu { + top: 0px; +} + +.submenu-with-border .sub-menu { + border-width: 1px; + border-style: solid; +} + +.submenu-with-border .sub-menu .menu-link { + border-width: 0 0 1px; + border-style: solid; +} + +.submenu-with-border .sub-menu .sub-menu { + top: -1px; +} + +/* Remove the last anchor border for desktop devices */ +.ast-desktop .submenu-with-border .sub-menu > .menu-item:last-child > .menu-link { + border-bottom-width: 0; +} + +.ast-header-break-point .main-navigation { + padding-left: 0; +} + +.ast-header-break-point .main-navigation ul .menu-item .menu-link { + padding: 0 20px; + display: inline-block; + width: 100%; + border: 0; + border-bottom-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type { + margin-right: 5px; +} + +.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type { + display: inline; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link { + padding-left: 30px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link { + padding-left: 40px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link { + padding-left: 50px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link { + padding-left: 60px; +} + +.ast-header-break-point .main-header-menu { + background-color: #f9f9f9; + border-top-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point .main-header-menu .sub-menu { + background-color: #f9f9f9; + position: static; + opacity: 1; + visibility: visible; + border: 0; + width: auto; +} + +.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu, +.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu { + left: 0; +} + +.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, +.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + left: 0; +} + +.ast-header-break-point .submenu-with-border .sub-menu { + border: 0; +} + +.ast-header-break-point .dropdown-menu-toggle { + display: none; +} + +/** + * Contents + */ +.ast-mobile-menu-buttons { + display: none; +} + +/* Toggle Button */ +.ast-button-wrap { + display: inline-block; +} + +.ast-button-wrap button { + box-shadow: none; + border: none; +} + +.ast-button-wrap .menu-toggle { + padding: 0; + width: 2.2em; + height: 2.1em; + font-size: 1.5em; + font-weight: normal; + border-radius: 2px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + border-radius: 2px; + vertical-align: middle; + line-height: 1.85714285714286; +} + +.ast-button-wrap .menu-toggle.main-header-menu-toggle { + padding: 0 .5em; + width: auto; + text-align: center; +} + +.ast-button-wrap .menu-toggle.main-header-menu-toggle .mobile-menu { + font-size: 15px; + font-size: 1rem; + font-weight: 600; +} + +.ast-button-wrap .menu-toggle .menu-toggle-icon { + font-style: normal; + display: inline-block; + vertical-align: middle; + line-height: 2.05; +} + +.ast-button-wrap .menu-toggle .menu-toggle-icon:before { + content: "\e5d2"; + font-family: 'Astra'; + text-decoration: inherit; +} + +.ast-button-wrap .menu-toggle .icon-menu-bars svg:nth-child(2) { + display: none; +} + +.ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before { + content: "\e5cd"; +} + +.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(1) { + display: none; +} + +.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(2) { + display: block; +} + +.ast-button-wrap .menu-toggle .mobile-menu-wrap { + display: inline-block; +} + +.ast-button-wrap .menu-toggle:focus { + outline: thin dotted; +} + +.header-main-layout-1 .ast-main-header-bar-alignment { + margin-left: auto; +} + +#site-navigation { + height: 100%; +} + +.site-header .menu-link * { + transition: none; +} + +.ast-icon.icon-arrow svg { + height: .6em; + width: .6em; + position: relative; + margin-left: 10px; +} + +.ast-icon.icon-search svg { + height: 1em; + width: 0.9em; + margin-top: 3px; + margin-right: 2px; +} + +/* Responsive Screen */ +.ast-header-break-point .user-select { + clear: both; +} + +.ast-header-break-point .ast-mobile-menu-buttons { + display: block; + align-self: center; +} + +.ast-header-break-point .main-header-bar-navigation { + flex: auto; +} + +.ast-header-break-point .ast-main-header-bar-alignment { + display: block; + width: 100%; + flex: auto; + order: 4; +} + +.ast-header-break-point .ast-icon.icon-arrow svg { + height: .85em; + width: .95em; + position: relative; + margin-left: 10px; +} + +/** + * Post/Page Navigation + */ +.site-main .comment-navigation, .site-main +.posts-navigation, .site-main +.post-navigation { + margin: 0 0 1.5em; + overflow: hidden; +} + +.comment-navigation .nav-previous, +.comment-navigation .nav-next, +.posts-navigation .nav-previous, +.posts-navigation .nav-next, +.post-navigation .nav-previous, +.post-navigation .nav-next { + width: 50%; + display: inline-block; +} + +.comment-navigation .nav-next, +.posts-navigation .nav-next, +.post-navigation .nav-next { + text-align: right; +} + +.ast-icon svg { + fill: currentColor; +} + +.post-navigation a { + background: transparent; + font-size: 16px; + font-size: 1.06666rem; + padding: 0 1.5em; + height: 2.33333em; + line-height: calc(2.33333em - 3px); +} + +/*---------- Primary ----------*/ +.sticky { + display: block; +} + +.hentry { + margin: 0 0 1.5em; +} + +.byline, +.updated:not(.published) { + display: none; +} + +.single .byline, +.group-blog .byline { + display: inline; +} + +.page-links { + clear: both; + margin-top: 1em; +} + +.page-links a { + display: inline-block; +} + +.page-links a .page-link { + border-color: #eaeaea; + background: transparent; +} + +.page-links .page-link { + padding: 0; + margin: 0 0 .3em .3em; + border: 2px solid #eaeaea; + color: #000; + background: transparent; + font-size: 0.8em; + width: 2.5em; + height: 2.5em; + line-height: calc( 2.5em - 4px); + display: inline-block; + text-align: center; + transition: all 0.2s linear; +} + +.page-links .page-link:hover, .page-links .page-link:focus { + color: #000; +} + +@media (max-width: 768px) { + .page-links .page-link { + margin-bottom: 6px; + } +} + +.page-content > :last-child, +.entry-content > :last-child, +.entry-summary > :last-child { + margin-bottom: 0; +} + +.bypostauthor { + display: block; +} + +/* .alignwide & .alignfull CSS compatibility */ +.ast-no-sidebar { + /* Boxed & Content Boxed container alignment support */ +} + +.ast-no-sidebar .entry-content { + /* Alignment while using the column block */ +} + +.ast-no-sidebar .entry-content .alignfull { + margin-left: calc(-50vw + 50%); + margin-right: calc(-50vw + 50%); + max-width: 100vw; + width: 100vw; +} + +.ast-no-sidebar .entry-content .alignfull .alignfull, +.ast-no-sidebar .entry-content .alignfull .alignwide { + width: 100%; + margin-left: auto; + margin-right: auto; +} + +.ast-no-sidebar .entry-content .alignwide { + margin-left: -100px; + margin-right: -100px; + max-width: unset; + width: unset; +} + +.ast-no-sidebar .entry-content .alignwide .alignfull, +.ast-no-sidebar .entry-content .alignwide .alignwide { + width: 100%; + margin-left: auto; + margin-right: auto; +} + +.ast-no-sidebar .entry-content .wp-block-column .alignfull, +.ast-no-sidebar .entry-content .wp-block-column .alignwide { + margin-left: auto; + margin-right: auto; + width: 100%; +} + +.ast-no-sidebar.ast-separate-container .entry-content { + /* Alignment while using the column block */ +} + +.ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-left: -6.67em; + margin-right: -6.67em; + width: auto; +} + +@media (max-width: 1200px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-left: -2.4em; + margin-right: -2.4em; + } +} + +@media (max-width: 768px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-left: -2.14em; + margin-right: -2.14em; + } +} + +@media (max-width: 544px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-left: -1em; + margin-right: -1em; + } +} + +.ast-no-sidebar.ast-separate-container .entry-content .alignwide { + margin-left: -20px; + margin-right: -20px; +} + +.ast-no-sidebar.ast-separate-container .entry-content .wp-block-column .alignfull, +.ast-no-sidebar.ast-separate-container .entry-content .wp-block-column .alignwide { + margin-left: auto; + margin-right: auto; + width: 100%; +} + +.wp-block-gallery, +.blocks-gallery-grid { + margin: 0; +} + +.wp-block-separator { + max-width: 100px; +} + +.wp-block-separator.is-style-wide { + max-width: none; +} + +.entry-content .has-2-columns .wp-block-column:first-child { + padding-right: 10px; +} + +.entry-content .has-2-columns .wp-block-column:last-child { + padding-left: 10px; +} + +@media (max-width: 782px) { + .entry-content .wp-block-columns .wp-block-column { + flex-basis: 100%; + } + .entry-content .has-2-columns .wp-block-column:first-child { + padding-right: 0; + } + .entry-content .has-2-columns .wp-block-column:last-child { + padding-left: 0; + } +} + +body { + overflow-x: hidden; +} + +body .entry-content .wp-block-latest-posts { + margin-left: 0; +} + +body .entry-content .wp-block-latest-posts li { + list-style: none; +} + +.ast-no-sidebar .ast-container .entry-content .wp-block-latest-posts { + margin-left: 0; +} + +.ast-header-break-point .entry-content .alignwide { + margin-left: auto; + margin-right: auto; +} + +.entry-content .blocks-gallery-item img { + margin-bottom: auto; +} + +.wp-block-pullquote { + border-top: 4px solid #555d66; + border-bottom: 4px solid #555d66; + color: #40464d; +} + +/*---------- Secondary ----------*/ +.widget-title { + font-weight: normal; + margin-bottom: 1em; + line-height: 1.5; +} + +.widget { + margin: 0 0 2.8em 0; +} + +.widget:last-child { + margin-bottom: 0; +} + +.widget select { + max-width: 100%; +} + +.widget ul { + margin: 0; + list-style-type: none; +} + +.widget_nav_menu ul ul.sub-menu { + margin-top: 0.25em; +} + +.widget_nav_menu ul ul.sub-menu li { + padding-left: 20px; +} + +.widget_nav_menu ul ul.sub-menu a:after { + left: -20px; +} + +.widget_nav_menu ul ul.sub-menu ul a:after { + left: -40px; +} + +.widget_nav_menu ul ul.sub-menu ul ul a:after { + left: -60px; +} + +.widget_nav_menu li { + transition: all 0.2s linear; +} + +/* Search widget. */ +.widget_search .search-form { + position: relative; + padding: 0; + background: initial; + color: inherit; +} + +.widget_search .search-form > label { + position: relative; +} + +.widget_search .search-form i { + color: #3a3a3a; +} + +.widget_search .search-form button { + position: absolute; + top: 0; + right: 15px; + border: none; + padding: 0; + cursor: pointer; + background: transparent; +} + +.widget_search .search-form input[type="submit"], +.widget_search .search-form input[type="submit"]:hover, +.widget_search .search-form input[type="submit"]:focus { + padding: 13px 20px; + border-radius: 2px; + border: none; + top: 0px; + right: 0px; + position: absolute; + color: transparent; + background: transparent; + max-width: 45px; + z-index: 2; +} + +.widget_search .search-form .search-field { + background: #fafafa; + border-width: 1px; + border-color: #eaeaea; + border-radius: 2px; +} + +.widget_search .search-field, +.widget_search .search-field:focus { + width: 100%; + padding: 16px 45px 16px 15px; +} + +/* Widget - Archive */ +/* Widget - Categories */ +.widget_pages ul.children, +.widget_archive ul.children, +.widget_categories ul.children { + position: relative; + margin-top: 5px; + width: 100%; +} + +.widget_pages ul.children li, +.widget_archive ul.children li, +.widget_categories ul.children li { + padding-left: 20px; +} + +.widget_pages li ul.children a:after, +.widget_archive li ul.children a:after, +.widget_categories li ul.children a:after { + left: -20px; +} + +.widget_pages li ul.children ul a:after, +.widget_archive li ul.children ul a:after, +.widget_categories li ul.children ul a:after { + left: -40px; +} + +/* Tag Cloud */ +.widget_tag_cloud .tagcloud { + margin-top: 10px; + display: inline-block; +} + +.widget_tag_cloud .tagcloud a { + border: 1px solid #e2e2e2; + padding: 0.5em 0.9em; + display: inline-block; + margin-bottom: 4px; + font-size: 14px; + margin-right: 4px; + line-height: 1.5; + transition: all 0.2s linear; +} + +/* Calender */ +.widget_calendar table, +.widget_calendar th, +.widget_calendar td { + padding: 0; + text-align: center; +} + +.widget_calendar table, +.widget_calendar th { + border: none; +} + +.widget_calendar td { + border-right: none; + border-left: none; +} + +.widget_calendar caption { + line-height: 2.7em; +} + +.widget_calendar thead { + line-height: 2.5em; +} + +.widget_calendar thead a { + color: #0274be; + font-size: 1rem; + vertical-align: middle; +} + +.widget_calendar thead td { + vertical-align: middle; + font-weight: bold; +} + +.widget_calendar thead > tr > th { + line-height: 2.5em; + border-bottom: 2px solid #eaeaea; + border-top: 2px solid #eaeaea; +} + +.widget_calendar tbody { + line-height: 2.10em; + text-align: center; +} + +.widget_calendar tbody > tr > td { + width: 14.2857%; +} + +.widget_calendar tbody > tr:first-child > td { + padding-top: 3px; +} + +.widget_calendar #today { + background: #0274be; +} + +/*---------- Builder ----------*/ +/** + * AST HF Builder - Grid related CSS. + */ +.ast-builder-grid-row { + display: grid; + grid-template-columns: auto auto; + align-items: center; + grid-column-gap: 20px; + overflow-wrap: anywhere; +} + +.ast-builder-grid-row > .site-header-section { + flex-wrap: nowrap; +} + +.ast-builder-footer-grid-columns { + grid-column-gap: 50px; +} + +.ast-builder-grid-row.ast-grid-center-col-layout { + grid-template-columns: 1fr auto 1fr; +} + +.ast-builder-layout-element { + align-items: center; +} + +.ast-builder-grid-row.ast-grid-center-col-layout-only { + -js-display: flex; + display: flex; + height: 100%; + justify-content: center; +} + +.ast-builder-grid-row.ast-grid-center-col-layout-only .ast-grid-section-center { + flex-grow: 1; +} + +.site-header-section { + height: 100%; + min-height: 0; + align-items: center; +} + +.site-header-section .ast-main-header-bar-alignment { + height: 100%; +} + +.site-header-section > * { + padding: 0 10px; +} + +.site-header-section > div:first-child { + padding-left: 0; +} + +.site-header-section > div:last-child { + padding-right: 0; +} + +.site-header-section .ast-builder-menu { + align-items: center; +} + +.ast-builder-layout-element.ast-header-search { + height: auto; +} + +.ast-grid-right-center-section { + justify-content: flex-start; + flex-grow: 1; +} + +.ast-grid-right-section { + justify-content: flex-end; +} + +.ast-grid-right-section .ast-site-identity > :first-child { + text-align: right; +} + +.ast-grid-right-section .ast-grid-right-center-section .ast-site-identity > :first-child { + text-align: left; +} + +.ast-grid-left-center-section { + justify-content: flex-end; + flex-grow: 1; +} + +/** + * AST HF Builder - Logo related CSS. + * Align center section's Site title & Tagline center align. + */ +.ast-logo-title-inline .ast-site-identity { + padding: 1em 0; + -js-display: inline-flex; + display: inline-flex; + vertical-align: middle; + align-items: center; + transition: all 0.2s linear; +} + +.ast-grid-section-center { + justify-content: center; +} + +.ast-grid-section-center .ast-site-identity > :first-child { + text-align: center; +} + +/** + * AST HF Builder - Widgets related CSS. + * Social Widget. + */ +.ast-builder-social-element { + line-height: 1; + color: #3a3a3a; + background: transparent; + vertical-align: middle; + transition: all 0.01s; + margin-left: 6px; + margin-right: 6px; + justify-content: center; + align-items: center; +} + +.ast-builder-social-element:hover { + color: #0274be; +} + +.ast-builder-social-element .social-item-label { + padding-left: 6px; +} + +.ast-social-stack-desktop .ast-builder-social-element, +.ast-social-stack-tablet .ast-builder-social-element, +.ast-social-stack-mobile .ast-builder-social-element { + margin-top: 6px; + margin-bottom: 6px; +} + +.ahfb-svg-iconset { + -js-display: inline-flex; + display: inline-flex; + align-self: center; +} + +.ahfb-svg-iconset svg { + width: 17px; + height: 17px; + transition: none; +} + +.ahfb-svg-iconset svg > * { + transition: none; +} + +/** + * AST HF Builder - Widgets related CSS. + * Button. + */ +.ast-footer-copyright p { + margin-bottom: 0; +} + +.ast-builder-grid-row-container { + display: grid; + align-content: center; +} + +.main-header-bar .main-header-bar-navigation { + height: 100%; +} + +.ast-nav-menu .sub-menu { + line-height: 1.45; +} + +.ast-builder-menu .main-navigation { + padding: 0; +} + +.ast-builder-menu .main-navigation > ul { + align-self: center; +} + +/** + * Astra HF Builder - Footer Components Compatibility CSS. + */ +.site-footer-focus-item { + width: 100%; +} + +.ast-footer-copyright { + width: 100%; +} + +.ast-footer-social-wrap { + width: 100%; +} + +#astra-footer-menu { + margin: 0; + list-style: none; + background: inherit; +} + +#astra-footer-menu > ul { + margin: 0; + list-style: none; + background: inherit; +} + +/** + * AST HF Builder - Responsive CSS. + * For desktop view. + */ +.ast-header-break-point #ast-mobile-header { + display: block; +} + +.ast-header-break-point .main-header-bar-navigation { + line-height: 3; +} + +.ast-header-break-point .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle { + display: inline-block; + position: absolute; + font-size: inherit; + top: 0px; + right: 20px; + cursor: pointer; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + padding: 0 0.907em; + font-weight: normal; + line-height: inherit; +} + +.ast-header-break-point .main-header-bar-navigation .menu-item-has-children .sub-menu { + display: none; +} + +.ast-header-break-point .ast-mobile-header-wrap .ast-above-header-wrap .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before, +.ast-header-break-point .ast-mobile-header-wrap .ast-main-header-wrap .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before { + transform: rotateX(180deg); +} + +.ast-header-break-point .ast-nav-menu .sub-menu { + line-height: 3; +} + +.site-footer-section { + justify-content: center; +} + +.site-footer-section > * { + margin-bottom: 10px; +} + +.site-footer-section > *:last-child { + margin-bottom: 0; +} + +.site-primary-footer-wrap { + padding-top: 45px; + padding-bottom: 45px; +} + +.site-above-footer-wrap, +.site-below-footer-wrap { + padding-top: 20px; + padding-bottom: 20px; +} + +.ast-hfb-header.ast-header-break-point .main-header-bar-navigation { + width: 100%; + margin: 0; +} + +.ast-hfb-header .menu-toggle.toggled .ast-mobile-svg { + display: none; +} + +.ast-hfb-header .menu-toggle.toggled .ast-close-svg { + display: block; +} + +.menu-toggle .ast-close-svg { + display: none; +} + +.ast-mobile-header-wrap .menu-toggle .mobile-menu-toggle-icon { + -js-display: inline-flex; + display: inline-flex; + align-self: center; +} + +.ast-mobile-header-wrap .menu-toggle .mobile-menu-wrap { + -js-display: inline-flex; + display: inline-flex; + align-self: center; + margin-left: 0.4em; +} + +.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle { + -js-display: flex; + display: flex; + align-items: center; + width: auto; + height: auto; +} + +.menu-toggle .mobile-menu-toggle-icon { + -js-display: inline-flex; + display: inline-flex; + align-self: center; +} + +.menu-toggle .mobile-menu-wrap { + -js-display: inline-flex; + display: inline-flex; + align-self: center; + margin-left: 0.4em; +} + +.ast-hfb-header .ast-button-wrap .menu-toggle .mobile-menu-wrap { + align-items: center; + -js-display: flex; + display: flex; +} + +.ast-button-wrap .menu-toggle.main-header-menu-toggle { + padding: .5em; + align-items: center; + -js-display: flex; + display: flex; +} + +.ast-search-menu-icon.ast-inline-search .search-field { + width: 100%; + padding: 0.60em; + padding-right: 5.5em; +} + +/* Footer menu spacing between each menu items. */ +@media (min-width: 769px) { + .footer-nav-wrap .astra-footer-horizontal-menu li { + margin: 0; + } + .footer-nav-wrap .astra-footer-horizontal-menu li:first-child a { + padding-left: 0; + } + .footer-nav-wrap .astra-footer-horizontal-menu li:last-child a { + padding-right: 0; + } + .footer-nav-wrap .astra-footer-horizontal-menu a { + padding: 0 0.5em; + } +} + +/*---------- Header ----------*/ +/** + * Header + * + * @import + * 1 - Header Layout Common + * 2 - Header Main +*/ +/* 1 - Header Common */ +/** + * Header Common + * + * Contents + * 1 - Common + * 4 - Main Header Container + * 6 - all and (max-width: $mx-break-point) + * 7 - Auto Margin +*/ +/** + * 1 - Common + */ +.site-header { + z-index: 99; + position: relative; +} + +/** + * 4 - Main Header Container + */ +.main-header-container { + position: relative; +} + +.main-header-bar-wrap { + position: relative; +} + +.main-header-bar { + background-color: #fff; + border-bottom-color: #eaeaea; + border-bottom-style: solid; +} + +/** + * 6 - all and (max-width: $mx-break-point) + */ +.ast-header-break-point .main-header-bar { + border: 0; +} + +.ast-header-break-point .main-header-bar { + border-bottom-color: #eaeaea; + border-bottom-style: solid; +} + +/** + * 7 - Auto Margin + */ +.main-header-bar { + margin-left: auto; + margin-right: auto; +} + +/** + * 10 - Submenu container box shadow + */ +.ast-desktop .main-header-menu:not(#ast-hf-mobile-menu) .sub-menu { + box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); +} + +.ast-header-custom-item-inside .button-custom-menu-item .menu-link { + display: none; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item { + padding-left: 0; + padding-right: 0; + margin-top: 0; + margin-bottom: 0; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .ast-custom-button-link { + display: none; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .menu-link { + display: block; +} + +/* 2 - Header Main */ +/** + * Header Sections + * + * All sections within the header. + * + * Contents + * 1 - Common + * 2 - Social Follow + * 3 - Site Logo + * 4 - Search Form + * + * # Responsive +*/ +/** + * 1 - Common + */ +.site-branding { + line-height: 1; + align-self: center; +} + +.ast-menu-toggle { + display: none; + background: transparent; + color: inherit; + border-style: dotted; + border-color: transparent; +} + +.ast-menu-toggle:focus, .ast-menu-toggle:hover { + background: transparent; + border-color: inherit; + color: inherit; +} + +.ast-menu-toggle:focus { + outline: thin dotted; +} + +/** + * 4 - Search Form & Main Header + */ +.ast-main-header-nav-open .main-header-bar { + padding-bottom: 0; +} + +.main-header-bar { + z-index: 4; + position: relative; +} + +.main-header-bar .main-header-bar-navigation:empty { + padding: 0; +} + +.main-header-bar .main-header-bar-navigation .sub-menu { + line-height: 1.45; +} + +.main-header-bar .main-header-bar-navigation .menu-item-has-children > .menu-link:after { + line-height: normal; +} + +/* Hide Mobile logo. */ +.custom-mobile-logo-link { + display: none; +} + +.ast-site-identity { + padding: 1em 0; +} + +.ast-header-break-point .site-header .main-header-bar-wrap .site-branding { + flex: 1; + align-self: center; +} + +.ast-header-break-point .ast-site-identity { + width: 100%; +} + +.ast-header-break-point .main-header-bar { + display: block; + line-height: 3; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation { + line-height: 3; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu { + line-height: 3; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu { + display: none; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle { + display: inline-block; + position: absolute; + font-size: inherit; + top: -1px; + right: 20px; + cursor: pointer; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + padding: 0 0.907em; + font-weight: normal; + line-height: inherit; + transition: all .2s; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before { + transform: rotateX(180deg); +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu { + border-top-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point .main-navigation { + display: block; + width: 100%; +} + +.ast-header-break-point .main-navigation ul ul { + left: auto; + right: auto; +} + +.ast-header-break-point .main-navigation .stack-on-mobile li { + width: 100%; +} + +.ast-header-break-point .main-navigation .widget { + margin-bottom: 1em; +} + +.ast-header-break-point .main-navigation .widget li { + width: auto; +} + +.ast-header-break-point .main-navigation .widget:last-child { + margin-bottom: 0; +} + +.ast-header-break-point .main-header-bar-navigation { + width: calc( 100% + 40px); + margin: 0 -20px; +} + +.ast-header-break-point .main-header-menu ul ul { + top: 0; +} + +.ast-header-break-point .ast-builder-menu { + width: 100%; +} + +.ast-header-break-point .ast-mobile-header-wrap .ast-flex.stack-on-mobile { + flex-wrap: wrap; +} + +.ast-desktop .main-header-menu > .menu-item .sub-menu:before { + position: absolute; + content: ''; + top: 0; + left: 0; + width: 100%; + transform: translateY(-100%); +} + +/*---------- Forms ----------*/ +/** + * Form Fields + * + * @import + * 1 - All fields common scss + * 2 - Field - Range + * 3 - Field - Color +*/ +/* 1 - All fields common scss */ +input[type="text"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="password"], +input[type="search"], +input[type=reset], +input[type=tel], +select, +textarea { + color: #666; + padding: 0.75em; + height: auto; + border-width: 1px; + border-style: solid; + border-color: #eaeaea; + border-radius: 2px; + background: #fafafa; + box-shadow: none; + box-sizing: border-box; + transition: all 0.2s linear; +} + +input[type="text"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +input[type="search"]:focus, +input[type=reset]:focus, +input[type=tel]:focus, +select:focus, +textarea:focus { + background-color: #fff; + border-color: #eaeaea; + box-shadow: none; +} + +input[type=reset], +input[type=reset]:hover, +input[type=reset]:focus, +input[type="submit"], +input[type="submit"]:hover, +input[type="submit"]:focus, +input[type="button"], +input[type="button"]:hover, +input[type="button"]:focus { + box-shadow: none; +} + +textarea { + width: 100%; +} + +input[type="search"]:focus { + outline: thin dotted; +} + +/* 2 - Field - Range */ +/* Range */ +input[type=range] { + -webkit-appearance: none; + width: 100%; + margin: 5.7px 0; + padding: 0; + border: none; +} + +input[type=range]:focus { + outline: none; +} + +input[type=range]::-webkit-slider-runnable-track { + width: 100%; + height: 8.6px; + cursor: pointer; + box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; + background: rgba(255, 255, 255, 0.2); + border-radius: 13.6px; + border: 0px solid #ffffff; +} + +input[type=range]::-webkit-slider-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; + -webkit-appearance: none; + margin-top: -5.7px; +} + +input[type=range]:focus::-webkit-slider-runnable-track { + background: rgba(255, 255, 255, 0.2); +} + +input[type=range]::-moz-range-track { + width: 100%; + height: 8.6px; + cursor: pointer; + box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; + background: rgba(255, 255, 255, 0.2); + border-radius: 13.6px; + border: 0px solid #ffffff; +} + +input[type=range]::-moz-range-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; +} + +input[type=range]::-ms-track { + width: 100%; + height: 8.6px; + cursor: pointer; + background: transparent; + border-color: transparent; + color: transparent; +} + +input[type=range]::-ms-fill-lower { + background: rgba(199, 199, 199, 0.2); + border: 0px solid #ffffff; + border-radius: 27.2px; + box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; +} + +input[type=range]::-ms-fill-upper { + background: rgba(255, 255, 255, 0.2); + border: 0px solid #ffffff; + border-radius: 27.2px; + box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; +} + +input[type=range]::-ms-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; + height: 8.6px; +} + +input[type=range]:focus::-ms-fill-lower { + background: rgba(255, 255, 255, 0.2); +} + +input[type=range]:focus::-ms-fill-upper { + background: rgba(255, 255, 255, 0.2); +} + +/* 3 - Field - Color */ +/* Color */ +input[type="color"] { + border: none; + width: 100px; + padding: 0; + height: 30px; + cursor: pointer; +} + +input[type="color"]::-webkit-color-swatch-wrapper { + padding: 0; + border: none; +} + +input[type="color"]::-webkit-color-swatch { + border: none; +} + +/*---------- Blog ----------*/ +/*-------------------------------------------------------------- +## Blog Layouts +--------------------------------------------------------------*/ +/** + * Blog Common + */ +.page .entry-header { + margin-bottom: 1.5em; +} + +.search .entry-header { + margin-bottom: 1em; +} + +.ast-single-post .entry-header.ast-header-without-markup, .ast-single-post .entry-header.ast-no-title.ast-no-thumbnail { + margin-bottom: 0; +} + +.entry-header { + margin-bottom: 1em; + word-wrap: break-word; +} + +.entry-header + .ast-blog-featured-section { + margin-top: 0.5em; +} + +.entry-content { + word-wrap: break-word; +} + +.entry-content p { + margin-bottom: 1.6em; +} + +.read-more { + margin-bottom: 0; +} + +.read-more .ast-right-arrow { + font-size: 1em; +} + +.ast-no-thumb .ast-blog-featured-section { + margin-bottom: 0; +} + +.ast-no-thumb .entry-header + .ast-blog-featured-section { + margin-top: 0; +} + +.ast-blog-featured-section { + margin-bottom: 1.5em; +} + +.error404 .page-header { + margin-bottom: 1.5em; +} + +.error404 .page-header .page-title { + margin-bottom: 0; +} + +.blog .entry-title, +.archive .entry-title, +.search .entry-title { + line-height: 1.3; +} + +.blog .format-status .entry-title, +.archive .format-status .entry-title, +.blog .format-aside .entry-title, +.archive .format-aside .entry-title { + display: none; +} + +.page-title { + margin-bottom: 1em; + font-weight: normal; +} + +.entry-title { + margin-bottom: 0.2em; +} + +.ast-article-post { + margin-bottom: 2.5em; +} + +.ast-article-post:last-child { + margin-bottom: 0; + border-bottom: 0; +} + +.search .site-content .content-area .search-form { + margin-bottom: 3em; +} + +.blog-layout-1 { + /* 2 - Blog Thumbnail Styles */ +} + +.blog-layout-1 .post-thumb { + padding-left: 0; + padding-right: 0; + position: relative; +} + +.blog .posted-on { + z-index: 1; +} + +.ast-blog-featured-section .posted-on { + width: 5.714285714em; + height: 5.714285714em; + padding: 0.7em; +} + +.ast-blog-featured-section .posted-on .date-month, +.ast-blog-featured-section .posted-on .date-year { + font-size: 0.8571428571em; + line-height: 1em; +} + +.ast-blog-featured-section .posted-on .date-day { + font-size: 2.5em; + line-height: .9em; + font-weight: 900; + margin: .1em 0; +} + +/* ============================================================ + Archive Blogs +============================================================ */ +.ast-author-box img.avatar { + border-radius: 50%; + margin: 0 0 0 20px; +} + +.ast-archive-description { + margin-bottom: 2.5em; + padding-bottom: 1.3333em; + border-bottom: 1px solid #eeeeee; +} + +.ast-archive-description .ast-archive-title { + margin-bottom: 4px; + font-size: 40px; + font-size: 2.85714rem; + font-weight: 300; +} + +.ast-archive-description p { + margin-bottom: 0; + font-size: 20px; + font-size: 1.42857rem; + line-height: 1.65; + font-weight: 300; +} + +.ast-separate-container .ast-author-box, +.ast-separate-container .ast-archive-description { + background-color: #eee; + padding-bottom: 0; + border-bottom: 0; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-archive-description { + margin: 0; + padding: 3.34em 2.4em; + } +} + +@media (max-width: 992px) { + .ast-separate-container .ast-archive-description { + padding: 2.14em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-author-box, + .ast-separate-container .ast-archive-description { + margin: 0; + padding: 5em 6.67em 3.33333em; + } +} + +/*-------------------------------------------------------------- +## Single Blog Post Layouts +--------------------------------------------------------------*/ +/*---------- Single Post Common Stylesheet ----------*/ +/** + * Common Stylesheet of Single Post + * + * Content + * 1 - Single Post Navigation Styles + * 2 - Single Post Article Header +*/ +.single { + /* 1 - Single Post Navigation Styles */ +} + +.single .entry-header { + margin-bottom: 2em; +} + +.single .post-navigation { + margin: 0; + padding: 2em 0 0; + border-top: 1px solid #eeeeee; +} + +@media (max-width: 768px) { + .single .post-navigation { + padding-top: 1.5em; + } +} + +.single .post-navigation a { + margin: 2px; + display: inline-block; + text-align: center; + color: #000; +} + +@media (min-width: 421px) { + .single .post-navigation .nav-links { + -js-display: flex; + display: flex; + } + .single .post-navigation .nav-previous, + .single .post-navigation .nav-next { + flex: auto; + } +} + +@media (max-width: 420px) { + .single .post-navigation .ast-left-arrow, + .single .post-navigation .ast-right-arrow { + display: none; + } + .single .post-navigation .nav-previous, + .single .post-navigation .nav-next { + width: 100%; + } + .single .post-navigation .nav-previous a, + .single .post-navigation .nav-next a { + width: 100%; + } + .single .post-navigation .nav-previous { + margin-bottom: 1em; + } +} + +/* 2 - Single Post Article Header */ +.single .entry-header .ast-single-post-order + .post-thumb img { + margin-top: 2em; + margin-bottom: 0; +} + +.single .entry-header.ast-no-title .post-thumb + .ast-single-post-order { + margin-top: 0; +} + +.single .entry-header .post-thumb + .ast-single-post-order { + margin-top: 2em; +} + +.single .entry-header .post-thumb img { + margin-top: 0; + margin-bottom: 0; +} + +.page .has-post-thumbnail .post-thumb img { + margin-bottom: 1.5em; +} + +.post-password-form { + text-align: center; +} + +@media (max-width: 420px) { + .post-password-form input[type="password"] { + display: block; + margin: 10px auto; + } +} + +.post-password-form input[type="submit"] { + padding: 10px 20px; + border-radius: 2px; +} + +.ast-separate-container .post-navigation { + border-top: 0; + padding-left: 3.33333em; + padding-right: 3.33333em; +} + +@media (max-width: 420px) { + .ast-separate-container .post-navigation { + padding-left: 0; + padding-right: 0; + } +} + +@media (max-width: 768px) { + .ast-separate-container .entry-header { + margin-bottom: 1em; + } +} + +/*---------- 404 ----------*/ +.ast-404-layout-1 { + text-align: center; + margin: 4em auto; +} + +.ast-404-layout-1 .page-sub-title { + font-size: 1.5rem; + font-weight: bold; +} + +.ast-404-layout-1 .widget_search { + padding-top: 0.5em; +} + +.ast-404-search { + margin-top: 1.5em; +} + +.ast-404-search .widget_search { + max-width: 370px; + margin: 0 auto; +} + +.ast-separate-container .error-404, +.ast-separate-container .no-results { + background-color: #fff; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + margin: 0; + padding: 3.34em 2.4em; + } +} + +@media (max-width: 768px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + padding: 1.5em 2.14em; + } +} + +@media (max-width: 544px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + padding: 1.5em 1em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + margin: 0; + padding: 5.34em 6.67em; + } +} + +/*---------- Blog Styles ----------*/ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.blog-layout-1 { + width: 100%; + display: inline-block; + padding-bottom: 2em; + vertical-align: middle; + border-bottom: 1px solid #eeeeee; +} + +.blog-layout-1 .posted-on { + left: 0; +} + +.blog-layout-1 .post-thumb, +.blog-layout-1 .post-content { + padding-left: 0; + padding-right: 0; +} + +/** + * Flexbox Framework + * + * .ast - prefix + * + * Flex classes generated as {prefix} + {css property - css value} . + * + * E.g. Here '.ast' is a prefix. + * + * .ast-flex + * .ast-flex-1 + * .ast-flex-2 + * .ast-flex-3 + * .ast-flex-4 + * .ast-flex-5 + * .ast-inline-flex + * .ast-flex-direction-row + * .ast-flex-direction-row-reverse + * .ast-flex-direction-column + * .ast-flex-direction-column-reverse + * .ast-flex-wrap-nowrap + * .ast-flex-wrap-wrap + * .ast-flex-wrap-wrap-reverse + * .ast-justify-content-flex-start + * .ast-justify-content-flex-end + * .ast-justify-content-center + * .ast-justify-content-space-between + * .ast-justify-content-space-around + * .ast-align-items-flex-start + * .ast-align-items-flex-end + * .ast-align-items-center + * .ast-align-items-baseline + * .ast-align-items-stretch + * .ast-align-content-flex-start + * .ast-align-content-flex-end + * .ast-align-content-center + * .ast-align-content-space-between + * .ast-align-content-space-around + * .ast-align-content-stretch + * .ast-order-1 + * .ast-order-2 + * .ast-order-3 + * .ast-order-4 + * .ast-order-5 + * .ast-flex-grow-1 + * .ast-flex-grow-2 + * .ast-flex-grow-3 + * .ast-flex-grow-4 + * .ast-flex-grow-5 + * .ast-flex-shrink-grow-1 + * .ast-flex-shrink-grow-2 + * .ast-flex-shrink-grow-3 + * .ast-flex-shrink-grow-4 + * .ast-flex-shrink-grow-5 + * .ast-flex-basis-grow-1 + * .ast-flex-basis-grow-2 + * .ast-flex-basis-grow-3 + * .ast-flex-basis-grow-4 + * .ast-flex-basis-grow-5 + * .ast-align-self-auto + * .ast-align-self-flex-start + * .ast-align-self-flex-end + * .ast-align-self-center + * .ast-align-self-baseline + * .ast-align-self-stretch + */ +.ast { + /* + # LAYOUT + ———————————————- + display: flex | inline-flex; + ———————————————- + */ + /* + ————————————————————————– + # CONTAINER (for PARENT) + ————————————————————————– + + + /* + ————————————————————————– + # JUSTIFY CONTENT + ————————————————————————– + justify-content: flex-start | flex-end | center | space-between | space-around; + ————————————————————————– + */ + /* + ————————————————————————– + # ALIGN – CONTENT + ————————————————————————– + align-content: flex-start | flex-end | center | space-between | space-around | stretch; + ————————————————————————– + */ + /* + ————————————————————————– + # GROW + ————————————————————————– + flex-grow: ; default 0 + ————————————————————————– + */ +} + +.ast-flex { + -js-display: flex; + display: flex; + flex-wrap: wrap; +} + +.ast-flex-1 { + flex: 1; +} + +.ast-inline-flex { + -js-display: inline-flex; + display: inline-flex; + align-items: center; + flex-wrap: wrap; + align-content: center; +} + +.ast-justify-content-flex-start { + justify-content: flex-start; +} + +.ast-justify-content-flex-end { + justify-content: flex-end; +} + +.ast-justify-content-center { + justify-content: center; +} + +.ast-justify-content-space-between { + justify-content: space-between; +} + +.ast-justify-content-space-around { + justify-content: space-around; +} + +.ast-align-content-flex-start { + align-content: flex-start; +} + +.ast-align-content-flex-end { + align-content: flex-end; +} + +.ast-align-content-center { + align-content: center; +} + +.ast-align-content-space-between { + align-content: space-between; +} + +.ast-align-content-space-around { + align-content: space-around; +} + +.ast-align-content-stretch { + align-content: stretch; +} + +.ast-flex-grow-1 { + flex-grow: 1; +} diff --git a/assets/css/unminified/menu-animation-rtl.css b/assets/css/unminified/menu-animation-rtl.css new file mode 100644 index 0000000..7bbfe2e --- /dev/null +++ b/assets/css/unminified/menu-animation-rtl.css @@ -0,0 +1,90 @@ +/** + * Slide Up + */ +.ast-desktop { + /** + * Slide Down + */ + /** + * Fade + */ +} + +.ast-desktop .astra-menu-animation-slide-up > .menu-item > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-slide-up > .menu-item > .sub-menu, +.ast-desktop .astra-menu-animation-slide-up > .menu-item > .sub-menu .sub-menu { + opacity: 0; + visibility: hidden; + transform: translateY(0.5em); + transition: visibility .2s ease, transform .2s ease; +} + +.ast-desktop .astra-menu-animation-slide-up > .menu-item.focus > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-slide-up > .menu-item:hover > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-slide-up > .menu-item.focus > .sub-menu, +.ast-desktop .astra-menu-animation-slide-up > .menu-item:hover > .sub-menu, +.ast-desktop .astra-menu-animation-slide-up > .menu-item .menu-item.focus > .sub-menu, +.ast-desktop .astra-menu-animation-slide-up > .menu-item .menu-item:hover > .sub-menu { + opacity: 1; + visibility: visible; + transform: translateY(0); + transition: opacity .2s ease, visibility .2s ease, transform .2s ease; +} + +.ast-desktop .astra-menu-animation-slide-up > .full-width-mega.menu-item.focus > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-slide-up > .full-width-mega.menu-item:hover > .astra-full-megamenu-wrapper { + -js-display: flex; + display: flex; +} + +.ast-desktop .astra-menu-animation-slide-down > .menu-item > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-slide-down > .menu-item > .sub-menu, +.ast-desktop .astra-menu-animation-slide-down > .menu-item > .sub-menu .sub-menu { + opacity: 0; + visibility: hidden; + transform: translateY(-0.5em); + transition: visibility .2s ease, transform .2s ease; +} + +.ast-desktop .astra-menu-animation-slide-down > .menu-item.focus > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-slide-down > .menu-item:hover > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-slide-down > .menu-item.focus > .sub-menu, +.ast-desktop .astra-menu-animation-slide-down > .menu-item:hover > .sub-menu, +.ast-desktop .astra-menu-animation-slide-down > .menu-item .menu-item.focus > .sub-menu, +.ast-desktop .astra-menu-animation-slide-down > .menu-item .menu-item:hover > .sub-menu { + opacity: 1; + visibility: visible; + transform: translateY(0); + transition: opacity .2s ease, visibility .2s ease, transform .2s ease; +} + +.ast-desktop .astra-menu-animation-slide-down > .full-width-mega.menu-item.focus > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-slide-down > .full-width-mega.menu-item:hover > .astra-full-megamenu-wrapper { + -js-display: flex; + display: flex; +} + +.ast-desktop .astra-menu-animation-fade > .menu-item > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-fade > .menu-item > .sub-menu, +.ast-desktop .astra-menu-animation-fade > .menu-item > .sub-menu .sub-menu { + opacity: 0; + visibility: hidden; + transition: opacity ease-in-out .3s; +} + +.ast-desktop .astra-menu-animation-fade > .menu-item.focus > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-fade > .menu-item:hover > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-fade > .menu-item.focus > .sub-menu, +.ast-desktop .astra-menu-animation-fade > .menu-item:hover > .sub-menu, +.ast-desktop .astra-menu-animation-fade > .menu-item .menu-item.focus > .sub-menu, +.ast-desktop .astra-menu-animation-fade > .menu-item .menu-item:hover > .sub-menu { + opacity: 1; + visibility: visible; + transition: opacity ease-in-out .3s; +} + +.ast-desktop .astra-menu-animation-fade > .full-width-mega.menu-item.focus > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-fade > .full-width-mega.menu-item:hover > .astra-full-megamenu-wrapper { + -js-display: flex; + display: flex; +} diff --git a/assets/css/unminified/menu-animation.css b/assets/css/unminified/menu-animation.css new file mode 100644 index 0000000..7bbfe2e --- /dev/null +++ b/assets/css/unminified/menu-animation.css @@ -0,0 +1,90 @@ +/** + * Slide Up + */ +.ast-desktop { + /** + * Slide Down + */ + /** + * Fade + */ +} + +.ast-desktop .astra-menu-animation-slide-up > .menu-item > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-slide-up > .menu-item > .sub-menu, +.ast-desktop .astra-menu-animation-slide-up > .menu-item > .sub-menu .sub-menu { + opacity: 0; + visibility: hidden; + transform: translateY(0.5em); + transition: visibility .2s ease, transform .2s ease; +} + +.ast-desktop .astra-menu-animation-slide-up > .menu-item.focus > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-slide-up > .menu-item:hover > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-slide-up > .menu-item.focus > .sub-menu, +.ast-desktop .astra-menu-animation-slide-up > .menu-item:hover > .sub-menu, +.ast-desktop .astra-menu-animation-slide-up > .menu-item .menu-item.focus > .sub-menu, +.ast-desktop .astra-menu-animation-slide-up > .menu-item .menu-item:hover > .sub-menu { + opacity: 1; + visibility: visible; + transform: translateY(0); + transition: opacity .2s ease, visibility .2s ease, transform .2s ease; +} + +.ast-desktop .astra-menu-animation-slide-up > .full-width-mega.menu-item.focus > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-slide-up > .full-width-mega.menu-item:hover > .astra-full-megamenu-wrapper { + -js-display: flex; + display: flex; +} + +.ast-desktop .astra-menu-animation-slide-down > .menu-item > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-slide-down > .menu-item > .sub-menu, +.ast-desktop .astra-menu-animation-slide-down > .menu-item > .sub-menu .sub-menu { + opacity: 0; + visibility: hidden; + transform: translateY(-0.5em); + transition: visibility .2s ease, transform .2s ease; +} + +.ast-desktop .astra-menu-animation-slide-down > .menu-item.focus > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-slide-down > .menu-item:hover > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-slide-down > .menu-item.focus > .sub-menu, +.ast-desktop .astra-menu-animation-slide-down > .menu-item:hover > .sub-menu, +.ast-desktop .astra-menu-animation-slide-down > .menu-item .menu-item.focus > .sub-menu, +.ast-desktop .astra-menu-animation-slide-down > .menu-item .menu-item:hover > .sub-menu { + opacity: 1; + visibility: visible; + transform: translateY(0); + transition: opacity .2s ease, visibility .2s ease, transform .2s ease; +} + +.ast-desktop .astra-menu-animation-slide-down > .full-width-mega.menu-item.focus > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-slide-down > .full-width-mega.menu-item:hover > .astra-full-megamenu-wrapper { + -js-display: flex; + display: flex; +} + +.ast-desktop .astra-menu-animation-fade > .menu-item > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-fade > .menu-item > .sub-menu, +.ast-desktop .astra-menu-animation-fade > .menu-item > .sub-menu .sub-menu { + opacity: 0; + visibility: hidden; + transition: opacity ease-in-out .3s; +} + +.ast-desktop .astra-menu-animation-fade > .menu-item.focus > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-fade > .menu-item:hover > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-fade > .menu-item.focus > .sub-menu, +.ast-desktop .astra-menu-animation-fade > .menu-item:hover > .sub-menu, +.ast-desktop .astra-menu-animation-fade > .menu-item .menu-item.focus > .sub-menu, +.ast-desktop .astra-menu-animation-fade > .menu-item .menu-item:hover > .sub-menu { + opacity: 1; + visibility: visible; + transition: opacity ease-in-out .3s; +} + +.ast-desktop .astra-menu-animation-fade > .full-width-mega.menu-item.focus > .astra-full-megamenu-wrapper, +.ast-desktop .astra-menu-animation-fade > .full-width-mega.menu-item:hover > .astra-full-megamenu-wrapper { + -js-display: flex; + display: flex; +} diff --git a/assets/css/unminified/style-flex-rtl.css b/assets/css/unminified/style-flex-rtl.css new file mode 100644 index 0000000..4e4d4ac --- /dev/null +++ b/assets/css/unminified/style-flex-rtl.css @@ -0,0 +1,4054 @@ +@charset "UTF-8"; +/*-------------------------------------------------------------- +>>> TABLE OF CONTENTS: +---------------------------------------------------------------- +# Normalize +# Typography +# Elements +# Forms +# Navigation + ## Links + ## Menus +# Accessibility +# Alignments +# Clearings +# Widgets +# Content + ## Posts and pages + ## Asides + ## Comments +# Infinite scroll +# Media + ## Captions + ## Galleries +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Normalize +--------------------------------------------------------------*/ +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +font, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td { + border: 0; + font-size: 100%; + font-style: inherit; + font-weight: inherit; + margin: 0; + outline: 0; + padding: 0; + vertical-align: baseline; +} + +html { + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +main, +menu, +nav, +section, +summary { + display: block; +} + +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden], +template { + display: none; +} + +a { + background-color: transparent; +} + +a:active { + outline: 0; +} + +a, +a:visited, +a:hover, +a:focus { + text-decoration: none; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, +strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +mark { + background: #ff0; + color: #000; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 0; +} + +hr { + box-sizing: content-box; + height: 0; +} + +pre { + overflow: auto; +} + +code, +kbd, +pre, +samp { + font-size: 1em; +} + +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} + +button { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} + +button[disabled], +html input[disabled] { + cursor: default; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input { + line-height: normal; +} + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +input[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box; +} + +.search .search-submit, +#comments .submit { + padding: 10px 15px; + border-radius: 2px; + line-height: 1.85714285714286; + border: 0; +} + +.search .site-main .ast-search-submit { + display: none; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +fieldset { + border: 1px solid #eaeaea; + margin: 0 0px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + border: 0; + padding: 0; +} + +fieldset legend { + margin-bottom: 1.5em; + padding: 0 0.5em; +} + +textarea { + overflow: auto; +} + +optgroup { + font-weight: bold; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} + +/*-------------------------------------------------------------- +# Bootstrap Grid +--------------------------------------------------------------*/ +/*! + * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.ast-container { + max-width: 100%; +} + +.ast-container-fluid, .ast-container { + margin-right: auto; + margin-left: auto; + padding-right: 20px; + padding-left: 20px; +} + +.ast-row { + margin-right: -20px; + margin-left: -20px; +} + +.ast-grid-common-col { + position: relative; + min-height: 1px; + padding-right: 20px; + padding-left: 20px; +} + +.ast-float { + float: right; +} + +@media (max-width: 992px) { + .ast-width-sm-25 { + width: 25%; + } + .ast-width-md-50 { + width: 50%; + } +} + +@media (max-width: 768px) { + .ast-width-md-25 { + width: 25%; + } +} + +.ast-full-width { + width: 100%; +} + +.ast-width-50 { + width: 50%; +} + +@media (min-width: 768px) { + .ast-width-md-4 { + width: 33.3333333333%; + } + .ast-width-md-16 { + width: 16.6666666667%; + } + .ast-width-md-6 { + width: 50%; + float: right; + } + .ast-width-md-3 { + width: 25%; + } + .ast-width-md-66 { + width: 66.6666666667%; + } +} + +@media (min-width: 769px) { + .ast-width-md-20 { + width: 20%; + } +} + +@media (min-width: 992px) { + .ast-width-lg-33 { + width: 33.3333333333%; + } + .ast-width-lg-16 { + width: 16.6666666667%; + } + .ast-width-lg-50 { + width: 50%; + } + .ast-width-lg-66 { + width: 66.6666666667%; + } +} + +/*-------------------------------------------------------------- +# Site Variables +--------------------------------------------------------------*/ +/*---------- Font Size ----------*/ +/*---------- Line Height ----------*/ +/*---------- Site Basic Structure ----------*/ +/*---------- z-index Structure ----------*/ +/*-------------------------------------------------------------- +# Mixins +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Typography +--------------------------------------------------------------*/ +h1, h2, h3, h4, h5, h6 { + clear: both; +} + +h1, +.entry-content h1 { + color: #808285; + font-size: 2em; + line-height: 1.2; +} + +h2, +.entry-content h2 { + color: #808285; + font-size: 1.7em; + line-height: 1.3; +} + +h3, +.entry-content h3 { + color: #808285; + font-size: 1.5em; + line-height: 1.4; +} + +h4, +.entry-content h4 { + color: #808285; + line-height: 1.5; + font-size: 1.3em; +} + +h5, +.entry-content h5 { + color: #808285; + line-height: 1.6; + font-size: 1.2em; +} + +h6, +.entry-content h6 { + color: #808285; + line-height: 1.7; + font-size: 1.1em; +} + +/*-------------------------------------------------------------- +# Elements +--------------------------------------------------------------*/ +html { + box-sizing: border-box; +} + +*, +*:before, +*:after { + /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ + box-sizing: inherit; +} + +body { + color: #808285; + background: #ffffff; + /* Fallback for when there is no custom background color defined. */ + font-style: normal; +} + +ul, ol { + margin: 0 3em 1.5em 0; +} + +ul { + list-style: disc; +} + +ol { + list-style: decimal; +} + +li > ul, +li > ol { + margin-bottom: 0; + margin-right: 1.5em; +} + +dt { + font-weight: bold; +} + +dd { + margin: 0 1.5em 1.5em; +} + +b, strong { + font-weight: bold; +} + +dfn, +cite, +em, +i { + font-style: italic; +} + +blockquote, +q { + quotes: "" ""; +} + +blockquote:before, blockquote:after, +q:before, +q:after { + content: ""; +} + +blockquote { + border-right: 5px solid rgba(0, 0, 0, 0.05); + padding: 20px; + font-size: 1.2em; + font-style: italic; + margin: 0 0 1.5em; + position: relative; +} + +blockquote p:last-child { + margin: 0; +} + +address { + margin: 0 0 1.5em; +} + +abbr, +acronym { + border-bottom: 1px dotted #666; + cursor: help; +} + +pre { + background: #eee; + font-family: "Courier 10 Pitch", Courier, monospace; + margin-bottom: 1.6em; + overflow: auto; + max-width: 100%; + padding: 1.6em; +} + +code, +kbd, +tt, +var { + font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; +} + +img { + height: auto; + /* Make sure images are scaled correctly. */ + max-width: 100%; + /* Adhere to container width. */ +} + +hr { + background-color: #ccc; + border: 0; + height: 1px; + margin-bottom: 1.5em; +} + +.ast-button, +.button, +button, +input, +select, +textarea { + color: #808285; + font-weight: normal; + font-size: 100%; + /* Corrects font size not being inherited in all browsers */ + margin: 0; + /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ + vertical-align: baseline; + /* Improves appearance and consistency in all browsers */ +} + +button, +input { + line-height: normal; + /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ +} + +big { + font-size: 125%; +} + +mark, +ins { + background: transparent; + text-decoration: none; +} + +table, th, td { + border: 1px solid rgba(0, 0, 0, 0.1); +} + +table { + border-collapse: separate; + border-spacing: 0; + border-width: 1px 1px 0 0; + margin: 0 0 1.5em; + width: 100%; +} + +th { + font-weight: bold; +} + +th, td { + padding: 8px; + text-align: right; + border-width: 0 0 1px 1px; +} + +/*-------------------------------------------------------------- +# Forms +--------------------------------------------------------------*/ +button, +.ast-button, +.button, +input[type="button"], +input[type="reset"], +input[type="submit"] { + border: 1px solid; + border-color: #eaeaea; + border-radius: 2px; + background: #e6e6e6; + padding: .6em 1em .4em; + color: #fff; +} + +button:hover, button:focus, +.ast-button:hover, +.ast-button:focus, +.button:hover, +.button:focus, +input[type="button"]:hover, +input[type="button"]:focus, +input[type="reset"]:hover, +input[type="reset"]:focus, +input[type="submit"]:hover, +input[type="submit"]:focus { + color: #fff; + border-color: #eaeaea; +} + +button:active, button:focus, +.ast-button:active, +.ast-button:focus, +.button:active, +.button:focus, +input[type="button"]:active, +input[type="button"]:focus, +input[type="reset"]:active, +input[type="reset"]:focus, +input[type="submit"]:active, +input[type="submit"]:focus { + border-color: #eaeaea; + outline: none; +} + +input[type="text"], +input[type="email"], +input[type="url"], +input[type="password"], +input[type="search"], +input[type="tel"], +textarea { + color: #666; + border: 1px solid #ccc; + border-radius: 2px; + -webkit-appearance: none; +} + +input[type="text"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +textarea:focus { + color: #111; +} + +textarea { + padding-right: 3px; + width: 100%; +} + +/*-------------------------------------------------------------- +# Navigation +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +## Links +--------------------------------------------------------------*/ +a { + color: royalblue; +} + +a:hover, a:focus { + color: midnightblue; +} + +a:focus { + outline: thin dotted; +} + +a:hover { + outline: 0; +} + +/*-------------------------------------------------------------- +# Accessibility +--------------------------------------------------------------*/ +/* Text meant only for screen readers. */ +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.screen-reader-text:focus { + background-color: #f1f1f1; + border-radius: 2px; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + clip: auto !important; + color: #21759b; + display: block; + font-size: 12.25px; + font-size: 0.875rem; + height: auto; + right: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; + /* Above WP toolbar. */ +} + +.alignleft { + display: inline; + float: right; + margin-left: 1.5em; +} + +.alignright { + display: inline; + float: left; + margin-right: 1.5em; +} + +.aligncenter { + clear: both; + text-align: center; + display: block; + margin-right: auto; + margin-left: auto; +} + +.clear:before, +.clear:after, +.site-header:before, +.site-header:after, +.site-content:before, +.site-content:after, +#primary:before, +#primary:after, +.site-main:before, +.site-main:after, +#secondary:before, +#secondary:after, +.sidebar-main:before, +.sidebar-main:after, +.site-footer:before, +.site-footer:after, +.ast-row:before, +.ast-row:after, +.ast-container:before, +.ast-container:after { + content: ""; + display: table; +} + +.clear:after, +.site-header:after, +.site-content:after, +#primary:after, +.site-main:after, +#secondary:after, +.sidebar-main:after, +.site-footer:after, +.ast-row:after, +.ast-container:after { + clear: both; +} + +/*-------------------------------------------------------------- +# Media +--------------------------------------------------------------*/ +/* Make sure embeds and iframes fit their containers. */ +embed, +iframe, +object { + max-width: 100%; +} + +/*-------------------------------------------------------------- +## Captions +--------------------------------------------------------------*/ +.wp-caption { + margin-bottom: 1.5em; + max-width: 100%; +} + +.wp-caption img[class*="wp-image-"] { + display: block; + margin-right: auto; + margin-left: auto; +} + +.wp-caption .wp-caption-text { + margin: 0.8075em 0; +} + +.wp-caption-text { + text-align: center; +} + +/*-------------------------------------------------------------- +# Content +--------------------------------------------------------------*/ +/*---------- Mixins ----------*/ +/*---------- Site Variables ----------*/ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/*---------- Site Normalize ----------*/ +::selection { + color: #fff; + background: #0274be; +} + +body { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body:not(.logged-in) { + position: relative; +} + +#page { + position: relative; +} + +a, +a:focus { + text-decoration: none; +} + +a, +.site-header a *, +.site-footer a *, +.secondary a * { + transition: all 0.2s linear; +} + +.capitalize { + text-transform: uppercase; +} + +img { + vertical-align: middle; +} + +.entry-content h1, +.entry-content h2, +.entry-content h3, +.entry-content h4, +.entry-content h5, +.entry-content h6 { + margin-bottom: 20px; +} + +p { + margin-bottom: 1.75em; +} + +blockquote { + margin: 1.5em 3em 1.5em 1em; + padding: 1.2em; + font-size: 1.1em; + line-height: inherit; + position: relative; +} + +.ast-button, +.button, +input[type="button"], +input[type="submit"] { + border-radius: 0; + padding: 18px 30px; + border: 0; + box-shadow: none; + text-shadow: none; +} + +.ast-button:hover, +.button:hover, +input[type="button"]:hover, +input[type="submit"]:hover { + box-shadow: none; +} + +.ast-button:active, .ast-button:focus, +.button:active, +.button:focus, +input[type="button"]:active, +input[type="button"]:focus, +input[type="submit"]:active, +input[type="submit"]:focus { + box-shadow: none; +} + +.site-title { + font-weight: normal; +} + +.site-title, +.site-description { + margin-bottom: 0; +} + +.site-title a, +.site-title:hover a, +.site-title:focus a, +.site-description a, +.site-description:hover a, +.site-description:focus a { + transition: all 0.2s linear; +} + +.site-title a, +.site-title a:focus, +.site-title a:hover, +.site-title a:visited { + color: #222; +} + +.site-description a, +.site-description a:focus, +.site-description a:hover, +.site-description a:visited { + color: #999; +} + +.search-form .search-field { + outline: none; +} + +.ast-search-menu-icon { + position: relative; + z-index: 3; +} + +/* must have higher specificity than alternative color schemes inline styles */ +.site .skip-link { + background-color: #f1f1f1; + box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); + color: #21759b; + display: block; + font-family: Montserrat, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 700; + right: -9999em; + outline: none; + padding: 15px 23px 14px; + text-decoration: none; + text-transform: none; + top: -9999em; +} + +.site .skip-link:focus { + clip: auto; + height: auto; + right: 6px; + top: 7px; + width: auto; + z-index: 100000; + outline: thin dotted; +} + +.logged-in .site .skip-link { + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); + font-family: "Open Sans", sans-serif; +} + +select, +input { + line-height: 1; +} + +body, +button, +input[type="button"], +input[type="submit"], +textarea, +.ast-button, +.ast-custom-button { + line-height: 1.85714285714286; +} + +.site-title a { + line-height: 1.2; +} + +.site-header .site-description { + line-height: 1.5; +} + +.ast-single-post .entry-title, +.ast-single-post .entry-title a { + line-height: 1.2; +} + +.entry-title, +.entry-title a { + font-weight: normal; +} + +/*---------- Media ----------*/ +/* Astra Respnosive oEmbed Video container */ +.ast-oembed-container { + position: relative; + padding-top: 56.25%; + height: 0; + overflow: hidden; + max-width: 100%; + height: auto; +} + +.ast-oembed-container iframe, .ast-oembed-container object, .ast-oembed-container embed { + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; +} + +body .ast-oembed-container * { + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; +} + +/*---------- Basic Layout ----------*/ +.ast-hidden { + display: none !important; +} + +body { + background-color: #ffffff; +} + +#page { + display: block; +} + +#primary, +#secondary { + display: block; + position: relative; + float: right; + width: 100%; +} + +#primary { + margin: 4em 0; +} + +.ast-separate-container { + background-color: #f5f5f5; +} + +.ast-separate-container #primary { + padding: 4em 0; + margin: 0; + border: 0; +} + +.ast-separate-container .site-main > .ast-row { + margin-right: 0; + margin-left: 0; +} + +.ast-separate-container .ast-article-post, +.ast-separate-container .ast-article-single:not(.ast-related-post) { + background-color: #fff; +} + +.ast-separate-container .ast-article-post, +.ast-separate-container .ast-article-single { + border-bottom: 1px solid #eeeeee; + margin: 0; + padding: 5.34em 6.67em; +} + +.ast-separate-container .blog-layout-1 { + padding: 0; + border-bottom: 0; +} + +.ast-separate-container .ast-article-single { + border-bottom: 0; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-post, + .ast-separate-container .ast-article-single { + margin: 0; + padding: 3.34em 2.4em; + } +} + +.ast-page-builder-template .hentry { + margin: 0; +} + +.ast-page-builder-template .site-content > .ast-container { + max-width: 100%; + padding: 0; +} + +.ast-page-builder-template .site-content #primary { + padding: 0; + margin: 0; +} + +.ast-page-builder-template .no-results { + text-align: center; + margin: 4em auto; +} + +.ast-page-builder-template .entry-header { + margin-top: 4em; + margin-right: auto; + margin-left: auto; + padding-right: 20px; + padding-left: 20px; +} + +.ast-page-builder-template .entry-header.ast-no-title.ast-no-thumbnail { + margin-top: 0; +} + +.ast-page-builder-template .entry-header.ast-header-without-markup { + margin-top: 0; + margin-bottom: 0; +} + +.ast-page-builder-template .entry-header.ast-no-title.ast-no-meta { + margin-bottom: 0; +} + +.ast-page-builder-template.single .post-navigation { + padding-bottom: 2em; +} + +.ast-page-builder-template .ast-archive-description { + margin-top: 4em; + margin-right: auto; + margin-left: auto; + padding-right: 20px; + padding-left: 20px; +} + +@media (min-width: 993px) { + .ast-separate-container.ast-right-sidebar #primary, + .ast-separate-container.ast-left-sidebar #primary, + .ast-separate-container #primary { + margin: 4em 0; + padding: 0; + } + .ast-right-sidebar #primary { + padding-left: 60px; + } + .ast-left-sidebar #primary { + padding-right: 60px; + } +} + +@media (max-width: 992px) { + .ast-separate-container.ast-right-sidebar #primary, + .ast-separate-container.ast-left-sidebar #primary, + .ast-separate-container #primary { + padding-right: 0; + padding-left: 0; + } + .ast-right-sidebar #primary { + padding-left: 30px; + } + .ast-left-sidebar #primary { + padding-right: 30px; + } +} + +/*---------- Navigation ----------*/ +/** + * Navigations + * + * @import + * 1 - Primary Menus + * 2 - Secondary Menus + * 3 - Header Top Menus + * + * Contents + * 1 - Toggle Button + * +*/ +/** + * @import + */ +/* 1 - Primary Menus */ +.ast-search-icon .astra-search-icon { + font-size: 1.3em; +} + +.main-navigation { + height: 100%; + -js-display: inline-flex; + display: inline-flex; +} + +.main-navigation ul { + list-style: none; + margin: 0; + padding-right: 0; + position: relative; +} + +.main-header-menu .menu-link, +.main-header-menu > a { + text-decoration: none; + padding: 0 1em; + display: inline-block; + transition: all 0.2s linear; +} + +.main-header-menu .menu-item { + position: relative; +} + +.main-header-menu .menu-item:hover > .sub-menu, +.main-header-menu .menu-item.focus > .sub-menu { + left: auto; + right: 0; +} + +.main-header-menu .ast-left-align-sub-menu:hover > .sub-menu, +.main-header-menu .ast-left-align-sub-menu.focus > .sub-menu { + left: 0; + right: auto; +} + +@media (min-width: 769px) { + .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, + .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + right: -100%; + } + .main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover > .sub-menu, + .main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus > .sub-menu { + right: -100%; + } +} + +.main-header-menu .sub-menu { + width: 240px; + background: #ffffff; + right: -999em; + position: absolute; + top: 100%; + z-index: 99999; +} + +@media (min-width: 769px) { + .main-header-menu .sub-menu .menu-item:hover > .sub-menu, + .main-header-menu .sub-menu .menu-item.focus > .sub-menu { + right: 100%; + left: auto; + } + .main-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu { + right: -100%; + } + .main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, + .main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + right: -100%; + } +} + +.main-header-menu .sub-menu .menu-link { + padding: 0.9em 1em; + display: block; + word-wrap: break-word; +} + +.main-header-menu .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type { + display: none; +} + +#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .icon-arrow svg { + position: absolute; + left: .60em; + top: 50%; + transform: translate(0, -50%) rotate(-270deg); +} + +.main-header-menu .sub-menu .sub-menu { + top: 0px; +} + +.submenu-with-border .sub-menu { + border-width: 1px; + border-style: solid; +} + +.submenu-with-border .sub-menu .menu-link { + border-width: 0 0 1px; + border-style: solid; +} + +.submenu-with-border .sub-menu .sub-menu { + top: -1px; +} + +/* Remove the last anchor border for desktop devices */ +.ast-desktop .submenu-with-border .sub-menu > .menu-item:last-child > .menu-link { + border-bottom-width: 0; +} + +.ast-header-break-point .main-navigation { + padding-right: 0; +} + +.ast-header-break-point .main-navigation ul .menu-item .menu-link { + padding: 0 20px; + display: inline-block; + width: 100%; + border: 0; + border-bottom-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type { + margin-left: 5px; +} + +.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type { + display: inline; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link { + padding-right: 30px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link { + padding-right: 40px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link { + padding-right: 50px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link { + padding-right: 60px; +} + +.ast-header-break-point .main-header-menu { + background-color: #f9f9f9; + border-top-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point .main-header-menu .sub-menu { + background-color: #f9f9f9; + position: static; + opacity: 1; + visibility: visible; + border: 0; + width: auto; +} + +.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu, +.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu { + right: 0; +} + +.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, +.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + right: 0; +} + +.ast-header-break-point .submenu-with-border .sub-menu { + border: 0; +} + +.ast-header-break-point .dropdown-menu-toggle { + display: none; +} + +/** + * Contents + */ +.ast-mobile-menu-buttons { + display: none; +} + +/* Toggle Button */ +.ast-button-wrap { + display: inline-block; +} + +.ast-button-wrap button { + box-shadow: none; + border: none; +} + +.ast-button-wrap .menu-toggle { + padding: 0; + width: 2.2em; + height: 2.1em; + font-size: 1.5em; + font-weight: normal; + border-radius: 2px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + border-radius: 2px; + vertical-align: middle; + line-height: 1.85714285714286; +} + +.ast-button-wrap .menu-toggle.main-header-menu-toggle { + padding: 0 .5em; + width: auto; + text-align: center; +} + +.ast-button-wrap .menu-toggle.main-header-menu-toggle .mobile-menu { + font-size: 15px; + font-size: 1rem; + font-weight: 600; +} + +.ast-button-wrap .menu-toggle .menu-toggle-icon { + font-style: normal; + display: inline-block; + vertical-align: middle; + line-height: 2.05; +} + +.ast-button-wrap .menu-toggle .menu-toggle-icon:before { + content: "\e5d2"; + font-family: 'Astra'; + text-decoration: inherit; +} + +.ast-button-wrap .menu-toggle .icon-menu-bars svg:nth-child(2) { + display: none; +} + +.ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before { + content: "\e5cd"; +} + +.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(1) { + display: none; +} + +.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(2) { + display: block; +} + +.ast-button-wrap .menu-toggle .mobile-menu-wrap { + display: inline-block; +} + +.ast-button-wrap .menu-toggle:focus { + outline: thin dotted; +} + +.header-main-layout-1 .ast-main-header-bar-alignment { + margin-right: auto; +} + +#site-navigation { + height: 100%; +} + +.site-header .menu-link * { + transition: none; +} + +.ast-icon.icon-arrow svg { + height: .6em; + width: .6em; + position: relative; + margin-right: 10px; +} + +.ast-icon.icon-search svg { + height: 1em; + width: 0.9em; + margin-top: 3px; + margin-left: 2px; +} + +/* Responsive Screen */ +.ast-header-break-point .user-select { + clear: both; +} + +.ast-header-break-point .ast-mobile-menu-buttons { + display: block; + align-self: center; +} + +.ast-header-break-point .main-header-bar-navigation { + flex: auto; +} + +.ast-header-break-point .ast-main-header-bar-alignment { + display: block; + width: 100%; + flex: auto; + order: 4; +} + +.ast-header-break-point .ast-icon.icon-arrow svg { + height: .85em; + width: .95em; + position: relative; + margin-right: 10px; +} + +/** + * Post/Page Navigation + */ +.site-main .comment-navigation, .site-main +.posts-navigation, .site-main +.post-navigation { + margin: 0 0 1.5em; + overflow: hidden; +} + +.comment-navigation .nav-previous, +.comment-navigation .nav-next, +.posts-navigation .nav-previous, +.posts-navigation .nav-next, +.post-navigation .nav-previous, +.post-navigation .nav-next { + width: 50%; + display: inline-block; +} + +.comment-navigation .nav-next, +.posts-navigation .nav-next, +.post-navigation .nav-next { + text-align: left; +} + +.ast-icon svg { + fill: currentColor; +} + +.post-navigation a { + background: transparent; + font-size: 16px; + font-size: 1.06666rem; + padding: 0 1.5em; + height: 2.33333em; + line-height: calc(2.33333em - 3px); +} + +/*---------- Header ----------*/ +/** + * Header + * + * @import + * 1 - Header Layouts + * 3 - Header Layout Common + * 4 - Header Main + * 5 - Header Top Bar + * 7 - Header Toggle Buttons +*/ +/* 1 - Header Layouts */ +/** + * Header Layouts + * + * @import + * 1 - Header Layout 1 + * 2 - Header Layout 2 + * 3 - Header Layout 3 + * 4 - Header Inline Logo & Site Title + * 5 - Next Button Menu Item + * 6 - Responsive Style +*/ +/* 4 - Next Button Menu Item */ +.main-header-bar { + z-index: 1; +} + +/** + * 1 - Header Layout 1 +*/ +.header-main-layout-1.ast-primary-menu-disabled .ast-masthead-custom-menu-items { + text-align: left; +} + +.header-main-layout-1 .main-header-bar-navigation { + text-align: left; +} + +.header-main-layout-1 .main-header-bar-navigation .sub-menu { + text-align: right; +} + +.header-main-layout-1 .main-navigation { + padding-right: 15px; + vertical-align: top; +} + +.header-main-layout-1 .main-header-container { + align-items: stretch; +} + +/** + * 2 - Header Layout 2 +*/ +.header-main-layout-2 .main-header-container { + display: block; +} + +.header-main-layout-2 .site-branding { + text-align: center; + padding-bottom: 1em; +} + +.header-main-layout-2 .site-title { + justify-content: center; +} + +.header-main-layout-2 .main-navigation ul { + justify-content: center; +} + +.header-main-layout-2 .main-header-bar-navigation { + text-align: center; +} + +.header-main-layout-2 .main-header-bar-navigation .sub-menu { + text-align: right; +} + +.header-main-layout-2 .ast-header-custom-item { + justify-content: center; + line-height: 1.85714285714286; +} + +.header-main-layout-2 .ast-masthead-custom-menu-items { + position: relative; +} + +.header-main-layout-2 .widget { + text-align: center; +} + +.ast-header-custom-item-outside .header-main-layout-2 .main-header-container { + -js-display: flex; + display: flex; + justify-content: center; +} + +.ast-header-custom-item-outside .header-main-layout-2 .site-branding { + flex: 0 0 100%; +} + +/** + * 3 - Header Layout 3 +*/ +.header-main-layout-3 .ast-site-identity { + text-align: left; +} + +.header-main-layout-3 .main-header-container { + flex-direction: row-reverse; + align-items: stretch; +} + +.header-main-layout-3 .main-navigation { + padding-left: 15px; +} + +.header-main-layout-3 .main-navigation ul { + justify-content: flex-start; +} + +.header-main-layout-3 .main-header-bar-navigation { + text-align: right; +} + +.header-main-layout-3 .ast-header-custom-item { + justify-content: flex-start; +} + +.header-main-layout-3 .ast-masthead-custom-menu-items { + position: relative; +} + +.header-main-layout-3 li .ast-search-icon { + padding-right: .5em; +} + +.header-main-layout-3 .ast-search-menu-icon { + right: 0; + left: 0; +} + +.header-main-layout-3 li .ast-search-menu-icon { + right: 1em; + left: 0; +} + +.header-main-layout-3 .main-header-bar .ast-search-menu-icon .search-form { + padding: 0 3em 0 0; +} + +.header-main-layout-3 .main-header-bar .ast-search-menu-icon.slide-search .search-form { + right: -1em; + left: auto; +} + +.ast-header-break-point .header-main-layout-1 .site-branding { + padding-left: 1em; +} + +.ast-header-break-point .header-main-layout-1 .main-header-bar-navigation { + text-align: right; +} + +.ast-header-break-point .header-main-layout-1 .main-navigation { + padding-right: 0; +} + +.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items { + flex: 1 1 100%; +} + +.ast-header-break-point .ast-mobile-header-stack .site-branding { + padding-right: 0; + padding-left: 0; + padding-bottom: 1em; + flex: 1 1 100%; +} + +.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items, +.ast-header-break-point .ast-mobile-header-stack .site-branding, +.ast-header-break-point .ast-mobile-header-stack .site-title, +.ast-header-break-point .ast-mobile-header-stack .ast-site-identity { + justify-content: center; + text-align: center; +} + +.ast-header-break-point .ast-mobile-header-stack.ast-logo-title-inline .site-title { + text-align: right; +} + +.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { + flex: 1 1 100%; + text-align: center; + justify-content: center; +} + +.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .main-header-container { + flex-direction: initial; +} + +.ast-header-break-point .header-main-layout-2 .ast-mobile-menu-buttons { + -js-display: flex; + display: flex; + justify-content: center; +} + +.ast-header-break-point .header-main-layout-2 .main-header-bar-navigation, +.ast-header-break-point .header-main-layout-2 .widget { + text-align: right; +} + +.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-3 .main-header-bar .ast-search-icon { + margin-left: auto; + margin-right: 1em; +} + +.ast-header-break-point .header-main-layout-3 .main-header-bar .ast-search-menu-icon.slide-search .search-form { + left: auto; + right: 0; +} + +.ast-header-break-point .header-main-layout-3.ast-mobile-header-inline .ast-mobile-menu-buttons { + justify-content: flex-start; +} + +.ast-header-break-point .header-main-layout-3 li .ast-search-menu-icon { + right: 0; +} + +.ast-header-break-point .header-main-layout-3 .site-branding { + padding-right: 1em; + justify-content: flex-end; +} + +.ast-header-break-point .header-main-layout-3 .main-navigation { + padding-left: 0; +} + +/** + * 4 - Header Inline Logo & Site Title +*/ +.ast-logo-title-inline .ast-site-identity { + -js-display: inline-flex; + display: inline-flex; + vertical-align: middle; + align-items: center; + transition: all 0.2s linear; +} + +.ast-logo-title-inline .site-logo-img { + padding-left: 1em; +} + +.ast-logo-title-inline.header-main-layout-2 .site-logo-img + .ast-site-title-wrap .site-title { + justify-content: flex-start; +} + +/* Mobile Header Alignment */ +@media (max-width: 544px) { + .ast-header-custom-item-outside .ast-mobile-header-stack .site-branding { + padding-left: 0; + } + .ast-header-custom-item-outside .ast-mobile-header-stack .site-title { + justify-content: center; + text-align: center; + } + .ast-header-break-point .ast-mobile-header-stack .site-branding, + .ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { + justify-content: center; + text-align: center; + padding-bottom: 0; + } +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-branding { + text-align: right; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-title { + justify-content: left; +} + +.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-2 .ast-mobile-menu-buttons { + padding-bottom: 1em; +} + +.ast-header-break-point .ast-mobile-header-stack .main-header-container, +.ast-header-break-point .ast-mobile-header-inline .main-header-container { + -js-display: flex; + display: flex; +} + +/* 3 - Header Common */ +/** + * Header Common + * + * Contents + * 1 - Common + * 4 - Main Header Container + * 6 - all and (max-width: $mx-break-point) + * 7 - Auto Margin +*/ +/** + * 1 - Common + */ +.site-header { + z-index: 99; + position: relative; +} + +/** + * 4 - Main Header Container + */ +.main-header-container { + position: relative; +} + +.main-header-bar-wrap { + position: relative; +} + +.main-header-bar { + background-color: #fff; + border-bottom-color: #eaeaea; + border-bottom-style: solid; +} + +/** + * 6 - all and (max-width: $mx-break-point) + */ +.ast-header-break-point .main-header-bar { + border: 0; +} + +.ast-header-break-point .main-header-bar { + border-bottom-color: #eaeaea; + border-bottom-style: solid; +} + +/** + * 7 - Auto Margin + */ +.main-header-bar { + margin-right: auto; + margin-left: auto; +} + +/** + * 10 - Submenu container box shadow + */ +.ast-desktop .main-header-menu:not(#ast-hf-mobile-menu) .sub-menu { + box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); +} + +.ast-header-custom-item-inside .button-custom-menu-item .menu-link { + display: none; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item { + padding-right: 0; + padding-left: 0; + margin-top: 0; + margin-bottom: 0; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .ast-custom-button-link { + display: none; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .menu-link { + display: block; +} + +/* 4 - Header Main */ +/** + * Header Sections + * + * All sections within the header. + * + * Contents + * 1 - Common + * 2 - Social Follow + * 3 - Site Logo + * 4 - Search Form + * + * # Responsive +*/ +/** + * 1 - Common + */ +/* Default Padding For Nav */ +.nav-style { + display: block; + padding: 0 15px; +} + +.site-branding { + line-height: 1; + align-self: center; +} + +.ast-no-menu-items .main-navigation { + display: none; +} + +.ast-menu-toggle { + display: none; + background: transparent; + color: inherit; + border-style: dotted; + border-color: transparent; +} + +.ast-menu-toggle:focus, .ast-menu-toggle:hover { + background: transparent; + border-color: inherit; + color: inherit; +} + +.ast-menu-toggle:focus { + outline: thin dotted; +} + +/** + * 4 - Search Form & Main Header + */ +.ast-main-header-nav-open .main-header-bar { + padding-bottom: 0; +} + +.main-header-bar { + z-index: 4; + position: relative; + line-height: 4; +} + +.main-header-bar .main-header-bar-navigation { + height: 100%; +} + +.main-header-bar .main-header-bar-navigation:empty { + padding: 0; +} + +.main-header-bar .main-header-bar-navigation .sub-menu { + line-height: 1.45; +} + +.main-header-bar .main-header-bar-navigation .menu-item-has-children > .menu-link:after { + line-height: normal; +} + +.main-header-bar .main-header-bar-navigation .ast-search-icon { + display: block; + z-index: 4; + position: relative; +} + +.main-header-bar .ast-search-menu-icon .search-form { + background-color: #ffffff; +} + +.ast-primary-menu-disabled .main-header-bar .main-header-bar-navigation.toggle-on { + padding-top: 0; +} + +.ast-flyout-menu-enable .main-header-bar .ast-masthead-custom-menu-items .ast-custom-button-link { + border: none; +} + +.ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon .search-form { + visibility: visible; + opacity: 1; + position: relative; + left: auto; + top: auto; + transform: none; +} + +.ast-masthead-custom-menu-items .ast-dropdown-active .slide-search.astra-search-icon, +.below-header-user-select .ast-dropdown-active .slide-search.astra-search-icon, +.ast-above-header-section .user-select .ast-dropdown-active .slide-search.astra-search-icon { + color: #757575; +} + +.ast-search-menu-icon.slide-search .search-form { + -webkit-backface-visibility: visible; + backface-visibility: visible; + visibility: hidden; + opacity: 0; + transition: all .2s; + position: absolute; + z-index: 3; + left: -1em; + top: 50%; + transform: translateY(-50%); +} + +.ast-search-menu-icon.ast-dropdown-active.slide-search .search-form { + visibility: visible; + opacity: 1; +} + +.ast-search-menu-icon .search-form { + border: 1px solid #e7e7e7; + line-height: normal; + padding: 0 0 0 3em; + border-radius: 2px; + display: inline-block; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + position: relative; + color: inherit; + background-color: #fff; +} + +.ast-search-menu-icon .astra-search-icon { + -js-display: flex; + display: flex; + line-height: normal; +} + +.ast-search-menu-icon .astra-search-icon:focus { + outline: none; +} + +.ast-search-menu-icon .search-field { + border: none; + background-color: transparent; + transition: width .2s; + border-radius: inherit; + color: inherit; + font-size: inherit; + width: 0; + color: #757575; +} + +.ast-search-menu-icon .search-submit { + display: none; + background: none; + border: none; + font-size: 1.3em; + color: #757575; +} + +.ast-search-menu-icon.ast-dropdown-active { + visibility: visible; + opacity: 1; + position: relative; +} + +.ast-search-menu-icon.ast-dropdown-active .search-field { + width: 235px; +} + +li.ast-masthead-custom-menu-items { + padding: 0 1em; +} + +li.ast-masthead-custom-menu-items a { + padding-right: 0; + padding-left: 0; + vertical-align: middle; +} + +li.ast-masthead-custom-menu-items a, +li.ast-masthead-custom-menu-items a:hover, +li.ast-masthead-custom-menu-items a:focus { + background: transparent; +} + +li.ast-masthead-custom-menu-items .ast-search-icon .astra-search-icon { + line-height: 1; +} + +.ast-search-icon { + z-index: 4; + position: relative; + line-height: normal; +} + +.ast-primary-menu-disabled.ast-mobile-header-inline .ast-masthead-custom-menu-items { + text-align: left; +} + +.ast-primary-menu-disabled .ast-masthead-custom-menu-items { + flex: 1; +} + +.ast-primary-menu-disabled.header-main-layout-2 .ast-masthead-custom-menu-items { + text-align: center; +} + +.ast-primary-menu-disabled.header-main-layout-3 .ast-masthead-custom-menu-items { + text-align: right; +} + +.ast-masthead-custom-menu-items { + padding: 0 1em; +} + +.search-custom-menu-item { + position: relative; +} + +/* Hide Mobile logo. */ +.custom-mobile-logo-link { + display: none; +} + +.ast-site-identity { + padding: 1em 0; +} + +.ast-header-break-point .ast-mobile-header-stack .site-description { + text-align: center; +} + +.ast-header-break-point .ast-mobile-header-stack.ast-logo-title-inline .site-description { + text-align: right; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled .ast-mobile-menu-buttons { + display: none; +} + +.ast-header-break-point .ast-hide-custom-menu-mobile .ast-masthead-custom-menu-items { + display: none; +} + +.ast-header-break-point .ast-mobile-header-inline .site-branding { + text-align: right; + padding-bottom: 0; +} + +.ast-header-break-point .ast-mobile-header-inline.header-main-layout-3 .site-branding { + text-align: left; +} + +.ast-header-break-point .site-header .main-header-bar-wrap .site-branding { + -js-display: flex; + display: flex; + flex: 1; + align-self: center; +} + +.ast-header-break-point ul li.ast-masthead-custom-menu-items a { + padding: 0; + display: inline-block; + width: auto; + border: 0; +} + +.ast-header-break-point li.ast-masthead-custom-menu-items { + padding-right: 20px; + padding-left: 20px; + margin-bottom: 1em; + margin-top: 1em; +} + +.ast-header-break-point .ast-site-identity { + width: 100%; +} + +.ast-header-break-point .main-header-bar-navigation .menu-item-has-children > .menu-link:after { + display: none; +} + +.ast-header-break-point .main-header-bar { + display: block; + line-height: 3; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation { + line-height: 3; + display: none; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu { + line-height: 3; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu { + display: none; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle { + display: inline-block; + position: absolute; + font-size: inherit; + top: -1px; + left: 20px; + cursor: pointer; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + padding: 0 0.907em; + font-weight: normal; + line-height: inherit; + transition: all .2s; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before, +.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle .icon-arrow svg { + transform: rotateX(180deg); +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu { + border-top-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point.ast-header-custom-item-inside .ast-search-menu-icon { + position: relative; + display: block; + left: auto; + transform: none; +} + +.ast-header-break-point .main-navigation { + display: block; + width: 100%; +} + +.ast-header-break-point .main-navigation ul > .menu-item:first-child { + border-top: 0; +} + +.ast-header-break-point .main-navigation ul ul { + right: auto; + left: auto; +} + +.ast-header-break-point .main-navigation li { + width: 100%; +} + +.ast-header-break-point .main-navigation .widget { + margin-bottom: 1em; +} + +.ast-header-break-point .main-navigation .widget li { + width: auto; +} + +.ast-header-break-point .main-navigation .widget:last-child { + margin-bottom: 0; +} + +.ast-header-break-point .main-header-bar-navigation { + width: calc( 100% + 40px); + margin: 0 -20px; +} + +.ast-header-break-point .main-header-menu ul ul { + top: 0; +} + +.ast-header-break-point .ast-has-mobile-header-logo .custom-logo-link { + display: none; +} + +.ast-header-break-point .ast-has-mobile-header-logo .custom-mobile-logo-link { + display: inline-block; +} + +.ast-header-break-point.ast-mobile-inherit-site-logo .ast-has-mobile-header-logo .custom-logo-link, +.ast-header-break-point.ast-mobile-inherit-site-logo .ast-has-mobile-header-logo .astra-logo-svg { + display: block; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-menu-buttons { + order: 2; +} + +.ast-header-break-point.ast-header-custom-item-outside .main-header-bar-navigation { + order: 3; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-masthead-custom-menu-items { + order: 1; +} + +.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-2 .ast-masthead-custom-menu-items { + text-align: center; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-branding, +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .ast-mobile-menu-buttons { + -js-display: flex; + display: flex; +} + +.ast-header-break-point.ast-header-custom-item-outside.ast-header-custom-item-outside .header-main-layout-2 .ast-mobile-menu-buttons { + padding-bottom: 0; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .ast-site-identity { + width: 100%; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline.header-main-layout-3 .ast-site-identity { + width: auto; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline.header-main-layout-2 .site-branding { + flex: 1 1 auto; +} + +@media (max-width: 544px) { + .ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { + width: 100%; + } + .ast-header-break-point .ast-mobile-header-stack .site-branding, + .ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { + justify-content: center; + } + .ast-header-break-point .ast-mobile-header-stack .main-header-bar-wrap .site-branding { + flex: 1 1 auto; + } + .ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { + padding-top: 0.8em; + } + .ast-header-break-point .ast-mobile-header-stack.header-main-layout-2 .ast-mobile-menu-buttons { + padding-top: 0.8em; + } + .ast-header-break-point .ast-mobile-header-stack.header-main-layout-1 .site-branding { + padding-bottom: 0; + } + .ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items { + padding: 0.8em 1em 0 1em; + text-align: center; + width: 100%; + } + .ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .ast-mobile-menu-buttons, + .ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .ast-masthead-custom-menu-items { + padding-top: 0.8em; + } +} + +/* Customize Preview */ +/** + * Customizer Edit pencil - Set Position + */ +.customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button { + display: none; +} + +.ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button { + display: inline-block; +} + +.customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button { + display: none; +} + +.ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button { + display: inline-block; +} + +.customize-partial-edit-shortcut-astra-settings-display-site-title-responsive button.customize-partial-edit-shortcut-button { + display: none; +} + +.customize-partial-edit-shortcut-astra-settings-display-site-tagline-responsive button.customize-partial-edit-shortcut-button { + display: none; +} + +.customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button { + display: none; +} + +.site-logo-img:hover .customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button { + display: inline-block; +} + +.customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button { + display: none; +} + +.main-navigation:hover .customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button { + display: inline-block; +} + +/* Sticky Header CSS */ +.ast-primary-sticky-header-active .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button { + right: 100px; +} + +.ast-primary-sticky-header-active.ast-full-width-header .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button { + right: 5px; +} + +/* Primary Header common CSS */ +.customize-partial-edit-shortcut-astra-settings-disable-primary-nav .customize-partial-edit-shortcut-button { + top: 15px; +} + +.ast-masthead-custom-menu-items.search-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button { + right: -30px; + top: -7px; + display: none; +} + +.ast-masthead-custom-menu-items.search-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button { + display: block; +} + +.ast-masthead-custom-menu-items.button-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-button-text .customize-partial-edit-shortcut-button { + top: -14px; + display: none; +} + +.ast-masthead-custom-menu-items.button-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-button-text .customize-partial-edit-shortcut-button { + display: block; +} + +.ast-masthead-custom-menu-items.text-html-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-html .customize-partial-edit-shortcut-button { + right: -30px; + top: 15px; + display: none; +} + +.ast-masthead-custom-menu-items.text-html-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-html .customize-partial-edit-shortcut-button { + display: block; +} + +.ast-masthead-custom-menu-items.widget-custom-menu-item { + text-align: right; +} + +.ast-masthead-custom-menu-items.widget-custom-menu-item .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button { + right: -25px; + top: -8px; + display: none; +} + +.ast-masthead-custom-menu-items.widget-custom-menu-item:hover .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button { + display: block; +} + +.ast-masthead-custom-menu-items.woocommerce-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button { + top: -20px; + right: -25px; + display: none; +} + +.ast-masthead-custom-menu-items.woocommerce-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button { + display: block; +} + +/* Below Header common CSS */ +.ast-below-header .below-header-user-select .ast-site-header-cart, +.ast-below-header .below-header-user-select .ast-search-menu-icon, .ast-below-header .below-header-user-select.below-header-widget { + text-align: right; +} + +.ast-below-header .customize-partial-edit-shortcut { + top: 1em; +} + +/* Above Header common CSS */ +.ast-above-header-section .user-select .ast-search-menu-icon { + text-align: right; +} + +.ast-above-header .customize-partial-edit-shortcut { + top: 0.3em; +} + +/* Above Header Section 1 */ +.ast-above-header-section-1 .ast-above-header-navigation .customize-partial-edit-shortcut-astra-settings-above-header-section-1 .customize-partial-edit-shortcut-button { + right: -14px; +} + +.ast-above-header-section-1 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-above-header-section-1-search-box-type .customize-partial-edit-shortcut-button { + right: -25px; + top: -10px; +} + +.ast-above-header-section-1.woocommerce-above-header .customize-partial-edit-shortcut-astra-settings-above-header-section-1 .customize-partial-edit-shortcut-button { + right: -25px; + top: -15px; +} + +.ast-above-header-section-1 .customize-partial-edit-shortcut-astra-settings-above-header-section-1-html .customize-partial-edit-shortcut-button { + right: -25px; +} + +/* Above Header Section 2 */ +.ast-above-header-section-2 .ast-above-header-navigation .customize-partial-edit-shortcut-astra-settings-above-header-section-2 .customize-partial-edit-shortcut-button { + right: -14px; +} + +.ast-above-header-section-2 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-above-header-section-2-search-box-type .customize-partial-edit-shortcut-button { + top: -10px; + right: -25px; +} + +.ast-above-header-section-2.woocommerce-above-header .customize-partial-edit-shortcut-astra-settings-above-header-section-2 .customize-partial-edit-shortcut-button { + right: -25px; +} + +/* Below Header Section 1 */ +.below-header-section-1.ast-below-header-navigation .customize-partial-edit-shortcut-astra-settings-below-header-section-1 .customize-partial-edit-shortcut-button { + right: -14px; +} + +.below-header-section-1 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-below-header-section-1-search-box-type .customize-partial-edit-shortcut-button { + top: -10px; + right: -25px; +} + +.below-header-section-1 .ast-site-header-cart .customize-partial-edit-shortcut-astra-settings-below-header-section-1 .customize-partial-edit-shortcut-button { + right: -25px; +} + +.below-header-section-1 .customize-partial-edit-shortcut-astra-settings-below-header-section-1-html .customize-partial-edit-shortcut-button { + right: -25px; +} + +/* Below Header Section 2 */ +.below-header-section-2.ast-below-header-navigation .customize-partial-edit-shortcut-astra-settings-below-header-section-2 .customize-partial-edit-shortcut-button { + right: -14px; +} + +.below-header-section-2 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-below-header-section-2-search-box-type .customize-partial-edit-shortcut-button { + top: -10px; + right: -25px; +} + +.below-header-section-2 .ast-site-header-cart .customize-partial-edit-shortcut-astra-settings-below-header-section-2 .customize-partial-edit-shortcut-button { + right: -25px; +} + +.below-header-section-2 .customize-partial-edit-shortcut-astra-settings-below-header-section-2-html .customize-partial-edit-shortcut-button { + right: -25px; +} + +.customize-partial-edit-shortcut-astra-settings-above-header-layout .customize-partial-edit-shortcut-button, +.customize-partial-edit-shortcut-astra-settings-below-header-layout .customize-partial-edit-shortcut-button { + right: -60px; +} + +/* 7 - Header Toggle Buttons */ +.ast-header-break-point .ast-mobile-menu-buttons { + text-align: left; + -js-display: flex; + display: flex; + justify-content: flex-end; +} + +.ast-header-break-point .ast-mobile-menu-buttons .ast-button-wrap .ast-mobile-menu-buttons-minimal { + font-size: 1.7em; +} + +/*---------- Primary ----------*/ +.sticky { + display: block; +} + +.hentry { + margin: 0 0 1.5em; +} + +.byline, +.updated:not(.published) { + display: none; +} + +.single .byline, +.group-blog .byline { + display: inline; +} + +.page-links { + clear: both; + margin-top: 1em; +} + +.page-links a { + display: inline-block; +} + +.page-links a .page-link { + border-color: #eaeaea; + background: transparent; +} + +.page-links .page-link { + padding: 0; + margin: 0 .3em .3em 0; + border: 2px solid #eaeaea; + color: #000; + background: transparent; + font-size: 0.8em; + width: 2.5em; + height: 2.5em; + line-height: calc( 2.5em - 4px); + display: inline-block; + text-align: center; + transition: all 0.2s linear; +} + +.page-links .page-link:hover, .page-links .page-link:focus { + color: #000; +} + +@media (max-width: 768px) { + .page-links .page-link { + margin-bottom: 6px; + } +} + +.page-content > :last-child, +.entry-content > :last-child, +.entry-summary > :last-child { + margin-bottom: 0; +} + +.bypostauthor { + display: block; +} + +/* .alignwide & .alignfull CSS compatibility */ +.ast-no-sidebar { + /* Boxed & Content Boxed container alignment support */ +} + +.ast-no-sidebar .entry-content { + /* Alignment while using the column block */ +} + +.ast-no-sidebar .entry-content .alignfull { + margin-right: calc(-50vw + 50%); + margin-left: calc(-50vw + 50%); + max-width: 100vw; + width: 100vw; +} + +.ast-no-sidebar .entry-content .alignfull .alignfull, +.ast-no-sidebar .entry-content .alignfull .alignwide { + width: 100%; + margin-right: auto; + margin-left: auto; +} + +.ast-no-sidebar .entry-content .alignwide { + margin-right: -100px; + margin-left: -100px; + max-width: unset; + width: unset; +} + +.ast-no-sidebar .entry-content .alignwide .alignfull, +.ast-no-sidebar .entry-content .alignwide .alignwide { + width: 100%; + margin-right: auto; + margin-left: auto; +} + +.ast-no-sidebar .entry-content .wp-block-column .alignfull, +.ast-no-sidebar .entry-content .wp-block-column .alignwide { + margin-right: auto; + margin-left: auto; + width: 100%; +} + +.ast-no-sidebar.ast-separate-container .entry-content { + /* Alignment while using the column block */ +} + +.ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-right: -6.67em; + margin-left: -6.67em; + width: auto; +} + +@media (max-width: 1200px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-right: -2.4em; + margin-left: -2.4em; + } +} + +@media (max-width: 768px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-right: -2.14em; + margin-left: -2.14em; + } +} + +@media (max-width: 544px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-right: -1em; + margin-left: -1em; + } +} + +.ast-no-sidebar.ast-separate-container .entry-content .alignwide { + margin-right: -20px; + margin-left: -20px; +} + +.ast-no-sidebar.ast-separate-container .entry-content .wp-block-column .alignfull, +.ast-no-sidebar.ast-separate-container .entry-content .wp-block-column .alignwide { + margin-right: auto; + margin-left: auto; + width: 100%; +} + +.wp-block-gallery, +.blocks-gallery-grid { + margin: 0; +} + +.wp-block-separator { + max-width: 100px; +} + +.wp-block-separator.is-style-wide { + max-width: none; +} + +.entry-content .has-2-columns .wp-block-column:first-child { + padding-left: 10px; +} + +.entry-content .has-2-columns .wp-block-column:last-child { + padding-right: 10px; +} + +@media (max-width: 782px) { + .entry-content .wp-block-columns .wp-block-column { + flex-basis: 100%; + } + .entry-content .has-2-columns .wp-block-column:first-child { + padding-left: 0; + } + .entry-content .has-2-columns .wp-block-column:last-child { + padding-right: 0; + } +} + +body { + overflow-x: hidden; +} + +body .entry-content .wp-block-latest-posts { + margin-right: 0; +} + +body .entry-content .wp-block-latest-posts li { + list-style: none; +} + +.ast-no-sidebar .ast-container .entry-content .wp-block-latest-posts { + margin-right: 0; +} + +.ast-header-break-point .entry-content .alignwide { + margin-right: auto; + margin-left: auto; +} + +.entry-content .blocks-gallery-item img { + margin-bottom: auto; +} + +.wp-block-pullquote { + border-top: 4px solid #555d66; + border-bottom: 4px solid #555d66; + color: #40464d; +} + +/*---------- Secondary ----------*/ +.widget-title { + font-weight: normal; + margin-bottom: 1em; + line-height: 1.5; +} + +.widget { + margin: 0 0 2.8em 0; +} + +.widget:last-child { + margin-bottom: 0; +} + +.widget select { + max-width: 100%; +} + +.widget ul { + margin: 0; + list-style-type: none; +} + +.widget_nav_menu ul ul.sub-menu { + margin-top: 0.25em; +} + +.widget_nav_menu ul ul.sub-menu li { + padding-right: 20px; +} + +.widget_nav_menu ul ul.sub-menu a:after { + right: -20px; +} + +.widget_nav_menu ul ul.sub-menu ul a:after { + right: -40px; +} + +.widget_nav_menu ul ul.sub-menu ul ul a:after { + right: -60px; +} + +.widget_nav_menu li { + transition: all 0.2s linear; +} + +/* Search widget. */ +.widget_search .search-form { + position: relative; + padding: 0; + background: initial; + color: inherit; +} + +.widget_search .search-form > label { + position: relative; +} + +.widget_search .search-form i { + color: #3a3a3a; +} + +.widget_search .search-form button { + position: absolute; + top: 0; + left: 15px; + border: none; + padding: 0; + cursor: pointer; + background: transparent; +} + +.widget_search .search-form input[type="submit"], +.widget_search .search-form input[type="submit"]:hover, +.widget_search .search-form input[type="submit"]:focus { + padding: 13px 20px; + border-radius: 2px; + border: none; + top: 0px; + left: 0px; + position: absolute; + color: transparent; + background: transparent; + max-width: 45px; + z-index: 2; +} + +.widget_search .search-form .search-field { + background: #fafafa; + border-width: 1px; + border-color: #eaeaea; + border-radius: 2px; +} + +.widget_search .search-field, +.widget_search .search-field:focus { + width: 100%; + padding: 16px 15px 16px 45px; +} + +/* Widget - Archive */ +/* Widget - Categories */ +.widget_pages ul.children, +.widget_archive ul.children, +.widget_categories ul.children { + position: relative; + margin-top: 5px; + width: 100%; +} + +.widget_pages ul.children li, +.widget_archive ul.children li, +.widget_categories ul.children li { + padding-right: 20px; +} + +.widget_pages li ul.children a:after, +.widget_archive li ul.children a:after, +.widget_categories li ul.children a:after { + right: -20px; +} + +.widget_pages li ul.children ul a:after, +.widget_archive li ul.children ul a:after, +.widget_categories li ul.children ul a:after { + right: -40px; +} + +/* Tag Cloud */ +.widget_tag_cloud .tagcloud { + margin-top: 10px; + display: inline-block; +} + +.widget_tag_cloud .tagcloud a { + border: 1px solid #e2e2e2; + padding: 0.5em 0.9em; + display: inline-block; + margin-bottom: 4px; + font-size: 14px; + margin-left: 4px; + line-height: 1.5; + transition: all 0.2s linear; +} + +/* Calender */ +.widget_calendar table, +.widget_calendar th, +.widget_calendar td { + padding: 0; + text-align: center; +} + +.widget_calendar table, +.widget_calendar th { + border: none; +} + +.widget_calendar td { + border-left: none; + border-right: none; +} + +.widget_calendar caption { + line-height: 2.7em; +} + +.widget_calendar thead { + line-height: 2.5em; +} + +.widget_calendar thead a { + color: #0274be; + font-size: 1rem; + vertical-align: middle; +} + +.widget_calendar thead td { + vertical-align: middle; + font-weight: bold; +} + +.widget_calendar thead > tr > th { + line-height: 2.5em; + border-bottom: 2px solid #eaeaea; + border-top: 2px solid #eaeaea; +} + +.widget_calendar tbody { + line-height: 2.10em; + text-align: center; +} + +.widget_calendar tbody > tr > td { + width: 14.2857%; +} + +.widget_calendar tbody > tr:first-child > td { + padding-top: 3px; +} + +.widget_calendar #today { + background: #0274be; +} + +/*---------- Footer ----------*/ +/* 2 - Small Footer */ +/** + * Small Footer Layouts + * + */ +.ast-footer-overlay { + background-color: #3a3a3a; + padding-top: 2em; + padding-bottom: 2em; +} + +@media (min-width: 769px) { + .ast-footer-overlay { + padding-top: 2.66666em; + padding-bottom: 2.66666em; + } +} + +.ast-small-footer { + line-height: 1.85714285714286; + position: relative; + /* Footer Widget sections */ +} + +.ast-small-footer .nav-menu a { + padding: 0 0.5em; +} + +.ast-small-footer .widget-title, +.ast-small-footer .no-widget-text { + margin-bottom: 0; +} + +.ast-small-footer .widget { + margin-bottom: 1em; +} + +.ast-small-footer .widget ul { + position: static; + border: 0; + width: auto; +} + +.ast-small-footer .widget ul a { + border: 0; +} + +.ast-small-footer .widget:last-child { + margin-bottom: 0; +} + +/* Auto width footer sections */ +@media (min-width: 769px) { + .ast-small-footer .nav-menu li { + margin: 0; + } + .ast-small-footer .nav-menu li:first-child a { + padding-right: 0; + } + .ast-small-footer .nav-menu li:last-child a { + padding-left: 0; + } +} + +/* Hide edit shortcut button */ +.ast-footer-site-title .customize-partial-edit-shortcut-button { + display: none; +} + +.footer-sml-layout-1 { + text-align: center; +} + +.footer-sml-layout-1 .ast-small-footer-section-2 { + margin-top: 1em; +} + +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.footer-sml-layout-2 .ast-small-footer-section-1, +.footer-sml-layout-2 .ast-small-footer-section-2 { + text-align: center; +} + +@media (min-width: 769px) { + .footer-sml-layout-2 .ast-small-footer-section-1 { + text-align: right; + } + .footer-sml-layout-2 .ast-small-footer-section-1 .menu-item .menu-link { + padding: 0 0 0 1em; + } + .footer-sml-layout-2 .ast-small-footer-section-2 { + text-align: left; + } + .footer-sml-layout-2 .ast-small-footer-section-2 .menu-item .menu-link { + padding: 0 1em 0 0; + } +} + +@media (max-width: 768px) { + .ast-header-break-point .footer-sml-layout-2 .ast-small-footer-section-2 { + margin-top: 1em; + } +} + +@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) { + .ast-small-footer-wrap .ast-row:before { + display: block; + } +} + +.site-footer { + color: #fff; +} + +.site-footer .widget-title { + color: #eaeaea; +} + +.site-footer a { + color: #eaeaea; +} + +.site-footer a:hover, .site-footer a:focus { + color: #fff; +} + +.site-footer ul { + margin: 0; + list-style-type: none; +} + +.site-footer .nav-menu li { + display: inline-block; +} + +/** + * Footer Widget Layouts + */ +.footer-adv-overlay { + background-color: #3a3a3a; + padding-top: 70px; + padding-bottom: 70px; +} + +.footer-adv p:last-child { + margin-bottom: 0; +} + +.footer-adv .widget_calendar table { + margin-bottom: 0; +} + +@media all and (max-width: 768px) { + .footer-adv-widget-1 .widget:last-child { + margin: 0 0 2.8em; + } +} + +.footer-adv .ast-no-widget-row .widget-title { + text-transform: capitalize; +} + +@media all and (max-width: 768px) { + .footer-adv-layout-4 .footer-adv-widget-2 .widget:last-child, + .footer-adv-layout-4 .footer-adv-widget-3 .widget:last-child { + margin: 0 0 2.8em; + } +} + +/*---------- Forms ----------*/ +/** + * Form Fields + * + * @import + * 1 - All fields common scss + * 2 - Field - Range + * 3 - Field - Color +*/ +/* 1 - All fields common scss */ +input[type="text"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="password"], +input[type="search"], +input[type=reset], +input[type=tel], +select, +textarea { + color: #666; + padding: 0.75em; + height: auto; + border-width: 1px; + border-style: solid; + border-color: #eaeaea; + border-radius: 2px; + background: #fafafa; + box-shadow: none; + box-sizing: border-box; + transition: all 0.2s linear; +} + +input[type="text"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +input[type="search"]:focus, +input[type=reset]:focus, +input[type=tel]:focus, +select:focus, +textarea:focus { + background-color: #fff; + border-color: #eaeaea; + box-shadow: none; +} + +input[type=reset], +input[type=reset]:hover, +input[type=reset]:focus, +input[type="submit"], +input[type="submit"]:hover, +input[type="submit"]:focus, +input[type="button"], +input[type="button"]:hover, +input[type="button"]:focus { + box-shadow: none; +} + +textarea { + width: 100%; +} + +input[type="search"]:focus { + outline: thin dotted; +} + +/* 2 - Field - Range */ +/* Range */ +input[type=range] { + -webkit-appearance: none; + width: 100%; + margin: 5.7px 0; + padding: 0; + border: none; +} + +input[type=range]:focus { + outline: none; +} + +input[type=range]::-webkit-slider-runnable-track { + width: 100%; + height: 8.6px; + cursor: pointer; + box-shadow: -2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; + background: rgba(255, 255, 255, 0.2); + border-radius: 13.6px; + border: 0px solid #ffffff; +} + +input[type=range]::-webkit-slider-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; + -webkit-appearance: none; + margin-top: -5.7px; +} + +input[type=range]:focus::-webkit-slider-runnable-track { + background: rgba(255, 255, 255, 0.2); +} + +input[type=range]::-moz-range-track { + width: 100%; + height: 8.6px; + cursor: pointer; + box-shadow: -2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; + background: rgba(255, 255, 255, 0.2); + border-radius: 13.6px; + border: 0px solid #ffffff; +} + +input[type=range]::-moz-range-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; +} + +input[type=range]::-ms-track { + width: 100%; + height: 8.6px; + cursor: pointer; + background: transparent; + border-color: transparent; + color: transparent; +} + +input[type=range]::-ms-fill-lower { + background: rgba(199, 199, 199, 0.2); + border: 0px solid #ffffff; + border-radius: 27.2px; + box-shadow: -2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; +} + +input[type=range]::-ms-fill-upper { + background: rgba(255, 255, 255, 0.2); + border: 0px solid #ffffff; + border-radius: 27.2px; + box-shadow: -2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; +} + +input[type=range]::-ms-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; + height: 8.6px; +} + +input[type=range]:focus::-ms-fill-lower { + background: rgba(255, 255, 255, 0.2); +} + +input[type=range]:focus::-ms-fill-upper { + background: rgba(255, 255, 255, 0.2); +} + +/* 3 - Field - Color */ +/* Color */ +input[type="color"] { + border: none; + width: 100px; + padding: 0; + height: 30px; + cursor: pointer; +} + +input[type="color"]::-webkit-color-swatch-wrapper { + padding: 0; + border: none; +} + +input[type="color"]::-webkit-color-swatch { + border: none; +} + +/*---------- Blog ----------*/ +/*-------------------------------------------------------------- +## Blog Layouts +--------------------------------------------------------------*/ +/** + * Blog Common + */ +.page .entry-header { + margin-bottom: 1.5em; +} + +.search .entry-header { + margin-bottom: 1em; +} + +.ast-single-post .entry-header.ast-header-without-markup, .ast-single-post .entry-header.ast-no-title.ast-no-thumbnail { + margin-bottom: 0; +} + +.entry-header { + margin-bottom: 1em; + word-wrap: break-word; +} + +.entry-header + .ast-blog-featured-section { + margin-top: 0.5em; +} + +.entry-content { + word-wrap: break-word; +} + +.entry-content p { + margin-bottom: 1.6em; +} + +.read-more { + margin-bottom: 0; +} + +.read-more .ast-right-arrow { + font-size: 1em; +} + +.ast-no-thumb .ast-blog-featured-section { + margin-bottom: 0; +} + +.ast-no-thumb .entry-header + .ast-blog-featured-section { + margin-top: 0; +} + +.ast-blog-featured-section { + margin-bottom: 1.5em; +} + +.error404 .page-header { + margin-bottom: 1.5em; +} + +.error404 .page-header .page-title { + margin-bottom: 0; +} + +.blog .entry-title, +.archive .entry-title, +.search .entry-title { + line-height: 1.3; +} + +.blog .format-status .entry-title, +.archive .format-status .entry-title, +.blog .format-aside .entry-title, +.archive .format-aside .entry-title { + display: none; +} + +.page-title { + margin-bottom: 1em; + font-weight: normal; +} + +.entry-title { + margin-bottom: 0.2em; +} + +.ast-article-post { + margin-bottom: 2.5em; +} + +.ast-article-post:last-child { + margin-bottom: 0; + border-bottom: 0; +} + +.search .site-content .content-area .search-form { + margin-bottom: 3em; +} + +.blog-layout-1 { + /* 2 - Blog Thumbnail Styles */ +} + +.blog-layout-1 .post-thumb { + padding-right: 0; + padding-left: 0; + position: relative; +} + +.blog .posted-on { + z-index: 1; +} + +.ast-blog-featured-section .posted-on { + width: 5.714285714em; + height: 5.714285714em; + padding: 0.7em; +} + +.ast-blog-featured-section .posted-on .date-month, +.ast-blog-featured-section .posted-on .date-year { + font-size: 0.8571428571em; + line-height: 1em; +} + +.ast-blog-featured-section .posted-on .date-day { + font-size: 2.5em; + line-height: .9em; + font-weight: 900; + margin: .1em 0; +} + +/* ============================================================ + Archive Blogs +============================================================ */ +.ast-author-box img.avatar { + border-radius: 50%; + margin: 0 20px 0 0; +} + +.ast-archive-description { + margin-bottom: 2.5em; + padding-bottom: 1.3333em; + border-bottom: 1px solid #eeeeee; +} + +.ast-archive-description .ast-archive-title { + margin-bottom: 4px; + font-size: 40px; + font-size: 2.85714rem; + font-weight: 300; +} + +.ast-archive-description p { + margin-bottom: 0; + font-size: 20px; + font-size: 1.42857rem; + line-height: 1.65; + font-weight: 300; +} + +.ast-separate-container .ast-author-box, +.ast-separate-container .ast-archive-description { + background-color: #eee; + padding-bottom: 0; + border-bottom: 0; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-archive-description { + margin: 0; + padding: 3.34em 2.4em; + } +} + +@media (max-width: 992px) { + .ast-separate-container .ast-archive-description { + padding: 2.14em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-author-box, + .ast-separate-container .ast-archive-description { + margin: 0; + padding: 5em 6.67em 3.33333em; + } +} + +/*-------------------------------------------------------------- +## Single Blog Post Layouts +--------------------------------------------------------------*/ +/*---------- Single Post Common Stylesheet ----------*/ +/** + * Common Stylesheet of Single Post + * + * Content + * 1 - Single Post Navigation Styles + * 2 - Single Post Article Header +*/ +.single { + /* 1 - Single Post Navigation Styles */ +} + +.single .entry-header { + margin-bottom: 2em; +} + +.single .post-navigation { + margin: 0; + padding: 2em 0 0; + border-top: 1px solid #eeeeee; +} + +@media (max-width: 768px) { + .single .post-navigation { + padding-top: 1.5em; + } +} + +.single .post-navigation a { + margin: 2px; + display: inline-block; + text-align: center; + color: #000; +} + +@media (min-width: 421px) { + .single .post-navigation .nav-links { + -js-display: flex; + display: flex; + } + .single .post-navigation .nav-previous, + .single .post-navigation .nav-next { + flex: auto; + } +} + +@media (max-width: 420px) { + .single .post-navigation .ast-left-arrow, + .single .post-navigation .ast-right-arrow { + display: none; + } + .single .post-navigation .nav-previous, + .single .post-navigation .nav-next { + width: 100%; + } + .single .post-navigation .nav-previous a, + .single .post-navigation .nav-next a { + width: 100%; + } + .single .post-navigation .nav-previous { + margin-bottom: 1em; + } +} + +/* 2 - Single Post Article Header */ +.single .entry-header .ast-single-post-order + .post-thumb img { + margin-top: 2em; + margin-bottom: 0; +} + +.single .entry-header.ast-no-title .post-thumb + .ast-single-post-order { + margin-top: 0; +} + +.single .entry-header .post-thumb + .ast-single-post-order { + margin-top: 2em; +} + +.single .entry-header .post-thumb img { + margin-top: 0; + margin-bottom: 0; +} + +.page .has-post-thumbnail .post-thumb img { + margin-bottom: 1.5em; +} + +.post-password-form { + text-align: center; +} + +@media (max-width: 420px) { + .post-password-form input[type="password"] { + display: block; + margin: 10px auto; + } +} + +.post-password-form input[type="submit"] { + padding: 10px 20px; + border-radius: 2px; +} + +.ast-separate-container .post-navigation { + border-top: 0; + padding-right: 3.33333em; + padding-left: 3.33333em; +} + +@media (max-width: 420px) { + .ast-separate-container .post-navigation { + padding-right: 0; + padding-left: 0; + } +} + +@media (max-width: 768px) { + .ast-separate-container .entry-header { + margin-bottom: 1em; + } +} + +/*---------- 404 ----------*/ +.ast-404-layout-1 { + text-align: center; + margin: 4em auto; +} + +.ast-404-layout-1 .page-sub-title { + font-size: 1.5rem; + font-weight: bold; +} + +.ast-404-layout-1 .widget_search { + padding-top: 0.5em; +} + +.ast-404-search { + margin-top: 1.5em; +} + +.ast-404-search .widget_search { + max-width: 370px; + margin: 0 auto; +} + +.ast-separate-container .error-404, +.ast-separate-container .no-results { + background-color: #fff; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + margin: 0; + padding: 3.34em 2.4em; + } +} + +@media (max-width: 768px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + padding: 1.5em 2.14em; + } +} + +@media (max-width: 544px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + padding: 1.5em 1em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + margin: 0; + padding: 5.34em 6.67em; + } +} + +/*---------- Blog Styles ----------*/ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.blog-layout-1 { + width: 100%; + display: inline-block; + padding-bottom: 2em; + vertical-align: middle; + border-bottom: 1px solid #eeeeee; +} + +.blog-layout-1 .posted-on { + right: 0; +} + +.blog-layout-1 .post-thumb, +.blog-layout-1 .post-content { + padding-right: 0; + padding-left: 0; +} + +/** + * Flexbox Framework + * + * .ast - prefix + * + * Flex classes generated as {prefix} + {css property - css value} . + * + * E.g. Here '.ast' is a prefix. + * + * .ast-flex + * .ast-flex-1 + * .ast-flex-2 + * .ast-flex-3 + * .ast-flex-4 + * .ast-flex-5 + * .ast-inline-flex + * .ast-flex-direction-row + * .ast-flex-direction-row-reverse + * .ast-flex-direction-column + * .ast-flex-direction-column-reverse + * .ast-flex-wrap-nowrap + * .ast-flex-wrap-wrap + * .ast-flex-wrap-wrap-reverse + * .ast-justify-content-flex-start + * .ast-justify-content-flex-end + * .ast-justify-content-center + * .ast-justify-content-space-between + * .ast-justify-content-space-around + * .ast-align-items-flex-start + * .ast-align-items-flex-end + * .ast-align-items-center + * .ast-align-items-baseline + * .ast-align-items-stretch + * .ast-align-content-flex-start + * .ast-align-content-flex-end + * .ast-align-content-center + * .ast-align-content-space-between + * .ast-align-content-space-around + * .ast-align-content-stretch + * .ast-order-1 + * .ast-order-2 + * .ast-order-3 + * .ast-order-4 + * .ast-order-5 + * .ast-flex-grow-1 + * .ast-flex-grow-2 + * .ast-flex-grow-3 + * .ast-flex-grow-4 + * .ast-flex-grow-5 + * .ast-flex-shrink-grow-1 + * .ast-flex-shrink-grow-2 + * .ast-flex-shrink-grow-3 + * .ast-flex-shrink-grow-4 + * .ast-flex-shrink-grow-5 + * .ast-flex-basis-grow-1 + * .ast-flex-basis-grow-2 + * .ast-flex-basis-grow-3 + * .ast-flex-basis-grow-4 + * .ast-flex-basis-grow-5 + * .ast-align-self-auto + * .ast-align-self-flex-start + * .ast-align-self-flex-end + * .ast-align-self-center + * .ast-align-self-baseline + * .ast-align-self-stretch + */ +.ast { + /* + # LAYOUT + ———————————————- + display: flex | inline-flex; + ———————————————- + */ + /* + ————————————————————————– + # CONTAINER (for PARENT) + ————————————————————————– + + + /* + ————————————————————————– + # JUSTIFY CONTENT + ————————————————————————– + justify-content: flex-start | flex-end | center | space-between | space-around; + ————————————————————————– + */ + /* + ————————————————————————– + # ALIGN – CONTENT + ————————————————————————– + align-content: flex-start | flex-end | center | space-between | space-around | stretch; + ————————————————————————– + */ + /* + ————————————————————————– + # GROW + ————————————————————————– + flex-grow: ; default 0 + ————————————————————————– + */ +} + +.ast-flex { + -js-display: flex; + display: flex; + flex-wrap: wrap; +} + +.ast-flex-1 { + flex: 1; +} + +.ast-inline-flex { + -js-display: inline-flex; + display: inline-flex; + align-items: center; + flex-wrap: wrap; + align-content: center; +} + +.ast-justify-content-flex-start { + justify-content: flex-start; +} + +.ast-justify-content-flex-end { + justify-content: flex-end; +} + +.ast-justify-content-center { + justify-content: center; +} + +.ast-justify-content-space-between { + justify-content: space-between; +} + +.ast-justify-content-space-around { + justify-content: space-around; +} + +.ast-align-content-flex-start { + align-content: flex-start; +} + +.ast-align-content-flex-end { + align-content: flex-end; +} + +.ast-align-content-center { + align-content: center; +} + +.ast-align-content-space-between { + align-content: space-between; +} + +.ast-align-content-space-around { + align-content: space-around; +} + +.ast-align-content-stretch { + align-content: stretch; +} + +.ast-flex-grow-1 { + flex-grow: 1; +} diff --git a/assets/css/unminified/style-flex.css b/assets/css/unminified/style-flex.css new file mode 100644 index 0000000..650577c --- /dev/null +++ b/assets/css/unminified/style-flex.css @@ -0,0 +1,4054 @@ +@charset "UTF-8"; +/*-------------------------------------------------------------- +>>> TABLE OF CONTENTS: +---------------------------------------------------------------- +# Normalize +# Typography +# Elements +# Forms +# Navigation + ## Links + ## Menus +# Accessibility +# Alignments +# Clearings +# Widgets +# Content + ## Posts and pages + ## Asides + ## Comments +# Infinite scroll +# Media + ## Captions + ## Galleries +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Normalize +--------------------------------------------------------------*/ +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +font, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td { + border: 0; + font-size: 100%; + font-style: inherit; + font-weight: inherit; + margin: 0; + outline: 0; + padding: 0; + vertical-align: baseline; +} + +html { + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +main, +menu, +nav, +section, +summary { + display: block; +} + +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden], +template { + display: none; +} + +a { + background-color: transparent; +} + +a:active { + outline: 0; +} + +a, +a:visited, +a:hover, +a:focus { + text-decoration: none; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, +strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +mark { + background: #ff0; + color: #000; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 0; +} + +hr { + box-sizing: content-box; + height: 0; +} + +pre { + overflow: auto; +} + +code, +kbd, +pre, +samp { + font-size: 1em; +} + +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} + +button { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} + +button[disabled], +html input[disabled] { + cursor: default; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input { + line-height: normal; +} + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +input[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box; +} + +.search .search-submit, +#comments .submit { + padding: 10px 15px; + border-radius: 2px; + line-height: 1.85714285714286; + border: 0; +} + +.search .site-main .ast-search-submit { + display: none; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +fieldset { + border: 1px solid #eaeaea; + margin: 0 0px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + border: 0; + padding: 0; +} + +fieldset legend { + margin-bottom: 1.5em; + padding: 0 0.5em; +} + +textarea { + overflow: auto; +} + +optgroup { + font-weight: bold; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} + +/*-------------------------------------------------------------- +# Bootstrap Grid +--------------------------------------------------------------*/ +/*! + * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.ast-container { + max-width: 100%; +} + +.ast-container-fluid, .ast-container { + margin-left: auto; + margin-right: auto; + padding-left: 20px; + padding-right: 20px; +} + +.ast-row { + margin-left: -20px; + margin-right: -20px; +} + +.ast-grid-common-col { + position: relative; + min-height: 1px; + padding-left: 20px; + padding-right: 20px; +} + +.ast-float { + float: left; +} + +@media (max-width: 992px) { + .ast-width-sm-25 { + width: 25%; + } + .ast-width-md-50 { + width: 50%; + } +} + +@media (max-width: 768px) { + .ast-width-md-25 { + width: 25%; + } +} + +.ast-full-width { + width: 100%; +} + +.ast-width-50 { + width: 50%; +} + +@media (min-width: 768px) { + .ast-width-md-4 { + width: 33.3333333333%; + } + .ast-width-md-16 { + width: 16.6666666667%; + } + .ast-width-md-6 { + width: 50%; + float: left; + } + .ast-width-md-3 { + width: 25%; + } + .ast-width-md-66 { + width: 66.6666666667%; + } +} + +@media (min-width: 769px) { + .ast-width-md-20 { + width: 20%; + } +} + +@media (min-width: 992px) { + .ast-width-lg-33 { + width: 33.3333333333%; + } + .ast-width-lg-16 { + width: 16.6666666667%; + } + .ast-width-lg-50 { + width: 50%; + } + .ast-width-lg-66 { + width: 66.6666666667%; + } +} + +/*-------------------------------------------------------------- +# Site Variables +--------------------------------------------------------------*/ +/*---------- Font Size ----------*/ +/*---------- Line Height ----------*/ +/*---------- Site Basic Structure ----------*/ +/*---------- z-index Structure ----------*/ +/*-------------------------------------------------------------- +# Mixins +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Typography +--------------------------------------------------------------*/ +h1, h2, h3, h4, h5, h6 { + clear: both; +} + +h1, +.entry-content h1 { + color: #808285; + font-size: 2em; + line-height: 1.2; +} + +h2, +.entry-content h2 { + color: #808285; + font-size: 1.7em; + line-height: 1.3; +} + +h3, +.entry-content h3 { + color: #808285; + font-size: 1.5em; + line-height: 1.4; +} + +h4, +.entry-content h4 { + color: #808285; + line-height: 1.5; + font-size: 1.3em; +} + +h5, +.entry-content h5 { + color: #808285; + line-height: 1.6; + font-size: 1.2em; +} + +h6, +.entry-content h6 { + color: #808285; + line-height: 1.7; + font-size: 1.1em; +} + +/*-------------------------------------------------------------- +# Elements +--------------------------------------------------------------*/ +html { + box-sizing: border-box; +} + +*, +*:before, +*:after { + /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ + box-sizing: inherit; +} + +body { + color: #808285; + background: #ffffff; + /* Fallback for when there is no custom background color defined. */ + font-style: normal; +} + +ul, ol { + margin: 0 0 1.5em 3em; +} + +ul { + list-style: disc; +} + +ol { + list-style: decimal; +} + +li > ul, +li > ol { + margin-bottom: 0; + margin-left: 1.5em; +} + +dt { + font-weight: bold; +} + +dd { + margin: 0 1.5em 1.5em; +} + +b, strong { + font-weight: bold; +} + +dfn, +cite, +em, +i { + font-style: italic; +} + +blockquote, +q { + quotes: "" ""; +} + +blockquote:before, blockquote:after, +q:before, +q:after { + content: ""; +} + +blockquote { + border-left: 5px solid rgba(0, 0, 0, 0.05); + padding: 20px; + font-size: 1.2em; + font-style: italic; + margin: 0 0 1.5em; + position: relative; +} + +blockquote p:last-child { + margin: 0; +} + +address { + margin: 0 0 1.5em; +} + +abbr, +acronym { + border-bottom: 1px dotted #666; + cursor: help; +} + +pre { + background: #eee; + font-family: "Courier 10 Pitch", Courier, monospace; + margin-bottom: 1.6em; + overflow: auto; + max-width: 100%; + padding: 1.6em; +} + +code, +kbd, +tt, +var { + font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; +} + +img { + height: auto; + /* Make sure images are scaled correctly. */ + max-width: 100%; + /* Adhere to container width. */ +} + +hr { + background-color: #ccc; + border: 0; + height: 1px; + margin-bottom: 1.5em; +} + +.ast-button, +.button, +button, +input, +select, +textarea { + color: #808285; + font-weight: normal; + font-size: 100%; + /* Corrects font size not being inherited in all browsers */ + margin: 0; + /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ + vertical-align: baseline; + /* Improves appearance and consistency in all browsers */ +} + +button, +input { + line-height: normal; + /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ +} + +big { + font-size: 125%; +} + +mark, +ins { + background: transparent; + text-decoration: none; +} + +table, th, td { + border: 1px solid rgba(0, 0, 0, 0.1); +} + +table { + border-collapse: separate; + border-spacing: 0; + border-width: 1px 0 0 1px; + margin: 0 0 1.5em; + width: 100%; +} + +th { + font-weight: bold; +} + +th, td { + padding: 8px; + text-align: left; + border-width: 0 1px 1px 0; +} + +/*-------------------------------------------------------------- +# Forms +--------------------------------------------------------------*/ +button, +.ast-button, +.button, +input[type="button"], +input[type="reset"], +input[type="submit"] { + border: 1px solid; + border-color: #eaeaea; + border-radius: 2px; + background: #e6e6e6; + padding: .6em 1em .4em; + color: #fff; +} + +button:hover, button:focus, +.ast-button:hover, +.ast-button:focus, +.button:hover, +.button:focus, +input[type="button"]:hover, +input[type="button"]:focus, +input[type="reset"]:hover, +input[type="reset"]:focus, +input[type="submit"]:hover, +input[type="submit"]:focus { + color: #fff; + border-color: #eaeaea; +} + +button:active, button:focus, +.ast-button:active, +.ast-button:focus, +.button:active, +.button:focus, +input[type="button"]:active, +input[type="button"]:focus, +input[type="reset"]:active, +input[type="reset"]:focus, +input[type="submit"]:active, +input[type="submit"]:focus { + border-color: #eaeaea; + outline: none; +} + +input[type="text"], +input[type="email"], +input[type="url"], +input[type="password"], +input[type="search"], +input[type="tel"], +textarea { + color: #666; + border: 1px solid #ccc; + border-radius: 2px; + -webkit-appearance: none; +} + +input[type="text"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +textarea:focus { + color: #111; +} + +textarea { + padding-left: 3px; + width: 100%; +} + +/*-------------------------------------------------------------- +# Navigation +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +## Links +--------------------------------------------------------------*/ +a { + color: royalblue; +} + +a:hover, a:focus { + color: midnightblue; +} + +a:focus { + outline: thin dotted; +} + +a:hover { + outline: 0; +} + +/*-------------------------------------------------------------- +# Accessibility +--------------------------------------------------------------*/ +/* Text meant only for screen readers. */ +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.screen-reader-text:focus { + background-color: #f1f1f1; + border-radius: 2px; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + clip: auto !important; + color: #21759b; + display: block; + font-size: 12.25px; + font-size: 0.875rem; + height: auto; + left: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; + /* Above WP toolbar. */ +} + +.alignleft { + display: inline; + float: left; + margin-right: 1.5em; +} + +.alignright { + display: inline; + float: right; + margin-left: 1.5em; +} + +.aligncenter { + clear: both; + text-align: center; + display: block; + margin-left: auto; + margin-right: auto; +} + +.clear:before, +.clear:after, +.site-header:before, +.site-header:after, +.site-content:before, +.site-content:after, +#primary:before, +#primary:after, +.site-main:before, +.site-main:after, +#secondary:before, +#secondary:after, +.sidebar-main:before, +.sidebar-main:after, +.site-footer:before, +.site-footer:after, +.ast-row:before, +.ast-row:after, +.ast-container:before, +.ast-container:after { + content: ""; + display: table; +} + +.clear:after, +.site-header:after, +.site-content:after, +#primary:after, +.site-main:after, +#secondary:after, +.sidebar-main:after, +.site-footer:after, +.ast-row:after, +.ast-container:after { + clear: both; +} + +/*-------------------------------------------------------------- +# Media +--------------------------------------------------------------*/ +/* Make sure embeds and iframes fit their containers. */ +embed, +iframe, +object { + max-width: 100%; +} + +/*-------------------------------------------------------------- +## Captions +--------------------------------------------------------------*/ +.wp-caption { + margin-bottom: 1.5em; + max-width: 100%; +} + +.wp-caption img[class*="wp-image-"] { + display: block; + margin-left: auto; + margin-right: auto; +} + +.wp-caption .wp-caption-text { + margin: 0.8075em 0; +} + +.wp-caption-text { + text-align: center; +} + +/*-------------------------------------------------------------- +# Content +--------------------------------------------------------------*/ +/*---------- Mixins ----------*/ +/*---------- Site Variables ----------*/ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/*---------- Site Normalize ----------*/ +::selection { + color: #fff; + background: #0274be; +} + +body { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body:not(.logged-in) { + position: relative; +} + +#page { + position: relative; +} + +a, +a:focus { + text-decoration: none; +} + +a, +.site-header a *, +.site-footer a *, +.secondary a * { + transition: all 0.2s linear; +} + +.capitalize { + text-transform: uppercase; +} + +img { + vertical-align: middle; +} + +.entry-content h1, +.entry-content h2, +.entry-content h3, +.entry-content h4, +.entry-content h5, +.entry-content h6 { + margin-bottom: 20px; +} + +p { + margin-bottom: 1.75em; +} + +blockquote { + margin: 1.5em 1em 1.5em 3em; + padding: 1.2em; + font-size: 1.1em; + line-height: inherit; + position: relative; +} + +.ast-button, +.button, +input[type="button"], +input[type="submit"] { + border-radius: 0; + padding: 18px 30px; + border: 0; + box-shadow: none; + text-shadow: none; +} + +.ast-button:hover, +.button:hover, +input[type="button"]:hover, +input[type="submit"]:hover { + box-shadow: none; +} + +.ast-button:active, .ast-button:focus, +.button:active, +.button:focus, +input[type="button"]:active, +input[type="button"]:focus, +input[type="submit"]:active, +input[type="submit"]:focus { + box-shadow: none; +} + +.site-title { + font-weight: normal; +} + +.site-title, +.site-description { + margin-bottom: 0; +} + +.site-title a, +.site-title:hover a, +.site-title:focus a, +.site-description a, +.site-description:hover a, +.site-description:focus a { + transition: all 0.2s linear; +} + +.site-title a, +.site-title a:focus, +.site-title a:hover, +.site-title a:visited { + color: #222; +} + +.site-description a, +.site-description a:focus, +.site-description a:hover, +.site-description a:visited { + color: #999; +} + +.search-form .search-field { + outline: none; +} + +.ast-search-menu-icon { + position: relative; + z-index: 3; +} + +/* must have higher specificity than alternative color schemes inline styles */ +.site .skip-link { + background-color: #f1f1f1; + box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); + color: #21759b; + display: block; + font-family: Montserrat, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 700; + left: -9999em; + outline: none; + padding: 15px 23px 14px; + text-decoration: none; + text-transform: none; + top: -9999em; +} + +.site .skip-link:focus { + clip: auto; + height: auto; + left: 6px; + top: 7px; + width: auto; + z-index: 100000; + outline: thin dotted; +} + +.logged-in .site .skip-link { + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); + font-family: "Open Sans", sans-serif; +} + +select, +input { + line-height: 1; +} + +body, +button, +input[type="button"], +input[type="submit"], +textarea, +.ast-button, +.ast-custom-button { + line-height: 1.85714285714286; +} + +.site-title a { + line-height: 1.2; +} + +.site-header .site-description { + line-height: 1.5; +} + +.ast-single-post .entry-title, +.ast-single-post .entry-title a { + line-height: 1.2; +} + +.entry-title, +.entry-title a { + font-weight: normal; +} + +/*---------- Media ----------*/ +/* Astra Respnosive oEmbed Video container */ +.ast-oembed-container { + position: relative; + padding-top: 56.25%; + height: 0; + overflow: hidden; + max-width: 100%; + height: auto; +} + +.ast-oembed-container iframe, .ast-oembed-container object, .ast-oembed-container embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +body .ast-oembed-container * { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +/*---------- Basic Layout ----------*/ +.ast-hidden { + display: none !important; +} + +body { + background-color: #ffffff; +} + +#page { + display: block; +} + +#primary, +#secondary { + display: block; + position: relative; + float: left; + width: 100%; +} + +#primary { + margin: 4em 0; +} + +.ast-separate-container { + background-color: #f5f5f5; +} + +.ast-separate-container #primary { + padding: 4em 0; + margin: 0; + border: 0; +} + +.ast-separate-container .site-main > .ast-row { + margin-left: 0; + margin-right: 0; +} + +.ast-separate-container .ast-article-post, +.ast-separate-container .ast-article-single:not(.ast-related-post) { + background-color: #fff; +} + +.ast-separate-container .ast-article-post, +.ast-separate-container .ast-article-single { + border-bottom: 1px solid #eeeeee; + margin: 0; + padding: 5.34em 6.67em; +} + +.ast-separate-container .blog-layout-1 { + padding: 0; + border-bottom: 0; +} + +.ast-separate-container .ast-article-single { + border-bottom: 0; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-post, + .ast-separate-container .ast-article-single { + margin: 0; + padding: 3.34em 2.4em; + } +} + +.ast-page-builder-template .hentry { + margin: 0; +} + +.ast-page-builder-template .site-content > .ast-container { + max-width: 100%; + padding: 0; +} + +.ast-page-builder-template .site-content #primary { + padding: 0; + margin: 0; +} + +.ast-page-builder-template .no-results { + text-align: center; + margin: 4em auto; +} + +.ast-page-builder-template .entry-header { + margin-top: 4em; + margin-left: auto; + margin-right: auto; + padding-left: 20px; + padding-right: 20px; +} + +.ast-page-builder-template .entry-header.ast-no-title.ast-no-thumbnail { + margin-top: 0; +} + +.ast-page-builder-template .entry-header.ast-header-without-markup { + margin-top: 0; + margin-bottom: 0; +} + +.ast-page-builder-template .entry-header.ast-no-title.ast-no-meta { + margin-bottom: 0; +} + +.ast-page-builder-template.single .post-navigation { + padding-bottom: 2em; +} + +.ast-page-builder-template .ast-archive-description { + margin-top: 4em; + margin-left: auto; + margin-right: auto; + padding-left: 20px; + padding-right: 20px; +} + +@media (min-width: 993px) { + .ast-separate-container.ast-right-sidebar #primary, + .ast-separate-container.ast-left-sidebar #primary, + .ast-separate-container #primary { + margin: 4em 0; + padding: 0; + } + .ast-right-sidebar #primary { + padding-right: 60px; + } + .ast-left-sidebar #primary { + padding-left: 60px; + } +} + +@media (max-width: 992px) { + .ast-separate-container.ast-right-sidebar #primary, + .ast-separate-container.ast-left-sidebar #primary, + .ast-separate-container #primary { + padding-left: 0; + padding-right: 0; + } + .ast-right-sidebar #primary { + padding-right: 30px; + } + .ast-left-sidebar #primary { + padding-left: 30px; + } +} + +/*---------- Navigation ----------*/ +/** + * Navigations + * + * @import + * 1 - Primary Menus + * 2 - Secondary Menus + * 3 - Header Top Menus + * + * Contents + * 1 - Toggle Button + * +*/ +/** + * @import + */ +/* 1 - Primary Menus */ +.ast-search-icon .astra-search-icon { + font-size: 1.3em; +} + +.main-navigation { + height: 100%; + -js-display: inline-flex; + display: inline-flex; +} + +.main-navigation ul { + list-style: none; + margin: 0; + padding-left: 0; + position: relative; +} + +.main-header-menu .menu-link, +.main-header-menu > a { + text-decoration: none; + padding: 0 1em; + display: inline-block; + transition: all 0.2s linear; +} + +.main-header-menu .menu-item { + position: relative; +} + +.main-header-menu .menu-item:hover > .sub-menu, +.main-header-menu .menu-item.focus > .sub-menu { + right: auto; + left: 0; +} + +.main-header-menu .ast-left-align-sub-menu:hover > .sub-menu, +.main-header-menu .ast-left-align-sub-menu.focus > .sub-menu { + right: 0; + left: auto; +} + +@media (min-width: 769px) { + .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, + .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + left: -100%; + } + .main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover > .sub-menu, + .main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus > .sub-menu { + left: -100%; + } +} + +.main-header-menu .sub-menu { + width: 240px; + background: #ffffff; + left: -999em; + position: absolute; + top: 100%; + z-index: 99999; +} + +@media (min-width: 769px) { + .main-header-menu .sub-menu .menu-item:hover > .sub-menu, + .main-header-menu .sub-menu .menu-item.focus > .sub-menu { + left: 100%; + right: auto; + } + .main-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu { + left: -100%; + } + .main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, + .main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + left: -100%; + } +} + +.main-header-menu .sub-menu .menu-link { + padding: 0.9em 1em; + display: block; + word-wrap: break-word; +} + +.main-header-menu .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type { + display: none; +} + +#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .icon-arrow svg { + position: absolute; + right: .60em; + top: 50%; + transform: translate(0, -50%) rotate(270deg); +} + +.main-header-menu .sub-menu .sub-menu { + top: 0px; +} + +.submenu-with-border .sub-menu { + border-width: 1px; + border-style: solid; +} + +.submenu-with-border .sub-menu .menu-link { + border-width: 0 0 1px; + border-style: solid; +} + +.submenu-with-border .sub-menu .sub-menu { + top: -1px; +} + +/* Remove the last anchor border for desktop devices */ +.ast-desktop .submenu-with-border .sub-menu > .menu-item:last-child > .menu-link { + border-bottom-width: 0; +} + +.ast-header-break-point .main-navigation { + padding-left: 0; +} + +.ast-header-break-point .main-navigation ul .menu-item .menu-link { + padding: 0 20px; + display: inline-block; + width: 100%; + border: 0; + border-bottom-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type { + margin-right: 5px; +} + +.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type { + display: inline; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link { + padding-left: 30px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link { + padding-left: 40px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link { + padding-left: 50px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link { + padding-left: 60px; +} + +.ast-header-break-point .main-header-menu { + background-color: #f9f9f9; + border-top-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point .main-header-menu .sub-menu { + background-color: #f9f9f9; + position: static; + opacity: 1; + visibility: visible; + border: 0; + width: auto; +} + +.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu, +.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu { + left: 0; +} + +.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, +.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + left: 0; +} + +.ast-header-break-point .submenu-with-border .sub-menu { + border: 0; +} + +.ast-header-break-point .dropdown-menu-toggle { + display: none; +} + +/** + * Contents + */ +.ast-mobile-menu-buttons { + display: none; +} + +/* Toggle Button */ +.ast-button-wrap { + display: inline-block; +} + +.ast-button-wrap button { + box-shadow: none; + border: none; +} + +.ast-button-wrap .menu-toggle { + padding: 0; + width: 2.2em; + height: 2.1em; + font-size: 1.5em; + font-weight: normal; + border-radius: 2px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + border-radius: 2px; + vertical-align: middle; + line-height: 1.85714285714286; +} + +.ast-button-wrap .menu-toggle.main-header-menu-toggle { + padding: 0 .5em; + width: auto; + text-align: center; +} + +.ast-button-wrap .menu-toggle.main-header-menu-toggle .mobile-menu { + font-size: 15px; + font-size: 1rem; + font-weight: 600; +} + +.ast-button-wrap .menu-toggle .menu-toggle-icon { + font-style: normal; + display: inline-block; + vertical-align: middle; + line-height: 2.05; +} + +.ast-button-wrap .menu-toggle .menu-toggle-icon:before { + content: "\e5d2"; + font-family: 'Astra'; + text-decoration: inherit; +} + +.ast-button-wrap .menu-toggle .icon-menu-bars svg:nth-child(2) { + display: none; +} + +.ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before { + content: "\e5cd"; +} + +.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(1) { + display: none; +} + +.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(2) { + display: block; +} + +.ast-button-wrap .menu-toggle .mobile-menu-wrap { + display: inline-block; +} + +.ast-button-wrap .menu-toggle:focus { + outline: thin dotted; +} + +.header-main-layout-1 .ast-main-header-bar-alignment { + margin-left: auto; +} + +#site-navigation { + height: 100%; +} + +.site-header .menu-link * { + transition: none; +} + +.ast-icon.icon-arrow svg { + height: .6em; + width: .6em; + position: relative; + margin-left: 10px; +} + +.ast-icon.icon-search svg { + height: 1em; + width: 0.9em; + margin-top: 3px; + margin-right: 2px; +} + +/* Responsive Screen */ +.ast-header-break-point .user-select { + clear: both; +} + +.ast-header-break-point .ast-mobile-menu-buttons { + display: block; + align-self: center; +} + +.ast-header-break-point .main-header-bar-navigation { + flex: auto; +} + +.ast-header-break-point .ast-main-header-bar-alignment { + display: block; + width: 100%; + flex: auto; + order: 4; +} + +.ast-header-break-point .ast-icon.icon-arrow svg { + height: .85em; + width: .95em; + position: relative; + margin-left: 10px; +} + +/** + * Post/Page Navigation + */ +.site-main .comment-navigation, .site-main +.posts-navigation, .site-main +.post-navigation { + margin: 0 0 1.5em; + overflow: hidden; +} + +.comment-navigation .nav-previous, +.comment-navigation .nav-next, +.posts-navigation .nav-previous, +.posts-navigation .nav-next, +.post-navigation .nav-previous, +.post-navigation .nav-next { + width: 50%; + display: inline-block; +} + +.comment-navigation .nav-next, +.posts-navigation .nav-next, +.post-navigation .nav-next { + text-align: right; +} + +.ast-icon svg { + fill: currentColor; +} + +.post-navigation a { + background: transparent; + font-size: 16px; + font-size: 1.06666rem; + padding: 0 1.5em; + height: 2.33333em; + line-height: calc(2.33333em - 3px); +} + +/*---------- Header ----------*/ +/** + * Header + * + * @import + * 1 - Header Layouts + * 3 - Header Layout Common + * 4 - Header Main + * 5 - Header Top Bar + * 7 - Header Toggle Buttons +*/ +/* 1 - Header Layouts */ +/** + * Header Layouts + * + * @import + * 1 - Header Layout 1 + * 2 - Header Layout 2 + * 3 - Header Layout 3 + * 4 - Header Inline Logo & Site Title + * 5 - Next Button Menu Item + * 6 - Responsive Style +*/ +/* 4 - Next Button Menu Item */ +.main-header-bar { + z-index: 1; +} + +/** + * 1 - Header Layout 1 +*/ +.header-main-layout-1.ast-primary-menu-disabled .ast-masthead-custom-menu-items { + text-align: right; +} + +.header-main-layout-1 .main-header-bar-navigation { + text-align: right; +} + +.header-main-layout-1 .main-header-bar-navigation .sub-menu { + text-align: left; +} + +.header-main-layout-1 .main-navigation { + padding-left: 15px; + vertical-align: top; +} + +.header-main-layout-1 .main-header-container { + align-items: stretch; +} + +/** + * 2 - Header Layout 2 +*/ +.header-main-layout-2 .main-header-container { + display: block; +} + +.header-main-layout-2 .site-branding { + text-align: center; + padding-bottom: 1em; +} + +.header-main-layout-2 .site-title { + justify-content: center; +} + +.header-main-layout-2 .main-navigation ul { + justify-content: center; +} + +.header-main-layout-2 .main-header-bar-navigation { + text-align: center; +} + +.header-main-layout-2 .main-header-bar-navigation .sub-menu { + text-align: left; +} + +.header-main-layout-2 .ast-header-custom-item { + justify-content: center; + line-height: 1.85714285714286; +} + +.header-main-layout-2 .ast-masthead-custom-menu-items { + position: relative; +} + +.header-main-layout-2 .widget { + text-align: center; +} + +.ast-header-custom-item-outside .header-main-layout-2 .main-header-container { + -js-display: flex; + display: flex; + justify-content: center; +} + +.ast-header-custom-item-outside .header-main-layout-2 .site-branding { + flex: 0 0 100%; +} + +/** + * 3 - Header Layout 3 +*/ +.header-main-layout-3 .ast-site-identity { + text-align: right; +} + +.header-main-layout-3 .main-header-container { + flex-direction: row-reverse; + align-items: stretch; +} + +.header-main-layout-3 .main-navigation { + padding-right: 15px; +} + +.header-main-layout-3 .main-navigation ul { + justify-content: flex-start; +} + +.header-main-layout-3 .main-header-bar-navigation { + text-align: left; +} + +.header-main-layout-3 .ast-header-custom-item { + justify-content: flex-start; +} + +.header-main-layout-3 .ast-masthead-custom-menu-items { + position: relative; +} + +.header-main-layout-3 li .ast-search-icon { + padding-left: .5em; +} + +.header-main-layout-3 .ast-search-menu-icon { + left: 0; + right: 0; +} + +.header-main-layout-3 li .ast-search-menu-icon { + left: 1em; + right: 0; +} + +.header-main-layout-3 .main-header-bar .ast-search-menu-icon .search-form { + padding: 0 0 0 3em; +} + +.header-main-layout-3 .main-header-bar .ast-search-menu-icon.slide-search .search-form { + left: -1em; + right: auto; +} + +.ast-header-break-point .header-main-layout-1 .site-branding { + padding-right: 1em; +} + +.ast-header-break-point .header-main-layout-1 .main-header-bar-navigation { + text-align: left; +} + +.ast-header-break-point .header-main-layout-1 .main-navigation { + padding-left: 0; +} + +.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items { + flex: 1 1 100%; +} + +.ast-header-break-point .ast-mobile-header-stack .site-branding { + padding-left: 0; + padding-right: 0; + padding-bottom: 1em; + flex: 1 1 100%; +} + +.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items, +.ast-header-break-point .ast-mobile-header-stack .site-branding, +.ast-header-break-point .ast-mobile-header-stack .site-title, +.ast-header-break-point .ast-mobile-header-stack .ast-site-identity { + justify-content: center; + text-align: center; +} + +.ast-header-break-point .ast-mobile-header-stack.ast-logo-title-inline .site-title { + text-align: left; +} + +.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { + flex: 1 1 100%; + text-align: center; + justify-content: center; +} + +.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .main-header-container { + flex-direction: initial; +} + +.ast-header-break-point .header-main-layout-2 .ast-mobile-menu-buttons { + -js-display: flex; + display: flex; + justify-content: center; +} + +.ast-header-break-point .header-main-layout-2 .main-header-bar-navigation, +.ast-header-break-point .header-main-layout-2 .widget { + text-align: left; +} + +.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-3 .main-header-bar .ast-search-icon { + margin-right: auto; + margin-left: 1em; +} + +.ast-header-break-point .header-main-layout-3 .main-header-bar .ast-search-menu-icon.slide-search .search-form { + right: auto; + left: 0; +} + +.ast-header-break-point .header-main-layout-3.ast-mobile-header-inline .ast-mobile-menu-buttons { + justify-content: flex-start; +} + +.ast-header-break-point .header-main-layout-3 li .ast-search-menu-icon { + left: 0; +} + +.ast-header-break-point .header-main-layout-3 .site-branding { + padding-left: 1em; + justify-content: flex-end; +} + +.ast-header-break-point .header-main-layout-3 .main-navigation { + padding-right: 0; +} + +/** + * 4 - Header Inline Logo & Site Title +*/ +.ast-logo-title-inline .ast-site-identity { + -js-display: inline-flex; + display: inline-flex; + vertical-align: middle; + align-items: center; + transition: all 0.2s linear; +} + +.ast-logo-title-inline .site-logo-img { + padding-right: 1em; +} + +.ast-logo-title-inline.header-main-layout-2 .site-logo-img + .ast-site-title-wrap .site-title { + justify-content: flex-start; +} + +/* Mobile Header Alignment */ +@media (max-width: 544px) { + .ast-header-custom-item-outside .ast-mobile-header-stack .site-branding { + padding-right: 0; + } + .ast-header-custom-item-outside .ast-mobile-header-stack .site-title { + justify-content: center; + text-align: center; + } + .ast-header-break-point .ast-mobile-header-stack .site-branding, + .ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { + justify-content: center; + text-align: center; + padding-bottom: 0; + } +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-branding { + text-align: left; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-title { + justify-content: left; +} + +.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-2 .ast-mobile-menu-buttons { + padding-bottom: 1em; +} + +.ast-header-break-point .ast-mobile-header-stack .main-header-container, +.ast-header-break-point .ast-mobile-header-inline .main-header-container { + -js-display: flex; + display: flex; +} + +/* 3 - Header Common */ +/** + * Header Common + * + * Contents + * 1 - Common + * 4 - Main Header Container + * 6 - all and (max-width: $mx-break-point) + * 7 - Auto Margin +*/ +/** + * 1 - Common + */ +.site-header { + z-index: 99; + position: relative; +} + +/** + * 4 - Main Header Container + */ +.main-header-container { + position: relative; +} + +.main-header-bar-wrap { + position: relative; +} + +.main-header-bar { + background-color: #fff; + border-bottom-color: #eaeaea; + border-bottom-style: solid; +} + +/** + * 6 - all and (max-width: $mx-break-point) + */ +.ast-header-break-point .main-header-bar { + border: 0; +} + +.ast-header-break-point .main-header-bar { + border-bottom-color: #eaeaea; + border-bottom-style: solid; +} + +/** + * 7 - Auto Margin + */ +.main-header-bar { + margin-left: auto; + margin-right: auto; +} + +/** + * 10 - Submenu container box shadow + */ +.ast-desktop .main-header-menu:not(#ast-hf-mobile-menu) .sub-menu { + box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); +} + +.ast-header-custom-item-inside .button-custom-menu-item .menu-link { + display: none; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item { + padding-left: 0; + padding-right: 0; + margin-top: 0; + margin-bottom: 0; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .ast-custom-button-link { + display: none; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .menu-link { + display: block; +} + +/* 4 - Header Main */ +/** + * Header Sections + * + * All sections within the header. + * + * Contents + * 1 - Common + * 2 - Social Follow + * 3 - Site Logo + * 4 - Search Form + * + * # Responsive +*/ +/** + * 1 - Common + */ +/* Default Padding For Nav */ +.nav-style { + display: block; + padding: 0 15px; +} + +.site-branding { + line-height: 1; + align-self: center; +} + +.ast-no-menu-items .main-navigation { + display: none; +} + +.ast-menu-toggle { + display: none; + background: transparent; + color: inherit; + border-style: dotted; + border-color: transparent; +} + +.ast-menu-toggle:focus, .ast-menu-toggle:hover { + background: transparent; + border-color: inherit; + color: inherit; +} + +.ast-menu-toggle:focus { + outline: thin dotted; +} + +/** + * 4 - Search Form & Main Header + */ +.ast-main-header-nav-open .main-header-bar { + padding-bottom: 0; +} + +.main-header-bar { + z-index: 4; + position: relative; + line-height: 4; +} + +.main-header-bar .main-header-bar-navigation { + height: 100%; +} + +.main-header-bar .main-header-bar-navigation:empty { + padding: 0; +} + +.main-header-bar .main-header-bar-navigation .sub-menu { + line-height: 1.45; +} + +.main-header-bar .main-header-bar-navigation .menu-item-has-children > .menu-link:after { + line-height: normal; +} + +.main-header-bar .main-header-bar-navigation .ast-search-icon { + display: block; + z-index: 4; + position: relative; +} + +.main-header-bar .ast-search-menu-icon .search-form { + background-color: #ffffff; +} + +.ast-primary-menu-disabled .main-header-bar .main-header-bar-navigation.toggle-on { + padding-top: 0; +} + +.ast-flyout-menu-enable .main-header-bar .ast-masthead-custom-menu-items .ast-custom-button-link { + border: none; +} + +.ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon .search-form { + visibility: visible; + opacity: 1; + position: relative; + right: auto; + top: auto; + transform: none; +} + +.ast-masthead-custom-menu-items .ast-dropdown-active .slide-search.astra-search-icon, +.below-header-user-select .ast-dropdown-active .slide-search.astra-search-icon, +.ast-above-header-section .user-select .ast-dropdown-active .slide-search.astra-search-icon { + color: #757575; +} + +.ast-search-menu-icon.slide-search .search-form { + -webkit-backface-visibility: visible; + backface-visibility: visible; + visibility: hidden; + opacity: 0; + transition: all .2s; + position: absolute; + z-index: 3; + right: -1em; + top: 50%; + transform: translateY(-50%); +} + +.ast-search-menu-icon.ast-dropdown-active.slide-search .search-form { + visibility: visible; + opacity: 1; +} + +.ast-search-menu-icon .search-form { + border: 1px solid #e7e7e7; + line-height: normal; + padding: 0 3em 0 0; + border-radius: 2px; + display: inline-block; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + position: relative; + color: inherit; + background-color: #fff; +} + +.ast-search-menu-icon .astra-search-icon { + -js-display: flex; + display: flex; + line-height: normal; +} + +.ast-search-menu-icon .astra-search-icon:focus { + outline: none; +} + +.ast-search-menu-icon .search-field { + border: none; + background-color: transparent; + transition: width .2s; + border-radius: inherit; + color: inherit; + font-size: inherit; + width: 0; + color: #757575; +} + +.ast-search-menu-icon .search-submit { + display: none; + background: none; + border: none; + font-size: 1.3em; + color: #757575; +} + +.ast-search-menu-icon.ast-dropdown-active { + visibility: visible; + opacity: 1; + position: relative; +} + +.ast-search-menu-icon.ast-dropdown-active .search-field { + width: 235px; +} + +li.ast-masthead-custom-menu-items { + padding: 0 1em; +} + +li.ast-masthead-custom-menu-items a { + padding-left: 0; + padding-right: 0; + vertical-align: middle; +} + +li.ast-masthead-custom-menu-items a, +li.ast-masthead-custom-menu-items a:hover, +li.ast-masthead-custom-menu-items a:focus { + background: transparent; +} + +li.ast-masthead-custom-menu-items .ast-search-icon .astra-search-icon { + line-height: 1; +} + +.ast-search-icon { + z-index: 4; + position: relative; + line-height: normal; +} + +.ast-primary-menu-disabled.ast-mobile-header-inline .ast-masthead-custom-menu-items { + text-align: right; +} + +.ast-primary-menu-disabled .ast-masthead-custom-menu-items { + flex: 1; +} + +.ast-primary-menu-disabled.header-main-layout-2 .ast-masthead-custom-menu-items { + text-align: center; +} + +.ast-primary-menu-disabled.header-main-layout-3 .ast-masthead-custom-menu-items { + text-align: left; +} + +.ast-masthead-custom-menu-items { + padding: 0 1em; +} + +.search-custom-menu-item { + position: relative; +} + +/* Hide Mobile logo. */ +.custom-mobile-logo-link { + display: none; +} + +.ast-site-identity { + padding: 1em 0; +} + +.ast-header-break-point .ast-mobile-header-stack .site-description { + text-align: center; +} + +.ast-header-break-point .ast-mobile-header-stack.ast-logo-title-inline .site-description { + text-align: left; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled .ast-mobile-menu-buttons { + display: none; +} + +.ast-header-break-point .ast-hide-custom-menu-mobile .ast-masthead-custom-menu-items { + display: none; +} + +.ast-header-break-point .ast-mobile-header-inline .site-branding { + text-align: left; + padding-bottom: 0; +} + +.ast-header-break-point .ast-mobile-header-inline.header-main-layout-3 .site-branding { + text-align: right; +} + +.ast-header-break-point .site-header .main-header-bar-wrap .site-branding { + -js-display: flex; + display: flex; + flex: 1; + align-self: center; +} + +.ast-header-break-point ul li.ast-masthead-custom-menu-items a { + padding: 0; + display: inline-block; + width: auto; + border: 0; +} + +.ast-header-break-point li.ast-masthead-custom-menu-items { + padding-left: 20px; + padding-right: 20px; + margin-bottom: 1em; + margin-top: 1em; +} + +.ast-header-break-point .ast-site-identity { + width: 100%; +} + +.ast-header-break-point .main-header-bar-navigation .menu-item-has-children > .menu-link:after { + display: none; +} + +.ast-header-break-point .main-header-bar { + display: block; + line-height: 3; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation { + line-height: 3; + display: none; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu { + line-height: 3; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu { + display: none; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle { + display: inline-block; + position: absolute; + font-size: inherit; + top: -1px; + right: 20px; + cursor: pointer; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + padding: 0 0.907em; + font-weight: normal; + line-height: inherit; + transition: all .2s; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before, +.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle .icon-arrow svg { + transform: rotateX(180deg); +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu { + border-top-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point.ast-header-custom-item-inside .ast-search-menu-icon { + position: relative; + display: block; + right: auto; + transform: none; +} + +.ast-header-break-point .main-navigation { + display: block; + width: 100%; +} + +.ast-header-break-point .main-navigation ul > .menu-item:first-child { + border-top: 0; +} + +.ast-header-break-point .main-navigation ul ul { + left: auto; + right: auto; +} + +.ast-header-break-point .main-navigation li { + width: 100%; +} + +.ast-header-break-point .main-navigation .widget { + margin-bottom: 1em; +} + +.ast-header-break-point .main-navigation .widget li { + width: auto; +} + +.ast-header-break-point .main-navigation .widget:last-child { + margin-bottom: 0; +} + +.ast-header-break-point .main-header-bar-navigation { + width: calc( 100% + 40px); + margin: 0 -20px; +} + +.ast-header-break-point .main-header-menu ul ul { + top: 0; +} + +.ast-header-break-point .ast-has-mobile-header-logo .custom-logo-link { + display: none; +} + +.ast-header-break-point .ast-has-mobile-header-logo .custom-mobile-logo-link { + display: inline-block; +} + +.ast-header-break-point.ast-mobile-inherit-site-logo .ast-has-mobile-header-logo .custom-logo-link, +.ast-header-break-point.ast-mobile-inherit-site-logo .ast-has-mobile-header-logo .astra-logo-svg { + display: block; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-menu-buttons { + order: 2; +} + +.ast-header-break-point.ast-header-custom-item-outside .main-header-bar-navigation { + order: 3; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-masthead-custom-menu-items { + order: 1; +} + +.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-2 .ast-masthead-custom-menu-items { + text-align: center; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-branding, +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .ast-mobile-menu-buttons { + -js-display: flex; + display: flex; +} + +.ast-header-break-point.ast-header-custom-item-outside.ast-header-custom-item-outside .header-main-layout-2 .ast-mobile-menu-buttons { + padding-bottom: 0; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .ast-site-identity { + width: 100%; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline.header-main-layout-3 .ast-site-identity { + width: auto; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline.header-main-layout-2 .site-branding { + flex: 1 1 auto; +} + +@media (max-width: 544px) { + .ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { + width: 100%; + } + .ast-header-break-point .ast-mobile-header-stack .site-branding, + .ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { + justify-content: center; + } + .ast-header-break-point .ast-mobile-header-stack .main-header-bar-wrap .site-branding { + flex: 1 1 auto; + } + .ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { + padding-top: 0.8em; + } + .ast-header-break-point .ast-mobile-header-stack.header-main-layout-2 .ast-mobile-menu-buttons { + padding-top: 0.8em; + } + .ast-header-break-point .ast-mobile-header-stack.header-main-layout-1 .site-branding { + padding-bottom: 0; + } + .ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items { + padding: 0.8em 1em 0 1em; + text-align: center; + width: 100%; + } + .ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .ast-mobile-menu-buttons, + .ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .ast-masthead-custom-menu-items { + padding-top: 0.8em; + } +} + +/* Customize Preview */ +/** + * Customizer Edit pencil - Set Position + */ +.customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button { + display: none; +} + +.ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button { + display: inline-block; +} + +.customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button { + display: none; +} + +.ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button { + display: inline-block; +} + +.customize-partial-edit-shortcut-astra-settings-display-site-title-responsive button.customize-partial-edit-shortcut-button { + display: none; +} + +.customize-partial-edit-shortcut-astra-settings-display-site-tagline-responsive button.customize-partial-edit-shortcut-button { + display: none; +} + +.customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button { + display: none; +} + +.site-logo-img:hover .customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button { + display: inline-block; +} + +.customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button { + display: none; +} + +.main-navigation:hover .customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button { + display: inline-block; +} + +/* Sticky Header CSS */ +.ast-primary-sticky-header-active .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button { + left: 100px; +} + +.ast-primary-sticky-header-active.ast-full-width-header .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button { + left: 5px; +} + +/* Primary Header common CSS */ +.customize-partial-edit-shortcut-astra-settings-disable-primary-nav .customize-partial-edit-shortcut-button { + top: 15px; +} + +.ast-masthead-custom-menu-items.search-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button { + left: -30px; + top: -7px; + display: none; +} + +.ast-masthead-custom-menu-items.search-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button { + display: block; +} + +.ast-masthead-custom-menu-items.button-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-button-text .customize-partial-edit-shortcut-button { + top: -14px; + display: none; +} + +.ast-masthead-custom-menu-items.button-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-button-text .customize-partial-edit-shortcut-button { + display: block; +} + +.ast-masthead-custom-menu-items.text-html-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-html .customize-partial-edit-shortcut-button { + left: -30px; + top: 15px; + display: none; +} + +.ast-masthead-custom-menu-items.text-html-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-html .customize-partial-edit-shortcut-button { + display: block; +} + +.ast-masthead-custom-menu-items.widget-custom-menu-item { + text-align: left; +} + +.ast-masthead-custom-menu-items.widget-custom-menu-item .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button { + left: -25px; + top: -8px; + display: none; +} + +.ast-masthead-custom-menu-items.widget-custom-menu-item:hover .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button { + display: block; +} + +.ast-masthead-custom-menu-items.woocommerce-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button { + top: -20px; + left: -25px; + display: none; +} + +.ast-masthead-custom-menu-items.woocommerce-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button { + display: block; +} + +/* Below Header common CSS */ +.ast-below-header .below-header-user-select .ast-site-header-cart, +.ast-below-header .below-header-user-select .ast-search-menu-icon, .ast-below-header .below-header-user-select.below-header-widget { + text-align: left; +} + +.ast-below-header .customize-partial-edit-shortcut { + top: 1em; +} + +/* Above Header common CSS */ +.ast-above-header-section .user-select .ast-search-menu-icon { + text-align: left; +} + +.ast-above-header .customize-partial-edit-shortcut { + top: 0.3em; +} + +/* Above Header Section 1 */ +.ast-above-header-section-1 .ast-above-header-navigation .customize-partial-edit-shortcut-astra-settings-above-header-section-1 .customize-partial-edit-shortcut-button { + left: -14px; +} + +.ast-above-header-section-1 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-above-header-section-1-search-box-type .customize-partial-edit-shortcut-button { + left: -25px; + top: -10px; +} + +.ast-above-header-section-1.woocommerce-above-header .customize-partial-edit-shortcut-astra-settings-above-header-section-1 .customize-partial-edit-shortcut-button { + left: -25px; + top: -15px; +} + +.ast-above-header-section-1 .customize-partial-edit-shortcut-astra-settings-above-header-section-1-html .customize-partial-edit-shortcut-button { + left: -25px; +} + +/* Above Header Section 2 */ +.ast-above-header-section-2 .ast-above-header-navigation .customize-partial-edit-shortcut-astra-settings-above-header-section-2 .customize-partial-edit-shortcut-button { + left: -14px; +} + +.ast-above-header-section-2 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-above-header-section-2-search-box-type .customize-partial-edit-shortcut-button { + top: -10px; + left: -25px; +} + +.ast-above-header-section-2.woocommerce-above-header .customize-partial-edit-shortcut-astra-settings-above-header-section-2 .customize-partial-edit-shortcut-button { + left: -25px; +} + +/* Below Header Section 1 */ +.below-header-section-1.ast-below-header-navigation .customize-partial-edit-shortcut-astra-settings-below-header-section-1 .customize-partial-edit-shortcut-button { + left: -14px; +} + +.below-header-section-1 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-below-header-section-1-search-box-type .customize-partial-edit-shortcut-button { + top: -10px; + left: -25px; +} + +.below-header-section-1 .ast-site-header-cart .customize-partial-edit-shortcut-astra-settings-below-header-section-1 .customize-partial-edit-shortcut-button { + left: -25px; +} + +.below-header-section-1 .customize-partial-edit-shortcut-astra-settings-below-header-section-1-html .customize-partial-edit-shortcut-button { + left: -25px; +} + +/* Below Header Section 2 */ +.below-header-section-2.ast-below-header-navigation .customize-partial-edit-shortcut-astra-settings-below-header-section-2 .customize-partial-edit-shortcut-button { + left: -14px; +} + +.below-header-section-2 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-below-header-section-2-search-box-type .customize-partial-edit-shortcut-button { + top: -10px; + left: -25px; +} + +.below-header-section-2 .ast-site-header-cart .customize-partial-edit-shortcut-astra-settings-below-header-section-2 .customize-partial-edit-shortcut-button { + left: -25px; +} + +.below-header-section-2 .customize-partial-edit-shortcut-astra-settings-below-header-section-2-html .customize-partial-edit-shortcut-button { + left: -25px; +} + +.customize-partial-edit-shortcut-astra-settings-above-header-layout .customize-partial-edit-shortcut-button, +.customize-partial-edit-shortcut-astra-settings-below-header-layout .customize-partial-edit-shortcut-button { + left: -60px; +} + +/* 7 - Header Toggle Buttons */ +.ast-header-break-point .ast-mobile-menu-buttons { + text-align: right; + -js-display: flex; + display: flex; + justify-content: flex-end; +} + +.ast-header-break-point .ast-mobile-menu-buttons .ast-button-wrap .ast-mobile-menu-buttons-minimal { + font-size: 1.7em; +} + +/*---------- Primary ----------*/ +.sticky { + display: block; +} + +.hentry { + margin: 0 0 1.5em; +} + +.byline, +.updated:not(.published) { + display: none; +} + +.single .byline, +.group-blog .byline { + display: inline; +} + +.page-links { + clear: both; + margin-top: 1em; +} + +.page-links a { + display: inline-block; +} + +.page-links a .page-link { + border-color: #eaeaea; + background: transparent; +} + +.page-links .page-link { + padding: 0; + margin: 0 0 .3em .3em; + border: 2px solid #eaeaea; + color: #000; + background: transparent; + font-size: 0.8em; + width: 2.5em; + height: 2.5em; + line-height: calc( 2.5em - 4px); + display: inline-block; + text-align: center; + transition: all 0.2s linear; +} + +.page-links .page-link:hover, .page-links .page-link:focus { + color: #000; +} + +@media (max-width: 768px) { + .page-links .page-link { + margin-bottom: 6px; + } +} + +.page-content > :last-child, +.entry-content > :last-child, +.entry-summary > :last-child { + margin-bottom: 0; +} + +.bypostauthor { + display: block; +} + +/* .alignwide & .alignfull CSS compatibility */ +.ast-no-sidebar { + /* Boxed & Content Boxed container alignment support */ +} + +.ast-no-sidebar .entry-content { + /* Alignment while using the column block */ +} + +.ast-no-sidebar .entry-content .alignfull { + margin-left: calc(-50vw + 50%); + margin-right: calc(-50vw + 50%); + max-width: 100vw; + width: 100vw; +} + +.ast-no-sidebar .entry-content .alignfull .alignfull, +.ast-no-sidebar .entry-content .alignfull .alignwide { + width: 100%; + margin-left: auto; + margin-right: auto; +} + +.ast-no-sidebar .entry-content .alignwide { + margin-left: -100px; + margin-right: -100px; + max-width: unset; + width: unset; +} + +.ast-no-sidebar .entry-content .alignwide .alignfull, +.ast-no-sidebar .entry-content .alignwide .alignwide { + width: 100%; + margin-left: auto; + margin-right: auto; +} + +.ast-no-sidebar .entry-content .wp-block-column .alignfull, +.ast-no-sidebar .entry-content .wp-block-column .alignwide { + margin-left: auto; + margin-right: auto; + width: 100%; +} + +.ast-no-sidebar.ast-separate-container .entry-content { + /* Alignment while using the column block */ +} + +.ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-left: -6.67em; + margin-right: -6.67em; + width: auto; +} + +@media (max-width: 1200px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-left: -2.4em; + margin-right: -2.4em; + } +} + +@media (max-width: 768px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-left: -2.14em; + margin-right: -2.14em; + } +} + +@media (max-width: 544px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-left: -1em; + margin-right: -1em; + } +} + +.ast-no-sidebar.ast-separate-container .entry-content .alignwide { + margin-left: -20px; + margin-right: -20px; +} + +.ast-no-sidebar.ast-separate-container .entry-content .wp-block-column .alignfull, +.ast-no-sidebar.ast-separate-container .entry-content .wp-block-column .alignwide { + margin-left: auto; + margin-right: auto; + width: 100%; +} + +.wp-block-gallery, +.blocks-gallery-grid { + margin: 0; +} + +.wp-block-separator { + max-width: 100px; +} + +.wp-block-separator.is-style-wide { + max-width: none; +} + +.entry-content .has-2-columns .wp-block-column:first-child { + padding-right: 10px; +} + +.entry-content .has-2-columns .wp-block-column:last-child { + padding-left: 10px; +} + +@media (max-width: 782px) { + .entry-content .wp-block-columns .wp-block-column { + flex-basis: 100%; + } + .entry-content .has-2-columns .wp-block-column:first-child { + padding-right: 0; + } + .entry-content .has-2-columns .wp-block-column:last-child { + padding-left: 0; + } +} + +body { + overflow-x: hidden; +} + +body .entry-content .wp-block-latest-posts { + margin-left: 0; +} + +body .entry-content .wp-block-latest-posts li { + list-style: none; +} + +.ast-no-sidebar .ast-container .entry-content .wp-block-latest-posts { + margin-left: 0; +} + +.ast-header-break-point .entry-content .alignwide { + margin-left: auto; + margin-right: auto; +} + +.entry-content .blocks-gallery-item img { + margin-bottom: auto; +} + +.wp-block-pullquote { + border-top: 4px solid #555d66; + border-bottom: 4px solid #555d66; + color: #40464d; +} + +/*---------- Secondary ----------*/ +.widget-title { + font-weight: normal; + margin-bottom: 1em; + line-height: 1.5; +} + +.widget { + margin: 0 0 2.8em 0; +} + +.widget:last-child { + margin-bottom: 0; +} + +.widget select { + max-width: 100%; +} + +.widget ul { + margin: 0; + list-style-type: none; +} + +.widget_nav_menu ul ul.sub-menu { + margin-top: 0.25em; +} + +.widget_nav_menu ul ul.sub-menu li { + padding-left: 20px; +} + +.widget_nav_menu ul ul.sub-menu a:after { + left: -20px; +} + +.widget_nav_menu ul ul.sub-menu ul a:after { + left: -40px; +} + +.widget_nav_menu ul ul.sub-menu ul ul a:after { + left: -60px; +} + +.widget_nav_menu li { + transition: all 0.2s linear; +} + +/* Search widget. */ +.widget_search .search-form { + position: relative; + padding: 0; + background: initial; + color: inherit; +} + +.widget_search .search-form > label { + position: relative; +} + +.widget_search .search-form i { + color: #3a3a3a; +} + +.widget_search .search-form button { + position: absolute; + top: 0; + right: 15px; + border: none; + padding: 0; + cursor: pointer; + background: transparent; +} + +.widget_search .search-form input[type="submit"], +.widget_search .search-form input[type="submit"]:hover, +.widget_search .search-form input[type="submit"]:focus { + padding: 13px 20px; + border-radius: 2px; + border: none; + top: 0px; + right: 0px; + position: absolute; + color: transparent; + background: transparent; + max-width: 45px; + z-index: 2; +} + +.widget_search .search-form .search-field { + background: #fafafa; + border-width: 1px; + border-color: #eaeaea; + border-radius: 2px; +} + +.widget_search .search-field, +.widget_search .search-field:focus { + width: 100%; + padding: 16px 45px 16px 15px; +} + +/* Widget - Archive */ +/* Widget - Categories */ +.widget_pages ul.children, +.widget_archive ul.children, +.widget_categories ul.children { + position: relative; + margin-top: 5px; + width: 100%; +} + +.widget_pages ul.children li, +.widget_archive ul.children li, +.widget_categories ul.children li { + padding-left: 20px; +} + +.widget_pages li ul.children a:after, +.widget_archive li ul.children a:after, +.widget_categories li ul.children a:after { + left: -20px; +} + +.widget_pages li ul.children ul a:after, +.widget_archive li ul.children ul a:after, +.widget_categories li ul.children ul a:after { + left: -40px; +} + +/* Tag Cloud */ +.widget_tag_cloud .tagcloud { + margin-top: 10px; + display: inline-block; +} + +.widget_tag_cloud .tagcloud a { + border: 1px solid #e2e2e2; + padding: 0.5em 0.9em; + display: inline-block; + margin-bottom: 4px; + font-size: 14px; + margin-right: 4px; + line-height: 1.5; + transition: all 0.2s linear; +} + +/* Calender */ +.widget_calendar table, +.widget_calendar th, +.widget_calendar td { + padding: 0; + text-align: center; +} + +.widget_calendar table, +.widget_calendar th { + border: none; +} + +.widget_calendar td { + border-right: none; + border-left: none; +} + +.widget_calendar caption { + line-height: 2.7em; +} + +.widget_calendar thead { + line-height: 2.5em; +} + +.widget_calendar thead a { + color: #0274be; + font-size: 1rem; + vertical-align: middle; +} + +.widget_calendar thead td { + vertical-align: middle; + font-weight: bold; +} + +.widget_calendar thead > tr > th { + line-height: 2.5em; + border-bottom: 2px solid #eaeaea; + border-top: 2px solid #eaeaea; +} + +.widget_calendar tbody { + line-height: 2.10em; + text-align: center; +} + +.widget_calendar tbody > tr > td { + width: 14.2857%; +} + +.widget_calendar tbody > tr:first-child > td { + padding-top: 3px; +} + +.widget_calendar #today { + background: #0274be; +} + +/*---------- Footer ----------*/ +/* 2 - Small Footer */ +/** + * Small Footer Layouts + * + */ +.ast-footer-overlay { + background-color: #3a3a3a; + padding-top: 2em; + padding-bottom: 2em; +} + +@media (min-width: 769px) { + .ast-footer-overlay { + padding-top: 2.66666em; + padding-bottom: 2.66666em; + } +} + +.ast-small-footer { + line-height: 1.85714285714286; + position: relative; + /* Footer Widget sections */ +} + +.ast-small-footer .nav-menu a { + padding: 0 0.5em; +} + +.ast-small-footer .widget-title, +.ast-small-footer .no-widget-text { + margin-bottom: 0; +} + +.ast-small-footer .widget { + margin-bottom: 1em; +} + +.ast-small-footer .widget ul { + position: static; + border: 0; + width: auto; +} + +.ast-small-footer .widget ul a { + border: 0; +} + +.ast-small-footer .widget:last-child { + margin-bottom: 0; +} + +/* Auto width footer sections */ +@media (min-width: 769px) { + .ast-small-footer .nav-menu li { + margin: 0; + } + .ast-small-footer .nav-menu li:first-child a { + padding-left: 0; + } + .ast-small-footer .nav-menu li:last-child a { + padding-right: 0; + } +} + +/* Hide edit shortcut button */ +.ast-footer-site-title .customize-partial-edit-shortcut-button { + display: none; +} + +.footer-sml-layout-1 { + text-align: center; +} + +.footer-sml-layout-1 .ast-small-footer-section-2 { + margin-top: 1em; +} + +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.footer-sml-layout-2 .ast-small-footer-section-1, +.footer-sml-layout-2 .ast-small-footer-section-2 { + text-align: center; +} + +@media (min-width: 769px) { + .footer-sml-layout-2 .ast-small-footer-section-1 { + text-align: left; + } + .footer-sml-layout-2 .ast-small-footer-section-1 .menu-item .menu-link { + padding: 0 1em 0 0; + } + .footer-sml-layout-2 .ast-small-footer-section-2 { + text-align: right; + } + .footer-sml-layout-2 .ast-small-footer-section-2 .menu-item .menu-link { + padding: 0 0 0 1em; + } +} + +@media (max-width: 768px) { + .ast-header-break-point .footer-sml-layout-2 .ast-small-footer-section-2 { + margin-top: 1em; + } +} + +@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) { + .ast-small-footer-wrap .ast-row:before { + display: block; + } +} + +.site-footer { + color: #fff; +} + +.site-footer .widget-title { + color: #eaeaea; +} + +.site-footer a { + color: #eaeaea; +} + +.site-footer a:hover, .site-footer a:focus { + color: #fff; +} + +.site-footer ul { + margin: 0; + list-style-type: none; +} + +.site-footer .nav-menu li { + display: inline-block; +} + +/** + * Footer Widget Layouts + */ +.footer-adv-overlay { + background-color: #3a3a3a; + padding-top: 70px; + padding-bottom: 70px; +} + +.footer-adv p:last-child { + margin-bottom: 0; +} + +.footer-adv .widget_calendar table { + margin-bottom: 0; +} + +@media all and (max-width: 768px) { + .footer-adv-widget-1 .widget:last-child { + margin: 0 0 2.8em; + } +} + +.footer-adv .ast-no-widget-row .widget-title { + text-transform: capitalize; +} + +@media all and (max-width: 768px) { + .footer-adv-layout-4 .footer-adv-widget-2 .widget:last-child, + .footer-adv-layout-4 .footer-adv-widget-3 .widget:last-child { + margin: 0 0 2.8em; + } +} + +/*---------- Forms ----------*/ +/** + * Form Fields + * + * @import + * 1 - All fields common scss + * 2 - Field - Range + * 3 - Field - Color +*/ +/* 1 - All fields common scss */ +input[type="text"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="password"], +input[type="search"], +input[type=reset], +input[type=tel], +select, +textarea { + color: #666; + padding: 0.75em; + height: auto; + border-width: 1px; + border-style: solid; + border-color: #eaeaea; + border-radius: 2px; + background: #fafafa; + box-shadow: none; + box-sizing: border-box; + transition: all 0.2s linear; +} + +input[type="text"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +input[type="search"]:focus, +input[type=reset]:focus, +input[type=tel]:focus, +select:focus, +textarea:focus { + background-color: #fff; + border-color: #eaeaea; + box-shadow: none; +} + +input[type=reset], +input[type=reset]:hover, +input[type=reset]:focus, +input[type="submit"], +input[type="submit"]:hover, +input[type="submit"]:focus, +input[type="button"], +input[type="button"]:hover, +input[type="button"]:focus { + box-shadow: none; +} + +textarea { + width: 100%; +} + +input[type="search"]:focus { + outline: thin dotted; +} + +/* 2 - Field - Range */ +/* Range */ +input[type=range] { + -webkit-appearance: none; + width: 100%; + margin: 5.7px 0; + padding: 0; + border: none; +} + +input[type=range]:focus { + outline: none; +} + +input[type=range]::-webkit-slider-runnable-track { + width: 100%; + height: 8.6px; + cursor: pointer; + box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; + background: rgba(255, 255, 255, 0.2); + border-radius: 13.6px; + border: 0px solid #ffffff; +} + +input[type=range]::-webkit-slider-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; + -webkit-appearance: none; + margin-top: -5.7px; +} + +input[type=range]:focus::-webkit-slider-runnable-track { + background: rgba(255, 255, 255, 0.2); +} + +input[type=range]::-moz-range-track { + width: 100%; + height: 8.6px; + cursor: pointer; + box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; + background: rgba(255, 255, 255, 0.2); + border-radius: 13.6px; + border: 0px solid #ffffff; +} + +input[type=range]::-moz-range-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; +} + +input[type=range]::-ms-track { + width: 100%; + height: 8.6px; + cursor: pointer; + background: transparent; + border-color: transparent; + color: transparent; +} + +input[type=range]::-ms-fill-lower { + background: rgba(199, 199, 199, 0.2); + border: 0px solid #ffffff; + border-radius: 27.2px; + box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; +} + +input[type=range]::-ms-fill-upper { + background: rgba(255, 255, 255, 0.2); + border: 0px solid #ffffff; + border-radius: 27.2px; + box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; +} + +input[type=range]::-ms-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; + height: 8.6px; +} + +input[type=range]:focus::-ms-fill-lower { + background: rgba(255, 255, 255, 0.2); +} + +input[type=range]:focus::-ms-fill-upper { + background: rgba(255, 255, 255, 0.2); +} + +/* 3 - Field - Color */ +/* Color */ +input[type="color"] { + border: none; + width: 100px; + padding: 0; + height: 30px; + cursor: pointer; +} + +input[type="color"]::-webkit-color-swatch-wrapper { + padding: 0; + border: none; +} + +input[type="color"]::-webkit-color-swatch { + border: none; +} + +/*---------- Blog ----------*/ +/*-------------------------------------------------------------- +## Blog Layouts +--------------------------------------------------------------*/ +/** + * Blog Common + */ +.page .entry-header { + margin-bottom: 1.5em; +} + +.search .entry-header { + margin-bottom: 1em; +} + +.ast-single-post .entry-header.ast-header-without-markup, .ast-single-post .entry-header.ast-no-title.ast-no-thumbnail { + margin-bottom: 0; +} + +.entry-header { + margin-bottom: 1em; + word-wrap: break-word; +} + +.entry-header + .ast-blog-featured-section { + margin-top: 0.5em; +} + +.entry-content { + word-wrap: break-word; +} + +.entry-content p { + margin-bottom: 1.6em; +} + +.read-more { + margin-bottom: 0; +} + +.read-more .ast-right-arrow { + font-size: 1em; +} + +.ast-no-thumb .ast-blog-featured-section { + margin-bottom: 0; +} + +.ast-no-thumb .entry-header + .ast-blog-featured-section { + margin-top: 0; +} + +.ast-blog-featured-section { + margin-bottom: 1.5em; +} + +.error404 .page-header { + margin-bottom: 1.5em; +} + +.error404 .page-header .page-title { + margin-bottom: 0; +} + +.blog .entry-title, +.archive .entry-title, +.search .entry-title { + line-height: 1.3; +} + +.blog .format-status .entry-title, +.archive .format-status .entry-title, +.blog .format-aside .entry-title, +.archive .format-aside .entry-title { + display: none; +} + +.page-title { + margin-bottom: 1em; + font-weight: normal; +} + +.entry-title { + margin-bottom: 0.2em; +} + +.ast-article-post { + margin-bottom: 2.5em; +} + +.ast-article-post:last-child { + margin-bottom: 0; + border-bottom: 0; +} + +.search .site-content .content-area .search-form { + margin-bottom: 3em; +} + +.blog-layout-1 { + /* 2 - Blog Thumbnail Styles */ +} + +.blog-layout-1 .post-thumb { + padding-left: 0; + padding-right: 0; + position: relative; +} + +.blog .posted-on { + z-index: 1; +} + +.ast-blog-featured-section .posted-on { + width: 5.714285714em; + height: 5.714285714em; + padding: 0.7em; +} + +.ast-blog-featured-section .posted-on .date-month, +.ast-blog-featured-section .posted-on .date-year { + font-size: 0.8571428571em; + line-height: 1em; +} + +.ast-blog-featured-section .posted-on .date-day { + font-size: 2.5em; + line-height: .9em; + font-weight: 900; + margin: .1em 0; +} + +/* ============================================================ + Archive Blogs +============================================================ */ +.ast-author-box img.avatar { + border-radius: 50%; + margin: 0 0 0 20px; +} + +.ast-archive-description { + margin-bottom: 2.5em; + padding-bottom: 1.3333em; + border-bottom: 1px solid #eeeeee; +} + +.ast-archive-description .ast-archive-title { + margin-bottom: 4px; + font-size: 40px; + font-size: 2.85714rem; + font-weight: 300; +} + +.ast-archive-description p { + margin-bottom: 0; + font-size: 20px; + font-size: 1.42857rem; + line-height: 1.65; + font-weight: 300; +} + +.ast-separate-container .ast-author-box, +.ast-separate-container .ast-archive-description { + background-color: #eee; + padding-bottom: 0; + border-bottom: 0; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-archive-description { + margin: 0; + padding: 3.34em 2.4em; + } +} + +@media (max-width: 992px) { + .ast-separate-container .ast-archive-description { + padding: 2.14em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-author-box, + .ast-separate-container .ast-archive-description { + margin: 0; + padding: 5em 6.67em 3.33333em; + } +} + +/*-------------------------------------------------------------- +## Single Blog Post Layouts +--------------------------------------------------------------*/ +/*---------- Single Post Common Stylesheet ----------*/ +/** + * Common Stylesheet of Single Post + * + * Content + * 1 - Single Post Navigation Styles + * 2 - Single Post Article Header +*/ +.single { + /* 1 - Single Post Navigation Styles */ +} + +.single .entry-header { + margin-bottom: 2em; +} + +.single .post-navigation { + margin: 0; + padding: 2em 0 0; + border-top: 1px solid #eeeeee; +} + +@media (max-width: 768px) { + .single .post-navigation { + padding-top: 1.5em; + } +} + +.single .post-navigation a { + margin: 2px; + display: inline-block; + text-align: center; + color: #000; +} + +@media (min-width: 421px) { + .single .post-navigation .nav-links { + -js-display: flex; + display: flex; + } + .single .post-navigation .nav-previous, + .single .post-navigation .nav-next { + flex: auto; + } +} + +@media (max-width: 420px) { + .single .post-navigation .ast-left-arrow, + .single .post-navigation .ast-right-arrow { + display: none; + } + .single .post-navigation .nav-previous, + .single .post-navigation .nav-next { + width: 100%; + } + .single .post-navigation .nav-previous a, + .single .post-navigation .nav-next a { + width: 100%; + } + .single .post-navigation .nav-previous { + margin-bottom: 1em; + } +} + +/* 2 - Single Post Article Header */ +.single .entry-header .ast-single-post-order + .post-thumb img { + margin-top: 2em; + margin-bottom: 0; +} + +.single .entry-header.ast-no-title .post-thumb + .ast-single-post-order { + margin-top: 0; +} + +.single .entry-header .post-thumb + .ast-single-post-order { + margin-top: 2em; +} + +.single .entry-header .post-thumb img { + margin-top: 0; + margin-bottom: 0; +} + +.page .has-post-thumbnail .post-thumb img { + margin-bottom: 1.5em; +} + +.post-password-form { + text-align: center; +} + +@media (max-width: 420px) { + .post-password-form input[type="password"] { + display: block; + margin: 10px auto; + } +} + +.post-password-form input[type="submit"] { + padding: 10px 20px; + border-radius: 2px; +} + +.ast-separate-container .post-navigation { + border-top: 0; + padding-left: 3.33333em; + padding-right: 3.33333em; +} + +@media (max-width: 420px) { + .ast-separate-container .post-navigation { + padding-left: 0; + padding-right: 0; + } +} + +@media (max-width: 768px) { + .ast-separate-container .entry-header { + margin-bottom: 1em; + } +} + +/*---------- 404 ----------*/ +.ast-404-layout-1 { + text-align: center; + margin: 4em auto; +} + +.ast-404-layout-1 .page-sub-title { + font-size: 1.5rem; + font-weight: bold; +} + +.ast-404-layout-1 .widget_search { + padding-top: 0.5em; +} + +.ast-404-search { + margin-top: 1.5em; +} + +.ast-404-search .widget_search { + max-width: 370px; + margin: 0 auto; +} + +.ast-separate-container .error-404, +.ast-separate-container .no-results { + background-color: #fff; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + margin: 0; + padding: 3.34em 2.4em; + } +} + +@media (max-width: 768px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + padding: 1.5em 2.14em; + } +} + +@media (max-width: 544px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + padding: 1.5em 1em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + margin: 0; + padding: 5.34em 6.67em; + } +} + +/*---------- Blog Styles ----------*/ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.blog-layout-1 { + width: 100%; + display: inline-block; + padding-bottom: 2em; + vertical-align: middle; + border-bottom: 1px solid #eeeeee; +} + +.blog-layout-1 .posted-on { + left: 0; +} + +.blog-layout-1 .post-thumb, +.blog-layout-1 .post-content { + padding-left: 0; + padding-right: 0; +} + +/** + * Flexbox Framework + * + * .ast - prefix + * + * Flex classes generated as {prefix} + {css property - css value} . + * + * E.g. Here '.ast' is a prefix. + * + * .ast-flex + * .ast-flex-1 + * .ast-flex-2 + * .ast-flex-3 + * .ast-flex-4 + * .ast-flex-5 + * .ast-inline-flex + * .ast-flex-direction-row + * .ast-flex-direction-row-reverse + * .ast-flex-direction-column + * .ast-flex-direction-column-reverse + * .ast-flex-wrap-nowrap + * .ast-flex-wrap-wrap + * .ast-flex-wrap-wrap-reverse + * .ast-justify-content-flex-start + * .ast-justify-content-flex-end + * .ast-justify-content-center + * .ast-justify-content-space-between + * .ast-justify-content-space-around + * .ast-align-items-flex-start + * .ast-align-items-flex-end + * .ast-align-items-center + * .ast-align-items-baseline + * .ast-align-items-stretch + * .ast-align-content-flex-start + * .ast-align-content-flex-end + * .ast-align-content-center + * .ast-align-content-space-between + * .ast-align-content-space-around + * .ast-align-content-stretch + * .ast-order-1 + * .ast-order-2 + * .ast-order-3 + * .ast-order-4 + * .ast-order-5 + * .ast-flex-grow-1 + * .ast-flex-grow-2 + * .ast-flex-grow-3 + * .ast-flex-grow-4 + * .ast-flex-grow-5 + * .ast-flex-shrink-grow-1 + * .ast-flex-shrink-grow-2 + * .ast-flex-shrink-grow-3 + * .ast-flex-shrink-grow-4 + * .ast-flex-shrink-grow-5 + * .ast-flex-basis-grow-1 + * .ast-flex-basis-grow-2 + * .ast-flex-basis-grow-3 + * .ast-flex-basis-grow-4 + * .ast-flex-basis-grow-5 + * .ast-align-self-auto + * .ast-align-self-flex-start + * .ast-align-self-flex-end + * .ast-align-self-center + * .ast-align-self-baseline + * .ast-align-self-stretch + */ +.ast { + /* + # LAYOUT + ———————————————- + display: flex | inline-flex; + ———————————————- + */ + /* + ————————————————————————– + # CONTAINER (for PARENT) + ————————————————————————– + + + /* + ————————————————————————– + # JUSTIFY CONTENT + ————————————————————————– + justify-content: flex-start | flex-end | center | space-between | space-around; + ————————————————————————– + */ + /* + ————————————————————————– + # ALIGN – CONTENT + ————————————————————————– + align-content: flex-start | flex-end | center | space-between | space-around | stretch; + ————————————————————————– + */ + /* + ————————————————————————– + # GROW + ————————————————————————– + flex-grow: ; default 0 + ————————————————————————– + */ +} + +.ast-flex { + -js-display: flex; + display: flex; + flex-wrap: wrap; +} + +.ast-flex-1 { + flex: 1; +} + +.ast-inline-flex { + -js-display: inline-flex; + display: inline-flex; + align-items: center; + flex-wrap: wrap; + align-content: center; +} + +.ast-justify-content-flex-start { + justify-content: flex-start; +} + +.ast-justify-content-flex-end { + justify-content: flex-end; +} + +.ast-justify-content-center { + justify-content: center; +} + +.ast-justify-content-space-between { + justify-content: space-between; +} + +.ast-justify-content-space-around { + justify-content: space-around; +} + +.ast-align-content-flex-start { + align-content: flex-start; +} + +.ast-align-content-flex-end { + align-content: flex-end; +} + +.ast-align-content-center { + align-content: center; +} + +.ast-align-content-space-between { + align-content: space-between; +} + +.ast-align-content-space-around { + align-content: space-around; +} + +.ast-align-content-stretch { + align-content: stretch; +} + +.ast-flex-grow-1 { + flex-grow: 1; +} diff --git a/assets/css/unminified/style-rtl.css b/assets/css/unminified/style-rtl.css new file mode 100644 index 0000000..58a0333 --- /dev/null +++ b/assets/css/unminified/style-rtl.css @@ -0,0 +1,5059 @@ +@charset "UTF-8"; +/*-------------------------------------------------------------- +>>> TABLE OF CONTENTS: +---------------------------------------------------------------- +# Normalize +# Typography +# Elements +# Forms +# Navigation + ## Links + ## Menus +# Accessibility +# Alignments +# Clearings +# Widgets +# Content + ## Posts and pages + ## Asides + ## Comments +# Infinite scroll +# Media + ## Captions + ## Galleries +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Normalize +--------------------------------------------------------------*/ +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +font, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td { + border: 0; + font-size: 100%; + font-style: inherit; + font-weight: inherit; + margin: 0; + outline: 0; + padding: 0; + vertical-align: baseline; +} + +html { + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +main, +menu, +nav, +section, +summary { + display: block; +} + +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden], +template { + display: none; +} + +a { + background-color: transparent; +} + +a:active { + outline: 0; +} + +a, +a:visited, +a:hover, +a:focus { + text-decoration: none; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, +strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +mark { + background: #ff0; + color: #000; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 0; +} + +hr { + box-sizing: content-box; + height: 0; +} + +pre { + overflow: auto; +} + +code, +kbd, +pre, +samp { + font-size: 1em; +} + +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} + +button { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} + +button[disabled], +html input[disabled] { + cursor: default; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input { + line-height: normal; +} + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +input[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box; +} + +.search .search-submit, +#comments .submit { + padding: 10px 15px; + border-radius: 2px; + line-height: 1.85714285714286; + border: 0; +} + +.search .site-main .ast-search-submit { + display: none; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +fieldset { + border: 1px solid #eaeaea; + margin: 0 0px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + border: 0; + padding: 0; +} + +fieldset legend { + margin-bottom: 1.5em; + padding: 0 0.5em; +} + +textarea { + overflow: auto; +} + +optgroup { + font-weight: bold; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} + +/*-------------------------------------------------------------- +# Bootstrap Grid +--------------------------------------------------------------*/ +/*! + * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) + */ +@media (min-width: 544px) { + .ast-container { + max-width: 100%; + } +} + +@media (min-width: 768px) { + .ast-container { + max-width: 100%; + } +} + +@media (min-width: 992px) { + .ast-container { + max-width: 100%; + } +} + +@media (min-width: 1200px) { + .ast-container { + max-width: 100%; + } +} + +.ast-container-fluid, .ast-container { + margin-right: auto; + margin-left: auto; + padding-right: 20px; + padding-left: 20px; +} + +.ast-container-fluid::after, .ast-container::after { + content: ""; + display: table; + clear: both; +} + +.ast-row { + margin-right: -20px; + margin-left: -20px; +} + +.ast-row::after { + content: ""; + display: table; + clear: both; +} + +.ast-col-xs-1, .ast-col-xs-2, .ast-col-xs-3, .ast-col-xs-4, .ast-col-xs-5, .ast-col-xs-6, .ast-col-xs-7, .ast-col-xs-8, .ast-col-xs-9, .ast-col-xs-10, .ast-col-xs-11, .ast-col-xs-12, .ast-col-sm-1, .ast-col-sm-2, .ast-col-sm-3, .ast-col-sm-4, .ast-col-sm-5, .ast-col-sm-6, .ast-col-sm-7, .ast-col-sm-8, .ast-col-sm-9, .ast-col-sm-10, .ast-col-sm-11, .ast-col-sm-12, .ast-col-md-1, .ast-col-md-2, .ast-col-md-3, .ast-col-md-4, .ast-col-md-5, .ast-col-md-6, .ast-col-md-7, .ast-col-md-8, .ast-col-md-9, .ast-col-md-10, .ast-col-md-11, .ast-col-md-12, .ast-col-lg-1, .ast-col-lg-2, .ast-col-lg-3, .ast-col-lg-4, .ast-col-lg-5, .ast-col-lg-6, .ast-col-lg-7, .ast-col-lg-8, .ast-col-lg-9, .ast-col-lg-10, .ast-col-lg-11, .ast-col-lg-12, .ast-col-xl-1, .ast-col-xl-2, .ast-col-xl-3, .ast-col-xl-4, .ast-col-xl-5, .ast-col-xl-6, .ast-col-xl-7, .ast-col-xl-8, .ast-col-xl-9, .ast-col-xl-10, .ast-col-xl-11, .ast-col-xl-12 { + position: relative; + min-height: 1px; + padding-right: 20px; + padding-left: 20px; +} + +.ast-col-xs-1, .ast-col-xs-2, .ast-col-xs-3, .ast-col-xs-4, .ast-col-xs-5, .ast-col-xs-6, .ast-col-xs-7, .ast-col-xs-8, .ast-col-xs-9, .ast-col-xs-10, .ast-col-xs-11, .ast-col-xs-12 { + float: right; +} + +.ast-col-xs-1 { + width: 8.3333333333%; +} + +.ast-col-xs-2 { + width: 16.6666666667%; +} + +.ast-col-xs-3 { + width: 25%; +} + +.ast-col-xs-4 { + width: 33.3333333333%; +} + +.ast-col-xs-5 { + width: 41.6666666667%; +} + +.ast-col-xs-6 { + width: 50%; +} + +.ast-col-xs-7 { + width: 58.3333333333%; +} + +.ast-col-xs-8 { + width: 66.6666666667%; +} + +.ast-col-xs-9 { + width: 75%; +} + +.ast-col-xs-10 { + width: 83.3333333333%; +} + +.ast-col-xs-11 { + width: 91.6666666667%; +} + +.ast-col-xs-12 { + width: 100%; +} + +.ast-col-xs-pull-0 { + left: auto; +} + +.ast-col-xs-pull-1 { + left: 8.3333333333%; +} + +.ast-col-xs-pull-2 { + left: 16.6666666667%; +} + +.ast-col-xs-pull-3 { + left: 25%; +} + +.ast-col-xs-pull-4 { + left: 33.3333333333%; +} + +.ast-col-xs-pull-5 { + left: 41.6666666667%; +} + +.ast-col-xs-pull-6 { + left: 50%; +} + +.ast-col-xs-pull-7 { + left: 58.3333333333%; +} + +.ast-col-xs-pull-8 { + left: 66.6666666667%; +} + +.ast-col-xs-pull-9 { + left: 75%; +} + +.ast-col-xs-pull-10 { + left: 83.3333333333%; +} + +.ast-col-xs-pull-11 { + left: 91.6666666667%; +} + +.ast-col-xs-pull-12 { + left: 100%; +} + +.ast-col-xs-push-0 { + right: auto; +} + +.ast-col-xs-push-1 { + right: 8.3333333333%; +} + +.ast-col-xs-push-2 { + right: 16.6666666667%; +} + +.ast-col-xs-push-3 { + right: 25%; +} + +.ast-col-xs-push-4 { + right: 33.3333333333%; +} + +.ast-col-xs-push-5 { + right: 41.6666666667%; +} + +.ast-col-xs-push-6 { + right: 50%; +} + +.ast-col-xs-push-7 { + right: 58.3333333333%; +} + +.ast-col-xs-push-8 { + right: 66.6666666667%; +} + +.ast-col-xs-push-9 { + right: 75%; +} + +.ast-col-xs-push-10 { + right: 83.3333333333%; +} + +.ast-col-xs-push-11 { + right: 91.6666666667%; +} + +.ast-col-xs-push-12 { + right: 100%; +} + +.ast-col-xs-offset-0 { + margin-right: 0%; +} + +.ast-col-xs-offset-1 { + margin-right: 8.3333333333%; +} + +.ast-col-xs-offset-2 { + margin-right: 16.6666666667%; +} + +.ast-col-xs-offset-3 { + margin-right: 25%; +} + +.ast-col-xs-offset-4 { + margin-right: 33.3333333333%; +} + +.ast-col-xs-offset-5 { + margin-right: 41.6666666667%; +} + +.ast-col-xs-offset-6 { + margin-right: 50%; +} + +.ast-col-xs-offset-7 { + margin-right: 58.3333333333%; +} + +.ast-col-xs-offset-8 { + margin-right: 66.6666666667%; +} + +.ast-col-xs-offset-9 { + margin-right: 75%; +} + +.ast-col-xs-offset-10 { + margin-right: 83.3333333333%; +} + +.ast-col-xs-offset-11 { + margin-right: 91.6666666667%; +} + +.ast-col-xs-offset-12 { + margin-right: 100%; +} + +@media (min-width: 544px) { + .ast-col-sm-1, .ast-col-sm-2, .ast-col-sm-3, .ast-col-sm-4, .ast-col-sm-5, .ast-col-sm-6, .ast-col-sm-7, .ast-col-sm-8, .ast-col-sm-9, .ast-col-sm-10, .ast-col-sm-11, .ast-col-sm-12 { + float: right; + } + .ast-col-sm-1 { + width: 8.3333333333%; + } + .ast-col-sm-2 { + width: 16.6666666667%; + } + .ast-col-sm-3 { + width: 25%; + } + .ast-col-sm-4 { + width: 33.3333333333%; + } + .ast-col-sm-5 { + width: 41.6666666667%; + } + .ast-col-sm-6 { + width: 50%; + } + .ast-col-sm-7 { + width: 58.3333333333%; + } + .ast-col-sm-8 { + width: 66.6666666667%; + } + .ast-col-sm-9 { + width: 75%; + } + .ast-col-sm-10 { + width: 83.3333333333%; + } + .ast-col-sm-11 { + width: 91.6666666667%; + } + .ast-col-sm-12 { + width: 100%; + } + .ast-col-sm-pull-0 { + left: auto; + } + .ast-col-sm-pull-1 { + left: 8.3333333333%; + } + .ast-col-sm-pull-2 { + left: 16.6666666667%; + } + .ast-col-sm-pull-3 { + left: 25%; + } + .ast-col-sm-pull-4 { + left: 33.3333333333%; + } + .ast-col-sm-pull-5 { + left: 41.6666666667%; + } + .ast-col-sm-pull-6 { + left: 50%; + } + .ast-col-sm-pull-7 { + left: 58.3333333333%; + } + .ast-col-sm-pull-8 { + left: 66.6666666667%; + } + .ast-col-sm-pull-9 { + left: 75%; + } + .ast-col-sm-pull-10 { + left: 83.3333333333%; + } + .ast-col-sm-pull-11 { + left: 91.6666666667%; + } + .ast-col-sm-pull-12 { + left: 100%; + } + .ast-col-sm-push-0 { + right: auto; + } + .ast-col-sm-push-1 { + right: 8.3333333333%; + } + .ast-col-sm-push-2 { + right: 16.6666666667%; + } + .ast-col-sm-push-3 { + right: 25%; + } + .ast-col-sm-push-4 { + right: 33.3333333333%; + } + .ast-col-sm-push-5 { + right: 41.6666666667%; + } + .ast-col-sm-push-6 { + right: 50%; + } + .ast-col-sm-push-7 { + right: 58.3333333333%; + } + .ast-col-sm-push-8 { + right: 66.6666666667%; + } + .ast-col-sm-push-9 { + right: 75%; + } + .ast-col-sm-push-10 { + right: 83.3333333333%; + } + .ast-col-sm-push-11 { + right: 91.6666666667%; + } + .ast-col-sm-push-12 { + right: 100%; + } + .ast-col-sm-offset-0 { + margin-right: 0%; + } + .ast-col-sm-offset-1 { + margin-right: 8.3333333333%; + } + .ast-col-sm-offset-2 { + margin-right: 16.6666666667%; + } + .ast-col-sm-offset-3 { + margin-right: 25%; + } + .ast-col-sm-offset-4 { + margin-right: 33.3333333333%; + } + .ast-col-sm-offset-5 { + margin-right: 41.6666666667%; + } + .ast-col-sm-offset-6 { + margin-right: 50%; + } + .ast-col-sm-offset-7 { + margin-right: 58.3333333333%; + } + .ast-col-sm-offset-8 { + margin-right: 66.6666666667%; + } + .ast-col-sm-offset-9 { + margin-right: 75%; + } + .ast-col-sm-offset-10 { + margin-right: 83.3333333333%; + } + .ast-col-sm-offset-11 { + margin-right: 91.6666666667%; + } + .ast-col-sm-offset-12 { + margin-right: 100%; + } +} + +@media (min-width: 768px) { + .ast-col-md-1, .ast-col-md-2, .ast-col-md-3, .ast-col-md-4, .ast-col-md-5, .ast-col-md-6, .ast-col-md-7, .ast-col-md-8, .ast-col-md-9, .ast-col-md-10, .ast-col-md-11, .ast-col-md-12 { + float: right; + } + .ast-col-md-1 { + width: 8.3333333333%; + } + .ast-col-md-2 { + width: 16.6666666667%; + } + .ast-col-md-3 { + width: 25%; + } + .ast-col-md-4 { + width: 33.3333333333%; + } + .ast-col-md-5 { + width: 41.6666666667%; + } + .ast-col-md-6 { + width: 50%; + } + .ast-col-md-7 { + width: 58.3333333333%; + } + .ast-col-md-8 { + width: 66.6666666667%; + } + .ast-col-md-9 { + width: 75%; + } + .ast-col-md-10 { + width: 83.3333333333%; + } + .ast-col-md-11 { + width: 91.6666666667%; + } + .ast-col-md-12 { + width: 100%; + } + .ast-col-md-pull-0 { + left: auto; + } + .ast-col-md-pull-1 { + left: 8.3333333333%; + } + .ast-col-md-pull-2 { + left: 16.6666666667%; + } + .ast-col-md-pull-3 { + left: 25%; + } + .ast-col-md-pull-4 { + left: 33.3333333333%; + } + .ast-col-md-pull-5 { + left: 41.6666666667%; + } + .ast-col-md-pull-6 { + left: 50%; + } + .ast-col-md-pull-7 { + left: 58.3333333333%; + } + .ast-col-md-pull-8 { + left: 66.6666666667%; + } + .ast-col-md-pull-9 { + left: 75%; + } + .ast-col-md-pull-10 { + left: 83.3333333333%; + } + .ast-col-md-pull-11 { + left: 91.6666666667%; + } + .ast-col-md-pull-12 { + left: 100%; + } + .ast-col-md-push-0 { + right: auto; + } + .ast-col-md-push-1 { + right: 8.3333333333%; + } + .ast-col-md-push-2 { + right: 16.6666666667%; + } + .ast-col-md-push-3 { + right: 25%; + } + .ast-col-md-push-4 { + right: 33.3333333333%; + } + .ast-col-md-push-5 { + right: 41.6666666667%; + } + .ast-col-md-push-6 { + right: 50%; + } + .ast-col-md-push-7 { + right: 58.3333333333%; + } + .ast-col-md-push-8 { + right: 66.6666666667%; + } + .ast-col-md-push-9 { + right: 75%; + } + .ast-col-md-push-10 { + right: 83.3333333333%; + } + .ast-col-md-push-11 { + right: 91.6666666667%; + } + .ast-col-md-push-12 { + right: 100%; + } + .ast-col-md-offset-0 { + margin-right: 0%; + } + .ast-col-md-offset-1 { + margin-right: 8.3333333333%; + } + .ast-col-md-offset-2 { + margin-right: 16.6666666667%; + } + .ast-col-md-offset-3 { + margin-right: 25%; + } + .ast-col-md-offset-4 { + margin-right: 33.3333333333%; + } + .ast-col-md-offset-5 { + margin-right: 41.6666666667%; + } + .ast-col-md-offset-6 { + margin-right: 50%; + } + .ast-col-md-offset-7 { + margin-right: 58.3333333333%; + } + .ast-col-md-offset-8 { + margin-right: 66.6666666667%; + } + .ast-col-md-offset-9 { + margin-right: 75%; + } + .ast-col-md-offset-10 { + margin-right: 83.3333333333%; + } + .ast-col-md-offset-11 { + margin-right: 91.6666666667%; + } + .ast-col-md-offset-12 { + margin-right: 100%; + } +} + +@media (min-width: 992px) { + .ast-col-lg-1, .ast-col-lg-2, .ast-col-lg-3, .ast-col-lg-4, .ast-col-lg-5, .ast-col-lg-6, .ast-col-lg-7, .ast-col-lg-8, .ast-col-lg-9, .ast-col-lg-10, .ast-col-lg-11, .ast-col-lg-12 { + float: right; + } + .ast-col-lg-1 { + width: 8.3333333333%; + } + .ast-col-lg-2 { + width: 16.6666666667%; + } + .ast-col-lg-3 { + width: 25%; + } + .ast-col-lg-4 { + width: 33.3333333333%; + } + .ast-col-lg-5 { + width: 41.6666666667%; + } + .ast-col-lg-6 { + width: 50%; + } + .ast-col-lg-7 { + width: 58.3333333333%; + } + .ast-col-lg-8 { + width: 66.6666666667%; + } + .ast-col-lg-9 { + width: 75%; + } + .ast-col-lg-10 { + width: 83.3333333333%; + } + .ast-col-lg-11 { + width: 91.6666666667%; + } + .ast-col-lg-12 { + width: 100%; + } + .ast-col-lg-pull-0 { + left: auto; + } + .ast-col-lg-pull-1 { + left: 8.3333333333%; + } + .ast-col-lg-pull-2 { + left: 16.6666666667%; + } + .ast-col-lg-pull-3 { + left: 25%; + } + .ast-col-lg-pull-4 { + left: 33.3333333333%; + } + .ast-col-lg-pull-5 { + left: 41.6666666667%; + } + .ast-col-lg-pull-6 { + left: 50%; + } + .ast-col-lg-pull-7 { + left: 58.3333333333%; + } + .ast-col-lg-pull-8 { + left: 66.6666666667%; + } + .ast-col-lg-pull-9 { + left: 75%; + } + .ast-col-lg-pull-10 { + left: 83.3333333333%; + } + .ast-col-lg-pull-11 { + left: 91.6666666667%; + } + .ast-col-lg-pull-12 { + left: 100%; + } + .ast-col-lg-push-0 { + right: auto; + } + .ast-col-lg-push-1 { + right: 8.3333333333%; + } + .ast-col-lg-push-2 { + right: 16.6666666667%; + } + .ast-col-lg-push-3 { + right: 25%; + } + .ast-col-lg-push-4 { + right: 33.3333333333%; + } + .ast-col-lg-push-5 { + right: 41.6666666667%; + } + .ast-col-lg-push-6 { + right: 50%; + } + .ast-col-lg-push-7 { + right: 58.3333333333%; + } + .ast-col-lg-push-8 { + right: 66.6666666667%; + } + .ast-col-lg-push-9 { + right: 75%; + } + .ast-col-lg-push-10 { + right: 83.3333333333%; + } + .ast-col-lg-push-11 { + right: 91.6666666667%; + } + .ast-col-lg-push-12 { + right: 100%; + } + .ast-col-lg-offset-0 { + margin-right: 0%; + } + .ast-col-lg-offset-1 { + margin-right: 8.3333333333%; + } + .ast-col-lg-offset-2 { + margin-right: 16.6666666667%; + } + .ast-col-lg-offset-3 { + margin-right: 25%; + } + .ast-col-lg-offset-4 { + margin-right: 33.3333333333%; + } + .ast-col-lg-offset-5 { + margin-right: 41.6666666667%; + } + .ast-col-lg-offset-6 { + margin-right: 50%; + } + .ast-col-lg-offset-7 { + margin-right: 58.3333333333%; + } + .ast-col-lg-offset-8 { + margin-right: 66.6666666667%; + } + .ast-col-lg-offset-9 { + margin-right: 75%; + } + .ast-col-lg-offset-10 { + margin-right: 83.3333333333%; + } + .ast-col-lg-offset-11 { + margin-right: 91.6666666667%; + } + .ast-col-lg-offset-12 { + margin-right: 100%; + } +} + +@media (min-width: 1200px) { + .ast-col-xl-1, .ast-col-xl-2, .ast-col-xl-3, .ast-col-xl-4, .ast-col-xl-5, .ast-col-xl-6, .ast-col-xl-7, .ast-col-xl-8, .ast-col-xl-9, .ast-col-xl-10, .ast-col-xl-11, .ast-col-xl-12 { + float: right; + } + .ast-col-xl-1 { + width: 8.3333333333%; + } + .ast-col-xl-2 { + width: 16.6666666667%; + } + .ast-col-xl-3 { + width: 25%; + } + .ast-col-xl-4 { + width: 33.3333333333%; + } + .ast-col-xl-5 { + width: 41.6666666667%; + } + .ast-col-xl-6 { + width: 50%; + } + .ast-col-xl-7 { + width: 58.3333333333%; + } + .ast-col-xl-8 { + width: 66.6666666667%; + } + .ast-col-xl-9 { + width: 75%; + } + .ast-col-xl-10 { + width: 83.3333333333%; + } + .ast-col-xl-11 { + width: 91.6666666667%; + } + .ast-col-xl-12 { + width: 100%; + } + .ast-col-xl-pull-0 { + left: auto; + } + .ast-col-xl-pull-1 { + left: 8.3333333333%; + } + .ast-col-xl-pull-2 { + left: 16.6666666667%; + } + .ast-col-xl-pull-3 { + left: 25%; + } + .ast-col-xl-pull-4 { + left: 33.3333333333%; + } + .ast-col-xl-pull-5 { + left: 41.6666666667%; + } + .ast-col-xl-pull-6 { + left: 50%; + } + .ast-col-xl-pull-7 { + left: 58.3333333333%; + } + .ast-col-xl-pull-8 { + left: 66.6666666667%; + } + .ast-col-xl-pull-9 { + left: 75%; + } + .ast-col-xl-pull-10 { + left: 83.3333333333%; + } + .ast-col-xl-pull-11 { + left: 91.6666666667%; + } + .ast-col-xl-pull-12 { + left: 100%; + } + .ast-col-xl-push-0 { + right: auto; + } + .ast-col-xl-push-1 { + right: 8.3333333333%; + } + .ast-col-xl-push-2 { + right: 16.6666666667%; + } + .ast-col-xl-push-3 { + right: 25%; + } + .ast-col-xl-push-4 { + right: 33.3333333333%; + } + .ast-col-xl-push-5 { + right: 41.6666666667%; + } + .ast-col-xl-push-6 { + right: 50%; + } + .ast-col-xl-push-7 { + right: 58.3333333333%; + } + .ast-col-xl-push-8 { + right: 66.6666666667%; + } + .ast-col-xl-push-9 { + right: 75%; + } + .ast-col-xl-push-10 { + right: 83.3333333333%; + } + .ast-col-xl-push-11 { + right: 91.6666666667%; + } + .ast-col-xl-push-12 { + right: 100%; + } + .ast-col-xl-offset-0 { + margin-right: 0%; + } + .ast-col-xl-offset-1 { + margin-right: 8.3333333333%; + } + .ast-col-xl-offset-2 { + margin-right: 16.6666666667%; + } + .ast-col-xl-offset-3 { + margin-right: 25%; + } + .ast-col-xl-offset-4 { + margin-right: 33.3333333333%; + } + .ast-col-xl-offset-5 { + margin-right: 41.6666666667%; + } + .ast-col-xl-offset-6 { + margin-right: 50%; + } + .ast-col-xl-offset-7 { + margin-right: 58.3333333333%; + } + .ast-col-xl-offset-8 { + margin-right: 66.6666666667%; + } + .ast-col-xl-offset-9 { + margin-right: 75%; + } + .ast-col-xl-offset-10 { + margin-right: 83.3333333333%; + } + .ast-col-xl-offset-11 { + margin-right: 91.6666666667%; + } + .ast-col-xl-offset-12 { + margin-right: 100%; + } +} + +/*-------------------------------------------------------------- +# Site Variables +--------------------------------------------------------------*/ +/*---------- Font Size ----------*/ +/*---------- Line Height ----------*/ +/*---------- Site Basic Structure ----------*/ +/*---------- z-index Structure ----------*/ +/*-------------------------------------------------------------- +# Mixins +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Typography +--------------------------------------------------------------*/ +h1, h2, h3, h4, h5, h6 { + clear: both; +} + +h1, +.entry-content h1 { + color: #808285; + font-size: 2em; + line-height: 1.2; +} + +h2, +.entry-content h2 { + color: #808285; + font-size: 1.7em; + line-height: 1.3; +} + +h3, +.entry-content h3 { + color: #808285; + font-size: 1.5em; + line-height: 1.4; +} + +h4, +.entry-content h4 { + color: #808285; + line-height: 1.5; + font-size: 1.3em; +} + +h5, +.entry-content h5 { + color: #808285; + line-height: 1.6; + font-size: 1.2em; +} + +h6, +.entry-content h6 { + color: #808285; + line-height: 1.7; + font-size: 1.1em; +} + +/*-------------------------------------------------------------- +# Elements +--------------------------------------------------------------*/ +html { + box-sizing: border-box; +} + +*, +*:before, +*:after { + /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ + box-sizing: inherit; +} + +body { + color: #808285; + background: #ffffff; + /* Fallback for when there is no custom background color defined. */ + font-style: normal; +} + +ul, ol { + margin: 0 3em 1.5em 0; +} + +ul { + list-style: disc; +} + +ol { + list-style: decimal; +} + +li > ul, +li > ol { + margin-bottom: 0; + margin-right: 1.5em; +} + +dt { + font-weight: bold; +} + +dd { + margin: 0 1.5em 1.5em; +} + +b, +strong { + font-weight: bold; +} + +dfn, +cite, +em, +i { + font-style: italic; +} + +blockquote, +q { + quotes: "" ""; +} + +blockquote:before, blockquote:after, +q:before, +q:after { + content: ""; +} + +blockquote { + border-right: 5px solid rgba(0, 0, 0, 0.05); + padding: 20px; + font-size: 1.2em; + font-style: italic; + margin: 0 0 1.5em; + position: relative; +} + +blockquote p:last-child { + margin: 0; +} + +address { + margin: 0 0 1.5em; +} + +abbr, +acronym { + border-bottom: 1px dotted #666; + cursor: help; +} + +pre { + background: #eee; + font-family: "Courier 10 Pitch", Courier, monospace; + margin-bottom: 1.6em; + overflow: auto; + max-width: 100%; + padding: 1.6em; +} + +code, +kbd, +tt, +var { + font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; +} + +img { + height: auto; + /* Make sure images are scaled correctly. */ + max-width: 100%; + /* Adhere to container width. */ +} + +hr { + background-color: #ccc; + border: 0; + height: 1px; + margin-bottom: 1.5em; +} + +.ast-button, +.button, +button, +input, +select, +textarea { + color: #808285; + font-weight: normal; + font-size: 100%; + /* Corrects font size not being inherited in all browsers */ + margin: 0; + /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ + vertical-align: baseline; + /* Improves appearance and consistency in all browsers */ +} + +button, +input { + line-height: normal; + /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ +} + +big { + font-size: 125%; +} + +mark, +ins { + background: transparent; + text-decoration: none; +} + +table, th, td { + border: 1px solid rgba(0, 0, 0, 0.1); +} + +table { + border-collapse: separate; + border-spacing: 0; + border-width: 1px 1px 0 0; + margin: 0 0 1.5em; + width: 100%; +} + +th { + font-weight: bold; +} + +th, td { + padding: 8px; + text-align: right; + border-width: 0 0 1px 1px; +} + +/*-------------------------------------------------------------- +# Forms +--------------------------------------------------------------*/ +button, +.ast-button, +.button, +input[type="button"], +input[type="reset"], +input[type="submit"] { + border: 1px solid; + border-color: #eaeaea; + border-radius: 2px; + background: #e6e6e6; + padding: .6em 1em .4em; + color: #fff; +} + +button:hover, button:focus, +.ast-button:hover, +.ast-button:focus, +.button:hover, +.button:focus, +input[type="button"]:hover, +input[type="button"]:focus, +input[type="reset"]:hover, +input[type="reset"]:focus, +input[type="submit"]:hover, +input[type="submit"]:focus { + color: #fff; + border-color: #eaeaea; +} + +button:active, button:focus, +.ast-button:active, +.ast-button:focus, +.button:active, +.button:focus, +input[type="button"]:active, +input[type="button"]:focus, +input[type="reset"]:active, +input[type="reset"]:focus, +input[type="submit"]:active, +input[type="submit"]:focus { + border-color: #eaeaea; + outline: none; +} + +input[type="text"], +input[type="email"], +input[type="url"], +input[type="password"], +input[type="search"], +input[type="tel"], +textarea { + color: #666; + border: 1px solid #ccc; + border-radius: 2px; + -webkit-appearance: none; +} + +input[type="text"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +textarea:focus { + color: #111; +} + +textarea { + padding-right: 3px; + width: 100%; +} + +/*-------------------------------------------------------------- +# Navigation +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +## Links +--------------------------------------------------------------*/ +a { + color: royalblue; +} + +a:hover, a:focus { + color: midnightblue; +} + +a:focus { + outline: thin dotted; +} + +a:hover { + outline: 0; +} + +/*-------------------------------------------------------------- +# Accessibility +--------------------------------------------------------------*/ +/* Text meant only for screen readers. */ +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.screen-reader-text:focus { + background-color: #f1f1f1; + border-radius: 2px; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + clip: auto !important; + color: #21759b; + display: block; + font-size: 12.25px; + font-size: 0.875rem; + height: auto; + right: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; + /* Above WP toolbar. */ +} + +.alignleft { + display: inline; + float: right; + margin-left: 1.5em; +} + +.alignright { + display: inline; + float: left; + margin-right: 1.5em; +} + +.aligncenter { + clear: both; + text-align: center; + display: block; + margin-right: auto; + margin-left: auto; +} + +.clear:before, +.clear:after, +.site-header:before, +.site-header:after, +.site-content:before, +.site-content:after, +#primary:before, +#primary:after, +.site-main:before, +.site-main:after, +#secondary:before, +#secondary:after, +.sidebar-main:before, +.sidebar-main:after, +.site-footer:before, +.site-footer:after, +.ast-row:before, +.ast-row:after, +.ast-container:before, +.ast-container:after { + content: ""; + display: table; +} + +.clear:after, +.site-header:after, +.site-content:after, +#primary:after, +.site-main:after, +#secondary:after, +.sidebar-main:after, +.site-footer:after, +.ast-row:after, +.ast-container:after { + clear: both; +} + +/*-------------------------------------------------------------- +# Media +--------------------------------------------------------------*/ +/* Make sure embeds and iframes fit their containers. */ +embed, +iframe, +object { + max-width: 100%; +} + +/*-------------------------------------------------------------- +## Captions +--------------------------------------------------------------*/ +.wp-caption { + margin-bottom: 1.5em; + max-width: 100%; +} + +.wp-caption img[class*="wp-image-"] { + display: block; + margin-right: auto; + margin-left: auto; +} + +.wp-caption .wp-caption-text { + margin: 0.8075em 0; +} + +.wp-caption-text { + text-align: center; +} + +/*-------------------------------------------------------------- +# Content +--------------------------------------------------------------*/ +/*---------- Mixins ----------*/ +/*---------- Site Variables ----------*/ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/*---------- Site Normalize ----------*/ +::selection { + color: #fff; + background: #0274be; +} + +body { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body:not(.logged-in) { + position: relative; +} + +#page { + position: relative; +} + +a, +a:focus { + text-decoration: none; +} + +a, +.site-header a *, +.site-footer a *, +.secondary a * { + transition: all 0.2s linear; +} + +.capitalize { + text-transform: uppercase; +} + +img { + vertical-align: middle; +} + +.entry-content h1, +.entry-content h2, +.entry-content h3, +.entry-content h4, +.entry-content h5, +.entry-content h6 { + margin-bottom: 20px; +} + +p { + margin-bottom: 1.75em; +} + +blockquote { + margin: 1.5em 3em 1.5em 1em; + padding: 1.2em; + font-size: 1.1em; + line-height: inherit; + position: relative; +} + +.ast-button, +.button, +input[type="button"], +input[type="submit"] { + border-radius: 0; + padding: 18px 30px; + border: 0; + box-shadow: none; + text-shadow: none; +} + +.ast-button:hover, +.button:hover, +input[type="button"]:hover, +input[type="submit"]:hover { + box-shadow: none; +} + +.ast-button:active, .ast-button:focus, +.button:active, +.button:focus, +input[type="button"]:active, +input[type="button"]:focus, +input[type="submit"]:active, +input[type="submit"]:focus { + box-shadow: none; +} + +.site-title { + font-weight: normal; +} + +.site-title, +.site-description { + margin-bottom: 0; +} + +.site-title a, +.site-title:hover a, +.site-title:focus a, +.site-description a, +.site-description:hover a, +.site-description:focus a { + transition: all 0.2s linear; +} + +.site-title a, +.site-title a:focus, +.site-title a:hover, +.site-title a:visited { + color: #222; +} + +.site-description a, +.site-description a:focus, +.site-description a:hover, +.site-description a:visited { + color: #999; +} + +.search-form .search-field { + outline: none; +} + +.ast-search-menu-icon { + position: relative; + z-index: 3; +} + +/* must have higher specificity than alternative color schemes inline styles */ +.site .skip-link { + background-color: #f1f1f1; + box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); + color: #21759b; + display: block; + font-family: Montserrat, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 700; + right: -9999em; + outline: none; + padding: 15px 23px 14px; + text-decoration: none; + text-transform: none; + top: -9999em; +} + +.site .skip-link:focus { + clip: auto; + height: auto; + right: 6px; + top: 7px; + width: auto; + z-index: 100000; + outline: thin dotted; +} + +.logged-in .site .skip-link { + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); + font-family: "Open Sans", sans-serif; +} + +select, +input { + line-height: 1; +} + +body, +button, +input[type="button"], +input[type="submit"], +textarea, +.ast-button, +.ast-custom-button { + line-height: 1.85714285714286; +} + +.site-title a { + line-height: 1.2; +} + +.site-header .site-description { + line-height: 1.5; +} + +.ast-single-post .entry-title, +.ast-single-post .entry-title a { + line-height: 1.2; +} + +.entry-title, +.entry-title a { + font-weight: normal; +} + +/*---------- Media ----------*/ +/* Astra Respnosive oEmbed Video container */ +.ast-oembed-container { + position: relative; + padding-top: 56.25%; + height: 0; + overflow: hidden; + max-width: 100%; + height: auto; +} + +.ast-oembed-container iframe, .ast-oembed-container object, .ast-oembed-container embed { + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; +} + +body .ast-oembed-container * { + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; +} + +/*---------- Basic Layout ----------*/ +.ast-hidden { + display: none !important; +} + +body { + background-color: #ffffff; +} + +#page { + display: block; +} + +#primary, +#secondary { + display: block; + position: relative; + float: right; + width: 100%; +} + +#primary { + margin: 4em 0; +} + +.ast-separate-container { + background-color: #f5f5f5; +} + +.ast-separate-container #primary { + padding: 4em 0; + margin: 0; + border: 0; +} + +.ast-separate-container .site-main > .ast-row { + margin-right: 0; + margin-left: 0; +} + +.ast-separate-container .ast-article-post, +.ast-separate-container .ast-article-single:not(.ast-related-post) { + background-color: #fff; +} + +.ast-separate-container .ast-article-post, +.ast-separate-container .ast-article-single { + border-bottom: 1px solid #eeeeee; + margin: 0; + padding: 5.34em 6.67em; +} + +.ast-separate-container .blog-layout-1 { + padding: 0; + border-bottom: 0; +} + +.ast-separate-container .ast-article-single { + border-bottom: 0; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-post, + .ast-separate-container .ast-article-single { + margin: 0; + padding: 3.34em 2.4em; + } +} + +.ast-page-builder-template .hentry { + margin: 0; +} + +.ast-page-builder-template .site-content > .ast-container { + max-width: 100%; + padding: 0; +} + +.ast-page-builder-template .site-content #primary { + padding: 0; + margin: 0; +} + +.ast-page-builder-template .no-results { + text-align: center; + margin: 4em auto; +} + +.ast-page-builder-template .entry-header { + margin-top: 4em; + margin-right: auto; + margin-left: auto; + padding-right: 20px; + padding-left: 20px; +} + +.ast-page-builder-template .entry-header.ast-no-title.ast-no-thumbnail { + margin-top: 0; +} + +.ast-page-builder-template .entry-header.ast-header-without-markup { + margin-top: 0; + margin-bottom: 0; +} + +.ast-page-builder-template .entry-header.ast-no-title.ast-no-meta { + margin-bottom: 0; +} + +.ast-page-builder-template.single .post-navigation { + padding-bottom: 2em; +} + +.ast-page-builder-template .ast-archive-description { + margin-top: 4em; + margin-right: auto; + margin-left: auto; + padding-right: 20px; + padding-left: 20px; +} + +@media (min-width: 993px) { + .ast-separate-container.ast-right-sidebar #primary, + .ast-separate-container.ast-left-sidebar #primary, + .ast-separate-container #primary { + margin: 4em 0; + padding: 0; + } + .ast-right-sidebar #primary { + padding-left: 60px; + } + .ast-left-sidebar #primary { + padding-right: 60px; + } +} + +@media (max-width: 992px) { + .ast-separate-container.ast-right-sidebar #primary, + .ast-separate-container.ast-left-sidebar #primary, + .ast-separate-container #primary { + padding-right: 0; + padding-left: 0; + } + .ast-right-sidebar #primary { + padding-left: 30px; + } + .ast-left-sidebar #primary { + padding-right: 30px; + } +} + +/*---------- Navigation ----------*/ +/** + * Navigations + * + * @import + * 1 - Primary Menus + * 2 - Secondary Menus + * 3 - Header Top Menus + * + * Contents + * 1 - Toggle Button + * +*/ +/** + * @import + */ +/* 1 - Primary Menus */ +.ast-search-icon .astra-search-icon { + font-size: 1.3em; +} + +.main-navigation { + height: 100%; + -js-display: inline-flex; + display: inline-flex; +} + +.main-navigation ul { + list-style: none; + margin: 0; + padding-right: 0; + position: relative; +} + +.main-header-menu .menu-link, +.main-header-menu > a { + text-decoration: none; + padding: 0 1em; + display: inline-block; + transition: all 0.2s linear; +} + +.main-header-menu .menu-item { + position: relative; +} + +.main-header-menu .menu-item:hover > .sub-menu, +.main-header-menu .menu-item.focus > .sub-menu { + left: auto; + right: 0; +} + +.main-header-menu .ast-left-align-sub-menu:hover > .sub-menu, +.main-header-menu .ast-left-align-sub-menu.focus > .sub-menu { + left: 0; + right: auto; +} + +@media (min-width: 769px) { + .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, + .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + right: -100%; + } + .main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover > .sub-menu, + .main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus > .sub-menu { + right: -100%; + } +} + +.main-header-menu .sub-menu { + width: 240px; + background: #ffffff; + right: -999em; + position: absolute; + top: 100%; + z-index: 99999; +} + +@media (min-width: 769px) { + .main-header-menu .sub-menu .menu-item:hover > .sub-menu, + .main-header-menu .sub-menu .menu-item.focus > .sub-menu { + right: 100%; + left: auto; + } + .main-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu { + right: -100%; + } + .main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, + .main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + right: -100%; + } +} + +.main-header-menu .sub-menu .menu-link { + padding: 0.9em 1em; + display: block; + word-wrap: break-word; +} + +.main-header-menu .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type { + display: none; +} + +#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .icon-arrow svg { + position: absolute; + left: .60em; + top: 50%; + transform: translate(0, -50%) rotate(-270deg); +} + +.main-header-menu .sub-menu .sub-menu { + top: 0px; +} + +.submenu-with-border .sub-menu { + border-width: 1px; + border-style: solid; +} + +.submenu-with-border .sub-menu .menu-link { + border-width: 0 0 1px; + border-style: solid; +} + +.submenu-with-border .sub-menu .sub-menu { + top: -1px; +} + +/* Remove the last anchor border for desktop devices */ +.ast-desktop .submenu-with-border .sub-menu > .menu-item:last-child > .menu-link { + border-bottom-width: 0; +} + +.ast-header-break-point .main-navigation { + padding-right: 0; +} + +.ast-header-break-point .main-navigation ul .menu-item .menu-link { + padding: 0 20px; + display: inline-block; + width: 100%; + border: 0; + border-bottom-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type { + margin-left: 5px; +} + +.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type { + display: inline; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link { + padding-right: 30px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link { + padding-right: 40px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link { + padding-right: 50px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link { + padding-right: 60px; +} + +.ast-header-break-point .main-header-menu { + background-color: #f9f9f9; + border-top-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point .main-header-menu .sub-menu { + background-color: #f9f9f9; + position: static; + opacity: 1; + visibility: visible; + border: 0; + width: auto; +} + +.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu, +.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu { + right: 0; +} + +.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, +.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + right: 0; +} + +.ast-header-break-point .submenu-with-border .sub-menu { + border: 0; +} + +.ast-header-break-point .dropdown-menu-toggle { + display: none; +} + +/** + * Contents + */ +.ast-mobile-menu-buttons { + display: none; +} + +/* Toggle Button */ +.ast-button-wrap { + display: inline-block; +} + +.ast-button-wrap button { + box-shadow: none; + border: none; +} + +.ast-button-wrap .menu-toggle { + padding: 0; + width: 2.2em; + height: 2.1em; + font-size: 1.5em; + font-weight: normal; + border-radius: 2px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + border-radius: 2px; + vertical-align: middle; + line-height: 1.85714285714286; +} + +.ast-button-wrap .menu-toggle.main-header-menu-toggle { + padding: 0 .5em; + width: auto; + text-align: center; +} + +.ast-button-wrap .menu-toggle.main-header-menu-toggle .mobile-menu { + font-size: 15px; + font-size: 1rem; + font-weight: 600; +} + +.ast-button-wrap .menu-toggle .menu-toggle-icon { + font-style: normal; + display: inline-block; + vertical-align: middle; + line-height: 2.05; +} + +.ast-button-wrap .menu-toggle .menu-toggle-icon:before { + content: "\e5d2"; + font-family: 'Astra'; + text-decoration: inherit; +} + +.ast-button-wrap .menu-toggle .icon-menu-bars svg:nth-child(2) { + display: none; +} + +.ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before { + content: "\e5cd"; +} + +.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(1) { + display: none; +} + +.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(2) { + display: block; +} + +.ast-button-wrap .menu-toggle .mobile-menu-wrap { + display: inline-block; +} + +.ast-button-wrap .menu-toggle:focus { + outline: thin dotted; +} + +.header-main-layout-1 .ast-main-header-bar-alignment { + margin-right: auto; +} + +#site-navigation { + height: 100%; +} + +.site-header .menu-link * { + transition: none; +} + +.ast-icon.icon-arrow svg { + height: .6em; + width: .6em; + position: relative; + margin-right: 10px; +} + +.ast-icon.icon-search svg { + height: 1em; + width: 0.9em; + margin-top: 3px; + margin-left: 2px; +} + +/* Responsive Screen */ +.ast-header-break-point .user-select { + clear: both; +} + +.ast-header-break-point .ast-mobile-menu-buttons { + display: block; + align-self: center; +} + +.ast-header-break-point .main-header-bar-navigation { + flex: auto; +} + +.ast-header-break-point .ast-main-header-bar-alignment { + display: block; + width: 100%; + flex: auto; + order: 4; +} + +.ast-header-break-point .ast-icon.icon-arrow svg { + height: .85em; + width: .95em; + position: relative; + margin-right: 10px; +} + +/** + * Post/Page Navigation + */ +.site-main .comment-navigation, .site-main +.posts-navigation, .site-main +.post-navigation { + margin: 0 0 1.5em; + overflow: hidden; +} + +.comment-navigation .nav-previous, +.comment-navigation .nav-next, +.posts-navigation .nav-previous, +.posts-navigation .nav-next, +.post-navigation .nav-previous, +.post-navigation .nav-next { + width: 50%; + display: inline-block; +} + +.comment-navigation .nav-next, +.posts-navigation .nav-next, +.post-navigation .nav-next { + text-align: left; +} + +.ast-icon svg { + fill: currentColor; +} + +.post-navigation a { + background: transparent; + font-size: 16px; + font-size: 1.06666rem; + padding: 0 1.5em; + height: 2.33333em; + line-height: calc(2.33333em - 3px); +} + +/*---------- Header ----------*/ +/** + * Header + * + * @import + * 1 - Header Layouts + * 3 - Header Layout Common + * 4 - Header Main + * 5 - Header Top Bar + * 7 - Header Toggle Buttons +*/ +/* 1 - Header Layouts */ +/** + * Header Layouts + * + * @import + * 1 - Header Layout 1 + * 2 - Header Layout 2 + * 3 - Header Layout 3 + * 4 - Header Inline Logo & Site Title + * 5 - Next Button Menu Item + * 6 - Responsive Style +*/ +/* 4 - Next Button Menu Item */ +.main-header-bar { + z-index: 1; +} + +/** + * 1 - Header Layout 1 +*/ +.header-main-layout-1.ast-primary-menu-disabled .ast-masthead-custom-menu-items { + text-align: left; +} + +.header-main-layout-1 .main-header-bar-navigation { + text-align: left; +} + +.header-main-layout-1 .main-header-bar-navigation .sub-menu { + text-align: right; +} + +.header-main-layout-1 .main-navigation { + padding-right: 15px; + vertical-align: top; +} + +.header-main-layout-1 .main-header-container { + align-items: stretch; +} + +/** + * 2 - Header Layout 2 +*/ +.header-main-layout-2 .main-header-container { + display: block; +} + +.header-main-layout-2 .site-branding { + text-align: center; + padding-bottom: 1em; +} + +.header-main-layout-2 .site-title { + justify-content: center; +} + +.header-main-layout-2 .main-navigation ul { + justify-content: center; +} + +.header-main-layout-2 .main-header-bar-navigation { + text-align: center; +} + +.header-main-layout-2 .main-header-bar-navigation .sub-menu { + text-align: right; +} + +.header-main-layout-2 .ast-header-custom-item { + justify-content: center; + line-height: 1.85714285714286; +} + +.header-main-layout-2 .ast-masthead-custom-menu-items { + position: relative; +} + +.header-main-layout-2 .widget { + text-align: center; +} + +.ast-header-custom-item-outside .header-main-layout-2 .main-header-container { + -js-display: flex; + display: flex; + justify-content: center; +} + +.ast-header-custom-item-outside .header-main-layout-2 .site-branding { + flex: 0 0 100%; +} + +/** + * 3 - Header Layout 3 +*/ +.header-main-layout-3 .ast-site-identity { + text-align: left; +} + +.header-main-layout-3 .main-header-container { + flex-direction: row-reverse; + align-items: stretch; +} + +.header-main-layout-3 .main-navigation { + padding-left: 15px; +} + +.header-main-layout-3 .main-navigation ul { + justify-content: flex-start; +} + +.header-main-layout-3 .main-header-bar-navigation { + text-align: right; +} + +.header-main-layout-3 .ast-header-custom-item { + justify-content: flex-start; +} + +.header-main-layout-3 .ast-masthead-custom-menu-items { + position: relative; +} + +.header-main-layout-3 li .ast-search-icon { + padding-right: .5em; +} + +.header-main-layout-3 .ast-search-menu-icon { + right: 0; + left: 0; +} + +.header-main-layout-3 li .ast-search-menu-icon { + right: 1em; + left: 0; +} + +.header-main-layout-3 .main-header-bar .ast-search-menu-icon .search-form { + padding: 0 3em 0 0; +} + +.header-main-layout-3 .main-header-bar .ast-search-menu-icon.slide-search .search-form { + right: -1em; + left: auto; +} + +.ast-header-break-point .header-main-layout-1 .site-branding { + padding-left: 1em; +} + +.ast-header-break-point .header-main-layout-1 .main-header-bar-navigation { + text-align: right; +} + +.ast-header-break-point .header-main-layout-1 .main-navigation { + padding-right: 0; +} + +.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items { + flex: 1 1 100%; +} + +.ast-header-break-point .ast-mobile-header-stack .site-branding { + padding-right: 0; + padding-left: 0; + padding-bottom: 1em; + flex: 1 1 100%; +} + +.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items, +.ast-header-break-point .ast-mobile-header-stack .site-branding, +.ast-header-break-point .ast-mobile-header-stack .site-title, +.ast-header-break-point .ast-mobile-header-stack .ast-site-identity { + justify-content: center; + text-align: center; +} + +.ast-header-break-point .ast-mobile-header-stack.ast-logo-title-inline .site-title { + text-align: right; +} + +.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { + flex: 1 1 100%; + text-align: center; + justify-content: center; +} + +.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .main-header-container { + flex-direction: initial; +} + +.ast-header-break-point .header-main-layout-2 .ast-mobile-menu-buttons { + -js-display: flex; + display: flex; + justify-content: center; +} + +.ast-header-break-point .header-main-layout-2 .main-header-bar-navigation, +.ast-header-break-point .header-main-layout-2 .widget { + text-align: right; +} + +.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-3 .main-header-bar .ast-search-icon { + margin-left: auto; + margin-right: 1em; +} + +.ast-header-break-point .header-main-layout-3 .main-header-bar .ast-search-menu-icon.slide-search .search-form { + left: auto; + right: 0; +} + +.ast-header-break-point .header-main-layout-3.ast-mobile-header-inline .ast-mobile-menu-buttons { + justify-content: flex-start; +} + +.ast-header-break-point .header-main-layout-3 li .ast-search-menu-icon { + right: 0; +} + +.ast-header-break-point .header-main-layout-3 .site-branding { + padding-right: 1em; + justify-content: flex-end; +} + +.ast-header-break-point .header-main-layout-3 .main-navigation { + padding-left: 0; +} + +/** + * 4 - Header Inline Logo & Site Title +*/ +.ast-logo-title-inline .ast-site-identity { + -js-display: inline-flex; + display: inline-flex; + vertical-align: middle; + align-items: center; + transition: all 0.2s linear; +} + +.ast-logo-title-inline .site-logo-img { + padding-left: 1em; +} + +.ast-logo-title-inline.header-main-layout-2 .site-logo-img + .ast-site-title-wrap .site-title { + justify-content: flex-start; +} + +/* Mobile Header Alignment */ +@media (max-width: 544px) { + .ast-header-custom-item-outside .ast-mobile-header-stack .site-branding { + padding-left: 0; + } + .ast-header-custom-item-outside .ast-mobile-header-stack .site-title { + justify-content: center; + text-align: center; + } + .ast-header-break-point .ast-mobile-header-stack .site-branding, + .ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { + justify-content: center; + text-align: center; + padding-bottom: 0; + } +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-branding { + text-align: right; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-title { + justify-content: left; +} + +.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-2 .ast-mobile-menu-buttons { + padding-bottom: 1em; +} + +.ast-header-break-point .ast-mobile-header-stack .main-header-container, +.ast-header-break-point .ast-mobile-header-inline .main-header-container { + -js-display: flex; + display: flex; +} + +/* 3 - Header Common */ +/** + * Header Common + * + * Contents + * 1 - Common + * 4 - Main Header Container + * 6 - all and (max-width: $mx-break-point) + * 7 - Auto Margin +*/ +/** + * 1 - Common + */ +.site-header { + z-index: 99; + position: relative; +} + +/** + * 4 - Main Header Container + */ +.main-header-container { + position: relative; +} + +.main-header-bar-wrap { + position: relative; +} + +.main-header-bar { + background-color: #fff; + border-bottom-color: #eaeaea; + border-bottom-style: solid; +} + +/** + * 6 - all and (max-width: $mx-break-point) + */ +.ast-header-break-point .main-header-bar { + border: 0; +} + +.ast-header-break-point .main-header-bar { + border-bottom-color: #eaeaea; + border-bottom-style: solid; +} + +/** + * 7 - Auto Margin + */ +.main-header-bar { + margin-right: auto; + margin-left: auto; +} + +/** + * 10 - Submenu container box shadow + */ +.ast-desktop .main-header-menu:not(#ast-hf-mobile-menu) .sub-menu { + box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); +} + +.ast-header-custom-item-inside .button-custom-menu-item .menu-link { + display: none; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item { + padding-right: 0; + padding-left: 0; + margin-top: 0; + margin-bottom: 0; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .ast-custom-button-link { + display: none; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .menu-link { + display: block; +} + +/* 4 - Header Main */ +/** + * Header Sections + * + * All sections within the header. + * + * Contents + * 1 - Common + * 2 - Social Follow + * 3 - Site Logo + * 4 - Search Form + * + * # Responsive +*/ +/** + * 1 - Common + */ +/* Default Padding For Nav */ +.nav-style { + display: block; + padding: 0 15px; +} + +.site-branding { + line-height: 1; + align-self: center; +} + +.ast-no-menu-items .main-navigation { + display: none; +} + +.ast-menu-toggle { + display: none; + background: transparent; + color: inherit; + border-style: dotted; + border-color: transparent; +} + +.ast-menu-toggle:focus, .ast-menu-toggle:hover { + background: transparent; + border-color: inherit; + color: inherit; +} + +.ast-menu-toggle:focus { + outline: thin dotted; +} + +/** + * 4 - Search Form & Main Header + */ +.ast-main-header-nav-open .main-header-bar { + padding-bottom: 0; +} + +.main-header-bar { + z-index: 4; + position: relative; + line-height: 4; +} + +.main-header-bar .main-header-bar-navigation { + height: 100%; +} + +.main-header-bar .main-header-bar-navigation:empty { + padding: 0; +} + +.main-header-bar .main-header-bar-navigation .sub-menu { + line-height: 1.45; +} + +.main-header-bar .main-header-bar-navigation .menu-item-has-children > .menu-link:after { + line-height: normal; +} + +.main-header-bar .main-header-bar-navigation .ast-search-icon { + display: block; + z-index: 4; + position: relative; +} + +.main-header-bar .ast-search-menu-icon .search-form { + background-color: #ffffff; +} + +.ast-primary-menu-disabled .main-header-bar .main-header-bar-navigation.toggle-on { + padding-top: 0; +} + +.ast-flyout-menu-enable .main-header-bar .ast-masthead-custom-menu-items .ast-custom-button-link { + border: none; +} + +.ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon .search-form { + visibility: visible; + opacity: 1; + position: relative; + left: auto; + top: auto; + transform: none; +} + +.ast-masthead-custom-menu-items .ast-dropdown-active .slide-search.astra-search-icon, +.below-header-user-select .ast-dropdown-active .slide-search.astra-search-icon, +.ast-above-header-section .user-select .ast-dropdown-active .slide-search.astra-search-icon { + color: #757575; +} + +.ast-search-menu-icon.slide-search .search-form { + -webkit-backface-visibility: visible; + backface-visibility: visible; + visibility: hidden; + opacity: 0; + transition: all .2s; + position: absolute; + z-index: 3; + left: -1em; + top: 50%; + transform: translateY(-50%); +} + +.ast-search-menu-icon.ast-dropdown-active.slide-search .search-form { + visibility: visible; + opacity: 1; +} + +.ast-search-menu-icon .search-form { + border: 1px solid #e7e7e7; + line-height: normal; + padding: 0 0 0 3em; + border-radius: 2px; + display: inline-block; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + position: relative; + color: inherit; + background-color: #fff; +} + +.ast-search-menu-icon .astra-search-icon { + -js-display: flex; + display: flex; + line-height: normal; +} + +.ast-search-menu-icon .astra-search-icon:focus { + outline: none; +} + +.ast-search-menu-icon .search-field { + border: none; + background-color: transparent; + transition: width .2s; + border-radius: inherit; + color: inherit; + font-size: inherit; + width: 0; + color: #757575; +} + +.ast-search-menu-icon .search-submit { + display: none; + background: none; + border: none; + font-size: 1.3em; + color: #757575; +} + +.ast-search-menu-icon.ast-dropdown-active { + visibility: visible; + opacity: 1; + position: relative; +} + +.ast-search-menu-icon.ast-dropdown-active .search-field { + width: 235px; +} + +li.ast-masthead-custom-menu-items { + padding: 0 1em; +} + +li.ast-masthead-custom-menu-items a { + padding-right: 0; + padding-left: 0; + vertical-align: middle; +} + +li.ast-masthead-custom-menu-items a, +li.ast-masthead-custom-menu-items a:hover, +li.ast-masthead-custom-menu-items a:focus { + background: transparent; +} + +li.ast-masthead-custom-menu-items .ast-search-icon .astra-search-icon { + line-height: 1; +} + +.ast-search-icon { + z-index: 4; + position: relative; + line-height: normal; +} + +.ast-primary-menu-disabled.ast-mobile-header-inline .ast-masthead-custom-menu-items { + text-align: left; +} + +.ast-primary-menu-disabled .ast-masthead-custom-menu-items { + flex: 1; +} + +.ast-primary-menu-disabled.header-main-layout-2 .ast-masthead-custom-menu-items { + text-align: center; +} + +.ast-primary-menu-disabled.header-main-layout-3 .ast-masthead-custom-menu-items { + text-align: right; +} + +.ast-masthead-custom-menu-items { + padding: 0 1em; +} + +.search-custom-menu-item { + position: relative; +} + +/* Hide Mobile logo. */ +.custom-mobile-logo-link { + display: none; +} + +.ast-site-identity { + padding: 1em 0; +} + +.ast-header-break-point .ast-mobile-header-stack .site-description { + text-align: center; +} + +.ast-header-break-point .ast-mobile-header-stack.ast-logo-title-inline .site-description { + text-align: right; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled .ast-mobile-menu-buttons { + display: none; +} + +.ast-header-break-point .ast-hide-custom-menu-mobile .ast-masthead-custom-menu-items { + display: none; +} + +.ast-header-break-point .ast-mobile-header-inline .site-branding { + text-align: right; + padding-bottom: 0; +} + +.ast-header-break-point .ast-mobile-header-inline.header-main-layout-3 .site-branding { + text-align: left; +} + +.ast-header-break-point .site-header .main-header-bar-wrap .site-branding { + -js-display: flex; + display: flex; + flex: 1; + align-self: center; +} + +.ast-header-break-point ul li.ast-masthead-custom-menu-items a { + padding: 0; + display: inline-block; + width: auto; + border: 0; +} + +.ast-header-break-point li.ast-masthead-custom-menu-items { + padding-right: 20px; + padding-left: 20px; + margin-bottom: 1em; + margin-top: 1em; +} + +.ast-header-break-point .ast-site-identity { + width: 100%; +} + +.ast-header-break-point .main-header-bar-navigation .menu-item-has-children > .menu-link:after { + display: none; +} + +.ast-header-break-point .main-header-bar { + display: block; + line-height: 3; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation { + line-height: 3; + display: none; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu { + line-height: 3; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu { + display: none; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle { + display: inline-block; + position: absolute; + font-size: inherit; + top: -1px; + left: 20px; + cursor: pointer; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + padding: 0 0.907em; + font-weight: normal; + line-height: inherit; + transition: all .2s; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before, +.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle .icon-arrow svg { + transform: rotateX(180deg); +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu { + border-top-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point.ast-header-custom-item-inside .ast-search-menu-icon { + position: relative; + display: block; + left: auto; + transform: none; +} + +.ast-header-break-point .main-navigation { + display: block; + width: 100%; +} + +.ast-header-break-point .main-navigation ul > .menu-item:first-child { + border-top: 0; +} + +.ast-header-break-point .main-navigation ul ul { + right: auto; + left: auto; +} + +.ast-header-break-point .main-navigation li { + width: 100%; +} + +.ast-header-break-point .main-navigation .widget { + margin-bottom: 1em; +} + +.ast-header-break-point .main-navigation .widget li { + width: auto; +} + +.ast-header-break-point .main-navigation .widget:last-child { + margin-bottom: 0; +} + +.ast-header-break-point .main-header-bar-navigation { + width: calc( 100% + 40px); + margin: 0 -20px; +} + +.ast-header-break-point .main-header-menu ul ul { + top: 0; +} + +.ast-header-break-point .ast-has-mobile-header-logo .custom-logo-link { + display: none; +} + +.ast-header-break-point .ast-has-mobile-header-logo .custom-mobile-logo-link { + display: inline-block; +} + +.ast-header-break-point.ast-mobile-inherit-site-logo .ast-has-mobile-header-logo .custom-logo-link, +.ast-header-break-point.ast-mobile-inherit-site-logo .ast-has-mobile-header-logo .astra-logo-svg { + display: block; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-menu-buttons { + order: 2; +} + +.ast-header-break-point.ast-header-custom-item-outside .main-header-bar-navigation { + order: 3; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-masthead-custom-menu-items { + order: 1; +} + +.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-2 .ast-masthead-custom-menu-items { + text-align: center; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-branding, +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .ast-mobile-menu-buttons { + -js-display: flex; + display: flex; +} + +.ast-header-break-point.ast-header-custom-item-outside.ast-header-custom-item-outside .header-main-layout-2 .ast-mobile-menu-buttons { + padding-bottom: 0; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .ast-site-identity { + width: 100%; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline.header-main-layout-3 .ast-site-identity { + width: auto; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline.header-main-layout-2 .site-branding { + flex: 1 1 auto; +} + +@media (max-width: 544px) { + .ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { + width: 100%; + } + .ast-header-break-point .ast-mobile-header-stack .site-branding, + .ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { + justify-content: center; + } + .ast-header-break-point .ast-mobile-header-stack .main-header-bar-wrap .site-branding { + flex: 1 1 auto; + } + .ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { + padding-top: 0.8em; + } + .ast-header-break-point .ast-mobile-header-stack.header-main-layout-2 .ast-mobile-menu-buttons { + padding-top: 0.8em; + } + .ast-header-break-point .ast-mobile-header-stack.header-main-layout-1 .site-branding { + padding-bottom: 0; + } + .ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items { + padding: 0.8em 1em 0 1em; + text-align: center; + width: 100%; + } + .ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .ast-mobile-menu-buttons, + .ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .ast-masthead-custom-menu-items { + padding-top: 0.8em; + } +} + +/* Customize Preview */ +/** + * Customizer Edit pencil - Set Position + */ +.customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button { + display: none; +} + +.ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button { + display: inline-block; +} + +.customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button { + display: none; +} + +.ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button { + display: inline-block; +} + +.customize-partial-edit-shortcut-astra-settings-display-site-title-responsive button.customize-partial-edit-shortcut-button { + display: none; +} + +.customize-partial-edit-shortcut-astra-settings-display-site-tagline-responsive button.customize-partial-edit-shortcut-button { + display: none; +} + +.customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button { + display: none; +} + +.site-logo-img:hover .customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button { + display: inline-block; +} + +.customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button { + display: none; +} + +.main-navigation:hover .customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button { + display: inline-block; +} + +/* Sticky Header CSS */ +.ast-primary-sticky-header-active .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button { + right: 100px; +} + +.ast-primary-sticky-header-active.ast-full-width-header .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button { + right: 5px; +} + +/* Primary Header common CSS */ +.customize-partial-edit-shortcut-astra-settings-disable-primary-nav .customize-partial-edit-shortcut-button { + top: 15px; +} + +.ast-masthead-custom-menu-items.search-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button { + right: -30px; + top: -7px; + display: none; +} + +.ast-masthead-custom-menu-items.search-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button { + display: block; +} + +.ast-masthead-custom-menu-items.button-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-button-text .customize-partial-edit-shortcut-button { + top: -14px; + display: none; +} + +.ast-masthead-custom-menu-items.button-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-button-text .customize-partial-edit-shortcut-button { + display: block; +} + +.ast-masthead-custom-menu-items.text-html-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-html .customize-partial-edit-shortcut-button { + right: -30px; + top: 15px; + display: none; +} + +.ast-masthead-custom-menu-items.text-html-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-html .customize-partial-edit-shortcut-button { + display: block; +} + +.ast-masthead-custom-menu-items.widget-custom-menu-item { + text-align: right; +} + +.ast-masthead-custom-menu-items.widget-custom-menu-item .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button { + right: -25px; + top: -8px; + display: none; +} + +.ast-masthead-custom-menu-items.widget-custom-menu-item:hover .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button { + display: block; +} + +.ast-masthead-custom-menu-items.woocommerce-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button { + top: -20px; + right: -25px; + display: none; +} + +.ast-masthead-custom-menu-items.woocommerce-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button { + display: block; +} + +/* Below Header common CSS */ +.ast-below-header .below-header-user-select .ast-site-header-cart, +.ast-below-header .below-header-user-select .ast-search-menu-icon, .ast-below-header .below-header-user-select.below-header-widget { + text-align: right; +} + +.ast-below-header .customize-partial-edit-shortcut { + top: 1em; +} + +/* Above Header common CSS */ +.ast-above-header-section .user-select .ast-search-menu-icon { + text-align: right; +} + +.ast-above-header .customize-partial-edit-shortcut { + top: 0.3em; +} + +/* Above Header Section 1 */ +.ast-above-header-section-1 .ast-above-header-navigation .customize-partial-edit-shortcut-astra-settings-above-header-section-1 .customize-partial-edit-shortcut-button { + right: -14px; +} + +.ast-above-header-section-1 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-above-header-section-1-search-box-type .customize-partial-edit-shortcut-button { + right: -25px; + top: -10px; +} + +.ast-above-header-section-1.woocommerce-above-header .customize-partial-edit-shortcut-astra-settings-above-header-section-1 .customize-partial-edit-shortcut-button { + right: -25px; + top: -15px; +} + +.ast-above-header-section-1 .customize-partial-edit-shortcut-astra-settings-above-header-section-1-html .customize-partial-edit-shortcut-button { + right: -25px; +} + +/* Above Header Section 2 */ +.ast-above-header-section-2 .ast-above-header-navigation .customize-partial-edit-shortcut-astra-settings-above-header-section-2 .customize-partial-edit-shortcut-button { + right: -14px; +} + +.ast-above-header-section-2 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-above-header-section-2-search-box-type .customize-partial-edit-shortcut-button { + top: -10px; + right: -25px; +} + +.ast-above-header-section-2.woocommerce-above-header .customize-partial-edit-shortcut-astra-settings-above-header-section-2 .customize-partial-edit-shortcut-button { + right: -25px; +} + +/* Below Header Section 1 */ +.below-header-section-1.ast-below-header-navigation .customize-partial-edit-shortcut-astra-settings-below-header-section-1 .customize-partial-edit-shortcut-button { + right: -14px; +} + +.below-header-section-1 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-below-header-section-1-search-box-type .customize-partial-edit-shortcut-button { + top: -10px; + right: -25px; +} + +.below-header-section-1 .ast-site-header-cart .customize-partial-edit-shortcut-astra-settings-below-header-section-1 .customize-partial-edit-shortcut-button { + right: -25px; +} + +.below-header-section-1 .customize-partial-edit-shortcut-astra-settings-below-header-section-1-html .customize-partial-edit-shortcut-button { + right: -25px; +} + +/* Below Header Section 2 */ +.below-header-section-2.ast-below-header-navigation .customize-partial-edit-shortcut-astra-settings-below-header-section-2 .customize-partial-edit-shortcut-button { + right: -14px; +} + +.below-header-section-2 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-below-header-section-2-search-box-type .customize-partial-edit-shortcut-button { + top: -10px; + right: -25px; +} + +.below-header-section-2 .ast-site-header-cart .customize-partial-edit-shortcut-astra-settings-below-header-section-2 .customize-partial-edit-shortcut-button { + right: -25px; +} + +.below-header-section-2 .customize-partial-edit-shortcut-astra-settings-below-header-section-2-html .customize-partial-edit-shortcut-button { + right: -25px; +} + +.customize-partial-edit-shortcut-astra-settings-above-header-layout .customize-partial-edit-shortcut-button, +.customize-partial-edit-shortcut-astra-settings-below-header-layout .customize-partial-edit-shortcut-button { + right: -60px; +} + +/* 7 - Header Toggle Buttons */ +.ast-header-break-point .ast-mobile-menu-buttons { + text-align: left; + -js-display: flex; + display: flex; + justify-content: flex-end; +} + +.ast-header-break-point .ast-mobile-menu-buttons .ast-button-wrap .ast-mobile-menu-buttons-minimal { + font-size: 1.7em; +} + +/*---------- Primary ----------*/ +.sticky { + display: block; +} + +.hentry { + margin: 0 0 1.5em; +} + +.byline, +.updated:not(.published) { + display: none; +} + +.single .byline, +.group-blog .byline { + display: inline; +} + +.page-links { + clear: both; + margin-top: 1em; +} + +.page-links a { + display: inline-block; +} + +.page-links a .page-link { + border-color: #eaeaea; + background: transparent; +} + +.page-links .page-link { + padding: 0; + margin: 0 .3em .3em 0; + border: 2px solid #eaeaea; + color: #000; + background: transparent; + font-size: 0.8em; + width: 2.5em; + height: 2.5em; + line-height: calc( 2.5em - 4px); + display: inline-block; + text-align: center; + transition: all 0.2s linear; +} + +.page-links .page-link:hover, .page-links .page-link:focus { + color: #000; +} + +@media (max-width: 768px) { + .page-links .page-link { + margin-bottom: 6px; + } +} + +.page-content > :last-child, +.entry-content > :last-child, +.entry-summary > :last-child { + margin-bottom: 0; +} + +.bypostauthor { + display: block; +} + +/* .alignwide & .alignfull CSS compatibility */ +.ast-no-sidebar { + /* Boxed & Content Boxed container alignment support */ +} + +.ast-no-sidebar .entry-content { + /* Alignment while using the column block */ +} + +.ast-no-sidebar .entry-content .alignfull { + margin-right: calc(-50vw + 50%); + margin-left: calc(-50vw + 50%); + max-width: 100vw; + width: 100vw; +} + +.ast-no-sidebar .entry-content .alignfull .alignfull, +.ast-no-sidebar .entry-content .alignfull .alignwide { + width: 100%; + margin-right: auto; + margin-left: auto; +} + +.ast-no-sidebar .entry-content .alignwide { + margin-right: -100px; + margin-left: -100px; + max-width: unset; + width: unset; +} + +.ast-no-sidebar .entry-content .alignwide .alignfull, +.ast-no-sidebar .entry-content .alignwide .alignwide { + width: 100%; + margin-right: auto; + margin-left: auto; +} + +.ast-no-sidebar .entry-content .wp-block-column .alignfull, +.ast-no-sidebar .entry-content .wp-block-column .alignwide { + margin-right: auto; + margin-left: auto; + width: 100%; +} + +.ast-no-sidebar.ast-separate-container .entry-content { + /* Alignment while using the column block */ +} + +.ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-right: -6.67em; + margin-left: -6.67em; + width: auto; +} + +@media (max-width: 1200px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-right: -2.4em; + margin-left: -2.4em; + } +} + +@media (max-width: 768px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-right: -2.14em; + margin-left: -2.14em; + } +} + +@media (max-width: 544px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-right: -1em; + margin-left: -1em; + } +} + +.ast-no-sidebar.ast-separate-container .entry-content .alignwide { + margin-right: -20px; + margin-left: -20px; +} + +.ast-no-sidebar.ast-separate-container .entry-content .wp-block-column .alignfull, +.ast-no-sidebar.ast-separate-container .entry-content .wp-block-column .alignwide { + margin-right: auto; + margin-left: auto; + width: 100%; +} + +.wp-block-gallery, +.blocks-gallery-grid { + margin: 0; +} + +.wp-block-separator { + max-width: 100px; +} + +.wp-block-separator.is-style-wide { + max-width: none; +} + +.entry-content .has-2-columns .wp-block-column:first-child { + padding-left: 10px; +} + +.entry-content .has-2-columns .wp-block-column:last-child { + padding-right: 10px; +} + +@media (max-width: 782px) { + .entry-content .wp-block-columns .wp-block-column { + flex-basis: 100%; + } + .entry-content .has-2-columns .wp-block-column:first-child { + padding-left: 0; + } + .entry-content .has-2-columns .wp-block-column:last-child { + padding-right: 0; + } +} + +body { + overflow-x: hidden; +} + +body .entry-content .wp-block-latest-posts { + margin-right: 0; +} + +body .entry-content .wp-block-latest-posts li { + list-style: none; +} + +.ast-no-sidebar .ast-container .entry-content .wp-block-latest-posts { + margin-right: 0; +} + +.ast-header-break-point .entry-content .alignwide { + margin-right: auto; + margin-left: auto; +} + +.entry-content .blocks-gallery-item img { + margin-bottom: auto; +} + +.wp-block-pullquote { + border-top: 4px solid #555d66; + border-bottom: 4px solid #555d66; + color: #40464d; +} + +/*---------- Secondary ----------*/ +.widget-title { + font-weight: normal; + margin-bottom: 1em; + line-height: 1.5; +} + +.widget { + margin: 0 0 2.8em 0; +} + +.widget:last-child { + margin-bottom: 0; +} + +.widget select { + max-width: 100%; +} + +.widget ul { + margin: 0; + list-style-type: none; +} + +.widget_nav_menu ul ul.sub-menu { + margin-top: 0.25em; +} + +.widget_nav_menu ul ul.sub-menu li { + padding-right: 20px; +} + +.widget_nav_menu ul ul.sub-menu a:after { + right: -20px; +} + +.widget_nav_menu ul ul.sub-menu ul a:after { + right: -40px; +} + +.widget_nav_menu ul ul.sub-menu ul ul a:after { + right: -60px; +} + +.widget_nav_menu li { + transition: all 0.2s linear; +} + +/* Search widget. */ +.widget_search .search-form { + position: relative; + padding: 0; + background: initial; + color: inherit; +} + +.widget_search .search-form > label { + position: relative; +} + +.widget_search .search-form i { + color: #3a3a3a; +} + +.widget_search .search-form button { + position: absolute; + top: 0; + left: 15px; + border: none; + padding: 0; + cursor: pointer; + background: transparent; +} + +.widget_search .search-form input[type="submit"], +.widget_search .search-form input[type="submit"]:hover, +.widget_search .search-form input[type="submit"]:focus { + padding: 13px 20px; + border-radius: 2px; + border: none; + top: 0px; + left: 0px; + position: absolute; + color: transparent; + background: transparent; + max-width: 45px; + z-index: 2; +} + +.widget_search .search-form .search-field { + background: #fafafa; + border-width: 1px; + border-color: #eaeaea; + border-radius: 2px; +} + +.widget_search .search-field, +.widget_search .search-field:focus { + width: 100%; + padding: 16px 15px 16px 45px; +} + +/* Widget - Archive */ +/* Widget - Categories */ +.widget_pages ul.children, +.widget_archive ul.children, +.widget_categories ul.children { + position: relative; + margin-top: 5px; + width: 100%; +} + +.widget_pages ul.children li, +.widget_archive ul.children li, +.widget_categories ul.children li { + padding-right: 20px; +} + +.widget_pages li ul.children a:after, +.widget_archive li ul.children a:after, +.widget_categories li ul.children a:after { + right: -20px; +} + +.widget_pages li ul.children ul a:after, +.widget_archive li ul.children ul a:after, +.widget_categories li ul.children ul a:after { + right: -40px; +} + +/* Tag Cloud */ +.widget_tag_cloud .tagcloud { + margin-top: 10px; + display: inline-block; +} + +.widget_tag_cloud .tagcloud a { + border: 1px solid #e2e2e2; + padding: 0.5em 0.9em; + display: inline-block; + margin-bottom: 4px; + font-size: 14px; + margin-left: 4px; + line-height: 1.5; + transition: all 0.2s linear; +} + +/* Calender */ +.widget_calendar table, +.widget_calendar th, +.widget_calendar td { + padding: 0; + text-align: center; +} + +.widget_calendar table, +.widget_calendar th { + border: none; +} + +.widget_calendar td { + border-left: none; + border-right: none; +} + +.widget_calendar caption { + line-height: 2.7em; +} + +.widget_calendar thead { + line-height: 2.5em; +} + +.widget_calendar thead a { + color: #0274be; + font-size: 1rem; + vertical-align: middle; +} + +.widget_calendar thead td { + vertical-align: middle; + font-weight: bold; +} + +.widget_calendar thead > tr > th { + line-height: 2.5em; + border-bottom: 2px solid #eaeaea; + border-top: 2px solid #eaeaea; +} + +.widget_calendar tbody { + line-height: 2.10em; + text-align: center; +} + +.widget_calendar tbody > tr > td { + width: 14.2857%; +} + +.widget_calendar tbody > tr:first-child > td { + padding-top: 3px; +} + +.widget_calendar #today { + background: #0274be; +} + +/*---------- Footer ----------*/ +/* 2 - Small Footer */ +/** + * Small Footer Layouts + * + */ +.ast-footer-overlay { + background-color: #3a3a3a; + padding-top: 2em; + padding-bottom: 2em; +} + +@media (min-width: 769px) { + .ast-footer-overlay { + padding-top: 2.66666em; + padding-bottom: 2.66666em; + } +} + +.ast-small-footer { + line-height: 1.85714285714286; + position: relative; + /* Footer Widget sections */ +} + +.ast-small-footer .nav-menu a { + padding: 0 0.5em; +} + +.ast-small-footer .widget-title, +.ast-small-footer .no-widget-text { + margin-bottom: 0; +} + +.ast-small-footer .widget { + margin-bottom: 1em; +} + +.ast-small-footer .widget ul { + position: static; + border: 0; + width: auto; +} + +.ast-small-footer .widget ul a { + border: 0; +} + +.ast-small-footer .widget:last-child { + margin-bottom: 0; +} + +/* Auto width footer sections */ +@media (min-width: 769px) { + .ast-small-footer .nav-menu li { + margin: 0; + } + .ast-small-footer .nav-menu li:first-child a { + padding-right: 0; + } + .ast-small-footer .nav-menu li:last-child a { + padding-left: 0; + } +} + +/* Hide edit shortcut button */ +.ast-footer-site-title .customize-partial-edit-shortcut-button { + display: none; +} + +.footer-sml-layout-1 { + text-align: center; +} + +.footer-sml-layout-1 .ast-small-footer-section-2 { + margin-top: 1em; +} + +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.footer-sml-layout-2 .ast-small-footer-section-1, +.footer-sml-layout-2 .ast-small-footer-section-2 { + text-align: center; +} + +@media (min-width: 769px) { + .footer-sml-layout-2 .ast-small-footer-section-1 { + text-align: right; + } + .footer-sml-layout-2 .ast-small-footer-section-1 .menu-item .menu-link { + padding: 0 0 0 1em; + } + .footer-sml-layout-2 .ast-small-footer-section-2 { + text-align: left; + } + .footer-sml-layout-2 .ast-small-footer-section-2 .menu-item .menu-link { + padding: 0 1em 0 0; + } +} + +@media (max-width: 768px) { + .ast-header-break-point .footer-sml-layout-2 .ast-small-footer-section-2 { + margin-top: 1em; + } +} + +@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) { + .ast-small-footer-wrap .ast-row:before { + display: block; + } +} + +.site-footer { + color: #fff; +} + +.site-footer .widget-title { + color: #eaeaea; +} + +.site-footer a { + color: #eaeaea; +} + +.site-footer a:hover, .site-footer a:focus { + color: #fff; +} + +.site-footer ul { + margin: 0; + list-style-type: none; +} + +.site-footer .nav-menu li { + display: inline-block; +} + +/** + * Footer Widget Layouts + */ +.footer-adv-overlay { + background-color: #3a3a3a; + padding-top: 70px; + padding-bottom: 70px; +} + +.footer-adv p:last-child { + margin-bottom: 0; +} + +.footer-adv .widget_calendar table { + margin-bottom: 0; +} + +@media all and (max-width: 768px) { + .footer-adv-widget-1 .widget:last-child { + margin: 0 0 2.8em; + } +} + +.footer-adv .ast-no-widget-row .widget-title { + text-transform: capitalize; +} + +@media all and (max-width: 768px) { + .footer-adv-layout-4 .footer-adv-widget-2 .widget:last-child, + .footer-adv-layout-4 .footer-adv-widget-3 .widget:last-child { + margin: 0 0 2.8em; + } +} + +/*---------- Forms ----------*/ +/** + * Form Fields + * + * @import + * 1 - All fields common scss + * 2 - Field - Range + * 3 - Field - Color +*/ +/* 1 - All fields common scss */ +input[type="text"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="password"], +input[type="search"], +input[type=reset], +input[type=tel], +select, +textarea { + color: #666; + padding: 0.75em; + height: auto; + border-width: 1px; + border-style: solid; + border-color: #eaeaea; + border-radius: 2px; + background: #fafafa; + box-shadow: none; + box-sizing: border-box; + transition: all 0.2s linear; +} + +input[type="text"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +input[type="search"]:focus, +input[type=reset]:focus, +input[type=tel]:focus, +select:focus, +textarea:focus { + background-color: #fff; + border-color: #eaeaea; + box-shadow: none; +} + +input[type=reset], +input[type=reset]:hover, +input[type=reset]:focus, +input[type="submit"], +input[type="submit"]:hover, +input[type="submit"]:focus, +input[type="button"], +input[type="button"]:hover, +input[type="button"]:focus { + box-shadow: none; +} + +textarea { + width: 100%; +} + +input[type="search"]:focus { + outline: thin dotted; +} + +/* 2 - Field - Range */ +/* Range */ +input[type=range] { + -webkit-appearance: none; + width: 100%; + margin: 5.7px 0; + padding: 0; + border: none; +} + +input[type=range]:focus { + outline: none; +} + +input[type=range]::-webkit-slider-runnable-track { + width: 100%; + height: 8.6px; + cursor: pointer; + box-shadow: -2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; + background: rgba(255, 255, 255, 0.2); + border-radius: 13.6px; + border: 0px solid #ffffff; +} + +input[type=range]::-webkit-slider-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; + -webkit-appearance: none; + margin-top: -5.7px; +} + +input[type=range]:focus::-webkit-slider-runnable-track { + background: rgba(255, 255, 255, 0.2); +} + +input[type=range]::-moz-range-track { + width: 100%; + height: 8.6px; + cursor: pointer; + box-shadow: -2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; + background: rgba(255, 255, 255, 0.2); + border-radius: 13.6px; + border: 0px solid #ffffff; +} + +input[type=range]::-moz-range-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; +} + +input[type=range]::-ms-track { + width: 100%; + height: 8.6px; + cursor: pointer; + background: transparent; + border-color: transparent; + color: transparent; +} + +input[type=range]::-ms-fill-lower { + background: rgba(199, 199, 199, 0.2); + border: 0px solid #ffffff; + border-radius: 27.2px; + box-shadow: -2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; +} + +input[type=range]::-ms-fill-upper { + background: rgba(255, 255, 255, 0.2); + border: 0px solid #ffffff; + border-radius: 27.2px; + box-shadow: -2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; +} + +input[type=range]::-ms-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; + height: 8.6px; +} + +input[type=range]:focus::-ms-fill-lower { + background: rgba(255, 255, 255, 0.2); +} + +input[type=range]:focus::-ms-fill-upper { + background: rgba(255, 255, 255, 0.2); +} + +/* 3 - Field - Color */ +/* Color */ +input[type="color"] { + border: none; + width: 100px; + padding: 0; + height: 30px; + cursor: pointer; +} + +input[type="color"]::-webkit-color-swatch-wrapper { + padding: 0; + border: none; +} + +input[type="color"]::-webkit-color-swatch { + border: none; +} + +/*---------- Blog ----------*/ +/*-------------------------------------------------------------- +## Blog Layouts +--------------------------------------------------------------*/ +/** + * Blog Common + */ +.page .entry-header { + margin-bottom: 1.5em; +} + +.search .entry-header { + margin-bottom: 1em; +} + +.ast-single-post .entry-header.ast-header-without-markup, .ast-single-post .entry-header.ast-no-title.ast-no-thumbnail { + margin-bottom: 0; +} + +.entry-header { + margin-bottom: 1em; + word-wrap: break-word; +} + +.entry-header + .ast-blog-featured-section { + margin-top: 0.5em; +} + +.entry-content { + word-wrap: break-word; +} + +.entry-content p { + margin-bottom: 1.6em; +} + +.read-more { + margin-bottom: 0; +} + +.read-more .ast-right-arrow { + font-size: 1em; +} + +.ast-no-thumb .ast-blog-featured-section { + margin-bottom: 0; +} + +.ast-no-thumb .entry-header + .ast-blog-featured-section { + margin-top: 0; +} + +.ast-blog-featured-section { + margin-bottom: 1.5em; +} + +.error404 .page-header { + margin-bottom: 1.5em; +} + +.error404 .page-header .page-title { + margin-bottom: 0; +} + +.blog .entry-title, +.archive .entry-title, +.search .entry-title { + line-height: 1.3; +} + +.blog .format-status .entry-title, +.archive .format-status .entry-title, +.blog .format-aside .entry-title, +.archive .format-aside .entry-title { + display: none; +} + +.page-title { + margin-bottom: 1em; + font-weight: normal; +} + +.entry-title { + margin-bottom: 0.2em; +} + +.ast-article-post { + margin-bottom: 2.5em; +} + +.ast-article-post:last-child { + margin-bottom: 0; + border-bottom: 0; +} + +.search .site-content .content-area .search-form { + margin-bottom: 3em; +} + +.blog-layout-1 { + /* 2 - Blog Thumbnail Styles */ +} + +.blog-layout-1 .post-thumb { + padding-right: 0; + padding-left: 0; + position: relative; +} + +.blog .posted-on { + z-index: 1; +} + +.ast-blog-featured-section .posted-on { + width: 5.714285714em; + height: 5.714285714em; + padding: 0.7em; +} + +.ast-blog-featured-section .posted-on .date-month, +.ast-blog-featured-section .posted-on .date-year { + font-size: 0.8571428571em; + line-height: 1em; +} + +.ast-blog-featured-section .posted-on .date-day { + font-size: 2.5em; + line-height: .9em; + font-weight: 900; + margin: .1em 0; +} + +/* ============================================================ + Archive Blogs +============================================================ */ +.ast-author-box img.avatar { + border-radius: 50%; + margin: 0 20px 0 0; +} + +.ast-archive-description { + margin-bottom: 2.5em; + padding-bottom: 1.3333em; + border-bottom: 1px solid #eeeeee; +} + +.ast-archive-description .ast-archive-title { + margin-bottom: 4px; + font-size: 40px; + font-size: 2.85714rem; + font-weight: 300; +} + +.ast-archive-description p { + margin-bottom: 0; + font-size: 20px; + font-size: 1.42857rem; + line-height: 1.65; + font-weight: 300; +} + +.ast-separate-container .ast-author-box, +.ast-separate-container .ast-archive-description { + background-color: #eee; + padding-bottom: 0; + border-bottom: 0; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-archive-description { + margin: 0; + padding: 3.34em 2.4em; + } +} + +@media (max-width: 992px) { + .ast-separate-container .ast-archive-description { + padding: 2.14em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-author-box, + .ast-separate-container .ast-archive-description { + margin: 0; + padding: 5em 6.67em 3.33333em; + } +} + +/*-------------------------------------------------------------- +## Single Blog Post Layouts +--------------------------------------------------------------*/ +/*---------- Single Post Common Stylesheet ----------*/ +/** + * Common Stylesheet of Single Post + * + * Content + * 1 - Single Post Navigation Styles + * 2 - Single Post Article Header +*/ +.single { + /* 1 - Single Post Navigation Styles */ +} + +.single .entry-header { + margin-bottom: 2em; +} + +.single .post-navigation { + margin: 0; + padding: 2em 0 0; + border-top: 1px solid #eeeeee; +} + +@media (max-width: 768px) { + .single .post-navigation { + padding-top: 1.5em; + } +} + +.single .post-navigation a { + margin: 2px; + display: inline-block; + text-align: center; + color: #000; +} + +@media (min-width: 421px) { + .single .post-navigation .nav-links { + -js-display: flex; + display: flex; + } + .single .post-navigation .nav-previous, + .single .post-navigation .nav-next { + flex: auto; + } +} + +@media (max-width: 420px) { + .single .post-navigation .ast-left-arrow, + .single .post-navigation .ast-right-arrow { + display: none; + } + .single .post-navigation .nav-previous, + .single .post-navigation .nav-next { + width: 100%; + } + .single .post-navigation .nav-previous a, + .single .post-navigation .nav-next a { + width: 100%; + } + .single .post-navigation .nav-previous { + margin-bottom: 1em; + } +} + +/* 2 - Single Post Article Header */ +.single .entry-header .ast-single-post-order + .post-thumb img { + margin-top: 2em; + margin-bottom: 0; +} + +.single .entry-header.ast-no-title .post-thumb + .ast-single-post-order { + margin-top: 0; +} + +.single .entry-header .post-thumb + .ast-single-post-order { + margin-top: 2em; +} + +.single .entry-header .post-thumb img { + margin-top: 0; + margin-bottom: 0; +} + +.page .has-post-thumbnail .post-thumb img { + margin-bottom: 1.5em; +} + +.post-password-form { + text-align: center; +} + +@media (max-width: 420px) { + .post-password-form input[type="password"] { + display: block; + margin: 10px auto; + } +} + +.post-password-form input[type="submit"] { + padding: 10px 20px; + border-radius: 2px; +} + +.ast-separate-container .post-navigation { + border-top: 0; + padding-right: 3.33333em; + padding-left: 3.33333em; +} + +@media (max-width: 420px) { + .ast-separate-container .post-navigation { + padding-right: 0; + padding-left: 0; + } +} + +@media (max-width: 768px) { + .ast-separate-container .entry-header { + margin-bottom: 1em; + } +} + +/*---------- 404 ----------*/ +.ast-404-layout-1 { + text-align: center; + margin: 4em auto; +} + +.ast-404-layout-1 .page-sub-title { + font-size: 1.5rem; + font-weight: bold; +} + +.ast-404-layout-1 .widget_search { + padding-top: 0.5em; +} + +.ast-404-search { + margin-top: 1.5em; +} + +.ast-404-search .widget_search { + max-width: 370px; + margin: 0 auto; +} + +.ast-separate-container .error-404, +.ast-separate-container .no-results { + background-color: #fff; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + margin: 0; + padding: 3.34em 2.4em; + } +} + +@media (max-width: 768px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + padding: 1.5em 2.14em; + } +} + +@media (max-width: 544px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + padding: 1.5em 1em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + margin: 0; + padding: 5.34em 6.67em; + } +} + +/*---------- Blog Styles ----------*/ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.blog-layout-1 { + width: 100%; + display: inline-block; + padding-bottom: 2em; + vertical-align: middle; + border-bottom: 1px solid #eeeeee; +} + +.blog-layout-1 .posted-on { + right: 0; +} + +.blog-layout-1 .post-thumb, +.blog-layout-1 .post-content { + padding-right: 0; + padding-left: 0; +} + +/** + * Flexbox Framework + * + * .ast - prefix + * + * Flex classes generated as {prefix} + {css property - css value} . + * + * E.g. Here '.ast' is a prefix. + * + * .ast-flex + * .ast-flex-1 + * .ast-flex-2 + * .ast-flex-3 + * .ast-flex-4 + * .ast-flex-5 + * .ast-inline-flex + * .ast-flex-direction-row + * .ast-flex-direction-row-reverse + * .ast-flex-direction-column + * .ast-flex-direction-column-reverse + * .ast-flex-wrap-nowrap + * .ast-flex-wrap-wrap + * .ast-flex-wrap-wrap-reverse + * .ast-justify-content-flex-start + * .ast-justify-content-flex-end + * .ast-justify-content-center + * .ast-justify-content-space-between + * .ast-justify-content-space-around + * .ast-align-items-flex-start + * .ast-align-items-flex-end + * .ast-align-items-center + * .ast-align-items-baseline + * .ast-align-items-stretch + * .ast-align-content-flex-start + * .ast-align-content-flex-end + * .ast-align-content-center + * .ast-align-content-space-between + * .ast-align-content-space-around + * .ast-align-content-stretch + * .ast-order-1 + * .ast-order-2 + * .ast-order-3 + * .ast-order-4 + * .ast-order-5 + * .ast-flex-grow-1 + * .ast-flex-grow-2 + * .ast-flex-grow-3 + * .ast-flex-grow-4 + * .ast-flex-grow-5 + * .ast-flex-shrink-grow-1 + * .ast-flex-shrink-grow-2 + * .ast-flex-shrink-grow-3 + * .ast-flex-shrink-grow-4 + * .ast-flex-shrink-grow-5 + * .ast-flex-basis-grow-1 + * .ast-flex-basis-grow-2 + * .ast-flex-basis-grow-3 + * .ast-flex-basis-grow-4 + * .ast-flex-basis-grow-5 + * .ast-align-self-auto + * .ast-align-self-flex-start + * .ast-align-self-flex-end + * .ast-align-self-center + * .ast-align-self-baseline + * .ast-align-self-stretch + */ +.ast { + /* + # LAYOUT + ———————————————- + display: flex | inline-flex; + ———————————————- + */ + /* + ————————————————————————– + # CONTAINER (for PARENT) + ————————————————————————– + + # FLOW + ————————————————————————– + flex-flow: <‘flex-direction’> || <‘flex-wrap’> + ————————————————————————– + + # DIRECTION + ————————————————————————– + flex-direction: row | row-reverse | column | column-reverse; + ————————————————————————– + */ + /* + # WRAP + ————————————————————————– + flex-wrap: nowrap | wrap | wrap-reverse; + ————————————————————————– + */ + /* + ————————————————————————– + # JUSTIFY CONTENT + ————————————————————————– + justify-content: flex-start | flex-end | center | space-between | space-around; + ————————————————————————– + */ + /* + ————————————————————————– + # ALIGN – ITEMS + ————————————————————————– + align-items: flex-start | flex-end | center | baseline | stretch; + ————————————————————————– + */ + /* + ————————————————————————– + # ALIGN – CONTENT + ————————————————————————– + align-content: flex-start | flex-end | center | space-between | space-around | stretch; + ————————————————————————– + */ + /* + ————————————————————————– + # ITEMS (for CHILDs) + ————————————————————————– + + # FLEX + ————————————————————————– + flex: none | [ <‘flex-grow’> <‘flex-shrink’>? || <‘flex-basis’> ] + ————————————————————————– + ————————————————————————– + + # ORDER + ————————————————————————– + order: ; + ————————————————————————– + */ + /* + ————————————————————————– + # GROW + ————————————————————————– + flex-grow: ; default 0 + ————————————————————————– + */ + /* + ————————————————————————– + # SHRINK + ————————————————————————– + flex-shrink: ; default 1 + ————————————————————————– + */ + /* + ————————————————————————– + # ALIGN SELF + ————————————————————————– + align-self: auto | flex-start | flex-end | center | baseline | stretch; + ————————————————————————– + */ + /* + ————————————————————————– + */ +} + +.ast-flex { + -js-display: flex; + display: flex; + flex-wrap: wrap; +} + +.ast-flex-1 { + flex: 1; +} + +.ast-flex-2 { + flex: 2; +} + +.ast-flex-3 { + flex: 3; +} + +.ast-flex-4 { + flex: 4; +} + +.ast-flex-5 { + flex: 5; +} + +.ast-inline-flex { + -js-display: inline-flex; + display: inline-flex; + align-items: center; + flex-wrap: wrap; + align-content: center; +} + +.ast-flex-direction-row { + flex-direction: row; +} + +.ast-flex-direction-row-reverse { + flex-direction: row-reverse; +} + +.ast-flex-direction-column { + flex-direction: column; +} + +.ast-flex-direction-column-reverse { + flex-direction: column-reverse; +} + +.ast-flex-wrap-nowrap { + flex-wrap: nowrap; +} + +.ast-flex-wrap-wrap { + flex-wrap: wrap; +} + +.ast-flex-wrap-wrap-reverse { + flex-wrap: wrap-reverse; +} + +.ast-justify-content-flex-start { + justify-content: flex-start; +} + +.ast-justify-content-flex-end { + justify-content: flex-end; +} + +.ast-justify-content-center { + justify-content: center; +} + +.ast-justify-content-space-between { + justify-content: space-between; +} + +.ast-justify-content-space-around { + justify-content: space-around; +} + +.ast-align-items-flex-start { + align-items: flex-start; +} + +.ast-align-items-flex-end { + align-items: flex-end; +} + +.ast-align-items-center { + align-items: center; +} + +.ast-align-items-baseline { + align-items: baseline; +} + +.ast-align-items-stretch { + align-items: stretch; +} + +.ast-align-content-flex-start { + align-content: flex-start; +} + +.ast-align-content-flex-end { + align-content: flex-end; +} + +.ast-align-content-center { + align-content: center; +} + +.ast-align-content-space-between { + align-content: space-between; +} + +.ast-align-content-space-around { + align-content: space-around; +} + +.ast-align-content-stretch { + align-content: stretch; +} + +.ast-order-1 { + order: 1; +} + +.ast-order-2 { + order: 2; +} + +.ast-order-3 { + order: 3; +} + +.ast-order-4 { + order: 4; +} + +.ast-order-5 { + order: 5; +} + +.ast-flex-grow-1 { + flex-grow: 1; +} + +.ast-flex-grow-2 { + flex-grow: 2; +} + +.ast-flex-grow-3 { + flex-grow: 3; +} + +.ast-flex-grow-4 { + flex-grow: 4; +} + +.ast-flex-grow-5 { + flex-grow: 5; +} + +.ast-flex-shrink-1 { + flex-shrink: 1; +} + +.ast-flex-shrink-2 { + flex-shrink: 2; +} + +.ast-flex-shrink-3 { + flex-shrink: 3; +} + +.ast-flex-shrink-4 { + flex-shrink: 4; +} + +.ast-flex-shrink-5 { + flex-shrink: 5; +} + +.ast-align-self-auto { + align-self: auto; +} + +.ast-align-self-flex-start { + align-self: flex-start; +} + +.ast-align-self-flex-end { + align-self: flex-end; +} + +.ast-align-self-center { + align-self: center; +} + +.ast-align-self-baseline { + align-self: baseline; +} + +.ast-align-self-stretch { + align-self: stretch; +} diff --git a/assets/css/unminified/style.css b/assets/css/unminified/style.css new file mode 100644 index 0000000..5b428b3 --- /dev/null +++ b/assets/css/unminified/style.css @@ -0,0 +1,5059 @@ +@charset "UTF-8"; +/*-------------------------------------------------------------- +>>> TABLE OF CONTENTS: +---------------------------------------------------------------- +# Normalize +# Typography +# Elements +# Forms +# Navigation + ## Links + ## Menus +# Accessibility +# Alignments +# Clearings +# Widgets +# Content + ## Posts and pages + ## Asides + ## Comments +# Infinite scroll +# Media + ## Captions + ## Galleries +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Normalize +--------------------------------------------------------------*/ +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +font, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td { + border: 0; + font-size: 100%; + font-style: inherit; + font-weight: inherit; + margin: 0; + outline: 0; + padding: 0; + vertical-align: baseline; +} + +html { + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +main, +menu, +nav, +section, +summary { + display: block; +} + +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden], +template { + display: none; +} + +a { + background-color: transparent; +} + +a:active { + outline: 0; +} + +a, +a:visited, +a:hover, +a:focus { + text-decoration: none; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, +strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +mark { + background: #ff0; + color: #000; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 0; +} + +hr { + box-sizing: content-box; + height: 0; +} + +pre { + overflow: auto; +} + +code, +kbd, +pre, +samp { + font-size: 1em; +} + +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} + +button { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} + +button[disabled], +html input[disabled] { + cursor: default; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input { + line-height: normal; +} + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +input[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box; +} + +.search .search-submit, +#comments .submit { + padding: 10px 15px; + border-radius: 2px; + line-height: 1.85714285714286; + border: 0; +} + +.search .site-main .ast-search-submit { + display: none; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +fieldset { + border: 1px solid #eaeaea; + margin: 0 0px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + border: 0; + padding: 0; +} + +fieldset legend { + margin-bottom: 1.5em; + padding: 0 0.5em; +} + +textarea { + overflow: auto; +} + +optgroup { + font-weight: bold; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} + +/*-------------------------------------------------------------- +# Bootstrap Grid +--------------------------------------------------------------*/ +/*! + * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) + */ +@media (min-width: 544px) { + .ast-container { + max-width: 100%; + } +} + +@media (min-width: 768px) { + .ast-container { + max-width: 100%; + } +} + +@media (min-width: 992px) { + .ast-container { + max-width: 100%; + } +} + +@media (min-width: 1200px) { + .ast-container { + max-width: 100%; + } +} + +.ast-container-fluid, .ast-container { + margin-left: auto; + margin-right: auto; + padding-left: 20px; + padding-right: 20px; +} + +.ast-container-fluid::after, .ast-container::after { + content: ""; + display: table; + clear: both; +} + +.ast-row { + margin-left: -20px; + margin-right: -20px; +} + +.ast-row::after { + content: ""; + display: table; + clear: both; +} + +.ast-col-xs-1, .ast-col-xs-2, .ast-col-xs-3, .ast-col-xs-4, .ast-col-xs-5, .ast-col-xs-6, .ast-col-xs-7, .ast-col-xs-8, .ast-col-xs-9, .ast-col-xs-10, .ast-col-xs-11, .ast-col-xs-12, .ast-col-sm-1, .ast-col-sm-2, .ast-col-sm-3, .ast-col-sm-4, .ast-col-sm-5, .ast-col-sm-6, .ast-col-sm-7, .ast-col-sm-8, .ast-col-sm-9, .ast-col-sm-10, .ast-col-sm-11, .ast-col-sm-12, .ast-col-md-1, .ast-col-md-2, .ast-col-md-3, .ast-col-md-4, .ast-col-md-5, .ast-col-md-6, .ast-col-md-7, .ast-col-md-8, .ast-col-md-9, .ast-col-md-10, .ast-col-md-11, .ast-col-md-12, .ast-col-lg-1, .ast-col-lg-2, .ast-col-lg-3, .ast-col-lg-4, .ast-col-lg-5, .ast-col-lg-6, .ast-col-lg-7, .ast-col-lg-8, .ast-col-lg-9, .ast-col-lg-10, .ast-col-lg-11, .ast-col-lg-12, .ast-col-xl-1, .ast-col-xl-2, .ast-col-xl-3, .ast-col-xl-4, .ast-col-xl-5, .ast-col-xl-6, .ast-col-xl-7, .ast-col-xl-8, .ast-col-xl-9, .ast-col-xl-10, .ast-col-xl-11, .ast-col-xl-12 { + position: relative; + min-height: 1px; + padding-left: 20px; + padding-right: 20px; +} + +.ast-col-xs-1, .ast-col-xs-2, .ast-col-xs-3, .ast-col-xs-4, .ast-col-xs-5, .ast-col-xs-6, .ast-col-xs-7, .ast-col-xs-8, .ast-col-xs-9, .ast-col-xs-10, .ast-col-xs-11, .ast-col-xs-12 { + float: left; +} + +.ast-col-xs-1 { + width: 8.3333333333%; +} + +.ast-col-xs-2 { + width: 16.6666666667%; +} + +.ast-col-xs-3 { + width: 25%; +} + +.ast-col-xs-4 { + width: 33.3333333333%; +} + +.ast-col-xs-5 { + width: 41.6666666667%; +} + +.ast-col-xs-6 { + width: 50%; +} + +.ast-col-xs-7 { + width: 58.3333333333%; +} + +.ast-col-xs-8 { + width: 66.6666666667%; +} + +.ast-col-xs-9 { + width: 75%; +} + +.ast-col-xs-10 { + width: 83.3333333333%; +} + +.ast-col-xs-11 { + width: 91.6666666667%; +} + +.ast-col-xs-12 { + width: 100%; +} + +.ast-col-xs-pull-0 { + right: auto; +} + +.ast-col-xs-pull-1 { + right: 8.3333333333%; +} + +.ast-col-xs-pull-2 { + right: 16.6666666667%; +} + +.ast-col-xs-pull-3 { + right: 25%; +} + +.ast-col-xs-pull-4 { + right: 33.3333333333%; +} + +.ast-col-xs-pull-5 { + right: 41.6666666667%; +} + +.ast-col-xs-pull-6 { + right: 50%; +} + +.ast-col-xs-pull-7 { + right: 58.3333333333%; +} + +.ast-col-xs-pull-8 { + right: 66.6666666667%; +} + +.ast-col-xs-pull-9 { + right: 75%; +} + +.ast-col-xs-pull-10 { + right: 83.3333333333%; +} + +.ast-col-xs-pull-11 { + right: 91.6666666667%; +} + +.ast-col-xs-pull-12 { + right: 100%; +} + +.ast-col-xs-push-0 { + left: auto; +} + +.ast-col-xs-push-1 { + left: 8.3333333333%; +} + +.ast-col-xs-push-2 { + left: 16.6666666667%; +} + +.ast-col-xs-push-3 { + left: 25%; +} + +.ast-col-xs-push-4 { + left: 33.3333333333%; +} + +.ast-col-xs-push-5 { + left: 41.6666666667%; +} + +.ast-col-xs-push-6 { + left: 50%; +} + +.ast-col-xs-push-7 { + left: 58.3333333333%; +} + +.ast-col-xs-push-8 { + left: 66.6666666667%; +} + +.ast-col-xs-push-9 { + left: 75%; +} + +.ast-col-xs-push-10 { + left: 83.3333333333%; +} + +.ast-col-xs-push-11 { + left: 91.6666666667%; +} + +.ast-col-xs-push-12 { + left: 100%; +} + +.ast-col-xs-offset-0 { + margin-left: 0%; +} + +.ast-col-xs-offset-1 { + margin-left: 8.3333333333%; +} + +.ast-col-xs-offset-2 { + margin-left: 16.6666666667%; +} + +.ast-col-xs-offset-3 { + margin-left: 25%; +} + +.ast-col-xs-offset-4 { + margin-left: 33.3333333333%; +} + +.ast-col-xs-offset-5 { + margin-left: 41.6666666667%; +} + +.ast-col-xs-offset-6 { + margin-left: 50%; +} + +.ast-col-xs-offset-7 { + margin-left: 58.3333333333%; +} + +.ast-col-xs-offset-8 { + margin-left: 66.6666666667%; +} + +.ast-col-xs-offset-9 { + margin-left: 75%; +} + +.ast-col-xs-offset-10 { + margin-left: 83.3333333333%; +} + +.ast-col-xs-offset-11 { + margin-left: 91.6666666667%; +} + +.ast-col-xs-offset-12 { + margin-left: 100%; +} + +@media (min-width: 544px) { + .ast-col-sm-1, .ast-col-sm-2, .ast-col-sm-3, .ast-col-sm-4, .ast-col-sm-5, .ast-col-sm-6, .ast-col-sm-7, .ast-col-sm-8, .ast-col-sm-9, .ast-col-sm-10, .ast-col-sm-11, .ast-col-sm-12 { + float: left; + } + .ast-col-sm-1 { + width: 8.3333333333%; + } + .ast-col-sm-2 { + width: 16.6666666667%; + } + .ast-col-sm-3 { + width: 25%; + } + .ast-col-sm-4 { + width: 33.3333333333%; + } + .ast-col-sm-5 { + width: 41.6666666667%; + } + .ast-col-sm-6 { + width: 50%; + } + .ast-col-sm-7 { + width: 58.3333333333%; + } + .ast-col-sm-8 { + width: 66.6666666667%; + } + .ast-col-sm-9 { + width: 75%; + } + .ast-col-sm-10 { + width: 83.3333333333%; + } + .ast-col-sm-11 { + width: 91.6666666667%; + } + .ast-col-sm-12 { + width: 100%; + } + .ast-col-sm-pull-0 { + right: auto; + } + .ast-col-sm-pull-1 { + right: 8.3333333333%; + } + .ast-col-sm-pull-2 { + right: 16.6666666667%; + } + .ast-col-sm-pull-3 { + right: 25%; + } + .ast-col-sm-pull-4 { + right: 33.3333333333%; + } + .ast-col-sm-pull-5 { + right: 41.6666666667%; + } + .ast-col-sm-pull-6 { + right: 50%; + } + .ast-col-sm-pull-7 { + right: 58.3333333333%; + } + .ast-col-sm-pull-8 { + right: 66.6666666667%; + } + .ast-col-sm-pull-9 { + right: 75%; + } + .ast-col-sm-pull-10 { + right: 83.3333333333%; + } + .ast-col-sm-pull-11 { + right: 91.6666666667%; + } + .ast-col-sm-pull-12 { + right: 100%; + } + .ast-col-sm-push-0 { + left: auto; + } + .ast-col-sm-push-1 { + left: 8.3333333333%; + } + .ast-col-sm-push-2 { + left: 16.6666666667%; + } + .ast-col-sm-push-3 { + left: 25%; + } + .ast-col-sm-push-4 { + left: 33.3333333333%; + } + .ast-col-sm-push-5 { + left: 41.6666666667%; + } + .ast-col-sm-push-6 { + left: 50%; + } + .ast-col-sm-push-7 { + left: 58.3333333333%; + } + .ast-col-sm-push-8 { + left: 66.6666666667%; + } + .ast-col-sm-push-9 { + left: 75%; + } + .ast-col-sm-push-10 { + left: 83.3333333333%; + } + .ast-col-sm-push-11 { + left: 91.6666666667%; + } + .ast-col-sm-push-12 { + left: 100%; + } + .ast-col-sm-offset-0 { + margin-left: 0%; + } + .ast-col-sm-offset-1 { + margin-left: 8.3333333333%; + } + .ast-col-sm-offset-2 { + margin-left: 16.6666666667%; + } + .ast-col-sm-offset-3 { + margin-left: 25%; + } + .ast-col-sm-offset-4 { + margin-left: 33.3333333333%; + } + .ast-col-sm-offset-5 { + margin-left: 41.6666666667%; + } + .ast-col-sm-offset-6 { + margin-left: 50%; + } + .ast-col-sm-offset-7 { + margin-left: 58.3333333333%; + } + .ast-col-sm-offset-8 { + margin-left: 66.6666666667%; + } + .ast-col-sm-offset-9 { + margin-left: 75%; + } + .ast-col-sm-offset-10 { + margin-left: 83.3333333333%; + } + .ast-col-sm-offset-11 { + margin-left: 91.6666666667%; + } + .ast-col-sm-offset-12 { + margin-left: 100%; + } +} + +@media (min-width: 768px) { + .ast-col-md-1, .ast-col-md-2, .ast-col-md-3, .ast-col-md-4, .ast-col-md-5, .ast-col-md-6, .ast-col-md-7, .ast-col-md-8, .ast-col-md-9, .ast-col-md-10, .ast-col-md-11, .ast-col-md-12 { + float: left; + } + .ast-col-md-1 { + width: 8.3333333333%; + } + .ast-col-md-2 { + width: 16.6666666667%; + } + .ast-col-md-3 { + width: 25%; + } + .ast-col-md-4 { + width: 33.3333333333%; + } + .ast-col-md-5 { + width: 41.6666666667%; + } + .ast-col-md-6 { + width: 50%; + } + .ast-col-md-7 { + width: 58.3333333333%; + } + .ast-col-md-8 { + width: 66.6666666667%; + } + .ast-col-md-9 { + width: 75%; + } + .ast-col-md-10 { + width: 83.3333333333%; + } + .ast-col-md-11 { + width: 91.6666666667%; + } + .ast-col-md-12 { + width: 100%; + } + .ast-col-md-pull-0 { + right: auto; + } + .ast-col-md-pull-1 { + right: 8.3333333333%; + } + .ast-col-md-pull-2 { + right: 16.6666666667%; + } + .ast-col-md-pull-3 { + right: 25%; + } + .ast-col-md-pull-4 { + right: 33.3333333333%; + } + .ast-col-md-pull-5 { + right: 41.6666666667%; + } + .ast-col-md-pull-6 { + right: 50%; + } + .ast-col-md-pull-7 { + right: 58.3333333333%; + } + .ast-col-md-pull-8 { + right: 66.6666666667%; + } + .ast-col-md-pull-9 { + right: 75%; + } + .ast-col-md-pull-10 { + right: 83.3333333333%; + } + .ast-col-md-pull-11 { + right: 91.6666666667%; + } + .ast-col-md-pull-12 { + right: 100%; + } + .ast-col-md-push-0 { + left: auto; + } + .ast-col-md-push-1 { + left: 8.3333333333%; + } + .ast-col-md-push-2 { + left: 16.6666666667%; + } + .ast-col-md-push-3 { + left: 25%; + } + .ast-col-md-push-4 { + left: 33.3333333333%; + } + .ast-col-md-push-5 { + left: 41.6666666667%; + } + .ast-col-md-push-6 { + left: 50%; + } + .ast-col-md-push-7 { + left: 58.3333333333%; + } + .ast-col-md-push-8 { + left: 66.6666666667%; + } + .ast-col-md-push-9 { + left: 75%; + } + .ast-col-md-push-10 { + left: 83.3333333333%; + } + .ast-col-md-push-11 { + left: 91.6666666667%; + } + .ast-col-md-push-12 { + left: 100%; + } + .ast-col-md-offset-0 { + margin-left: 0%; + } + .ast-col-md-offset-1 { + margin-left: 8.3333333333%; + } + .ast-col-md-offset-2 { + margin-left: 16.6666666667%; + } + .ast-col-md-offset-3 { + margin-left: 25%; + } + .ast-col-md-offset-4 { + margin-left: 33.3333333333%; + } + .ast-col-md-offset-5 { + margin-left: 41.6666666667%; + } + .ast-col-md-offset-6 { + margin-left: 50%; + } + .ast-col-md-offset-7 { + margin-left: 58.3333333333%; + } + .ast-col-md-offset-8 { + margin-left: 66.6666666667%; + } + .ast-col-md-offset-9 { + margin-left: 75%; + } + .ast-col-md-offset-10 { + margin-left: 83.3333333333%; + } + .ast-col-md-offset-11 { + margin-left: 91.6666666667%; + } + .ast-col-md-offset-12 { + margin-left: 100%; + } +} + +@media (min-width: 992px) { + .ast-col-lg-1, .ast-col-lg-2, .ast-col-lg-3, .ast-col-lg-4, .ast-col-lg-5, .ast-col-lg-6, .ast-col-lg-7, .ast-col-lg-8, .ast-col-lg-9, .ast-col-lg-10, .ast-col-lg-11, .ast-col-lg-12 { + float: left; + } + .ast-col-lg-1 { + width: 8.3333333333%; + } + .ast-col-lg-2 { + width: 16.6666666667%; + } + .ast-col-lg-3 { + width: 25%; + } + .ast-col-lg-4 { + width: 33.3333333333%; + } + .ast-col-lg-5 { + width: 41.6666666667%; + } + .ast-col-lg-6 { + width: 50%; + } + .ast-col-lg-7 { + width: 58.3333333333%; + } + .ast-col-lg-8 { + width: 66.6666666667%; + } + .ast-col-lg-9 { + width: 75%; + } + .ast-col-lg-10 { + width: 83.3333333333%; + } + .ast-col-lg-11 { + width: 91.6666666667%; + } + .ast-col-lg-12 { + width: 100%; + } + .ast-col-lg-pull-0 { + right: auto; + } + .ast-col-lg-pull-1 { + right: 8.3333333333%; + } + .ast-col-lg-pull-2 { + right: 16.6666666667%; + } + .ast-col-lg-pull-3 { + right: 25%; + } + .ast-col-lg-pull-4 { + right: 33.3333333333%; + } + .ast-col-lg-pull-5 { + right: 41.6666666667%; + } + .ast-col-lg-pull-6 { + right: 50%; + } + .ast-col-lg-pull-7 { + right: 58.3333333333%; + } + .ast-col-lg-pull-8 { + right: 66.6666666667%; + } + .ast-col-lg-pull-9 { + right: 75%; + } + .ast-col-lg-pull-10 { + right: 83.3333333333%; + } + .ast-col-lg-pull-11 { + right: 91.6666666667%; + } + .ast-col-lg-pull-12 { + right: 100%; + } + .ast-col-lg-push-0 { + left: auto; + } + .ast-col-lg-push-1 { + left: 8.3333333333%; + } + .ast-col-lg-push-2 { + left: 16.6666666667%; + } + .ast-col-lg-push-3 { + left: 25%; + } + .ast-col-lg-push-4 { + left: 33.3333333333%; + } + .ast-col-lg-push-5 { + left: 41.6666666667%; + } + .ast-col-lg-push-6 { + left: 50%; + } + .ast-col-lg-push-7 { + left: 58.3333333333%; + } + .ast-col-lg-push-8 { + left: 66.6666666667%; + } + .ast-col-lg-push-9 { + left: 75%; + } + .ast-col-lg-push-10 { + left: 83.3333333333%; + } + .ast-col-lg-push-11 { + left: 91.6666666667%; + } + .ast-col-lg-push-12 { + left: 100%; + } + .ast-col-lg-offset-0 { + margin-left: 0%; + } + .ast-col-lg-offset-1 { + margin-left: 8.3333333333%; + } + .ast-col-lg-offset-2 { + margin-left: 16.6666666667%; + } + .ast-col-lg-offset-3 { + margin-left: 25%; + } + .ast-col-lg-offset-4 { + margin-left: 33.3333333333%; + } + .ast-col-lg-offset-5 { + margin-left: 41.6666666667%; + } + .ast-col-lg-offset-6 { + margin-left: 50%; + } + .ast-col-lg-offset-7 { + margin-left: 58.3333333333%; + } + .ast-col-lg-offset-8 { + margin-left: 66.6666666667%; + } + .ast-col-lg-offset-9 { + margin-left: 75%; + } + .ast-col-lg-offset-10 { + margin-left: 83.3333333333%; + } + .ast-col-lg-offset-11 { + margin-left: 91.6666666667%; + } + .ast-col-lg-offset-12 { + margin-left: 100%; + } +} + +@media (min-width: 1200px) { + .ast-col-xl-1, .ast-col-xl-2, .ast-col-xl-3, .ast-col-xl-4, .ast-col-xl-5, .ast-col-xl-6, .ast-col-xl-7, .ast-col-xl-8, .ast-col-xl-9, .ast-col-xl-10, .ast-col-xl-11, .ast-col-xl-12 { + float: left; + } + .ast-col-xl-1 { + width: 8.3333333333%; + } + .ast-col-xl-2 { + width: 16.6666666667%; + } + .ast-col-xl-3 { + width: 25%; + } + .ast-col-xl-4 { + width: 33.3333333333%; + } + .ast-col-xl-5 { + width: 41.6666666667%; + } + .ast-col-xl-6 { + width: 50%; + } + .ast-col-xl-7 { + width: 58.3333333333%; + } + .ast-col-xl-8 { + width: 66.6666666667%; + } + .ast-col-xl-9 { + width: 75%; + } + .ast-col-xl-10 { + width: 83.3333333333%; + } + .ast-col-xl-11 { + width: 91.6666666667%; + } + .ast-col-xl-12 { + width: 100%; + } + .ast-col-xl-pull-0 { + right: auto; + } + .ast-col-xl-pull-1 { + right: 8.3333333333%; + } + .ast-col-xl-pull-2 { + right: 16.6666666667%; + } + .ast-col-xl-pull-3 { + right: 25%; + } + .ast-col-xl-pull-4 { + right: 33.3333333333%; + } + .ast-col-xl-pull-5 { + right: 41.6666666667%; + } + .ast-col-xl-pull-6 { + right: 50%; + } + .ast-col-xl-pull-7 { + right: 58.3333333333%; + } + .ast-col-xl-pull-8 { + right: 66.6666666667%; + } + .ast-col-xl-pull-9 { + right: 75%; + } + .ast-col-xl-pull-10 { + right: 83.3333333333%; + } + .ast-col-xl-pull-11 { + right: 91.6666666667%; + } + .ast-col-xl-pull-12 { + right: 100%; + } + .ast-col-xl-push-0 { + left: auto; + } + .ast-col-xl-push-1 { + left: 8.3333333333%; + } + .ast-col-xl-push-2 { + left: 16.6666666667%; + } + .ast-col-xl-push-3 { + left: 25%; + } + .ast-col-xl-push-4 { + left: 33.3333333333%; + } + .ast-col-xl-push-5 { + left: 41.6666666667%; + } + .ast-col-xl-push-6 { + left: 50%; + } + .ast-col-xl-push-7 { + left: 58.3333333333%; + } + .ast-col-xl-push-8 { + left: 66.6666666667%; + } + .ast-col-xl-push-9 { + left: 75%; + } + .ast-col-xl-push-10 { + left: 83.3333333333%; + } + .ast-col-xl-push-11 { + left: 91.6666666667%; + } + .ast-col-xl-push-12 { + left: 100%; + } + .ast-col-xl-offset-0 { + margin-left: 0%; + } + .ast-col-xl-offset-1 { + margin-left: 8.3333333333%; + } + .ast-col-xl-offset-2 { + margin-left: 16.6666666667%; + } + .ast-col-xl-offset-3 { + margin-left: 25%; + } + .ast-col-xl-offset-4 { + margin-left: 33.3333333333%; + } + .ast-col-xl-offset-5 { + margin-left: 41.6666666667%; + } + .ast-col-xl-offset-6 { + margin-left: 50%; + } + .ast-col-xl-offset-7 { + margin-left: 58.3333333333%; + } + .ast-col-xl-offset-8 { + margin-left: 66.6666666667%; + } + .ast-col-xl-offset-9 { + margin-left: 75%; + } + .ast-col-xl-offset-10 { + margin-left: 83.3333333333%; + } + .ast-col-xl-offset-11 { + margin-left: 91.6666666667%; + } + .ast-col-xl-offset-12 { + margin-left: 100%; + } +} + +/*-------------------------------------------------------------- +# Site Variables +--------------------------------------------------------------*/ +/*---------- Font Size ----------*/ +/*---------- Line Height ----------*/ +/*---------- Site Basic Structure ----------*/ +/*---------- z-index Structure ----------*/ +/*-------------------------------------------------------------- +# Mixins +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Typography +--------------------------------------------------------------*/ +h1, h2, h3, h4, h5, h6 { + clear: both; +} + +h1, +.entry-content h1 { + color: #808285; + font-size: 2em; + line-height: 1.2; +} + +h2, +.entry-content h2 { + color: #808285; + font-size: 1.7em; + line-height: 1.3; +} + +h3, +.entry-content h3 { + color: #808285; + font-size: 1.5em; + line-height: 1.4; +} + +h4, +.entry-content h4 { + color: #808285; + line-height: 1.5; + font-size: 1.3em; +} + +h5, +.entry-content h5 { + color: #808285; + line-height: 1.6; + font-size: 1.2em; +} + +h6, +.entry-content h6 { + color: #808285; + line-height: 1.7; + font-size: 1.1em; +} + +/*-------------------------------------------------------------- +# Elements +--------------------------------------------------------------*/ +html { + box-sizing: border-box; +} + +*, +*:before, +*:after { + /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ + box-sizing: inherit; +} + +body { + color: #808285; + background: #ffffff; + /* Fallback for when there is no custom background color defined. */ + font-style: normal; +} + +ul, ol { + margin: 0 0 1.5em 3em; +} + +ul { + list-style: disc; +} + +ol { + list-style: decimal; +} + +li > ul, +li > ol { + margin-bottom: 0; + margin-left: 1.5em; +} + +dt { + font-weight: bold; +} + +dd { + margin: 0 1.5em 1.5em; +} + +b, +strong { + font-weight: bold; +} + +dfn, +cite, +em, +i { + font-style: italic; +} + +blockquote, +q { + quotes: "" ""; +} + +blockquote:before, blockquote:after, +q:before, +q:after { + content: ""; +} + +blockquote { + border-left: 5px solid rgba(0, 0, 0, 0.05); + padding: 20px; + font-size: 1.2em; + font-style: italic; + margin: 0 0 1.5em; + position: relative; +} + +blockquote p:last-child { + margin: 0; +} + +address { + margin: 0 0 1.5em; +} + +abbr, +acronym { + border-bottom: 1px dotted #666; + cursor: help; +} + +pre { + background: #eee; + font-family: "Courier 10 Pitch", Courier, monospace; + margin-bottom: 1.6em; + overflow: auto; + max-width: 100%; + padding: 1.6em; +} + +code, +kbd, +tt, +var { + font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; +} + +img { + height: auto; + /* Make sure images are scaled correctly. */ + max-width: 100%; + /* Adhere to container width. */ +} + +hr { + background-color: #ccc; + border: 0; + height: 1px; + margin-bottom: 1.5em; +} + +.ast-button, +.button, +button, +input, +select, +textarea { + color: #808285; + font-weight: normal; + font-size: 100%; + /* Corrects font size not being inherited in all browsers */ + margin: 0; + /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ + vertical-align: baseline; + /* Improves appearance and consistency in all browsers */ +} + +button, +input { + line-height: normal; + /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ +} + +big { + font-size: 125%; +} + +mark, +ins { + background: transparent; + text-decoration: none; +} + +table, th, td { + border: 1px solid rgba(0, 0, 0, 0.1); +} + +table { + border-collapse: separate; + border-spacing: 0; + border-width: 1px 0 0 1px; + margin: 0 0 1.5em; + width: 100%; +} + +th { + font-weight: bold; +} + +th, td { + padding: 8px; + text-align: left; + border-width: 0 1px 1px 0; +} + +/*-------------------------------------------------------------- +# Forms +--------------------------------------------------------------*/ +button, +.ast-button, +.button, +input[type="button"], +input[type="reset"], +input[type="submit"] { + border: 1px solid; + border-color: #eaeaea; + border-radius: 2px; + background: #e6e6e6; + padding: .6em 1em .4em; + color: #fff; +} + +button:hover, button:focus, +.ast-button:hover, +.ast-button:focus, +.button:hover, +.button:focus, +input[type="button"]:hover, +input[type="button"]:focus, +input[type="reset"]:hover, +input[type="reset"]:focus, +input[type="submit"]:hover, +input[type="submit"]:focus { + color: #fff; + border-color: #eaeaea; +} + +button:active, button:focus, +.ast-button:active, +.ast-button:focus, +.button:active, +.button:focus, +input[type="button"]:active, +input[type="button"]:focus, +input[type="reset"]:active, +input[type="reset"]:focus, +input[type="submit"]:active, +input[type="submit"]:focus { + border-color: #eaeaea; + outline: none; +} + +input[type="text"], +input[type="email"], +input[type="url"], +input[type="password"], +input[type="search"], +input[type="tel"], +textarea { + color: #666; + border: 1px solid #ccc; + border-radius: 2px; + -webkit-appearance: none; +} + +input[type="text"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +textarea:focus { + color: #111; +} + +textarea { + padding-left: 3px; + width: 100%; +} + +/*-------------------------------------------------------------- +# Navigation +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +## Links +--------------------------------------------------------------*/ +a { + color: royalblue; +} + +a:hover, a:focus { + color: midnightblue; +} + +a:focus { + outline: thin dotted; +} + +a:hover { + outline: 0; +} + +/*-------------------------------------------------------------- +# Accessibility +--------------------------------------------------------------*/ +/* Text meant only for screen readers. */ +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.screen-reader-text:focus { + background-color: #f1f1f1; + border-radius: 2px; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + clip: auto !important; + color: #21759b; + display: block; + font-size: 12.25px; + font-size: 0.875rem; + height: auto; + left: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; + /* Above WP toolbar. */ +} + +.alignleft { + display: inline; + float: left; + margin-right: 1.5em; +} + +.alignright { + display: inline; + float: right; + margin-left: 1.5em; +} + +.aligncenter { + clear: both; + text-align: center; + display: block; + margin-left: auto; + margin-right: auto; +} + +.clear:before, +.clear:after, +.site-header:before, +.site-header:after, +.site-content:before, +.site-content:after, +#primary:before, +#primary:after, +.site-main:before, +.site-main:after, +#secondary:before, +#secondary:after, +.sidebar-main:before, +.sidebar-main:after, +.site-footer:before, +.site-footer:after, +.ast-row:before, +.ast-row:after, +.ast-container:before, +.ast-container:after { + content: ""; + display: table; +} + +.clear:after, +.site-header:after, +.site-content:after, +#primary:after, +.site-main:after, +#secondary:after, +.sidebar-main:after, +.site-footer:after, +.ast-row:after, +.ast-container:after { + clear: both; +} + +/*-------------------------------------------------------------- +# Media +--------------------------------------------------------------*/ +/* Make sure embeds and iframes fit their containers. */ +embed, +iframe, +object { + max-width: 100%; +} + +/*-------------------------------------------------------------- +## Captions +--------------------------------------------------------------*/ +.wp-caption { + margin-bottom: 1.5em; + max-width: 100%; +} + +.wp-caption img[class*="wp-image-"] { + display: block; + margin-left: auto; + margin-right: auto; +} + +.wp-caption .wp-caption-text { + margin: 0.8075em 0; +} + +.wp-caption-text { + text-align: center; +} + +/*-------------------------------------------------------------- +# Content +--------------------------------------------------------------*/ +/*---------- Mixins ----------*/ +/*---------- Site Variables ----------*/ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/*---------- Site Normalize ----------*/ +::selection { + color: #fff; + background: #0274be; +} + +body { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body:not(.logged-in) { + position: relative; +} + +#page { + position: relative; +} + +a, +a:focus { + text-decoration: none; +} + +a, +.site-header a *, +.site-footer a *, +.secondary a * { + transition: all 0.2s linear; +} + +.capitalize { + text-transform: uppercase; +} + +img { + vertical-align: middle; +} + +.entry-content h1, +.entry-content h2, +.entry-content h3, +.entry-content h4, +.entry-content h5, +.entry-content h6 { + margin-bottom: 20px; +} + +p { + margin-bottom: 1.75em; +} + +blockquote { + margin: 1.5em 1em 1.5em 3em; + padding: 1.2em; + font-size: 1.1em; + line-height: inherit; + position: relative; +} + +.ast-button, +.button, +input[type="button"], +input[type="submit"] { + border-radius: 0; + padding: 18px 30px; + border: 0; + box-shadow: none; + text-shadow: none; +} + +.ast-button:hover, +.button:hover, +input[type="button"]:hover, +input[type="submit"]:hover { + box-shadow: none; +} + +.ast-button:active, .ast-button:focus, +.button:active, +.button:focus, +input[type="button"]:active, +input[type="button"]:focus, +input[type="submit"]:active, +input[type="submit"]:focus { + box-shadow: none; +} + +.site-title { + font-weight: normal; +} + +.site-title, +.site-description { + margin-bottom: 0; +} + +.site-title a, +.site-title:hover a, +.site-title:focus a, +.site-description a, +.site-description:hover a, +.site-description:focus a { + transition: all 0.2s linear; +} + +.site-title a, +.site-title a:focus, +.site-title a:hover, +.site-title a:visited { + color: #222; +} + +.site-description a, +.site-description a:focus, +.site-description a:hover, +.site-description a:visited { + color: #999; +} + +.search-form .search-field { + outline: none; +} + +.ast-search-menu-icon { + position: relative; + z-index: 3; +} + +/* must have higher specificity than alternative color schemes inline styles */ +.site .skip-link { + background-color: #f1f1f1; + box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); + color: #21759b; + display: block; + font-family: Montserrat, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 700; + left: -9999em; + outline: none; + padding: 15px 23px 14px; + text-decoration: none; + text-transform: none; + top: -9999em; +} + +.site .skip-link:focus { + clip: auto; + height: auto; + left: 6px; + top: 7px; + width: auto; + z-index: 100000; + outline: thin dotted; +} + +.logged-in .site .skip-link { + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); + font-family: "Open Sans", sans-serif; +} + +select, +input { + line-height: 1; +} + +body, +button, +input[type="button"], +input[type="submit"], +textarea, +.ast-button, +.ast-custom-button { + line-height: 1.85714285714286; +} + +.site-title a { + line-height: 1.2; +} + +.site-header .site-description { + line-height: 1.5; +} + +.ast-single-post .entry-title, +.ast-single-post .entry-title a { + line-height: 1.2; +} + +.entry-title, +.entry-title a { + font-weight: normal; +} + +/*---------- Media ----------*/ +/* Astra Respnosive oEmbed Video container */ +.ast-oembed-container { + position: relative; + padding-top: 56.25%; + height: 0; + overflow: hidden; + max-width: 100%; + height: auto; +} + +.ast-oembed-container iframe, .ast-oembed-container object, .ast-oembed-container embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +body .ast-oembed-container * { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +/*---------- Basic Layout ----------*/ +.ast-hidden { + display: none !important; +} + +body { + background-color: #ffffff; +} + +#page { + display: block; +} + +#primary, +#secondary { + display: block; + position: relative; + float: left; + width: 100%; +} + +#primary { + margin: 4em 0; +} + +.ast-separate-container { + background-color: #f5f5f5; +} + +.ast-separate-container #primary { + padding: 4em 0; + margin: 0; + border: 0; +} + +.ast-separate-container .site-main > .ast-row { + margin-left: 0; + margin-right: 0; +} + +.ast-separate-container .ast-article-post, +.ast-separate-container .ast-article-single:not(.ast-related-post) { + background-color: #fff; +} + +.ast-separate-container .ast-article-post, +.ast-separate-container .ast-article-single { + border-bottom: 1px solid #eeeeee; + margin: 0; + padding: 5.34em 6.67em; +} + +.ast-separate-container .blog-layout-1 { + padding: 0; + border-bottom: 0; +} + +.ast-separate-container .ast-article-single { + border-bottom: 0; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-post, + .ast-separate-container .ast-article-single { + margin: 0; + padding: 3.34em 2.4em; + } +} + +.ast-page-builder-template .hentry { + margin: 0; +} + +.ast-page-builder-template .site-content > .ast-container { + max-width: 100%; + padding: 0; +} + +.ast-page-builder-template .site-content #primary { + padding: 0; + margin: 0; +} + +.ast-page-builder-template .no-results { + text-align: center; + margin: 4em auto; +} + +.ast-page-builder-template .entry-header { + margin-top: 4em; + margin-left: auto; + margin-right: auto; + padding-left: 20px; + padding-right: 20px; +} + +.ast-page-builder-template .entry-header.ast-no-title.ast-no-thumbnail { + margin-top: 0; +} + +.ast-page-builder-template .entry-header.ast-header-without-markup { + margin-top: 0; + margin-bottom: 0; +} + +.ast-page-builder-template .entry-header.ast-no-title.ast-no-meta { + margin-bottom: 0; +} + +.ast-page-builder-template.single .post-navigation { + padding-bottom: 2em; +} + +.ast-page-builder-template .ast-archive-description { + margin-top: 4em; + margin-left: auto; + margin-right: auto; + padding-left: 20px; + padding-right: 20px; +} + +@media (min-width: 993px) { + .ast-separate-container.ast-right-sidebar #primary, + .ast-separate-container.ast-left-sidebar #primary, + .ast-separate-container #primary { + margin: 4em 0; + padding: 0; + } + .ast-right-sidebar #primary { + padding-right: 60px; + } + .ast-left-sidebar #primary { + padding-left: 60px; + } +} + +@media (max-width: 992px) { + .ast-separate-container.ast-right-sidebar #primary, + .ast-separate-container.ast-left-sidebar #primary, + .ast-separate-container #primary { + padding-left: 0; + padding-right: 0; + } + .ast-right-sidebar #primary { + padding-right: 30px; + } + .ast-left-sidebar #primary { + padding-left: 30px; + } +} + +/*---------- Navigation ----------*/ +/** + * Navigations + * + * @import + * 1 - Primary Menus + * 2 - Secondary Menus + * 3 - Header Top Menus + * + * Contents + * 1 - Toggle Button + * +*/ +/** + * @import + */ +/* 1 - Primary Menus */ +.ast-search-icon .astra-search-icon { + font-size: 1.3em; +} + +.main-navigation { + height: 100%; + -js-display: inline-flex; + display: inline-flex; +} + +.main-navigation ul { + list-style: none; + margin: 0; + padding-left: 0; + position: relative; +} + +.main-header-menu .menu-link, +.main-header-menu > a { + text-decoration: none; + padding: 0 1em; + display: inline-block; + transition: all 0.2s linear; +} + +.main-header-menu .menu-item { + position: relative; +} + +.main-header-menu .menu-item:hover > .sub-menu, +.main-header-menu .menu-item.focus > .sub-menu { + right: auto; + left: 0; +} + +.main-header-menu .ast-left-align-sub-menu:hover > .sub-menu, +.main-header-menu .ast-left-align-sub-menu.focus > .sub-menu { + right: 0; + left: auto; +} + +@media (min-width: 769px) { + .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, + .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + left: -100%; + } + .main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover > .sub-menu, + .main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus > .sub-menu { + left: -100%; + } +} + +.main-header-menu .sub-menu { + width: 240px; + background: #ffffff; + left: -999em; + position: absolute; + top: 100%; + z-index: 99999; +} + +@media (min-width: 769px) { + .main-header-menu .sub-menu .menu-item:hover > .sub-menu, + .main-header-menu .sub-menu .menu-item.focus > .sub-menu { + left: 100%; + right: auto; + } + .main-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu, + .main-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu { + left: -100%; + } + .main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, + .main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + left: -100%; + } +} + +.main-header-menu .sub-menu .menu-link { + padding: 0.9em 1em; + display: block; + word-wrap: break-word; +} + +.main-header-menu .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type { + display: none; +} + +#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .icon-arrow svg { + position: absolute; + right: .60em; + top: 50%; + transform: translate(0, -50%) rotate(270deg); +} + +.main-header-menu .sub-menu .sub-menu { + top: 0px; +} + +.submenu-with-border .sub-menu { + border-width: 1px; + border-style: solid; +} + +.submenu-with-border .sub-menu .menu-link { + border-width: 0 0 1px; + border-style: solid; +} + +.submenu-with-border .sub-menu .sub-menu { + top: -1px; +} + +/* Remove the last anchor border for desktop devices */ +.ast-desktop .submenu-with-border .sub-menu > .menu-item:last-child > .menu-link { + border-bottom-width: 0; +} + +.ast-header-break-point .main-navigation { + padding-left: 0; +} + +.ast-header-break-point .main-navigation ul .menu-item .menu-link { + padding: 0 20px; + display: inline-block; + width: 100%; + border: 0; + border-bottom-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type { + margin-right: 5px; +} + +.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type { + display: inline; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link { + padding-left: 30px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link { + padding-left: 40px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link { + padding-left: 50px; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link { + padding-left: 60px; +} + +.ast-header-break-point .main-header-menu { + background-color: #f9f9f9; + border-top-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point .main-header-menu .sub-menu { + background-color: #f9f9f9; + position: static; + opacity: 1; + visibility: visible; + border: 0; + width: auto; +} + +.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu, +.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu { + left: 0; +} + +.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, +.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + left: 0; +} + +.ast-header-break-point .submenu-with-border .sub-menu { + border: 0; +} + +.ast-header-break-point .dropdown-menu-toggle { + display: none; +} + +/** + * Contents + */ +.ast-mobile-menu-buttons { + display: none; +} + +/* Toggle Button */ +.ast-button-wrap { + display: inline-block; +} + +.ast-button-wrap button { + box-shadow: none; + border: none; +} + +.ast-button-wrap .menu-toggle { + padding: 0; + width: 2.2em; + height: 2.1em; + font-size: 1.5em; + font-weight: normal; + border-radius: 2px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + border-radius: 2px; + vertical-align: middle; + line-height: 1.85714285714286; +} + +.ast-button-wrap .menu-toggle.main-header-menu-toggle { + padding: 0 .5em; + width: auto; + text-align: center; +} + +.ast-button-wrap .menu-toggle.main-header-menu-toggle .mobile-menu { + font-size: 15px; + font-size: 1rem; + font-weight: 600; +} + +.ast-button-wrap .menu-toggle .menu-toggle-icon { + font-style: normal; + display: inline-block; + vertical-align: middle; + line-height: 2.05; +} + +.ast-button-wrap .menu-toggle .menu-toggle-icon:before { + content: "\e5d2"; + font-family: 'Astra'; + text-decoration: inherit; +} + +.ast-button-wrap .menu-toggle .icon-menu-bars svg:nth-child(2) { + display: none; +} + +.ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before { + content: "\e5cd"; +} + +.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(1) { + display: none; +} + +.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(2) { + display: block; +} + +.ast-button-wrap .menu-toggle .mobile-menu-wrap { + display: inline-block; +} + +.ast-button-wrap .menu-toggle:focus { + outline: thin dotted; +} + +.header-main-layout-1 .ast-main-header-bar-alignment { + margin-left: auto; +} + +#site-navigation { + height: 100%; +} + +.site-header .menu-link * { + transition: none; +} + +.ast-icon.icon-arrow svg { + height: .6em; + width: .6em; + position: relative; + margin-left: 10px; +} + +.ast-icon.icon-search svg { + height: 1em; + width: 0.9em; + margin-top: 3px; + margin-right: 2px; +} + +/* Responsive Screen */ +.ast-header-break-point .user-select { + clear: both; +} + +.ast-header-break-point .ast-mobile-menu-buttons { + display: block; + align-self: center; +} + +.ast-header-break-point .main-header-bar-navigation { + flex: auto; +} + +.ast-header-break-point .ast-main-header-bar-alignment { + display: block; + width: 100%; + flex: auto; + order: 4; +} + +.ast-header-break-point .ast-icon.icon-arrow svg { + height: .85em; + width: .95em; + position: relative; + margin-left: 10px; +} + +/** + * Post/Page Navigation + */ +.site-main .comment-navigation, .site-main +.posts-navigation, .site-main +.post-navigation { + margin: 0 0 1.5em; + overflow: hidden; +} + +.comment-navigation .nav-previous, +.comment-navigation .nav-next, +.posts-navigation .nav-previous, +.posts-navigation .nav-next, +.post-navigation .nav-previous, +.post-navigation .nav-next { + width: 50%; + display: inline-block; +} + +.comment-navigation .nav-next, +.posts-navigation .nav-next, +.post-navigation .nav-next { + text-align: right; +} + +.ast-icon svg { + fill: currentColor; +} + +.post-navigation a { + background: transparent; + font-size: 16px; + font-size: 1.06666rem; + padding: 0 1.5em; + height: 2.33333em; + line-height: calc(2.33333em - 3px); +} + +/*---------- Header ----------*/ +/** + * Header + * + * @import + * 1 - Header Layouts + * 3 - Header Layout Common + * 4 - Header Main + * 5 - Header Top Bar + * 7 - Header Toggle Buttons +*/ +/* 1 - Header Layouts */ +/** + * Header Layouts + * + * @import + * 1 - Header Layout 1 + * 2 - Header Layout 2 + * 3 - Header Layout 3 + * 4 - Header Inline Logo & Site Title + * 5 - Next Button Menu Item + * 6 - Responsive Style +*/ +/* 4 - Next Button Menu Item */ +.main-header-bar { + z-index: 1; +} + +/** + * 1 - Header Layout 1 +*/ +.header-main-layout-1.ast-primary-menu-disabled .ast-masthead-custom-menu-items { + text-align: right; +} + +.header-main-layout-1 .main-header-bar-navigation { + text-align: right; +} + +.header-main-layout-1 .main-header-bar-navigation .sub-menu { + text-align: left; +} + +.header-main-layout-1 .main-navigation { + padding-left: 15px; + vertical-align: top; +} + +.header-main-layout-1 .main-header-container { + align-items: stretch; +} + +/** + * 2 - Header Layout 2 +*/ +.header-main-layout-2 .main-header-container { + display: block; +} + +.header-main-layout-2 .site-branding { + text-align: center; + padding-bottom: 1em; +} + +.header-main-layout-2 .site-title { + justify-content: center; +} + +.header-main-layout-2 .main-navigation ul { + justify-content: center; +} + +.header-main-layout-2 .main-header-bar-navigation { + text-align: center; +} + +.header-main-layout-2 .main-header-bar-navigation .sub-menu { + text-align: left; +} + +.header-main-layout-2 .ast-header-custom-item { + justify-content: center; + line-height: 1.85714285714286; +} + +.header-main-layout-2 .ast-masthead-custom-menu-items { + position: relative; +} + +.header-main-layout-2 .widget { + text-align: center; +} + +.ast-header-custom-item-outside .header-main-layout-2 .main-header-container { + -js-display: flex; + display: flex; + justify-content: center; +} + +.ast-header-custom-item-outside .header-main-layout-2 .site-branding { + flex: 0 0 100%; +} + +/** + * 3 - Header Layout 3 +*/ +.header-main-layout-3 .ast-site-identity { + text-align: right; +} + +.header-main-layout-3 .main-header-container { + flex-direction: row-reverse; + align-items: stretch; +} + +.header-main-layout-3 .main-navigation { + padding-right: 15px; +} + +.header-main-layout-3 .main-navigation ul { + justify-content: flex-start; +} + +.header-main-layout-3 .main-header-bar-navigation { + text-align: left; +} + +.header-main-layout-3 .ast-header-custom-item { + justify-content: flex-start; +} + +.header-main-layout-3 .ast-masthead-custom-menu-items { + position: relative; +} + +.header-main-layout-3 li .ast-search-icon { + padding-left: .5em; +} + +.header-main-layout-3 .ast-search-menu-icon { + left: 0; + right: 0; +} + +.header-main-layout-3 li .ast-search-menu-icon { + left: 1em; + right: 0; +} + +.header-main-layout-3 .main-header-bar .ast-search-menu-icon .search-form { + padding: 0 0 0 3em; +} + +.header-main-layout-3 .main-header-bar .ast-search-menu-icon.slide-search .search-form { + left: -1em; + right: auto; +} + +.ast-header-break-point .header-main-layout-1 .site-branding { + padding-right: 1em; +} + +.ast-header-break-point .header-main-layout-1 .main-header-bar-navigation { + text-align: left; +} + +.ast-header-break-point .header-main-layout-1 .main-navigation { + padding-left: 0; +} + +.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items { + flex: 1 1 100%; +} + +.ast-header-break-point .ast-mobile-header-stack .site-branding { + padding-left: 0; + padding-right: 0; + padding-bottom: 1em; + flex: 1 1 100%; +} + +.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items, +.ast-header-break-point .ast-mobile-header-stack .site-branding, +.ast-header-break-point .ast-mobile-header-stack .site-title, +.ast-header-break-point .ast-mobile-header-stack .ast-site-identity { + justify-content: center; + text-align: center; +} + +.ast-header-break-point .ast-mobile-header-stack.ast-logo-title-inline .site-title { + text-align: left; +} + +.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { + flex: 1 1 100%; + text-align: center; + justify-content: center; +} + +.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .main-header-container { + flex-direction: initial; +} + +.ast-header-break-point .header-main-layout-2 .ast-mobile-menu-buttons { + -js-display: flex; + display: flex; + justify-content: center; +} + +.ast-header-break-point .header-main-layout-2 .main-header-bar-navigation, +.ast-header-break-point .header-main-layout-2 .widget { + text-align: left; +} + +.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-3 .main-header-bar .ast-search-icon { + margin-right: auto; + margin-left: 1em; +} + +.ast-header-break-point .header-main-layout-3 .main-header-bar .ast-search-menu-icon.slide-search .search-form { + right: auto; + left: 0; +} + +.ast-header-break-point .header-main-layout-3.ast-mobile-header-inline .ast-mobile-menu-buttons { + justify-content: flex-start; +} + +.ast-header-break-point .header-main-layout-3 li .ast-search-menu-icon { + left: 0; +} + +.ast-header-break-point .header-main-layout-3 .site-branding { + padding-left: 1em; + justify-content: flex-end; +} + +.ast-header-break-point .header-main-layout-3 .main-navigation { + padding-right: 0; +} + +/** + * 4 - Header Inline Logo & Site Title +*/ +.ast-logo-title-inline .ast-site-identity { + -js-display: inline-flex; + display: inline-flex; + vertical-align: middle; + align-items: center; + transition: all 0.2s linear; +} + +.ast-logo-title-inline .site-logo-img { + padding-right: 1em; +} + +.ast-logo-title-inline.header-main-layout-2 .site-logo-img + .ast-site-title-wrap .site-title { + justify-content: flex-start; +} + +/* Mobile Header Alignment */ +@media (max-width: 544px) { + .ast-header-custom-item-outside .ast-mobile-header-stack .site-branding { + padding-right: 0; + } + .ast-header-custom-item-outside .ast-mobile-header-stack .site-title { + justify-content: center; + text-align: center; + } + .ast-header-break-point .ast-mobile-header-stack .site-branding, + .ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { + justify-content: center; + text-align: center; + padding-bottom: 0; + } +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-branding { + text-align: left; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-title { + justify-content: left; +} + +.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-2 .ast-mobile-menu-buttons { + padding-bottom: 1em; +} + +.ast-header-break-point .ast-mobile-header-stack .main-header-container, +.ast-header-break-point .ast-mobile-header-inline .main-header-container { + -js-display: flex; + display: flex; +} + +/* 3 - Header Common */ +/** + * Header Common + * + * Contents + * 1 - Common + * 4 - Main Header Container + * 6 - all and (max-width: $mx-break-point) + * 7 - Auto Margin +*/ +/** + * 1 - Common + */ +.site-header { + z-index: 99; + position: relative; +} + +/** + * 4 - Main Header Container + */ +.main-header-container { + position: relative; +} + +.main-header-bar-wrap { + position: relative; +} + +.main-header-bar { + background-color: #fff; + border-bottom-color: #eaeaea; + border-bottom-style: solid; +} + +/** + * 6 - all and (max-width: $mx-break-point) + */ +.ast-header-break-point .main-header-bar { + border: 0; +} + +.ast-header-break-point .main-header-bar { + border-bottom-color: #eaeaea; + border-bottom-style: solid; +} + +/** + * 7 - Auto Margin + */ +.main-header-bar { + margin-left: auto; + margin-right: auto; +} + +/** + * 10 - Submenu container box shadow + */ +.ast-desktop .main-header-menu:not(#ast-hf-mobile-menu) .sub-menu { + box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); +} + +.ast-header-custom-item-inside .button-custom-menu-item .menu-link { + display: none; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item { + padding-left: 0; + padding-right: 0; + margin-top: 0; + margin-bottom: 0; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .ast-custom-button-link { + display: none; +} + +.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .menu-link { + display: block; +} + +/* 4 - Header Main */ +/** + * Header Sections + * + * All sections within the header. + * + * Contents + * 1 - Common + * 2 - Social Follow + * 3 - Site Logo + * 4 - Search Form + * + * # Responsive +*/ +/** + * 1 - Common + */ +/* Default Padding For Nav */ +.nav-style { + display: block; + padding: 0 15px; +} + +.site-branding { + line-height: 1; + align-self: center; +} + +.ast-no-menu-items .main-navigation { + display: none; +} + +.ast-menu-toggle { + display: none; + background: transparent; + color: inherit; + border-style: dotted; + border-color: transparent; +} + +.ast-menu-toggle:focus, .ast-menu-toggle:hover { + background: transparent; + border-color: inherit; + color: inherit; +} + +.ast-menu-toggle:focus { + outline: thin dotted; +} + +/** + * 4 - Search Form & Main Header + */ +.ast-main-header-nav-open .main-header-bar { + padding-bottom: 0; +} + +.main-header-bar { + z-index: 4; + position: relative; + line-height: 4; +} + +.main-header-bar .main-header-bar-navigation { + height: 100%; +} + +.main-header-bar .main-header-bar-navigation:empty { + padding: 0; +} + +.main-header-bar .main-header-bar-navigation .sub-menu { + line-height: 1.45; +} + +.main-header-bar .main-header-bar-navigation .menu-item-has-children > .menu-link:after { + line-height: normal; +} + +.main-header-bar .main-header-bar-navigation .ast-search-icon { + display: block; + z-index: 4; + position: relative; +} + +.main-header-bar .ast-search-menu-icon .search-form { + background-color: #ffffff; +} + +.ast-primary-menu-disabled .main-header-bar .main-header-bar-navigation.toggle-on { + padding-top: 0; +} + +.ast-flyout-menu-enable .main-header-bar .ast-masthead-custom-menu-items .ast-custom-button-link { + border: none; +} + +.ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon .search-form { + visibility: visible; + opacity: 1; + position: relative; + right: auto; + top: auto; + transform: none; +} + +.ast-masthead-custom-menu-items .ast-dropdown-active .slide-search.astra-search-icon, +.below-header-user-select .ast-dropdown-active .slide-search.astra-search-icon, +.ast-above-header-section .user-select .ast-dropdown-active .slide-search.astra-search-icon { + color: #757575; +} + +.ast-search-menu-icon.slide-search .search-form { + -webkit-backface-visibility: visible; + backface-visibility: visible; + visibility: hidden; + opacity: 0; + transition: all .2s; + position: absolute; + z-index: 3; + right: -1em; + top: 50%; + transform: translateY(-50%); +} + +.ast-search-menu-icon.ast-dropdown-active.slide-search .search-form { + visibility: visible; + opacity: 1; +} + +.ast-search-menu-icon .search-form { + border: 1px solid #e7e7e7; + line-height: normal; + padding: 0 3em 0 0; + border-radius: 2px; + display: inline-block; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + position: relative; + color: inherit; + background-color: #fff; +} + +.ast-search-menu-icon .astra-search-icon { + -js-display: flex; + display: flex; + line-height: normal; +} + +.ast-search-menu-icon .astra-search-icon:focus { + outline: none; +} + +.ast-search-menu-icon .search-field { + border: none; + background-color: transparent; + transition: width .2s; + border-radius: inherit; + color: inherit; + font-size: inherit; + width: 0; + color: #757575; +} + +.ast-search-menu-icon .search-submit { + display: none; + background: none; + border: none; + font-size: 1.3em; + color: #757575; +} + +.ast-search-menu-icon.ast-dropdown-active { + visibility: visible; + opacity: 1; + position: relative; +} + +.ast-search-menu-icon.ast-dropdown-active .search-field { + width: 235px; +} + +li.ast-masthead-custom-menu-items { + padding: 0 1em; +} + +li.ast-masthead-custom-menu-items a { + padding-left: 0; + padding-right: 0; + vertical-align: middle; +} + +li.ast-masthead-custom-menu-items a, +li.ast-masthead-custom-menu-items a:hover, +li.ast-masthead-custom-menu-items a:focus { + background: transparent; +} + +li.ast-masthead-custom-menu-items .ast-search-icon .astra-search-icon { + line-height: 1; +} + +.ast-search-icon { + z-index: 4; + position: relative; + line-height: normal; +} + +.ast-primary-menu-disabled.ast-mobile-header-inline .ast-masthead-custom-menu-items { + text-align: right; +} + +.ast-primary-menu-disabled .ast-masthead-custom-menu-items { + flex: 1; +} + +.ast-primary-menu-disabled.header-main-layout-2 .ast-masthead-custom-menu-items { + text-align: center; +} + +.ast-primary-menu-disabled.header-main-layout-3 .ast-masthead-custom-menu-items { + text-align: left; +} + +.ast-masthead-custom-menu-items { + padding: 0 1em; +} + +.search-custom-menu-item { + position: relative; +} + +/* Hide Mobile logo. */ +.custom-mobile-logo-link { + display: none; +} + +.ast-site-identity { + padding: 1em 0; +} + +.ast-header-break-point .ast-mobile-header-stack .site-description { + text-align: center; +} + +.ast-header-break-point .ast-mobile-header-stack.ast-logo-title-inline .site-description { + text-align: left; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled .ast-mobile-menu-buttons { + display: none; +} + +.ast-header-break-point .ast-hide-custom-menu-mobile .ast-masthead-custom-menu-items { + display: none; +} + +.ast-header-break-point .ast-mobile-header-inline .site-branding { + text-align: left; + padding-bottom: 0; +} + +.ast-header-break-point .ast-mobile-header-inline.header-main-layout-3 .site-branding { + text-align: right; +} + +.ast-header-break-point .site-header .main-header-bar-wrap .site-branding { + -js-display: flex; + display: flex; + flex: 1; + align-self: center; +} + +.ast-header-break-point ul li.ast-masthead-custom-menu-items a { + padding: 0; + display: inline-block; + width: auto; + border: 0; +} + +.ast-header-break-point li.ast-masthead-custom-menu-items { + padding-left: 20px; + padding-right: 20px; + margin-bottom: 1em; + margin-top: 1em; +} + +.ast-header-break-point .ast-site-identity { + width: 100%; +} + +.ast-header-break-point .main-header-bar-navigation .menu-item-has-children > .menu-link:after { + display: none; +} + +.ast-header-break-point .main-header-bar { + display: block; + line-height: 3; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation { + line-height: 3; + display: none; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu { + line-height: 3; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu { + display: none; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle { + display: inline-block; + position: absolute; + font-size: inherit; + top: -1px; + right: 20px; + cursor: pointer; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + padding: 0 0.907em; + font-weight: normal; + line-height: inherit; + transition: all .2s; +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before, +.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle .icon-arrow svg { + transform: rotateX(180deg); +} + +.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu { + border-top-width: 1px; + border-style: solid; + border-color: #eaeaea; +} + +.ast-header-break-point.ast-header-custom-item-inside .ast-search-menu-icon { + position: relative; + display: block; + right: auto; + transform: none; +} + +.ast-header-break-point .main-navigation { + display: block; + width: 100%; +} + +.ast-header-break-point .main-navigation ul > .menu-item:first-child { + border-top: 0; +} + +.ast-header-break-point .main-navigation ul ul { + left: auto; + right: auto; +} + +.ast-header-break-point .main-navigation li { + width: 100%; +} + +.ast-header-break-point .main-navigation .widget { + margin-bottom: 1em; +} + +.ast-header-break-point .main-navigation .widget li { + width: auto; +} + +.ast-header-break-point .main-navigation .widget:last-child { + margin-bottom: 0; +} + +.ast-header-break-point .main-header-bar-navigation { + width: calc( 100% + 40px); + margin: 0 -20px; +} + +.ast-header-break-point .main-header-menu ul ul { + top: 0; +} + +.ast-header-break-point .ast-has-mobile-header-logo .custom-logo-link { + display: none; +} + +.ast-header-break-point .ast-has-mobile-header-logo .custom-mobile-logo-link { + display: inline-block; +} + +.ast-header-break-point.ast-mobile-inherit-site-logo .ast-has-mobile-header-logo .custom-logo-link, +.ast-header-break-point.ast-mobile-inherit-site-logo .ast-has-mobile-header-logo .astra-logo-svg { + display: block; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-menu-buttons { + order: 2; +} + +.ast-header-break-point.ast-header-custom-item-outside .main-header-bar-navigation { + order: 3; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-masthead-custom-menu-items { + order: 1; +} + +.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-2 .ast-masthead-custom-menu-items { + text-align: center; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-branding, +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .ast-mobile-menu-buttons { + -js-display: flex; + display: flex; +} + +.ast-header-break-point.ast-header-custom-item-outside.ast-header-custom-item-outside .header-main-layout-2 .ast-mobile-menu-buttons { + padding-bottom: 0; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .ast-site-identity { + width: 100%; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline.header-main-layout-3 .ast-site-identity { + width: auto; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline.header-main-layout-2 .site-branding { + flex: 1 1 auto; +} + +@media (max-width: 544px) { + .ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { + width: 100%; + } + .ast-header-break-point .ast-mobile-header-stack .site-branding, + .ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { + justify-content: center; + } + .ast-header-break-point .ast-mobile-header-stack .main-header-bar-wrap .site-branding { + flex: 1 1 auto; + } + .ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { + padding-top: 0.8em; + } + .ast-header-break-point .ast-mobile-header-stack.header-main-layout-2 .ast-mobile-menu-buttons { + padding-top: 0.8em; + } + .ast-header-break-point .ast-mobile-header-stack.header-main-layout-1 .site-branding { + padding-bottom: 0; + } + .ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items { + padding: 0.8em 1em 0 1em; + text-align: center; + width: 100%; + } + .ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .ast-mobile-menu-buttons, + .ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .ast-masthead-custom-menu-items { + padding-top: 0.8em; + } +} + +/* Customize Preview */ +/** + * Customizer Edit pencil - Set Position + */ +.customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button { + display: none; +} + +.ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button { + display: inline-block; +} + +.customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button { + display: none; +} + +.ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button { + display: inline-block; +} + +.customize-partial-edit-shortcut-astra-settings-display-site-title-responsive button.customize-partial-edit-shortcut-button { + display: none; +} + +.customize-partial-edit-shortcut-astra-settings-display-site-tagline-responsive button.customize-partial-edit-shortcut-button { + display: none; +} + +.customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button { + display: none; +} + +.site-logo-img:hover .customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button { + display: inline-block; +} + +.customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button { + display: none; +} + +.main-navigation:hover .customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button { + display: inline-block; +} + +/* Sticky Header CSS */ +.ast-primary-sticky-header-active .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button { + left: 100px; +} + +.ast-primary-sticky-header-active.ast-full-width-header .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button { + left: 5px; +} + +/* Primary Header common CSS */ +.customize-partial-edit-shortcut-astra-settings-disable-primary-nav .customize-partial-edit-shortcut-button { + top: 15px; +} + +.ast-masthead-custom-menu-items.search-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button { + left: -30px; + top: -7px; + display: none; +} + +.ast-masthead-custom-menu-items.search-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button { + display: block; +} + +.ast-masthead-custom-menu-items.button-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-button-text .customize-partial-edit-shortcut-button { + top: -14px; + display: none; +} + +.ast-masthead-custom-menu-items.button-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-button-text .customize-partial-edit-shortcut-button { + display: block; +} + +.ast-masthead-custom-menu-items.text-html-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-html .customize-partial-edit-shortcut-button { + left: -30px; + top: 15px; + display: none; +} + +.ast-masthead-custom-menu-items.text-html-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-html .customize-partial-edit-shortcut-button { + display: block; +} + +.ast-masthead-custom-menu-items.widget-custom-menu-item { + text-align: left; +} + +.ast-masthead-custom-menu-items.widget-custom-menu-item .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button { + left: -25px; + top: -8px; + display: none; +} + +.ast-masthead-custom-menu-items.widget-custom-menu-item:hover .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button { + display: block; +} + +.ast-masthead-custom-menu-items.woocommerce-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button { + top: -20px; + left: -25px; + display: none; +} + +.ast-masthead-custom-menu-items.woocommerce-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button { + display: block; +} + +/* Below Header common CSS */ +.ast-below-header .below-header-user-select .ast-site-header-cart, +.ast-below-header .below-header-user-select .ast-search-menu-icon, .ast-below-header .below-header-user-select.below-header-widget { + text-align: left; +} + +.ast-below-header .customize-partial-edit-shortcut { + top: 1em; +} + +/* Above Header common CSS */ +.ast-above-header-section .user-select .ast-search-menu-icon { + text-align: left; +} + +.ast-above-header .customize-partial-edit-shortcut { + top: 0.3em; +} + +/* Above Header Section 1 */ +.ast-above-header-section-1 .ast-above-header-navigation .customize-partial-edit-shortcut-astra-settings-above-header-section-1 .customize-partial-edit-shortcut-button { + left: -14px; +} + +.ast-above-header-section-1 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-above-header-section-1-search-box-type .customize-partial-edit-shortcut-button { + left: -25px; + top: -10px; +} + +.ast-above-header-section-1.woocommerce-above-header .customize-partial-edit-shortcut-astra-settings-above-header-section-1 .customize-partial-edit-shortcut-button { + left: -25px; + top: -15px; +} + +.ast-above-header-section-1 .customize-partial-edit-shortcut-astra-settings-above-header-section-1-html .customize-partial-edit-shortcut-button { + left: -25px; +} + +/* Above Header Section 2 */ +.ast-above-header-section-2 .ast-above-header-navigation .customize-partial-edit-shortcut-astra-settings-above-header-section-2 .customize-partial-edit-shortcut-button { + left: -14px; +} + +.ast-above-header-section-2 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-above-header-section-2-search-box-type .customize-partial-edit-shortcut-button { + top: -10px; + left: -25px; +} + +.ast-above-header-section-2.woocommerce-above-header .customize-partial-edit-shortcut-astra-settings-above-header-section-2 .customize-partial-edit-shortcut-button { + left: -25px; +} + +/* Below Header Section 1 */ +.below-header-section-1.ast-below-header-navigation .customize-partial-edit-shortcut-astra-settings-below-header-section-1 .customize-partial-edit-shortcut-button { + left: -14px; +} + +.below-header-section-1 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-below-header-section-1-search-box-type .customize-partial-edit-shortcut-button { + top: -10px; + left: -25px; +} + +.below-header-section-1 .ast-site-header-cart .customize-partial-edit-shortcut-astra-settings-below-header-section-1 .customize-partial-edit-shortcut-button { + left: -25px; +} + +.below-header-section-1 .customize-partial-edit-shortcut-astra-settings-below-header-section-1-html .customize-partial-edit-shortcut-button { + left: -25px; +} + +/* Below Header Section 2 */ +.below-header-section-2.ast-below-header-navigation .customize-partial-edit-shortcut-astra-settings-below-header-section-2 .customize-partial-edit-shortcut-button { + left: -14px; +} + +.below-header-section-2 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-below-header-section-2-search-box-type .customize-partial-edit-shortcut-button { + top: -10px; + left: -25px; +} + +.below-header-section-2 .ast-site-header-cart .customize-partial-edit-shortcut-astra-settings-below-header-section-2 .customize-partial-edit-shortcut-button { + left: -25px; +} + +.below-header-section-2 .customize-partial-edit-shortcut-astra-settings-below-header-section-2-html .customize-partial-edit-shortcut-button { + left: -25px; +} + +.customize-partial-edit-shortcut-astra-settings-above-header-layout .customize-partial-edit-shortcut-button, +.customize-partial-edit-shortcut-astra-settings-below-header-layout .customize-partial-edit-shortcut-button { + left: -60px; +} + +/* 7 - Header Toggle Buttons */ +.ast-header-break-point .ast-mobile-menu-buttons { + text-align: right; + -js-display: flex; + display: flex; + justify-content: flex-end; +} + +.ast-header-break-point .ast-mobile-menu-buttons .ast-button-wrap .ast-mobile-menu-buttons-minimal { + font-size: 1.7em; +} + +/*---------- Primary ----------*/ +.sticky { + display: block; +} + +.hentry { + margin: 0 0 1.5em; +} + +.byline, +.updated:not(.published) { + display: none; +} + +.single .byline, +.group-blog .byline { + display: inline; +} + +.page-links { + clear: both; + margin-top: 1em; +} + +.page-links a { + display: inline-block; +} + +.page-links a .page-link { + border-color: #eaeaea; + background: transparent; +} + +.page-links .page-link { + padding: 0; + margin: 0 0 .3em .3em; + border: 2px solid #eaeaea; + color: #000; + background: transparent; + font-size: 0.8em; + width: 2.5em; + height: 2.5em; + line-height: calc( 2.5em - 4px); + display: inline-block; + text-align: center; + transition: all 0.2s linear; +} + +.page-links .page-link:hover, .page-links .page-link:focus { + color: #000; +} + +@media (max-width: 768px) { + .page-links .page-link { + margin-bottom: 6px; + } +} + +.page-content > :last-child, +.entry-content > :last-child, +.entry-summary > :last-child { + margin-bottom: 0; +} + +.bypostauthor { + display: block; +} + +/* .alignwide & .alignfull CSS compatibility */ +.ast-no-sidebar { + /* Boxed & Content Boxed container alignment support */ +} + +.ast-no-sidebar .entry-content { + /* Alignment while using the column block */ +} + +.ast-no-sidebar .entry-content .alignfull { + margin-left: calc(-50vw + 50%); + margin-right: calc(-50vw + 50%); + max-width: 100vw; + width: 100vw; +} + +.ast-no-sidebar .entry-content .alignfull .alignfull, +.ast-no-sidebar .entry-content .alignfull .alignwide { + width: 100%; + margin-left: auto; + margin-right: auto; +} + +.ast-no-sidebar .entry-content .alignwide { + margin-left: -100px; + margin-right: -100px; + max-width: unset; + width: unset; +} + +.ast-no-sidebar .entry-content .alignwide .alignfull, +.ast-no-sidebar .entry-content .alignwide .alignwide { + width: 100%; + margin-left: auto; + margin-right: auto; +} + +.ast-no-sidebar .entry-content .wp-block-column .alignfull, +.ast-no-sidebar .entry-content .wp-block-column .alignwide { + margin-left: auto; + margin-right: auto; + width: 100%; +} + +.ast-no-sidebar.ast-separate-container .entry-content { + /* Alignment while using the column block */ +} + +.ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-left: -6.67em; + margin-right: -6.67em; + width: auto; +} + +@media (max-width: 1200px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-left: -2.4em; + margin-right: -2.4em; + } +} + +@media (max-width: 768px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-left: -2.14em; + margin-right: -2.14em; + } +} + +@media (max-width: 544px) { + .ast-no-sidebar.ast-separate-container .entry-content .alignfull { + margin-left: -1em; + margin-right: -1em; + } +} + +.ast-no-sidebar.ast-separate-container .entry-content .alignwide { + margin-left: -20px; + margin-right: -20px; +} + +.ast-no-sidebar.ast-separate-container .entry-content .wp-block-column .alignfull, +.ast-no-sidebar.ast-separate-container .entry-content .wp-block-column .alignwide { + margin-left: auto; + margin-right: auto; + width: 100%; +} + +.wp-block-gallery, +.blocks-gallery-grid { + margin: 0; +} + +.wp-block-separator { + max-width: 100px; +} + +.wp-block-separator.is-style-wide { + max-width: none; +} + +.entry-content .has-2-columns .wp-block-column:first-child { + padding-right: 10px; +} + +.entry-content .has-2-columns .wp-block-column:last-child { + padding-left: 10px; +} + +@media (max-width: 782px) { + .entry-content .wp-block-columns .wp-block-column { + flex-basis: 100%; + } + .entry-content .has-2-columns .wp-block-column:first-child { + padding-right: 0; + } + .entry-content .has-2-columns .wp-block-column:last-child { + padding-left: 0; + } +} + +body { + overflow-x: hidden; +} + +body .entry-content .wp-block-latest-posts { + margin-left: 0; +} + +body .entry-content .wp-block-latest-posts li { + list-style: none; +} + +.ast-no-sidebar .ast-container .entry-content .wp-block-latest-posts { + margin-left: 0; +} + +.ast-header-break-point .entry-content .alignwide { + margin-left: auto; + margin-right: auto; +} + +.entry-content .blocks-gallery-item img { + margin-bottom: auto; +} + +.wp-block-pullquote { + border-top: 4px solid #555d66; + border-bottom: 4px solid #555d66; + color: #40464d; +} + +/*---------- Secondary ----------*/ +.widget-title { + font-weight: normal; + margin-bottom: 1em; + line-height: 1.5; +} + +.widget { + margin: 0 0 2.8em 0; +} + +.widget:last-child { + margin-bottom: 0; +} + +.widget select { + max-width: 100%; +} + +.widget ul { + margin: 0; + list-style-type: none; +} + +.widget_nav_menu ul ul.sub-menu { + margin-top: 0.25em; +} + +.widget_nav_menu ul ul.sub-menu li { + padding-left: 20px; +} + +.widget_nav_menu ul ul.sub-menu a:after { + left: -20px; +} + +.widget_nav_menu ul ul.sub-menu ul a:after { + left: -40px; +} + +.widget_nav_menu ul ul.sub-menu ul ul a:after { + left: -60px; +} + +.widget_nav_menu li { + transition: all 0.2s linear; +} + +/* Search widget. */ +.widget_search .search-form { + position: relative; + padding: 0; + background: initial; + color: inherit; +} + +.widget_search .search-form > label { + position: relative; +} + +.widget_search .search-form i { + color: #3a3a3a; +} + +.widget_search .search-form button { + position: absolute; + top: 0; + right: 15px; + border: none; + padding: 0; + cursor: pointer; + background: transparent; +} + +.widget_search .search-form input[type="submit"], +.widget_search .search-form input[type="submit"]:hover, +.widget_search .search-form input[type="submit"]:focus { + padding: 13px 20px; + border-radius: 2px; + border: none; + top: 0px; + right: 0px; + position: absolute; + color: transparent; + background: transparent; + max-width: 45px; + z-index: 2; +} + +.widget_search .search-form .search-field { + background: #fafafa; + border-width: 1px; + border-color: #eaeaea; + border-radius: 2px; +} + +.widget_search .search-field, +.widget_search .search-field:focus { + width: 100%; + padding: 16px 45px 16px 15px; +} + +/* Widget - Archive */ +/* Widget - Categories */ +.widget_pages ul.children, +.widget_archive ul.children, +.widget_categories ul.children { + position: relative; + margin-top: 5px; + width: 100%; +} + +.widget_pages ul.children li, +.widget_archive ul.children li, +.widget_categories ul.children li { + padding-left: 20px; +} + +.widget_pages li ul.children a:after, +.widget_archive li ul.children a:after, +.widget_categories li ul.children a:after { + left: -20px; +} + +.widget_pages li ul.children ul a:after, +.widget_archive li ul.children ul a:after, +.widget_categories li ul.children ul a:after { + left: -40px; +} + +/* Tag Cloud */ +.widget_tag_cloud .tagcloud { + margin-top: 10px; + display: inline-block; +} + +.widget_tag_cloud .tagcloud a { + border: 1px solid #e2e2e2; + padding: 0.5em 0.9em; + display: inline-block; + margin-bottom: 4px; + font-size: 14px; + margin-right: 4px; + line-height: 1.5; + transition: all 0.2s linear; +} + +/* Calender */ +.widget_calendar table, +.widget_calendar th, +.widget_calendar td { + padding: 0; + text-align: center; +} + +.widget_calendar table, +.widget_calendar th { + border: none; +} + +.widget_calendar td { + border-right: none; + border-left: none; +} + +.widget_calendar caption { + line-height: 2.7em; +} + +.widget_calendar thead { + line-height: 2.5em; +} + +.widget_calendar thead a { + color: #0274be; + font-size: 1rem; + vertical-align: middle; +} + +.widget_calendar thead td { + vertical-align: middle; + font-weight: bold; +} + +.widget_calendar thead > tr > th { + line-height: 2.5em; + border-bottom: 2px solid #eaeaea; + border-top: 2px solid #eaeaea; +} + +.widget_calendar tbody { + line-height: 2.10em; + text-align: center; +} + +.widget_calendar tbody > tr > td { + width: 14.2857%; +} + +.widget_calendar tbody > tr:first-child > td { + padding-top: 3px; +} + +.widget_calendar #today { + background: #0274be; +} + +/*---------- Footer ----------*/ +/* 2 - Small Footer */ +/** + * Small Footer Layouts + * + */ +.ast-footer-overlay { + background-color: #3a3a3a; + padding-top: 2em; + padding-bottom: 2em; +} + +@media (min-width: 769px) { + .ast-footer-overlay { + padding-top: 2.66666em; + padding-bottom: 2.66666em; + } +} + +.ast-small-footer { + line-height: 1.85714285714286; + position: relative; + /* Footer Widget sections */ +} + +.ast-small-footer .nav-menu a { + padding: 0 0.5em; +} + +.ast-small-footer .widget-title, +.ast-small-footer .no-widget-text { + margin-bottom: 0; +} + +.ast-small-footer .widget { + margin-bottom: 1em; +} + +.ast-small-footer .widget ul { + position: static; + border: 0; + width: auto; +} + +.ast-small-footer .widget ul a { + border: 0; +} + +.ast-small-footer .widget:last-child { + margin-bottom: 0; +} + +/* Auto width footer sections */ +@media (min-width: 769px) { + .ast-small-footer .nav-menu li { + margin: 0; + } + .ast-small-footer .nav-menu li:first-child a { + padding-left: 0; + } + .ast-small-footer .nav-menu li:last-child a { + padding-right: 0; + } +} + +/* Hide edit shortcut button */ +.ast-footer-site-title .customize-partial-edit-shortcut-button { + display: none; +} + +.footer-sml-layout-1 { + text-align: center; +} + +.footer-sml-layout-1 .ast-small-footer-section-2 { + margin-top: 1em; +} + +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.footer-sml-layout-2 .ast-small-footer-section-1, +.footer-sml-layout-2 .ast-small-footer-section-2 { + text-align: center; +} + +@media (min-width: 769px) { + .footer-sml-layout-2 .ast-small-footer-section-1 { + text-align: left; + } + .footer-sml-layout-2 .ast-small-footer-section-1 .menu-item .menu-link { + padding: 0 1em 0 0; + } + .footer-sml-layout-2 .ast-small-footer-section-2 { + text-align: right; + } + .footer-sml-layout-2 .ast-small-footer-section-2 .menu-item .menu-link { + padding: 0 0 0 1em; + } +} + +@media (max-width: 768px) { + .ast-header-break-point .footer-sml-layout-2 .ast-small-footer-section-2 { + margin-top: 1em; + } +} + +@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) { + .ast-small-footer-wrap .ast-row:before { + display: block; + } +} + +.site-footer { + color: #fff; +} + +.site-footer .widget-title { + color: #eaeaea; +} + +.site-footer a { + color: #eaeaea; +} + +.site-footer a:hover, .site-footer a:focus { + color: #fff; +} + +.site-footer ul { + margin: 0; + list-style-type: none; +} + +.site-footer .nav-menu li { + display: inline-block; +} + +/** + * Footer Widget Layouts + */ +.footer-adv-overlay { + background-color: #3a3a3a; + padding-top: 70px; + padding-bottom: 70px; +} + +.footer-adv p:last-child { + margin-bottom: 0; +} + +.footer-adv .widget_calendar table { + margin-bottom: 0; +} + +@media all and (max-width: 768px) { + .footer-adv-widget-1 .widget:last-child { + margin: 0 0 2.8em; + } +} + +.footer-adv .ast-no-widget-row .widget-title { + text-transform: capitalize; +} + +@media all and (max-width: 768px) { + .footer-adv-layout-4 .footer-adv-widget-2 .widget:last-child, + .footer-adv-layout-4 .footer-adv-widget-3 .widget:last-child { + margin: 0 0 2.8em; + } +} + +/*---------- Forms ----------*/ +/** + * Form Fields + * + * @import + * 1 - All fields common scss + * 2 - Field - Range + * 3 - Field - Color +*/ +/* 1 - All fields common scss */ +input[type="text"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="password"], +input[type="search"], +input[type=reset], +input[type=tel], +select, +textarea { + color: #666; + padding: 0.75em; + height: auto; + border-width: 1px; + border-style: solid; + border-color: #eaeaea; + border-radius: 2px; + background: #fafafa; + box-shadow: none; + box-sizing: border-box; + transition: all 0.2s linear; +} + +input[type="text"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +input[type="search"]:focus, +input[type=reset]:focus, +input[type=tel]:focus, +select:focus, +textarea:focus { + background-color: #fff; + border-color: #eaeaea; + box-shadow: none; +} + +input[type=reset], +input[type=reset]:hover, +input[type=reset]:focus, +input[type="submit"], +input[type="submit"]:hover, +input[type="submit"]:focus, +input[type="button"], +input[type="button"]:hover, +input[type="button"]:focus { + box-shadow: none; +} + +textarea { + width: 100%; +} + +input[type="search"]:focus { + outline: thin dotted; +} + +/* 2 - Field - Range */ +/* Range */ +input[type=range] { + -webkit-appearance: none; + width: 100%; + margin: 5.7px 0; + padding: 0; + border: none; +} + +input[type=range]:focus { + outline: none; +} + +input[type=range]::-webkit-slider-runnable-track { + width: 100%; + height: 8.6px; + cursor: pointer; + box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; + background: rgba(255, 255, 255, 0.2); + border-radius: 13.6px; + border: 0px solid #ffffff; +} + +input[type=range]::-webkit-slider-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; + -webkit-appearance: none; + margin-top: -5.7px; +} + +input[type=range]:focus::-webkit-slider-runnable-track { + background: rgba(255, 255, 255, 0.2); +} + +input[type=range]::-moz-range-track { + width: 100%; + height: 8.6px; + cursor: pointer; + box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; + background: rgba(255, 255, 255, 0.2); + border-radius: 13.6px; + border: 0px solid #ffffff; +} + +input[type=range]::-moz-range-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; +} + +input[type=range]::-ms-track { + width: 100%; + height: 8.6px; + cursor: pointer; + background: transparent; + border-color: transparent; + color: transparent; +} + +input[type=range]::-ms-fill-lower { + background: rgba(199, 199, 199, 0.2); + border: 0px solid #ffffff; + border-radius: 27.2px; + box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; +} + +input[type=range]::-ms-fill-upper { + background: rgba(255, 255, 255, 0.2); + border: 0px solid #ffffff; + border-radius: 27.2px; + box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; +} + +input[type=range]::-ms-thumb { + box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); + border: 7.9px solid #0274be; + height: 20px; + width: 20px; + border-radius: 50px; + background: #0274be; + cursor: pointer; + height: 8.6px; +} + +input[type=range]:focus::-ms-fill-lower { + background: rgba(255, 255, 255, 0.2); +} + +input[type=range]:focus::-ms-fill-upper { + background: rgba(255, 255, 255, 0.2); +} + +/* 3 - Field - Color */ +/* Color */ +input[type="color"] { + border: none; + width: 100px; + padding: 0; + height: 30px; + cursor: pointer; +} + +input[type="color"]::-webkit-color-swatch-wrapper { + padding: 0; + border: none; +} + +input[type="color"]::-webkit-color-swatch { + border: none; +} + +/*---------- Blog ----------*/ +/*-------------------------------------------------------------- +## Blog Layouts +--------------------------------------------------------------*/ +/** + * Blog Common + */ +.page .entry-header { + margin-bottom: 1.5em; +} + +.search .entry-header { + margin-bottom: 1em; +} + +.ast-single-post .entry-header.ast-header-without-markup, .ast-single-post .entry-header.ast-no-title.ast-no-thumbnail { + margin-bottom: 0; +} + +.entry-header { + margin-bottom: 1em; + word-wrap: break-word; +} + +.entry-header + .ast-blog-featured-section { + margin-top: 0.5em; +} + +.entry-content { + word-wrap: break-word; +} + +.entry-content p { + margin-bottom: 1.6em; +} + +.read-more { + margin-bottom: 0; +} + +.read-more .ast-right-arrow { + font-size: 1em; +} + +.ast-no-thumb .ast-blog-featured-section { + margin-bottom: 0; +} + +.ast-no-thumb .entry-header + .ast-blog-featured-section { + margin-top: 0; +} + +.ast-blog-featured-section { + margin-bottom: 1.5em; +} + +.error404 .page-header { + margin-bottom: 1.5em; +} + +.error404 .page-header .page-title { + margin-bottom: 0; +} + +.blog .entry-title, +.archive .entry-title, +.search .entry-title { + line-height: 1.3; +} + +.blog .format-status .entry-title, +.archive .format-status .entry-title, +.blog .format-aside .entry-title, +.archive .format-aside .entry-title { + display: none; +} + +.page-title { + margin-bottom: 1em; + font-weight: normal; +} + +.entry-title { + margin-bottom: 0.2em; +} + +.ast-article-post { + margin-bottom: 2.5em; +} + +.ast-article-post:last-child { + margin-bottom: 0; + border-bottom: 0; +} + +.search .site-content .content-area .search-form { + margin-bottom: 3em; +} + +.blog-layout-1 { + /* 2 - Blog Thumbnail Styles */ +} + +.blog-layout-1 .post-thumb { + padding-left: 0; + padding-right: 0; + position: relative; +} + +.blog .posted-on { + z-index: 1; +} + +.ast-blog-featured-section .posted-on { + width: 5.714285714em; + height: 5.714285714em; + padding: 0.7em; +} + +.ast-blog-featured-section .posted-on .date-month, +.ast-blog-featured-section .posted-on .date-year { + font-size: 0.8571428571em; + line-height: 1em; +} + +.ast-blog-featured-section .posted-on .date-day { + font-size: 2.5em; + line-height: .9em; + font-weight: 900; + margin: .1em 0; +} + +/* ============================================================ + Archive Blogs +============================================================ */ +.ast-author-box img.avatar { + border-radius: 50%; + margin: 0 0 0 20px; +} + +.ast-archive-description { + margin-bottom: 2.5em; + padding-bottom: 1.3333em; + border-bottom: 1px solid #eeeeee; +} + +.ast-archive-description .ast-archive-title { + margin-bottom: 4px; + font-size: 40px; + font-size: 2.85714rem; + font-weight: 300; +} + +.ast-archive-description p { + margin-bottom: 0; + font-size: 20px; + font-size: 1.42857rem; + line-height: 1.65; + font-weight: 300; +} + +.ast-separate-container .ast-author-box, +.ast-separate-container .ast-archive-description { + background-color: #eee; + padding-bottom: 0; + border-bottom: 0; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-archive-description { + margin: 0; + padding: 3.34em 2.4em; + } +} + +@media (max-width: 992px) { + .ast-separate-container .ast-archive-description { + padding: 2.14em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-author-box, + .ast-separate-container .ast-archive-description { + margin: 0; + padding: 5em 6.67em 3.33333em; + } +} + +/*-------------------------------------------------------------- +## Single Blog Post Layouts +--------------------------------------------------------------*/ +/*---------- Single Post Common Stylesheet ----------*/ +/** + * Common Stylesheet of Single Post + * + * Content + * 1 - Single Post Navigation Styles + * 2 - Single Post Article Header +*/ +.single { + /* 1 - Single Post Navigation Styles */ +} + +.single .entry-header { + margin-bottom: 2em; +} + +.single .post-navigation { + margin: 0; + padding: 2em 0 0; + border-top: 1px solid #eeeeee; +} + +@media (max-width: 768px) { + .single .post-navigation { + padding-top: 1.5em; + } +} + +.single .post-navigation a { + margin: 2px; + display: inline-block; + text-align: center; + color: #000; +} + +@media (min-width: 421px) { + .single .post-navigation .nav-links { + -js-display: flex; + display: flex; + } + .single .post-navigation .nav-previous, + .single .post-navigation .nav-next { + flex: auto; + } +} + +@media (max-width: 420px) { + .single .post-navigation .ast-left-arrow, + .single .post-navigation .ast-right-arrow { + display: none; + } + .single .post-navigation .nav-previous, + .single .post-navigation .nav-next { + width: 100%; + } + .single .post-navigation .nav-previous a, + .single .post-navigation .nav-next a { + width: 100%; + } + .single .post-navigation .nav-previous { + margin-bottom: 1em; + } +} + +/* 2 - Single Post Article Header */ +.single .entry-header .ast-single-post-order + .post-thumb img { + margin-top: 2em; + margin-bottom: 0; +} + +.single .entry-header.ast-no-title .post-thumb + .ast-single-post-order { + margin-top: 0; +} + +.single .entry-header .post-thumb + .ast-single-post-order { + margin-top: 2em; +} + +.single .entry-header .post-thumb img { + margin-top: 0; + margin-bottom: 0; +} + +.page .has-post-thumbnail .post-thumb img { + margin-bottom: 1.5em; +} + +.post-password-form { + text-align: center; +} + +@media (max-width: 420px) { + .post-password-form input[type="password"] { + display: block; + margin: 10px auto; + } +} + +.post-password-form input[type="submit"] { + padding: 10px 20px; + border-radius: 2px; +} + +.ast-separate-container .post-navigation { + border-top: 0; + padding-left: 3.33333em; + padding-right: 3.33333em; +} + +@media (max-width: 420px) { + .ast-separate-container .post-navigation { + padding-left: 0; + padding-right: 0; + } +} + +@media (max-width: 768px) { + .ast-separate-container .entry-header { + margin-bottom: 1em; + } +} + +/*---------- 404 ----------*/ +.ast-404-layout-1 { + text-align: center; + margin: 4em auto; +} + +.ast-404-layout-1 .page-sub-title { + font-size: 1.5rem; + font-weight: bold; +} + +.ast-404-layout-1 .widget_search { + padding-top: 0.5em; +} + +.ast-404-search { + margin-top: 1.5em; +} + +.ast-404-search .widget_search { + max-width: 370px; + margin: 0 auto; +} + +.ast-separate-container .error-404, +.ast-separate-container .no-results { + background-color: #fff; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + margin: 0; + padding: 3.34em 2.4em; + } +} + +@media (max-width: 768px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + padding: 1.5em 2.14em; + } +} + +@media (max-width: 544px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + padding: 1.5em 1em; + } +} + +@media (min-width: 1201px) { + .ast-separate-container .ast-404-layout-1, + .ast-separate-container .no-results { + margin: 0; + padding: 5.34em 6.67em; + } +} + +/*---------- Blog Styles ----------*/ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.blog-layout-1 { + width: 100%; + display: inline-block; + padding-bottom: 2em; + vertical-align: middle; + border-bottom: 1px solid #eeeeee; +} + +.blog-layout-1 .posted-on { + left: 0; +} + +.blog-layout-1 .post-thumb, +.blog-layout-1 .post-content { + padding-left: 0; + padding-right: 0; +} + +/** + * Flexbox Framework + * + * .ast - prefix + * + * Flex classes generated as {prefix} + {css property - css value} . + * + * E.g. Here '.ast' is a prefix. + * + * .ast-flex + * .ast-flex-1 + * .ast-flex-2 + * .ast-flex-3 + * .ast-flex-4 + * .ast-flex-5 + * .ast-inline-flex + * .ast-flex-direction-row + * .ast-flex-direction-row-reverse + * .ast-flex-direction-column + * .ast-flex-direction-column-reverse + * .ast-flex-wrap-nowrap + * .ast-flex-wrap-wrap + * .ast-flex-wrap-wrap-reverse + * .ast-justify-content-flex-start + * .ast-justify-content-flex-end + * .ast-justify-content-center + * .ast-justify-content-space-between + * .ast-justify-content-space-around + * .ast-align-items-flex-start + * .ast-align-items-flex-end + * .ast-align-items-center + * .ast-align-items-baseline + * .ast-align-items-stretch + * .ast-align-content-flex-start + * .ast-align-content-flex-end + * .ast-align-content-center + * .ast-align-content-space-between + * .ast-align-content-space-around + * .ast-align-content-stretch + * .ast-order-1 + * .ast-order-2 + * .ast-order-3 + * .ast-order-4 + * .ast-order-5 + * .ast-flex-grow-1 + * .ast-flex-grow-2 + * .ast-flex-grow-3 + * .ast-flex-grow-4 + * .ast-flex-grow-5 + * .ast-flex-shrink-grow-1 + * .ast-flex-shrink-grow-2 + * .ast-flex-shrink-grow-3 + * .ast-flex-shrink-grow-4 + * .ast-flex-shrink-grow-5 + * .ast-flex-basis-grow-1 + * .ast-flex-basis-grow-2 + * .ast-flex-basis-grow-3 + * .ast-flex-basis-grow-4 + * .ast-flex-basis-grow-5 + * .ast-align-self-auto + * .ast-align-self-flex-start + * .ast-align-self-flex-end + * .ast-align-self-center + * .ast-align-self-baseline + * .ast-align-self-stretch + */ +.ast { + /* + # LAYOUT + ———————————————- + display: flex | inline-flex; + ———————————————- + */ + /* + ————————————————————————– + # CONTAINER (for PARENT) + ————————————————————————– + + # FLOW + ————————————————————————– + flex-flow: <‘flex-direction’> || <‘flex-wrap’> + ————————————————————————– + + # DIRECTION + ————————————————————————– + flex-direction: row | row-reverse | column | column-reverse; + ————————————————————————– + */ + /* + # WRAP + ————————————————————————– + flex-wrap: nowrap | wrap | wrap-reverse; + ————————————————————————– + */ + /* + ————————————————————————– + # JUSTIFY CONTENT + ————————————————————————– + justify-content: flex-start | flex-end | center | space-between | space-around; + ————————————————————————– + */ + /* + ————————————————————————– + # ALIGN – ITEMS + ————————————————————————– + align-items: flex-start | flex-end | center | baseline | stretch; + ————————————————————————– + */ + /* + ————————————————————————– + # ALIGN – CONTENT + ————————————————————————– + align-content: flex-start | flex-end | center | space-between | space-around | stretch; + ————————————————————————– + */ + /* + ————————————————————————– + # ITEMS (for CHILDs) + ————————————————————————– + + # FLEX + ————————————————————————– + flex: none | [ <‘flex-grow’> <‘flex-shrink’>? || <‘flex-basis’> ] + ————————————————————————– + ————————————————————————– + + # ORDER + ————————————————————————– + order: ; + ————————————————————————– + */ + /* + ————————————————————————– + # GROW + ————————————————————————– + flex-grow: ; default 0 + ————————————————————————– + */ + /* + ————————————————————————– + # SHRINK + ————————————————————————– + flex-shrink: ; default 1 + ————————————————————————– + */ + /* + ————————————————————————– + # ALIGN SELF + ————————————————————————– + align-self: auto | flex-start | flex-end | center | baseline | stretch; + ————————————————————————– + */ + /* + ————————————————————————– + */ +} + +.ast-flex { + -js-display: flex; + display: flex; + flex-wrap: wrap; +} + +.ast-flex-1 { + flex: 1; +} + +.ast-flex-2 { + flex: 2; +} + +.ast-flex-3 { + flex: 3; +} + +.ast-flex-4 { + flex: 4; +} + +.ast-flex-5 { + flex: 5; +} + +.ast-inline-flex { + -js-display: inline-flex; + display: inline-flex; + align-items: center; + flex-wrap: wrap; + align-content: center; +} + +.ast-flex-direction-row { + flex-direction: row; +} + +.ast-flex-direction-row-reverse { + flex-direction: row-reverse; +} + +.ast-flex-direction-column { + flex-direction: column; +} + +.ast-flex-direction-column-reverse { + flex-direction: column-reverse; +} + +.ast-flex-wrap-nowrap { + flex-wrap: nowrap; +} + +.ast-flex-wrap-wrap { + flex-wrap: wrap; +} + +.ast-flex-wrap-wrap-reverse { + flex-wrap: wrap-reverse; +} + +.ast-justify-content-flex-start { + justify-content: flex-start; +} + +.ast-justify-content-flex-end { + justify-content: flex-end; +} + +.ast-justify-content-center { + justify-content: center; +} + +.ast-justify-content-space-between { + justify-content: space-between; +} + +.ast-justify-content-space-around { + justify-content: space-around; +} + +.ast-align-items-flex-start { + align-items: flex-start; +} + +.ast-align-items-flex-end { + align-items: flex-end; +} + +.ast-align-items-center { + align-items: center; +} + +.ast-align-items-baseline { + align-items: baseline; +} + +.ast-align-items-stretch { + align-items: stretch; +} + +.ast-align-content-flex-start { + align-content: flex-start; +} + +.ast-align-content-flex-end { + align-content: flex-end; +} + +.ast-align-content-center { + align-content: center; +} + +.ast-align-content-space-between { + align-content: space-between; +} + +.ast-align-content-space-around { + align-content: space-around; +} + +.ast-align-content-stretch { + align-content: stretch; +} + +.ast-order-1 { + order: 1; +} + +.ast-order-2 { + order: 2; +} + +.ast-order-3 { + order: 3; +} + +.ast-order-4 { + order: 4; +} + +.ast-order-5 { + order: 5; +} + +.ast-flex-grow-1 { + flex-grow: 1; +} + +.ast-flex-grow-2 { + flex-grow: 2; +} + +.ast-flex-grow-3 { + flex-grow: 3; +} + +.ast-flex-grow-4 { + flex-grow: 4; +} + +.ast-flex-grow-5 { + flex-grow: 5; +} + +.ast-flex-shrink-1 { + flex-shrink: 1; +} + +.ast-flex-shrink-2 { + flex-shrink: 2; +} + +.ast-flex-shrink-3 { + flex-shrink: 3; +} + +.ast-flex-shrink-4 { + flex-shrink: 4; +} + +.ast-flex-shrink-5 { + flex-shrink: 5; +} + +.ast-align-self-auto { + align-self: auto; +} + +.ast-align-self-flex-start { + align-self: flex-start; +} + +.ast-align-self-flex-end { + align-self: flex-end; +} + +.ast-align-self-center { + align-self: center; +} + +.ast-align-self-baseline { + align-self: baseline; +} + +.ast-align-self-stretch { + align-self: stretch; +} -- cgit v1.2.3-70-g09d2