/* Index

1. Typography
2. Header Styles
3. Navigation
4. Footer
5. Home
6. Body Styles
7. Pages Styles
8. Product Styles
10. Responsive Styles - Non Mobile
*/
/* @import url("https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
*/
/* Font Awesome (v6 + the legacy v4 class names) is enqueued in
   includes/enqueue/frontend.php - an @import here would serialize the fetch
   behind this file's own download. */

/* @font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/font-awesome/fontawesome-webfont.woff2') format('woff2'),
       url('../fonts/font-awesome/fontawesome-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
} */
@font-face {
  font-family: robotoregular;
  src:
    url('fonts/roboto-regular-webfont.woff2') format('woff2'),
    url('fonts/roboto-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: robotoblack;
  src:
    url('fonts/roboto-black-webfont.woff2') format('woff2'),
    url('fonts/roboto-black-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: robotobold;
  src: url('fonts/roboto-bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: robotomedium;
  src: url('fonts/roboto-medium.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

.robotoregular {
  font-family: robotoregular;
}

@font-face {
  font-family: 'Segoe UI';
  src:
    url('./fonts/woff/SegoeUIBold.woff2') format('woff2'),
    url('./fonts/ttf/SegoeUIBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Segoe UI';
  src:
    /* smallest & fastest */
    url('./fonts/woff/SegoeUISemiBold.woff2') format('woff2'),
    /* fallback */ url('./fonts/woff/SegoeUISemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  /* prevents render blocking */
  font-display: swap;
}

@font-face {
  font-family: 'Segoe UI';
  src:
    url('./fonts/woff/SegoeUIItalic.woff2') format('woff2'),
    url('./fonts/woff/SegoeUIItalic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Segoe UI';
  src:
    url('./fonts/woff/SegoeUIBoldItalic.woff2') format('woff2'),
    url('./fonts/woff/SegoeUIBoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Segoe UI';
  src:
    url('./fonts/woff/SegoeUI.woff2') format('woff2'),
    url('./fonts/woff/SegoeUI.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
small,
li,
nav,
button,
a,
strong {
  font-family: 'Segoe UI', sans-serif !important;
}

h1 {
  font-family: 'Segoe UI', sans-serif !important;
  font-weight: 700 !important;
}

h2 {
  font-family: 'Segoe UI', sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.2;
}

.font-size-16 {
  font-size: 16px !important;
}

.color-white {
  color: #fff !important;
}

.bg-light-blue th {
  background-color: #dceefb !important;
}

.bg-dark-blue th {
  background-color: #6d9eeb !important;
  color: #000 !important;
}

.bg-dark-blue tr:nth-child(2) td,
.bg-dark-blue tr:nth-child(3) td {
  background-color: #c9daf8 !important;
}

.custom-design-pname div div.selectize-input:focus {
  box-shadow: 0 0 10px #0d84e3;
}

.custom-design-pname div div {
  background-color: #fff !important;
  background-image: none !important;
  border-color: #ccc !important;
}

h2 a {
  color: inherit;
}

.center-block {
  float: none;
}

/* Typography */
.jumbotron h1,
.jumbotron .h1 {
  margin-top: 48px;
  font-size: 36px;
}

/* 2. Header Styles  */
.logo {
  margin: 13px 0 0 0;
}

.logo img {
  margin: 0 auto;
}

#site-description {
  font-size: 12pt;
}

.breadcrumbs,
.breadcrumb-bar {
  display: none;
}

iframe#twitter-widget-0 {
  position: relative;
  top: 11px;
}

.woocommerce-notices-wrapper .alert {
  max-width: 1320px;
  margin: 0 auto;
}

.topBar {
  font-family: 'Century Gothic W01', sans-serif;
  font-weight: bold;
}

.woocommerce-page a.btn {
  cursor: pointer;
}

.cartSection .amount {
  display: none;
}

/* 4. Footer  */
#menu-footer-contact-nav li,
#menu-footer-help-nav li,
#menu-footer-literacy-services-nav li {
  list-style: none;
}

ul#menu-shop-pld-programs {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 5. Home Page Styles */
p.srchProductTitle {
  display: none;
  font-family: 'Century Gothic W01', sans-serif;
  font-style: italic;
  font-weight: bold;
}

.searchProduct {
  margin-top: 46px;
}

.infoLinks .tipsLink {
  display: none;
}

p.founderQuote a:link {
  color: #999;
  text-decoration: none;
}

.home span.textRight,
span.textRight {
  display: none;
}

.home-video {
  padding-left: 12px;
  padding-right: 12px;
}

/* 6. Body Styles */
#main {
  margin-top: -1px;
}

/* 7. Pages Styles */
.singular .loop-meta,
.blog .loop-meta,
.plural .loop-meta {
  background: url('images/banner-bg.gif') repeat-x;
  padding: 0;
  margin-bottom: 30px !important;
}

.singular .loop-meta .container,
.blog .loop-meta .container {
  background: url('images/BannerPatternPlain.png') repeat-y top right 10px;
}

.parent-night-page .slideOuter h4 {
  padding: 5px;
}

.parent-night-page .slideOuter.blueColor h4 {
  background-color: #00a9e9;
  color: #fff;
}

.parent-night-page .slideOuter.greenColor h4 {
  background-color: #39b54a;
  color: #fff;
}

.fluid-width-video-wrapper {
  background-image: url('images/loading.gif');
  background-repeat: no-repeat;
  background-size: 46px 56px;
  background-position: center;
  padding-top: 0 !important;
  width: 560px !important;
  height: 315px !important;
  margin: auto !important;
  max-width: 100% !important;
}

/* Search Page */
.search-results h2 {
  font-size: 16px;
}

.search-results {
  margin: inherit;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.hfeed .search-results .hentry {
  margin: initial;
  padding-bottom: 0;
  border: none;
}

.hfeed .post.hentry {
  margin: initial;
  padding-bottom: 0;
}

/* Blog Page */
.hfeed .post.hentry,
.post.hentry,
.singular-page .hentry {
  margin-bottom: 30px;
  padding: 10px;
  background: #f9f9f9;
  overflow: hidden;
}

.post.hentry,
.singular-page .hentry p {
  font-size: 20px;
}

.singular-post .entry-content img {
  border: unset !important;
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
  width: 100%;
}

.hfeed .post.sticky.hentry,
.post.sticky.hentry {
  border-color: #0078be;
}

.post.hentry .entry-title {
  font-family: 'Century Gothic W01', sans-serif;
  font-size: 1.3em;
  margin: 0;
  padding: 10px 8px;
  -moz-border-top-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -moz-text-shadow: 1px 1px 1px #666;
  -webkit-text-shadow: 1px 1px 1px #666;
  text-shadow: 1px 1px 1px #666;
  text-align: left;
  margin-bottom: 5px;
  color: #fff;
  background-color: #00a9e9;
}

.singular-page .hentry {
  background-color: transparent;
}

.homeRecentPost .entry-title {
  font-weight: normal;
  font-size: 1.3em;
  padding: 12px 10px 12px;
  margin: 0 0 10px;
  text-align: left;
}

.homeRecentPost {
  border: none;
  margin: 0;
  border-radius: 0;
}

.homeRecentPost a {
  color: #fff;
}

.post.sticky.hentry .entry-title {
  background-color: #0078be;
}

.post h2 a {
  color: #fff;
  display: block;
  overflow: hidden;
}

.post h2 a:hover,
.post h2 a:focus,
.homeRecentPost a:hover,
.homeRecentPost a:focus {
  text-decoration: none;
  color: #000;
}

.post .entry-summary a span {
  color: #21a7df;
}

.post .entry-summary a span:hover,
.post .entry-summary a span:focus,
.post .entry-summary a span span:hover,
.post .entry-summary a span span:focus {
  color: #0078be;
  text-decoration: none;
}

.entry-content .featured img {
  width: 100%;
  margin-bottom: 20px;
}

.plural .pagination-centered:first-child {
  display: none;
}

.plural.blog h2 {
  margin-top: 0;
}

.singular-post .pager li a,
.pager li span {
  padding: 0;
  background-color: transparent;
  border: none;
  color: #428bca;
}

.singular-post .pager {
  margin: 0 0 5px;
}

/* Blog Sidebar */
#sidebar-primary h3.widget-title {
  color: #fff;
  font-family: 'Century Gothic W01', sans-serif;
  font-size: 1.3em;
  margin: 0;
  padding: 10px 8px;
  -moz-border-top-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  text-shadow: 0 1px 1px #000;
  -moz-text-shadow: 0 1px 1px #000;
  -webkit-text-shadow: 0 1px 1px #000;
  background-color: #f7931e;
  display: inline-block;
  width: 100%;
  text-align: left;
}

#sidebar-primary .pld_widget_categories h3.widget-title {
  background-color: #f83c6c;
}

#sidebar-primary ul {
  -moz-border-top-right-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  border-top-right-radius: 20px;
  margin-bottom: 40px;
  padding: 5px 5px 10px;
  list-style: none;
  background-color: #f9f9f9;
}

#sidebar-primary ul li {
  padding: 5px 0;
  border-bottom: 1px dotted #ccc;
}

#sidebar-primary ul li a {
  font-size: 16px;
  color: #0078be;
}

#sidebar-primary {
  margin-top: 53px;
}

.blog-view-all {
  margin-bottom: 20px;
  width: 100%;
}

.plural.blog .blog-view-all {
  display: none;
}

.sticky {
  border: 1px solid #0078be;
}

.post .entry-byline,
.post .entry-summary {
  margin-left: 10px;
  margin-right: 10px;
}

.blog-title {
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
}

.blog-title a {
  font-size: 20px !important;
  color: #000;
  text-decoration: none;
}

.blog-author,
.blog-author + time {
  color: #000;
  font-size: 14px;
}

.blog-author a {
  color: #000;
  text-decoration: underline;
}

.blog-icon {
  margin-top: -4px !important;
  margin-right: 2px;
}

.post .entry-summary {
  padding-bottom: 10px;
}

.post .entry-summary p {
  display: inline;
}

/* 8.  Product Styles  */
.singular-product .sliderTopTitle {
  text-align: left;
  display: inline-block;
}

.singular-product .slideOuter {
  min-height: inherit;
  overflow: hidden;
  padding: 10px;
}

.singular-product .slideOuter.relatedPostCnt {
  padding: inherit;
}

.product-cat-literacy-skills .slideOuter,
.product-cat-literacy-skills.product-cat-movement-motor-skills .slideOuter,
.product-cat-literacy-skills.product_cat-free-literacy-resource-downloads .slideOuter {
  border: 6px solid #38b549;
}

/* Green */
.product-cat-movement-motor-skills .slideOuter,
.product-cat-movement-motor-skills.product_cat-free-literacy-resource-downloads .slideOuter {
  border: 6px solid #c1272d;
}

/* Red */
.product-cat-oral-language-skills .slideOuter,
.product-cat-oral-language-skills.product_cat-free-literacy-resource-downloads .slideOuter {
  border: 6px solid #0088e8;
}

/* Blue */
.product_cat-free-literacy-resource-downloads .slideOuter,
.product-cat-literacy-skills.product-cat-movement-motor-skills.product-cat-oral-language-skills.product_cat-free-literacy-resource-downloads
  .slideOuter {
  border: 6px solid #f15a24;
}

/* Orange */
.product-cat-literacy-skills .slideOuter.relatedPostCnt,
.product-cat-oral-language-skills .slideOuter.relatedPostCnt,
.product-cat-movement-motor-skills .slideOuter.relatedPostCnt {
  border-color: #f35c25;
}

/* Orange */
.product-cat-literacy-skills .sliderTopTitle,
.product-cat-movement-motor-skills.product-cat-literacy-skills .sliderTopTitle,
.product-cat-literacy-skills.product_cat-free-literacy-resource-downloads .sliderTopTitle {
  background-color: #39b54a;
}

/* Green */
.product-cat-movement-motor-skills .sliderTopTitle,
.product-cat-movement-motor-skills.product_cat-free-literacy-resource-downloads .sliderTopTitle {
  background-color: #ed1c24;
}

/* Red */
.product-cat-oral-language-skills .sliderTopTitle,
.product-cat-oral-language-skills.product_cat-free-literacy-resource-downloads .sliderTopTitle {
  background-color: #00aae8;
}

/* Blue */
.product_cat-free-literacy-resource-downloads .sliderTopTitle,
.product-cat-literacy-skills.product-cat-movement-motor-skills.product-cat-oral-language-skills.product_cat-free-literacy-resource-downloads
  .sliderTopTitle {
  background-color: #f15a24;
}

/* Orange */
.woocommerce .product h2.free-download,
.woocommerce-page .product h2.free-download {
  color: #ed1c24;
}

.woocommerce .product .images .thumbnails a,
.woocommerce-page .product .images .thumbnails a {
  width: auto;
  margin: auto;
  float: none;
}

.product-excerpt p {
  font-size: 120%;
  font-weight: bold;
}

.posted_in a,
tagged_in a {
  display: inline-block;
  color: #fff;
  padding: 5px 10px;
  margin: 5px 0 0 5px;
  border: 1px solid;
  border-radius: 2px;
}

.posted_in a.greenColor,
tagged_in a.greenColor {
  background-color: #39b54a;
  border-color: #5bc266;
}

.posted_in a.greenColor:hover,
tagged_in a.greenColor:hover,
.posted_in a.greenColor:focus,
tagged_in a.greenColor:focus {
  background-color: #006837;
}

.posted_in a.orangeColor,
tagged_in a.orangeColor {
  background-color: #f7931e;
  border-color: #f7931e;
}

.posted_in a.orangeColor:hover,
tagged_in a.orangeColor:hover,
.posted_in a.orangeColor:focus,
tagged_in a.orangeColor:focus {
  background-color: #f15a24;
}

.posted_in a.redColor,
tagged_in a.redColor {
  background-color: #ed1c24;
  border-color: #ed1c24;
}

.posted_in a.redColor:hover,
tagged_in a.redColor:hover,
.posted_in a.redColor:focus,
tagged_in a.redColor:focus {
  background-color: #c1272d;
}

.posted_in a.purpleColor,
tagged_in a.purpleColor {
  background-color: #7754b3;
  border-color: #7754b3;
}

.posted_in a.purpleColor:hover,
tagged_in a.purpleColor:hover,
.posted_in a.purpleColor:focus,
tagged_in a.purpleColor:focus {
  background-color: #54137b;
}

.posted_in a.yellowColor,
tagged_in a.yellowColor {
  background-color: #ffff2a;
  border-color: #ffff2a;
  color: #474747;
}

.posted_in a.yellowColor:hover,
tagged_in a.yellowColor:hover,
.posted_in a.yellowColor:focus,
tagged_in a.yellowColor:focus {
  background-color: #ffff8d;
}

.posted_in a.pinkColor,
tagged_in a.pinkColor {
  background-color: #e5488d;
  border-color: #e5488d;
}

.posted_in a.pinkColor:hover,
tagged_in a.pinkColor:hover,
.posted_in a.pinkColor:focus,
tagged_in a.pinkColor:focus {
  background-color: #ff7bac;
}

.posted_in a.blueColor,
tagged_in a.blueColor {
  background-color: #00a9e9;
  border-color: #00a9e9;
}

.posted_in a.blueColor:hover,
tagged_in a.blueColor:hover,
.posted_in a.blueColor:focus,
tagged_in a.blueColor:focus {
  background-color: #0089e9;
}

.posted_in a.defaultColor,
tagged_in a.defaultColor {
  background-color: #f15a24;
  border-color: #f15a24;
}

.posted_in a.defaultColor:hover,
tagged_in a.defaultColor:hover,
.posted_in a.defaultColor:focus,
tagged_in a.defaultColor:focus {
  background-color: #f7931e;
}

.posted_in a:first-child,
tagged_in a:first-child {
  margin-left: 0;
}

.posted_in a:hover,
tagged_in a:hover,
.posted_in a:focus,
tagged_in a:focus {
  background-color: #31b0d5;
  border-color: #269abc;
}

.app-operating-systems ul {
  list-style-type: none;
  padding-left: inherit;
}

.app-operating-systems li {
  display: inline-block;
}

.app-operating-systems li + li::before {
  content: ', ';
}

.play_store_btn {
  background: url('images/find_in_play_store.png') no-repeat 0 0;
  background-size: 150px;
}

.app_store_btn {
  background: url('images/find_in_app_store.png') no-repeat 0 0;
  background-size: 150px;
}

.chrome_web_store_btn {
  background: url('images/find_in_chrome_web_store.png') no-repeat 0 0;
  background-size: 150px;
}

.play_store_btn,
.app_store_btn,
.chrome_web_store_btn {
  direction: rtl;
  text-indent: -99999px;
  width: 150px;
  height: 45px;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
}

.play_store_btn:hover,
.app_store_btn:hover,
.play_store_btn:focus,
.app_store_btn:focus {
  background-position-y: 100%;
}

.product-page-video-container {
  background-color: #000;
  padding: 5px;
  border-radius: 3px;
  text-align: center;
  margin-bottom: 10px;
}

.product-page-video {
  position: relative;
  padding-bottom: 74%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  border: 1px solid #fff;
  border-radius: 1px;
}

.product-page-video iframe,
.product-page-video object,
.product-page-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.woocommerce .product .page-header,
.woocommerce-page .product .page-header {
  margin: inherit;
  border: none;
  padding: inherit;
}

.summary.entry-summary .page-header {
  margin-bottom: 10px;
}

.woocommerce .product .price,
.woocommerce-page .product .price,
.woocommerce .product.downloadable .app_pricing span,
.woocommerce-page .product.downloadable .app_pricing span {
  font-size: 1.8em;
  display: inline-block;
  float: left;
  margin-right: 0;
  color: #ed1c24;
}

.woocommerce .product .price {
  color: #333;
}

.app_pricing,
.store-links {
  clear: both;
  margin: 20px 0 0;
}

.app_pricing ul {
  list-style: none;
  padding-left: inherit;
}

.app_pricing li {
  line-height: 25px;
}

.woocommerce .product.downloadable .app_pricing span,
.woocommerce-page .product.downloadable .app_pricing span {
  margin-right: 5px;
  line-height: 24px;
}

.woocommerce .product .sku_wrapper,
.woocommerce-page .product .sku_wrapper {
  margin-right: 20px;
}

.sku-value,
.isbn-value {
  font-size: 1.8em;
}

.woocommerce .product .stock,
.woocommerce-page .product .stock {
  display: none;
}

/* .woocommerce .product .cart, .woocommerce-page .product .cart {background-color: #eee; padding: 10px 10px 10px 0; border: 1px solid #ccc; clear: both;} */
.woocommerce .product .page-download-links,
.woocommerce-page .product .page-download-links {
  clear: both;
}

.woocommerce .product .page-download-links a,
.woocommerce-page .product .page-download-links a {
  display: block;
}

/* Detailed image arrows */
div.pp_woocommerce .pp_next::before,
div.pp_woocommerce .pp_previous::before {
  font-size: 24px !important;
}

div.pp_woocommerce .pp_arrow_next::before,
div.pp_woocommerce .pp_arrow_previous::before {
  font-size: 24px;
}

div.pp_woocommerce .pp_arrow_next,
div.pp_woocommerce .pp_arrow_previous {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

/* Hide the price, sku, and stock on the downloadable product pages https://github.com/platinumapps/pld-website/issues/347 commented on this request */
/* .woocommerce .product.downloadable .price,  .woocommerce-page .product.downloadable .price,  .woocommerce .product.downloadable .sku_wrapper,  .woocommerce-page .product.downloadable .sku_wrapper,  .woocommerce .product.downloadable .stock,    .woocommerce-page .product.downloadable .stock,  .woocommerce .product.downloadable .cart,   .woocommerce-page .product.downloadable .cart {display: none; } */

.woocommerce .product.downloadable .app_pricing .price,
.woocommerce-page .product.downloadable .app_pricing .price {
  display: inherit;
}

/* Hide the loing description until revealed by user on click */
#toggle-description {
  padding-left: 10px;
}

.description-box {
  display: none;
}

.description-toggle::after {
  font-size: 20px;
  content: ' \e134';
  color: #494848;
  width: 20px;
  height: 20px;
}

.description-toggle.up::after {
  content: ' \e133';
}

.reveal-description {
  font-size: 12px;
}

/* 9. Category Styles */
.categroyPageBanner {
  height: auto;
}

.categoryImage {
  width: 100%;
  max-width: 460px;
  height: auto;
  display: inherit;
  margin: 0 auto;
}

.categoryBox {
  margin: 15px 0;
}

.categoryBoxInside {
  height: auto;
  padding-bottom: 20px;
  border-top-right-radius: 0;
}

.categoryBox .categoryBoxInside ul {
  color: #666;
  font-family: 'CenturyGothicW01-Italic', sans-serif;
  font-size: 10pt;
  line-height: 20px;
  margin: 7px 0 0;
}

.archive.woocommerce .textRight {
  float: inherit;
  font-size: 80%;
  padding-left: 5px;
}

.item-wrapper {
  min-height: 188px;
}

.imgBox img {
  width: auto;
  height: 140px;
}

.relatedPostCnt .imgBox img {
  width: auto;
  height: 75px;
}

a.consultLink {
  background-color: #006837;
  border: 2px solid #006837;
}

/* .btn-shop / .btn-primary styling moved to css/pld-buttons.css. */

/* Seminar Page */
.seminars-page .slideOuter,
.services-page .slideOuter,
.parent-night-page .slideOuter {
  overflow: hidden;
}

.parent-night-page .slideOuter {
  padding: 20px 0;
}

.seminars-page .seminar-image,
.services-page .seminar-image {
  padding-bottom: 20px;
  text-align: center;
}

.seminars-page .item.greenColor,
.services-page .item.greenColor {
  border-bottom: 6px solid #006837;
}

.seminars-page .item.purpleColor,
.services-page .item.purpleColor {
  border-bottom: 6px solid #54137a;
}

.seminars-page .item:last-child {
  border-bottom: none;
}

.seminars-page .item-wrapper {
  min-height: inherit;
  overflow: hidden;
}

.seminar-image .imgBox img {
  width: 100%;
  height: auto;
  padding: 40px 0 10px;
}

.programAndResources a.DkgreenColor {
  background-color: #006837;
}

.seminar-image .imgBox p {
  text-align: center;
}

.services-page .slideOuter .tab-content {
  padding: 20px;
}

.seminars-page .slideOuter a,
.services-page .slideOuter a {
  color: #009ed5;
}

.seminars-page .slideOuter a:last-child h2,
.services-page .slideOuter a:last-child h2 {
  margin-bottom: 10px;
}

.seminars-page .slideOuter a h2,
.services-page .slideOuter a h2 {
  font-size: 22px;
  padding-bottom: 0;
  margin-bottom: 0;
  width: 100%;
}

.seminars-page h2.early-years {
  color: #f15a24;
}

.seminars-page h2.foundation {
  color: #54137b;
}

.seminars-page h2.year-1-2 {
  color: #f5cf00;
}

.seminars-page h2.years-3-6 {
  color: #e5488d;
}

.seminars-page h2,
.services-page h2,
.parent-night-page h2.sliderTopTitle {
  display: block;
}

.seminars-page h2 span,
.services-page h2 span {
  font-size: 14px;
  padding-left: 5px;
  font-style: italic;
}

.seminars-page .page-literacy,
.tribe-events-page-template .page-literacy {
  color: #139750;
}

.seminars-page .page-movement,
.tribe-events-page-template .page-movement {
  color: #c1272d;
}

.seminars-page .page-oral,
.tribe-events-page-template .page-oral {
  color: #0089e9;
}

.event-cat-event-list {
  padding: 10px;
}

.event-cat-event-list .time-details {
  font-size: 16px;
}

.event-category-content {
  padding: 20px 0;
}

.event-category-content .img-featured {
  padding-bottom: 20px;
}

.event-category-content .img-featured img {
  width: 100%;
}

.event-cat-event-list .time-details {
  padding: 5px 10px 0 20px;
}

a.seminar-cat-state-link {
  display: block;
  text-align: center;
  color: #ed1c24;
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
}

/* Event Lists Styles
/* Events Styles */
.jumbotron h1 a {
  color: #fff !important;
}

.tribe-events-page-template h2.sliderTopTitle {
  display: inline-block;
}

.tribe-events-page-template .slideOuter {
  overflow: hidden;
}

.tribe-events-event-cost,
.tribe-events-list .tribe-events-page-title,
.tribe-events-list .tribe-events-header {
  display: none;
}

.single-tribe_event div.wpcf7 {
  background-color: #eee;
  padding: 10px;
  margin: 10px 0;
}

.tribe-events-cal-links {
  display: block;
  float: right;
}

a.tribe-events-gcal,
a.tribe-events-ical {
  float: none;
}

.tribe-events-single-registration-process {
  background-color: #89d575;
  padding: 10px 20px;
}

.tribe-events-single-registration-process ol,
.tribe-events-single-registration-process p,
.tribe-events-single-registration-process h4 {
  font-size: 14px;
  color: #333;
}

.wpcf7-form .hidden {
  display: none;
}

.tribe-events-meta-group.tribe-events-meta-group-details .tribe-events-event-cost-label,
.tribe-events-meta-group.tribe-events-meta-group-details .tribe-events-event-cost {
  display: none;
}

.seminar-cancellation-policy {
  font-weight: bold;
  padding: 5px 10px 0;
}

.seminar-cancellation-policy span {
  color: #ed1c24;
}

form .tribe-events-tickets-title h2 {
  font-size: 18px;
}

.submit-highlight {
  color: #ed1c24;
  font-size: 20px;
  display: inline;
}

/* Event Lists Styles  */
.event-cat-event-list h3 span {
  font-size: 18px;
}

.event-list-title-block {
  background-color: #eee;
  padding: 10px;
}

h3.event-list-title-block {
  font-size: 16px;
  font-weight: normal;
}

h3.event-list-title-block span {
  color: #ed1c24;
  font-weight: bold;
}

h3.event-list-title-block a span {
  color: #46b8da;
  font-size: 12px;
}

/* Minicart */
.cart-tab a.cart-parent span.amount {
  display: none;
}

.cart-tab a.cart-parent span.contents {
  font-size: 14px;
  font-weight: bold;
}

.cart-tab a.cart-parent span.contents::after {
  content: ' \ In Cart';
  display: block;
  white-space: pre-wrap;
  font-size: 10px;
}

.cart-tab.right {
  display: none;
}

/* Checkout Styles */
.woocommerce-cart.woocommerce-page .product-thumbnail {
  /* display: none; */
  width: 80px;
}

.wc-proceed-to-checkout {
  float: right;
}

/* 10.   ** Responsive Non Mobile   */
@media only screen and (min-width: 768px) {
  .variation-products a.add-request-quote-button.button {
    padding: 10px 40px 10px 40px !important;
  }

  .single-play-btn {
    bottom: 29% !important;
    left: 20% !important;
    background-size: 50% 50% !important;
  }

  .blog-card {
    padding-right: 9px !important;
  }

  .quick_links-card {
    padding-left: 9px !important;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    list-style: none;
  }

  p.srchProductTitle {
    display: none;
  }

  .home span.textRight {
    display: inherit;
  }

  .categoryImage {
    width: 220px;
    margin-top: 15px;
  }

  .slideOuter ul.sliderTabs li a {
    width: 100px;
    padding: 2px 6px;
  }

  .woocommerce-checkout .modal-dialog {
    width: 360px;
    margin: 49px auto;
  }
}

/* this closing bracket is not here.. added later -20151118by P */
/* Larger Screen Sizes  */
@media only screen and (min-width: 992px) {
  .woocommerce-checkout.woocommerce-page .col-xs-12.col-md-6.col-lg-8.checkout_billing.text-gray {
    width: 64% !important;
  }

  .woocommerce-checkout.woocommerce-page .col-xs-12.col-md-6.col-lg-4.checkout_shipping.text-gray {
    width: 36% !important;
  }

  .products-width-45 {
    width: 45% !important;
  }

  .products-width-55 {
    width: 55% !important;
  }

  p.srchProductTitle {
    display: inherit;
    font-size: 12px;
  }

  .searchProduct {
    margin-top: inherit;
  }

  .categoryImage {
    width: 280px;
    margin-top: 0;
  }

  .downloadable-page-layout {
    padding-top: 25px;
  }
}

.pld-approach-products ul.wc-block-grid__products {
  margin-bottom: 0;
}

.pld-approach-products li.wc-block-grid__product {
  border-bottom: 0;
}

/* Extra Larger Screen Sizes  */
@media only screen and (min-width: 1200px) {
  .pld-approach-products .wc-block-grid.wp-block-handpicked-products {
    padding: 0 8px !important;
  }

  .contact-us-col-1 {
    display: inline-block;
    margin-right: 10px;
    width: 35%;
  }

  .contact-us-col-1.form-title-dropdown {
    width: 22%;
  }

  .contact-us-col-2,
  .contact-us-col-3,
  .contact-us-col-4 {
    display: inline-block;
    margin-right: 10px;
    width: 47%;
  }

  .decodable-page-layout .custom-banner-row .col-3::before {
    content: '';
    display: block;
    height: 100%;
    width: 92%;
    border-right: 1px solid #ddd;
  }

  #site-description {
    font-size: 14pt;
  }

  p.srchProductTitle {
    display: inherit;
    margin-top: 71px;
    font-size: 14px;
  }

  .categoryImage {
    width: 360px;
    margin-top: 0;
  }

  .cart-tab.right {
    display: inherit;
  }
}

/*    ** End Non mobile styles   */

.lead {
  font-weight: bold;
}

/**** Added P ****/
.topBar span.myAccount a {
  border-right: none !important;
}

.home .bannerSection {
  background: transparent !important;
}

.home .homeSliderShadow {
  background: transparent !important;
}

.home .searchProduct {
  background-color: transparent !important;
}

.home .infoSection {
  background: transparent !important;
}

.home .jumbotron {
  background-color: transparent !important;
}

.home .infoBlockShadow {
  background: transparent !important;
}

.home.singular-page .hentry {
  background: none !important;
  border-bottom: none !important;
}

/*
.singular .loop-meta, .blog .loop-meta, .plural .loop-meta{
        background:none!important;
}
.banner, .loop-meta{
        background:none!important;
}
.jumbotron{
        background:none!important;
} */
table.bests-table-cart {
  width: 100% !important;
}

form.bests-qty .bests-submit {
  padding: 0 !important;
  width: 120px !important;
}

form.bests-qty div.quantity input.form-control {
  /* width:65px!important; */
  width: 50px !important;
  padding: 6px;
}

.woocommerce .product .price,
.woocommerce-page .product .price,
.woocommerce .product.downloadable .app_pricing span,
.woocommerce-page .product.downloadable .app_pricing span,
b.bestprice {
  font-size: 1.1em !important;
}

small.woocommerce-price-suffix {
  display: block;
  font-size: 0.65em !important;
}

div.description-full {
  margin-bottom: 50px;
  /* max-width:320px; */
}

form.bundle_form {
  clear: both;
}

.bundled_product_summary {
  padding-left: 0 !important;
}

.bundled_product_summary .details {
  max-width: 100%;
  width: 80% !important;
}

@media only screen and (max-width: 765px) {
  .orange-new-style {
    top: 46px !important;
  }

  .orange-new-style.is-sticky {
    display: flex !important;
    overflow-x: auto;
    white-space: nowrap;
    grid-template-columns: unset;
  }

  .orange-new-style a {
    width: 100%;
    font-size: 13px !important;
    padding: 12px 4px !important;
    text-align: center;
  }

  .products-width-45 {
    position: relative !important;
    top: unset !important;
  }

  .woocommerce-page .product h1:first-child {
    margin-top: 2rem !important;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs li a,
  .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    width: 237px !important;
    font-size: 14px !important;
  }

  form.variations_form.cart {
    padding: 0 !important;
    margin-bottom: 10px !important;
  }

  form.variations_form.cart .clear {
    margin-top: 35px;
  }

  button.btn.book.active,
  button.btn.ebook.active,
  button.btn.full-kit.active,
  button.btn.upgrade-kit.active,
  button.btn.school-license.active,
  button.btn.book,
  button.btn.ebook,
  button.btn.full-kit,
  button.btn.upgrade-kit,
  button.btn.school-license {
    /* max-width: 75% !important;  */
  }

  .products-tabs img,
  .products-tabs button.btn.book_bundle,
  .products-tabs button.btn.ebook_bundle,
  .products-tabs button.btn.school-license_bundle {
    /* max-width: 75% !important; */
  }
}

@media only screen and (max-width: 767px) {
  .singular-product .product #exTab2 .cart {
    float: unset !important;
  }

  .single_add_to_cart_button,
  .variation-products a.add-request-quote-button.button {
    /* padding: 10px 20px 10px 20px !important; */
  }
}

@media only screen and (max-width: 768px) {
  .bundled_product_summary .details {
    width: 100%;
  }

  .woocommerce-account .loop-title {
    margin: 5px 0;
    top: 10px;
    left: 10px;
  }

  .shipping_cart {
    margin-left: 0 !important;
  }
}

.bundled_product_summary .bundled_product_images {
  margin-left: 0 !important;
  width: 15%;
  max-width: 100%;
}

.woocommerce .product .price del,
.woocommerce-page .product .price del {
  font-size: 1em !important;
}

.woocommerce #payment input#yith_wcmc_subscribe_me,
.woocommerce #payment input#wcdrip_subscribe {
  margin-right: 12px;
}

.woocommerce #payment p#wcdrip_subscribe_field input[type='checkbox'] {
  position: relative;
  margin-left: 0;
}

.woocommerce #payment div.form-row,
.woocommerce-page #payment div.form-row {
  padding: 0.5em 1em 1em 1em;
}

.woocommerce #payment ul.payment_methods,
.woocommerce-page #payment ul.payment_methods {
  padding: 1em 1em 0 1em;
}

.payment_box.payment_method_eway.payment_box_width,
.payment_box.payment_method_eway.payment_box_width + p {
  display: none !important;
}

#payment_method_eway {
  display: inline-block !important;
}

#payment ul.wc_payment_methods.payment_methods.methods li {
  display: inline-block;
}

#payment ul.wc_payment_methods.payment_methods.methods li:last-of-type {
  margin-left: 20px;
}

.wc_payment_method.payment_method_purchaseorder .payment_method_purchaseorder.lable_position {
  position: relative !important;
  top: unset !important;
  left: unset !important;
}

.woocommerce #payment .terms,
.woocommerce-page #payment .terms {
  text-align: left !important;
  padding: 0 0 0.5em !important;
  margin-bottom: 0;
}

.woocommerce-checkout.woocommerce-page #main h1.loop-title {
  color: #1a6ab1;
  font-size: 26px;
}

.woocommerce-checkout.woocommerce-page #payment .terms {
  float: unset !important;
}

#payment h3.order_summary {
  font-size: 18px;
  color: #005486;
}

.woocommerce form .form-row.terms label.checkbox,
.woocommerce-page form .form-row.terms label.checkbox {
  margin: 0 0 0 1em !important;
}

.place_order_btn {
  text-align: center;
}

/* Layout only - paint comes from the #place_order surface in
   css/pld-buttons.css (the old background/box-shadow/padding here fought it
   and produced a blue button with a green edge and a navy drop shadow). */
.place_order_btn button {
  float: unset !important;
}

input#place_order {
  margin-top: 10px;
}

div.newsletter {
  background: #00a9e9;
  color: #fff;
  border-radius: 5px;
  padding: 15px;
}

div.newsletter h4 {
  font-size: 20px;
}

div.newsletter .emailSection {
  margin: 6px 0 !important;
}

div.newsletter .emailFlds {
  width: 85%;
  height: 30px;
  padding: 5px;
  color: #000;
  vertical-align: top;
}

div.newsletter .mc4wp-alert {
  font-size: 11px;
}

.topBar a {
  /* border-right: none !important; */
  font-size: 17px;
  font-family: Roboto;
  font-weight: 400;
}

.topBar span.myAccount {
  margin-left: 0 !important;
}

.navCollapseItems span.myAccount a {
  color: #fff !important;
}

.topBar a.login,
.topBar a.register {
  margin-left: 6px !important;
  font-size: 16px !important;
  font-family: Roboto;
}

.cartSection {
  margin: 0 !important;
  background: none !important;
  border: none !important;
  color: #fff;
  padding-top: 0;
}

.cartSection img {
  margin: 0;
}

.cartSection a,
.cartSection span.contents {
  color: #fff !important;
}

.cartSection a.checkout {
  margin-left: 0;
}

.bests-cart div.variations {
  border-top: 1px solid #ddd;
}

bests-cart div.variations .form-group {
  margin-bottom: 5px !important;
}

.bests-cart .variations label {
  display: block;
  width: 100%;
  text-align: center !important;
}

.bests-cart .variations .col-sm-9,
.bests-cart .single_variation_wrap .col-sm-9 {
  width: 100% !important;
}

.bests-cart .single_variation p {
  display: none;
}

.bests-cart .single_variation_wrap .col-sm-offset-3 {
  margin-left: 0 !important;
}

.bests-cart .variations_button .quantity {
  /* width:65px!important; */
  width: 50px !important;
  /* margin:0 15px 0 0; */
  margin: 0 25px 0 6px;
  float: left;
}

.bests-cart .variations_button .quantity input.form-control {
  padding: 6px;
  width: 50px !important;
}

.bests-title > a {
  color: #333;
  font-weight: bold;
}

b.bestprice {
  color: #333;
}

.page-template-shop_filters form.e-space {
  margin-top: 67px;
}

.page-template-shop_filters form.e-space.downloadable {
  margin-top: 85px;
}

.page-template-shop_filters form.e-space td {
  padding: 8px 0 0 0;
}

.page-template-shop_filters .bestspcol-1-4 {
  min-height: 490px;
}

.seminar-cancellation-policy {
  padding: 5px 0 0 !important;
}

.cart td.tickets_price {
  width: 120px;
}

.page-template-shop_filters h2.sliderTopTitle,
.page-template-seminars h2.sliderTopTitle {
  display: inline-block;
}

.shopthreecats .products {
  border-top-right-radius: 20px;
  cursor: pointer;
  margin-bottom: 10px;
  padding: 8px;
}

/* old category page */
div.main_skill_div h2.sliderTopTitle {
  display: inline-block;
  margin-top: 2px;
}

.categroyPageBanner div.programAndResources {
  background: #fff;
  color: #666;
  font-size: 0.995em;
  font-style: italic;
  line-height: 18px;
}

div.main_skill_div .bestspcol-1-4 {
  float: left;
  width: auto;
  display: block;
  border: none;
  margin-top: 0;
}

div.main_skill_div .bestspcol-1-4 .best-title {
  height: 30px;
}

@media only screen and (max-width: 480px) {
  li.nav-item.pull-right.bill-border {
    float: left !important;
  }

  .bill-icon-right {
    float: inline-start !important;
    padding: 4px 0 0 0 !important;
    /* border: 1px solid #dddddd !important; */
    width: 100% !important;
  }

  span.bill-count {
    top: 0 !important;
  }

  .bill-list {
    right: 13% !important;
    top: 280px !important;
  }

  .bill-list::before {
    right: 90% !important;
    top: -12px !important;
  }

  .shipping input[type='radio']::after,
  .shipping input[type='radio']:checked::after {
    top: 0.35px !important;
    left: 0.4px !important;
  }

  div.main_skill_div .bestspcol-1-4 .btn {
    padding: 6px 5px;
  }

  div.main_skill_div .bestspcol-1-4 .bests-cart div.variations {
    width: 175px;
  }

  div.main_skill_div .bestspcol-1-4 .bests-table-cart tr td {
    padding: 8px 0;
  }

  div.main_skill_div .bestspcol-1-4 .bests-cart .quantity {
    margin: 0 5px 0 0;
  }
}

div.main_skill_div .bestspcol-1-4 form.e-space {
  /* margin-top:67px; */
  margin-top: 78px;
}

div.main_skill_div form.option div.cart.bundle_data {
  margin-top: 15px;
  position: absolute;
}

div.main_skill_div form.option div.cart.bundle_data div.quantity {
  width: 65px !important;
  display: inline-block;
  float: left;
  clear: both;
}

div.main_skill_div .slideOuter ul.sliderTabs li a {
  width: auto;
  /* padding: 2px 6px; */
}

div.main_skill_div .slideOuter ul.sliderTabs li a {
  max-width: 300px;
  padding: 10px;
  height: auto;
  border: none;
}

/* div.main_skill_div  */
h2.sliderTopTitle.greenColor.active {
  background-color: #96c054;
}

h2.sliderTopTitle.redColor.active {
  background-color: #c1272d;
}

h2.sliderTopTitle.yellowColor.active {
  background-color: #f5cf00;
}

h2.sliderTopTitle.defaultColor.active {
  background-color: #f0731e;
}

.slideOuter.defaultColor {
  border: 6px solid #f0731e;
}

.seminars-page .item.greenColor {
  border-bottom: none !important;
}

.slideOuter.defaultColor ul.sliderTabs li a {
  background-color: #f7931e;
}

/* end old category */
.imgBox img {
  width: auto;
  height: 140px;
}

.sliderOuter {
  min-height: 250px;
}

.singular form.bundle_form #wl-wrapper.wl-button-wrap .wl-add-but {
  margin: 5px 45px;
}

.singular #wl-wrapper.wl-button-wrap {
  /* margin:5px 96px; */
}

.singular #wl-wrapper .wl-add-but {
  /* margin: 0px 96px; */
}

.singular #wl-wrapper .wl-already-in {
  text-align: left;
  padding: 0 10px;
}

.singular .wl-already-in ul {
  list-style: none;
  margin: 0 0 5px 0 !important;
}

.singular .bundled_product_summary .details .cart {
  display: none;
}

.singular .bundled_product_summary .cart.variations_form {
  display: block;
  margin-bottom: 0;
}

.bestspcol-1-4 .wl-add-but {
  color: #7b7b7b;
  padding: 6px 12px;
  font-size: 14px;
  border-radius: 3px;
  font-weight: 700;
  margin: 15px auto;
  display: block;
  text-decoration: none !important;
  text-align: center;
  width: 130px;
  background-color: #e7e7e7;
}

form.bundle_form.e-space {
  margin-top: 67px !important;
  border-top: 1px solid #ddd;
  padding-top: 8px;
}

.bests-table-cart div.quantity {
  display: inline-block;
  margin-right: 10px;
  vertical-align: bottom;
}

.bundle-school-qty {
  padding: 20px 0 4rem 0;
}

.bundle_add_to_cart_button {
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  vertical-align: bottom;
}

.bundle_form .table-bests-cart .quantity {
  margin-right: 10px;
}

.bundle_form .table-bests-cart.bundle-table {
  display: block;
}

div.bests-cart .variations.default {
  margin-bottom: 10px;
  float: left;
  padding-top: 5px;
}

#tab-test_tab ul.products li {
  clear: unset !important;
  width: 23% !important;
}

@media only screen and (max-width: 992px) {
  #tab-test_tab ul.products li {
    width: 48% !important;
  }

  .bests-table-cart.bundle-table {
    display: block;
  }

  .bests-table-cart.bundle-table div.quantity {
    clear: both;
    display: block;
    margin-bottom: 2px;
  }

  .checkout_billing .shiping_to_different_address {
    font-size: 12px;
  }

  .woocommerce-checkout .col-xs-12.col-sm-4.checkout_billing {
    padding-right: 10px !important;
  }

  .woocommerce-checkout .col-xs-12.col-sm-4.checkout_shipping {
    padding-left: 10px !important;
  }

  .shipping_h {
    margin-left: 10px;
  }

  .shipping_cart {
    padding-right: 0 !important;
  }

  .mt-0-md {
    margin-top: 0 !important;
  }

  .innerWhite2.equalHeight.top-margin-fix iframe {
    height: 195px !important;
  }
}

.singular-product form.simple {
  margin: 0 auto;
  text-align: center;
}

.singular-product form.simple div.quantity {
  float: none !important;
  display: inline-block;
  vertical-align: middle;
}

.singular-product .product .summary,
.woocommerce-page .product .summary {
  padding-top: 15px;
}

.singular-product .product .before-content-row .price {
  display: block;
  float: none !important;
  margin: 0 auto;
  text-align: left;
  padding: 5px 0 10px 20px;
  color: #fff;
  font-size: 1.4em !important;
}

.singular-product .product_cat-bundles .price {
  text-align: left;
}

.singular-product .product .images {
  margin-bottom: 1em !important;
}

.singular-product .product .cart {
  border: none !important;
}

.singular-product .product #exTab2 .cart {
  float: left;
}

.singular-product .product form label.var_type {
  display: block;
  margin: 0 auto;
  width: 100% !important;
  text-align: center;
  padding-top: 0 !important;
}

.singular-product .product form .var_options {
  text-align: center;
  margin: 0 auto 5px;
  width: 220px !important;
}

.singular-product .product form .variations .col-sm-9 {
  float: none !important;
  margin: 0 auto !important;
  display: block;
  width: 100%;
}

.singular-product .product form .single_variation_wrap .col-sm-9 {
  float: none !important;
  margin: 0 auto;
  text-align: center;
}

.singular-product .product form.variations_form .quantity {
  display: inline-block;
  float: none !important;
  margin: 0 auto;
  vertical-align: middle;
}

.singular-product form.variations_form {
  margin: 0 auto;
  text-align: center;
}

.singular-product .product div.summary.entry-summary .product_meta,
.singular-product .product div.description-full {
  margin-bottom: 0 !important;
}

.slideOuter {
  min-height: 235px !important;
}

#related_blog .slideOuter {
  min-height: 150px !important;
}

.categoryBox .categoryBoxInside h2 span.textRight,
.products h2 span.textRight {
  display: none;
}

#menu-primary {
  padding-left: 0 !important;
  display: flex;
  justify-content: end;
  margin-right: 2rem;
}

#menu-primary ul li.dropdown li:first-of-type a:hover {
  border-top-left-radius: 0;
}

/* .woocommerce .blockUI.blockOverlay {
  position: relative!important;
  display: none!important;
} */
@media (min-width: 767px) {
  .logged-out .quoted-images .quote-images img {
    max-height: 215px;
  }

  .logged-out .quick-order-banner img {
    max-height: 285px;
    width: 100%;
  }

  #menu-primary {
    background-color: transparent;
  }

  .wpmc_area {
    display: block;
    width: 255px !important;
    float: right;
  }

  .wpmc_txt input[type='text'],
  textarea,
  div#wpmc_error,
  .wpmc_btn input[type='button'] {
    width: 100% !important;
  }

  body.woocommerce-cart span[class^='PIN_'],
  body.woocommerce-checkout span[class^='PIN_'] {
    display: none;
  }

  div.wpmc_error_msg {
    height: 36px;
    padding: 10px !important;
  }
}

.categoryBox.defaultColor {
  border-color: #f0731e !important;
  /* Old browsers */
  background: #f0731e !important;
  /* FF3.6+ */
  background: -moz-linear-gradient(left, #f0731e 0%, #f0731e 100%) !important;
  /* Chrome,Safari4+ */
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #f0731e),
    color-stop(100%, #f0731e)
  ) !important;
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(left, #f0731e 0%, #f0731e 100%) !important;
  /* Opera 11.10+ */
  background: -o-linear-gradient(left, #f0731e 0%, #f0731e 100%) !important;
  /* IE10+ */
  background: -ms-linear-gradient(left, #f0731e 0%, #f0731e 100%) !important;
  /* W3C */
  background: linear-gradient(to right, #f0731e 0%, #f0731e 100%) !important;
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0731e', endColorstr='#f0731e', GradientType=1) !important;
}

form.checkout_coupon.form-inline,
div.woocommerce-shipping-fields .shipping_address {
  display: none;
}

/* interested cart, upseels */
div.cart-collaterals .bestspcol-1-4,
div.upsells .bestspcol-1-4 {
  display: block;
  width: auto;
  margin-right: 1%;
  margin-bottom: 5px;
  margin-top: 5px;
}

div.upsells .bestspcol-1-4 {
  min-height: auto;
}

div.cart-collaterals .panel-body,
div.upsells .panel-body {
  padding: 15px 0 15px 10px;
}

form.e-space {
  margin-top: 76px;
}

.page-template-shop_filters form.e-space {
  margin-top: 76px;
}

.bestspcol-1-4 {
  min-height: 490px;
  padding: 10px 10px 0;
}

.page-template-shop_filters .bestspcol-1-4 {
  min-height: 490px;
}

.page-template-shop_filters form.e-space td {
  padding: 8px 0 6px 0;
}

form.bundle_form.e-space {
  padding-bottom: 6px;
  margin-top: 76px !important;
}

form.e-space.downloadable {
  margin-top: 98px;
}

form.bundle_form {
  padding-bottom: 8px;
}

.account__login {
  padding-right: 45px;
  border-right: 2px solid #6eb700;
}

.online__account__login {
  padding-left: 45px;
}

.online__account__login h3 {
  color: #5f9bcb;
  margin: 0;
  margin-bottom: 30px;
  font-family: robotomedium;
  font-weight: 600;
}

.followup-checkout .form-row.form-row-wide {
  display: none !important;
}

.online_login h3 {
  padding: 10px 15px;
  border: 3px solid #006ab1;
  background-color: #006ab1;
  color: white;
  text-align: center;
  width: fit-content;
  margin: auto;
  transition: all 0.5s ease-in-out;
}

.online_login h3:hover {
  color: #006ab1;
  background-color: #f1f2f2;
}

.online__account__login a {
  color: white;
}

.online__account__login a:hover {
  text-decoration: none;
}

#customer_login {
  padding-bottom: 15px;
}

.online_sign_in {
  border: 1px solid #e0dadf;
  padding: 10px;
  padding-bottom: 35px;
}

/* .bestspcol-1-4.app { min-height:478px} */
/* form table tr td {
        padding:8px 2px 0px;
} */
.bestspcol-1-4 .single_variation_wrap {
  padding-bottom: 6px;
  margin-top: 27px;
}

.woocommerce-checkout.woocommerce-page,
.woocommerce-checkout.woocommerce-page #main {
  background-color: #f8f8f8;
}

.woocommerce-checkout.woocommerce-page #main > div + .container {
  background-color: #f8f8f8;
  margin-bottom: 50px;
}

#customer_details {
  background-color: #fff;
  padding: 20px;
}

#customer_details h3.billing_detail_lable,
#order_comments_field label,
#billing_address_1_field label.address_label,
.checkout_shipping.text-gray h3.order_summary,
h3#order_review_heading,
#shipping_address_1_field label.address_label {
  color: #005486;
  font-size: 25px;
  font-weight: 700;
  font-family: robotobold;
}

#billing_address_1_field label.address_label {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding-bottom: 7px;
  margin-top: 15px;
}

h3#order_review_heading {
  margin: 12px 0 5px 0;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.checkout_shipping.text-gray hr {
  display: none;
}

.checkout_shipping.text-gray h3.order_summary {
  margin: 15px 0 0 0;
  border-bottom: unset !important;
  padding-bottom: 0 !important;
}

p#shipping_method {
  margin: 0;
}

#customer_details + div.row #payment {
  margin-top: 30px;
}

#customer_details + div.row #payment h3,
#customer_details + div.row #payment ul {
  background-color: #fff;
}

#customer_details + div.row #payment h3 {
  padding: 25px 25px 15px 25px;
}

#customer_details + div.row #payment h3 div {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #ddd;
}

#customer_details .checkout_billing h3.billing_detail_lable {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #ddd;
}

#order_comments_field label {
  border-bottom: 1px solid #ddd;
  padding-bottom: 6px;
  margin-bottom: 10px;
}

#customer_details + div.row #payment ul {
  margin-bottom: 20px;
  padding: 0 25px 12px 25px;
}

#customer_details + div.row #payment h3 {
  margin: 0;
  padding-bottom: 10px;
}

.sm__heading {
  display: none;
}

.checkout__btn__sm {
  display: none;
}

.woocommerce-cart-form__cart-item.flex-box-wrapper.cart_item
  .product-name.flex-3
  .remove.remove-btn
  + a {
  margin-left: 5px;
}

@media only screen and (min-width: 768px) {
  .flex-viewport figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
    width: 272.15px !important;
  }

  .singular-product div.product .woocommerce-product-gallery .flex-viewport {
    min-height: 234.937px !important;
  }

  div.cart-collaterals .bestspcol-1-4,
  div.upsells .bestspcol-1-4 {
    width: 24%;
  }

  div.upsells .bestspcol-1-4 {
    min-height: 352px;
  }
}

@media only screen and (max-width: 767px) {
  .pld-approach-areas {
    display: block !important;
  }

  .pld-approach-areas div {
    background-color: transparent !important;
    border: unset !important;
    padding-top: 0 !important;
  }

  .empty-cart-btn-container {
    margin: 10px 0 25px;
    display: grid !important;
    text-align: center;
  }

  .empty-cart-btn-container .empty-cart-btn {
    width: 100%;
    margin: 0;
  }

  .woocommerce-view-subscription .shop_table.subscription_details tbody tr td:first-child {
    width: unset !important;
    padding-left: 10px !important;
  }

  .woocommerce-view-subscription .shop_table.subscription_details {
    border-spacing: 1.5em 1em !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .woocommerce-view-subscription .shop_table.order_details {
    border-spacing: 1.5em 1em !important;
    padding-top: 15px !important;
    padding-bottom: 10px !important;
  }

  .woocommerce-view-subscription .shop_table.order_details tfoot tr {
    border-spacing: 1.5em 1em !important;
    padding-top: 15px !important;
    padding-bottom: 10px !important;
    display: table-row !important;
  }

  .woocommerce-view-subscription
    .shop_table.shop_table_responsive.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-orders.woocommerce-orders-table--orders {
    border-spacing: 1.5em 1em !important;
  }

  .woocommerce-view-subscription .woocommerce-customer-details {
    padding: 30px 20px 15px 20px !important;
  }

  .woocommerce-view-subscription .woocommerce-customer-details h3 {
    font-size: 22px !important;
  }

  .woocommerce-view-subscription .shop_table.subscription_details + h2,
  .woocommerce-view-subscription .shop_table.order_details + header h2 {
    padding: 20px 20px 0 20px !important;
    font-size: 22px;
  }

  #landing_pages .white-bg p:first-of-type {
    padding: 25px 20px 0 20px !important;
  }

  #landing_pages .list-color-orange {
    padding: 0 15px 0 46px !important;
  }

  #landing_pages .list-color-red {
    padding: 0 15px 0 46px !important;
  }

  #landing_pages .list-color-green {
    padding: 0 15px 0 46px !important;
  }

  #landing_pages .white-bg p {
    padding: 0 20px !important;
  }

  .landing-page-orange-color .white-bg p:first-of-type {
    padding: 8px !important;
  }

  .landing-page-orange-color .list-color-orange {
    padding: 0 15px 0 25px !important;
  }

  .right-align {
    padding: 0 30px 0 44px !important;
  }

  .are-vertically-aligned-top.is-layout-flex.wp-container-29.wp-block-columns {
    padding: 0 0 !important;
  }

  .downloadable-btns a {
    margin-right: 0 !important;
    width: 100% !important;
  }

  #tracking-sheet .tracking-sheet-button {
    display: block !important;
  }

  #tracking-sheet .tracking-sheet-button div {
    margin-bottom: 15px;
  }

  #user-info-data .row .col-4,
  #user-info-data .row .col-8 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  #user-info-data .row .col-4 {
    border-bottom: unset !important;
  }

  .decodable-page-layout .custom-banner-row .col-3 img {
    max-width: 130px !important;
    max-height: 130px !important;
  }

  .woocommerce-cart-form__cart-item.flex-box-wrapper.cart_item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 25px;
    padding: 45px 3px 12px 15px;
  }

  .sm__heading {
    display: inline;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    margin-bottom: 10px;
    padding: 0;
  }

  .woocommerce-cart-form__cart-item.flex-box-wrapper.cart_item .product-name.flex-3,
  .woocommerce-cart-form__cart-item.flex-box-wrapper.cart_item .product-price.flex-1,
  .woocommerce-cart-form__cart-item.flex-box-wrapper.cart_item .product-quantity.flex-1,
  .woocommerce-cart-form__cart-item.flex-box-wrapper.cart_item .product-subtotal.flex-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    margin-bottom: 10px;
    padding: 0;
  }

  .woocommerce-cart-form__cart-item.flex-box-wrapper.cart_item
    .product-name.flex-3
    .remove.remove-btn
    + a {
    margin-left: 0;
  }

  .product-name.flex-3 .remove.remove-btn {
    position: absolute;
    /* top: 15px;
    right: 15px; */
  }

  .md-cart-products {
    display: none;
  }

  body.woocommerce-cart.woocommerce-page #main > div > .container h1 {
    margin: 20px 5px 0 5px !important;
  }

  .display-flex {
    box-shadow: unset !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 !important;
  }

  .checkout__btn {
    display: none;
  }

  .checkout__btn__sm {
    display: block;
  }

  .checkout__btn__sm a {
    width: 100%;
    margin-top: 2.5rem !important;
  }

  .display-flex div {
    flex: unset !important;
  }

  .cart_total .cart_table {
    box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0 !important;
    border: unset;
    padding: 10px 10px 12px 10px !important;
  }

  .row.shipping_billing_cart .cart_total {
    padding: 0;
  }

  .update-cart-btn {
    width: 100%;
  }

  .cart__btn {
    margin: 0 -15px;
  }

  .woocommerce-cart .cart_totals {
    margin-bottom: 1rem !important;
  }

  .remove-btn div {
    float: right;
    padding: 0 6px !important;
  }

  .logged-out .quoted-images .quote-images img {
    max-height: 360px;
  }

  .logged-out .quick-order-banner img {
    max-height: 155px;
    width: 100%;
  }

  .bestspcol-1-4 {
    margin-right: 10px;
    min-height: 446px;
  }

  .myAccount {
    padding-bottom: unset !important;
  }

  .page-template-shop_filters .bestspcol-1-4 {
    min-height: 478px;
  }

  .quote-images {
    width: 100%;
  }

  .quoted-images {
    display: block !important;
  }

  #post-11634 .ywraq-form-table-wrapper.vertical {
    display: block !important;
  }

  .account__login {
    padding-right: 10px;
    border-right: unset;
  }

  .online__account__login {
    padding-left: 10px;
  }

  .innerWhite2.equalHeight.top-margin-fix iframe {
    height: 385px !important;
  }
}

@media only screen and (min-width: 480px) and (max-width: 640px) {
  .my___account.woocommerce-account.woocommerce-page
    #main
    .loop-meta.jumbotron
    .container
    .nav.nav-tabs {
    width: 100%;
  }

  .bill-icon-right {
    float: inline-start !important;
    padding: 12px 0 0 0 !important;
    width: 100%;
  }

  span.bill-count {
    top: 8px !important;
  }

  .bill-list {
    right: 25% !important;
    top: 254px !important;
  }

  .bill-list::before {
    right: 90% !important;
    top: -12px !important;
  }
}

@media only screen and (max-width: 640px) {
  .single-play-btn {
    bottom: 34% !important;
    left: 35% !important;
    background-size: 60% 60% !important;
  }

  .logged-in .pld-approach-video iframe {
    width: 560px;
    height: 250px;
  }

  .innerWhite2.equalHeight.top-margin-fix iframe {
    height: 305px !important;
  }
}

.sequence-progressions {
  position: relative;
  margin-left: 22px;
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.sequence-progressions::before {
  font-family: FontAwesome;
  content: '\f00c';
  position: absolute;
  left: 22px;
  top: 3px;
  background-color: #84a834;
  z-index: 1;
  display: inline-block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  font-size: 10px;
  padding: 1.5px 2px 0 3.5px;
  color: #fff;
}

.sequence-progressions + ul {
  padding-left: 68px;
}

.sequence-progressions + ul li {
  position: relative;
  font-size: 18px;
  line-height: 1.7em;
}

.sequence-progressions + ul li::before {
  content: '';
  position: absolute;
  left: -23px;
  top: 11px;
  background-color: #000;
  z-index: 1;
  display: inline-block;
  width: 10px;
  height: 10px;
  font-size: 12px;
  border-radius: 0;
}

#ship-to-different-address-checkbox:checked::before,
.form-row.terms.wc-terms-and-conditions
  label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox
  .woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox:checked::before {
  left: -1px;
  top: -1px;
  width: 15px;
  height: 15px;
  position: relative;
  box-shadow: inset 0 0 0 3px #fff;
  background-color: #009fde;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #009fde;
}

#ship-to-different-address-checkbox:checked::before {
  left: 0;
  top: 0;
}

.nav-tabs {
  border: unset;
}

@media only screen and (max-width: 400px) {
  form.bests-qty div.quantity input.form-control {
    width: 55px !important;
  }

  table tr td {
    padding: 8px 2px !important;
  }

  form.bests-qty .bests-submit {
    width: 110px !important;
  }

  .bestspcol-1-4 {
    min-height: auto;
  }

  th.product-name,
  th.product-price,
  .woocommerce-cart .product-quantity,
  th.product-subtotal {
    font-size: 14px;
  }

  .cart-subtotal,
  .shipping,
  .coupons,
  .order-total,
  .product-price,
  .woocommerce-cart .product-quantity,
  .product-subtotal,
  .woocommerce-cart td.product-name > a,
  ul#shipping_method li label {
    font-size: 12px !important;
  }

  .shipping_note {
    padding-right: 0;
  }

  .shipping_cart,
  .cart_total {
    padding: 0;
  }

  .caret_down {
    margin-left: 1rem !important;
  }

  .woocommerce-cart .row {
    margin: 0;
    margin-left: -15px;
    margin-right: -15px;
  }
}

.padding-left-5 {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.padding-right-5 {
  padding-right: 7px !important;
  padding-left: 7px !important;
}

.decodable-page-layout .fancy-heading.green {
  padding: 16px 20px 20px 20px !important;
}

.decodable-page-layout .fancy-heading.green strong {
  font-size: 18px !important;
}

div.cursive-flip a.flip_button {
  background-color: transparent;
  color: #009ed5;
  margin: 0 0 0 -10px;
  padding: 0;
  border: none;
  text-align: left;
  font-weight: normal;
  font-size: 13px;
}

div.hrf-faq-list {
  margin-bottom: 20px;
}

div.hrf-faq-list .hrf-title.close-faq span,
div.hrf-faq-list .hrf-title.open-faq span {
  background-color: #00a9e9;
}

div.thinkific-product-card {
  height: 300px;
}

nav#menu-subsidiary a {
  color: #fff;
  font-weight: bold;
}

nav#menu-subsidiary a:hover {
  color: #23527c;
  font-weight: normal;
}

body.home div.jumbotron.infoSection {
  margin-bottom: 0;
}

body.home .hentry {
  padding: 0;
}

div.container.newsletter {
  background: none;
}

div.container.newsletter .row {
  background: #00a9e9;
  border-radius: 5px;
  margin: -15px -3px;
  padding: 20px 0;
}

@media only screen and (max-width: 767px) {
  div.container.newsletter .row {
    margin: -15px 6px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .my___account.woocommerce-account.woocommerce-page #main .loop-title {
    margin-top: 0 !important;
  }

  .inline-title h3 {
    font-size: 19px !important;
  }

  .padding-left-5 {
    padding-left: 10px !important;
    margin-top: 10px !important;
    padding-right: 10px !important;
  }

  .padding-right-5 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  .top-link-href {
    margin-top: 3rem;
  }

  .pld-approach-button a {
    padding: 8px 20px 6px !important;
  }

  div.container.newsletter .emailSection input#mc4wp_email {
    width: 82% !important;
  }

  .inline-title h3 {
    font-size: 19px !important;
  }

  .padding-left-5 {
    padding-left: 10px !important;
    margin-top: 10px !important;
    padding-right: 10px !important;
  }

  .padding-right-5 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  .top-link-href {
    margin-top: 3rem;
  }

  .pld-approach-button a {
    padding: 8px 20px 6px !important;
  }

  div.container.newsletter .emailSection input#mc4wp_email {
    width: 82% !important;
  }

  .topBar {
    height: 60px;
  }

  #post-11634 #yith-ywraq-form {
    flex-basis: 58% !important;
  }

  #post-11634 .yith-ywraq-mail-form-wrapper {
    flex-basis: 38% !important;
    margin-left: 5%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* .topBar{
            height:65px;
    }
    div.topBar ul.wc-top-menu{
            width:300px;
    } */

  .invite_emails {
    display: inline-table;
  }
}

@media only screen and (min-width: 600px) and (max-width: 762px) {
  ._3lines_max .wc-block-grid__product-title {
    min-height: 150px;
  }
}

@media only screen and (min-width: 763px) and (max-width: 1280px) {
  ._3lines_max .wc-block-grid__product-title {
    min-height: 100px;
  }
}

@media only screen and (min-width: 1025px) {
  /* .hidden-xs.top-middle-box .description{
            margin-top:15px;
    }
    .hidden-xs.top-middle-box .search-box{
            margin-top:13px;
    } */
}

.hidden-xs.top-middle-box .description {
  margin-top: 4px;
}

.hidden-xs.top-middle-box .description #site-description {
  color: #000;
}

.hidden-xs.top-middle-box .search-box {
  margin-top: 2px;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 1200px) {
  .page-template-landing_page_style .white-bg .wp-block-columns {
    padding: 10px 28px 10px 28px !important;
    margin-bottom: 0 !important;
  }

  .single-play-btn {
    bottom: 38% !important;
    left: 32% !important;
    background-size: 60% 60% !important;
  }

  .header_logo {
    width: 11%;
  }

  .header_main_dev {
    width: 89% !important;
  }

  .header_menu {
    width: 86% !important;
  }

  .hidden-xs.top-middle-box .search-box {
    width: 14% !important;
  }
}

div.logo {
  margin: 15px 0 10px 10px;
}

div.logo img {
  width: auto;
}

div.topBar div.col-sm-6.pull-right {
  padding-right: 0;
}

div.topBar ul.wc-top-menu {
  display: inline-block;
  list-style: none;
  float: right;
  padding-left: 0;
  padding-top: 5px;
  margin-bottom: 0;
}

#header .navbar-collapse {
  overflow: hidden;
}

div.topBar ul.wc-top-menu li {
  float: left;
  color: #fff !important;
  vertical-align: sub;
}

div.topBar ul.wc-top-menu li a,
div.topBar ul.wc-top-menu li button.button-link-void {
  vertical-align: sub;
}

div.topBar ul.wc-top-menu li a.login-no-pad {
  padding-right: 3px;
}

div.topBar ul.wc-top-menu li a.logout-no-pad {
  padding-left: 0;
}

div.topBar ul.wc-top-menu li.checkout {
  padding-right: 0;
}

div.topBar ul.wc-top-menu li span.cartTotal {
  display: none;
}

div.topBar ul.wc-top-menu li.login {
  position: relative;
}

div.topBar ul.wc-top-menu li.login.wp-login-links a,
div.topBar ul.wc-top-menu li.login.wp-login-links button {
  /* padding: 0px 6px 6px 9px; */
  font-size: 17px;
  font-family: Roboto;
}

div.topBar ul.wc-top-menu li.login.wp-login-links a:hover,
div.topBar ul.wc-top-menu li.login.wp-login-links button:hover {
  background-color: #f6f6f6;
  color: #009ed5;
}

button.header-icon-primary.button-link-void {
  text-transform: capitalize !important;
  font-weight: 400 !important;
  padding-right: 0.6rem !important;
  font-family: 'Segoe UI', sans-serif !important;
  background: transparent !important;
  background-color: transparent !important;
}

button.header-icon-primary.button-link-void:hover {
  background-color: #f6f6f6 !important;
  text-decoration: none !important;
}

div.topBar ul.wc-top-menu li.login.wp-login-links:hover {
  background-color: #fff;
  color: #009ed5;
}

div.topBar ul.wc-top-menu li.login.wp-login-links:hover ul.dropdown-menu {
  display: grid;
  border-radius: 0;
  background-color: #fff;
  color: #009ed5;
  font-family: Roboto;
}

div.topBar ul.wc-top-menu li.login.wp-login-links ul.dropdown-menu li a:hover {
  color: #fff;
  background-color: #009ed5;
}

div.topBar ul.wc-top-menu li.login.wp-login-links:hover a,
div.topBar ul.wc-top-menu li.login.wp-login-links:hover button {
  /* padding: 6px 6px 6px 9px; */
  color: #009ed5;
  /* font-size: 10pt; */
  /* font-weight: 400; */
  /* text-shadow: 0 1px 1px #000; */
}

/*
div.topBar ul.wc-top-menu li.cartInfo a{
    background-image: url('images/cart.png');
    background-repeat: no-repeat;
    padding-left: 35px;
    background-size: 30px;
    height: 30px;
    display: block;
    vertical-align: middle;
}
div.topBar ul.wc-top-menu li.cartInfo span.contents {
        vertical-align:sub;
} */
.navbar-responsive-collapse div.navCollapseItems ul.wc-top-menu {
  list-style: none;
  margin-top: 15px;
  padding-left: 15px;
}

.navbar-responsive-collapse div.navCollapseItems ul.wc-top-menu li {
  color: #fff !important;
  display: block;
}

.navbar-responsive-collapse div.navCollapseItems ul.wc-top-menu li i.fa-lg {
  vertical-align: -5% !important;
}

.navbar-responsive-collapse div.navCollapseItems ul.wc-top-menu li a {
  text-decoration: none;
  color: #009ed5;
  font-size: 13pt;
  /* padding: 8px 23px 9px; */
  font-weight: bold;
}

.navbar-responsive-collapse div.navCollapseItems button.searchBtn {
  height: 32px;
  margin-top: -2px;
}

.navbar-responsive-collapse div.navCollapseItems ul.wc-top-menu li span.cartTotal {
  display: none;
}

.searchBtn {
  background-image: none;
  background-color: #00a9e9;
  margin: auto;
}

.searchBtn:hover {
  background-image: none;
  background-color: #049bd4;
}

.searchBtn .fa-search {
  color: #fff;
}

div.product_cat-bundles p.regular_price,
div.product_cat-bundles p.sale_price,
div.product_cat-bundles p.saving {
  font-size: 16px;
  font-weight: bold;
}

div.product_cat-bundles p.regular_price {
  margin-top: 25px;
}

div.product_cat-bundles p.sale_price {
  color: #f00;
  font-size: 24px;
}

div.product_cat-bundles p.saving {
  color: #060;
  margin-bottom: 25px;
  font-size: 24px;
}

div.product_cat-bundles div.product-meta {
  margin-bottom: 15px;
}

div.bundle_unavailable {
  display: none;
}

button.pld_ajax_add_to_cart.update,
.single_add_to_cart_button.update {
  background-color: green;
}

.woocommerce-page .product-type-bundle .app_pricing span {
  font-size: 1.5em !important;
  color: #f00 !important;
  font-weight: bold;
}

.woocommerce-page .product-type-bundle.product_cat-apple-android-apps div.cart.bundle_data {
  display: none;
}

.form-row.validate-required.woocommerce-validated input.form-control {
  background-image: none !important;
}

.form-row.validate-required.woocommerce-invalid input.form-control {
  background-image: none !important;
}

.table > thead > tr > th,
table > thead > tr > th,
.table > thead > tr > td,
table > thead > tr > td,
.table > tbody > tr > th,
table > tbody > tr > th,
.table > tbody > tr > td,
table > tbody > tr > td,
.table > tfoot > tr > th,
table > tfoot > tr > th,
.table > tfoot > tr > td,
table > tfoot > tr > td {
  vertical-align: middle;
}

.woocommerce td.product-name dl.variation,
.woocommerce-page td.product-name dl.variation {
  margin: 0;
}

.woocommerce td.product-name dl.variation dd,
.woocommerce-page td.product-name dl.variation dd {
  margin: 0;
}

div.categroyPageBanner .categoryImage {
  width: 100%;
  margin-top: 0;
  padding: 0;
}

div.categoryImageWrapper div.products {
  padding: 8px;
  margin-top: 10px;
  margin-bottom: 0;
}

div.categoryTitle {
  /* #0089e9; */
  background-color: #fff;
  border-radius: 0;
  padding: 5px 1px;
  text-align: center;
  /* margin-top:2px; */
  margin-bottom: 2px;
}

div.categoryTitle h2 {
  color: #0078be;
  font-size: 22px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}

div.categoryTitle h2 span.textRight {
  display: none;
}

/* .taxonomy-product_cat-5-year-old .slideOuter{
        float:left;
}
.taxonomy-product_cat-5-year-old .tab-pane{
        margin-left:60px;
}
.taxonomy-product_cat-5-year-old div.main_skill_div .bestspcol-1-4:first-child{
        margin-left:-60px;
} */
.shop-layout-archive .slideOuter div.sliderList {
  /* padding:0px; */
  padding: 15px 0 0 0;
}

.shop-layout-archive .bestspcol-1-4 {
  width: 25% !important;
  border: 3px solid #adf159 !important;
}

.shop-layout-archive .online_courses .bestspcol-1-4 {
  min-height: 280px;
}

.shop-layout-archive [class*='bestsprow-'] {
  margin-bottom: 15px;
}

.shop-layout-archive .online_courses a.online_course_learn_more {
  background-color: red;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  display: block;
}

.shop-layout-archive .online_courses a.online_course_learn_more:hover {
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  footer h3 {
    margin-bottom: 8px !important;
  }

  footer .col-sm-4 {
    margin-bottom: 12px;
  }

  footer .col-sm-4:first-of-type {
    margin-bottom: 20px;
  }

  .shop-layout-archive .bestspcol-1-4 {
    float: none;
    /* width:auto!important; */
    width: 100% !important;
    display: block;
    margin-top: 2em !important;
  }

  div.main_skill_div .bestspcol-1-4 .bests-cart div.variations {
    width: auto;
  }

  div.bests-cart .variations.default {
    float: none;
  }

  form.bundle_form {
    margin-top: 0;
  }

  .bests-table-cart.bundle-table div.quantity {
    display: inline-block;
  }

  div.main_skill_div form.option div.cart.bundle_data {
    position: relative;
  }
}

.shop-layout-archive .bestspcol-1-4.seminars a.bests-img > img {
  /* height:230px;
    width:auto; */
  height: auto;
  width: 100%;
  max-width: 100%;
}

.shop-layout-archive div.seminar_location_address {
  /* min-height:105px;
    min-height:125px;
    */
  min-height: 162px;
}

.shop-layout-archive div.skill_curr_item.apps div.bestspcol-1-4,
.shop-layout-archive div.skill_curr_item.ebooks div.bestspcol-1-4 {
  min-height: 350px;
}

.shop-layout-archive div.skill_curr_item.darkBlueColor.downloads div.bestspcol-1-4 {
  min-height: 222px;
}

.shop-layout-archive div.skill_curr_item .sliderList .item.bestspcol-1-4 {
  padding: 10px 10px 0 !important;
}

.seminar-content.online_course h2.course_title {
  margin-top: 0;
}

.seminar-content.online_course .course_image img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: auto;
}

.seminar-content.online_course div.separator {
  margin: 15px auto;
}

/* .sliderTopTitle.brownColor{
        background-color: #7a5230;
}
.sliderTopTitle.brownColor.active{
        background-color: #49311c;
}
.slideOuter.brownColor{
        border: 6px solid #49311c;
}
.sliderTopTitle.pinkColor.active{
        background-color: #cc6289;
}
.slideOuter.pinkColor{
        border: 6px solid #cc6289;
}
.sliderTopTitle.purpleColor.active{
        background-color: #533a7d;
}
.slideOuter.purpleColor{
        border: 6px solid #533a7d;
}
.categoryBox.pinkColor{
        background: #cc6289!important;
    background: -moz-linear-gradient(left,#cc6289 0%,#cc629 100%)!important;
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#cc6289),color-stop(100%,#cc6299))!important;
    background: -webkit-linear-gradient(left,#cc6289 0%,#cc6299 100%)!important;
    background: -o-linear-gradient(left,#cc6289 0%,#cc6299 100%)!important;
    background: -ms-linear-gradient(left,#cc6289 0%,#cc6299 100%)!important;
    background: linear-gradient(to right,#cc6289 0%,#cc6299 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc6289',endColorstr='#cc6299',GradientType=1)!important;
}
.categoryBox.brownColor{
        background: #49311c!important;
    background: -moz-linear-gradient(left,#49311c 0%,#181009 100%)!important;
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#49311c),color-stop(100%,#181009))!important;
    background: -webkit-linear-gradient(left,#49311c 0%,#181009 100%)!important;
    background: -o-linear-gradient(left,#49311c 0%,#181009 100%)!important;
    background: -ms-linear-gradient(left,#49311c 0%,#181009 100%)!important;
    background: linear-gradient(to right,#49311c 0%,#181009 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49311c',endColorstr='#181009',GradientType=1)!important;
} */
.shop-layout-archive .sliderTopTitle.pinkColor.active {
  background-color: #f475ba;
}

.shop-layout-archive .sliderTopTitle.pinkColor {
  /* background-color: #ea4481; */
  background-color: #ea0081;
}

.shop-layout-archive .slideOuter.pinkColor {
  border: 6px solid #ea0081;
}

.shop-layout-archive .sliderTopTitle.orangeColor.active {
  background-color: #fbc146;
}

.shop-layout-archive .sliderTopTitle.orangeColor {
  /* background-color: #f6991c; */
  background-color: #f6881c;
}

.shop-layout-archive .slideOuter.orangeColor {
  border: 6px solid #f6881c;
}

.shop-layout-archive .sliderTopTitle.yellowColor.active {
  background-color: #fff277;
}

.shop-layout-archive .sliderTopTitle.yellowColor {
  /* background-color: #ffd233; */
  background-color: #ffd200;
}

.shop-layout-archive .sliderTopTitle.purpleColor.active {
  background-color: #b97eb6;
}

.shop-layout-archive .sliderTopTitle.purpleColor {
  /* background-color: #874484; */
  background-color: #872384;
}

.shop-layout-archive .sliderTopTitle.darkBlueColor.active {
  background-color: #3b81d4;
}

.shop-layout-archive .sliderTopTitle.darkBlueColor {
  /* background-color: #294b87; */
  background-color: #292b87;
}

.shop-layout-archive .sliderTopTitle.greyColor.active {
  background-color: #b1b1b1;
}

.shop-layout-archive .sliderTopTitle.greyColor {
  background-color: #7d7c7c;
}

.shop-layout-archive .slideOuter.greyColor {
  border: 6px solid #7d7c7c;
}

.shop-layout-archive .categoryBox.pinkColor {
  background: #ea0081 !important;
  background: -moz-linear-gradient(left, #ea0081 0%, #ea0081 100%) !important;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #ea0081),
    color-stop(100%, #ea0081)
  ) !important;
  background: -webkit-linear-gradient(left, #ea0081 0%, #ea0081 100%) !important;
  background: -o-linear-gradient(left, #ea0081 0%, #ea0081 100%) !important;
  background: -ms-linear-gradient(left, #ea0081 0%, #ea0081 100%) !important;
  background: linear-gradient(to right, #ea0081 0%, #ea0081 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea0081', endColorstr='#ea0081', GradientType=1) !important;
}

.shop-layout-archive .categoryBox.orangeColor {
  background: #f6881c !important;
  background: -moz-linear-gradient(left, #f6881c 0%, #f6881c 100%) !important;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #f6881c),
    color-stop(100%, #f6881c)
  ) !important;
  background: -webkit-linear-gradient(left, #f6881c 0%, #f6881c 100%) !important;
  background: -o-linear-gradient(left, #f6881c 0%, #f6881c 100%) !important;
  background: -ms-linear-gradient(left, #f6881c 0%, #f6881c 100%) !important;
  background: linear-gradient(to right, #f6881c 0%, #f6881c 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6881c', endColorstr='#f6881c', GradientType=1) !important;
}

.shop-layout-archive .categoryBox.yellowColor {
  background: #ffd200 !important;
  background: -moz-linear-gradient(left, #ffd200 0%, #ffd200 100%) !important;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #ffd200),
    color-stop(100%, #ffd200)
  ) !important;
  background: -webkit-linear-gradient(left, #ffd200 0%, #ffd200 100%) !important;
  background: -o-linear-gradient(left, #ffd200 0%, #ffd200 100%) !important;
  background: -ms-linear-gradient(left, #ffd200 0%, #ffd200 100%) !important;
  background: linear-gradient(to right, #ffd200 0%, #ffd200 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd200', endColorstr='#ffd200', GradientType=1) !important;
}

.shop-layout-archive .categoryBox.purpleColor {
  background: #872384 !important;
  background: -moz-linear-gradient(left, #872384 0%, #872384 100%) !important;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #872384),
    color-stop(100%, #872384)
  ) !important;
  background: -webkit-linear-gradient(left, #872384 0%, #872384 100%) !important;
  background: -o-linear-gradient(left, #872384 0%, #872384 100%) !important;
  background: -ms-linear-gradient(left, #872384 0%, #872384 100%) !important;
  background: linear-gradient(to right, #872384 0%, #872384 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#872384', endColorstr='#872384', GradientType=1) !important;
}

.shop-layout-archive .categoryBox.darkBlueColor {
  background: #292b87 !important;
  background: -moz-linear-gradient(left, #292b87 0%, #292b87 100%) !important;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #292b87),
    color-stop(100%, #292b87)
  ) !important;
  background: -webkit-linear-gradient(left, #292b87 0%, #292b87 100%) !important;
  background: -o-linear-gradient(left, #292b87 0%, #292b87 100%) !important;
  background: -ms-linear-gradient(left, #292b87 0%, #292b87 100%) !important;
  background: linear-gradient(to right, #292b87 0%, #292b87 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292b87', endColorstr='#292b87', GradientType=1) !important;
}

.shop-layout-archive .categoryBox.greyColor {
  background: #b1b1b1 !important;
  background: -moz-linear-gradient(left, #b1b1b1 0%, #b1b1b1 100%) !important;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #b1b1b1),
    color-stop(100%, #b1b1b1)
  ) !important;
  background: -webkit-linear-gradient(left, #b1b1b1 0%, #b1b1b1 100%) !important;
  background: -o-linear-gradient(left, #b1b1b1 0%, #b1b1b1 100%) !important;
  background: -ms-linear-gradient(left, #b1b1b1 0%, #b1b1b1 100%) !important;
  background: linear-gradient(to right, #b1b1b1 0%, #b1b1b1 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1b1b1', endColorstr='#b1b1b1', GradientType=1) !important;
}

.sliderTxtInfo .pinkColor {
  color: #ea0081;
}

.sliderTxtInfo .ornageColor {
  color: #f6881c;
}

.sliderTxtInfo .yellowColor {
  color: #ffd200;
}

.sliderTxtInfo .purpleColor {
  color: #872384;
}

.sliderTxtInfo .darkBlueColor {
  color: #292b87;
}

.sliderTxtInfo .greyColor {
  color: #b1b1b1;
}

.shop-layout-archive .greenColor .bestspcol-1-4 {
  border: 3px solid #006837 !important;
}

.shop-layout-archive .redColor .bestspcol-1-4 {
  border: 3px solid #c1272d !important;
}

.shop-layout-archive .blueColor .bestspcol-1-4 {
  border: 3px solid #0089e9 !important;
}

.shop-layout-archive .pinkColor .bestspcol-1-4 {
  border: 3px solid #ea0081 !important;
}

.shop-layout-archive .orangeColor .bestspcol-1-4 {
  border: 3px solid #f6881c !important;
}

.shop-layout-archive .yellowColor .bestspcol-1-4 {
  border: 3px solid #ffd200 !important;
}

.shop-layout-archive .purpleColor .bestspcol-1-4 {
  border: 3px solid #872384 !important;
}

.shop-layout-archive .darkBlueColor .bestspcol-1-4 {
  border: 3px solid #292b87 !important;
}

.shop-layout-archive .greyColor .bestspcol-1-4 {
  border: 3px solid #b1b1b1 !important;
}

.shop-layout-archive .slideOuter.pinkColor ul.sliderTabs li.active a {
  background-color: #ea0081;
}

.shop-layout-archive .slideOuter.pinkColor ul.sliderTabs li a {
  background-color: #ea4481;
}

.taxonomy-product_cat div.jumbotron.categroyPageBanner + div.container {
  padding-left: 20px;
  padding-right: 20px;
}

.sliderTxtInfo span {
  font-size: 18px;
}

h2.sliderTopTitle {
  display: inline-block;
}

.singular-product .bundled_product_images div[class^='real3dflipbook'] {
  padding: 10px 0 !important;
}

.btn.loading {
  height: 34px;
  width: 120px;
}

.wl-add-but {
  padding: 8px 12px;
}

.products.orangeColor {
  background-color: #fbb03b;
}

.cat-boxes .products.orangeColor h2,
.cat-boxes .products.orangeColor:hover,
.products.orangeColor.active {
  background-color: #ff931e;
}

.products.purpleColor {
  background-color: #7754b3;
}

.cat-boxes .products.purpleColor h2,
.cat-boxes .products.purpleColor:hover,
.products.purpleColor.active {
  background-color: #54137a;
}

.products.yellowColor {
  background-color: #ffff2a;
}

.cat-boxes .products.yellowColor h2,
.cat-boxes .products.yellowColor:hover,
.products.yellowColor.active {
  background-color: #f5cf00;
}

.products.pinkColor {
  background-color: #ff7bac;
}

.cat-boxes .products.pinkColor h2,
.cat-boxes .products.pinkColor:hover,
.products.pinkColor.active {
  background-color: #e5488d;
}

/* shop product simple */
form.bests-qty .col-sm-9 {
  width: 100%;
  margin-left: 0% !important;
}

form.bests-qty div.row.sim_button {
  padding-bottom: 6px;
  padding-top: 9px;
}

form.bests-qty div.row.sim_button div.quantity {
  margin: 0 25px 0 6px;
  float: left;
  width: 50px !important;
}

form.bests-qty div.row.sim_button div.quanity input.form-control {
  width: 100%;
}

.checkout.woocommerce-checkout.processing {
  background-image: url('//pld-literacy.org/wp-content/themes/pld-literacy/images/loading.gif');
  background-position: center center;
  background-repeat: no-repeat;
}

.bestspcol-1-4 {
  padding: 10px;
}

div.variable_product {
  width: 90%;
  margin: 0 auto;
}

div.main_skill_div .bests-cart .variations_button .quantity {
  width: 20% !important;
  margin: 0 5% 0 0;
  float: left;
}

.wp-block-columns .wp-block-column figure {
  text-align: center;
}

div.main_skill_div .bests-cart .variations_button .quantity input.form-control {
  width: 100% !important;
  padding: 6px;
}

div.main_skill_div .single_add_to_cart_button {
  width: 75% !important;
}

.bestspcol-1-4 .single_variation_wrap {
  padding-bottom: 0;
}

div.main_skill_div form.bundle_form.e-space {
  padding-bottom: 0;
}

/* for simple product */
div.main_skill_div .bestspcol-1-4 form.e-space {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

div.main_skill_div form.bests-qty div.row.sim_button div.quantity {
  width: 20% !important;
  margin: 0 5% 0 0;
  float: left;
}

div.main_skill_div form.bests-qty div.quantity input.form-control {
  width: 100% !important;
  padding: 6px;
}

div.main_skill_div form.bests-qty .bests-submit {
  width: 75% !important;
}

div.main_skill_div form.bests-qty div.row.sim_button {
  padding-bottom: 0;
}

div.main_skill_div .bests-table-cart.bundle-table {
  width: 100%;
  display: block;
  float: left;
}

div.main_skill_div .bests-table-cart.bundle-table div.quantity {
  width: 20% !important;
  margin: 0 5% 0 0;
  float: left;
}

div.main_skill_div form.option div.cart.bundle_data {
  position: relative;
}

div.main_skill_div form.option div.cart.bundle_data div.quantity {
  width: 20% !important;
  margin: 0 5% 0 0;
  float: left;
}

div.main_skill_div .bundled_products .variations .col-sm-9 {
  padding-left: 0;
  padding-right: 0;
}

div.main_skill_div .bestspcol-1-4 .single_variation_wrap {
  margin-top: 10px;
}

div.main_skill_div form.bundle_form.e-space {
  margin-top: 64px !important;
}

div.main_skill_div .bestspcol-1-4 form.e-space {
  margin-top: 66px;
}

div.bestprice {
  height: 72px;
}

div.main_skill_div form.option div.cart.bundle_data {
  margin-top: 0;
}

div.main_skill_div .bestspcol-1-4 {
  min-height: 460px;
}

div.main_skill_div .bestprice.app-price {
  height: 20px;
}

div.main_skill_div div.skill_curr_item.ebooks .bestspcol-1-4 {
  min-height: 300px;
}

div.main_skill_div div.skill_curr_item.apps div.bestspcol-1-4 {
  min-height: 300px;
}

.shop-layout-archive div.skill_curr_item.ebooks div.bests-cart {
  display: none;
  height: 0;
  width: 0;
}

@media only screen and (min-width: 360px) and (max-width: 992px) {
  /* .bestsprow-4 [class*="bestspcol-"]:nth-child(3){
            clear:both;
            margin-left:-60px;

    } */
  .bestsprow-4 {
    padding-left: 0;
  }

  div.main_skill_div .bestspcol-1-4 {
    margin-right: 1%;
    display: inline-block;
    width: 49% !important;
  }

  .bestsprow-4 [class*='bestspcol-']:first-child {
    margin-left: 0;
  }

  /* [class*="bestspcol-"]{margin-right:0px;} */
  .shop-layout-archive .bestsprow-4 [class*='bestspcol-']:nth-child(1),
  .shop-layout-archive .bestsprow-4 [class*='bestspcol-']:nth-child(2) {
    margin-bottom: 15px;
  }

  .shop-layout-archive .bestsprow-4 [class*='bestspcol-']:nth-child(2),
  .shop-layout-archive .bestsprow-4 [class*='bestspcol-']:nth-child(4) {
    margin-right: 0;
    margin-left: 1%;
  }

  /* .shop-layout-archive .bestspcol-1-4{
            width:50%!important;
    } */
}

div.main_skill_div .bestspcol-1-4 form.e-space {
  margin-top: 64px;
}

/* "Added" success state, not a plain disabled: the AJAX add-to-cart
   (js/main.js) disables the button and relabels it "Added" after a
   successful add, then re-enables it as "Update" when the qty changes.
   Brand green, so it reads as success rather than unavailable.
   !important: outranked otherwise by the pld-buttons.css disabled rule. */
.btn-primary[disabled],
.btn-primary[disabled]:hover {
  background-color: var(--pld-btn-green) !important;
  color: #fff !important;
}

@media only screen and (max-width: 480px) {
  .single-play-btn {
    bottom: 35% !important;
    left: 29% !important;
    background-size: 60% 60% !important;
  }

  div.main_skill_div .bestspcol-1-4 .bests-cart .quantity,
  div.main_skill_div form.bests-qty div.row.sim_button div.quantity {
    margin: 0 5% 0 0;
    width: 25% !important;
  }

  div.main_skill_div .bests-table-cart.bundle-table div.quantity {
    width: 25% !important;
  }

  .bundle_add_to_cart_button {
    padding: 6px;
  }

  .landing-page .wc-block-grid.has-6-columns .wc-block-grid__product {
    max-width: 93% !important;
  }

  .form-control {
    padding: 6px;
  }

  div.main_skill_div .single_add_to_cart_button,
  div.main_skill_div form.bests-qty .bests-submit {
    width: 70% !important;
    font-size: 13px;
  }

  .bests-title > a {
    height: 60px;
    text-overflow: ellipsis;
  }

  div.main_skill_div form.bundle_form.e-space {
    margin-top: 100px !important;
  }

  div.bestprice {
    height: 100px;
  }

  form.bundle_form {
    margin-top: 28px !important;
  }

  div.main_skill_div div.skill_curr_item.apps div.bestspcol-1-4 {
    min-height: 250px;
  }

  div.skill_curr_item.downloads .imgBox img {
    width: 100% !important;
  }

  div.main_skill_div div.skill_curr_item.ebooks .bestspcol-1-4 {
    min-height: 225px;
  }

  div.main_skill_div .bestspcol-1-4 {
    min-height: 435px;
  }

  div.main_skill_div div.skill_curr_item.seminars .bestspcol-1-4 {
    min-height: 615px;
  }

  .shop-layout-archive div.seminar_location_address {
    min-height: 275px;
  }

  .woocommerce-checkout a.checkout_login,
  .woocommerce-checkout a.checkout_signup {
    position: unset !important;
  }

  .woocommerce-checkout a.checkout_login {
    margin-left: 1rem;
  }

  .lable_login_signup {
    margin-bottom: 1rem;
  }
}

@media only screen and (max-width: 1200px) {
  .decodable-page-layout .custom-banner-row .col-12 {
    padding: unset !important;
  }

  a.bests-img > img {
    width: 100%;
  }

  .checkout_billing .shiping_to_different_address {
    font-size: 14px !important;
  }

  .payment_method_purchaseorder.lable_position {
    top: 3.2rem !important;
    left: 13px !important;
  }

  .payment_method_eway_payments.lable_position,
  .payment_method_eway.lable_position {
    position: relative;
    bottom: 1rem;
  }

  #tracking-sheet .tracking-sheet-button {
    margin: 10px 60px 45px 60px;
  }
}

@media screen and (max-width: 1199px) {
  .three-areas-in-literacy-development .flex-containers {
    flex-wrap: wrap;
    padding: 20px;
  }

  .three-areas-in-literacy-development .flex-image {
    background-color: unset !important;
  }

  .three-areas-in-literacy-development .flex-content {
    margin: unset !important;
    border: unset !important;
  }

  .form-column-right #gform_wrapper_10,
  .form-column-right #gform_wrapper_62 {
    margin-right: 25px;
  }

  .contact-us-phone-no,
  .message-text-area {
    margin: 0 !important;
    margin-bottom: 25px !important;
  }

  #payment_method_purchaseorder {
    margin-top: 10px !important;
  }

  .wc_payment_methods.payment_methods.methods .wc_payment_method.payment_method_eway {
    margin-bottom: 10px !important;
  }
}

.woocommerce div.main_skill_div .btn.loading::before,
.woocommerce-page div.main_skill_div .btn.loading::before {
  left: 25%;
}

@media only screen and (max-width: 767px) {
  .sliderTopTitle {
    font-size: 14px;
    width: auto;
    margin-bottom: 5px;
  }

  .jumbotron h1.product-single-title {
    font-size: 20px;
  }
}

/* end shop product simple */

.product-page-video {
  padding-top: 5px;
}

/* for youtube embed video */
.youtube-player {
  position: relative;
  /* padding-bottom: 56.23%; */
  /* Use 75% for 4:3 videos */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
  margin: 5px;
}

.youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: transparent;
}

.youtube-player img {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  cursor: pointer;
  -moz-transition: 0.4s all;
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
}

.youtube-player img:hover {
  -webkit-filter: brightness(75%);
}

.youtube-player .play {
  height: 72px;
  width: 72px;
  left: 50%;
  top: 50%;
  margin-left: -36px;
  margin-top: -36px;
  position: absolute;
  background: url('//i.imgur.com/TxzC70f.png') no-repeat;
  cursor: pointer;
}

/* .bests-title a{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
} */
.bests-title > a {
  overflow: hidden;
  line-height: 1.4;
  /* height:40px; */
  display: block;
}

span.textBottomRight {
  position: absolute;
  right: 25px;
  color: #fff;
  font-size: 16px;
  background: #ff931e;
  padding: 0 10px 0 10px;
  bottom: 28px;
  font-family: 'Century Gothic W01 Bold', sans-serif;
}

span.textBottomRight i {
  font-size: 18px;
  padding: 2px 5px;
  /* vertical-align: middle; */
}

@media only screen and (max-width: 480px) {
  span.textBottomRight {
    font-size: 15px;
  }

  span.textBottomRight i {
    font-size: 15px;
  }

  span.sptextBottomRight {
    font-size: 15px;
  }

  span.sptextBottomRight i {
    font-size: 15px;
  }
}

.products.orangeColor span.textBottomRight {
  background: #fbb03b;
}

.products.orangeColor:hover span.textBottomRight {
  background: #ff931e;
}

.products.purpleColor span.textBottomRight {
  background: #7754b3;
}

.products.purpleColor:hover span.textBottomRight {
  background: #54137a;
}

.products.yellowColor span.textBottomRight {
  background: #f5cf00;
}

.products.yellowColor:hover span.textBottomRight {
  background: #f5cf00;
}

.products.pinkColor span.textBottomRight {
  background: #ff7bac;
}

.products.pinkColor:hover span.textBottomRight {
  background: #e5488d;
}

.products.blueColor span.textBottomRight {
  background: #00a9e9;
}

.products.blueColor:hover span.textBottomRight {
  background: #0089e9;
}

.products.greenColor span.textBottomRight {
  background: #39b54a;
}

.products.greenColor:hover span.textBottomRight {
  background: #006837;
}

.products.limeColor span.textBottomRight {
  background: #44d15a;
}

.products.limeColor:hover span.textBottomRight {
  background: #00b53d;
}

span.sptextBottomRight {
  /* position: absolute;
    right: 18px;
    color: #fff;
    font-size: 18px;
    background: #FF931E;
    padding: 0px 2px 0px 10px;
    bottom: 43px;
    font-family: 'Century Gothic W01 Bold',sans-serif;
    border-top-left-radius: 6px;
    font-weight:bold;
    box-shadow: -4px -4px 10px -4px #000; */
  bottom: 43px;
}

span.sptextBottomRight i {
  font-size: 18px;
  padding: 2px 5px;
}

div.shopbox .products {
  padding: 8px;
  margin-bottom: 35px;
}

div.shopbox .products.greenColor h2 {
  background-color: #006837;
}

div.shopbox .products.greenColor {
  background-color: #39b54a;
}

div.shopbox .products.greenColor:hover {
  background-color: #006837;
}

div.shopbox .products.blueColor h2 {
  background-color: #0089e9;
}

div.shopbox .products.blueColor {
  background-color: #00a9e9;
}

div.shopbox .products.blueColor:hover {
  background-color: #0089e9;
}

div.shopbox .products.limeColor h2 {
  background-color: #00b53d;
}

div.shopbox .products.limeColor {
  background-color: #44d15a;
}

div.shopbox .products.limeColor:hover {
  background-color: #00b53d;
}

div.row-centered {
  text-align: center;
}

.col-centered {
  display: inline-block;
  float: none;
  /* reset the text-align */
  text-align: left;
  /* inline-block space fix */
  margin-right: -4px;
}

a.home-ag-link:hover {
  text-decoration: none;
}

.archive.taxonomy-product_cat .online_courses .woocommerce-variation-price {
  font-size: 1.5em;
  margin-bottom: 15px;
  text-align: center;
}

.singular-page .hentry {
  border-bottom: none;
  margin-bottom: 0;
}

.pld-underpins-high-performance {
  box-shadow: rgb(99 99 99 / 0.12) 0 0 45px 0;
}

.pld-underpins-high-performance .is-layout-flex.wp-block-columns {
  margin-bottom: 0;
}

.pld-underpins-high-performance .is-layout-flex.wp-block-columns {
  padding: 0 !important;
}

.pld-underpins-high-performance .p1 {
  padding: 30px 20px 0 20px !important;
}

.pld-underpins-high-performance .p2 {
  padding: 0 20px 0 20px !important;
}

.pld-underpins-high-performance .p3 {
  padding: 0 20px 30px 20px !important;
}

/*** for drip naidoc giveawa form ***/
form[data-drip-embedded-form] {
  font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  line-height: 1.5em;
  overflow: hidden;
  color: #666;
  font-size: 16px;
  -moz-box-shadow: rgb(99 99 99 / 0.12) 0 0 45px 0;
  -webkit-box-shadow: rgb(99 99 99 / 0.12) 0 0 45px 0;
  box-shadow: rgb(99 99 99 / 0.12) 0 0 45px 0;
  margin: 20px 0;
  padding: 40px 35px 40px 35px;
  border-radius: 5px;
  border-bottom: 6px solid #009fde;
  background-color: #fff;
  border-top: unset;
  border-left: unset;
  border-right: unset;
}

form[data-drip-embedded-form] * {
  box-sizing: border-box;
}

form[data-drip-embedded-form] br {
  display: none;
}

form[data-drip-embedded-form] h3 {
  margin: 0 0 15px 0;
  font-size: 24px;
  font-weight: 600;
  color: #337ab7;
}

form[data-drip-embedded-form] [data-drip-attribute='description'] {
  margin-bottom: 25px;
}

.singular-page.singular-page-44041 .loop-title {
  margin-top: 85px;
  font-size: 32px;
  padding: 0 8px;
}

.singular-page.singular-page-44041 #main {
  background-color: #fff;
  padding-bottom: 45px;
}

.singular-page.singular-page-44041 #content {
  padding-top: 10px;
}

.singular-page.singular-page-44041 .entry-content > p {
  font-size: 16px;
  margin-bottom: 5px;
}

.singular-page.singular-page-44041 .entry-content > p + p {
  font-size: 16px;
  margin-bottom: 35px;
}

form[data-drip-embedded-form] label {
  display: block;
  font-weight: 600;
  font-size: 16px;
  color: #000;
  margin-top: 15px;
}

form[data-drip-embedded-form] label span.required {
  color: #f00;
}

form[data-drip-embedded-form] input {
  font-size: 14px;
  padding: 10px 8px;
  width: 100%;
  border: 1px solid #eee;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #f8f8f8;
  margin-bottom: 5px;
  height: 35px;
  border-radius: 0;
}

form[data-drip-embedded-form] select {
  width: 100%;
  height: 35px;
  border-color: #eee;
  background-color: #f8f8f8;
  margin-bottom: 5px;
  font-size: 14px;
  padding: 8px 8px;
}

form[data-drip-embedded-form] input[type='submit'] {
  width: 170px;
  color: #fff;
  margin: 25px 0 0;
  padding: 5px;
  font-size: 16px;
  font-weight: 600;
  background: #009fde;
  cursor: pointer;
  border: none;
  border-radius: 0;
  border-bottom: 3px solid #007bac;
  text-shadow: none;
  height: auto;
}

form[data-drip-embedded-form] .drip-success {
  padding: 10px;
  border: solid 1px #ddd;
  background: #eee;
}

.newsletter-name-fields > div {
  display: inline-block;
  width: 46%;
}

.newsletter-name-fields > div + div {
  display: inline-block;
  width: 53%;
  padding-left: 3%;
}

ul.gfield_checkbox input[type='checkbox'] {
  margin-left: 0;
}

body .ginput_container_list table.gfield_list tbody tr td.gfield_list_icons img.add_list_item,
body .ginput_container_list table.gfield_list tbody tr td.gfield_list_icons img.delete_list_item {
  height: 30px !important;
  width: 30px !important;
}

/* specific to pilp gravity form pronunciation field */
#gform_7 .gfield_list_15_cell3 input.form-control {
  border-color: #ccc;
}

.gfield_checkbox .checkbox label,
.radio label {
  font-weight: bold;
}

.hide-label .gfield_label {
  display: none;
}

.gfield_checkbox input[type='checkbox'] {
  margin: 3px 0 0;
}

/* end */
/**************** end P *****************************/

.green_box {
  background: #4d5862;
  color: #fff;
  overflow: hidden;
  padding: 10px 16px 0 16px;
  height: auto;
  min-height: 88px;
}

.green_box a {
  color: #fff;
}

.green_box span.woocommerce-Price-amount.amount {
  color: #fff;
}

.green_box span.price {
  color: #fff !important;
}

.green_box h5 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  font-size: 18px;
  font-weight: 500;
  padding-right: 10px;
  line-height: 1.2;
}

ul.products i.fa.fa-eye {
  font-size: 1.5em;
  color: #ccc;
}

ul.products i.fa.fa-heart {
  font-size: 1.5em;
  color: #015c30;
}

ul.products i.fa.fa-heart-o {
  font-size: 1.5em;
  color: #ccc;
}

.grid-item-content {
  padding: 10px 20px 0 20px;
}

.archive-product .bestspcol-1-3 {
  border: none;
  box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

form.bests-qty .bests-submit {
  width: 100px !important;
  background-color: #e7e7e7;
  color: #7b7b7b;
  border-radius: unset;
  border: none;
}

.bests-submit {
  height: 25px !important;
}

.single_add_to_cart_button:hover,
.singular_add_to_cart_button:hover {
  color: #fff;
  text-decoration: none;
}

.add-to-cart-custom-settings .add_to_cart_button:active,
.add-to-cart-custom-settings .add_to_cart_button:focus,
.btn-on-dtab:active {
  /* background-color: #1abfd5 !important; */
}

.single_add_to_cart_button {
  color: #fff;
  border-radius: unset;
  border: none;
  padding: 10px 40px 11px 40px;
  font-size: 16px;
  margin-top: 0;
  margin-left: 10px;
  background-color: #009bd9;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}

.select-fancy select {
  /* styling */
  background-color: white;
  border: none;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 2em 0.5em 0.5em;

  /* reset */

  margin: 0;
  height: 20px;
  border-radius: unset;
}

/* arrows */

.select-fancy select {
  background-image:
    linear-gradient(45deg, transparent 50%, blue 50%),
    linear-gradient(135deg, blue 50%, transparent 50%), linear-gradient(to right, skyblue, skyblue);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}

.select-fancy select:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%), linear-gradient(to right, gray, gray);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}

.select-fancy select.round {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%), radial-gradient(#ddd 70%, transparent 72%);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 0.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1.5em 1.5em;
  background-repeat: no-repeat;
}

.select-fancy select.round:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%), radial-gradient(gray 70%, transparent 72%);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 0.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1.5em 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}

.select-fancy select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #fff, #fff);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

.select-fancy select.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #fff, #fff);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}

.select-fancy select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.bestspcol-1-4 .single_variation_wrap {
  margin-top: 0;
}

.bests-title {
  text-align: left;
}

.bests-cart .variations_button .quantity {
  margin-right: 5px;
}

.bests-cart .variations_button .quantity {
  margin: 0 5px 0 0;
  width: 40px !important;
}

.simple-select,
select.qty {
  /*    height: 22px; */
  width: 100%;
  background: transparent;
  border: none;
}

.yith-wcwl-add-to-wishlist .ajax-loading {
  position: absolute;
  right: -10px;
  top: 0;
}

small.woocommerce-price-suffix {
  display: inline-block;
  margin-left: 10px;
}

a.bests-img > img {
  width: 294px;
}

.product-excerpt-list p {
  /* font-size: 1.1em; */
  font-weight: bold;
}

select.orderby {
  height: 22px;
  width: 100%;
  background: transparent;
  border: none;
}

.select-fancy2 select {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAeCAYAAADZ7LXbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAKRJREFUeNrs1TEKwkAQheEvIoI2nsk7qFdIq1hoJ3gCC5sUVpY23sDKXnvrYOUBbGITG0kQjQriPlgYhmF/3ryFjbIs82nVfEEBEiAB8k+Q+q1IkqSDNVq4lMy3scIkjuP0FSdbjNHMLys6OwyQVlnXEsOS2QP6OL8jkzlmd70jus86eBT8FIu8PqGXg6oFX6ARGthgX+V1ReFnDJAACZAfhFwHAJI7HF2lZGQaAAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-position: right;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding-right: 10px;
  padding-left: 10px;
  outline: none;
}

.list-inline .fa-heart,
.list-inline .fa-eye {
  font-size: 1.5em;
  color: #ccc;
}

.select-fancy2 select.qty {
  padding-left: 8px;
  padding-right: 0;
}

.my___account.woocommerce-account.woocommerce-page #main {
  padding-top: 85px;
  padding-bottom: 80px;
}

.my___account.woocommerce-account.woocommerce-page #main .loop-title {
  font-family: robotoregular;
  color: unset;
  font-size: 18px;
  margin-top: 3px;
  font-weight: 600;
}

.nav.nav-tabs.my-account--tabs {
  padding-bottom: 4px;
  padding-left: 1px;
}

.nav.nav-tabs.my-account--tabs li.active a h5 {
  color: #fff !important;
}

.my___account.woocommerce-account.woocommerce-page #main .loop-meta.jumbotron + div.container {
  border: 1px solid #ddd;
  border-top: unset;
  padding: 0 35px;
}

.my___account.woocommerce-account.woocommerce-page #main .loop-meta.jumbotron div.container {
  padding: 5px;
  border: 1px solid #ddd;
  border-bottom: 1px solid #ddd !important;
  border-bottom: unset;
}

.my___account.woocommerce-account.woocommerce-page #main .nav.nav-tabs li {
  color: #005486 !important;
}

.my___account.woocommerce-account.woocommerce-page #main .nav-tabs > li {
  margin: 0 !important;
  margin-right: 5px;
  margin-bottom: 3px;
}

.my___account.woocommerce-account.woocommerce-page #main .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
}

.my___account.woocommerce-account.woocommerce-page #main .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: unset;
}

.my___account.woocommerce-account.woocommerce-page #main .nav-tabs > li.active,
.nav-tabs > li:hover {
  color: #fff;
  cursor: pointer !important;
  background-color: #009fde;
  border: unset;
  max-height: 40px;
}

.my___account.woocommerce-account.woocommerce-page #main .nav.nav-tabs li a {
  padding: 5px 20px;
  padding-bottom: 0;
}

.my-account--tabs li a {
  min-height: 25px;
}

.nav.nav-tabs.my-account--tabs li,
.nav.nav-tabs.my-account--tabs li a {
  max-height: 40px;
}

.my-account--tabs li a:hover {
  color: unset !important;
}

.my___account.woocommerce-account.woocommerce-page #main .loop-meta.jumbotron div.container,
.my___account.woocommerce-account.woocommerce-page #main div.container,
.my___account.woocommerce-account.woocommerce-page #main #post-7 {
  background-color: white !important;
}

#my_account_details hr {
  margin: 30px 0;
}

#my_account_details h4,
.my___account.woocommerce-account.woocommerce-page #main .page-header h4,
.my___account.woocommerce-account.woocommerce-page #my-account h4,
.my___account.woocommerce-account.woocommerce-page #my-pld-account h4 {
  color: #005486;
  margin-bottom: 20px;
  margin-left: 10px;
  font-size: 22px;
  font-weight: 700;
}

.my___account.woocommerce-account.woocommerce-page #main .page-header {
  border-bottom: unset !important;
  margin-bottom: 0;
  padding-bottom: 0;
}

.my___account.woocommerce-account.woocommerce-page #main .digital-downloads.table.table-striped,
.my___account.woocommerce-account.woocommerce-page
  #main
  .shop_table.shop_table_responsive.my_account_orders {
  margin-bottom: 25px;
}

#my_account_details .row h4 {
  margin-left: 0 !important;
}

#my_account_details .row:first-of-type {
  margin-bottom: 10px !important;
}

#my_account_details .row h4 a {
  font-size: 12px;
  font-weight: 500;
  color: #005486;
}

.row.addresses .address .page-header small a {
  color: #005486;
}

.row.addresses .address .page-header small a::before {
  font-family: FontAwesome;
  content: '\f040';
  margin: 0 3px;
  color: #005486;
}

#user_info__form input {
  height: 40px;
  padding-left: 10px;
  background-color: #f8f8f8;
  border: 1px solid #eee;
}

#user_info__form fieldset legend {
  border-bottom: unset;
  border-top: 1px solid #ddd;
  padding-top: 18px;
  font-size: 25px;
  font-weight: 700;
  padding-bottom: 13px;
}

#my-account .row.addresses {
  margin-top: 10px;
  margin-bottom: 15px;
}

#my-account .alert.alert-info {
  margin-left: 10px;
}

#my-account .row.addresses {
  margin-left: 0;
}

#my-account .row.addresses .page-header h3 {
  color: #005486;
  font-size: 22px;
  margin-bottom: 18px;
}

#my-subscriptions .tab-content {
  padding: 0;
  border: 1px solid #ddd;
  margin-bottom: 20px;
}

#my-subscriptions .nav-tabs {
  border-bottom: unset;
  margin-top: 15px;
}

#my-subscriptions .nav.nav-tabs li.active,
#my-subscriptions .nav.nav-tabs li:hover {
  color: #000 !important;
  cursor: default !important;
  background-color: unset !important;
  margin-bottom: 1px !important;
  border-bottom: 2px solid #009fde !important;
  font-weight: 700;
  font-size: 28px !important;
}

#my-subscriptions .nav.nav-tabs li.active a,
#my-subscriptions .nav.nav-tabs li:hover a {
  color: #000 !important;
}

#invite_users_via_email h3 {
  margin: 0 !important;
  margin-bottom: 25px !important;
  font-size: 18px !important;
}

#invite_users_via_email br {
  display: none;
}

#invite_users_via_email textarea {
  background-color: #f8f8f8;
}

#invite_users_via_email .button-large {
  background-color: #009fde;
  color: #fff;
  margin-top: 15px;
  margin-bottom: 40px;
  border: unset;
  text-transform: uppercase;
  padding: 10px 15px;
  font-size: 15px;
  box-shadow: rgb(0 84 134) 0 5px;
}

#invite_users_via_email > div > div {
  padding: 10px 30px !important;
}

#invites-sm {
  display: none;
}

#my_account_orders_sm {
  display: none;
}

#manage_invites {
  margin-top: 10px;
}

@media only screen and (max-width: 575px) {
  .my-account--tabs li a {
    min-height: 40px;
  }

  .title-products {
    margin-top: 2rem;
  }

  .my___account.woocommerce-account.woocommerce-page #main .loop-meta.jumbotron div.container,
  .my___account.woocommerce-account.woocommerce-page #main div.container {
    border: 0;
  }

  .blog-title a {
    font-size: 16px !important;
    line-height: 1em;
  }

  .pagination > li > a,
  .pagination > li > span {
    padding: 5px 10px !important;
  }

  .regiteration-page form.register .form-container {
    padding: 0 !important;
  }

  .singular-page-139295 #main .loop-title,
  .singular-page-189288 #main .loop-title {
    line-height: 30px;
  }

  .singular-page-139295 #main .gform_title,
  .singular-page-189288 #main .gform_title {
    line-height: 20px;
  }

  .singular-page-139295 #main label,
  .singular-page-189288 #main label {
    font-size: 14px !important;
  }

  .singular-page-139295 #main #content form,
  /* For Dev Site */
  .singular-page-189288 #main #content form {
    width: 100% !important;
    margin-bottom: 0 !important;
  }

  .singular-page-139295 #main .tracking-form-col-1,
  .singular-page-189288 #main .tracking-form-col-1 {
    display: block !important;
    width: 100% !important;
  }

  .singular-page-139295 #main .tracking-form-col-1:first-of-type,
  .singular-page-189288 #main .tracking-form-col-1:first-of-type {
    margin-right: 0 !important;
  }

  .singular-page-139295 #main .tracking-form-col-1.last-name,
  .singular-page-189288 #main .tracking-form-col-1.last-name {
    margin-left: 0 !important;
  }

  .singular-page-139295 #main #content form .gform_footer.top_label,
  .singular-page-189288 #main #content form .gform_footer.top_label {
    position: unset !important;
    left: unset !important;
    bottom: unset !important;
    transform: none !important;
    text-align: left;
    padding-top: 0;
    margin-bottom: 20px;
  }

  .singular-page-139295 #main #content,
  .singular-page-189288 #main #content {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .singular-page-139295 #main .loop-title,
  .singular-page-189288 #main .loop-title {
    padding-left: 30px !important;
    padding-right: 30px !important;
    font-size: 22px !important;
  }

  .singular-page-139295 #main .gform_title,
  .singular-page-189288 #main .gform_title {
    font-size: 16px !important;
  }

  .singular-page-139295 #main #content form .gform_footer.top_label button,
  .singular-page-189288 #main #content form .gform_footer.top_label button {
    margin-left: 0 !important;
  }

  .singular-page-139295 #main #content form .gform_footer.top_label,
  .singular-page-189288 #main #content form .gform_footer.top_label button {
    margin-left: 0;
  }

  .woocommerce-view-subscription
    .shop_table.shop_table_responsive.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-orders.woocommerce-orders-table--orders {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  .woocommerce-view-subscription
    .shop_table.shop_table_responsive.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-orders.woocommerce-orders-table--orders
    thead,
  .woocommerce-view-subscription
    .shop_table.shop_table_responsive.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-orders.woocommerce-orders-table--orders
    tbody {
    display: table;
    min-width: 500px;
    width: 300px;
    text-align: center;
  }

  .decodable-page-layout.downloadable-page-layout .spacer {
    height: 25px !important;
  }

  #my-subscriptions .nav.nav-tabs li.active,
  #my-subscriptions .nav.nav-tabs li:hover {
    border-bottom: unset !important;
  }

  .my___account.woocommerce-account.woocommerce-page #my-subscriptions .nav.nav-tabs li a {
    padding: 0;
    margin: 5px 0;
  }

  .my___account.woocommerce-account.woocommerce-page #main .loop-title {
    font-size: 16px;
  }

  #my-account .row.addresses .page-header h3 {
    font-size: 18px;
  }

  #my_account_details h4,
  .my___account.woocommerce-account.woocommerce-page #main .page-header h4,
  .my___account.woocommerce-account.woocommerce-page #my-account h4 {
    font-size: 18px;
  }

  #my-subscriptions > div + h2 {
    display: none;
  }

  #my-subscriptions > div {
    margin-bottom: 7px;
  }

  .suscriptions__tab {
    display: block !important;
    box-shadow: unset !important;
    padding: unset !important;
  }

  .suscriptions__tab > div {
    border-right: unset !important;
    box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0 !important;
    height: 75px;
    position: relative;
    margin-bottom: 15px;
  }

  .suscriptions__tab h4 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -60%);
  }

  #manage_invites .shop_table.shop_table_responsive.my_account_orders {
    display: none;
  }

  #invites-sm {
    display: block;
  }

  .invite-list-sm {
    box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0 !important;
    margin: 15px 0;
    padding: 10px 0;
    padding-bottom: 0;
  }

  .invite-list-sm .col-sm-12 {
    margin-bottom: 8px;
  }

  .invite-list-sm .button.cancel,
  .invite-list-sm .order-actions {
    display: inline-block;
  }

  .invite-list-sm .order-actions {
    float: right;
  }

  .my___account.woocommerce-account.woocommerce-page #main .loop-meta.jumbotron > div.container {
    border: unset;
  }

  .my___account.woocommerce-account.woocommerce-page
    #main
    .loop-meta.jumbotron
    > div.container
    .nav.nav-tabs
    li
    a {
    padding: 0;
  }

  .my___account.woocommerce-account.woocommerce-page #main .loop-meta.jumbotron + div.container {
    margin: 0 5px;
    border: 1px solid #ddd;
    padding: 0 10px;
  }

  #my_account_details {
    padding: 0;
  }

  #invite_users_via_email > div > div {
    padding: 0 !important;
    margin: 0 !important;
    padding-top: 10px !important;
  }

  #invite_users_via_email textarea {
    max-width: 100% !important;
    border: unset;
  }

  .my_account_orders {
    display: none;
  }

  .woocommerce-view-subscription .my_account_orders {
    display: table;
  }

  #my_account_orders_sm {
    display: block;
  }

  #my_account_details h4,
  .my___account.woocommerce-account.woocommerce-page #main .page-header h4,
  .my___account.woocommerce-account.woocommerce-page #my-account h4 {
    margin-left: 2px;
  }

  .dowloadable_product_link > div {
    margin: 0 !important;
    padding: 0 !important;
  }

  .dowloadable_product_link + div > div {
    margin: 5px 2px !important;
  }

  #my_account_orders_sm .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0 !important;
    margin: 15px 3px;
    padding: 10px 0;
  }

  #my_account_orders_sm .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 21%;
    flex: 0 0 21%;
    max-width: 21%;
    margin-bottom: 5px;
  }

  #my_account_orders_sm .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 79%;
    flex: 0 0 79%;
    max-width: 79%;
    margin-bottom: 5px;
  }

  #my_account_orders_sm .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 5px;
  }

  #my_account_orders_sm .col-sm-12 button {
    width: 100%;
    margin-left: 0;
    background-color: #009fde;
    color: #fff;
    border: unset;
    text-transform: uppercase;
    padding: 3px 15px;
    box-shadow: rgb(0 84 134) 0 5px;
  }
}

#billing_job_title
  + .select2.select2-container.select2-container--default.select2-container--focus {
  max-width: 100%;
}

#billing_first_name_field,
#billing_last_name_field,
#billing_address_1_field,
#billing_address_2_field {
  margin-bottom: 15px;
}

@media (min-width: 993px) {
  /* ---------------------
    WOOCOMMERCE
    --------------------- */
  body .woocommerce .col2-set .col-1 {
    width: 100%;
  }

  .woocommerce-billing-fields h3 {
    margin-top: 40px;
  }

  .woocommerce .col2-set,
  .woocommerce-page .col2-set {
    width: 48%;
    float: left;
  }

  .woocommerce .woocommerce-error .button,
  .woocommerce .woocommerce-info .button,
  .woocommerce .woocommerce-message .button,
  .woocommerce-page .woocommerce-error .button,
  .woocommerce-page .woocommerce-info .button,
  .woocommerce-page .woocommerce-message .button {
    float: right;
  }

  .woocommerce .col2-set,
  .woocommerce-page .col2-set {
    width: 100%;
  }

  body .woocommerce .woocommerce-customer-details .col2-set .col-1 {
    float: left;
    width: 48%;
  }

  .woocommerce .col2-set::after,
  .woocommerce .col2-set::before,
  .woocommerce-page .col2-set::after,
  .woocommerce-page .col2-set::before {
    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%;
    margin-top: 5px;
  }

  .woocommerce #content div.product div.images,
  .woocommerce div.product div.images,
  .woocommerce-page #content div.product div.images,
  .woocommerce #content div.product div.thumbnails::after,
  .woocommerce #content div.product div.thumbnails::before,
  .woocommerce div.product div.thumbnails::after,
  .woocommerce div.product div.thumbnails::before,
  .woocommerce-page #content div.product div.thumbnails::after,
  .woocommerce-page #content div.product div.thumbnails::before,
  .woocommerce-page div.product div.thumbnails::after,
  .woocommerce-page div.product div.thumbnails::before {
    content: ' ';
    display: table;
  }

  .woocommerce div.product div.images.images-with-video {
    display: block;
  }

  .woocommerce #content div.product div.thumbnails::after,
  .woocommerce div.product div.thumbnails::after,
  .woocommerce-page #content div.product div.thumbnails::after,
  .woocommerce-page div.product div.thumbnails::after {
    clear: both;
  }

  .woocommerce #content div.product div.thumbnails a,
  .woocommerce div.product div.thumbnails a,
  .woocommerce-page #content div.product div.thumbnails a,
  .woocommerce-page div.product div.thumbnails a {
    float: left;
    width: 30.75%;
    margin-right: 3.8%;
    margin-bottom: 1em;
  }

  .woocommerce #content div.product div.thumbnails a.last,
  .woocommerce div.product div.thumbnails a.last,
  .woocommerce-page #content div.product div.thumbnails a.last,
  .woocommerce-page div.product div.thumbnails a.last {
    margin-right: 0;
  }

  .woocommerce #content div.product div.thumbnails a.first,
  .woocommerce div.product div.thumbnails a.first,
  .woocommerce-page #content div.product div.thumbnails a.first,
  .woocommerce-page div.product div.thumbnails a.first {
    clear: both;
  }

  .woocommerce #content div.product div.thumbnails.columns-1 a,
  .woocommerce div.product div.thumbnails.columns-1 a,
  .woocommerce-page #content div.product div.thumbnails.columns-1 a,
  .woocommerce-page div.product div.thumbnails.columns-1 a {
    width: 100%;
    margin-right: 0;
    float: none;
  }

  .woocommerce #content div.product div.thumbnails.columns-2 a,
  .woocommerce div.product div.thumbnails.columns-2 a,
  .woocommerce-page #content div.product div.thumbnails.columns-2 a,
  .woocommerce-page div.product div.thumbnails.columns-2 a {
    width: 48%;
  }

  .woocommerce #content div.product div.thumbnails.columns-4 a,
  .woocommerce div.product div.thumbnails.columns-4 a,
  .woocommerce-page #content div.product div.thumbnails.columns-4 a,
  .woocommerce-page div.product div.thumbnails.columns-4 a {
    width: 22.05%;
  }

  .woocommerce #content div.product div.thumbnails.columns-5 a,
  .woocommerce div.product div.thumbnails.columns-5 a,
  .woocommerce-page #content div.product div.thumbnails.columns-5 a,
  .woocommerce-page div.product div.thumbnails.columns-5 a {
    width: 16.9%;
  }

  .woocommerce #content div.product .woocommerce-tabs,
  .woocommerce div.product .woocommerce-tabs,
  .woocommerce-page #content div.product .woocommerce-tabs,
  .woocommerce-page div.product .woocommerce-tabs {
    clear: both;
  }

  .woocommerce #content div.product .woocommerce-tabs ul.tabs::after,
  .woocommerce #content div.product .woocommerce-tabs ul.tabs::before,
  .woocommerce div.product .woocommerce-tabs ul.tabs::after,
  .woocommerce div.product .woocommerce-tabs ul.tabs::before,
  .woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,
  .woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,
  .woocommerce-page div.product .woocommerce-tabs ul.tabs::after,
  .woocommerce-page div.product .woocommerce-tabs ul.tabs::before {
    content: ' ';
    display: table;
  }

  .woocommerce #content div.product .woocommerce-tabs ul.tabs::after,
  .woocommerce div.product .woocommerce-tabs ul.tabs::after,
  .woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,
  .woocommerce-page div.product .woocommerce-tabs ul.tabs::after {
    clear: both;
  }

  .woocommerce #content div.product .woocommerce-tabs ul.tabs li,
  .woocommerce div.product .woocommerce-tabs ul.tabs li,
  .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
  .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    display: inline-block;
  }

  .woocommerce #content div.product #reviews .comment::after,
  .woocommerce #content div.product #reviews .comment::before,
  .woocommerce div.product #reviews .comment::after,
  .woocommerce div.product #reviews .comment::before,
  .woocommerce-page #content div.product #reviews .comment::after,
  .woocommerce-page #content div.product #reviews .comment::before,
  .woocommerce-page div.product #reviews .comment::after,
  .woocommerce-page div.product #reviews .comment::before {
    content: ' ';
    display: table;
  }

  .woocommerce #content div.product #reviews .comment::after,
  .woocommerce div.product #reviews .comment::after,
  .woocommerce-page #content div.product #reviews .comment::after,
  .woocommerce-page div.product #reviews .comment::after {
    clear: both;
  }

  .woocommerce #content div.product #reviews .comment img,
  .woocommerce div.product #reviews .comment img,
  .woocommerce-page #content div.product #reviews .comment img,
  .woocommerce-page div.product #reviews .comment img {
    float: right;
    height: auto;
  }

  .woocommerce ul.products,
  .woocommerce-page ul.products {
    clear: both;
  }

  .woocommerce ul.products::after,
  .woocommerce ul.products::before,
  .woocommerce-page ul.products::after,
  .woocommerce-page ul.products::before {
    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 2% 2.992em 0;
    padding: 0;
    position: relative;
    width: 23.5%;
    margin-left: 0;
  }

  .woocommerce ul.products li.first,
  .woocommerce-page ul.products li.first {
    clear: both;
  }

  .woocommerce ul.products li.last,
  .woocommerce-page ul.products li.last {
    margin-right: 0;
  }

  .woocommerce-page.columns-1 ul.products li.product,
  .woocommerce.columns-1 ul.products li.product {
    width: 100%;
    margin-right: 0;
  }

  .woocommerce-page.columns-2 ul.products li.product,
  .woocommerce.columns-2 ul.products li.product {
    width: 48%;
  }

  .woocommerce-page.columns-3 ul.products li.product,
  .woocommerce.columns-3 ul.products li.product {
    width: 30.75%;
  }

  .woocommerce-page.columns-5 ul.products li.product,
  .woocommerce.columns-5 ul.products li.product {
    width: 16.95%;
  }

  .woocommerce-page.columns-6 ul.products li.product,
  .woocommerce.columns-6 ul.products li.product {
    width: 13.5%;
  }

  .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::after,
  .woocommerce .woocommerce-pagination ul.page-numbers::before,
  .woocommerce-page .woocommerce-pagination ul.page-numbers::after,
  .woocommerce-page .woocommerce-pagination ul.page-numbers::before {
    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 #content table.cart img,
  .woocommerce table.cart img,
  .woocommerce-page #content table.cart img,
  .woocommerce-page table.cart img {
    height: auto;
  }

  .woocommerce #content table.cart td.actions,
  .woocommerce table.cart td.actions,
  .woocommerce-page #content table.cart td.actions,
  .woocommerce-page table.cart td.actions {
    text-align: right;
  }

  .woocommerce #content table.cart td.actions .input-text,
  .woocommerce table.cart td.actions .input-text,
  .woocommerce-page #content table.cart td.actions .input-text,
  .woocommerce-page table.cart td.actions .input-text {
    padding: 6px 4px 4px 4px;
    border-radius: 5px;
    border: 1px solid #bcbdc0;
  }

  .woocommerce-page #content table.cart td.actions .input-text:focus {
    outline-color: #bcbdc0 !important;
  }

  .woocommerce #content table.cart td.actions .coupon,
  .woocommerce table.cart td.actions .coupon,
  .woocommerce-page #content table.cart td.actions .coupon,
  .woocommerce-page table.cart td.actions .coupon {
    float: left;
  }

  .woocommerce #content table.cart td.actions .coupon label,
  .woocommerce table.cart td.actions .coupon label,
  .woocommerce-page #content table.cart td.actions .coupon label,
  .woocommerce-page table.cart td.actions .coupon label {
    display: none;
  }

  .woocommerce .cart-collaterals,
  .woocommerce-page .cart-collaterals {
    width: 100%;
  }

  .woocommerce .cart-collaterals::after,
  .woocommerce .cart-collaterals::before,
  .woocommerce-page .cart-collaterals::after,
  .woocommerce-page .cart-collaterals::before {
    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: 48%;
  }

  .woocommerce .cart-collaterals .shipping_calculator,
  .woocommerce-page .cart-collaterals .shipping_calculator {
    width: 48%;
    clear: right;
    float: right;
  }

  .woocommerce .cart-collaterals .shipping_calculator::after,
  .woocommerce .cart-collaterals .shipping_calculator::before,
  .woocommerce-page .cart-collaterals .shipping_calculator::after,
  .woocommerce-page .cart-collaterals .shipping_calculator::before {
    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: 99%;
  }

  .woocommerce ul.cart_list li::after,
  .woocommerce ul.cart_list li::before,
  .woocommerce ul.product_list_widget li::after,
  .woocommerce ul.product_list_widget li::before,
  .woocommerce-page ul.cart_list li::after,
  .woocommerce-page ul.cart_list li::before,
  .woocommerce-page ul.product_list_widget li::after,
  .woocommerce-page ul.product_list_widget li::before {
    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::after,
  .woocommerce form .form-row::before,
  .woocommerce-page form .form-row::after,
  .woocommerce-page form .form-row::before {
    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: 48% !important;
    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 .terms,
  .woocommerce #payment .wc-terms-and-conditions,
  .woocommerce-page #payment .terms,
  .woocommerce-page #payment .wc-terms-and-conditions {
    text-align: left;
    padding: 0 1em 0 0;
    float: left;
  }

  .woocommerce #payment #place_order,
  .woocommerce-page #payment #place_order {
    float: right;
  }

  .woocommerce .woocommerce-billing-fields::after,
  .woocommerce .woocommerce-billing-fields::before,
  .woocommerce .woocommerce-shipping-fields::after,
  .woocommerce .woocommerce-shipping-fields::before,
  .woocommerce-page .woocommerce-billing-fields::after,
  .woocommerce-page .woocommerce-billing-fields::before,
  .woocommerce-page .woocommerce-shipping-fields::after,
  .woocommerce-page .woocommerce-shipping-fields::before {
    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-page.left-sidebar #content.twentyeleven {
    width: 58.4%;
    margin: 0 7.6%;
    float: right;
  }

  .woocommerce-page.right-sidebar #content.twentyeleven {
    margin: 0 7.6%;
    width: 58.4%;
    float: left;
  }

  .twentyfourteen .tfwc {
    padding: 12px 10px 0;
    max-width: 474px;
    margin: 0 auto;
  }

  .twentyfourteen .tfwc .product .entry-summary {
    padding: 0 !important;
    margin: 0 0 1.618em !important;
  }

  .twentyfourteen .tfwc div.product.hentry.has-post-thumbnail {
    margin-top: 0;
  }

  .woocommerce .columns-3 ul.products li.product,
  .woocommerce-page .columns-3 ul.products li.product {
    width: 29%;
    box-shadow:
      0 4px 8px 0 rgba(0, 0, 0, 0.2),
      0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

  .woocommerce-checkout .woocommerce-billing-fields h3 {
    margin-top: 0;
  }
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  border: 2px solid #ccc;
  background-color: #fff;
  /*    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 8px 0 rgba(0, 0, 0, 0.19); */
}

@media screen and (min-width: 673px) {
  .twentyfourteen .tfwc {
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media screen and (min-width: 1040px) {
  .twentyfourteen .tfwc {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media screen and (min-width: 1110px) {
  .twentyfourteen .tfwc {
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media screen and (min-width: 1218px) {
  .twentyfourteen .tfwc {
    margin-right: 54px;
  }

  .full-width .twentyfourteen .tfwc {
    margin-right: auto;
  }
}

.twentyfifteen .t15wc {
  padding-left: 7.6923%;
  padding-right: 7.6923%;
  padding-top: 7.6923%;
  margin-bottom: 7.6923%;
  background: #fff;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}

.twentyfifteen .t15wc .page-title {
  margin-left: 0;
}

@media screen and (min-width: 38.75em) {
  .twentyfifteen .t15wc {
    margin-right: 7.6923%;
    margin-left: 7.6923%;
    margin-top: 8.3333%;
  }
}

@media screen and (min-width: 59.6875em) {
  .twentyfifteen .t15wc {
    margin-left: 8.3333%;
    margin-right: 8.3333%;
    padding: 10%;
  }

  .singular-product .twentyfifteen .entry-summary {
    padding: 0 !important;
  }
}

.twentysixteen .site-main {
  margin-right: 7.6923%;
  margin-left: 7.6923%;
}

.twentysixteen .entry-summary {
  margin-right: 0;
  margin-left: 0;
}

#content .twentysixteen div.product div.images,
#content .twentysixteen div.product div.summary {
  width: 46.42857%;
}

@media screen and (min-width: 44.375em) {
  .twentysixteen .site-main {
    margin-right: 23.0769%;
  }
}

@media screen and (min-width: 56.875em) {
  .twentysixteen .site-main {
    margin-right: 0;
    margin-left: 0;
  }

  .no-sidebar .twentysixteen .site-main {
    margin-right: 15%;
    margin-left: 15%;
  }

  .no-sidebar .twentysixteen .entry-summary {
    margin-right: 0;
    margin-left: 0;
  }
}

.rtl .woocommerce .col2-set .col-1,
.rtl .woocommerce-page .col2-set .col-1 {
  float: right;
}

.rtl .woocommerce .col2-set .col-2,
.rtl .woocommerce-page .col2-set .col-2 {
  float: left;
}

/* @media (max-width: 1280px){
    .columns-3{
        display: block;
    }
    .columns-4{
        display: none;
    }
}
@media (min-width: 1281px){
    .columns-3{
        display: none;
    }
    .columns-4{
        display: block;
    }
} */
@media (min-width: 1281px) {
  .container {
    width: 1320px;
    max-width: 100%;
  }
}

@media (min-width: 680px) and (max-width: 990px) {
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product,
  .woocommerce-page[class*='columns-'] ul.products li.product,
  .woocommerce[class*='columns-'] ul.products li.product {
    width: 48%;
    float: left;
    margin: 0 0 2.992em 1em;
  }

  .woocommerce .products .product,
  .woocommerce-page .products .product {
    padding: 0;
  }
}

@media (max-width: 679px) {
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product,
  .woocommerce-page[class*='columns-'] ul.products li.product,
  .woocommerce[class*='columns-'] ul.products li.product {
    margin-bottom: 1em;
  }

  .woocommerce .products .product,
  .woocommerce-page .products .product {
    padding: 0;
  }

  .downloadable-page-layout .view-all-btn-2 {
    margin-left: unset !important;
    display: block;
    text-align: center;
    clear: both;
    margin-top: 5px;
  }
}

@media (max-width: 360px) {
  .single-play-btn {
    bottom: 27% !important;
    left: 24% !important;
    background-size: 50% 50% !important;
  }
}

@media (max-width: 480px) {
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    width: 100%;
  }

  ul#menu-footer-contact-nav {
    padding-left: 0;
  }

  ul#menu-footer-help-nav {
    padding-left: 0;
  }

  ul#menu-footer-help-nav ul.sub-menu {
    padding-left: 10px;
  }

  .login_input_label,
  .woocommerce-account #wcdrip_subscribe_field > label.checkbox {
    font-size: 13.5px !important;
  }

  input.login_checkbox,
  input.login_checkbox:checked,
  .woocommerce-account input#wcdrip_subscribe,
  .woocommerce-account input#wcdrip_subscribe:checked {
    width: 14px !important;
    height: 14px !important;
  }

  input.login_checkbox {
    margin-bottom: 2px !important;
  }

  .woocommerce-account .woocommerce-LostPassword.lost_password {
    margin-top: 15px;
  }

  .woocommerce-account input#wcdrip_subscribe {
    margin-bottom: 1px !important;
  }

  input.login_checkbox:checked::before,
  input.login_checkbox:checked,
  .woocommerce-account input#wcdrip_subscribe:checked::before,
  .woocommerce-account input#wcdrip_subscribe:checked {
    bottom: 4px !important;
    left: 1px !important;
  }

  input.login_checkbox,
  input.login_checkbox:checked,
  .woocommerce-account input#wcdrip_subscribe,
  .woocommerce-account input#wcdrip_subscribe:checked {
    left: 1px !important;
  }
}

/* Moved form header  */
img.img-responsive {
  margin-left: -1px !important;
}

div.bspreloader {
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: 3.5em;
}

img.bspreloader {
  position: absolute;
  width: 64px;
  height: 64px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

div.sbspreloader {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -4%;
  right: 0;
  bottom: 0;
}

img.sbspreloader {
  position: absolute;
  width: 64px;
  height: 64px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.widget_shopping_cart_content a {
  padding: 2px;
  margin: 2px;
}

@media (max-width: 767px) {
  #footer #menu-subsidiary li {
    display: block;
    float: left;
  }
}

.yith-wcwl-add-to-wishlist {
  margin-top: 0;
}

/* Old blanket .woocommerce a.btn colors removed; buttons are styled per
   surface in css/pld-buttons.css. */
.woocommerce a.btn,
.woocommerce-page a.btn,
.woocommerce-page button.btn {
  position: relative;
  border-radius: unset;
  border: none;
}

/* The current ("active") item in nav and account dropdowns: parent-theme
   Bootstrap 3 paints it white on its own blue (#337ab7) and Bootstrap 5 white
   on #0d6efd on click - neither is a brand color. Keep active menu links on
   brand blue text with no fill, matching the hover treatment. (custom.css
   loads after both bootstrap files, so equal specificity wins here.) */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-item.active,
.dropdown-item:active {
  color: var(--pld-btn-blue, #009bd8);
  background-color: transparent;
}

/* #header.navbar {
    background: #009ed5;
} */
#header.navbar {
  background: #fff;
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.05);
  position: sticky;
  top: 0;
  border-radius: 0;
}

.topBar {
  background-color: inherit;
}

.topBar a {
  color: #009ed5;
}

.products {
  border-top-right-radius: 0;
}

.products h2 {
  border-top-right-radius: 0;
}

.page-template-pld-home .container .products {
  padding: 8px;
}

@media (min-width: 768px) {
  .navbar-nav {
    float: right;
  }
}

.navbar-default .navbar-nav > .active > a {
  background-color: #fff;
}

.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .current_page_parent > a,
.navbar-default .navbar-nav > .current_page_parent > a:hover,
.navbar-default .navbar-nav > .current_page_parent > a:focus {
  /* background-color: #fff; */
}

#menu-primary ul {
  font-weight: normal;
  margin-bottom: 2px;
}

#menu-primary ul li a:not(.dropdown-toggle) {
  /* #menu-primary ul li a { */
  font-size: 14pt;
  padding: 8px 10px 9px !important;
}

#menu-primary ul li a:hover {
  background-color: #f6f6f6;
  border: none;
}

.header-social-icons img {
  opacity: 0.7;
  margin: 0 2px;
}

.infoBlock .innerWhite {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  padding: 0 25px;
  background-color: transparent;
}

.infoBlock {
  background: #fff;
  background: -moz-linear-gradient(top, #1392c1 0%, #20b4ec 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #1392c1),
    color-stop(100%, #20b4ec)
  );
  background: -webkit-linear-gradient(top, #1392c1 0%, #20b4ec 100%);
  background: -o-linear-gradient(top, #1392c1 0%, #20b4ec 100%);
  background: -ms-linear-gradient(top, #1392c1 0%, #20b4ec 100%);
  background: linear-gradient(to bottom, #20b4ec7d 0%, #20b4ec7d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1392c1', endColorstr='#20b4ec', GradientType=0);
  border: solid 6px #00a9e9;
  background-color: #00a9e9;
  margin-bottom: 20px;
}

.infoBlock .innerWhite h2 {
  background-color: #57bfe3;
}

#header {
  border-width: 0;
}

.navCollapseItems {
  border-radius: 0;
}

.searchFrm .search-text {
  color: #006dad;
}

.searchBtn {
  background-color: #008fc9;
}

/* .searchFrm {
  margin: 3px 0 3px;
} */

/* .searchFrm {
    border: 2px solid #008fc9;
} */
.home-box-h2 {
  margin: 0;
  padding: 20px 10px 15px 16px;
  color: #fff;
  font-size: 26px;
  font-weight: normal;
}

.h2-box {
  color: #000;
  background-color: #fff;
  padding-bottom: 5px;
  padding: 20px 10px 20px 25px;
}

.h2-box + .innerWhite.equalHeight {
  background-color: #fff;
}

.home-box-h2::after {
  display: block;
  content: '';
  border-bottom: solid 3px #fff;
  margin-top: 5px;
  width: 85px;
}

.h2-box::after,
.h2-home-box::after {
  border-bottom: solid 3px #00a9e9;
}

.h2-home-box {
  color: #000;
  padding-bottom: 5px;
  padding: 20px 10px 20px 25px;
}

.quick_links_url:hover {
  text-decoration: underline;
}

@media (min-width: 768px) and (max-width: 990px) {
  .home-box-h2 {
    font-size: 20px;
  }
}

/* .innerWhite2{
    background: #fff;
} */
.innerWhite2 .img-responsive {
  width: 100%;
  margin-left: 0 !important;
}

.home-video {
  padding-left: 10px;
  padding-right: 10px;
}

p.founderQuote {
  color: #fff;
  text-align: left;
  margin: 15px 15px 18px 15px;
  font-size: 16px;
}

.sliderTopTitle {
  -moz-border-top-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

ul.products li.product {
  height: auto;
}

h2.sliderTopTitle {
  background-color: #fff;
  color: #666;
}

h2.sliderTopTitle.sliderTopTitle.active,
h2.sliderTopTitle.sliderTopTitle:hover {
  background-color: #96c054;
  color: #fff;
}

.slideOuter ul.sliderTabs {
  padding: 0 0 2px 0;
  margin: 2px 0 0 10px;
}

.slideOuter ul.sliderTabs li.active a,
.nav > li > a:hover,
.nav > li > a:focus {
  color: #666;
  border: 1px solid #009fde;
  background: transparent;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border-color: transparent;
}

#subscriptions__tabs li a:hover,
#subscriptions__tabs li a:focus {
  border-color: transparent;
}

.infoLinks.download-widget a {
  text-align: left;
  /* padding: 5px 10px; */
  /* background-color: #00a9e9; */
  color: #000;
  font-weight: normal;
  font-size: 1.3em;
  margin: 8px 10px;
}

.q_links_line {
  margin: 5px 20px;
}

.blog_links_line {
  margin: 5px 0;
}

.read_more_link:hover {
  text-decoration: underline;
}

@media (max-width: 1210px) {
  .header-social-icons img {
    margin: 0;
  }
}

ul.products li.product.download {
  height: auto;
}

.jumbotron {
  background: transparent;
}

ul#shipping_method li label {
  padding-left: 30px;
}

.singular .loop-meta {
  background: none;
  margin-bottom: 0 !important;
}

.singular .loop-meta .container {
  background: none;
}

.jumbotron h1.product-single-title {
  /* background: #015c30; */
  margin-top: 5px;
  padding: 10px 10px 10px 20px;
  margin-bottom: 0;
  font-weight: normal;
  color: #fff;
}

.singular-product-row {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 10px 30px 10px;
}

.singular-product #content {
  padding-top: 0;
}

.before-content-row {
  background: #4d5862;
}

.jumbotron h1 {
  color: #000;
}

#footer {
  border: none;
  margin: 0;
  padding: 50px 0;
}

.drip-tab-container .right {
  margin: 0 0 0 25px;
}

.btn-primary {
  border: none;
}

.btn-info,
.woocommerce-Button {
  color: #7b7b7b;
  background-color: #e7e7e7;
  border: none;
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
  color: #000;
  background-color: #ccc;
  border: none;
}

.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
  background-color: var(--pld-btn-disabled-bg);
  color: var(--pld-btn-disabled-text);
  border: none;
  cursor: not-allowed;
}

.green-box-title {
  height: 37px;
}

.green_box small.woocommerce-price-suffix,
.woocommerce .product .green_box .price {
  color: #fff !important;
}

.woocommerce-products-header h1.loop-title {
  color: #fff;
}

/* Custom CSS Added on 16-Jan-2018 For Product Page */
.custom-padding {
  padding-top: 4px;
}

.custom-add-to-cart-button {
  background-color: #006f44;
  padding: 8px;
  font-size: 14px;
  color: #fff;
}

.product-thumbnail-custom {
  margin-bottom: 10px;
}

.custom-margin-top {
  margin-top: 14px;
}

.custom-padding-product-image {
  padding-top: 4.3px;
}

.no-bg {
  background-color: transparent;
  padding: 0 0 5px 0;
}

.c-border {
  border: 1px solid #000;
}

.video-left-thumbnail {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.video-left-thumbnail::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: '\f01d';
  font-family: FontAwesome;
  font-size: 30px;
  color: #fff;
  opacity: 0.8;
  text-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}

.video-left-thumbnail:hover::before {
  color: #eee;
}

.img-thumbnail-left,
#video-thumbnail {
  max-width: 100%;
}

.dotted-line {
  width: 93.5%;
  height: 1px;
  margin: 0 auto;
  left: 2px;
  right: 0;
  border: 1px dotted #fff;
  position: absolute;
  /* Rotate div */
  -webkit-transform: rotate(-1.5deg);
  -ms-transform: rotate(-1.5deg);
  transform: rotate(-1.5deg);
}

.cat-home-desc {
  width: 90%;
  left: -2px;
  right: 0;
  margin: 0 auto;
  padding: 10px;
  bottom: 18px;
  position: absolute;
  color: #fff;
  font-family: robotoregular;
  font-size: 16px;
}

.cat-home-desc > p {
  font-size: 9pt;
}

.overlay-title {
  background: rgba(255, 255, 255, 0.4) !important;
}

.title-home {
  font-family: robotoblack;
  font-size: 13pt !important;
  /*    text-shadow:none !important; */
}

.bg-overlay-1 {
  background: rgba(255, 147, 30, 0.5);
}

.bg-overlay-2 {
  background: rgba(119, 84, 179, 0.5);
}

.bg-overlay-3 {
  background: rgba(245, 207, 0, 0.5);
}

.bg-overlay-4 {
  background: rgba(229, 72, 141, 0.5);
}

span.home-product-bottom-button {
  padding: 3px 9px;
  bottom: 23px;
  right: 23px;
  font-family: robotoblack;
  position: absolute;
}

span.button-yellow-three:hover {
  background-color: #dbb900 !important;
}

.custom-font-one {
  font-family: robotoblack;
}

.custom-font-two {
  font-family: robotoregular;
}

.founderQuote {
  font-family: robotoregular;
  /*    word-break: break-all; */
  white-space: pre-line;
}

.top-margin-fix p > img,
.top-margin-fix > a > img {
  margin-top: 0;
}

.top-margin-fix p.founderQuote {
  font-weight: bold;
  font-style: normal;
}

.top-margin-fix p.founderQuote > a,
a.read-more {
  color: #e6e416;
}

@media (max-width: 600px) {
  .dotted-line {
    width: 94.5%;
  }
}

@media (min-width: 601px) and (max-width: 767px) {
  .dotted-line {
    width: 97.1%;
  }
}

.about-section-block {
  border: none !important;
}

.rll-youtube-player {
  padding-bottom: 54% !important;
}

.absolute .rll-youtube-player {
  padding-bottom: 75% !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.single-cart i.fa.fa-heart {
  font-size: 1.9em;
  color: #ccc;
}

.single-cart i.fa.fa-eye {
  font-size: 1.9em;
  color: #ccc;
}

.single-cart .col-xs-2 {
  padding-top: 2px;
}

/* .woocommerce .product .cart .single-cart .quantity{
    padding-top: 3px;
    margin: 0px 0px 0 20px !important;
} */
.lazy {
  display: block !important;
}

div.backtoshop-t-margin {
  margin-top: 0 !important;
}

#product-img-thumb-right > a > img {
  display: block;
}

#content div.product div#product-img-thumb-right {
  display: block;
}

#video-right-container {
  display: none;
  overflow: hidden;
}

#product-img-thumb-right > .image-container {
  border: none;
}

.header-social-icons a {
  text-decoration: none;
}

.header-social-icons img:hover {
  opacity: 1;
}

.taxonomy-product_cat-apple-android-apps ul.products li.product {
  min-height: 345px;
}

.taxonomy-product_cat-apple-android-apps .product .green_box .price {
  color: #aed2c4 !important;
  display: none;
}

h2.sliderTopTitle.sliderTopTitle.downloads.active,
h2.sliderTopTitle.sliderTopTitle.downloads:hover {
  background-color: #00b7ba;
}

h2.sliderTopTitle.sliderTopTitle.apps.active,
h2.sliderTopTitle.sliderTopTitle.apps:hover {
  background-color: #a587be;
}

h2.sliderTopTitle.specials.active,
h2.sliderTopTitle.specials:hover {
  background-color: #f7954e;
}

h2.sliderTopTitle.ebooks.active,
h2.sliderTopTitle.ebooks:hover {
  background-color: #7ecbb5;
}

h2.sliderTopTitle.online_courses.active,
h2.sliderTopTitle.online_courses:hover {
  background-color: #ffd105;
}

h2.sliderTopTitle.seminars.active,
h2.sliderTopTitle.seminars:hover {
  background-color: #f27189;
}

h2.sliderTopTitle.blueColor.active,
h2.sliderTopTitle.blueColor:hover {
  background-color: #016bb3;
}

h2.sliderTopTitle.yellowColor.active,
h2.sliderTopTitle.yellowColor:hover {
  background-color: #ffe555;
}

h2.sliderTopTitle.redColor.active,
h2.sliderTopTitle.redColor:hover {
  background-color: #c1272d;
}

.slideOuter.redColor ul.sliderTabs li.active a:hover,
.slideOuter.redColor ul.sliderTabs li.active a:focus,
.slideOuter.redColor ul.sliderTabs li.active a,
.slideOuter.redColor ul.nav > li > a:hover {
  color: #c1272d;
}

.slideOuter.blueColor ul.sliderTabs li.active a:hover,
.slideOuter.blueColor ul.sliderTabs li.active a:focus,
.slideOuter.blueColor ul.sliderTabs li.active a,
.slideOuter.blueColor ul.nav > li > a:hover {
  color: #016bb3;
}

.nav-tabs > li {
  margin-bottom: -2px;
}

.products li .row > .col-xs-12,
.products-upsell li .row > .col-xs-12 {
  overflow: hidden;
  min-height: 30px;
}

.content-desc-product {
  font-weight: normal !important;
  font-size: 1em;
}

.product-des-title {
  font-weight: bold;
}

.products li .row > .col-xs-12 > .col-xs-2 > .heart,
.products-upsell li .row > .col-xs-12 > .col-xs-2 > .heart,
.products li .row > .col-xs-12 > .col-xs-2 > .rfbwp-popup-book,
.products-upsell li .row > .col-xs-12 > .col-xs-2 > .rfbwp-popup-book {
  left: 0;
}

#product-img-thumb-right {
  border: 1px solid #ccc !important;
}

.alignment-fix {
  padding-top: 15px;
  width: 30px;
}

.alignment-fix.alignment-fix-qty {
  width: 46px;
}

.outer-block-cw {
  overflow: hidden;
  width: 322px;
}

.woocommerce .product .cart .quantity,
.woocommerce-page .product .cart .quantity {
  margin-right: 0 !important;
}

.add-to-cart-custom-settings {
  padding-top: 10px;
  padding-right: 10px;
}

.custom-width-below-product-img2 {
  /* padding-top:5px; */
  width: 118px;
}

.custom-width-qu {
  padding-top: 6px;
  padding-left: 5px;
}

.single-cart .custom-width-below-product-image {
  padding-top: 3px;
  width: 45px;
  text-align: left;
}

/* .single-cart .content-below-product-img3{
    width:90px
} */
.woocommerce .product .price,
.woocommerce-page .product .price {
  margin-bottom: 0;
}

.woocommerce a.product_type_variable.add_to_cart_button:active {
  background-color: #1abfd5;
}

.woocommerce a.product_type_variable.add_to_cart_button:hover {
  background-color: #135116;
}

.woocommerce a.add_to_cart_button.ajax_add_to_cart,
.woocommerce a.product_type_variable.add_to_cart_button {
  background-color: #84a835;
  color: #fff !important;
  font-weight: bold !important;
  font-family: robotomedium;
}

.products li > .row,
.products-upsell li > .row {
  margin-left: 0;
  margin-right: 0;
}

.products li > .row .col-xs-12,
.products li > .row .col-xs-12,
.products-upsell li > .row .col-xs-12,
.products li > .row .col-xs-12 {
  margin-top: 15px;
}

.price del .woocommerce-Price-amount.amount {
  font-size: 11px !important;
}

@media (min-width: 3701px) and (max-width: 4500px) {
  .add_to_cart_button {
    padding: 4px;
  }

  .green-box-title {
    height: 50px;
  }

  .products-upsell li > .col-xs-12,
  .products li > .col-xs-12 {
    min-height: 140px;
  }

  .products-upsell li .row,
  .products li .row {
    margin-left: 0;
    margin-right: 0;
  }

  .products li .row > .col-xs-12:nth-child(4n + 1),
  .products-upsell li .row > .col-xs-12:nth-child(4n + 1) {
    padding-left: 0;
    padding-right: 0;
  }

  .products li .row,
  .products-upsell li .row {
    min-height: 150px;
  }
}

@media (min-width: 4501px) and (max-width: 5500px) {
  .add_to_cart_button {
    padding: 4px;
  }

  .products li .row,
  .products-upsell li .row {
    margin-left: 0;
    margin-right: 0;
    padding: 4px;
  }

  .green-box-title {
    height: 75px;
  }

  .products-upsell li .row > .col-xs-12:nth-child(4n + 1) {
    padding-left: 0;
  }

  .products li > .col-xs-12,
  .products-upsell li > .col-xs-12 {
    min-height: 180px;
  }

  .products li .row,
  .products-upsell li .row {
    min-height: 220px;
  }
}

.header-social-icons {
  padding-top: 5px;
}

.lg-logo {
  display: none;
}

@media only screen and (min-width: 1200px) {
  .cat-thumbnail-4 {
    max-height: 143px;
  }

  .point-list::before {
    left: 10px !important;
  }

  .navbar-nav {
    float: left;
  }

  .sm-logo {
    display: none !important;
  }

  .lg-logo {
    display: block !important;
    margin-top: 33px !important;
  }

  .are-vertically-aligned-top.is-layout-flex.wp-container-29.wp-block-columns {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .decodable-page-layout .white-bg p,
  .white-bg .wp-block-columns,
  .landing-page .wc-block-grid {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  .px-0 .is-layout-flex.wp-block-columns {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .right-align {
    padding: 0 30px 0 136px !important;
  }
}

@media (min-width: 405px) and (max-width: 520px) {
  .cat-home-desc {
    width: 93% !important;
    left: 0;
  }
}

@media (min-width: 520px) and (max-width: 767px) {
  .cat-home-desc {
    width: 95% !important;
    left: 0;
  }
}

.padding-fx {
  padding-top: 5px;
}

.woocommerce-variation.single_variation {
  position: absolute;
}

.apps ul.products li.product {
  min-height: 385px;
}

.single-cart .select-fancy2 select {
  font-size: 16px;
  background-color: transparent;
  border: none;
}

@media (max-width: 990px) {
  .custom-width-qu {
    padding-left: 0;
  }

  .right-align {
    padding: 0 30px 0 76px !important;
  }
}

@media (min-width: 280px) and (max-width: 480px),
  screen and (min-width: 768px) and (max-width: 990px) {
  .single-cart .custom-width-below-product-image {
    width: 30px;
  }

  .single-cart i.fa.fa-heart,
  .single-cart i.fa.fa-eye {
    font-size: 1.5em;
  }

  .custom-width-qu {
    padding-top: 3px;
  }

  .single-cart .select-fancy2 select {
    font-size: 12px;
  }
}

@media (min-width: 280px) and (max-width: 380px) {
  .logged-in .pld-approach-video iframe {
    width: 560px;
    height: 120px;
  }

  #payment ul.wc_payment_methods.payment_methods.methods li:last-of-type {
    margin-left: unset;
  }

  .single-cart .custom-width-below-product-image {
    width: 28px;
  }

  /* .single_add_to_cart_button {
    width: 70px !important;
  } */

  .custom-width-qu {
    padding-top: 5px;
  }
}

.woocommerce-page .product .cart .single-cart .variations {
  margin-bottom: 0;
}

ul.products .alignment-fix {
  margin-right: 5px;
}

a#download-btn-on-product {
  margin: 10px;
}

/* Add-to-cart button colors and typography moved to css/pld-buttons.css. */

@media (min-width: 990px) and (max-width: 1199px) {
  .logged-in .pld-approach-video iframe {
    width: 560px;
    height: 180px;
  }

  .green_box h5 {
    font-size: 12px;
  }

  .logged-in .video-responsive2 iframe {
    height: 220px;
  }

  .logged-in .video-responsive3 iframe {
    height: 150px !important;
  }

  .green_box {
    padding: 10px 10px 5px 10px;
  }

  ul.products .alignment-fix {
    margin-right: 3px;
  }

  span.textBottomRight {
    font-size: 12px;
  }

  span.home-product-bottom-button {
    bottom: 24px;
  }

  a.button.btn.add_to_cart_button.product_type_bundle {
    font-size: 10px;
    font-weight: normal;
    padding-left: 6px;
    padding-right: 6px;
  }

  .right-align {
    padding: 0 30px 0 136px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1280px) {
  .green_box h5 {
    font-size: 13px;
  }

  .logged-in .video-responsive2 iframe {
    min-height: 265px !important;
    height: 270px !important;
  }

  .logged-in .vr-logged-in.video-responsive2 iframe {
    min-height: 205px !important;
    height: 205px !important;
  }

  .logged-in .video-responsive3 iframe {
    min-height: 170px !important;
    height: 185px !important;
  }

  .innerWhite2.equalHeight.top-margin-fix iframe {
    height: 200px;
    width: 100%;
  }
}

/* .products .product_cat-ebooks .row {
    display: none;
} */
.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #0078be;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.spinner.order-form {
  margin: 0 20px;
  padding: 5px 0 0;
  display: none;
}

@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* styles for '...' */
.block-with-text {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 400px;
  height: 60px;
  /* Fallback for non-webkit */
  margin: 0 auto;
  line-height: 1.4;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.block-with-title {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 400px;
  height: 59px;
  /* Fallback for non-webkit */
  margin: 0 auto;
  line-height: 1.4;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 5px;
  margin-top: 5px;
}

.view_cart_button {
  background-color: #007144;
  color: #fff;
  border-radius: unset;
  border: none;
  font-weight: normal;
  width: 110px !important;
  padding: 5px 10px 5px 10px;
  font-size: 12px;
  margin-left: 10px;
}

.view_cart_button:hover {
  color: #fff;
}

.single-cart .select-fancy2 select.qty {
  padding-right: 27px;
}

.single-cart {
  display: inline-block;
}

.single-cart-warp {
  text-align: center;
}

p.form-row.terms.wc-terms-and-conditions .woocommerce-form__input-checkbox {
  margin-left: -13px;
  position: relative;
  margin-right: 12px;
}

.cat-boxes .products.limeColor:hover {
  background-color: #00b53d;
}

.products.blueColor:hover {
  background-color: #0089e9;
}

.products.greenColor:hover,
.products.greenColor.active {
  background-color: #006837;
}

.categoryImageWrapper .products {
  cursor: default;
}

.woocommerce-cart-form__contents select.qty {
  width: 50px;
}

/* Coupon and Gravity Forms button styling moved to css/pld-buttons.css;
   the old bare button:hover / button:active rules are intentionally gone. */

.shop_table .order .order-number,
.shop_table > div:first-child .order-number {
  flex: 1.3 !important;
}

/* The old global button padding/margin rule is gone; spacing is owned by
   css/pld-buttons.css and per-component rules. */

.search_results .green-box-title {
  text-align: left;
}

.search_results .img-search {
  margin: 0;
  width: 100%;
  padding-bottom: 10px;
  display: block;
  max-width: 100%;
  height: auto;
}

.main_search_div h2.sliderTopTitle {
  margin-bottom: 10px;
}

.btn-view-details {
  border-top: 1px solid #ccc;
  padding: 10px;
  text-align: -webkit-right;
}

.serach-img-wrapper {
  height: 420px;
}

.bundle_button .alignment-fix {
  padding-top: 0;
  font-size: 22px;
  margin-right: 5px;
}

.bundle_button .select-fancy2 select.qty {
  width: 50px;
  font-size: 16px;
}

.bundle_button .custom-width-qu {
  padding-top: 2px;
}

.bundle_error ul.woocommerce-info {
  list-style: none;
  margin: 0 0 30px;
  padding-left: 0;
  color: #ed1c24;
}

.singular-product-notices .alert {
  margin-bottom: 0;
  border-radius: unset;
}

.shop-layout-archive .slideOuter .seminar .sliderList,
.shop-layout-archive .slideOuter .online_course .sliderList,
.shop-layout-archive .slideOuter .ebook .sliderList,
.shop-layout-archive .slideOuter .special .sliderList,
.shop-layout-archive .slideOuter .apps .sliderList,
.shop-layout-archive .slideOuter .downloads .sliderList {
  padding: 53px 0 0 0;
}

#main_search_div_product ul.products li.product {
  min-height: 505px;
}

#main_search_div_product .sliderTopTitle.purpleColor {
  background-color: transparent;
}

/* Edit by M Ahmad Ali */
.nopadding {
  padding: 0 !important;
}

.singular-page.woocommerce-cart .hentry {
  background: #fff !important;
}

.woocommerce-cart .singular-page .hentry {
  border-bottom: none;
  margin-bottom: 0;
}

.cart_product_bg {
  background: #f3f3f4;
  padding: 10px 20px 5px;
}

.woocommerce-cart div#post-5 {
  padding: 10px 0;
}

.shipping_cart {
  padding-right: 40px;
  padding-left: 0;
  margin-left: -5px;
}

.order_summary,
.payment_method_heading,
.order_heading,
.checkout_shipping #order_comments_field,
.address_label,
.billing_detail_lable,
.woocommerce-cart h1.loop-title,
.woocommerce-checkout h1.loop-title,
td.product-name > a,
div.cart_totals > div > h2,
.shipping_h,
.cart_totals_h,
td.product-name > div.bundled-product-name > a,
.woocommerce-account .loop-title,
.login_label,
.register_label,
.woocommerce-order-received .woocommerce-order-details__title,
.billing_address_revice,
.shipping_address_revice,
.purchase_order_recive {
  color: #5f9bcb;
}

.shipping_h,
th.product-price,
.woocommerce-cart th.product-quantity,
th.product-subtotal,
.woocommerce-cart th.product-name,
.cart_totals_h,
.woocommerce-cart div.cart_totals > div > h2,
.woocommerce-cart .btn-update-cart,
.label_balance,
.checkout_shipping #order_comments_field {
  /* font-family: "robotomedium"; */
}

.optional {
  display: none;
}

.woocommerce-cart span.woocommerce-Price-amount.amount,
.woocommerce-cart .quantity,
.order_detail_recive {
  color: #000;
}

.payment_method_heading,
.woocommerce-cart h1.loop-title,
.woocommerce-checkout h1.loop-title,
.woocommerce-account .loop-title {
  /* font-family: "robotobold"; */
}

.woocommerce-cart .coupon-btn {
  padding: 1rem 2.4rem;
}

.coupon-btn,
.shipping_table,
.subtotal_label,
.subtotal_price,
.shipping_price {
  border-top: none;
}

a.remove_product,
a.remove_product:hover {
  color: #6d6e71;
  text-decoration: none;
}

.shipping_heading {
  display: none;
}

.checkbox input[type='checkbox'] {
  position: relative;
  margin-left: 0;
}

a.shipping-calculator-button {
  background-color: #d1d2d4;
  color: #949598;
  padding: 6px 12px;
  border-radius: 3px;
  text-decoration: none;
}

p.shipping_button {
  margin: 0.8rem 0;
  position: relative;
}

.caret_down {
  margin-left: 3rem;
  font-size: 20px;
  color: #6d6e71;
}

.checkout_billing .shiping_to_different_address,
#ship-to-different-address {
  font-size: 16px;
}

#order_review tbody,
#order_review tr.woocommerce-shipping-totals.shipping,
#order_review td.shipping_note,
#order_review thead {
  display: none;
}

#order_review td {
  text-align: right;
}

#order_review {
  margin-left: -11px;
  margin-right: -11px;
}

a.remove_product {
  font-size: 18px;
  float: right;
}

.mb-1 {
  margin-bottom: 0.5rem;
}

table > thead > tr > th,
table.shop_table > tbody > tr > td {
  padding: 3px;
}

.shipping_cal_btn {
  margin-top: 10px;
}

table.shop_table.shop_table_responsive.hidden-th,
table.shop_table.shop_table_responsive.hidden-td {
  margin: 0;
}

.shipping_table,
.cart_table {
  background: #fff;
  padding: 10px 25px;
  border: 1px solid #ddd;
}

.logged-in .cart_table {
  padding: 12px 20px;
}

.woocommerce-cart .woocommerce .cart_totals th {
  width: 45%;
}

.logged-out .cart_table {
  padding: 10px 20px 15px;
}

td.product-price,
.woocommerce-cart td.product-quantity,
td.product-subtotal,
.woocommerce-cart td.product-name,
.woocommerce-cart td.product-name > a,
.woocommerce-cart p.backorder_notification,
.cart-subtotal,
.shipping,
.coupons,
.order-total,
.label_value_revice,
.woocommerce-order-received td.product-name,
.woocommerce-order-received td.quantity-name,
.woocommerce-order-received td.total-name,
.total_label,
.shipping_label,
.subtotal_label,
.coupon_label,
.caption_label,
.caption_detail,
.order_total_label,
.woocommerce-order-received address {
  font-family: robotoregular;
  font-weight: normal;
}

.cart-subtotal,
.shipping,
.coupons,
.order-total,
.product-price,
.woocommerce-cart .product-quantity,
.product-subtotal,
.woocommerce-cart td.product-name > a,
th.product-name,
th.product-price,
.woocommerce-cart th.product-quantity,
th.product-subtotal,
.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received th.product-name,
.woocommerce-order-received th.quantity-name,
.woocommerce-order-received th.total-name td.product-name > a,
.woocommerce-order-received .quantity_name_recive,
td.total_name_recive,
td.label_value_revice,
th.lable_heading_recive,
span.checkout_account_label {
  font-size: 14px;
}

.total_label,
.shipping_label,
.subtotal_label,
.coupon_label,
.caption_label,
.caption_detail,
.woocommerce-order-received address {
  color: #6d6e71;
  font-size: 14px;
}

.total_label,
th.product-name,
th.product-price,
.woocommerce-cart th.product-quantity,
th.product-subtotal {
  font-weight: bold;
}

.shipping_note {
  color: #949598;
  border-top: none;
  padding-right: 6rem;
}

/* Layout only - paint comes from the .checkout-button surface in
   css/pld-buttons.css (the old background/box-shadow here out-specificized
   the token rule, same as the place-order button). */
a.checkout-button.btn {
  margin-top: 1.5rem;
}

a.checkout_login,
.view_cart,
.place_order,
a.checkout_signup {
  background-color: #009bd9;
  color: #fff !important;
  font-family: robotomedium;
  font-size: 14px !important;
}

.woocommerce-address-fields p .button.btn:focus,
#payment div .view_cart:focus {
  background-color: #006bb2;
}

span.note-text {
  font-size: 12px;
  color: #000;
}

a.checkout-button.btn:hover {
  background-color: #006bb2;
}

.shop_table.shop_table_responsive.hidden-td .btn_checkout {
  text-align: right;
}

.woocommerce-cart ul#shipping_method li label {
  font-weight: normal;
  color: #6d6e71;
}

.woocommerce-cart .woocommerce ul#shipping_method .amount,
.woocommerce-page ul#shipping_method .amount {
  font-weight: normal;
}

.radio_position,
.address_1 {
  position: relative;
}

.payment_box_width {
  width: 100% !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 1em 0 !important;
}

.woocommerce-checkout p.form-row.terms.wc-terms-and-conditions .woocommerce-form__input-checkbox,
.woocommerce-checkout
  p.form-row.terms.wc-terms-and-conditions
  .woocommerce-form__input-checkbox:checked,
.woocommerce-checkout .woocommerce #payment p#wcdrip_subscribe_field input[type='checkbox'],
.woocommerce-checkout .woocommerce #payment p#wcdrip_subscribe_field input[type='checkbox']:checked,
input.checkbox_style,
input.checkbox_style:checked,
input.input_account_checkout,
input.input_account_checkout:checked,
input.radio_style,
input.radio_style:checked,
input.login_checkbox,
input.login_checkbox:checked,
.woocommerce-account input#wcdrip_subscribe,
.woocommerce-account input#wcdrip_subscribe:checked {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  outline: none;
  background: #fff;
  position: relative;
  top: 3px;
  border: 1px solid #a7a9ac;
}

input.checkbox_style,
input.checkbox_style:checked,
input.input_account_checkout,
input.input_account_checkout:checked,
input.login_checkbox,
input.login_checkbox:checked,
.woocommerce-account input#wcdrip_subscribe,
.woocommerce-account input#wcdrip_subscribe:checked {
  width: 18px;
  height: 18px;
  outline: none;
  left: 2px;
}

input.checkbox_style,
input.checkbox_style:checked,
input.input_account_checkout,
input.input_account_checkout:checked,
.woocommerce-checkout p.form-row.terms.wc-terms-and-conditions .woocommerce-form__input-checkbox,
.woocommerce-checkout
  p.form-row.terms.wc-terms-and-conditions
  .woocommerce-form__input-checkbox:checked,
.woocommerce-checkout .woocommerce #payment p#wcdrip_subscribe_field input[type='checkbox'],
.woocommerce-checkout
  .woocommerce
  #payment
  p#wcdrip_subscribe_field
  input[type='checkbox']:checked {
  width: 15px;
  height: 15px;
}

input.radio_style:checked {
  background: #009ed5;
}

input.checkbox_style,
input.checkbox_style:checked {
  top: 1px;
  margin-right: 9px;
}

input.radio_style::before {
  content: '';
  display: block;
  width: 60%;
  height: 60%;
  margin: 20% auto;
  border-radius: 50%;
}

input.login_checkbox::before {
  content: '';
}

input.checkbox_style::before,
input.input_account_checkout::before {
  font-size: 13px;
}

input.radio_style:checked::before {
  background-color: transparent !important;
}

.woocommerce-checkout p.form-row.terms.wc-terms-and-conditions .woocommerce-form__input-checkbox,
.woocommerce-checkout
  p.form-row.terms.wc-terms-and-conditions
  .woocommerce-form__input-checkbox:checked,
.woocommerce-checkout .woocommerce #payment p#wcdrip_subscribe_field input[type='checkbox'],
.woocommerce-checkout .woocommerce #payment p#wcdrip_subscribe_field input[type='checkbox']:checked,
input.checkbox_style,
input.checkbox_style:checked,
input.input_account_checkout,
input.input_account_checkout:checked,
input.login_checkbox,
input.login_checkbox:checked,
.woocommerce-account input#wcdrip_subscribe,
.woocommerce-account input#wcdrip_subscribe:checked {
  border-radius: 0;
  border: 1px solid #a7a9ac;
}

.woocommerce-checkout
  p.form-row.terms.wc-terms-and-conditions
  .woocommerce-form__input-checkbox:checked::before,
.woocommerce-checkout
  p.form-row.terms.wc-terms-and-conditions
  .woocommerce-form__input-checkbox:checked,
.woocommerce-checkout
  .woocommerce
  #payment
  p#wcdrip_subscribe_field
  input[type='checkbox']:checked::before,
.woocommerce-checkout .woocommerce #payment p#wcdrip_subscribe_field input[type='checkbox']:checked,
input.checkbox_style:checked::before,
input.checkbox_style:checked,
input.input_account_checkout:checked::before,
input.input_account_checkout:checked,
input.login_checkbox:checked::before,
input.login_checkbox:checked,
.woocommerce-account input#wcdrip_subscribe:checked::before,
.woocommerce-account input#wcdrip_subscribe:checked {
  content: '✓';
  position: relative;
  bottom: 2px;
  left: 2px;
  line-height: 1.3em;
}

.woocommerce-checkout a.checkout_login,
.woocommerce-checkout a.checkout_signup {
  position: absolute;
  top: -40px;
  left: 30rem;
  padding: 5px 25px;
}

.woocommerce-checkout a.checkout_signup {
  padding: 5px 20px;
  left: 20rem;
}

.address_label {
  font-size: 24px;
}

.your_order {
  font-size: 24px;
}

/* FOR REQUIRED */
.address_1 input:valid + .required {
  display: none;
}

.checkout_billing #order_comments_field,
.checkout_billing #custom_checkout_field {
  /* display: none; */
}

.woocommerce-order-received .total_label,
th.product-name,
th.product-price,
.woocommerce-cart th.product-quantity,
th.product-subtotal {
  color: #000;
}

.woocommerce-checkout #eWAYBlock,
.woocommerce-checkout .woocommerce #payment div.payment_box::after,
.woocommerce-checkout .woocommerce-page #payment div.payment_box::after,
.checkout_shipping .woocommerce-shipping-fields {
  display: none;
}

.checkout_shipping #order_comments_field {
  font-size: 24px;
  margin-top: -3px;
}

.payment_method_purchaseorder.lable_position {
  position: absolute;
  top: 1.3rem;
  left: 15rem;
}

.woocommerce-checkout-payment,
.payment_form,
.woocommerce-account .loop-title {
  position: relative;
}

.order_summary_body {
  background: #fff;
}

.view_cart {
  margin-top: 1rem;
}

.checkout .subtotal_price,
.checkout .shipping_price_checkout,
.checkout .coupon_price_checkout {
  padding: 8px;
}

.company_field {
  margin-top: 24px;
}

.woocommerce-checkout .hentry,
.woocommerce-checkout .woocommerce #payment,
.woocommerce-checkout .woocommerce-page #payment,
.woocommerce-checkout .col-xs-12.col-sm-4.checkout_billing,
.woocommerce-order-received .order_detail_table {
  background: #f8f8f8;
}

.country_field {
  clear: both;
}

.woocommerce-checkout input#eway_payments-card-name,
.woocommerce-checkout input#eway_payments-card-number,
.woocommerce-checkout input#eway_payments-card-expiry,
.woocommerce-checkout input#eway_payments-card-cvc,
.payment_method_purchaseorder input#purchase_order_number {
  padding: 5px 10px;
  outline: none;
  max-width: 49%;
}

input#billing_first_name,
input#billing_last_name,
input#billing_email,
input#billing_phone,
input#billing_address_1,
input#billing_address_2,
input#billing_city,
input#billing_postcode,
input#shipping_first_name,
input#shipping_last_name,
input#billing_company,
input#shipping_company,
input#shipping_address_1,
input#shipping_address_2,
input#shipping_city,
input#shipping_postcode,
input#some_field_name,
input#account_password,
.woocommerce-checkout.woocommerce-page select + span .select2-selection__rendered {
  height: 40px;
}

.woocommerce-checkout.woocommerce-page select + span .select2-selection__rendered {
  padding: 0 8px !important;
  height: 30px !important;
  color: #000;
}

#purchase_order_number::-webkit-input-placeholder,
#billing_email::-webkit-input-placeholder,
#billing_phone::-webkit-input-placeholder,
#billing_company::-webkit-input-placeholder,
#billing_address_1::-webkit-input-placeholder,
#billing_address_2::-webkit-input-placeholder,
#billing_city::-webkit-input-placeholder,
#billing_postcode::-webkit-input-placeholder,
#order_comments::-webkit-input-placeholder,
#billing_first_name::-webkit-input-placeholder,
#billing_last_name::-webkit-input-placeholder {
  /* Edge */
  font-size: 14px;
  color: #cacaca;
  font-family: robotomedium;
}

#purchase_order_number:-ms-input-placeholder,
#billing_email:-ms-input-placeholder,
#billing_phone:-ms-input-placeholder,
#billing_company:-ms-input-placeholder,
#billing_address_1:-ms-input-placeholder,
#billing_address_2:-ms-input-placeholder,
#billing_city:-ms-input-placeholder,
#billing_postcode:-ms-input-placeholder,
#order_comments:-ms-input-placeholder,
#billing_first_name:-ms-input-placeholder,
#billing_last_name:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 14px;
  color: #cacaca;
  font-family: robotomedium;
}

#purchase_order_number::placeholder,
#billing_email::placeholder,
#billing_phone::placeholder,
#billing_company::placeholder,
#billing_address_1::placeholder,
#billing_address_2::placeholder,
#billing_city::placeholder,
#billing_postcode::placeholder,
#order_comments::placeholder,
#billing_first_name::placeholder,
#billing_last_name::placeholder {
  font-size: 14px;
  color: #cacaca;
  font-family: robotomedium;
}

.woocommerce-checkout.woocommerce-page #select2-billing_job_title-container,
.woocommerce-checkout.woocommerce-page #select2-billing_state-container,
.woocommerce-checkout.woocommerce-page #select2-shipping_job_title-container,
.woocommerce-checkout.woocommerce-page #shipping_state,
.woocommerce-checkout.woocommerce-page input,
.woocommerce-checkout.woocommerce-page textarea,
.woocommerce-checkout.woocommerce-page select {
  font-size: 14px;
  color: #000;
  font-family: robotomedium;
}

.woocommerce-checkout .hentry {
  margin-top: -15px;
}

label[for='shipping_method_0_local_pickup1'] {
  color: #000;
}

label[for='shipping_method_0_starshipit_3d55'] {
  color: #000;
  font-weight: 600;
}

label[for='shipping_method_0_starshipit_3d55'] span,
label[for='shipping_method_0_starshipit_3d55'] small {
  font-weight: 100;
}

label[for='shipping_method_0_starshipit_3j55'] {
  color: #000;
  font-weight: 600;
}

label[for='shipping_method_0_starshipit_3j55'] span,
label[for='shipping_method_0_starshipit_3j55'] small {
  font-weight: 100;
}

table.woocommerce-checkout-review-order-table,
th.shipping_label,
th.coupon_label {
  color: #000 !important;
}

#ship-to-different-address-checkbox + span {
  font-size: 12px;
  color: #000;
}

.text-gray,
a.cc_terms_link {
  color: #949598;
}

.place_order_checkbox {
  margin-top: -2em;
}

.woocommerce-checkout #wc-eway_payments-cc-form {
  margin-top: 1em;
}

.woocommerce-checkout .woocommerce #payment div.payment_box,
.woocommerce-checkout .woocommerce-page #payment div.payment_box {
  margin-top: -1em;
}

.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table {
  margin-bottom: 0;
  color: #6d6e71;
}

.woocommerce-checkout abbr.required {
  font-size: 14px;
}

.woocommerce-checkout .col-xs-12.col-sm-4.checkout_billing {
  padding-right: 2.5em;
}

.woocommerce-checkout .col-xs-12.col-sm-4.checkout_shipping {
  padding-left: 2.5em;
}

.input_company {
  margin-top: 1px;
}

.input_postcode {
  margin-top: 4px;
}

.woocommerce-checkout .woocommerce #payment ul.payment_methods,
.woocommerce-checkout .woocommerce-page #payment ul.payment_methods {
  /* padding: 1em 0 0 0; */
  padding: 10px 10px !important;
}

.woocommerce-checkout .woocommerce #payment div.form-row,
.woocommerce-checkout .woocommerce-page #payment div.form-row {
  padding: 0;
}

label.address_label > abbr.required,
.hide_label {
  display: none !important;
}

.order_heading {
  margin-top: 0;
}

.firstname_label {
  display: none !important;
}

.woocommerce-account .main {
  background-color: #f1f2f2 !important;
}

.woocommerce-account .main,
.woocommerce-account .hentry {
  background-color: #fff !important;
  padding: 0;
}

.login_label,
.register_label,
.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received th.product-name,
.woocommerce-order-received th.quantity-name,
.woocommerce-order-received th.total-name,
.lable_heading_recive,
.ship_label,
.job_title_label,
.woocommerce-checkout .billing_detail_lable,
.order_summary,
.address_label,
.order_heading,
.shipping_note,
.state_label,
.country_label,
.woocommerce-checkout .woocommerce-billing-fields,
.state_label,
.suburb_label,
.woocommerce-checkout .account_label {
  font-family: robotomedium;
}

.job_title_label,
#billing_state_field label,
#billing_postcode_field label,
#billing_country_field label,
#shipping_city_field label,
#shipping_state_field label,
#shipping_postcode_field label,
#shipping_country_field label,
#shipping_country_field span strong {
  color: #000;
  font-weight: 600;
}

.mb-2 {
  margin-bottom: 2em;
}

#payment_method_eway + label,
#payment_method_purchaseorder + label {
  color: #000;
  vertical-align: middle;
  /* margin-left: 10px; */
}

#order_review .wc_payment_method.payment_method_eway label[for='payment_method_eway'] {
  display: flex;
}

.woocommerce-account form.woocommerce-form.woocommerce-form-login.login.login_form_fields,
.woocommerce-account form.register.register_form_fields,
.login_label,
.register_label {
  margin: 0 auto 10px;
}

.woocommerce-account form.woocommerce-form.woocommerce-form-login.login.login_form_fields,
.woocommerce-account form.register.register_form_fields {
  padding: 10px;
  border-radius: 0;
}

.login_input_label {
  top: 7px;
  left: -2px;
}

.login_input_label,
.woocommerce-account #wcdrip_subscribe_field > label.checkbox {
  color: #939598;
  font-size: 17px;
  font-family: robotoregular;
  font-weight: normal;
  cursor: pointer;
}

span.label_remember {
  position: relative;
  left: 1rem;
  bottom: 1px;
}

input.login_checkbox {
  margin-bottom: 1px;
}

.woocommerce-account input#wcdrip_subscribe {
  margin-right: 10px;
  position: relative;
  margin-top: -3px;
  top: 2px;
}

/* Login/register paint and disabled state live in pld-buttons.css; the
   !important grey that used to sit here painted over the brand blue. */

a.lost_passowrd_link {
  color: #ae0606;
  font-size: 14px;
  font-family: robotoregular;
}

.placeholder_input::placeholder {
  color: #949598;
  font-family: robotomedium;
  font-size: 16px;
}

.placeholder_input {
  padding: 22px 10px 15px;
}

.btn_register {
  margin-top: 5px;
  margin-bottom: 1em;
}

.woocommerce-account .woocommerce-LostPassword.lost_password.clearfix {
  margin-bottom: 5px;
}

.layout-2c-l .sliderTopTitle.purpleColor {
  background-color: transparent;
}

.layout-2c-l h2.sliderTopTitle.purpleColor.active,
.customize-support h2.sliderTopTitle.purpleColor:hover {
  background-color: #7754b3;
}

.ie .product_cat-literacy-skills .img-thumbnail-left,
#video-thumbnail {
  width: 100%;
}

.error-404 .loop-description {
  color: #000;
}

.homeSliderShadow {
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  margin-top: 20px;
  background: none;
}

#menu-primary-mobile {
  width: 100%;
  float: right;
  background-color: #0078be;
  padding-left: 0;
}

#menu-primary-mobile ul {
  font-weight: normal;
  margin-bottom: 2px;
}

#menu-primary-mobile ul {
  padding: 0;
  margin: 0;
}

#menu-primary-mobile ul li a {
  text-decoration: none;
  color: #fff;
  font-size: 12pt;
  padding: 8px 10px 9px;
  text-shadow: 0 1px 1px #000;
}

#menu-primary-mobile ul li.dropdown li:first-of-type a:hover {
  border-top-left-radius: 0;
}

#menu-primary-mobile .dropdown-menu li a,
#menu-primary-mobile ul li a:hover {
  background-color: #0087c2;
}

#menu-primary-mobile .dropdown-menu li a {
  font-size: 10pt;
  padding: 5px 13px 5px;
}

/* function css fn_hrf_styles_2 */
.hrf_faq_categories_ul {
  list-style: none;
  display: block;
  padding-left: 0;
}

.hrf_faq_categories_ul .hrf_faq_categories_li {
  display: inline-block;
  padding: 15px;
  background-color: #0078be;
  color: #fff;
  cursor: pointer;
  margin-bottom: 15px;
  margin-right: 5px;
}

.hrf_faq_categories_ul .hrf_faq_categories_li:hover,
.hrf_faq_categories_ul .hrf_faq_categories_li.active {
  background-color: #00a9e9;
}

.hrf_faq_tab_content div.hrf_faq_cat_item_list {
  display: none;
}

.hrf_faq_tab_content div.hrf_faq_cat_item_list.hrf_faq_show {
  display: block;
}

.woocommerce-cart .cart_totals {
  margin-bottom: 7rem;
}

.woocommerce-cart .btn-update-cart:active,
.woocommerce-cart .btn-update-cart:focus {
  background-color: #cfdd45;
}

.woocommerce-cart .btn-update-cart:hover {
  background-color: #006bb2;
}

.woocommerce-cart .btn-update-cart {
  color: #fff;
  background-color: #009bd9;
}

.woocommerce-order-received .hentry {
  background: #f8f8f8;
}

.woocommerce-order-received .woocommerce-order-details__title {
  font-size: 24px;
}

ul.checkout_order_list {
  list-style: none;
  padding: 0;
}

ul.checkout_order_list,
.woocommerce-order-received .woocommerce-notice,
.lable_heading_recive,
td.quantity_name_recive,
td.total_name_recive,
td.label_value_revice {
  color: #77797c;
}

.label_balance,
.woocommerce-order-received .includes_tax,
.blance_due {
  color: #181818;
}

.red {
  color: #f00;
}

.woocommerce-order-received .woocommerce-notice {
  font-weight: bold;
}

.quantity_name_recive {
  width: 15%;
}

.product_name_recive {
  width: 40%;
}

.product_name_recive,
.quantity_name_recive,
.total_name_recive {
  min-width: unset !important;
}

.woocommerce-order-received
  .woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
  margin-bottom: 0;
}

.order_detail_table {
  padding: 0.5rem 1.5rem 0.2rem !important;
  margin-bottom: 15px;
}

.woocommerce-cart table > thead > tr > th {
  border-bottom: 1px solid #ddd;
}

.woocommerce-checkout .input-text::placeholder,
.woocommerce-checkout .input-text,
.woocommerce-checkout .payment_method_eway.lable_position,
.woocommerce-checkout .payment_method_purchaseorder.lable_position {
  font-family: robotomedium;
  font-size: 14px;
  color: #cacaca;
}

.woocommerce-checkout input#eway_payments-card-number,
.woocommerce-checkout input#eway_payments-card-expiry,
.woocommerce-checkout input#eway_payments-card-cvc,
.payment_method_purchaseorder input#purchase_order_number {
  padding: 7px 10px;
}

.woocommerce-checkout .payment_method_eway.lable_position,
.woocommerce-checkout .payment_method_purchaseorder.lable_position {
  font-size: 16px;
}

.woocommerce-cart .bundled_table_item td.product-quantity {
  padding: 3px 12px;
}

.job_title {
  padding: 4px 8px;
}

.checkout_billing span#select2-billing_state-container,
.checkout_billing span#select2-billing_country-container {
  padding: 0 10px;
  font-size: 14px;
  color: black;
  font-weight: 500;
}

.woocommerce-checkout .select2-selection__arrow {
  /* top: 5px !important; */
}

.woocommerce-checkout span.select2-selection.select2-selection--single:focus {
  outline: none;
}

.coupon_btn_checkout {
  background: transparent;
  color: #f00;
  padding: unset;
}

td.label_value_revice,
th.lable_heading_recive {
  padding-left: 3px;
}

.woocommerce-checkout .woocommerce-account-fields {
  margin-top: 1rem;
  margin-bottom: 0.6rem;
}

.woocommerce-checkout .radio_position,
.woocommerce-checkout .shiping_to_different_address {
  margin: 0;
  margin-bottom: 1rem;
}

.logged-in .woocommerce-checkout .shiping_to_different_address {
  margin-top: 2rem;
}

input.input_account_checkout,
input.input_account_checkout:checked {
  top: 3px;
  margin-right: 11px;
}

.woocommerce-order-received .amount_price {
  width: 10%;
  text-align: right;
  display: inline-block;
}

.woocommerce-order-received small.includes_tax > .amount_price {
  width: unset;
}

.woocommerce-order-received ul.order_details > li.total > strong > .amount_price {
  text-align: left;
  width: auto;
}

.order_detail_recive {
  font-weight: normal;
}

.logged-in .pld-approach-video iframe {
  width: 560px;
  height: 247px;
}

@media (max-width: 1280px) {
  .shipping_cart {
    margin-left: 0;
  }

  .logged-in .pld-approach-video iframe {
    width: 560px;
    height: 200px;
  }
}

@media (max-width: 360px) {
  #customer_details + div.row {
    background-color: #fff;
  }

  #payment .form-row.terms.wc-terms-and-conditions,
  #payment #drip_woocommerce_accepts_marketing_field {
    margin-left: 20px;
  }

  .hfeed .post.hentry,
  .post.hentry,
  .singular-page .hentry {
    padding: 0;
  }

  #payment .form-row.place-order {
    background-color: #fff;
  }

  #customer_details + div.row #payment ul {
    margin-bottom: 0;
    padding: 0 25px 25px;
  }

  .shipping_cart {
    padding-right: 0 !important;
  }

  .apply_coupon {
    text-align: left;
  }

  .woocommerce-checkout #content {
    padding: 30px 15px;
    background: #fff;
  }

  .woocommerce-order-received #content {
    padding: 0;
    background: transparent;
  }

  .woocommerce-order-received .row {
    margin: 0;
  }
}

.woocommerce-checkout .woocommerce .form-control,
.woocommerce-checkout .woocommerce .select2-selection__rendered {
  color: #949598;
  background-color: #f8f8f8;
  border: unset;
  border-radius: unset;
}

.eway-credit-card-message {
  display: none;
}

#couponModal .embed-responsive {
  padding-bottom: 0% !important;
  height: auto;
}

.woocommerce form.checkout_coupon {
  border: none;
  margin: 0;
  padding: 10px 0;
}

.woocommerce form.checkout_coupon input[type='submit'] {
  background-color: #0083b0 !important;
  color: #fff !important;
  font-family: robotoregular;
  font-size: 14px !important;
  margin-top: 10px;
}

#couponModal p.form-group.form-row {
  display: block;
}

#couponModal p.form-group.form-row .form-control {
  width: 100%;
}

#wcdrip_subscribe_field .optional {
  display: none;
}

span#select2-billing_job_title-container,
.checkout_billing span#select2-billing_state-container {
  font-size: 14px;
}

#billing_state_field,
#billing_postcode_field {
  margin-bottom: 19px;
}

#billing_country_field {
  clear: both;
}

.woocommerce-checkout-review-order-table .cart-discount td {
  text-align: right;
  padding-right: 8px;
}

.woocommerce-checkout-review-order-table th {
  font-weight: normal;
  font-family: robotoregular;
  font-size: 14px;
}

td.caption_detail {
  position: relative;
}

tr.cart-discount .neg {
  position: absolute;
  left: -3px;
}

#order_review tr.cart-discount .neg {
  padding-right: 3px;
  position: initial;
}

#order_review tr.cart-discount {
  font-size: 14px;
}

.gfield_list_2_cell4 {
  width: 10%;
}

.gfield_list_2_cell3 {
  width: 15%;
}

.gfield_list_2_cell1 {
  width: 15%;
}

.gfield_list_2_cell2 {
  width: 50%;
}

.gfield_list_icons {
  width: 6%;
}

.wishlist_table th {
  font-family: 'Century Gothic W01', sans-serif;
  font-weight: bold;
  font-size: 14px;
}

.wishlist_table tr td {
  text-align: left;
  font-family: 'Century Gothic W01', sans-serif;
  font-size: 14px;
}

.woocommerce table.wishlist_table tr td.product-remove {
  padding: 16px 0 16px 16px;
}

img.img-search.no-img-prod {
  padding: 0 20px;
}

.woocommerce ul#shipping_method li,
.woocommerce-page ul#shipping_method li {
  text-indent: -26px;
}

@media print {
  .single_main_title {
    display: none !important;
  }
}

p#billing_postcode_field label.postcode_label {
  display: block !important;
  font-family: robotobold;
}

input#billing_first_name,
input#billing_last_name,
input#billing_email,
input#billing_phone,
input#billing_address_1,
input#billing_address_2,
input#billing_city,
input#billing_postcode,
input#shipping_first_name,
input#shipping_last_name,
input#billing_company,
input#shipping_company,
input#shipping_address_1,
input#shipping_address_2,
input#shipping_city,
input#shipping_postcode,
textarea#order_comments,
input#some_field_name,
input#account_password {
  padding: 5px 10px;
  background-color: #f8f8f8;
}

#register-form {
  margin: 20px auto;
}

.register_form_fields .form-control {
  height: 40px;
}

.blog-arrow {
  position: relative;
  padding: 10px 0;
}

.blog-h3-home {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

h3.entry-title.blog-h3-home a {
  color: #000;
  font-weight: 500;
}

/* changes below */

.select2-container {
  /* width: 100% !important; */
  margin-top: 3px !important;
}

.woocommerce-checkout .woocommerce #payment div.payment_box,
.woocommerce-checkout .woocommerce-page #payment div.payment_box {
  margin-top: 0 !important;
}

tr.cart-subtotal,
tr.woocommerce-shipping-totals {
  border-bottom: solid 1px #ccc;
}

/* The redesigned cart and checkout use the lighter design-system divider. */
.pld-cart-page tr.cart-subtotal,
.pld-cart-page tr.woocommerce-shipping-totals,
.pld-co-page tr.cart-subtotal,
.pld-co-page tr.woocommerce-shipping-totals {
  border-bottom-color: #e7e7e7;
}

h3#payment-methods {
  padding: 10px 0;
}

/* Input radio button position fixed */
.payment_method_purchaseorder.lable_position {
  top: 110px;
}

.ajax-login-message.success {
  font-size: 15px;
  background-color: #e3ffe3;
  color: #696;
  border: 1px solid #ade5ad;
  padding: 5px 10px;
  font-weight: 600;
  margin-bottom: 10px;
}

.ajax-login-message.error {
  font-size: 15px;
  background-color: #f2dede;
  color: #a94442;
  border: 1px solid #ebccd1;
  padding: 5px 10px;
  margin-bottom: 10px;
}

.regiteration-loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('https://pld-literacy.org/wp-content/uploads/2023/05/spinner.gif') 50% 50%
    no-repeat white;
  opacity: 0.8;
  display: none;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.ajax-login-message.success p,
.ajax-login-message.error p,
.successmessage p {
  margin-bottom: 0 !important;
  font-size: 15px !important;
}

@media only screen and (max-width: 1200px) {
  .payment_method_purchaseorder.lable_position {
    left: 0 !important;
    top: 128px !important;
  }

  .logged-in .video-responsive2 iframe {
    min-height: 150px !important;
  }

  .logged-in .vr-logged-in.video-responsive2 iframe {
    height: 175px !important;
    min-height: 175px !important;
  }

  .newsletter-name-fields div {
    display: block !important;
    padding: 0 !important;
    width: 100% !important;
  }
}

@media only screen and (max-width: 992px) {
  .logged-in .video-responsive2 iframe {
    height: 165px !important;
    min-height: 100% !important;
  }

  .logged-in .video-responsive2 iframe {
    height: 110px !important;
    min-height: 100% !important;
  }

  .logged-in .pld-approach-video iframe {
    width: 560px;
    height: 130px;
  }
}

@media only screen and (max-width: 720px) {
  .logged-in .video-responsive2 iframe {
    height: 135px !important;
    min-height: 130px !important;
  }
}

.wcbulkorderform .variation_name,
.wcbulkorderform .product_qty {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition:
    border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  -o-transition:
    border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  transition:
    border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
}

tr.wc_bof_product_list td {
  text-align: left;
}

td.wc_bof_pricetotal {
  text-align: left;
}

td.wc_bof_pricetotalhead {
  text-align: right;
  font-weight: bold;
}

/* preview icon styling */

img#preview-icon {
  position: absolute;
  height: 40px;
  width: 40px;
  display: block;
  right: 30px;
}

tr.tax-rate.tax-rate-au-gst-1 td span {
  float: right;
}

/* Styles to show lable on checkout page */
.show {
  display: block !important;
}

/* Cross Sells styling */
ul.products-cross-sells li.product div.green_box {
  background-color: transparent !important;
  color: green !important;
  padding: 10px 0 !important;
}

ul.products-cross-sells li.product > div.green_box h5 {
  font-weight: 100;
  color: green;
}

ul.products-cross-sells {
  margin: 0 !important;
}

ul.products-cross-sells li.product {
  min-height: 165px;
  min-width: 110px;
  margin: 0 !important;
  border: none !important;
}

.summary {
  margin-bottom: -2em !important;
}

ul.products-cross-sells li.product div.row,
ul.products-cross-sells li.product div.col-xs-12 {
  display: none !important;
}

ul.products-cross-sells li.product img {
  height: auto;
  width: 100%;
}

ul.products-cross-sells li.product:hover img {
  border: solid 2px #00a9e9;
  border-radius: 3px;
}

ul.products-cross-sells li.product:hover a {
  text-decoration: none;
}

ul.products-cross-sells li.product:hover a h5.title-for-cross-sell small {
  color: #00a9e9;
  text-decoration: none;
}

.order_summary_body .note-text {
  display: none;
}

/* Preview icon display styling */
div.middle div.prod-text img.preview-icon {
  position: absolute;
  top: -10px;
  right: 0;
  height: 50px;
  width: 50px;
}

.shipping-calculator-form span.select2-selection.select2-selection--single {
  color: #212529;
  font-weight: 400;
  border-radius: 0;
  border: solid 1px #eee;
  height: 40px !important;
  background-color: #f8f8f8;
  padding: 6px 3px !important;
  font-family: robotomedium !important;
}

.shipping-calculator-form span.select2-selection.select2-selection--single b {
  display: none;
}

.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
  background-color: #f8f8f8;
  border: unset;
  border-radius: 0;
}

.shipping-address-block a.shipping-calculator-button {
  padding: unset;
}

.woocommerce-shipping-calculator.shipping-address-block {
  box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0 !important;
  padding: 0 15px;
}

.shipping-address-block a.shipping-calculator-button button,
.shipping-address-block .shipping-calculator-button {
  width: 100%;
  margin: 0;
  padding: 10px 0;
  text-align: left;
  background-color: #fff !important;
  color: #000;
}

.shipping-address-block a.shipping-calculator-button button i.fa.fa-caret-down.caret_down {
  float: right;
}

.shipping-address-block a.shipping-calculator-button button .fa.fa-map-marker,
.shipping-address-block .shipping-calculator-button .fa.fa-map-marker {
  color: #009fde;
  font-size: 18px;
  margin-right: 5px;
}

.shipping-address-block button.button {
  margin-bottom: 10px;
  margin: 0 0 10px 0;
  text-transform: uppercase;
  padding: 5px 12px;
  background-color: #009fde;
  box-shadow: rgb(0 84 134) 0 3px;
}

.update-cart-btn {
  margin: 0;
}

.product-name.h.flex-3 {
  font-size: 14px;
}

.shipping_table .shop_table.shop_table_responsive.hidden-th tr.shipping hr {
  margin: 24px 0 24px 0;
}

select#shipping_job_title {
  border: solid 1px #bcbdc0 !important;
  position: relative;
  top: 1px;
  height: 30px;
}

/* description paragraph and download button styling on download tab */
a.btn-on-dtab {
  display: block;
  width: 30%;
  float: right;
  margin: 5px;
}

.product-excerpt-list {
  font-weight: bold;
  color: #333;
  font-size: 1.1em;
}

p.block-with-text-1 {
  color: #333;
}

ul.products li.product.download-tabs {
  height: auto !important;
}

ul.products li.product.download {
  height: auto;
  min-height: 558px;
}

/* downloadable page styling */
.sky-back {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  min-height: 100%;
}

.sky-back-for-screening {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

#pld-logo {
  height: 3.88cm;
  width: 6.14cm;
  float: right;
  display: block;
}

#d-right div {
  display: block;
  width: 100%;
}

#pc-lap {
  /* max-height: 470px;
    height: 5.79cm;
    width: 9.03cm; */
  position: relative;
  top: 40px;
}

#d-left h1 {
  color: #fff;
  font-size: 58px;
  margin: 0;
}

#d-left {
  padding: 0;
  color: #fff;
  font-size: 23px;
}

#d-left p {
  color: #fff;
  font-size: 23px;
  text-align: justify;
}

#d-left ul {
  font-size: 23px;
  color: #fff;
}

.btn-early-2 {
  background-color: #ffff2a;
  box-shadow: 0 5px #f5cf00;
}

.btn-early-3 {
  background-color: #ff7bac;
  box-shadow: 0 5px #e5488d;
}

.btn-early-1 {
  background-color: #7754b3;
  box-shadow: 0 5px #54137a;
}

.btn-early {
  background-color: #fbb03b;
  box-shadow: 0 5px #ff931e;
}

.btn-early-4 {
  background-color: #e11f26;
  box-shadow: 0 5px #aa2127;
}

.btn-early-5 {
  background-color: #0a9bd9;
  box-shadow: 0 5px #016bb3;
}

.btn-early-6 {
  background-color: #84a935;
  box-shadow: 0 5px #476316;
}

.btn-early,
.btn-early-1,
.btn-early-2,
.btn-early-3,
.btn-early-4,
.btn-early-5,
.btn-early-6 {
  height: 44px;
  display: block;
  font-family: var(--pld-btn-font, 'Segoe UI', sans-serif);
  font-size: 16px;
  font-weight: 600;
  border-radius: 0;
  margin: 10px auto;
}

.btn-early span,
.btn-early-1 span,
.btn-early-2 span,
.btn-early-3 span,
.btn-early-4 span,
.btn-early-5 span,
.btn-early-6 span {
  padding: 11px;
  float: left;
  color: white;
  font-weight: bold;
}

.cat-boxes-downloadables h2 {
  font-size: 18px;
  margin: 3px 0 0 0;
}

.btn-early span:nth-child(1),
.btn-early-1 span:nth-child(1),
.btn-early-2 span:nth-child(1),
.btn-early-3 span:nth-child(1),
.btn-early-4 span:nth-child(1),
.btn-early-5 span:nth-child(1),
.btn-early-6 span:nth-child(1) {
  text-transform: uppercase;
  text-shadow: 0 0 3px #000;
}

.btn-early span:nth-child(2),
.btn-early-1 span:nth-child(2),
.btn-early-2 span:nth-child(2),
.btn-early-3 span:nth-child(2),
.btn-early-4 span:nth-child(2),
.btn-early-5 span:nth-child(2),
.btn-early-6 span:nth-child(2) {
  float: right;
  background-color: #333;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0 5px black;
}

.cat-boxes {
  margin: 20px auto;
}

a.add_to_cart_button {
  background-color: #006f44;
  color: white;
}

div.product_meta p.posted_in {
  display: inline-table;
}

/* download icon styling */
#product-img-thumb-right > a > img.download-icon {
  position: absolute;
  height: 60px;
  width: 60px;
  display: block;
  right: 15px;
}

@media only screen and (max-width: 679px) {
  #tab-test_tab ul.products li {
    width: 100% !important;
    margin-bottom: 70px;
  }

  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    height: auto;
  }

  ul.products-cross-sells li.product {
    min-width: 110%;
  }

  .downloads-li {
    height: 642px;
  }
}

@media only screen and (max-width: 479px) {
  #product-img-thumb-right > a > img.download-icon {
    height: 45px;
    width: 45px;
  }

  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    height: auto;
  }

  div.middle div.prod-text img.preview-icon {
    height: 45px;
    width: 45px;
    top: 0;
  }
}

/* cross sells adjusted below */

div.singular-product-last {
  position: relative;
  top: 20px;
}

h4#related-downloads {
  color: #00a9e9;
}

h5.title-for-cross-sell {
  margin: 0;
}

ul.products-cross-sells > li > div.green_box {
  margin: 0;
}

hr {
  margin: 5px auto;
}

.posted_in {
  padding: 20px 0;
  padding-top: 5px;
}

img.preview-icon-dtb {
  height: 27px;
  width: 27px;
  position: relative;
  left: 55%;
}

#eye-icon-dtb {
  position: relative;
  left: 55%;
  top: 8px;
}

/* download button view fixed in responsive view */

div#product-img-thumb-right a#download-btn-on-product {
  font-size: 13px;
  margin: 10px auto;
  display: block;
  width: 30%;
}

.thumbnail {
  margin-bottom: 0;
}

#back-green,
.reading-book-sets,
.backdrop-yellow,
.skyblue-back {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

h1.apps-for-literacy {
  margin: 0;
  text-transform: capitalize;
  color: #038144;
  line-height: 70px;
  font-size: 55px;
}

p.afl-p {
  color: #58585a;
  font-size: 25px;
}

.tab img {
  height: 550px;
}

.content p {
  font-size: 20px;
}

.content h1 {
  font-size: 55px;
}

.content h1,
.content p {
  color: white;
}

.content {
  padding: 40px 0;
}

#apps-lit-content {
  padding: 50px 0;
}

.singular-product-row .thumbnail {
  border: none;
}

td.wc_bof_product_delete,
td.qof-td {
  width: 1% !important;
  white-space: nowrap !important;
}

a.wc_bof_product_delete_link {
  display: block;
  text-align: center;
}

.bundle_availability p.out-of-stock,
p.out-of-stock {
  display: block !important;
}

h1#blog-title {
  color: #fff;
}

.tel a:hover,
.mail a:hover {
  color: #23527c;
}

ul#menu-footer-contact-nav {
  margin-bottom: 0;
}

p.stock.out-of-stock {
  text-align: center;
  font-weight: 600;
  font-size: 1.2em !important;
}

div.selectize-control.loading > div.selectize-input {
  background-image: url('newspiffygif_30x30.gif') !important;
  background-position: 98% center !important;
  background-repeat: no-repeat !important;
  background-size: 4% auto !important;
}

@media only screen and (max-width: 1199px) {
  #d-left h1.landing-page-title {
    font-size: 40px;
  }

  ul.products li.product.download-tabs {
    height: auto !important;
  }

  ul.products li.product.download {
    height: auto;
  }

  .innerWhite2.equalHeight.top-margin-fix iframe {
    height: 165px;
    width: 100%;
  }
}

table#wcbulkorderproducttbl thead tr td {
  font-weight: bold;
}

.layout-2c-l .hfeed {
  width: 100% !important;
}

.custom-width {
  width: 55%;
}

.gform_wrapper .ginput_complex .name_first,
.gform_wrapper .ginput_complex .name_last {
  width: auto;
}

.tri-btns {
  height: 54px;
}

div.main_skill_div div.tab-contents .skill_curr_item {
  display: block;
}

#footer-links,
#footer-glossary {
  list-style: none;
  padding: 0;
}

#footer-links li a:hover,
#footer-glossary li a:hover {
  text-decoration: underline;
}

.seminar-list {
  width: 100%;
  list-style: none;
}

#seminars {
  width: 23%;
  margin: 10px;
  float: left;
  border: solid 1px #ccc;
  min-height: 465px;
}

.woocommerce-page ul.products li.product.seminars {
  height: auto;
}

.green-box h5 {
  margin: 0;
}

.btn:hover {
  color: #fff;
}

.dwrap_hide iframe {
  width: 100%;
  height: 180px;
}

.download-btn {
  text-align: center;
}

.green-box,
.course_image,
.course_content {
  padding: 10px;
}

.green-box h5 a {
  color: #fff !important;
}

.green-box {
  background-color: #006f44;
  min-height: 58px;
}

.seminars-descrip {
  padding: 10px;
  min-height: 260px;
  font-size: 1.1em;
}

#seminar-thumbnail img {
  margin: 10px auto;
  display: block;
  height: 200px;
  width: 200px;
}

.btn-for-downloads,
.btn-for-screening {
  margin: 10px auto;
  font-size: 18px;
}

/* screening tool adjusted in single row */
.sliderTopTitle {
  padding: 10px 15px;
  font-size: 1.2em !important;
}

.apps,
.cat-descr {
  color: #000;
}

p.cat-descr {
  font-size: 16px;
}

.cat--description {
  margin: 22px 0 5px 0;
  color: #005486;
  font-weight: 600 !important;
}

div.print-notices {
  min-height: 60px;
}

h1.overlay-title {
  color: #005486;
  margin-top: 24px;
  font-size: 30px;
}

.cat__title {
  font-size: 25px !important;
  margin-top: 80px !important;
}

.alert {
  margin-bottom: 0;
}

a.all-courses {
  padding: 9px 10px;
  margin: 20px auto;
  display: inline-block;
  background-color: #e42500;
  color: #fff;
  font-weight: 500;
  font-size: 20px;
  text-decoration: none;
  box-shadow: 0 5px 0 #8c2800;
}

.bottom-container {
  margin-top: 30px;
}

.bottom-heading {
  font-weight: 300;
  color: #fff;
  position: relative;
  text-align: center;
  top: 30px;
}

a.login-link {
  color: #c6d459;
}

.main-1 {
  background-color: #84a835;
}

.main-2 {
  background-color: #adcd68;
  padding: 30px;
  padding-bottom: 0;
  padding-left: 0;
}

.img-center {
  text-align: -webkit-center;
}

.grphc-1 {
  height: 300px;
}

#screening-heading-1 {
  color: #fff;
  font-size: 60px;
}

.wp-block-column-1 {
  width: 40%;
}

.wp-block-column-2 {
  width: 60%;
}

.screening-row-1,
.screening-row-2 {
  background-color: #84a835;
  padding: 10px 35px;
}

.screening-row-3 {
  background-color: #adcd68;
  padding: 10px 35px 0 0;
}

.show-on-tab {
  display: none;
}

.display-none {
  display: none !important;
}

.product-page-videos.product-page-videos-container {
  height: auto !important;
}

h1.redColor,
p.redColor {
  background-color: #ed1c24;
}

h1.defaultColor,
p.defaultColor,
h1.purpleColor,
p.purpleColor,
h1.yellowColor {
  background-color: #4d5862;
}

h1.blueColor,
p.blueColor {
  background-color: #006bb2;
}

h1.greenColor,
p.greenColor {
  background-color: #61952a;
}

.download-icon-card {
  height: 55px !important;
  float: right;
  width: 55px !important;
  position: absolute;
  right: 0;
  padding: 5px;
  top: -5px;
}

img.img-thumbnail-left.active,
.video-left-thumbnail-1.active,
.video-left-thumbnail-2.active {
  border: solid 2px #00a9e9;
  border-radius: 3px;
}

.download-img-thumbnail {
  position: relative;
  top: -1.12em;
}

.screeningtools div.sliderList {
  padding-top: 53px !important;
}

.hover-div {
  border: solid 2px transparent;
  border-radius: 3px;
}

.hover-div:hover {
  border: solid 2px #fff;
  border-radius: 3px;
}

.img-links {
  padding: 10px;
}

div.sku_wrapper {
  margin-bottom: 25px;
}

.products.top-margin-fix.yellowColor .img-responsive,
.products.top-margin-fix.purpleColor .img-responsive {
  height: 16.4em;
}

.products.top-margin-fix.yellowColor,
.products.top-margin-fix.purpleColor,
.products.top-margin-fix.pinkColor,
.products.top-margin-fix.orangeColor {
  height: 19.6em;
}

.view-all-btn.btn-to-down {
  position: relative;
  top: 7.9em;
}

.seminar-card {
  position: relative;
}

.col-md-4.view-all-btn.btn-to-down.btn-to-down-seminar-1-2 {
  position: relative;
  top: 8.8em;
}

.hentry {
  margin: 0;
  padding-bottom: 0;
}

.btn-to-down-foundation {
  position: relative;
  top: 8.8em;
}

.view-all-btn.btn-to-down-year1-2 {
  position: relative;
  top: 8.2em;
}

.view-all-btn.btn-to-down-pro {
  position: relative;
  top: 8em !important;
}

.view-all-btn.view-all-btn-1 {
  margin-top: 10px;
}

.col-md-4.col-to-down {
  top: 120pt;
}

.bottom-logo {
  position: relative;
}

.padding-variation-year-3456 {
  padding: 8.5px 15px !important;
}

.foundation-seminar-card {
  position: relative;
  top: 5px;
}

a.early-year-btn {
  background-color: #ff992c !important;
  box-shadow: 0 5px #ad4400 !important;
}

a.foundation-btn {
  background-color: #8958c3 !important;
  box-shadow: 0 5px #380e87 !important;
}

a.year-1-2-btn {
  background-color: #ffc017 !important;
  box-shadow: 0 5px #8c5600 !important;
}

a.year-3-6-btn {
  background-color: #f66eaf !important;
  box-shadow: 0 5px #d33792 !important;
}

.products.top-margin-fix {
  padding: 0 !important;
}

#paragraph-starter-pack {
  top: 13em;
}

#logo-starter-pack {
  top: 35em;
}

.form-control {
  box-shadow: none;
  font-size: 16px;
}

/* h4#no-line-height {
    line-height: 2.2em!important;
} */

/* img.hide-on-hover.lazyloading, img.show-on-hover.lazyloading{
    min-height: 23rem;
} */
/* preview i.singular-product .product .before-content-row .pricecon adjusted in mobile view */
@media only screen and (max-width: 1775px) {
  .custom-width {
    width: 57%;
  }
}

@media only screen and (max-width: 1712px) {
  .custom-width {
    width: 59%;
  }
}

@media only screen and (max-width: 1654px) {
  .cat-boxes-downloadables h2 {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1592px) {
  .custom-width {
    width: 80%;
  }
}

@media only screen and (max-width: 1291px) {
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    height: auto;
  }

  .padding-variation {
    padding-top: 31.9px !important;
  }

  .custom-width {
    width: 85%;
  }

  /* buttons on tab view */
  a#btns {
    font-size: 14px !important;
    padding: 10px !important;
    margin: 10px !important;
  }
}

@media only screen and (max-width: 1280px) {
  .view-all-btn.btn-to-down {
    position: relative;
    top: 6.9em;
  }

  .paragraph-starter-pack img {
    height: 12em !important;
  }

  .paragraph-starter-pack p {
    line-height: 1em;
    font-size: 1.3em !important;
  }

  .col-md-4.col-to-down {
    top: 70pt;
  }

  #no-line-height {
    line-height: 2.2em !important;
  }

  #seminar-title {
    margin-bottom: 0 !important;
    margin-top: 12px !important;
  }

  .professional-learning-area-1-2 {
    padding-bottom: 0;
  }

  .col-md-4.img-links .img-responsive {
    height: auto;
    min-height: 17em !important;
  }

  .padding-variation-year-3456 {
    padding: 8.5px 15px;
  }

  .col-md-4.view-all-btn.btn-to-down.btn-to-down-seminar-1-2 {
    position: relative;
    top: 7em;
  }

  .padding-variation-1-2 {
    padding: 18.8px 15px !important;
    padding-top: 4px !important;
  }

  .view-all-btn.btn-to-down-year1-2 {
    position: relative;
    top: 7.3em;
  }

  .year-1-2-blue {
    position: relative;
    top: 0.8em;
  }

  .btn-to-down-foundation {
    position: relative;
    top: 7.1em;
  }

  .foundation-seminar-card {
    position: relative;
    top: 0.8em;
  }

  .seminar-card {
    position: relative;
    top: 2px;
  }

  .online-course-card {
    position: relative;
    top: 6px;
  }

  .padding-variation {
    padding-top: 4px !important;
  }

  .padding-variation-foundation {
    padding: 19px 15px !important;
    padding-top: 3px !important;
  }

  .professional-learning-area {
    padding-bottom: 10px !important;
  }
}

@media only screen and (max-width: 1199px) {
  .cat-boxes-downloadables h2 {
    font-size: 14px;
  }

  .paragraph-starter-pack p {
    line-height: 1em;
    font-size: 1.7em !important;
  }

  #paragraph-starter-pack p {
    font-size: 15pt !important;
  }

  .col-md-4.col-to-down h3 {
    font-size: 15pt;
    margin-bottom: 0;
  }

  .col-md-4.col-to-down {
    top: 55pt;
  }

  .ftion-btn,
  .year-1-btn {
    font-size: 14pt !important;
  }

  #no-line-height {
    font-weight: 400;
    color: #fff;
    line-height: 1.1em !important;
  }

  #view-now-btn {
    font-size: 10pt !important;
  }

  .col-md-4.view-all-btn.btn-to-down.view-all-btn-online-courses {
    position: relative;
    top: 4.8em;
  }

  .online-courses {
    margin: 0;
  }

  img.img-responsive.img-card.lazyloaded {
    height: 6.7em;
  }

  .view-all-btn.btn-to-down {
    position: relative;
    top: 5.3em;
  }

  .col-md-4.img-links .img-responsive {
    height: auto;
    min-height: 12em !important;
    max-height: 12em;
  }

  .year-1-2-blue {
    top: 0;
  }

  .view-all-btn.btn-to-down-year1-2 {
    position: relative;
    top: 5.2em !important;
  }

  .btn-to-down-foundation {
    position: relative;
    top: 4.9em;
  }

  .padding-variation-1-2 {
    padding: 16.8px 15px !important;
    padding-top: 0 !important;
  }

  .padding-variation-foundation {
    padding: 17px 15px !important;
    padding-top: 3px !important;
  }

  .foundation-seminar-card {
    top: 0;
  }

  .padding-variation {
    padding: 18px 15px !important;
    padding-top: 8px !important;
  }

  .padding-variation-year-3456 {
    padding: 16px 15px !important;
    padding-top: 0 !important;
  }

  .col-to-align {
    bottom: 3px !important;
    position: relative;
  }

  .view-all-btn a {
    font-size: 14pt !important;
  }

  .col-md-4.view-all-btn.btn-to-down.btn-to-down-seminar-1-2 {
    position: relative;
    top: 5.51em !important;
  }

  .seminar-heading {
    margin-bottom: 6px;
  }

  .custom-width {
    width: 70%;
  }

  .professional-learning-area {
    padding-bottom: 5px !important;
  }

  .sky-back-for-screening {
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
}

@media only screen and (max-width: 1187px) {
  .cat-boxes-downloadables h2 {
    font-size: 14px;
  }

  .custom-width {
    width: 75%;
  }
}

@media only screen and (max-width: 1109px) {
  .cat-boxes-downloadables h2 {
    font-size: 13px;
  }

  .custom-width {
    width: 80%;
  }
}

@media only screen and (max-width: 994px) {
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    height: auto;
    overflow: -webkit-paged-x;
    padding-bottom: 0;
  }

  div.middle div.prod-text img.preview-icon {
    top: 0;
    height: 45px;
    width: 45px;
  }

  div#product-img-thumb-right a#download-btn-on-product {
    width: 35%;
  }

  .cat-boxes-downloadables h2 {
    font-size: 13px;
  }

  .custom-width {
    width: 85%;
  }
}

#billing_job_title_field .job_title_label,
#billing_state_field .state_label {
  margin: 0;
  margin-top: 8px;
  font-family: robotobold;
}

#billing_company_field {
  margin-top: 41px;
}

#billing_postcode_field {
  margin-top: 7px;
}

#shipping_company_field {
  margin-top: 32px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

@media only screen and (max-width: 991px) {
  .about-founder {
    flex-wrap: wrap;
    padding: 30px 0 5px 0;
    border: unset !important;
  }

  .about-image {
    order: 1 !important;
  }

  .about-content {
    order: 2 !important;
  }

  .primary-reading-pledge {
    flex-wrap: wrap;
    padding: 25px 20px 20px;
  }

  .primary-reading-pledge > div {
    margin-bottom: 20px;
  }

  form[data-drip-embedded-form] {
    -moz-box-shadow: rgb(99 99 99 / 0.03) 0 0 45px 0;
    -webkit-box-shadow: rgb(99 99 99 / 0.03) 0 0 45px 0;
    box-shadow: rgb(99 99 99 / 0.03) 0 0 45px 0;
  }

  #tracking-sheet .tracking-sheet-button {
    margin: 10px 0 45px 0 !important;
  }

  #tracking-sheet .monitoring-form > div {
    gap: 2em !important;
  }

  #tracking-sheet #input_12_1_3_container,
  #tracking-sheet #input_12_1_6_container {
    width: 95% !important;
  }

  #tracking-sheet .video-spacer {
    height: 185px !important;
  }

  #tracking-sheet #field_12_4,
  #tracking-sheet #field_12_14 {
    width: 46.2% !important;
  }

  .decodable-page-layout .green-bg {
    margin-top: 20px;
  }

  .decodable-page-layout .container.top-banner {
    padding: 0 10px;
  }

  .decodable-page-layout .custom-banner-row .col-12 {
    display: block !important;
  }

  .decodable-page-layout .custom-banner-row .col-12 a {
    width: 100%;
    margin: 18px 0 5px 0 !important;
  }

  #billing_job_title_field .select2.select2-container.select2-container--default {
    width: 100% !important;
  }

  .my___account.woocommerce-account.woocommerce-page #main .nav.nav-tabs li {
    min-height: 45px;
  }

  #subscriptions__tabs li {
    min-height: unset !important;
  }

  .my___account.woocommerce-account.woocommerce-page #main,
  .my___account.woocommerce-account.woocommerce-page #main .loop-meta.jumbotron div.container,
  .my___account.woocommerce-account.woocommerce-page #main div.container,
  .my___account.woocommerce-account.woocommerce-page #main #post-7 {
    background-color: white !important;
  }

  .my___account.woocommerce-account.woocommerce-page
    #main
    .loop-meta.jumbotron
    .container
    .nav.nav-tabs {
    border-bottom: unset;
  }

  .singular-page-44041 .wp-block-columns:nth-of-type(1) {
    flex-wrap: wrap !important;
  }

  .singular-page-44041 .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 50% !important;
  }

  .custom-width {
    width: 76%;
  }

  #evidence-heading,
  #evidence-logo {
    display: none;
  }

  .paragraph-starter-pack img {
    height: auto !important;
  }

  .paragraph-starter-pack {
    text-align: -webkit-center;
    margin-top: 15px;
  }

  #paragraph-starter-pack,
  #logo-starter-pack {
    top: 0 !important;
  }

  .col-md-4.col-to-down {
    top: 0;
  }

  #no-left-in-mob {
    left: 0 !important;
  }

  #no-padding-in-mob {
    padding: 15px !important;
  }

  #bottom-logo {
    position: relative;
    top: 0 !important;
    padding: 15px 0;
  }

  .col-md-4.view-all-btn.btn-to-down.view-all-btn-online-courses {
    position: relative;
    top: 0;
  }

  .professional-learning-area-1-2 {
    padding: 10px 15px !important;
  }

  img.img-responsive.img-card.lazyloaded {
    height: auto;
  }

  .col-md-4.img-links .img-responsive {
    height: auto;
    min-height: unset !important;
    max-height: unset !important;
  }

  .bottom-logo {
    position: relative;
    left: 0;
    padding: 0 30px;
  }

  .view-all-btn.btn-to-down-year1-2,
  .col-md-4.view-all-btn.btn-to-down.btn-to-down-seminar-1-2 {
    top: 0 !important;
  }

  .btn-to-down-foundation {
    top: 0;
  }

  .card-on-mobile {
    /* max-height: 20em; */
  }

  .no-padding-on-tab {
    padding: 15px !important;
  }

  .professional-learning-area {
    padding: 15px !important;
  }

  .rounded-logo {
    height: 20em;
  }

  .view-all-btn.btn-to-down {
    position: relative;
    top: 0;
  }

  h3.literacy-resources-title {
    font-size: 22pt !important;
  }

  .DLS-btn {
    padding: 20px;
  }

  .cat-boxes-downloadables h2 {
    font-size: 18px;
  }

  .hide-on-tab {
    display: none;
  }

  .show-on-tab {
    margin: auto;
    text-align: -webkit-center;
    display: block;
  }

  .show-on-tab div img {
    height: 10em;
    width: 20em;
  }
}

.form-column-right {
  margin-left: 20px !important;
  margin-top: 15px !important;
}

@media only screen and (max-width: 780px) {
  .logged-in .pld-approach-video iframe {
    width: 560px;
    height: 300px;
  }

  .form-column-right {
    margin: 0 !important;
  }

  #tracking-sheet .video-spacer {
    height: 20px !important;
  }

  .logged-in .video-responsive2 iframe {
    height: 160px !important;
    min-height: 150px !important;
  }

  .logged-in .vr-logged-in.video-responsive2 iframe {
    height: 310px !important;
    min-height: 310px !important;
  }

  #tracking-sheet .video-responsive2 iframe {
    height: 315px !important;
  }

  #tracking-sheet .ginput_container.ginput_container_email {
    padding-right: unset !important;
    width: 95% !important;
  }
}

@media only screen and (max-width: 575px) {
  #tracking-sheet .video-responsive2 iframe {
    height: auto !important;
  }

  #tracking-sheet #field_12_4,
  #tracking-sheet #field_12_14 {
    display: block !important;
    width: 95% !important;
  }

  .singular-page-191150 .jumbotron h1 {
    font-size: 24px !important;
  }

  .singular-page-191150 .loop-title::before {
    top: 3px !important;
    content: url('https://pld-literacy.org/wp-content/uploads/2022/11/sm_group.png') !important;
  }

  .decodable-page-layout .custom-banner-row .col-3 {
    -ms-flex: unset !important;
    flex: unset !important;
    max-width: unset !important;
    padding: unset !important;
    display: block;
    width: 100%;
  }

  .decodable-page-layout .custom-banner-row .col-3 img {
    max-width: 200px !important;
    max-height: 200px !important;
    position: unset !important;
    top: unset !important;
    left: unset !important;
    transform: unset !important;
  }

  .decodable-page-layout .custom-banner-row .col-9 {
    -ms-flex: unset !important;
    flex: unset !important;
    max-width: unset !important;
    padding: unset !important;
    display: block;
    width: 100%;
  }

  .decodable-page-layout .custom-banner-row {
    padding-top: 10px !important;
  }

  #order_review {
    margin: 0 !important;
  }

  #order_review td {
    padding-right: 10px !important;
  }

  #order_review + div .btn.pull-right.view_cart {
    margin-top: 20px !important;
  }

  #billing_company_field.company_field {
    margin-top: 0;
  }

  #billing_job_title_field .select2.select2-container.select2-container--default,
  #billing_country,
  .woocommerce form .form-row-first,
  .woocommerce form .form-row-last,
  .woocommerce-page form .form-row-first,
  .woocommerce-page form .form-row-last {
    width: 100%;
  }

  .woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table {
    margin: 20px 0;
  }

  .order_summary_table {
    border-collapse: unset !important;
    border-spacing: unset !important;
  }

  .order_summary_table tfoot tr {
    box-shadow: unset !important;
  }

  .order_summary_table tfoot {
    box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0 !important;
  }

  .my___account.woocommerce-account.woocommerce-page
    #main
    .loop-meta.jumbotron
    .container
    .nav.nav-tabs {
    border: 1px solid #ddd;
    border-bottom: 1px solid #ddd !important;
  }

  .my___account.woocommerce-account.woocommerce-page
    #main
    .loop-meta.jumbotron
    .container
    .nav.nav-tabs
    li {
    width: 100%;
  }

  #subscriptions__tabs li {
    width: 100%;
  }

  .year-terms img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .single-post-image {
    height: 150px !important;
  }

  .landing-page .wc-block-grid.has-6-columns .wc-block-grid__product {
    max-width: 50% !important;
  }

  .singular-page-44041 .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 100% !important;
    border: unset !important;
  }

  .newsletter-column-right .is-layout-flex.wp-block-columns {
    border-bottom: unset !important;
  }

  .newsletter-column-right .is-layout-flex.wp-block-columns .is-layout-flow.wp-block-column {
    border-bottom: 1px solid #ddd !important;
  }

  .newsletter-column-right
    .is-layout-flex.wp-block-columns:last-child
    .is-layout-flow.wp-block-column:last-child {
    border-bottom: unset !important;
  }

  form[data-drip-embedded-form] input[type='submit'] {
    width: 100%;
  }

  .logged-in .vr-logged-in.video-responsive2 iframe {
    height: 220px !important;
    min-height: 220px !important;
  }
}

@media only screen and (min-width: 641px) and (max-width: 680px) {
  .innerWhite2.equalHeight.top-margin-fix iframe {
    height: 340px !important;
  }

  #tracking-sheet .video-responsive2 iframe {
    height: 275px !important;
  }
}

@media only screen and (max-width: 980px) {
  .custom-width {
    width: 77%;
  }

  .cat-boxes-downloadables h2 {
    font-size: 18px;
  }

  .heading-text {
    max-width: 100% !important;
  }
}

@media only screen and (max-width: 969px) {
  .custom-width {
    width: 78%;
  }

  .cat-boxes-downloadables h2 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 956px) {
  .custom-width {
    width: 79%;
  }

  .cat-boxes-downloadables h2 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 932px) {
  .custom-width {
    width: 81%;
  }

  .cat-boxes-downloadables h2 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 920px) {
  .custom-width {
    width: 82%;
  }

  .cat-boxes-downloadables h2 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 910px) {
  .custom-width {
    width: 83%;
  }

  .cat-boxes-downloadables h2 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 896px) {
  .custom-width {
    width: 84%;
  }

  .cat-boxes-downloadables h2 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 890px) {
  .custom-width {
    width: 85%;
  }

  .cat-boxes-downloadables h2 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 880px) {
  .custom-width {
    width: 86%;
  }

  .cat-boxes-downloadables h2 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 869px) {
  .custom-width {
    width: 87%;
  }

  .cat-boxes-downloadables h2 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 857px) {
  .custom-width {
    width: 88%;
  }

  .cat-boxes-downloadables h2 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 850px) {
  .custom-width {
    width: 89%;
  }

  .cat-boxes-downloadables h2 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 840px) {
  .custom-width {
    width: 90%;
  }

  .cat-boxes-downloadables h2 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 810px) {
  .custom-width {
    width: 93%;
  }

  .cat-boxes-downloadables h2 {
    font-size: 18px;
  }

  .image-thumbnails img {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 867px) {
  .custom-width {
    width: 100%;
  }

  .cat-boxes-downloadables h2 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 768px) {
  .my-account--tabs li a {
    min-height: 50px !important;
  }

  .df-element::after,
  .download-btn-term a::after {
    width: 6px !important;
    height: 9px !important;
  }

  .subscription-view-button-ssp-kits div.dp-element,
  .subscription-view-button-ssp-kits a.df-element,
  .subscription-view-button-ssp-kits div.download-btn-term a {
    font-size: 12px !important;
    padding: 9px !important;
  }

  .term-title {
    font-size: 14px !important;
  }
}

@media only screen and (max-width: 767px) {
  .my-account--tabs li a {
    min-height: 25px;
  }

  .decodable-page-layout .custom-banner-row .col-12 {
    padding-right: unset !important;
  }

  .landing-page-sub-links a {
    width: 100% !important;
  }

  #order_review + div .btn.pull-right.view_cart,
  button#place_order {
    width: 100%;
    margin: 0;
  }

  #customer_details {
    padding: 10px;
  }

  #customer_details .order_summary_body.shipping {
    padding: 8px 0 !important;
  }

  h3#order_review_heading {
    margin: 0 0 5px 0;
  }

  .payment_method_purchaseorder input#purchase_order_number {
    max-width: 100%;
  }

  #payment {
    margin-top: 0 !important;
  }

  .categories-tabs {
    display: unset !important;
    box-shadow: unset !important;
  }

  .categories-tabs .cat-tab {
    border-right: unset !important;
    box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0;
    margin: 15px 0;
  }

  .slideOuter#SOuter .flex-container {
    display: unset !important;
  }

  .slideOuter#SOuter .flex-container span.select-fancy2 select {
    width: 100%;
  }

  .slideOuter#SOuter .flex-container .btn.btn-info.btn-sm.sub_cat.show {
    margin: 0;
    width: 100%;
    margin-top: 15px;
  }

  .btn-img {
    margin: 10px auto;
  }

  .rounded-img {
    margin: 20px auto;
  }

  .navbar-default .navbar-toggle {
    margin-right: 10px;
    margin-top: 40px;
  }

  div.logo {
    margin: 0 0 10px 0;
  }

  h1#screening-title {
    font-size: 45px !important;
  }

  a#btns {
    margin: 15px 0 !important;
    display: inline-block;
    width: 100%;
  }
}

@media only screen and (max-width: 670px) {
  .get-started {
    font-size: 14pt !important;
  }

  .navbar-default .navbar-toggle {
    margin-right: 10px;
    margin-top: 40px;
  }

  .get-started a {
    text-decoration: none;
    color: #fff;
    /* font-size: 12px; */
    display: block;
    background-color: #009bd9;
    margin-left: 0 !important;
    text-align: -webkit-center;
    font-weight: 300;
    padding: 10px;
    box-shadow: 0 5px 0 #00648c;
    margin-top: 10px;
  }

  .logged-in .video-responsive2 iframe {
    max-width: 100%;
    height: 115px !important;
    min-height: 110px !important;
  }

  .logged-in .vr-logged-in.video-responsive2 iframe {
    height: 260px !important;
    min-height: 260px !important;
  }
}

@media only screen and (max-width: 600px) {
  .wp-block-image .alignright {
    float: none;
    margin: 0 auto;
  }

  .rounded-img-margin {
    margin-top: -10px;
  }

  .logged-in .video-responsive2 iframe {
    max-width: 100%;
    height: 230px !important;
  }

  .innerWhite2.equalHeight.top-margin-fix iframe {
    height: 285px !important;
  }
}

@media only screen and (max-width: 568px) {
  .navbar-default .navbar-toggle {
    margin-right: 10px;
    margin-top: 40px;
  }

  .logged-in .video-responsive2 iframe {
    height: 215px !important;
  }

  .innerWhite2.equalHeight.top-margin-fix iframe {
    height: 270px !important;
  }
}

@media (min-width: 461px) and (max-width: 550px) {
  .logged-in .video-responsive2 iframe {
    height: 165px !important;
  }

  .innerWhite2.equalHeight.top-margin-fix iframe {
    height: 260px !important;
  }
}

@media (min-width: 460px) and (max-width: 515px) {
  .innerWhite2.equalHeight.top-margin-fix iframe {
    height: 230px !important;
  }
}

@media only screen and (max-width: 460px) {
  .logged-in .pld-approach-video iframe {
    width: 560px;
    height: 170px;
  }

  #payment label.woocommerce-form__label.woocommerce-form__label-for-checkbox .text-terms {
    max-width: 100%;
  }

  .navbar-default .navbar-toggle {
    margin-right: 10px;
    margin-top: 18px;
  }

  .fluid-width-video-wrapper {
    height: 200px !important;
  }

  .logged-in .video-responsive2 iframe {
    height: 130px !important;
    min-height: 100px !important;
  }
}

@media (min-width: 410px) and (max-width: 459px) {
  .innerWhite2.equalHeight.top-margin-fix iframe {
    height: 210px !important;
  }
}

@media (min-width: 361px) and (max-width: 459px) {
  .logged-in .video-responsive2 iframe {
    height: 115px !important;
  }
}

@media only screen and (max-width: 410px) {
  .logged-in .pld-approach-video iframe {
    width: 560px;
    height: 145px;
  }

  .innerWhite2.equalHeight.top-margin-fix iframe {
    height: 175px !important;
  }
}

@media only screen and (max-width: 360px) {
  div#product-img-thumb-right a#download-btn-on-product {
    position: relative;
    left: 55%;
  }

  .logged-in .video-responsive2 iframe {
    height: 85px !important;
    min-height: 80px !important;
  }

  .innerWhite2.equalHeight.top-margin-fix iframe {
    height: 155px !important;
  }
}

@media only screen and (max-width: 320px) {
  div#product-img-thumb-right a#download-btn-on-product {
    position: relative;
    left: 48%;
  }
}

li#prdctfltr-3 {
  list-style: none;
}

.redColor .green_box

/*, .product_cat-movement-motor-skills .green_box*/ {
  background-color: #ed1c24;
}

.blueColor .green_box

/*, .product_cat-oral-language-skills .green_box */ {
  background: #006bb2;
}

.greenColor .green_box

/*, .product_cat-literacy-skills .green_box */ {
  background: #61952a;
}

.seminar .green_box,
.online_course .green_box,
.ebook .green_box,
.green_box {
  background-color: #4d5862;
}

td.product-name,
td.product-price,
td.product-stock-status {
  padding: 16px 18px !important;
}

.wishlist_table .product-add-to-cart a,
.wishlist_table .product-add-to-cart a.button {
  display: inline-block !important;
  padding: 6px !important;
}

.image-container .woocommerce-main-image::after {
  content: 'View';
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 30px;
  line-height: 15;
  color: #000;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.6);
  opacity: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.image-container .woocommerce-main-image:hover::after {
  opacity: 1;
}

.row.home-video h1 {
  color: #fff !important;
  font-size: 20px !important;
}

.our-appoach-header-img,
.evidence-base-header-image {
  height: 319px;
  min-height: 319px;
}

@media only screen and (min-width: 2199px) and (max-width: 2359px) {
  .our-appoach-header-img,
  .evidence-base-header-image {
    height: 302px;
    min-height: 302px;
  }
}

@media only screen and (min-width: 2360px) {
  .our-appoach-header-img,
  .evidence-base-header-image {
    height: 290px;
    min-height: 290px;
  }
}

@media only screen and (max-width: 1280px) {
  ul.products li.product.download {
    height: auto;
    min-height: 516px;
  }
}

@media only screen and (max-width: 1200px) {
  ul.products li.product.download {
    height: auto;
    min-height: 473px;
  }
}

@media screen and (max-width: 767px) {
  .image-container .woocommerce-main-image::after {
    line-height: 8;
  }
}

@media screen and (min-width: 768px) {
  #mapbase svg {
    height: 360px !important;
  }
}

@media screen and (max-width: 767px) and (min-width: 686px) {
  #mapbase svg {
    height: 300px !important;
  }
}

@media screen and (max-width: 685px) and (min-width: 569px) {
  #mapbase svg {
    height: 265px !important;
  }

  #tracking-sheet .video-responsive2 iframe {
    height: 235px !important;
  }
}

@media screen and (max-width: 568px) and (min-width: 481px) {
  #mapbase svg {
    height: 260px !important;
  }
}

@media screen and (max-width: 480px) and (min-width: 401px) {
  #mapbase svg {
    height: 245px !important;
  }
}

@media screen and (max-width: 400px) and (min-width: 321px) {
  #payment ul.wc_payment_methods.payment_methods.methods li:last-of-type {
    margin-left: unset;
  }

  #mapbase svg {
    height: 205px !important;
  }
}

.mt-8 {
  margin-top: 8px;
}

.mt-9 {
  margin-top: 9px;
}

.prdctfltr_checkboxes label {
  width: 50%;
}

.prdctfltr_filter.prdctfltr_search .prdctfltr_checkboxes label {
  width: 100%;
}

input.pf_search {
  padding: 1px 8px;
}

.woocommerce.columns-3
  .prdctfltr_wc.prdctfltr_woocommerce.woocommerce.prdctfltr_wc_regular.pf_default.prdctfltr_always_visible.prdctfltr_click_filter.prdctfltr_rows.prdctfltr_disable_bar.prdctfltr_checkbox.prdctfltr_search_fields.prdctfltr_hierarchy_lined.prdctfltr_adoptive_reorder.pf_mod_multirow.prdctfltr_scroll_default {
  display: none;
}

.col-sm-9 #content {
  width: 100%;
}

.col-sm-3 .widget.prdctfltr-widget {
  padding-top: 20px;
}

select.pf-system-select:nth-child(2) {
  display: none;
}

small.woocommerce-price-suffix {
  display: none;
}

.prdctfltr_filter.prdctfltr_product_cat.prdctfltr_attributes.prdctfltr_multi.prdctfltr_hierarchy.prdctfltr_text
  label {
  width: 100%;
}

li#prdctfltr-3 {
  padding-top: 45px;
}

nav.woocommerce-pagination.prdctfltr-pagination.prdctfltr-pagination-load-more a.button {
  background-color: #009bd9;
  color: #fff !important;
  font-family: robotomedium;
  padding: 6px 12px;
  font-size: 14px !important;
}

nav.woocommerce-pagination.prdctfltr-pagination.prdctfltr-pagination-load-more {
  margin-bottom: 35px;
}

span.sku-label.isbn {
  margin-left: 15px;
}

h1.product-single-title {
  background-color: #4d5862;
}

.product_cat-movement-motor-skills .green_box,
h1.product-single-title.product_cat-movement-motor-skills,
p.product_cat-movement-motor-skills {
  color: #ed1c24 !important;
  background-color: #fff !important;
}

.product_cat-oral-language-skills .green_box,
h1.product-single-title.product_cat-oral-language-skills,
p.product_cat-oral-language-skills {
  color: #006bb2 !important;
  background-color: #fff !important;
}

.product_cat-literacy-skills .green_box,
h1.product-single-title.product_cat-literacy-skills,
p.product_cat-literacy-skills {
  color: #61952a !important;
  background-color: #fff !important;
}

.product_cat_primary-movement-motor-skills .green_box,
h1.product-single-title.product_cat_primary-movement-motor-skills,
p.product_cat_primary-movement-motor-skills {
  color: #ed1c24 !important;
  background-color: #fff !important;
}

.product_cat_primary-oral-language-skills .green_box,
h1.product-single-title.product_cat_primary-oral-language-skills,
p.product_cat_primary-oral-language-skills {
  color: #006bb2 !important;
  background-color: #fff !important;
}

.product_cat_primary-literacy-skills .green_box,
h1.product-single-title.product_cat_primary-literacy-skills,
p.product_cat_primary-literacy-skills {
  color: #61952a !important;
  background-color: #fff !important;
}

.cat-btn {
  background-color: #ccc;
  border-radius: 19px;
  border: 1px solid #ddd;
  display: inline-block;
  cursor: pointer;
  color: #5c595c;
  font-family: Arial;
  font-size: 15px;
  padding: 8px 16px;
  text-decoration: none;
  margin-bottom: 5px;
}

.cat-btn.highlight {
  background-color: #009ed5;
  color: #fff;
}

.cat-btn:hover {
  background-color: #009ed5;
  color: #fff;
  text-decoration: none;
}

.cat-btn:active {
  position: relative;
  top: 1px;
}

.modalDialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}

.modalDialog:target {
  opacity: 1;
  pointer-events: auto;
}

.modalDialog > div {
  width: 400px;
  position: relative;
  margin: 10% auto;
  padding: 5px 20px 13px 20px;
  background: #fff;
  border: 1px solid #ccc;
}

.close {
  background: #00d9ff;
  color: #fff;
  line-height: 25px;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -10px;
  width: 24px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;
  opacity: 1;
}

.close:hover {
  background: #606061;
}

.select-fancy2 select.orderby {
  padding-left: 8px;
  padding-right: 0;
  width: 150px;
  font-weight: bold;
  border: 1px solid #ddd;
  height: 29px;
  color: #666;
}

button.sub_cat {
  border: 1px solid #ddd;
  background: #fff;
  color: #666;
}

.sheading {
  color: #009ed5;
}

button.sub_cat.apply-btn {
  background: #009ed5;
  color: #fff;
  margin: 0;
  padding: 6px 25px;
}

.view-all-btn-2 {
  color: #fff;
  font-size: 18px;
  padding: 5px 20px;
  float: right;
  margin-top: -19px;
}

.view-all-btn-2.blue {
  background-color: #009bd9;
}

@media only screen and (max-width: 590px) {
  .view-all-btn-2 {
    margin-top: 5px;
  }
}

.downloadable-page-layout .view-all-btn-2 {
  float: unset;
  margin-left: 30px;
}

.landing-sub-heading {
  font-size: 22pt;
  padding-bottom: 0;
  padding-left: 10px;
  font-weight: bold;
}

.video-responsive iframe {
  margin-left: auto;
  margin-right: auto;
  min-height: auto;
}

.early-years-footer-btn {
  margin-top: 70px;
  margin-bottom: -30px;
}

.early-years-footer-btn a {
  background-color: #de6800;
  color: #fff;
  font-size: 18px;
  padding: 15px 20px;
  border-bottom: 4px solid #cc6102;
}

@media only screen and (max-width: 980px) {
  /* .video-responsive{ */
  /* overflow:hidden; */
  /* padding-bottom:56.25%; */
  /* position:relative; */
  /* height:0; */
  /* } */
  .video-responsive iframe {
    /* left:0; */
    /* top:0; */
    height: 100%;
    width: 100%;
    /* position:absolute; */
  }

  .wp-block-image img.early-yaers-page-image {
    height: auto;
  }

  .early-years-footer-btn a {
    font-size: 12px;
  }
}

@media only screen and (min-width: 980px) {
  .wp-block-image img.early-yaers-page-side-icon {
    margin-top: -58px;
  }
}

.wp-block-image img.early-yaers-page-side-icon {
  max-width: 240px;
  max-height: 240px;
}

.padding-right-20 {
  padding-right: 20px;
}

.early-yaers-page-p-mb {
  margin-bottom: 30px;
}

.school-leaders-page-buttons-group,
.school-leaders-page-buttons-group .wp-block-columns,
.school-leaders-page-buttons-group .wp-block-columns div.wp-block-buttons.aligncenter {
  margin: auto;
}

.wp-block-column figcaption a {
  font-size: 16px;
}

.sub-heading {
  margin-bottom: 15px;
  color: #f7941d;
  font-size: 18px;
}

.landing-page p,
.landing-page ul {
  font-family: robotoregular;
  font-size: 16pt;
  font-weight: normal;
}

.landing-page .wp-block-image.custom-img img {
  margin-top: -54px;
}

.landing-page .wc-block-grid.has-6-columns .wc-block-grid__product {
  max-width: 25%;
}

.landing-page .wc-block-grid {
  padding: 0 20px;
}

body #gform_wrapper_12 {
  margin: 10px;
  padding: 10px;
}

input#ship-to-different-address-checkbox {
  position: relative;
  width: 15px;
  height: 15px;
  line-height: 1.4em;
  padding-left: 0 !important;
  text-align: center;
  margin-left: 7px;
  border: 1px solid #a7a9ac !important;
  margin-right: 9px;
  background: white !important;
  outline: none;
  border-radius: 0 !important;
  -webkit-appearance: none;
}

input#payment_method_purchaseorder,
input#payment_method_eway_payments,
input#payment_method_eway,
input.shipping_method_item {
  height: 20px !important;
  width: 20px !important;
  vertical-align: baseline;
}

input.shipping_method_item {
  vertical-align: text-bottom !important;
}

.img-links img {
  box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#shipping_method label {
  vertical-align: baseline;
}

button.coupon_btn_checkout {
  margin-right: 0;
}

button.coupon_btn_checkout:hover {
  background-color: transparent !important;
}

#order_review + div .btn.pull-right.view_cart {
  background-color: #009fde;
  box-shadow: rgb(0 84 134) 0 3px;
  text-transform: uppercase;
}

.pt-3 {
  padding-top: 30px;
}

.pb-3 {
  padding-bottom: 30px;
}

.lp-h2 {
  font-size: 2.9em;
  font-weight: 400;
}

.orange-color {
  color: #de6800;
}

.orange-shadow {
  box-shadow: 0 5px 0 #cc6102;
}

.orange-color.bg {
  background-color: #de6800;
  color: #fff;
}

.orange-footer-bg {
  background-image: url('https://pld-literacy.org/wp-content/uploads/2019/05/footer-red.png');
}

.lp-footer {
  text-align: -webkit-right;
  height: 24em;
  background-size: cover;
  margin-top: -2px;
  padding: 0 30px;
}

.yellow-color {
  color: #e0b42a;
}

.yellow-shadow {
  box-shadow: 0 5px 0 #a98617;
}

.yellow-color.bg {
  background-color: #e0b42a;
  color: #fff;
}

.yellow-footer-bg {
  background-image: url('https://pld-literacy.org/wp-content/uploads/2020/05/yellow-footer-new.png');
}

.pink-color {
  color: #d15a9d;
}

.pink-shadow {
  box-shadow: 0 5px 0 #a70c63;
}

.pink-color.bg {
  background-color: #d15a9d;
  color: #fff;
}

.pink-footer-bg {
  background-image: url('https://pld-literacy.org/wp-content/uploads/2019/05/pink-footer.png');
}

.purple-color {
  color: #482783;
}

.purple-color.bg {
  background-color: #482783;
  color: #fff;
}

.purple-shadow {
  box-shadow: 0 5px 0 #270350;
}

.border-lp {
  border: 11px solid;
}

.landing-page p {
  font-size: 16pt;
}

h3.get-started {
  font-weight: 500;
  margin: 10px 0;
  font-size: 26pt;
}

.view-all-prods {
  text-decoration: none;
  display: inline-block;
  color: #fff;
  margin-left: 0;
  font-size: 22px;
  padding: 10px;
  /* box-shadow: 0px 5px 0px #270350; */
  font-weight: bold;
}

.view-all-btn-lp {
  display: inline-block;
  padding: 7px 15px;
  font-size: 17pt;
  margin: 10px;
  background-color: #83ae52;
  color: #fff;
  margin-right: 10px;
  box-shadow: 0 5px #446900;
  margin-left: 0;
}

.landing-page .gform_wrapper {
  padding: 20px;
}

.landing-page .gform_footer .btn-primary {
  margin: 0;
}

/****** Single procut page css new ****/

#exTab1 .tab-content {
  color: white;
  background-color: #428bca;
  padding: 5px 15px;
}

#exTab2 h3 {
  color: white;
  background-color: #428bca;
  padding: 5px 15px;
}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
  border-radius: 0;
}

/* change border radius for the tab , apply corners on top */

#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0;
}

#exTab3 .tab-content {
  color: white;
  background-color: #428bca;
  padding: 5px 15px;
  padding-left: 0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border-bottom-color: transparent;
}

@media only screen and (min-width: 1024px) {
  .single-play-btn {
    bottom: 35%;
    left: 30%;
    background-size: 60% 60% !important;
  }

  .single-tab-ul {
    padding-left: 28%;
  }

  .woocommerce div.product .tab-content .tab-pane span.onsale {
    margin-top: -78px;
  }

  .woocommerce div.product .tab-content .tab-pane div.product-img-thumb-right {
    margin-left: -31px;
    margin-top: -78px;
    background-color: #fff;
  }

  .btn-preview {
    margin-left: -31px;
  }
}

@media screen and (min-width: 782px) {
  .decodable-page-layout.downloadable-page-layout .is-layout-flex.wp-container-3.wp-block-columns {
    padding-right: 0 !important;
  }

  .decodable-page-layout.downloadable-page-layout .is-layout-flex.wp-container-7.wp-block-columns {
    padding-left: 0 !important;
  }
}

.btn-preview {
  text-align: center;
}

.singular-product .nav-tabs > li > a {
  margin-right: -1px;
  border-radius: unset;
  background: #e7f8ff;
  border: 1px solid #ccc !important;
  color: #808080;
  min-width: 110px;
  text-align: center;
  padding: 10px 50px;
}

.singular-product .nav-tabs > li {
  margin-bottom: -1px;
  font-family: robotoregular;
  font-weight: bold;
}

.singular-product .nav > li > a:hover {
  background: #e7f8ff;
}

.singular-product .nav-tabs > li.active > a {
  background: #fff;
  border-bottom-color: transparent !important;
  color: #009bd9;
  border-top: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important;
  border-left: 1px solid #ccc !important;
}

.woocommerce .product .tab-content,
.woocommerce-page .product .tab-content {
  border-left: unset;
  border-right: unset;
  border-bottom: unset;
}

#tab-copyright_tab {
  font-size: 14px;
}

.woocommerce-page .product h1:first-child {
  color: #006bb2;
  font-size: 36px;
  font-family: robotoregular;
  margin-top: 10px;
}

.upsells-single {
  padding-top: 80px;
  margin-bottom: 115px;
  margin-top: -65px;
}

.upsells-single .products h2 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 58px;
  /* margin-top: 80px; */
  color: #000 !important;
  text-shadow: unset !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-radius: 0;
  background: #e7f8ff;
  border: 1px solid #ccc;
  margin-right: -5px;
  margin-bottom: -1px;
  font-family: robotoregular;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  text-decoration: none;
  color: #009bd9;
  font-weight: bold;
  font-size: 18px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: #fff;
  color: #000;
  border-bottom-color: white;
  text-decoration: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  display: block;
  padding: 10px 15px;
  text-align: center;
  /* width: 135px; */
  color: #808080;
  font-size: 18px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  border-bottom: 1px solid #ddd;
  margin-bottom: 0;
  font-weight: bold;
}

/****** End Single product page css new ****/

.woocommerce-Tabs-panel {
  border-radius: unset;
  border: 1px solid #ddd;
  border-top: none;
  padding: 25px;
  margin-bottom: 20px;
}

.woocommerce .product .page-header,
.woocommerce-page .product .page-header {
  clear: both;
  padding-left: 0;
}

.price-wrapper span.woocommerce-Price-amount.amount {
  font-size: 20px;
}

.vat-amount span.woocommerce-Price-amount.amount {
  font-size: 14px;
}

.price-wrapper del span.woocommerce-Price-amount.amount {
  font-size: 14px;
}

.vat-amount {
  font-weight: bold;
}

.prod-year-level {
  padding: 5px 0 5px 0;
}

.price-wrapper {
  padding: 0 0 15px 0;
  font-weight: bold;
}

.short-desc,
.tabs-else {
  margin-bottom: 10px;
}

.var-qty {
  text-align: center;
  padding: 5px 0 5px 8px;
  margin-top: -6px;
  width: 38px;
}

.woocommerce .product img {
  margin: 0;
  padding: 0 12px;
}

.v-hidden {
  visibility: hidden;
  height: 8px;
}

.up-sells.upsells.products .products li .col-xs-12,
.cross-sells .products li .col-xs-12 {
  padding: 0 14px;
  border-bottom: 0;
}

.singular-product div.product .images,
.singular-product div.product .summary,
.singular-product div.product .woocommerce-product-gallery {
  margin-bottom: 2.617924em;
  margin-top: 0;
}

.singular-product div.product .woocommerce-product-gallery {
  position: relative;
}

.singular-product div.product .woocommerce-product-gallery .zoomImg {
  background-color: #fff;
}

.singular-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  position: absolute;
  top: 0.875em;
  left: 0.875em;
  display: block;
  height: 2em;
  width: 2em;
  border-radius: 3px;
  z-index: 99;
  text-align: center;
}

.singular-product div.product .woocommerce-product-gallery img {
  margin: 0;
}

.singular-product div.product .woocommerce-product-gallery .flex-viewport {
  margin-bottom: 1.618em;
  /* min-height: 465px; */
}

.singular-product div.product .woocommerce-product-gallery .flex-control-thumbs {
  margin: 0;
  padding: 0;
  display: flex;
}

.singular-product div.product .woocommerce-product-gallery .flex-control-thumbs::before,
.singular-product div.product .woocommerce-product-gallery .flex-control-thumbs::after {
  content: '';
  display: table;
}

.singular-product div.product .woocommerce-product-gallery .flex-control-thumbs::after {
  clear: both;
}

.singular-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
  list-style: none;
  margin-bottom: 1.618em;
  cursor: pointer;
}

.singular-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
  opacity: 0.5;
  -webkit-transition: all, ease, 0.2s;
  transition: all, ease, 0.2s;
}

.singular-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
  opacity: 1;
}

.singular-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
  opacity: 1;
}

.singular-product
  div.product
  .woocommerce-product-gallery.woocommerce-product-gallery--columns-2
  .flex-control-thumbs
  li {
  width: 42.8571428571%;
  float: right;
  margin-left: 14.2857142857%;
}

.singular-product
  div.product
  .woocommerce-product-gallery.woocommerce-product-gallery--columns-2
  .flex-control-thumbs
  li:nth-child(2n) {
  margin-left: 0;
}

.singular-product
  div.product
  .woocommerce-product-gallery.woocommerce-product-gallery--columns-2
  .flex-control-thumbs
  li:nth-child(2n + 1) {
  clear: both;
}

.singular-product
  div.product
  .woocommerce-product-gallery.woocommerce-product-gallery--columns-3
  .flex-control-thumbs
  li {
  width: 29.809524%;
  float: left;
  margin-right: 1.285714%;
}

.singular-product
  div.product
  .woocommerce-product-gallery.woocommerce-product-gallery--columns-3
  .flex-control-thumbs
  li:last-child {
  margin-right: 0;
  display: flex;
  align-items: center;
}

.singular-product
  div.product
  .woocommerce-product-gallery.woocommerce-product-gallery--columns-3
  .flex-control-thumbs
  li:nth-child(3n) {
  margin-right: 0;
}

.singular-product
  div.product
  .woocommerce-product-gallery.woocommerce-product-gallery--columns-3
  .flex-control-thumbs
  li:nth-child(3n + 1) {
  clear: both;
}

.singular-product
  div.product
  .woocommerce-product-gallery.woocommerce-product-gallery--columns-4
  .flex-control-thumbs
  li {
  width: 19%;
  float: left;
  margin-right: 5.2857142857%;
}

.singular-product
  div.product
  .woocommerce-product-gallery.woocommerce-product-gallery--columns-4
  .flex-control-thumbs
  li:nth-child(4n) {
  margin-left: 0;
}

.singular-product
  div.product
  .woocommerce-product-gallery.woocommerce-product-gallery--columns-4
  .flex-control-thumbs
  li:nth-child(4n + 1) {
  clear: both;
}

.singular-product
  div.product
  .woocommerce-product-gallery.woocommerce-product-gallery--columns-5
  .flex-control-thumbs
  li {
  width: 8.5714285714%;
  float: right;
  margin-left: 14.2857142857%;
}

.singular-product
  div.product
  .woocommerce-product-gallery.woocommerce-product-gallery--columns-5
  .flex-control-thumbs
  li:nth-child(5n) {
  margin-left: 0;
}

.singular-product
  div.product
  .woocommerce-product-gallery.woocommerce-product-gallery--columns-5
  .flex-control-thumbs
  li:nth-child(5n + 1) {
  clear: both;
}

.singular-product div.product .images .woocommerce-main-image {
  margin-bottom: 1.618em;
  display: block;
}

.singular-product div.product .images .thumbnails a.zoom {
  display: block;
  width: 22.05%;
  margin-left: 3.8%;
  float: right;
  margin-bottom: 1em;
}

.singular-product div.product .images .thumbnails a.zoom.last {
  margin-left: 0;
}

.singular-product div.product .images .thumbnails a.zoom.first {
  clear: both;
}

.singular-product div.product .woocommerce-product-gallery .flex-viewport,
.singular-product figure.woocommerce-product-gallery__wrapper {
  border: 1px solid #ddd;
}

.singular-product
  div.product
  .woocommerce-product-gallery
  .flex-viewport
  figure.woocommerce-product-gallery__wrapper {
  border: none;
}

.upsells-single h2 {
  font-weight: bold;
}

.upsells-single .card-footer,
.cross-sells .card-footer,
.upsells-single .product-excerpt-list,
.cross-sells .product-excerpt-list {
  display: none;
}

.cross-sells .green-box-title {
  font-size: 20px;
  padding-top: 5px;
}

.woocommerce .cross-sells ul.products li.product,
.woocommerce .cross-sells .products li > .col-xs-12 {
  border: unset;
}

.bg-color-blue {
  background-color: #006ab1 !important;
}

.bg-color-blue-tab.active,
.bg-color-blue-tab:hover {
  background-color: #006ab1 !important;
  color: #fff !important;
}

.singular-product .nav-tabs > li .vat-amount {
  display: none;
}

.singular-product .nav-tabs > li .price-wrapper {
  padding: 0;
  font-weight: normal;
}

.singular-product .nav-tabs > li .inc-vat-price span.woocommerce-Price-amount.amount {
  font-size: 12px;
}

.singular-product .tab-pane .col-md-9 {
  padding-left: 25px;
}

@media only screen and (max-width: 499px) {
  .singular-product .nav-tabs > li {
    width: 100%;
  }

  .logged-in .vr-logged-in.video-responsive2 iframe {
    height: 190px !important;
    min-height: 190px !important;
  }
}

@media only screen and (max-width: 600px) {
  .singular-product .tab-pane .col-md-9 {
    padding: 30px 0 0 0;
  }
}

.singular-product .cross-sells ul.products li.product,
.singular-product .up-sells ul.products li.product,
.singular-product .cross-sells .products li > .col-xs-12,
.singular-product .up-sells .products li > .col-xs-12 {
  border: unset;
}

.singular-product .woocommerce-notices-wrapper {
  margin-top: 10px;
  /* margin-left: -10px;
  margin-right: -10px; */
}

.singular-product .up-sells ul.products li.product {
  background-color: transparent;
  overflow: hidden;
}

.add-to-cart-wrapper-single {
  float: left;
}

.singular_add_to_cart_button {
  /* padding: 5px 15px 5px 15px;
  color: #ffffff;
  font-size: 16px;
  font-family: robotomedium; */
  /* background-color: #84a835 !important; */
}

.woocommerce .cross-sells .green-box-title {
  padding: 12px 10px 5px;
}

@media only screen and (min-width: 993px) {
  .woocommerce .cross-sells ul.products li.product {
    margin-bottom: 0;
  }

  .woocommerce .cross-sells .products,
  .woocommerce-page .products {
    margin-bottom: 0;
  }

  .woocommerce .cross-sells .green-box-title {
    height: auto;
  }

  .woocommerce-Tabs-panel {
    min-height: 495px;
  }
}

.woocommerce .wishlist_table a.btn,
.woocommerce-page .wishlist_table a.btn {
  background-color: #84a835;
  color: #fff;
}

.single_add_to_cart_button {
  float: left;
}

.singular-product .summary.entry-summary .products-width-55 {
  padding-bottom: 20px;
}

.absolute {
  position: relative;
  width: 100%;
}

.absolute p {
  position: absolute;
  /*   height: 100%; */
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .padding-left-5 {
    padding-left: 10px !important;
    margin-top: 0 !important;
    padding-right: 10px !important;
  }

  .padding-right-5 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  .video-iframe {
    height: 450px;
  }
}

@media screen and (max-width: 1280px) and (min-width: 1200px) {
  .custom-container-lg {
    width: 100%;
    max-width: 100%;
  }

  .categories-tabs .cat-tab {
    padding: 8px 0 !important;
  }
}

a#download-btn-on-product.no-margin-left {
  margin-left: 0;
}

.woocommerce .product .onsale,
.woocommerce-page .product .onsale,
.woocommerce .product .onsale,
.woocommerce-page .product .onsale {
  left: auto;
  right: -5px;
  text-align: center;
  color: #fff;
}

.woocommerce-page .product .onsale.label-warning,
.woocommerce .product .onsale,
.woocommerce-page .product .onsale.label-warning {
  background-color: red;
}

.cross-sells .alignment-fix.alignment-fix-qty {
  display: none;
}

.woocommerce .product th.woocommerce-product-attributes-item__label {
  width: 50%;
}

.isbn.book_type {
  margin-bottom: 2px;
}

.woocommerce-product-details__short-description {
  font-weight: bold;
  clear: both;
  font-size: 16px;
}

form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized p,
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized ul {
  font-size: 16px;
}

.woocommerce .product .cart,
.woocommerce-page .product .cart {
  margin-bottom: 1.5em;
}

.woocommerce-page .product .font-variations .cart .variations {
  margin-bottom: 0;
}

.yith-wcwl-add-button span {
  display: none;
}

.woocommerce-page.singular-product .product .yith-wcwl-add-button span {
  display: inline-block;
}

.woocommerce-page.singular-product .product .yith-wcwl-add-button a {
  /* position: relative;
    background-color: #009BD9;
    border-radius: unset;
    border: none;
    padding: 5px 15px 5px 15px;
    color: #ffffff;
    font-size: 16px;
    font-family: robotomedium;
    font-weight: normal;
    line-height: 2em;
    text-decoration: none; */
  display: none;
}

.request-quote-btn {
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  text-wrap: nowrap;
}

.request-quote-btn:hover {
  text-decoration: none;
  color: #fff;
}

.product-type-bundle .var-qty,
.product-type-subscription .var-qty {
  margin-top: 0 !important;
}

.woocommerce-page.singular-product .product .yith-wcwl-add-button span.separator {
  width: 17px;
  margin-left: 10px;
}

.rounded-img-margin {
  border: none;
  margin-top: -60px;
}

.product_cat-literacy-skills h1.product_title.entry-title {
  color: #96c054 !important;
}

.product_cat-movement-motor-skills h1.product_title.entry-title {
  color: #c1272d !important;
}

@media print {
  .pager,
  .single_main_title,
  .entry-published,
  .post-edit-link,
  .entry-byline,
  .drip-header,
  #footer,
  #sidebar-primary,
  .entry-footer {
    display: none !important;
  }

  a[href]::after {
    content: '' !important;
  }
}

.fancy-heading {
  text-align: left;
  background-repeat: no-repeat !important;
  color: #fff;
  font-size: 25px;
  background-size: cover !important;
  padding: 30px 28px;
}

.fancy-heading.green {
  background: url('https://pld-literacy.org/wp-content/uploads/2020/04/bg-green-v3.png');
  padding: 30px 20px;
}

.fancy-heading.blue {
  background: url('https://pld-literacy.org/wp-content/uploads/2020/03/blue-bg-v4.png');
}

.fancy-heading.red-bg {
  background: url('https://pld-literacy.org/wp-content/uploads/2020/03/red-bg-1.png');
  margin-top: -5px;
}

.fancy-heading.orange {
  background: url('https://pld-literacy.org/wp-content/uploads/2022/12/Vector-1-1.png');
}

.organge-bg {
  background-image: url('https://pld-literacy.org/wp-content/uploads/2020/03/bottom-bg.png');
  background-color: #f7941d;
  padding: 20px 20px 20% 20px;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
}

.pink-bg {
  background-image: url('https://pld-literacy.org/wp-content/uploads/2020/03/pink-bg_02.png');
  background-color: #f7941d;
  padding: 20px 20px 18% 20px;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
}

.pink-bg-new {
  background-image: url('https://pld-literacy.org/wp-content/uploads/2020/03/pink_v2.png');
  background-color: #df92c4;
  padding: 20px 20px 18% 20px;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
}

.purple-bg {
  background-image: url('https://pld-literacy.org/wp-content/uploads/2020/03/purple-bg.png');
  background-color: #7554a6;
  padding: 20px 20px 18% 20px;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
}

.yellow-bg {
  background-image: url('https://pld-literacy.org/wp-content/uploads/2020/03/yellow.png');
  background-color: #ffec8c;
  padding: 20px 20px 18% 20px;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
}

.blue-bg {
  background-image: url('https://pld-literacy.org/wp-content/uploads/2020/03/blue-bg_02.png');
  background-color: #56c0fc;
  padding: 20px 20px 18% 20px;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
}

.green-bg {
  background-image: url('https://pld-literacy.org/wp-content/uploads/2020/03/green-bg_02.png');
  background-color: #84a835;
  padding: 0 20px 18% 20px;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-bottom: 12px;
}

/* .yellow-color{
	color:#f9dd2f;
} */
.purple-color {
  color: #622392;
}

.pink-color {
  color: #d15a9d;
}

.blue-color {
  color: #00a2eb;
}

.green-color {
  color: #84a835 !important;
}

.fancy-heading.purple {
  background: url('https://pld-literacy.org/wp-content/uploads/2022/12/Vector-2.png');
}

.fancy-heading.yellow {
  background: url('https://pld-literacy.org/wp-content/uploads/2022/12/Vector-1-2.png');
}

.fancy-heading.pink {
  background: url('https://pld-literacy.org/wp-content/uploads/2022/12/Vector-1-3.png');
}

.white-bg {
  background-color: #fff;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.white-bg p,
.white-bg .wp-block-columns {
  padding: 0 20px;
}

.white-bg p:first-of-type {
  padding: 20px 20px 0 20px;
}

span.orange {
  color: #f7941d;
}

span.purple {
  color: #9e005d;
  font-weight: normal;
}

body.logged-out .pld-approach-video iframe {
  width: 560px !important;
  height: 247px !important;
}

@media only screen and (max-width: 13201px) {
  body.logged-out .pld-approach-video iframe {
    height: 240px !important;
  }
}

@media only screen and (max-width: 1280px) {
  body.logged-out .pld-approach-video iframe {
    height: 205px !important;
  }
}

@media only screen and (max-width: 1199px) {
  body.logged-out .pld-approach-video iframe {
    height: 178px !important;
  }
}

@media only screen and (max-width: 991px) {
  body.logged-out .pld-approach-video iframe {
    height: 128px !important;
  }
}

@media only screen and (max-width: 782px) {
  body.logged-out .pld-approach-video iframe {
    height: 315px !important;
  }
}

@media only screen and (max-width: 690px) {
  body.logged-out .pld-approach-video iframe {
    height: 300px !important;
  }
}

@media only screen and (max-width: 660px) {
  body.logged-out .pld-approach-video iframe {
    height: 285px !important;
  }
}

@media only screen and (max-width: 640px) {
  body.logged-out .pld-approach-video iframe {
    height: 275px !important;
  }
}

@media only screen and (max-width: 615px) {
  body.logged-out .pld-approach-video iframe {
    height: 260px !important;
  }
}

@media only screen and (max-width: 600px) {
  body.logged-out .pld-approach-video iframe {
    height: 250px !important;
  }
}

@media only screen and (max-width: 580px) {
  body.logged-out .pld-approach-video iframe {
    height: 235px !important;
  }
}

@media only screen and (max-width: 520px) {
  body.logged-out .pld-approach-video iframe {
    height: 200px !important;
  }

  .df-element::after,
  .download-btn-term a::after {
    width: 8px !important;
    height: 11px !important;
  }

  .pd-10 {
    margin-top: 10px !important;
  }

  .subscription-view-button-ssp-kits div.dp-element,
  .subscription-view-button-ssp-kits a.df-element,
  .subscription-view-button-ssp-kits div.download-btn-term a {
    font-size: 16px !important;
    padding: 12px !important;
  }

  .term-title {
    font-size: 16px !important;
  }
}

@media only screen and (max-width: 485px) {
  body.logged-out .pld-approach-video iframe {
    height: 185px !important;
  }
}

@media only screen and (max-width: 460px) {
  body.logged-out .pld-approach-video iframe {
    height: 170px !important;
  }
}

@media only screen and (max-width: 430px) {
  body.logged-out .pld-approach-video iframe {
    height: 150px !important;
  }
}

@media only screen and (max-width: 430px) {
  body.logged-out .pld-approach-video iframe {
    height: 135px !important;
  }
}

@media only screen and (max-width: 370px) {
  body.logged-out .pld-approach-video iframe {
    height: 120px !important;
  }
}

.video-responsive2 iframe {
  width: 560px;
  height: 315px;
}

.pld-approach-video iframe {
  width: 560px;
  height: 240px;
}

.logged-in .vr-logged-in.video-responsive2 iframe {
  height: 248px;
}

.pld-approach-products-title .wc-block-grid__product-title {
  color: #000;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
}

.logged-in .video-responsive3 iframe {
  height: 210px;
}

.pld-approach-button a {
  padding: 15px 40px;
}

.video-responsive2 .wp-block-embed__wrapper {
  text-align: center;
}

.wc-block-handpicked-products.has-4-columns
  img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  padding: 0 15px;
}

.product_cat-literacy-skills h1.product_title.entry-title {
  color: #96c054 !important;
}

.product_cat-movement-motor-skills h1.product_title.entry-title {
  color: #c1272d !important;
}

.wp-block-handpicked-products img {
  vertical-align: middle;
  width: 100%;
  height: auto;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox .text-terms {
  width: 374px;
  display: inline-block;
  vertical-align: top;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox
  a.woocommerce-terms-and-conditions-link.cc_terms_link {
  color: #5f9bcb;
}

span.lp-span-h {
  font-weight: 400;
}

.no-product-image li > a img {
  display: none;
}

#invite_users_via_email a {
  display: none;
}

.custom-tooltip {
  position: relative;
  display: inline-block;
  margin-left: 5px;
}

.custom-tooltip .tooltiptext {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 6px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  max-width: 350px;

  /* Position the tooltip */
  position: fixed;
  z-index: 1;
}

.custom-tooltip:hover .tooltiptext {
  visibility: visible;
}

.no-padding-on-tab > .wp-block-column.no-margin {
  margin: 0;
}

.bundle_price ins,
.bundle_price del {
  color: #333 !important;
}

.bundle_price ins .amount,
.bundle_price del {
  font-size: 20px !important;
}

.bundle_price del .amount {
  font-size: 14px !important;
}

.image-thumbnails img {
  height: 100%;
}

.image-thumbnails figure {
  margin-bottom: 0;
  text-align: center;
}

.wc-block-grid__product-price.price .woocommerce-Price-amount.amount {
  font-size: 16pt !important;
}

.woocommerce
  #content
  div.product
  .small_width.bundle_form
  div.bundled_product_summary
  .bundled_product_images,
.woocommerce
  div.product
  .small_width.bundle_form
  div.bundled_product_summary
  .bundled_product_images,
.woocommerce-page
  #content
  div.product
  .small_width.bundle_form
  div.bundled_product_summary
  .bundled_product_images,
.woocommerce-page
  div.product
  .small_width.bundle_form
  div.bundled_product_summary
  .bundled_product_images,
.woocommerce
  #content
  div.product
  .small_width.composite_form
  .bundle_form
  div.bundled_product_summary
  .bundled_product_images,
.woocommerce
  div.product
  .small_width.composite_form
  .bundle_form
  div.bundled_product_summary
  .bundled_product_images,
.woocommerce-page
  #content
  div.product
  .small_width.composite_form
  .bundle_form
  div.bundled_product_summary
  .bundled_product_images,
.woocommerce-page
  div.product
  .small_width.composite_form
  .bundle_form
  div.bundled_product_summary
  .bundled_product_images {
  width: 18%;
  float: left;
  margin-left: 0;
  margin-right: 2%;
}

.small_width.bundle_form div.bundled_product_summary .bundled_product_images,
.small_width.composite_form .bundle_form div.bundled_product_summary .bundled_product_images {
  max-width: 50%;
}

.woocommerce-page div.product div.bundled_product_images {
  width: 19% !important;
  margin-right: 1% !important;
}

.woocommerce-page div.product #ebooks-pack div.bundled_product_images {
  width: 19% !important;
  margin-right: 1% !important;
}

.bundled_product_summary .details {
  padding: 0 0 0 10px !important;
}

.price-bulk-wrapper {
  line-height: 1;
  margin: 0 0 1.5rem;
}

.line-height-0 {
  line-height: 0;
}

#exTab4 .bundle_form .bundle_price p.price {
  margin: 0 !important;
}

#eway_credit_card_form .submit.buy {
  background-color: #009bd9;
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  font-family: robotomedium;
  margin-top: 25px;
  margin-bottom: 75px;
}

#eway_credit_card_form .input-text {
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #bcbdc0;
}

@media (max-width: 512px) {
  .logged-in .pld-approach-video iframe {
    width: 560px;
    height: 195px;
  }

  .form-column-right .gform_footer.top_label {
    padding: 0 0 20px !important;
  }

  .form-column-right .gform_footer.top_label button {
    width: 100%;
  }

  .form-column-right {
    box-shadow: unset !important;
  }

  .form-column-right #gform_wrapper_10,
  .form-column-right #gform_wrapper_62 {
    margin: 0 !important;
  }

  .time-list > div {
    box-shadow: unset !important;
    padding: 25px 0 15px 0 !important;
  }

  .time-list > div ul {
    font-size: 16px !important;
    padding-left: 20px !important;
  }

  .parking-img-sm {
    display: block !important;
  }

  .parking-img-lg {
    display: none;
  }

  .singular-page-2855 #post-2855 {
    padding: 40px 20px 15px !important;
  }

  .singular-page-2855 #post-2855 .has-text-color {
    font-size: 16px !important;
  }

  .singular-page-2855 #post-2855 .contact-info-text-sm {
    display: block !important;
  }

  table.cart td.actions .coupon label {
    display: none;
  }

  table.cart td.actions .coupon {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    float: none !important;
  }

  table.cart td.actions input {
    display: block;
    width: 100%;
    margin: 0.5407911001em 0;
    padding: 8px;
  }

  table.cart td.actions button {
    padding: 8px;
    margin: 0 0;
    width: 100%;
  }
}

.shipping input[type='radio']::after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #d1d3d1;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}

.shipping input[type='radio']:checked::after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  box-shadow: inset 0 0 0 3px #fff;
  background-color: #009fde;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #009fde;
}

input.radio_style:checked::before {
  width: 21px;
  height: 20px;
  border-radius: 20px;
  top: -4px;
  left: -1px;
  position: absolute;
  box-shadow: inset 0 0 0 3px #fff;
  background-color: #009fde;
  visibility: visible;
  border: 2px solid #009fde;
}

h3#ship-to-different-address {
  display: inline-block;
  margin-top: 15px;
  position: relative;
}

h3#ship-to-different-address label span {
  position: absolute;
  width: 200px;
  top: 4.2px;
  font-family: robotomedium;
  font-size: 14px;
}

.form-row.terms.wc-terms-and-conditions label input {
  display: inline-block;
  top: -2px !important;
}

.form-row.terms.wc-terms-and-conditions label span {
  display: inline;
}

#SOuter .products li > .row {
  display: none;
}

.product-view-link {
  margin: 10px 0 28px;
}

.product-view-link a button {
  margin: 0;
  width: 100%;
  background-color: #84a835 !important;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
  color: #fff !important;
  font-size: 14px !important;
  height: 40px;
}

.product-view-link a button:hover {
  background-color: #61952a !important;
}

.product-view-link a button i {
  font-size: 16px;
}

.price-tag .price {
  border: 2px solid #61952a;
  color: #61952a !important;
  padding: 2px 8px;
  border-radius: 5px;
  margin: 10px 0 12px 0 !important;
  transition: all 0.3s ease-in-out;
}

.woocommerce-page .product .price ins {
  color: #61952a;
}

li.entry.product:hover .price ins {
  color: #fff !important;
}

.skill_curr_item.active ul.products li:hover .price-tag .price,
.skill_curr_item.active ul.products li:hover .product-view-link button,
.cross-sells .products li:hover a button,
.up-sells.upsells.products .products li:hover a button,
.up-sells.upsells.products .products li:hover .price-tag .price {
  color: #fff !important;
  background-color: #61952a;
}

.upsells.products a.sub-view-btn {
  display: none;
}

.product_course.product_type_simple.add_to_cart_button {
  font-size: 13px;
}

.product_course {
  font-size: 16px !important;
  padding: 4.7px 12px !important;
}

.product-type-external .single_add_to_cart_button {
  margin-left: 0 !important;
  padding: 10px 40px 10px 40px !important;
}

.year-terms h3 {
  color: #005486 !important;
  font-size: 16px !important;
  margin: 12px 0 !important;
}

.post-featured-image {
  float: left;
  width: 125px;
  margin-right: 12px;
}

.singular-page-11634 #content,
.singular-page-11634 #content .entry.hentry {
  padding-top: 0;
}

#content.hfeed {
  display: flex;
  flex-wrap: wrap;
}

#content.hfeed article {
  box-shadow: rgb(99 99 99 / 0.1) 0 0 7px 0;
  background-color: unset !important;
  padding: 0;
  min-height: fit-content;
  border: none;
  border-bottom: 6px solid #009fde !important;
  border-radius: 7px;
}

#content.hfeed article .post-featured-image {
  width: 100%;
}

body.blog #content.hfeed {
  padding-top: 60px;
}

#content.hfeed .loop-nav.pagination-centered .pagination li {
  display: inline-block;
  margin: 0 5px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 0;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  background-color: #009fde;
  border-color: #009fde;
}

.pagination > li > a,
.pagination > li > span {
  padding: 10px 18px;
  color: #000;
  font-weight: 600;
  border-color: #f1f1f1 !important;
}

.post-description {
  margin-top: 5px;
  padding: 15px;
}

.post-description div:first-child {
  padding-left: 10px;
  padding-right: 10px;
}

.post-description a:first-child {
  font-size: 22px;
}

.post-description .url {
  font-size: 14px !important;
}

.post-description p {
  color: #777;
  margin: 10px 0;
  border-top: 1px solid #f2f3f5;
  padding-top: 10px;
  margin-bottom: 7px;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  /* number of lines to show */
  -webkit-box-orient: vertical;
}

.post-description p .more-link {
  visibility: hidden;
}

#content.hfeed .loop-nav.pagination-centered {
  width: 100% !important;
  margin: 30px 0 80px 0;
}

#content.hfeed .entry-author {
  border-right: 1px solid #c7c7c7;
  margin-right: 10px;
  padding-right: 8px;
}

.blogs-banner {
  width: 100% !important;
  margin-top: 20px;
  padding: 0 15px;
}

#main .loop-meta.jumbotron {
  background: unset !important;
  margin-bottom: 0 !important;
}

#main .loop-meta.jumbotron .container {
  background: unset !important;
}

.single-post-header {
  border-bottom: unset !important;
  margin-bottom: 0 !important;
}

.single-post-header h1 {
  font-size: 2.75em !important;
  background-color: unset !important;
  color: #0693e3 !important;
  text-shadow: unset !important;
  font-weight: 100 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.single-post-banner,
.layout-2c-l #content {
  width: 100%;
}

.quote-banner {
  margin-top: 20px !important;
  margin-bottom: 0 !important;
  text-align: center;
}

/* Full width across the content container with high-DPI 2x asset */
.quote-banner img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

.quote-images {
  margin-top: 20px;
  padding: 10px 10px;
  margin: 20px 10px;
  background-color: #e9f2f9;
}

.quote-images:first-of-type {
  margin-left: 0 !important;
}

.quote-images:last-of-type {
  margin-right: 0 !important;
}

.quote-images img {
  width: 100%;
}

.quoted-images {
  display: flex;
  justify-content: space-around;
}

#subscription-link {
  position: absolute;
  height: 500px;
  width: 100%;
  left: 0;
  opacity: 0;
}

#post-11634 .ywraq-form-table-wrapper.vertical {
  display: flex;
  align-content: space-evenly;
  flex: 0 0 auto;
  align-items: baseline;
  gap: 50px;
}

#post-11634 #yith-ywraq-form {
  flex-basis: 48%;
}

#post-11634 #yith-ywraq-form img {
  width: 60px;
  max-width: fit-content !important;
}

#post-11634 #yith-ywraq-form .update-list-wrapper input,
#post-11634 .yith-ywraq-mail-form-wrapper .form-row.form-row-wide input {
  background: #006ab1;
  border: none !important;
  color: #fff;
  padding: 6px 12px;
}

#post-11634 #first_name,
#post-11634 #last_name,
#post-11634 #email {
  background: white;
  color: #000;
  border: 1px solid black !important;
}

#billing_country {
  padding: 5px 10px;
  background-color: #f8f8f8;
  border: unset;
  height: 40px;
  width: 100%;
}

textarea#order_comments {
  height: 95px;
  padding: 10px;
  font-family: robotomedium;
  font-size: 14px;
}

#customer_details .col-xs-12.col-md-6.col-lg-6.checkout_billing.text-gray {
  padding-right: 15px !important;
}

#customer_details .col-xs-12.col-md-6.col-lg-6.checkout_shipping.text-gray {
  padding-left: 15px !important;
}

#post-11634 #yith-ywraq-form .product-name ul {
  padding: 0;
  margin-left: 20px !important;
}

#post-11634 .yith-ywraq-mail-form-wrapper {
  flex-basis: 48%;
  margin-left: 5%;
}

#post-11634 #yith-ywraq-form .product-price,
#post-11634 #yith-ywraq-form .product-subtotal {
  white-space: nowrap;
}

#req-icon .button {
  background-color: #0066b4;
}

.widget_ywraq_mini_list_quote .raq-info {
  border: none !important;
  padding: 2px !important;
}

.widget_ywraq_mini_list_quote .raq-info:hover {
  background-color: transparent !important;
}

#req-icon .raq_label:hover {
  background-color: transparent !important;
}

#req-icon .ywraq-quote-icon-icon_quote::before {
  font-size: 16px !important;
}

#req-icon .raq-items-number {
  font-size: 12px !important;
}

#req-icon .yith-ywraq-list-wrapper {
  display: none !important;
}

#req-icon .widget_ywraq_mini_list_quote {
  margin: 0 !important;
  margin-top: -5px !important;
}

.ywraq-view-quote-wrapper table.shop_table tfoot tr td {
  text-align: left !important;
  border-top: 1px solid #ddd !important;
}

.ywraq-view-quote-wrapper table.shop_table.order_details tbody tr td.product-total {
  text-align: left !important;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type='button']:focus,
input[type='reset']:focus,
input[type='submit']:focus,
input[type='email']:focus,
input[type='tel']:focus,
input[type='url']:focus,
input[type='password']:focus,
input[type='search']:focus {
  outline-color: black !important;
}

.return-to-blog a {
  margin: 5px 0;
  font-size: 16px;
}

#yith-ywraq-message {
  text-align: center;
  margin: 2% 0%;
  font-size: 20px;
  font-weight: 700;
}

.login-button-link {
  background-color: #006ab1;
  border: none;
  color: white;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  padding: 10px 20px;
  margin: 5% 0%;
}

.login-button-link:hover {
  color: #006ab1;
  text-decoration: none;
  border: 2px solid #006ab1;
  background-color: transparent;
}

.thank-you-image {
  text-align: center !important;
}

.thank-you-image img {
  width: 90% !important;
}

.thank-you-text {
  margin: 5% 10% !important;
}

#my-account .order-actions .button.view,
#my-pld-account .order-actions .button.view,
#my-account .order-actions .button.pay,
#my-pld-account .order-actions .button.pay,
#my-account .order-actions .button.cancel,
#my-pld-account .order-actions .button.cancel {
  margin: 5px;
  background-color: #337ab7;
  color: white;
  padding: 5px 18px;
}

#my-account .order-actions .button.view,
#my-pld-account .order-actions .button.view {
  background-color: #009fde;
}

#my-account .order .order-status span,
#my-pld-account .order .order-status span {
  background-color: #84a835;
  color: #fff;
  padding: 5px 18px;
}

.digital-downloads.table.table-striped + h4 {
  margin-top: 30px;
}

#dialog_box + .page-header h4 {
  margin-top: 38px;
}

#my-account .order-actions .button.pay {
  background-color: #84a835 !important;
}

#my-account .order-actions .button.cancel {
  background-color: #f00 !important;
}

.ywraq-additional-information {
  margin-bottom: 30px;
}

.ui-dialog-title {
  font-size: 17px;
  margin: 25px !important;
  color: #f00;
  font-weight: 600;
}

.ui-dialog.ui-widget.ui-widget-content {
  background-color: white !important;
  border: 1px solid #96c054 !important;
  border-radius: 10px !important;
}

.delete_invite.ui-dialog.ui-widget.ui-widget-content {
  background-color: white !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.delete_invite .ui-dialog-titlebar {
  padding: 0 !important;
}

.delete_invite .ui-dialog-title {
  float: unset !important;
}

.delete_invite .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: left !important;
}

.ui-button.ui-corner-all.ui-widget {
  padding: 5px 15px !important;
  font-size: 18px !important;
}

.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
  display: none !important;
}

/* Add to quote button styling moved to css/pld-buttons.css. */

.product_cat-starter-packs .single_add_to_cart_button {
  margin: 0 10px !important;
}

button.single_add_to_cart_button.button.alt.yith-wcpb-add-to-cart-button {
  margin-right: 10px !important;
}

.product_cat-online-courses .add-request-quote-button {
  margin-top: unset !important;
  padding: 3px 15px 6px 15px !important;
}

form.cart + p {
  clear: both;
}

.ywraq-form-table-wrapper.wide {
  align-items: end;
}

.ywraq-form-table-wrapper.wide .yith-ywraq-mail-form-wrapper h3 {
  margin-top: 6px !important;
}

.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,
.editor-styles-wrapper .wc-block-grid__product-title,
.wc-block-grid__product-title {
  font-size: 17px;
}

.backEndResponse .woocommerce-message {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.backEndResponse .alert-danger.woocommerce-message {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.register-error {
  background-color: #f2dede;
  border: 1.5px solid #ebccd1;
  padding: 10px;
  position: absolute;
  width: 100%;
  top: 130px;
  z-index: 1;
}

.close-message {
  margin: 0 15px;
  color: black;
  font-weight: 700;
  font-size: 18px;
  border: 1.5px solid #a94442;
  padding: 0 5px;
  cursor: pointer;
}

.heading-text {
  max-width: 80%;
}

.quick-order-banner img {
  max-width: 100%;
  margin-top: 20px;
}

.quoted-images + .loop-title {
  margin-top: 0;
}

.successmessage {
  color: #3c763d;
  background-color: #dff0d8;
  border: 1.5px solid #d6e9c6;
  padding: 10px;
  margin-bottom: 5px;
}

.flipbook .turn-page-wrapper .fb-page-content {
  width: 100% !important;
  height: 100% !important;
}

.downloadable__products #billing_phone_field,
.downloadable__products #billing_company_field,
.downloadable__products #billing_address_1_field,
.downloadable__products #billing_address_2_field,
.downloadable__products #billing_city_field,
.downloadable__products #billing_state_field,
.downloadable__products #billing_postcode_field,
.downloadable__products #billing_country_field,
.downloadable__products .woocommerce-shipping-fields,
.downloadable__products .woocommerce-additional-fields {
  display: none;
}

.downloadable__products .form-row {
  width: 100% !important;
}

.downloadable__products #billing_job_title_field .select2-container {
  width: 100% !important;
}

#right-block-column {
  margin-left: 0 !important;
}

#left-block-column .wc-block-grid.wp-block-handpicked-products.wc-block-handpicked-products,
#right-block-column .wc-block-grid.wp-block-handpicked-products.wc-block-handpicked-products {
  padding: 0 5px;
}

.ywraq-before-form::before {
  content: none !important;
}

#woocommerce_capcha_field {
  height: 40px;
  padding: 15px 10px 15px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  width: 50px;
}

.error__message {
  display: none;
  color: red;
  margin-left: 10px;
}

.correct__message {
  display: none;
  color: green;
  margin-left: 10px;
}

#woocommerce_capcha_field::-webkit-outer-spin-button,
#woocommerce_capcha_field::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#woocommerce_capcha_field[type='number'] {
  -moz-appearance: textfield;
}

#woocommerce_capcha_field_field {
  display: flex;
}

#woocommerce_capcha_field_field label {
  margin-top: 10px;
  margin-right: 12px;
}

#tipau {
  display: none !important;
}

.about-images img {
  height: auto !important;
}

#footer {
  padding-bottom: 0;
}

#footer .container .row {
  margin-bottom: 10px;
}

#sidebar-subsidiary.sidebar {
  background-color: #009fde;
  color: white;
  margin-top: 20px;
}

footer h3 {
  font-size: 18px;
  margin-bottom: 25px;
  font-family: robotoregular;
}

.custom-html-widget p {
  padding: 0 !important;
}

.textwidget.custom-html-widget a,
#menu-shop-pld-programs a {
  color: #fff;
}

.textwidget.custom-html-widget p a {
  text-decoration: underline;
}

.textwidget.custom-html-widget p a:hover {
  text-decoration: none;
}

.textwidget.custom-html-widget p::before,
.textwidget.custom-html-widget ul#footer-links li::before,
.textwidget.custom-html-widget ul#footer-glossary li::before,
.menu-shop-pld-programs-container ul#menu-shop-pld-programs li::before {
  font-family: FontAwesome;
  content: '\f105 ';
  margin-right: 10px;
  font-size: 16px;
}

#footer-links li,
#footer-glossary li,
#menu-shop-pld-programs li,
.textwidget.custom-html-widget p {
  margin: 1px 0;
}

#sidebar-subsidiary .widget {
  float: unset;
  width: 100% !important;
  padding: 0 30px;
  padding-top: 20px;
  text-align: center;
  font-size: 14px;
}

div.dp-element {
  opacity: 0 !important;
}

.flex-viewport
  figure.woocommerce-product-gallery__wrapper
  .woocommerce-product-gallery__image:first-of-type {
  position: relative;
}

.subscription-auto-renew-toggle .subscription-auto-renew-toggle__i {
  margin-top: -1 !important;
  vertical-align: baseline !important;
}

.wcbof_action_btn_wrap {
  display: none;
}

#content .loop-title {
  max-width: 90%;
}

.show-on-hover {
  display: none;
}

.product-excerpt {
  clear: both;
}

.has-white-color.has-text-color.has-background {
  position: relative;
  padding: 1.25em 1.375em !important;
  text-align: center !important;
  margin-bottom: 0 !important;
  min-height: 200px;
  max-height: 200px;
}

.has-white-color.has-text-color.has-background span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
}

.singular-page-44041 .wp-block-columns .wp-block-column:nth-of-type(2) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.woocommerce-product-gallery--with-images ol li {
  display: flex !important;
  align-items: center !important;
}

h4.subscription-tab {
  background-color: #fff;
  color: #666;
  font-size: 1.2em;
  margin: 5px 5px 5px 5px;
  cursor: pointer;
}

.subscription-tab div {
  text-align: center;
}

.suscriptions__tab > div {
  border-right: 1px solid #ddd;
  flex: 1;
}

.suscriptions__tab > div:last-of-type,
.suscriptions__tab div.active,
.subscription-tab.tablinks:hover {
  border-right: unset;
}

#subscriptions .main_skill_div.shop-layout-archive .woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  border: unset;
  box-shadow: rgb(99 99 99 / 0.1) 0 0 7px 0;
}

.suscriptions__tab {
  display: flex;
  box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0;
  padding: 7px 7px;
  margin-bottom: 25px;
}

.suscriptions__tab h4 {
  text-align: center;
}

#subscriptions .main_skill_div.shop-layout-archive .products.tabcontent div.green_box {
  background-color: #fff !important;
  color: #61952a;
  min-height: 60px !important;
  position: relative;
}

#subscriptions .main_skill_div.shop-layout-archive .products.tabcontent div.green_box h5 {
  height: unset !important;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.literacy-icon {
  width: 40px;
  margin-bottom: 12px;
  box-shadow: unset !important;
}

.ol-icon {
  width: 30px;
  margin-bottom: 7px;
  box-shadow: unset !important;
}

.mm-icon {
  width: 26px;
  margin-bottom: 7px;
  box-shadow: unset !important;
}

.decodeable-icon {
  width: 25px;
  margin-bottom: 10px;
  box-shadow: unset !important;
}

.sp-icon {
  width: 35px;
  margin-bottom: 13px;
  box-shadow: unset !important;
}

.bundle-icon {
  width: 30px;
  margin-bottom: 8px;
  box-shadow: unset !important;
}

.download-icon {
  width: 30px;
  margin-bottom: 8px;
  box-shadow: unset !important;
}

.suscriptions__tab div.greenColor.active,
.suscriptions__tab div.greenColor.active h4,
.suscriptions__tab div.greenColor.hover,
.suscriptions__tab div.greenColor.hover h4 {
  background-color: #96c054 !important;
  color: #fff !important;
}

.suscriptions__tab div.blueColor.active,
.suscriptions__tab div.blueColor.active h4,
.suscriptions__tab div.blueColor.hover,
.suscriptions__tab div.blueColor.hover h4 {
  background-color: #016bb3 !important;
  color: #fff !important;
}

.suscriptions__tab div.redColor.active,
.suscriptions__tab div.redColor.active h4,
.suscriptions__tab div.redColor.hover,
.suscriptions__tab div.redColor.hover h4 {
  background-color: #c1272d !important;
  color: #fff !important;
}

.suscriptions__tab div.downloads.active,
.suscriptions__tab div.downloads.active h4,
.suscriptions__tab div.downloads.hover,
.suscriptions__tab div.downloads.hover h4 {
  background-color: #00b7ba !important;
  color: #fff !important;
}

.suscriptions__tab div.screeningtools.active,
.suscriptions__tab div.screeningtools.active h4,
.suscriptions__tab div.screeningtools.hover,
.suscriptions__tab div.screeningtools.hover h4 {
  background-color: #96c054 !important;
  color: #fff !important;
}

.suscriptions__tab div.specials.active,
.suscriptions__tab div.specials.active h4,
.suscriptions__tab div.specials.hover,
.suscriptions__tab div.specials.hover h4 {
  background-color: #f7954e !important;
  color: #fff !important;
}

.suscriptions__tab div.school-licenses.active,
.suscriptions__tab div.school-licenses.active h4,
.suscriptions__tab div.school-licenses.hover,
.suscriptions__tab div.school-licenses.hover h4 {
  background-color: #006ab1 !important;
  color: #fff !important;
}

.suscriptions__tab div.online_courses.active,
.suscriptions__tab div.online_courses.active h4,
.suscriptions__tab div.online_courses.hover,
.suscriptions__tab div.online_courses.hover h4 {
  background-color: #ffd105 !important;
  color: #fff !important;
}

.suscriptions__tab div.seminars.active,
.suscriptions__tab div.seminars.active h4,
.suscriptions__tab div.seminars.hover,
.suscriptions__tab div.seminars.hover h4 {
  background-color: #f27189 !important;
  color: #fff !important;
}

.suscriptions__tab div.apps.active,
.suscriptions__tab div.apps.active h4,
.suscriptions__tab div.apps.hover,
.suscriptions__tab div.apps.hover h4 {
  background-color: #a587be !important;
  color: #fff !important;
}

.suscriptions__tab div.ebooks.active,
.suscriptions__tab div.ebooks.active h4,
.suscriptions__tab div.ebooks.hover,
.suscriptions__tab div.ebooks.hover h4 {
  background-color: #7ecbb5 !important;
  color: #fff !important;
}

.suscriptions__tab div.bundle.active,
.suscriptions__tab div.bundle.active h4,
.suscriptions__tab div.bundle.hover,
.suscriptions__tab div.bundle.hover h4 {
  background-color: #f27189 !important;
  color: #fff !important;
}

.tabcontent {
  display: none;
}

#discard_changes_btn {
  background-color: transparent !important;
  color: #006bb2 !important;
  cursor: pointer;
  box-shadow: unset !important;
  font-weight: 600;
}

#discard_changes_btn:hover {
  text-decoration: none;
}

ul.cat-thumbnail-1,
ul.cat-thumbnail-2,
ul.cat-thumbnail-3,
ul.cat-thumbnail-4 {
  list-style-type: none;
  padding: 10px;
  background: #84a835;
  max-width: 100%;
  margin-left: -1px;
  display: block;
}

ul.cat-thumbnail-1 a,
ul.cat-thumbnail-2 a,
ul.cat-thumbnail-3 a,
ul.cat-thumbnail-4 a {
  width: 100%;
}

ul.cat-thumbnail-1,
ul.cat-thumbnail-2,
ul.cat-thumbnail-3 {
  padding-top: 20px;
}

.cat-thumbnails ul li {
  padding: 10px 15px;
  margin: 5px 0;
  font-size: 15px;
  transition: all 0.3s ease-in-out;
  background-color: #7fa133;
  border: 1px solid #90ae4c;
  color: #fff;
  display: flex;
  justify-content: space-between;
}

#account-register-message {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  border: 1px solid #d6e9c6;
  color: #3c763d;
  display: flex;
  padding: 15px;
  margin-top: 15px;
  font-size: 15px;
  cursor: pointer;
}

#account-register-message div:nth-of-type(1) {
  flex: 95%;
}

#account-register-message div:nth-of-type(2) {
  flex: 5%;
  text-align: center;
}

.myAccount {
  padding-bottom: 5px;
  position: relative;
  color: #009ed5;
}

/* .myAccount:hover {
  background-color: #0087c2;
} */
.myAccount ul {
  margin-top: -3px;
  background-color: #0078be;
}

.myAccount li {
  display: contents;
}

.myAccount li a:hover {
  background-color: #0087c2;
  color: #fff;
}

.myAccount li a {
  color: white;
}

#post-7 .woocommerce-EditAccountForm.edit-account fieldset {
  margin-top: 30px;
}

#post-7 .woocommerce-EditAccountForm.edit-account fieldset label span {
  font-size: 14px;
  color: #494949;
  font-weight: 600 !important;
}

#user_info__form,
#user_info__form_2fa {
  display: none;
}

#post-7 .woocommerce-Button.button {
  padding: 12px 15px;
  margin-top: 4px;
  margin-left: 0;
  background-color: #c8c8c8;
  color: #fff;
  box-shadow: rgb(162 162 162) 0 3px;
}

#post-7 .save_account_details_btn:hover {
  color: #fff;
  background-color: #006bb2;
  cursor: pointer;
  box-shadow: rgb(0 84 134) 0 3px;
}

/* !important + full selector weight: the global enabled rule
   (button.woocommerce-Button.button.save_account_details_btn) forces
   blue with !important and would bleed into the disabled state. Border
   stays 3px (fill grey) so the height doesn't jump. */
#post-7 .save_account_details_btn[disabled='disabled'],
#post-7 .save_account_details_btn[disabled='disabled']:hover,
button.woocommerce-Button.button.save_account_details_btn[disabled] {
  color: var(--pld-btn-disabled-text) !important;
  background-color: var(--pld-btn-disabled-bg) !important;
  border-bottom-color: var(--pld-btn-disabled-bg) !important;
  box-shadow: none !important;
  cursor: not-allowed;
}

.loader-image {
  height: 18px !important;
  vertical-align: bottom;
  display: none;
}

.alert-warning.info-message,
.alert-messages {
  margin-bottom: 10px;
}

.alert-warning.info-message-login {
  background-color: transparent;
  border: none;
  padding-right: 0;
}

.alert-warning.info-message-signup {
  background-color: transparent;
  border: none;
  padding-left: 0;
}

#post-code-message {
  color: red;
}

.wslp_link {
  padding-top: 100px !important;
}

#mapwrapper {
  padding-top: 35px !important;
}

.hover-hider .img-responsive,
.hover-hider-1 .img-responsive,
.hover-hider-2 .img-responsive,
.hover-hider-3 .img-responsive,
.hover-hider-2-1 .img-responsive,
.hover-hider-2-2 .img-responsive,
.hover-hider-2-3 .img-responsive,
.hover-hider-2-4 .img-responsive {
  margin-left: 0 !important;
}

ul.thumbnail-1 {
  background-color: #d86f2d;
}

ul.thumbnail-2 {
  background-color: #52308e;
}

ul.thumbnail-3 {
  background-color: #f8dd2e;
}

ul.thumbnail-4 {
  background-color: #d15a9c;
}

.products.top-margin-fix ul a {
  text-decoration: none;
  color: #fff;
}

.products.top-margin-fix ul.thumbnail-3 li a {
  text-decoration: none;
  color: #000;
}

ul.thumbnail-1 li {
  background-color: #ce6b2a;
  border: 1px solid #d37a3f;
  color: #fff;
}

ul.thumbnail-2 li {
  background-color: #4f2e87;
  border: 1px solid #5c3e90;
  color: #fff;
}

ul.thumbnail-3 li {
  background-color: #fae458;
  border: 1px solid #fbe76b;
  color: #000;
}

ul.thumbnail-4 li {
  background-color: #cd589a;
  border: 1px solid #d671aa;
  color: #fff;
}

ul.thumbnail-1,
ul.thumbnail-2,
ul.thumbnail-3,
ul.thumbnail-4 {
  list-style-type: none;
  padding: 10px;
}

.products.top-margin-fix ul li {
  padding: 10px 15px;
  margin: 5px 0;
  font-size: 15px;
  transition: all 0.3s ease-in-out;
}

.products.top-margin-fix ul li:hover {
  background-color: #fff;
  color: #000;
}

.products.top-margin-fix ul a:hover {
  color: #000;
}

.links_flex {
  display: flex;
  justify-content: space-between;
}

.flip__book_btn {
  text-align: center;
  padding-top: 20px;
}

.flip__book_btn .dp-element,
.flip__book_btn .df-element {
  opacity: 1 !important;
  background-color: #006ab1 !important;
  font-weight: 400;
  border-radius: unset;
  border: none;
  cursor: pointer;
  font-size: 16px !important;
  font-family: robotoregular;
  color: #fff;
}

.categories-tabs {
  display: flex;
  padding: 8px;
  box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0;
  margin: 15px 0 25px 0;
}

.categories-tabs .literacy-text {
  color: #96c054;
}

.categories-tabs .ol-text {
  color: #016bb3;
}

.categories-tabs .mm-text {
  color: #fa0e0e;
}

.categories-tabs .decodeable-text {
  color: #00b7ba;
}

.categories-tabs .sp-text {
  color: #f7954e;
}

.categories-tabs .bundle-text {
  color: #f27189;
}

.categories-tabs .download-text {
  color: #016bb3;
}

.cat-tab.active {
  color: #fff;
}

.literacy--tab.active {
  background-color: #96c054;
  color: #fff;
}

.ol--tab.active {
  background-color: #016bb3;
  color: #fff;
}

.mm--tab.active {
  background-color: #c1272d;
  color: #fff;
}

.decodable--tab.active {
  background-color: #00b7ba;
  color: #fff;
}

.sp--tab.active {
  background-color: #f7954e;
  color: #fff;
}

.bundle--tab.active {
  background-color: #f27189;
  color: #fff;
}

.download--tab.active {
  background-color: #016bb3;
  color: #fff;
}

.categories-tabs .cat-tab {
  text-align: center;
  padding: 8px;
  flex: 1;
  border-right: 1px solid #ddd;
}

.categories-tabs .cat-tab:last-of-type {
  border-right: unset;
}

.categories-tabs .cat-tab.literacy--tab:hover {
  background-color: #96c054;
  color: #fff;
  cursor: pointer;
}

.slideOuter#SOuter .flex-container {
  margin-bottom: 25px;
}

.categories-tabs .cat-tab.ol--tab:hover {
  background-color: #016bb3;
  color: #fff;
  cursor: pointer;
}

.categories-tabs .cat-tab.mm--tab:hover {
  background-color: #c1272d;
  color: #fff;
  cursor: pointer;
}

.categories-tabs .cat-tab.decodable--tab:hover {
  background-color: #00b7ba;
  color: #fff;
  cursor: pointer;
}

.categories-tabs .cat-tab.sp--tab:hover {
  background-color: #f7954e;
  color: #fff;
  cursor: pointer;
}

.categories-tabs .cat-tab.bundle--tab:hover {
  background-color: #f27189;
  color: #fff;
  cursor: pointer;
}

.categories-tabs .cat-tab.download--tab:hover {
  background-color: #016bb3;
  color: #fff;
  cursor: pointer;
}

.categories-tabs h2 {
  margin: 0;
}

.categories-tabs .literacy-icon,
.categories-tabs .ol-icon,
.categories-tabs .mm-icon,
.categories-tabs .decodeable-icon,
.categories-tabs .sp-icon,
.categories-tabs .bundle-icon,
.categories-tabs .download-icon {
  margin-bottom: 0;
}

.categories-tabs .literacy-text,
.categories-tabs .ol-text,
.categories-tabs .mm-text,
.categories-tabs .decodeable-text,
.categories-tabs .sp-text,
.categories-tabs .bundle-text,
.categories-tabs .download-text {
  font-size: 16px;
}

.cat-tab.active .tab-text {
  color: #fff;
}

.remove-btn:hover {
  text-decoration: none;
}

.remove-btn div {
  padding: 0 4px;
  border: 1px solid #fa0e0e;
  border-radius: 50px;
  color: #fff;
  background-color: #fa0e0e;
  font-size: 14px;
  display: inline;
}

.flex-1 {
  padding-top: 4px;
  flex: 1;
}

.flex-3 {
  padding-top: 4px;
  flex: 3;
}

.product-price.flex-1 .woocommerce-Price-amount.amount,
.product-subtotal.flex-1 .woocommerce-Price-amount.amount,
.product-subtotal.flex-1
  .woocommerce-Price-amount.amount
  small
  .product-quantity.flex-1
  div.quantity
  select,
div.subtotal_price span,
div.subtotal_price span + small,
.shipping.display-flex span,
.shipping.display-flex span + small,
.display-flex.order-total span,
.display-flex.order-total span + small {
  color: #000 !important;
}

.shop_table.shop_table_responsive strong {
  color: #000;
}

.product-quantity.flex-1 {
  /* padding-top: 0px; */
}

.flex-box-wrapper {
  display: flex;
}

.woocommerce-cart-form__cart-item.flex-box-wrapper {
  /* box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px !important; */
  margin: 10px 0;
  padding: 16px 10px;
}

.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents
  > div
  > div.flex-box-wrapper {
  padding-right: 10px;
  padding-top: 20px;
}

body.woocommerce-cart.woocommerce-page,
body.woocommerce-cart.woocommerce-page #main {
  background-color: #f8f8f8;
}

body.woocommerce-cart.woocommerce-page #main > div > .container {
  padding-top: 10px;
  border: 1px solid #ddd;
  background-color: #fff !important;
  margin-top: 85px;
  border-bottom: unset;
  border-right: 1px solid #ddd;
  padding-left: 15px;
}

body.woocommerce-cart.woocommerce-page #content {
  padding: 0 !important;
}

body.woocommerce-cart.woocommerce-page #main > div > .container h1 {
  margin: 20px 30px 0 28px;
  border-bottom: 1px solid #ddd;
  font-size: 25px;
  color: #1a6ab1;
  padding-bottom: 10px;
  font-family: robotobold;
  font-weight: 700;
}

body.woocommerce-cart.woocommerce-page #main > div + .container {
  border: 1px solid #ddd;
  border-top: unset;
  margin-bottom: 45px;
  background-color: #fff;
  padding: 20px 30px;
}

.flex-box-wrapper .flex-1 .qty {
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 3px 2px;
}

.cart_totals .shipping_billing_cart h3 {
  font-size: 18px;
  color: #1a6ab1;
}

.display-flex {
  display: flex;
  box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0;
  margin: 10px 0;
  padding: 7px 10px;
}

.display-flex div {
  flex: 1;
}

.cart-subtotal.display-flex strong,
.shipping.display-flex strong {
  font-weight: 100;
}

.load_more_btn {
  text-align: center;
}

.load_more_btn button {
  padding: 10px 38px;
  font-size: 18px;
  background-color: #fff;
  color: #61952a;
  box-shadow: 0 1px 12px rgb(0 0 0 / 0.17);
  margin-top: 8px;
}

.load_more_btn button:hover {
  cursor: pointer;
}

.load_more_btn button[disabled='disabled'] {
  display: none;
}

.spinner-custom {
  display: none;
  margin: auto;
  width: 26px;
}

.order_summary_table {
  border-collapse: separate;
  border-spacing: 1em;
}

.order_summary_table tfoot tr {
  /* height: 40px; */
  box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0;
}

.order_summary_table tfoot tr th,
.order_summary_table tfoot tr td {
  border-top: unset;
}

.showcoupon_popup.coupon_btn_checkout i {
  background-color: #005486;
  color: #fff;
  border-radius: 50%;
  font-size: 12px;
  margin-right: 8px;
  width: 20px;
  padding: 4.5px 5px 5px 5px;
  height: 20px;
}

.decodable-page-layout .green-bg {
  background-image: unset;
  background-position: unset;
  background-repeat: unset;
  background-size: unset;
  padding: 5px 5px 6px 5px;
  border: 18px solid #f3f3f3;
  background-color: #81a435;
  margin-bottom: 50px;
  position: relative;
}

.decodable-page-layout p {
  font-size: 16px;
}

.decodable-page-layout .white-bg {
  padding-bottom: 0;
}

.decodable-page-layout h4 {
  color: #fff;
  font-family: Urbanist, sans-serif;
  font-size: 20px;
}

.decodable-page-layout h4::after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #fff;
  width: 540px;
  margin: auto;
  margin-top: 10px;
  max-width: 100%;
}

.decodable-page-layout h4.heading::after {
  width: 440px;
  max-width: 100%;
}

.decodable-page-layout .decodable-page-footer {
  background-color: #81a435;
  text-align: center;
  padding: 40px 0;
}

.decodable-page-layout .decodable-page-footer a {
  background-color: #6a8c1f;
  color: #fff;
  font-family: Urbanist, sans-serif;
  font-size: 20px;
  font-weight: 700;
  padding: 8px 30px;
  margin-top: 20px;
  border-bottom: 3px solid #547017;
}

.decodable-page-layout .fancy-heading.green {
  padding: 16px 20px 32px 20px;
  font-size: 20px;
  font-family: robotoregular;
  background: url('https://pld-literacy.org/wp-content/uploads/2022/10/Vector-1.png');
  background-size: cover;
}

.decodable-page-layout .has-white-color.has-text-color.has-background {
  all: unset;
}

.decodable-page-layout .fancy-heading.green strong {
  font-size: 20px;
  font-family: robotoregular;
}

.decodable-page-layout .custom-banner-row {
  padding-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

.decodable-page-layout .custom-banner-row .col-3 {
  text-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  position: relative;
  padding: 0 10px;
}

.decodable-page-layout .custom-banner-row .col-3 img {
  max-width: 180px;
  max-height: 180px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.decodable-page-layout .custom-banner-row .col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
  padding: 0 10px;
}

.decodable-page-layout .custom-banner-row .col-9 p {
  font-size: 16px;
}

.decodable-page-layout .custom-banner-row .col-12 {
  display: flex;
  justify-content: space-around;
  width: 100%;
  padding: 0 90px;
}

.decodable-page-layout .custom-banner-row .col-12 a {
  background-color: #81a535;
  border-bottom: 2px solid #547017;
  padding: 8px 50px;
  font-size: 18px;
  color: #fff;
  margin: 70px 0 45px 0;
}

.decodable-page-layout .custom-banner-row .col-12 a:hover {
  background-color: #6a8c1f;
}

.decodable-page-layout .decodable-page-footer a:hover {
  color: #6a8c1f;
  background-color: #fff;
}

.decodable-page-layout .video-responsive2 iframe {
  height: 185px;
}

.decodable-page-layout iframe {
  box-shadow: rgb(99 99 99 / 0.15) 0 5px 8px 4px;
}

.decodable-page-layout .padding-top-20 {
  padding-top: 20px;
}

.decodable-page-layout .padding-top-35 {
  padding-top: 35px;
}

.decodable-page-layout .title-black .wc-block-grid__product-title {
  color: #000;
  font-family: arial;
  font-weight: 400;
  font-size: 16px;
}

.decodable-page-layout .title-align-left .wc-block-grid__product-title {
  text-align: left;
}

.decodable-page-layout .title-align-center .wc-block-grid__product-title {
  text-align: center;
}

.decodable-page-layout .price-black .wc-block-grid__product-price.price {
  color: #000;
}

.decodable-page-layout .price-green .wc-block-grid__product-price.price {
  color: #84a836;
}

.decodable-page-layout .price-align-left .wc-block-grid__product-price.price {
  text-align: left;
  font-family: Urbanist, sans-serif;
  font-weight: 800;
}

.decodable-page-layout .fancy-heading.green + p {
  padding: 20px 20px 0 20px;
}

.center-p {
  text-align: center;
}

.point-list {
  position: relative;
  margin-left: 30px;
}

.point-list::before {
  content: '\f00c';
  font-family: FontAwesome;
  background-color: #84a836;
  border-radius: 50%;
  font-weight: 100;
  font-size: 12px;
  padding: 3px 5px 2px 5px;
  color: #fff;
  margin-right: 10px;
  position: absolute;
  left: -10px;
  top: 0;
}

.decodable-page-layout .fancy-heading.green + p::before {
  top: 20px;
}

.decodable-page-layout .container {
  max-width: 100%;
}

.btnDefault,
.btnUpload {
  background-color: #fff;
  border: 1px dashed rgba(0, 0, 0, 0.3);
  color: #333;
  cursor: pointer;
  font-weight: 400;
  display: inline-block;
  padding: 6px 12px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}

/* .btnUpload:before {
    content: "";
    position: absolute;
    border: 9px dashed rgba(0, 0, 0, 0.3);
    top: -8px;
    bottom: -8px;
    left: -8px;
    right: -8px;
  } */
.btnDefault:focus,
.btnDefault:hover,
.btnUpload:focus,
.btnUpload:hover {
  background-color: #fbfbfb;
}

.btnM {
  border-radius: 4px;
  font-size: 14px;
  padding: 32px 12px 18px 12px;
}

.customUpload {
  overflow: hidden;
  position: relative;
  margin: 10px 0 15px 0;
}

.customUpload input.upload {
  cursor: pointer;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 0;
  position: absolute;
  height: 105px;
  right: 0;
  top: 0;
}

.choose-file {
  color: #000;
  background: rgba(217, 217, 217, 0.4);
  padding: 12px 15px;
  font-weight: 700;
  margin-right: 10px;
  font-size: 12px;
}

#file-name {
  color: rgba(0, 0, 0, 0.4);
  font-size: 13px;
}

.privacy-check {
  margin: 10px 0 15px 0;
  color: #000;
  font-size: 16px;
}

.privacy-check input {
  margin-right: 5px;
}

.file-format {
  margin-top: 15px;
  margin-right: 3%;
}

#user-info-data {
  margin: 40px 0;
  margin-left: 15px;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0;
}

#user-info-data .row {
  padding: 20px 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0;
  margin-left: 0;
}

#user-info-data .row .col-12 {
  color: #005486;
  font-size: 25px;
  font-weight: 700;
  margin: 10px 0 10px 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

#user-info-data .row .col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  font-weight: 700;
  font-size: 16px;
}

#user-info-data .row div:nth-child(22),
#user-info-data .row div:nth-child(23) {
  border-bottom: unset;
}

#user-info-data .row .col-8 {
  -ms-flex: 0 0 66.666%;
  flex: 0 0 66.666%;
  max-width: 66.666%;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  font-size: 16px;
}

.singular-page-191150 form {
  margin-top: 15px;
  padding-left: 15px;
}

.singular-page-191150 .loop-title::before {
  content: url('https://pld-literacy.org/wp-content/uploads/2022/11/Group.png');
  position: relative;
  z-index: 100000;
  left: 5px;
  top: 10px;
  margin-right: 10px;
}

.singular-page-191150 p {
  padding-left: 15px;
  font-size: 16px;
}

.singular-page-191150 form input[type='submit'] {
  color: #fff;
  background-color: #009fde;
  border: unset;
  padding: 10px 40px 7px 40px;
  font-size: 12px;
  border-bottom: 3px solid #005486;
  font-weight: 700;
}

.next-step {
  color: #005486;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.important {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 30px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: url('https://pld-literacy.org/wp-content/uploads/2022/11/Vector-2.png');
  background-size: 100% 100%;
  padding: 5px 0 2px 35px;
}

.next-step::before {
  font-family: FontAwesome;
  content: '\f105 ';
  color: #005486;
  font-weight: 800;
  font-size: 22px;
  margin-right: 7px;
}

.on-success {
  text-align: center;
  padding: 35px;
  border: 1px dashed rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  display: none;
}

.on-success-image {
  margin-bottom: 5px;
}

.on-success-image img {
  all: unset;
  width: 35px;
}

.on-success-text {
  font-size: 16px;
  margin-bottom: 15px;
  color: #6a6a6a;
}

.on-success-button {
  border: unset;
  box-sizing: unset;
}

.on-success-button a {
  background-color: #009fde;
  color: #fff;
  padding: 4px 30px 2px;
  border-bottom: 3px solid #005486;
}

#tracking-sheet .green-bg {
  background-image: none;
  background-color: #81a435;
  padding: 7px 7px 0 7px;
  border: 18px solid #f3f3f3;
  margin-bottom: 65px;
}

#tracking-sheet .tracking-sheet-button {
  display: flex;
  justify-content: space-around;
  margin: 10px 120px 45px 120px;
}

#tracking-sheet .tracking-sheet-button a#btns {
  padding: 8px 35px 5px !important;
  margin: 0 !important;
  text-align: center;
}

#tracking-sheet .fancy-heading.green {
  padding: 10px 20px 38px 20px;
  font-size: 20px;
  font-family: robotoregular;
  background: url('https://pld-literacy.org/wp-content/uploads/2022/10/Vector-1.png');
}

#tracking-sheet .loop-title {
  text-align: center;
  font-size: 30px;
  color: #84a835;
  margin-top: 30px;
  max-width: 100%;
}

#tracking-sheet .text-center {
  text-align: center;
  font-size: 18px;
}

#tracking-sheet .text-center strong {
  font-size: 20px;
}

#tracking-sheet .white-bg {
  margin-bottom: 7px;
}

#tracking-sheet #gform_12 label {
  font-size: 14px;
}

#tracking-sheet #gform_12 .form-group {
  margin-bottom: 0;
}

#tracking-sheet #gform_12 input,
#tracking-sheet #gform_12 select {
  border: unset;
  border-radius: unset;
  background-color: #f8f8f8;
}

#tracking-sheet #gform_wrapper_12 {
  box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0 !important;
  margin: 0;
  padding: 25px 10px 10px 25px;
}

#tracking-sheet #input_12_1_3_container,
#tracking-sheet #input_12_1_6_container {
  width: 48% !important;
}

#tracking-sheet #input_12_2 {
  margin-right: 20px;
}

#tracking-sheet .ginput_container.ginput_container_email {
  padding-right: 15px;
}

#tracking-sheet #field_12_4,
#tracking-sheet #field_12_14 {
  width: 48%;
  display: inline-block;
}

#tracking-sheet #field_12_4 {
  margin-right: 8px;
}

#tracking-sheet .monitoring-form .video-responsive2 iframe {
  height: 230px;
}

#tracking-sheet .video-responsive2 iframe {
  height: 280px;
}

#tracking-sheet #label_12_15_1 {
  padding-left: 5px;
}

#tracking-sheet .gform_footer.top_label {
  padding-top: 0;
  margin-top: 0;
}

#tracking-sheet .monitoring-form > div {
  padding-right: 0 !important;
  padding-left: 0 !important;
  gap: 5em;
}

#tracking-sheet .home-link {
  text-align: center;
  margin-bottom: 65px;
}

#tracking-sheet .home-link a {
  background-color: #6a8c1f;
  color: #fff;
  text-decoration: none;
  padding: 15px 75px;
  font-size: 16px;
}

#tracking-sheet iframe {
  box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0 !important;
}

/* #tracking-sheet submit button styling moved to css/pld-buttons.css. */

#dp_178092 {
  position: absolute;
}

.decodable-page-layout.downloadable-page-layout .fancy-heading {
  padding: 16px 20px 32px 20px;
}

.decodable-page-layout.downloadable-page-layout .wc-block-grid__products a div,
.decodable-page-layout.downloadable-page-layout figcaption.wp-element-caption a {
  color: #000;
  font-size: 16px;
  font-weight: normal;
}

.woocommerce-edit-address h1.loop-title {
  font-size: 30px;
  color: #005486;
}

#billing-shipping-address-form {
  background-color: #fff;
  padding: 20px 40px;
  margin-bottom: 75px;
}

#billing-shipping-address-form form h3 {
  font-size: 22px;
  color: #005486;
  margin-bottom: 20px;
}

#billing-shipping-address-form form h3::after {
  content: ' ';
  display: block;
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  margin: auto;
  margin-top: 5px;
  max-width: 100%;
}

#billing-shipping-address-form input#billing_first_name,
#billing-shipping-address-form input#billing_last_name,
#billing-shipping-address-form input#billing_email,
#billing-shipping-address-form input#billing_phone,
#billing-shipping-address-form input#billing_address_1,
#billing-shipping-address-form input#billing_address_2,
#billing-shipping-address-form input#billing_city,
#billing-shipping-address-form input#billing_postcode,
#billing-shipping-address-form input#shipping_first_name,
#billing-shipping-address-form input#shipping_last_name,
#billing-shipping-address-form input#billing_company,
#billing-shipping-address-form input#shipping_company,
#billing-shipping-address-form input#shipping_address_1,
#billing-shipping-address-form input#shipping_address_2,
#billing-shipping-address-form input#shipping_city,
#billing-shipping-address-form input#shipping_postcode,
#billing-shipping-address-form textarea#order_comments,
#billing-shipping-address-form input#some_field_name,
#billing-shipping-address-form input#account_password {
  height: 39px;
}

#billing-shipping-address-form #billing_company_field {
  margin-top: 5px;
}

#billing-shipping-address-form span#select2-billing_job_title-container,
#billing-shipping-address-form .checkout_billing span#select2-billing_state-container {
  font-size: 12px;
}

#billing-shipping-address-form
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 7px !important;
}

#billing-shipping-address-form span.select2-selection.select2-selection--single {
  height: 40px !important;
  padding-top: 5px !important;
  font-size: 16px !important;
  border-radius: 0 !important;
  border: 1px solid #eee;
  background: #f8f8f8 !important;
}

#billing-shipping-address-form #billing_state_field {
  float: left;
  width: 48%;
}

#billing-shipping-address-form #billing_postcode_field {
  width: 48%;
  float: right;
  clear: none;
}

#billing-shipping-address-form .woocommerce-address-fields__field-wrapper + br + p {
  clear: both;
  text-align: center;
}

#billing-shipping-address-form .woocommerce-address-fields__field-wrapper + br + p button {
  margin-top: 25px;
  border-bottom: 2px solid #005486;
}

.full-address-label {
  font-size: 1.1em;
  font-weight: 600;
  margin: 22px 0 10px;
}

.full-address-label span {
  color: red;
  font-weight: bold;
  border: 0;
}

#billing-shipping-address-form #shipping_company_field {
  margin-top: 3px;
}

#billing-shipping-address-form label[for='shipping_address_1'] {
  margin-top: 15px;
  border-bottom: 1px solid #eee;
}

.woocommerce-view-order .woocommerce-order-details .woocommerce-order-details__title,
.woocommerce-view-order .woocommerce-order-details .order-info,
.woocommerce-view-order .woocommerce-order-details .order_detail_table {
  background-color: #fff;
}

.woocommerce-view-order .woocommerce-order-details .woocommerce-order-details__title,
.woocommerce-view-order .woocommerce-order-details .order-info {
  margin: 0;
  padding: 10px 40px;
  font-size: 12px;
  font-weight: 600;
}

.woocommerce-view-order .woocommerce-order-details .woocommerce-button.button.view {
  background-color: #009fde;
  color: #fff;
  padding: 5px 15px;
}

.woocommerce-view-order .woocommerce-order-details .woocommerce-order-details__title,
.woocommerce-view-order .woocommerce-order-details .order-info mark {
  background-color: #fff;
}

.woocommerce-view-order .woocommerce-order-details .woocommerce-order-details__title {
  color: #005486;
  font-size: 22px;
}

.woocommerce-view-order .woocommerce-order-details header {
  clear: both;
  background-color: #fff;
}

.woocommerce-view-order .woocommerce-order-details header::after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  width: 93%;
  margin: auto;
  margin-top: 10px;
  max-width: 93%;
}

.woocommerce-view-order .woocommerce-order-details header h2 {
  margin: 0;
  color: #005486;
  font-size: 20px;
  padding: 40px 40px 0;
}

.woocommerce-view-order .woocommerce-order-details .woocommerce-MyAccount-subscriptions {
  background-color: #fff;
  margin-bottom: 0 !important;
  margin: 30px 40px;
  width: 93%;
  /* padding-bottom: 40px; */
}

.woocommerce-view-order .woocommerce-order-details .order-again {
  background-color: #fff;
}

.woocommerce-view-order .woocommerce-customer-details {
  background-color: #fff;
}

.woocommerce-view-order .woocommerce-customer-details section {
  background-color: #fff;
  margin-top: 20px;
}

.woocommerce-view-order .woocommerce-order-downloads {
  background-color: #fff;
  padding: 10px 20px 20px 40px;
  margin-bottom: 20px;
}

.woocommerce-view-order .woocommerce-order-downloads h2 {
  font-size: 22px;
  color: #005486;
}

.woocommerce-view-order .woocommerce-order-downloads table {
  border-collapse: separate;
  border-spacing: 0 1em;
}

.woocommerce-view-order .woocommerce-order-downloads table td {
  padding: 10px;
}

.woocommerce-view-order .woocommerce-order-downloads table td.download-product {
  padding-left: 20px;
}

.woocommerce-view-order .woocommerce-order-downloads table tbody tr {
  box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0 !important;
}

.woocommerce-view-order .woocommerce-order-downloads table {
  border-collapse: separate;
  border-spacing: 0 1em;
}

.woocommerce-view-order .woocommerce-order-details .table > thead > tr > th,
table > thead > tr > th,
.table > thead > tr > td,
table > thead > tr > td,
.table > tbody > tr > th,
table > tbody > tr > th,
.table > tbody > tr > td,
table > tbody > tr > td,
.table > tfoot > tr > th,
table > tfoot > tr > th,
.table > tfoot > tr > td,
table > tfoot > tr > td {
  border: unset !important;
}

.woocommerce-order-details .order_detail_table {
  padding: 0 40px !important;
}

.woocommerce-order-details
  .order_detail_table
  table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details
  tbody {
  border-collapse: separate;
  border-spacing: 1em;
}

.woocommerce-order-details
  .order_detail_table
  table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details
  thead
  tr
  th {
  padding-bottom: 10px;
}

.woocommerce-order-details thead tr th {
  font-weight: 700;
}

.woocommerce-order-details
  .order_detail_table
  table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details
  tbody
  tr.woocommerce-table__line-item.order_item {
  box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0 !important;
}

.woocommerce-view-order .woocommerce-order-details .row-spacer {
  height: 15px;
}

.woocommerce-view-order td.woocommerce-table__product-name.product-name {
  padding-left: 20px !important;
}

.woocommerce-view-order td.woocommerce-table__product-total.product-total {
  padding-right: 20px !important;
}

.woocommerce-view-order .woocommerce-order-details tfoot tr {
  height: 40px;
  width: 60%;
  display: inline-table;
  box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0 !important;
}

.woocommerce-view-order .woocommerce-order-details tfoot tr.row-spacer {
  box-shadow: none !important;
}

.woocommerce-view-order .woocommerce-order-details tfoot tr th {
  padding-left: 20px;
}

.woocommerce-view-order .woocommerce-order-details tfoot tr td {
  text-align: right;
  padding-right: 20px;
}

.woocommerce-view-order .woocommerce-order-details {
  background-color: #fff;
}

.woocommerce-view-order .woocommerce-order-details .my-account-link {
  display: block;
  background-color: #fff;
  padding: 20px 20px 10px;
}

.woocommerce-view-order .woocommerce-order-details .my-account-link img {
  display: inline;
  width: 12px;
}

.woocommerce-view-order .woocommerce-order-details .my-account-link a {
  display: inline;
  vertical-align: -webkit-baseline-middle;
  margin-left: 10px;
  color: #009fde;
  text-decoration: underline;
  font-weight: 600;
}

.woocommerce-view-order .woocommerce-order-details .woocommerce-order-details__title::after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  width: 100%;
  margin: auto;
  margin-top: 10px;
  max-width: 100%;
}

.woocommerce-view-order .section-separator {
  clear: both;
  background-color: #f1f2f2;
  height: 20px;
}

.woocommerce-view-order .order-again {
  padding: 20px 40px 20px;
  font-size: 16px !important;
}

.woocommerce-view-order .woocommerce-orders-table--subscriptions tbody tr {
  height: 40px;
  box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0 !important;
}

.woocommerce-view-order .woocommerce-orders-table--subscriptions tbody tr td:first-child {
  padding-left: 20px;
}

.woocommerce-view-order .woocommerce-orders-table--subscriptions thead tr th {
  padding-top: 12px;
  padding-bottom: 15px;
}

.woocommerce-view-order .billing_address_revice.woocommerce-column__title {
  color: #005486;
  font-size: 20px;
  padding: 40px 40px 0;
}

.woocommerce-view-order .shipping_address_revice.woocommerce-column__title {
  color: #005486;
  font-size: 20px;
  padding: 40px 40px 0;
}

.woocommerce-view-order .billing_address_revice.woocommerce-column__title::after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  width: 100%;
  margin: auto;
  margin-top: 10px;
  max-width: 100%;
}

.woocommerce-view-order .shipping_address_revice.woocommerce-column__title::after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  width: 100%;
  margin: auto;
  margin-top: 10px;
  max-width: 100%;
}

.woocommerce-view-order .woocommerce-customer-details address {
  padding: 0 40px 30px;
}

.woocommerce-view-order h1.loop-title {
  color: #005486;
  font-size: 30px;
  margin-bottom: 0;
}

.custom-address-wrapper {
  display: flex;
  justify-content: space-between;
}

.custom-address-wrapper p#shipping_state_field,
.custom-address-wrapper p#shipping_country_field,
.custom-address-wrapper p#shipping_postcode_field {
  width: 30%;
}

.custom-address-wrapper p#shipping_country_field {
  order: 1;
}

.custom-address-wrapper p#shipping_country_field .woocommerce-input-wrapper {
  width: 200px;
  display: block !important;
  background-color: #f8f8f8;
  font-size: 16px !important;
}

.custom-address-wrapper p#shipping_state_field {
  order: 2;
}

.custom-address-wrapper p#shipping_postcode_field {
  order: 3;
}

.custom-address-wrapper .select2-container {
  margin-top: 0 !important;
}

#landing_pages .landing-page-main-section {
  background-image: unset;
  background-position: unset;
  background-repeat: unset;
  background-size: unset;
  padding: 5px 5px 6px 5px;
  border: 18px solid #f3f3f3;
  margin-bottom: 100px;
  position: relative;
}

#landing_pages h1.loop-title {
  max-width: 100%;
  text-align: center;
}

#landing_pages h1.loop-title .orange-color {
  color: #f36f23;
}

#landing_pages h1.loop-title .red-color {
  color: #dd1e25;
}

#landing_pages h1.loop-title .purple-color {
  color: #472683;
}

#landing_pages h1.loop-title .yellow-color {
  color: #ebd10b;
}

#landing_pages h1.loop-title .pink-color {
  color: #ea589f;
}

#landing_pages h1.loop-title .blue-color {
  color: #0a9cd8;
}

#landing_pages .text-align-center {
  text-align: center;
  font-size: 18px;
}

#landing_pages .white-bg {
  margin-bottom: 0;
}

#landing_pages .organge-bg {
  background-color: #f36f23;
}

#landing_pages .purple-bg {
  background-color: #472683;
}

#landing_pages .yellow-bg {
  background-color: #ebd10b;
}

#landing_pages .pink-bg-new {
  background-color: #ea589f;
}

#landing_pages .blue-bg {
  background-color: #0a9cd8;
}

#landing_pages .red-color-bg {
  background-color: #dd1e25;
}

.order-status-on-hold {
  background-color: #d7d707 !important;
}

.order-status-cancelled {
  background-color: red !important;
}

.order-status-transferred {
  background-color: #009bd9 !important;
}

.column-padding-5 .wc-block-grid {
  padding: 0 5px !important;
}

.pld-approach-list {
  padding-left: 70px;
}

#landing_pages li,
.pld-approach-list li {
  position: relative;
}

#landing_pages .fancy-heading {
  /* padding: 20px 28px 30px !important; */
}

.list-color-orange li::before {
  font-family: FontAwesome;
  content: '\f00c';
  position: absolute;
  left: -25px;
  top: 4px;
  background-color: #f36f23;
  z-index: 1;
  display: inline-block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  font-size: 12px;
  padding: 0.5px 2px 0 3.5px;
  color: #fff;
}

.list-color-red li::before {
  font-family: FontAwesome;
  content: '\f00c';
  position: absolute;
  left: -25px;
  top: 4px;
  background-color: #dd1e25;
  z-index: 1;
  display: inline-block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  font-size: 12px;
  padding: 0.5px 2px 0 2.5px;
  color: #fff;
}

.list-color-green li::before {
  font-family: FontAwesome;
  content: '\f00c';
  position: absolute;
  left: -33px;
  top: 4px;
  background-color: #84a834;
  z-index: 1;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.list-color-purple li::before {
  font-family: FontAwesome;
  content: '\f00c';
  position: absolute;
  left: -25px;
  top: 4px;
  background-color: #472683;
  z-index: 1;
  display: inline-block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  font-size: 12px;
  padding: 0.5px 2px 0 2.5px;
  color: #fff;
}

.list-color-yellow li::before {
  font-family: FontAwesome;
  content: '\f00c';
  position: absolute;
  left: -25px;
  top: 4px;
  background-color: #ebd10b;
  z-index: 1;
  display: inline-block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  font-size: 12px;
  padding: 0.5px 2px 0 2.5px;
  color: #fff;
}

.list-color-pink li::before {
  font-family: FontAwesome;
  content: '\f00c';
  position: absolute;
  left: -25px;
  top: 4px;
  background-color: #ea589f;
  z-index: 1;
  display: inline-block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  font-size: 12px;
  padding: 0.5px 2px 0 2.5px;
  color: #fff;
}

.list-color-blue li::before {
  font-family: FontAwesome;
  content: '\f00c';
  position: absolute;
  left: -25px;
  top: 4px;
  background-color: #0a9cd8;
  z-index: 1;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  font-size: 11px;
  /* padding: 0.5px 2px 0px 2.5px; */
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.list-color-blue li,
.list-color-pink li,
.list-color-yellow li,
.list-color-purple li,
.list-color-orange li,
.list-color-green li,
.list-color-red li {
  font-size: 16px;
  padding-bottom: 8px;
}

.column-padding-5 .wp-block-columns {
  padding: 0 5px !important;
}

.order-view-table table {
  border-collapse: separate;
  border-spacing: 0 1em;
}

#landing_pages .white-bg p:first-of-type {
  padding: 25px 50px 0 50px;
  font-size: 18px;
}

#landing_pages .list-color-orange {
  padding: 0 30px 0 76px;
}

#landing_pages .list-color-red {
  padding: 0 30px 0 76px;
}

#landing_pages .list-color-green {
  padding: 0 30px 0 76px;
}

#landing_pages .list-color-orange ul li::before {
  content: '';
  position: absolute;
  left: -20px;
  top: 8px;
  background-color: #000;
  z-index: 1;
  display: inline-block;
  width: 10px;
  height: 10px;
  font-size: 12px;
  border-radius: 0;
}

#landing_pages .list-color-red ul li::before {
  content: '';
  position: absolute;
  left: -20px;
  top: 8px;
  background-color: #000;
  z-index: 1;
  display: inline-block;
  width: 10px;
  height: 10px;
  font-size: 12px;
  border-radius: 0;
}

#landing_pages .list-color-green ul li::before {
  content: '';
  position: absolute;
  left: -20px;
  top: 8px;
  background-color: #000;
  z-index: 1;
  display: inline-block;
  width: 10px;
  height: 10px;
  font-size: 12px;
  border-radius: 0;
}

#landing_pages .list-color-purple {
  padding: 0 30px 0 76px;
}

#landing_pages .list-color-purple ul li::before {
  content: '';
  position: absolute;
  left: -20px;
  top: 8px;
  background-color: #000;
  z-index: 1;
  display: inline-block;
  width: 10px;
  height: 10px;
  font-size: 12px;
  border-radius: 0;
}

#landing_pages .list-color-yellow {
  padding: 0 30px 0 76px;
}

#landing_pages .list-color-yellow ul li::before {
  content: '';
  position: absolute;
  left: -20px;
  top: 8px;
  background-color: #000;
  z-index: 1;
  display: inline-block;
  width: 10px;
  height: 10px;
  font-size: 12px;
  border-radius: 0;
}

#landing_pages .list-color-pink {
  padding: 0 30px 0 76px;
}

#landing_pages .list-color-pink ul li::before {
  content: '';
  position: absolute;
  left: -20px;
  top: 8px;
  background-color: #000;
  z-index: 1;
  display: inline-block;
  width: 10px;
  height: 10px;
  font-size: 12px;
  border-radius: 0;
}

#landing_pages .list-color-blue {
  padding: 0 30px 0 76px;
}

#landing_pages .list-color-blue ul li::before {
  content: '';
  position: absolute;
  left: -20px;
  top: 8px;
  background-color: #000;
  z-index: 1;
  display: inline-block;
  width: 10px;
  height: 10px;
  font-size: 12px;
  border-radius: 0;
}

#landing_pages .white-bg p {
  padding: 0 50px;
  font-size: 18px;
}

#landing_pages .is-layout-flex.wp-block-buttons {
  justify-content: center;
}

#dfwid-trigger-tab-220756,
#drip-header-46924 {
  right: 90px !important;
}

.message-text-area {
  margin-right: 22px;
}

.form-column-right #gform_ajax_spinner_10,
.form-column-right #gform_ajax_spinner_62 {
  width: 40px !important;
}

.form-column-right .gform_validation_errors.validation_error h2 {
  font-size: 14px;
  color: red;
}

.form-column-right .validation_message.gfield_validation_message {
  font-size: 12px;
}

.form-column-right {
  background-color: #fff;
  box-shadow: rgb(99 99 99 / 0.07) 0 2px 13px 0;
}

.form-column-right ul li:last-of-type {
  margin-bottom: 0;
}

.form-column-right #gform_wrapper_10,
.form-column-right #gform_wrapper_62 {
  margin-left: 25px;
}

.form-column-right .gform_footer.top_label {
  margin-top: 25px;
  padding: 0;
  margin-bottom: 25px;
}

.form-column-right .gform_footer.top_label button {
  margin: 0;
  padding: 7px 30px;
  background-color: #009fde;
  border-bottom: 2px solid #005486 !important;
}

.captcha-contact-us label {
  display: none !important;
}

.form-column-right input,
.form-column-right select,
.form-column-right textarea {
  background-color: #f8f8f8;
  border: unset;
  border-radius: unset;
}

.form-column-right .gform_wrapper .gfield_required {
  color: red;
}

.form-column-right .radio label,
.checkbox label {
  padding-left: 5px;
}

.singular-page-2855 #main {
  background-color: #f8f8f8;
}

.singular-page-2855 #post-2855 {
  background-color: #fff;
  padding: 40px 40px 15px;
  margin-bottom: 100px;
}

.singular-page-2855 #post-2855 img {
  border: unset !important;
  border-radius: unset !important;
  box-shadow: unset !important;
  max-height: 500px;
  width: 100%;
}

.singular-page-2855 .loop-title {
  color: #005486;
}

.form-column-right label {
  font-size: 16px;
}

.form-column-right .form-group {
  margin-bottom: 25px;
}

.contact-form-title {
  margin: 26px 0 20px 24px;
}

.contact-links a {
  transition: all 0.3s;
  border-bottom: 3px solid #005486 !important;
  padding: calc(0.667em + 2px) calc(0.333em + 2px) !important;
}

.contact-links .wp-block-columns {
  margin-bottom: 1.2em !important;
}

.time-list ul li {
  padding-bottom: 8px;
}

.time-list > div {
  box-shadow: rgb(99 99 99 / 0.07) 0 2px 13px 0;
  padding: 25px 25px 10px 5px;
}

.time-list > div ul li {
  position: relative;
}

.parking-img-sm,
.singular-page-2855 #post-2855 .contact-info-text-sm {
  display: none;
}

#landing_pages .wp-element-button,
#landing_pages .landing-page-sub-links a {
  /* transition: all 0.3s; */
}

.landing-page.landing-page-orange-color .wp-element-button:hover,
.landing-page.landing-page-orange-color .landing-page-sub-links a:hover,
.landing-page.landing-page-purple-color .wp-element-button:hover,
.landing-page.landing-page-purple-color .landing-page-sub-links a:hover,
.landing-page.landing-page-yellow-color .wp-element-button:hover,
.landing-page.landing-page-yellow-color .landing-page-sub-links a:hover,
.landing-page.landing-page-pink-color .wp-element-button:hover,
.landing-page.landing-page-pink-color .landing-page-sub-links a:hover,
.landing-page.landing-page-red-color .wp-element-button:hover,
.landing-page.landing-page-red-color .landing-page-sub-links a:hover,
.landing-page.landing-page-green-color .wp-element-button:hover,
.landing-page.landing-page-green-color .landing-page-sub-links a:hover,
.landing-page.landing-page-blue-color .wp-element-button:hover,
.landing-page.landing-page-blue-color .landing-page-sub-links a:hover {
  /* translate: 0px -4px !important;
  color: #fff;
  text-decoration: none; */
}

/* Landing page hover shades aligned to the brand button palette
   (css/pld-buttons.css tokens); red has no brand button equivalent yet. */
.landing-page.landing-page-orange-color .wp-element-button:hover,
.landing-page.landing-page-orange-color .landing-page-sub-links a:hover {
  background-color: var(--pld-btn-orange-hover, #d86f2d) !important;
}

.landing-page.landing-page-purple-color .wp-element-button:hover,
.landing-page.landing-page-purple-color .landing-page-sub-links a:hover {
  background-color: var(--pld-btn-purple-hover, #6f2de2) !important;
}

.landing-page.landing-page-yellow-color .wp-element-button:hover,
.landing-page.landing-page-yellow-color .landing-page-sub-links a:hover {
  background-color: var(--pld-btn-yellow-hover, #fae458) !important;
}

.landing-page.landing-page-pink-color .wp-element-button:hover,
.landing-page.landing-page-pink-color .landing-page-sub-links a:hover {
  background-color: var(--pld-btn-pink-hover, #9c0759) !important;
}

.landing-page.landing-page-red-color .wp-element-button:hover,
.landing-page.landing-page-red-color .landing-page-sub-links a:hover {
  background-color: #ad0c13 !important;
}

.landing-page.landing-page-green-color .wp-element-button:hover,
.landing-page.landing-page-green-color .landing-page-sub-links a:hover {
  background-color: var(--pld-btn-green-hover, #5b7b14) !important;
}

.landing-page.landing-page-blue-color .wp-element-button:hover,
.landing-page.landing-page-blue-color .landing-page-sub-links a:hover {
  background-color: var(--pld-btn-blue-hover, #136bb4) !important;
}

.top_products_thumbnail ul {
  margin-bottom: 0 !important;
}

.top_products_thumbnail ul li {
  border: 0 !important;
}

.form-column-right select {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1em;
}

.form-column-right input::placeholder,
.form-column-right textarea::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(0, 0, 0, 0.3);
  opacity: 1;
  /* Firefox */
}

.form-column-right input:-ms-input-placeholder,
.form-column-right textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(0, 0, 0, 0.3);
}

.form-column-right input::-ms-input-placeholder,
.form-column-right textarea::-ms-input-placeholder {
  /* Microsoft Edge */
  color: rgba(0, 0, 0, 0.3);
}

.form-column-right select {
  color: rgba(0, 0, 0, 0.3);
}

.form-column-right select option {
  color: #000;
}

.contact-links a:hover {
  translate: 0 -4px !important;
  background-color: #006bb2 !important;
  color: #fff;
  text-decoration: none;
}

.woocommerce-view-subscription .loop-title {
  color: #005486;
}

.woocommerce-view-subscription .shop_table.subscription_details,
.woocommerce-view-subscription .shop_table.order_details,
.woocommerce-view-subscription
  .shop_table.shop_table_responsive.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-orders.woocommerce-orders-table--orders {
  background-color: #fff;
  border-collapse: separate;
  border-spacing: 3em 1em;
  padding-top: 30px;
  padding-bottom: 30px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 0;
}

.woocommerce-view-subscription .shop_table.subscription_details {
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.woocommerce-view-subscription .shop_table.order_details,
.woocommerce-view-subscription
  .shop_table.shop_table_responsive.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-orders.woocommerce-orders-table--orders {
  padding-top: 0;
}

.woocommerce-view-subscription .shop_table.subscription_details + h2,
.woocommerce-view-subscription .shop_table.order_details + header h2 {
  margin-bottom: 0;
  background-color: #fff;
  color: #005486;
  padding: 30px 40px 0 40px;
  font-size: 25px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 0;
}

.woocommerce-view-subscription .shop_table.subscription_details + h2::after,
.woocommerce-view-subscription .shop_table.order_details + header h2::after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  width: 100%;
  margin: auto;
  margin-top: 10px;
  max-width: 100%;
}

.woocommerce-view-subscription .shop_table.subscription_details tbody tr,
.woocommerce-view-subscription .shop_table.order_details tbody tr,
.woocommerce-view-subscription
  .shop_table.shop_table_responsive.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-orders.woocommerce-orders-table--orders
  tbody
  tr {
  box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0;
}

.woocommerce-view-subscription .shop_table.subscription_details tbody tr td {
  padding: 12px 20px;
}

.woocommerce-view-subscription .shop_table.subscription_details tbody tr:last-child td:last-child {
  display: flex !important;
}

.woocommerce-view-subscription .shop_table.subscription_details tbody tr td .button.cancel {
  padding-left: 10px;
  order: 2;
}

.woocommerce-view-subscription
  .shop_table.subscription_details
  tbody
  tr
  td
  .button.change_payment_method {
  border-right: 2px solid #d9d9d9;
  border-left: 2px solid #d9d9d9;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 15px;
  order: 1;
}

.woocommerce-view-subscription .shop_table.subscription_details tbody tr td:first-child {
  width: 350px;
  max-width: 350px;
}

.woocommerce-view-subscription .shop_table.subscription_details tbody .status-active {
  background-color: #66c00b;
  padding: 8px 20px;
  color: #fff;
}

.woocommerce-view-subscription
  .shop_table.shop_table_responsive.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-orders
  tbody
  .status-completed {
  background-color: #009fde;
  padding: 8px 18px;
  color: #fff;
}

.woocommerce-view-subscription
  .shop_table.shop_table_responsive.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-orders
  tbody
  .status-processing {
  background-color: #c6e1c6;
  padding: 6px 18px 8px 18px;
  color: #5b841b;
  text-transform: capitalize;
}

.woocommerce-view-subscription
  .shop_table.shop_table_responsive.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-orders
  tbody
  .status-pending {
  background-color: #e5e5e5;
  padding: 8px 18px;
  color: #777;
}

.woocommerce-view-subscription
  .shop_table.shop_table_responsive.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-orders
  tbody
  .status-on {
  background-color: #f8dda7;
  padding: 8px 18px;
  color: #94660c;
}

.woocommerce-view-subscription .shop_table.order_details tfoot tr {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 600px;
  margin-bottom: 15px;
  box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0 !important;
}

.woocommerce-view-subscription .shop_table.order_details tbody tr td,
.woocommerce-view-subscription .shop_table.order_details thead tr th {
  padding: 12px 18px;
}

.woocommerce-view-subscription .shop_table.order_details tfoot tr td,
.woocommerce-view-subscription .shop_table.order_details tfoot tr th {
  padding: 12px 18px !important;
  font-weight: 600;
  font-size: 15px;
}

.woocommerce-view-subscription .shop_table.order_details tfoot tr:first-child td,
.woocommerce-view-subscription .shop_table.order_details tfoot tr:first-child th {
  font-weight: 400;
}

.woocommerce-view-subscription
  .shop_table.shop_table_responsive.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-orders.woocommerce-orders-table--orders
  tbody
  tr
  td,
.woocommerce-view-subscription
  .shop_table.shop_table_responsive.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-orders.woocommerce-orders-table--orders
  thead
  tr
  th {
  padding: 12px 18px;
}

.woocommerce-view-subscription
  .shop_table.shop_table_responsive.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-orders.woocommerce-orders-table--orders
  thead
  tr
  th {
  padding-bottom: 0 !important;
  font-weight: 700;
}

.woocommerce-view-subscription .woocommerce-customer-details {
  background-color: #fff;
  padding: 20px 30px 15px 30px;
  margin-bottom: 100px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.woocommerce-view-subscription
  .woocommerce-customer-details
  .woocommerce-customer-details--email
  a:hover {
  text-decoration: none;
}

.woocommerce-view-subscription .product-remove,
.woocommerce-view-subscription .remove_item {
  display: none;
}

.woocommerce-view-subscription thead tr .product-name,
.woocommerce-view-subscription thead tr .product-total {
  padding-bottom: 0 !important;
}

.woocommerce-view-subscription .woocommerce-customer-details h3,
.woocommerce-thank-you h3.billing_address_revice.woocommerce-column__title,
.woocommerce-thank-you h3.shipping_address_revice.woocommerce-column__title,
.woocommerce-thank-you h3.woocommerce-order-details__title,
.woocommerce-thank-you h2.woocommerce-order-downloads__title {
  color: #005486;
  margin-top: 5px;
  margin-bottom: 20px;
  font-size: 25px;
}

.woocommerce-thank-you h3.billing_address_revice.woocommerce-column__title,
.woocommerce-thank-you h3.shipping_address_revice.woocommerce-column__title,
.woocommerce-thank-you h3.woocommerce-order-details__title,
.woocommerce-thank-you h2.woocommerce-order-downloads__title {
  border-bottom: 1px solid #ddd;
  padding-bottom: 12px;
}

.woocommerce-thank-you h3.woocommerce-order-details__title {
  margin-top: 3rem;
}

.woocommerce-view-subscription .woocommerce-customer-details h3::after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  width: 100%;
  margin: auto;
  margin-top: 10px;
  max-width: 100%;
}

#landing_pages .content-column p:first-of-type {
  padding: 25px 25px 0 5px;
}

#landing_pages .padding-left-30 .list-color-orange {
  padding: 0 30px;
}

#landing_pages .padding-left-30 .list-color-red {
  padding: 0 30px;
}

.singular-page-139295 #main,
/* For Dev Site */
.singular-page-189288 #main {
  background-color: #f8f8f8;
}

.singular-page-139295 #main #content,
/* For Dev Site */
.singular-page-189288 #main #content {
  background-color: #fff;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 0;
  margin-bottom: 100px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 0;
}

.singular-page-139295 #main #content form,
/* For Dev Site */
.singular-page-189288 #main #content form {
  width: 75%;
  margin-bottom: 90px;
}

.singular-page-139295 #main #content form .gform_footer.top_label,
.singular-page-189288 #main #content form .gform_footer.top_label {
  position: absolute;
  left: 50%;
  bottom: 115px;
  transform: translate(-50%, -10px);
}

.singular-page-139295 #main #content form .gform_footer.top_label button,
.singular-page-189288 #main #content form .gform_footer.top_label button {
  background-color: #009fde;
  color: #fff;
  border-bottom: 2px solid #005486;
  padding: 10px 45px;
}

.singular-page-139295 #main .loop-title,
/* For Dev Site */
.singular-page-189288 #main .loop-title {
  background-color: #fff;
  margin-bottom: 0;
  font-size: 28px;
  color: #005486;
  padding-top: 40px;
  padding-left: 50px;
  padding-right: 50px;
  margin-top: 80px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 0;
  line-height: 1.3;
}

.singular-page-139295 #main .loop-title::after,
/* For Dev Site */
.singular-page-189288 #main .loop-title::after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  width: 100%;
  margin: auto;
  margin-top: 10px;
  max-width: 100%;
}

.singular-page-139295 #main .tracking-form-col-1,
/* For Dev Site */
.singular-page-189288 #main .tracking-form-col-1 {
  width: 48%;
  display: inline-block;
}

.singular-page-139295 #main .tracking-form-col-1:first-of-type,
/* For Dev Site */
.singular-page-189288 #main .tracking-form-col-1:first-of-type {
  margin-right: 2%;
}

.singular-page-139295 #main .tracking-form-col-1.last-name,
/* For Dev Site */
.singular-page-189288 #main .tracking-form-col-1.last-name {
  margin-left: 2%;
}

.singular-page-139295 #main input[type="text"],
.singular-page-139295 #main textarea,
/* For Dev Site */
.singular-page-189288 #main input[type="text"],
.singular-page-189288 #main textarea {
  background-color: #f8f8f8;
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.singular-page-139295 #main .gform_title,
/* For Dev Site */
.singular-page-189288 #main .gform_title {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.3;
}

.singular-page-139295 #main .gfield_checkbox .checkbox,
.singular-page-189288 #main .gfield_checkbox .checkbox {
  position: relative;
  display: flex;
  margin-bottom: 10px;
  align-items: baseline;
}

.singular-page-139295 #main .gfield_checkbox label,
.singular-page-189288 #main .gfield_checkbox label {
  font-size: 14px;
}

.singular-page-139295 #main .gfield_checkbox li.checkbox input,
.singular-page-189288 #main .gfield_checkbox li.checkbox input {
  position: absolute;
  top: -1px;
}

.singular-page-139295 #main .gfield_checkbox li.checkbox label,
.singular-page-189288 #main .gfield_checkbox li.checkbox label {
  margin-left: 15px;
}

.singular-page-139295 #main input[type='file'],
.singular-page-189288 #main input[type='file'] {
  display: none;
}

.singular-page-139295 #main .form-group,
.singular-page-189288 #main .form-group {
  margin-bottom: 20px;
}

.singular-page-139295 #main label,
.singular-page-189288 #main label {
  font-size: 16px;
}

.singular-page-139295 #main .gform_wrapper .gfield_required,
.singular-page-189288 #main .gform_wrapper .gfield_required {
  color: rgba(250, 14, 14, 1);
}

.singular-page-139295 #main #gfield_description_54_139,
.singular-page-189288 #main #gfield_description_54_139 {
  font-style: italic;
}

#custom-button {
  background-color: #c8c8c8;
  color: white;
  padding: 8px 15px;
  margin: 5px 5px 10px 0;
  font-size: 12px;
  border-bottom: 2px solid #a1a1a1;
}

#custom-file-name + span {
  display: block;
}

#password-reset-form {
  background-color: #fff;
  padding: 15px 30px 30px 30px;
  margin-bottom: 85px;
  margin-top: 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

#password-reset-form label {
  font-size: 16px;
  margin-bottom: 8px;
  color: #000 !important;
}

#password-reset-form h3 {
  color: #005486;
  margin-bottom: 20px;
}

#password-reset-form h3::after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  width: 100%;
  margin: auto;
  margin-top: 10px;
  max-width: 100%;
}

#password-reset-form input[type='text'] {
  width: 50%;
  background-color: #f8f8f8;
  border: 1px solid #eee;
  border-radius: 0;
}

#password-reset-form input[type='button'] {
  background-color: #009fde;
  border: 0;
  border-bottom: 3px solid #005486;
  color: #fff;
  margin-top: 8px;
  padding: 7px 30px;
  font-size: 16px;
  font-weight: 600;
}

#password-confirmation-page {
  text-align: center;
  background-color: #fff;
  margin-top: 15px;
  margin-bottom: 85px;
  padding: 35px 10% 55px;
  border: 1px solid rgba(0, 159, 222, 0.3);
}

#password-confirmation-page img {
  margin-bottom: 12px;
  box-shadow: none;
  max-width: 40px;
}

#password-confirmation-page img.arrow-left {
  margin-bottom: 6px !important;
  box-shadow: none;
  margin-right: 5px;
  padding: 0;
  vertical-align: bottom;
}

#password-confirmation-page p {
  margin-bottom: 28px;
  font-size: 16px;
}

#password-confirmation-page p a {
  color: rgba(0, 159, 222, 1);
  text-decoration: underline;
}

#password-confirmation-page .back-button {
  padding: 10px 30px;
  background-color: #009fde;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 3px solid #005486;
}

#password-confirmation-page .back-button:hover {
  text-decoration: none;
}

.woocommerce-lost-password .loop-title {
  color: #005486;
}

.woocommerce-lost-password .alert-success,
.woocommerce-lost-password .bbp-template-notice {
  background-color: #e3ffe3;
  border-color: #ade5ad;
  color: #696;
}

.woocommerce-lost-password .alert-warning,
.woocommerce-lost-password .bbp-template-notice.important {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.password-reset-form .form-row-first,
.password-reset-form .form-row-last {
  float: unset !important;
}

.password-reset-form {
  background-color: #fff;
  padding: 20px 30px 48px;
  margin: 2rem 0 8rem 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.password-reset-form .woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
  height: 40px;
  padding-left: 10px;
  font-size: 16px;
  border: 1px solid #eee;
}

.password-reset-form .form-row-first,
.password-reset-form .form-row-last {
  margin-bottom: 15px;
}

.password-reset-form h3 {
  margin-bottom: 25px;
  color: #005486;
}

.password-reset-form h3::after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  width: 100%;
  margin: auto;
  margin-top: 10px;
  max-width: 100%;
}

.password-reset-form label {
  font-size: 16px;
  margin-bottom: 8px;
}

.password-reset-form .woocommerce-Button.button {
  margin-top: 10px !important;
  padding: 7px 24px !important;
  background-color: #009fde !important;
  box-shadow: #005486 0 2.5px !important;
  text-transform: capitalize;
  font-size: 16px;
}

.password-reset-form input:-ms-input-placeholder,
.password-reset-form input:-ms-input-placeholder {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
}

.password-reset-form input::-webkit-input-placeholder,
.password-reset-form input::-webkit-input-placeholder {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
}

.password-reset-form input[type='password'],
.password-reset-form input[type='text'] {
  background-color: #f8f8f8;
  border: 1px solid #eee !important;
  padding: 4px 10px;
}

.password-reset-form input[type='password']:focus-visible {
  outline: unset !important;
}

.password-change-success-message {
  margin-top: 0;
  margin-bottom: 30px;
  font-weight: 300;
  font-size: 30px;
}

.loop-title[page='reset-password'] {
  color: #005486;
}

.pt-0 {
  padding-top: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.empty-cart-btn-container {
  display: inline-block;
  /* Align with the sibling Update cart button element, not the text baseline
     (the baseline mismatch showed as the pair sitting ~1px apart). */
  vertical-align: middle;
}

.empty-cart-btn {
  margin: 0;
  margin-right: 10px;
}

.empty-cart-btn:hover {
  text-decoration: none;
}

.subscription-tag {
  background-color: #03b1f5;
  margin-left: 10px;
  padding: 5px 12px;
  border-radius: 20px;
  color: #fff;
}

.df-more-container .df-ui-btn.df-ui-download.df-icon-download {
  display: none;
}

.dear-pdf-preview-active-subsc {
  all: unset;
}

.single-subscription-item {
  position: relative;
}

.single-subscription-item .dp-element,
.single-subscription-item .df-element {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.subscription-view-button {
  background-color: #006ab1 !important;
  text-align: center;
  padding: 10px;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
}

/* Lay the bar out as text + small arrow side by side. The grid sits
   inside ul.products, whose blanket .products img { width: 100% } rule
   blew the 8x11 arrow img up to card width; the img also fails to
   composite reliably here, so hide it and draw the chevron in CSS. */
.subscription-view-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.subscription-view-button img.icon-img {
  display: none;
}

.subscription-view-button::after {
  content: '';
  width: 7px;
  height: 7px;
  border-right: 2.5px solid #fff;
  border-top: 2.5px solid #fff;
  transform: rotate(45deg);
  flex-shrink: 0;
  margin-top: 1px;
}

.single-subscription-item a {
  color: #fff !important;
}

/* The dflip/dearpdf trigger above is an invisible overlay stretched across the
   whole card so any click opens the flipbook. The renew buttons render inside
   the same card and must sit above that overlay, or their clicks open the
   flipbook instead of navigating (Trello 2164). The VIEW bar deliberately
   stays below it - opening the book is its job. */
.single-subscription-item .subscription-expire-button {
  position: relative;
  z-index: 1000;
}

img.subscription-btn {
  padding: 0 !important;
}

.regiteration-page form.register {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 35px 30px 30px 30px !important;
  margin-bottom: 85px !important;
}

.regiteration-page .col-sm-12 .page-title {
  color: #005486;
  font-size: 30px;
  margin-top: 65px;
}

.woocommerce-account.woocommerce-page.logged-out.page-template-register #main.main {
  background-color: #f8f8f8 !important;
}

.regiteration-page .col-sm-12 h3.register_label::after {
  content: ' ';
  display: block;
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  margin: auto;
  margin-top: 5px;
  max-width: 100%;
}

.regiteration-page .col-sm-12 h3.register_label {
  font-size: 22px;
  color: #005486;
}

.regiteration-page form.register .form-container {
  padding: 10px 20% 5px 0;
}

.regiteration-page form.register .form-container .woocommerce-form-row label {
  display: block !important;
}

.regiteration-page form.register .form-container .woocommerce-form-row input {
  padding: 0 !important;
  padding-left: 10px !important;
  height: 40px !important;
  border: 1px solid #eee !important;
  background-color: #f8f8f8 !important;
}

.regiteration-page form.register .form-container p {
  margin-bottom: 15px;
}

.regiteration-page form.register .form-container #woocommerce_capcha_field_field label {
  margin-top: 5px;
}

.regiteration-page form.register .form-container input::-webkit-input-placeholder {
  /* Edge */
  font-size: 12px !important;
  color: #cacaca !important;
}

.woocommerce-form-newsletter input,
.woocommerce-form-newsletter label {
  display: inline !important;
}

.woocommerce-form-newsletter input {
  height: 12px !important;
  margin-right: 3px;
}

.regiteration-page form.register .form-container input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 12px !important;
  color: #cacaca !important;
}

.regiteration-page form.register .form-container input::placeholder {
  font-size: 12px !important;
  color: #cacaca !important;
}

/* Layout only - register paint comes from pld-buttons.css. */
.regiteration-page .woocommerce-Button.button.btn_register {
  padding: 6px 26px !important;
  margin-left: 5px;
  text-transform: uppercase;
}

.regiteration-page .discard-button {
  margin: 0 10px 0 20px;
  color: #009fde;
  font-family: robotomedium;
}

.clear-browser-cache {
  padding: 6px 10px;
}

.clear-cache-btn {
  background-color: transparent !important;
}

.pld-bundle-carousel {
  /* padding: 0px 20px; */
}

.pld-bundle-carousel .swiper-slide {
  margin: 5px;
}

.pld-bundle-item {
  margin: 5px 5px 15px;
}

.pld-bundle-item .pld-bundle-item-inner {
  padding: 5px;
  text-align: center;
}

.pld-bundle-item .pld-bundle-item-inner img {
  padding: 0 !important;
  max-width: 100%;
  height: auto;
  box-shadow: rgb(99 99 99 / 0.1) 0 0 7px 0;
}

.pld-bundle-item .pld-bundle-item-inner h5 {
  color: #61952a !important;
  text-align: left;
  font-size: 16px;
  padding-bottom: 50px;
}

.pld-bundle-item .pld-bundle-item-inner h5:hover {
  text-decoration: none !important;
}

.pld-bundle-carousel .pld-bundle-item .pld-bundle-item-inner .flip-book-btn {
  position: relative;
  text-align: center;
  margin-top: 18px;
  background-color: #61952a;
  padding: 12px 0 12px;
  color: #fff;
  font-weight: 600;
  box-shadow: rgb(99 99 99 / 0.1) 0 0 7px 0;
}

.pld-bundle-carousel .pld-bundle-item .pld-bundle-item-inner .flip-book-btn i {
  font-size: 16px;
  margin-left: 5px;
}

.pld-bundle-carousel .pld-bundle-item .pld-bundle-item-inner .flip-book-btn .dp-element,
.pld-bundle-carousel .pld-bundle-item .pld-bundle-item-inner .flip-book-btn .df-element {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  padding: 10px 10px 8px;
}

.pld-bundle-carousel .swiper-button-prev,
.pld-bundle-carousel .swiper-button-next {
  width: unset !important;
}

#wcdrip_subscribe_field {
  display: none !important;
}

.blog-read-more {
  margin: 25px 0 20px;
}

.blog-read-more a {
  padding: 8px 22px;
  background-color: #009fde;
  font-size: 16px !important;
  color: #fff;
  border-bottom: 3px solid #007bac;
}

.newsletter-column-right .is-layout-flex.wp-block-columns {
  margin-bottom: 0;
  border-bottom: 1px solid #ddd;
  gap: 0;
}

body.blog .col-xs-12.col-sm-6.col-md-4 {
  padding-left: 15px;
  padding-right: 15px;
}

.newsletter-column-right .is-layout-flex.wp-block-columns:last-child {
  border-bottom: unset;
}

.newsletter-column-right
  .is-layout-flex.wp-block-columns
  .is-layout-flow.wp-block-column:first-child {
  border-right: 1px solid #ddd;
}

.newsletter-column-right .is-layout-flex.wp-block-columns .blue-background img {
  background-color: #009fde;
  width: 70px;
  padding: 15px;
  border-radius: 5px;
  box-shadow: rgb(0 159 222 / 0.3) 0 2px 35px 0;
}

.newsletter-column-right .is-layout-flex.wp-block-columns figcaption {
  width: 185px;
  font-size: 16px;
  font-weight: 600;
  margin-top: 15px;
}

.newsletter-column-right .is-layout-flex.wp-block-columns .is-layout-flow.wp-block-column {
  padding-top: 35px;
  padding-bottom: 15px;
}

.newsletter-column-right .is-layout-flex.wp-block-columns .green-background img {
  background-color: #84a835;
  width: 70px;
  padding: 15px;
  border-radius: 5px;
  box-shadow: rgba(97, 149, 42, 0.3) 0 2px 35px 0;
}

.newsletter-column-right img {
  border: 0;
  box-shadow: unset;
  border-radius: 0;
}

@media (min-width: 767px) {
  #menu-primary {
    background-color: #fff !important;
  }
}

.topBar {
  background-color: #fff !important;
  margin-bottom: 10px;
}

#header {
  border-image: linear-gradient(to right, #009ed5 0%, #009ed5 50%, #009ed5 100%) !important;
}

.landing-page ul.bolit_size {
  font-size: 16px !important;
}

/* .social-padding {
  padding: 0 !important;
  margin: 0;
} */
.header-icon-primary {
  color: #009ed5 !important;
  font-size: 16px;
  font-family: Roboto;
}

.orig::placeholder {
  color: #d7d7d7 !important;
}

.promagnifier {
  border-left: 2px solid #009ed5 !important;
}

.wpdreams_asp_sc-1 {
  border-radius: 0 !important;
}

.dropdown-menu > .active > a {
  background-color: #fff !important;
  color: #009ed5 !important;
}

#menu-primary ul li.active > a {
  background-color: #f6f6f6 !important;
  color: #009ed5 !important;
}

.dropdown-menu > .active > a:hover {
  color: #009ed5 !important;
  background-color: #fff !important;
}

#menu-primary ul li a .caret,
#menu-primary-right ul li a .caret {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 4px;
  vertical-align: middle;
  border: none;
}

#menu-primary ul li a .caret::after,
#menu-primary-right ul li a .caret::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('images/header-icon/arrow.png');
  background-size: contain;
  background-repeat: no-repeat;
}

#menu-primary ul li:hover > a .caret::after,
#menu-primary-right ul li:hover > a .caret::after {
  background-image: url('images/header-icon/arrow_down.png');
}

@media screen and (max-width: 767px) {
  #menu-primary ul li a .caret::after,
  #menu-primary-right ul li a .caret::after {
    background-image: url('images/header-icon/arrow.png') !important;
  }

  #menu-primary ul li:hover > a .caret::after,
  #menu-primary-right ul li:hover > a .caret::after {
    background-image: url('images/header-icon/right-white-arrow.svg') !important;
  }

  #menu-primary ul li.active > a,
  #menu-primary-right ul li.active > a {
    background-color: #009ed5 !important;
    color: #fff !important;
  }

  #menu-primary ul li.active > a .caret::after,
  #menu-primary-right ul li.active > a .caret::after {
    background-image: url('images/header-icon/right-white-arrow.svg') !important;
  }

  /* #menu-primary ul li.active:hover > a .caret::after {
    background-image: url("images/header-icon/down-white.svg") !important;
  } */

  #menu-primary ul li.caret-icon-right:hover a .caret::after,
  #menu-primary-right ul li.caret-icon-right:hover a .caret::after {
    background-image: url('images/header-icon/right-white-arrow.svg') !important;
  }

  #menu-primary ul li.caret-icon-down:hover a .caret::after,
  #menu-primary-right ul li.caret-icon-down:hover a .caret::after {
    background-image: url('images/header-icon/down-white.svg') !important;
  }
}

.lg-logo {
  margin-top: 33px;
}

ul.dropdown-menu {
  margin-top: 3rem;
}

.woocommerce ul.products li.product a.add-request-quote-button.button,
.wp-block-post.product a.add-request-quote-button.button,
a.add-request-quote-button.button {
  /* margin-top: -0.7rem !important;
  padding: 0.72rem 2rem !important; */
  /* margin-top: -0.67rem !important;
  padding: 0.52rem 1rem !important; */
  font-size: 16px;
  font-family: robotomedium;
  font-weight: normal;
  text-transform: uppercase;
}

.has-text-align-center {
  font-size: 22px !important;
  padding-top: 14px !important;
  margin-bottom: 6px !important;
  text-align: left;
}

.text-banner {
  width: auto;
  margin: 0 auto;
  padding: 24px 61px 24px 35px;
  background: url('images/text-backgound.svg') no-repeat;
  text-align: center;
  color: #fff;
  background-size: contain;
  background-position: center;
}

.text-page {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
}

.padding-left-right-19 {
  padding-left: 19px !important;
  padding-right: 19px !important;
}

h1.loop-title.green-color {
  text-align: center !important;
}

p.has-text-align-center.has-text-color {
  text-align: center;
  font-size: 26px !important;
}

.margin-left-41 {
  margin-left: 41px;
}

@media (min-width: 1920px) {
  .woocommerce-account .select2-container {
    width: 363px !important;
  }

  .head-icon-right {
    display: none !important;
  }

  .hidden-mobile {
    display: none;
  }

  .right-menu {
    display: none;
  }

  .navbar-toggle {
    display: none;
  }

  .hidden-md-large {
    display: none;
  }

  #menu-primary li:hover ul.dropdown-menu {
    display: block !important;
  }

  div.asp_w.ajaxsearchpro.asp_non_compact {
    min-width: auto !important;
  }

  #menu-primary .menu-item-has-children:hover .dropdown-span::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 36px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff !important;
    z-index: 99999999999;
  }

  #menu-primary .dropdown-menu {
    max-height: unset;
    overflow-y: auto;
    border: none;
    box-shadow: 0 -7px 15px -9px rgba(0, 0, 0, 0.4);
    border-radius: 0;
  }

  #menu-primary ul li.menu-item-has-children a.dropdown-toggle {
    padding: 8px 8px 9px !important;
  }
}

/* Styles for screens from 1367px to 1920px */
@media (min-width: 1366px) and (max-width: 1920px) {
  .woocommerce-account .select2-container {
    width: 363px !important;
  }

  .searchFrm-lg {
    /* margin: 3px 0 3px 0 !important; */
    margin: 11px 0 0 0 !important;
  }

  #menu-primary .menu-item-has-children:hover .dropdown-span::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 35px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff !important;
    z-index: 99999999999;
  }

  #menu-primary .dropdown-menu li a {
    font-size: 13pt;
    padding: 7px 30px 7px 30px;
  }

  #menu-primary .dropdown-menu {
    max-height: unset;
    overflow-y: auto;
    border: none;
    box-shadow: 0 -7px 15px -9px rgba(0, 0, 0, 0.4);
    border-radius: 0;
  }

  .hidden-mobile {
    display: none;
  }

  .header_logo {
    width: 11% !important;
  }

  .navbar-toggle {
    display: none;
  }

  .hidden-md-large {
    display: none;
  }

  div.asp_w.ajaxsearchpro.asp_non_compact {
    min-width: auto !important;
  }

  .right-menu {
    display: none;
  }

  #menu-primary .dropdown-span:hover ul.dropdown-menu {
    display: block !important;
  }

  .head-icon-right {
    display: none !important;
  }

  .prosettings {
    display: none;
  }

  #menu-primary li:hover ul.dropdown-menu {
    display: block !important;
  }

  #menu-primary .dropdown-span:hover ul.dropdown-menu {
    display: block !important;
  }

  .text-page {
    font-size: 16px;
  }

  .search-box-1199-1366 {
    display: none !important;
  }

  #menu-primary ul li.menu-item-has-children a.dropdown-toggle {
    padding: 8px 8px 9px !important;
  }
}

@media (min-width: 1366px) and (max-width: 1467px) {
  .woocommerce-account .select2-container {
    width: 363px !important;
  }

  #menu-item-120439 .dropdown-menu {
    position: absolute;
    right: 0 !important;
    left: unset !important;
  }

  #menu-item-120439:hover .dropdown-span::before {
    left: 80px !important;
  }
}

@media (min-width: 1199px) and (max-width: 1366px) {
  .tab-pane-full-kit .woocommerce-product-gallery__image:last-child a,
  .tab-pane-upgrade-kit .woocommerce-product-gallery__image:last-child a,
  .tab-pane-full-bundle .woocommerce-product-gallery__image:last-child a,
  .tab-pane-upgrade-bundle .woocommerce-product-gallery__image:last-child a {
    align-items: center;
    height: 480px;
  }

  .woocommerce-account .select2-container {
    width: 306px !important;
  }

  .search-box-hide-1199-1366 {
    display: none;
  }

  .col-width-1199-1366 {
    width: 100% !important;
  }

  .search-box-1199-1366 {
    display: block !important;
    margin-top: 6px;
  }

  div.asp_w.ajaxsearchpro.asp_non_compact {
    min-width: 200px !important;
  }

  .header_logo {
    width: 11% !important;
  }

  div.logo img {
    width: 100%;
  }

  div.logo {
    margin: 32px 0 10px 10px;
  }

  .header_main_dev {
    width: 89% !important;
  }

  .header_menu {
    width: 100% !important;
    margin: 0 !important;
    padding-right: 0 !important;
  }

  .collapse.navbar-collapse.navbar-responsive-collapse {
    float: right;
  }

  .pull-right.wc-top-menu-199-1366 {
    margin-right: 35px;
    margin-top: 7.2px;
  }

  #menu-item-120439 a {
    padding-right: 0 !important;
  }

  #menu-item-120439 a > ul.dropdown-menu {
    right: 0 !important;
  }

  #menu-primary li:hover ul.dropdown-menu {
    display: block !important;
  }

  #menu-primary ul li a .caret {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 4px;
    vertical-align: middle;
    border: none;
  }

  #menu-primary ul li a .caret::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('images/header-icon/arrow.png');
    background-size: contain;
    background-repeat: no-repeat;
  }

  #menu-primary .menu-item-has-children:hover .dropdown-span::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 35px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff !important;
    z-index: 99999999999;
  }

  #menu-primary .dropdown-menu li a {
    font-size: 13pt;
    padding: 7px 30px 7px 30px;
  }

  #menu-primary .dropdown-menu {
    max-height: unset;
    overflow-y: auto;
    border: none;
    box-shadow: 0 -7px 15px -9px rgba(0, 0, 0, 0.4);
    border-radius: 0;
  }

  #menu-item-120439 .dropdown-menu,
  #menu-item-6723 .dropdown-menu {
    position: absolute;
    right: 0 !important;
    left: unset !important;
  }

  #menu-item-120439:hover .dropdown-span::before {
    left: 80px !important;
  }

  #menu-item-6723:hover .dropdown-span::before {
    left: 120px !important;
  }
}

@media (min-width: 991px) and (max-width: 1199px) {
  .orange-new-style a {
    width: 24% !important;
    padding: 12px 4px !important;
  }

  .orange-new-style {
    top: 102px !important;
  }

  .custom-dropdown {
    width: 55.49% !important;
    left: 72.07% !important;
  }

  .tab-pane-full-kit .woocommerce-product-gallery__image:last-child a,
  .tab-pane-upgrade-kit .woocommerce-product-gallery__image:last-child a,
  .tab-pane-full-bundle .woocommerce-product-gallery__image:last-child a,
  .tab-pane-upgrade-bundle .woocommerce-product-gallery__image:last-child a {
    align-items: center;
    height: 350px;
  }

  .products.top-margin-fix h2 {
    font-size: 22px !important;
  }

  .woocommerce-account .select2-container {
    width: 250px !important;
  }

  .search-box-hide-1199-1366 {
    display: none;
  }

  .col-width-1199-1366 {
    width: 100% !important;
  }

  div.logo {
    margin: 10px 0 10px 10px;
  }

  div.logo img {
    width: 100%;
  }

  .header_logo {
    width: 12% !important;
  }

  .header_main_dev {
    width: 88% !important;
  }

  .header_menu {
    width: 100% !important;
    margin: 0 !important;
    padding-right: 0 !important;
  }

  .collapse.navbar-collapse.navbar-responsive-collapse {
    float: right;
  }

  .pull-right.wc-top-menu-199-1366 {
    margin-right: 15px;
    margin-top: 5px;
  }

  .social-icon-right {
    width: 215px;
    margin-right: 15px;
  }

  #menu-primary ul li a {
    font-size: 12pt;
    padding: 11px 5px 6px !important;
  }

  .fa-size {
    font-size: 14px !important;
  }

  .social-padding .icon {
    width: 28px;
    height: 28px;
  }

  .topBar a {
    font-size: 12pt;
  }

  .search-box-991-1199 {
    display: block !important;
  }

  .search-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 17px;
    cursor: pointer;
  }

  #menu-item-120439 a {
    padding-right: 0 !important;
  }

  .search-box-1199-1366 {
    margin-top: 6px;
    /* transition: transform 2s ease; */
    transition: right 3s;
    /* transition: width 2s; */
    /* transition-timing-function: linear; */
  }

  #menu-primary li:hover ul.dropdown-menu {
    display: block !important;
  }

  #menu-primary ul li a .caret {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 4px;
    vertical-align: middle;
    border: none;
  }

  #menu-primary ul li a .caret::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('images/header-icon/arrow.png');
    background-size: contain;
    background-repeat: no-repeat;
  }

  #menu-primary .menu-item-has-children:hover .dropdown-span::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 35px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff !important;
    z-index: 99999999999;
  }

  #menu-primary .dropdown-menu li a {
    font-size: 13pt;
    padding: 7px 30px 7px 30px;
  }

  #menu-primary .dropdown-menu {
    max-height: unset;
    overflow-y: auto;
    border: none;
    box-shadow: 0 -7px 15px -9px rgba(0, 0, 0, 0.4);
    border-radius: 0;
  }

  #menu-item-120439 .dropdown-menu,
  #menu-item-6723 .dropdown-menu {
    position: absolute;
    right: 0 !important;
    left: unset !important;
  }

  #menu-item-120439:hover .dropdown-span::before {
    left: 60px !important;
  }

  #menu-item-6723:hover .dropdown-span::before {
    left: 90px !important;
  }
}

/* Styles for screens from 767px to 1366px */
@media (min-width: 767px) and (max-width: 991px) {
  .orange-new-style {
    top: 90px !important;
  }

  .orange-new-style a {
    font-size: 13px !important;
  }

  .tab-pane-full-kit .woocommerce-product-gallery__image:last-child a,
  .tab-pane-upgrade-kit .woocommerce-product-gallery__image:last-child a,
  .tab-pane-full-bundle .woocommerce-product-gallery__image:last-child a,
  .tab-pane-upgrade-bundle .woocommerce-product-gallery__image:last-child a {
    align-items: center;
    height: 250px;
  }

  .products.top-margin-fix h2 {
    font-size: 16px !important;
  }

  .my___account.woocommerce-account.woocommerce-page #main .loop-meta.jumbotron div.container {
    height: auto;
  }

  .my___account.woocommerce-account.woocommerce-page #main .nav.nav-tabs li a {
    padding: 8px 42px 8px 25px !important;
  }

  .my___account.woocommerce-account.woocommerce-page #main .loop-title {
    margin-top: -2px !important;
  }

  li.nav-item.pull-right.bill-border {
    padding-top: 2.5rem;
  }

  li.nav-item.pull-right.myaccount-details-menu {
    padding-top: 1rem;
  }

  .bill-list {
    top: 110px !important;
  }

  li.nav-item.pull-right.bill-border {
    border: 0 !important;
  }

  .hidden-md-large {
    display: block !important;
  }

  #menu-primary,
  .hidden-md-new {
    display: none;
  }

  .navbar-header {
    display: block !important;
  }

  .prosettings {
    display: none;
  }

  a.social-padding:hover {
    text-decoration: none !important;
  }

  ul.wc-top-menu {
    display: flex;
    justify-content: space-between;
  }

  ul.wc-top-menu li {
    list-style: none;
  }

  .cartTotal {
    display: none;
  }

  .header_logo {
    width: 8.33333% !important;
  }

  .lg-logo {
    margin-top: 0 !important;
  }

  .topBar {
    margin: 0 !important;
    padding: 0 !important;
  }

  .quick-section a {
    padding: 24px 10px !important;
  }

  .quick-section h2 {
    font-size: 18px !important;
  }

  .inline-header {
    display: flex;
    justify-content: end !important;
    align-items: center;
    flex-wrap: nowrap;
  }

  .navbar-toggle-new {
    display: block;
  }

  div.logo {
    margin: 24px 0 0 0 !important;
    width: 55%;
  }

  .navbar-default .navbar-toggle-new .icon-bar {
    background-color: #009fde;
  }

  .navbar-default .navbar-toggle-new {
    border-color: #fff;
  }

  .navbar-toggle-new {
    background-color: #fff;
  }

  .searchFrm-tablet {
    margin: 30px 0 10px 0 !important;
  }

  .navbar-toggle-new .smaller-icon {
    width: 15px;
  }

  button.navbar-toggle.navbar-toggle-new {
    margin: 0 !important;
    padding: 0 !important;
  }

  .navbar-header {
    float: right !important;
  }

  img.img-responsive-new {
    margin-left: 0 !important;
  }

  img.img-responsive-tab {
    width: 100% !important;
  }

  .right-menu {
    position: fixed;
    top: 0;
    right: -400px;
    width: 400px;
    height: 100%;
    background-color: #fff;
    transition: right 0.3s;
    z-index: 999999;
  }

  .right-menu ul {
    list-style: none;
    padding: 0;
  }

  .right-menu li {
    padding: 5px 80px 5px 15px;
    text-align: left;
    width: 400px;
  }

  .right-menu a {
    text-decoration: none;
    color: #009fde;
    font-size: 18px;
  }

  .navbar-default .navbar-nav > li > a {
    color: #009fde !important;
  }

  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    background-color: #fff !important;
  }

  #toggleButton:focus {
    outline: none;
  }

  .close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    color: #009fde;
    font-size: 28px;
    cursor: pointer;
  }

  .close-button:focus {
    outline: none;
  }

  #menu-primary-right li:hover ul.dropdown-menu {
    /* display: block; */
    position: relative !important;
  }

  #menu-primary-right li .dropdown-menu li a {
    color: #009fde;
  }

  #menu-primary-right ul li a .caret {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 4px;
    vertical-align: middle;
    border: none;
  }

  #menu-primary-right ul li a .caret::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('images/header-icon/arrow.png');
    background-size: contain;
    background-repeat: no-repeat;
  }

  #menu-primary-right ul li:hover > a .caret::after {
    background-image: url('images/header-icon/down-white.svg');
  }

  ul.dropdown-menu li a:hover > #menu-primary-right ul li a .caret::after {
    background-image: url('images/header-icon/arrow_down.png') !important;
  }

  #menu-primary-right ul li.active > a .caret::after {
    background-image: url('images/header-icon/arrow.png') !important;
  }

  #menu-primary-right ul li.active:hover > a .caret::after {
    background-image: url('images/header-icon/down-white.svg') !important;
  }

  #menu-primary-right ul li > a .caret-icon::after {
    background-image: url('images/header-icon/arrow.png');
  }

  #menu-primary-right ul li.caret-icon-right:hover a .caret::after {
    background-image: url('images/header-icon/right-white-arrow.svg') !important;
  }

  #menu-primary-right ul li.caret-icon-down:hover a .caret::after {
    background-image: url('images/header-icon/down-white.svg') !important;
  }

  .navbar-default .navbar-nav > .active > a {
    color: #009fde;
  }

  #menu-primary-right ul li.active > a {
    background-color: #f6f6f6 !important;
    color: #009fde !important;
  }

  .logo-right {
    display: flex;
    justify-content: center;
    margin-top: 7rem;
    margin-bottom: 3rem;
  }

  ul.dropdown-menu {
    margin-top: 0 !important;
  }

  /* Style for the sub-menu */
  ul.dropdown-menu {
    /* position: unset !important; */
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none;
  }

  #menu-primary-right ul#menu-primary-items li a {
    background-color: #fff;
    color: #009ed5;
    white-space: break-spaces;
    width: 100%;
    padding: 15px 30px 15px 30px;
    transition: 0.3s all;
  }

  #menu-primary-right ul#menu-primary-items .dropdown-menu li a {
    padding: 15px 30px 14px 40px;
  }

  #menu-primary-right ul#menu-primary-items li a:hover {
    background-color: #009ed5 !important;
    color: #fff !important;
  }

  ul.dropdown-menu li a {
    background-color: #fff !important;
    color: #009ed5 !important;
  }

  ul.dropdown-menu li a:hover {
    color: #fff !important;
    background-color: #009ed5 !important;
  }

  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
    background-color: transparent !important;
  }

  .my-account-tab ul.dropdown-menu.show {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  }

  button.invite_btn:hover,
  button.send_invite_btn:hover {
    background-color: #009fde !important;
  }

  .header-left {
    display: flex;
    justify-content: left;
    background-color: transparent !important;
  }

  .hidden-mobile {
    display: none;
  }

  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
    display: none;
    /* pointer-events: none; */
  }

  div.logo {
    margin-bottom: 0 !important;
  }

  div#menu1 {
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: white;
    margin-right: -5px !important;
  }

  div#menu1::-webkit-scrollbar {
    width: 8px;
  }

  div#menu1::-webkit-scrollbar-thumb {
    background-color: #d7d7d7;
  }

  .social-icon-right {
    width: 210px;
    margin-right: 0;
  }

  .col-lg-3.col-md-3.head-center.head-icon {
    display: flex;
    justify-content: end;
    padding: 0;
    margin: 0;
  }

  .col-lg-3.col-md-2.head-center.head-search {
    width: 20%;
    justify-content: end;
    display: flex;
    padding: 0;
  }

  .col-lg-3.col-md-3.head-center.head-login {
    display: flex;
    justify-content: end;
    padding: 0;
    margin: 0;
    width: 24% !important;
  }

  a.social-padding :hover {
    text-decoration: none !important;
  }

  div#req-icon {
    display: none;
  }
}

@media (max-width: 992px) {
  .woocommerce-cart.woocommerce-page .product-thumbnail {
    width: 150px;
  }

  .woocommerce-cart.woocommerce-page .cart-preview {
    /* margin-top: 0px; */
  }

  .woocommerce-cart.woocommerce-page .product-subtotal .tax_label {
    display: block;
  }

  div.logo {
    width: 110% !important;
    margin: 0 !important;
  }

  .inline-header {
    justify-content: space-between !important;
  }

  .head-icon {
    display: none !important;
  }

  .topBar {
    height: 38px !important;
  }

  .col-lg-3.col-md-3.head-center.head-login {
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: 50% !important;
  }

  .social-padding .icon {
    font-size: 16px;
  }

  #menu-primary {
    float: unset !important;
  }

  div.topBar ul.wc-top-menu-right li {
    width: auto !important;
  }

  div.topBar ul.wc-top-menu-right {
    float: left !important;
    padding-left: 0;
    padding-top: 0;
    margin-bottom: 0;
  }

  .head-mobile-login-right {
    padding: 15px 30px 0 30px;
  }

  .social-icon-right {
    width: 215px;
  }

  .col-lg-3.col-md-3.head-center.head-login-user {
    display: flex;
    justify-content: start;
    width: 50% !important;
  }

  .account-right {
    display: none;
  }

  div#req-icon {
    display: block;
  }
}

.right-menu li {
  padding: 0;
}

@media (max-width: 767px) {
  .custom-dropdown {
    width: calc(55.6% - 0px) !important;
  }

  #menu-primary-right.right-menu ul.navbar-nav {
    margin: 0 !important;
  }

  .bill-list {
    top: 95px !important;
  }

  .my___account.woocommerce-account.woocommerce-page #main .loop-meta.jumbotron div.container {
    height: auto !important;
  }

  .my___account.woocommerce-account.woocommerce-page #main .loop-title {
    margin-top: 5px !important;
  }

  li.nav-item.pull-right.bill-border {
    border: 0 !important;
  }

  .my___account.woocommerce-account.woocommerce-page #main .nav.nav-tabs li a {
    padding: 0 22px 9px 0;
    margin: 4px 0 0 0 !important;
  }

  .woocommerce-account .select2-container {
    width: 452px !important;
  }

  .hidden-mobile {
    display: block !important;
  }

  .hidden-md-large {
    /* display: none; */
    display: block !important;
  }

  .col-lg-3.col-md-2.head-center.head-search {
    display: none !important;
  }

  .hidden-md-new {
    display: none;
  }

  #menu-primary ul li.active > a,
  #menu-primary-right ul li.active > a {
    background-color: #009ed5 !important;
    color: #fff !important;
  }

  .navbar-toggle-mobile {
    display: block;
  }

  .navbar-default .navbar-toggle-mobile .icon-bar {
    background-color: #009fde;
  }

  .navbar-default .navbar-toggle-mobile {
    border-color: #fff;
  }

  .navbar-toggle-mobile {
    background-color: #fff;
  }

  .navbar-toggle-mobile .smaller-icon {
    width: 15px;
  }

  button.navbar-toggle.navbar-toggle-mobile {
    margin: 0 !important;
    padding: 0 !important;
  }

  img.img-responsive-mobile {
    margin-bottom: 10px;
    width: 50%;
    margin-top: 10px;
  }

  .inline-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .right-menu {
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    height: 100%;
    background-color: #fff;
    transition: right 0.3s;
    z-index: 999999;
  }

  .right-menu ul {
    list-style: none;
    padding: 0;
    margin: 0 !important;
  }

  .right-menu li {
    /* padding: 5px 30px 5px 15px; */
    text-align: left;
    width: 300px;
  }

  .right-menu a {
    text-decoration: none;
    color: #009fde;
    font-size: 18px;
  }

  .close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    color: #009fde;
    font-size: 28px;
    cursor: pointer;
  }

  .close-button:focus {
    outline: none;
  }

  .topBar {
    margin: 0 !important;
    padding: 0 !important;
  }

  .navbar-toggle-new {
    display: block;
  }

  div.logo {
    width: 100% !important;
    margin: 0 !important;
  }

  .navbar-default .navbar-toggle-new .icon-bar {
    background-color: #009fde;
  }

  .navbar-default .navbar-toggle-new {
    border-color: #fff;
  }

  .navbar-toggle-new {
    background-color: #fff;
  }

  .searchFrm-tablet {
    margin: 30px 0 10px 0 !important;
  }

  .navbar-toggle-new .smaller-icon {
    width: 15px;
  }

  button.navbar-toggle.navbar-toggle-new {
    margin: 0 !important;
    padding: 0 !important;
  }

  .navbar-header {
    float: right !important;
  }

  img.img-responsive-new {
    margin-left: 0 !important;
  }

  img.img-responsive-tab {
    width: 100% !important;
  }

  .navbar-default .navbar-nav > li > a {
    color: #009fde;
  }

  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    background-color: #fff;
  }

  #toggleButton:focus {
    outline: none;
  }

  #menu-primary li:hover ul.dropdown-menu,
  #menu-primary-right li:hover ul.dropdown-menu {
    position: relative !important;
  }

  #menu-primary li .dropdown-menu li a,
  #menu-primary-right li .dropdown-menu li a {
    color: #009fde;
  }

  #menu-primary ul li a .caret,
  #menu-primary-right ul li a .caret {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 4px;
    vertical-align: middle;
    border: none;
  }

  .navbar-default .navbar-nav > .active > a {
    color: #009fde;
  }

  .logo-right {
    display: flex;
    justify-content: center;
    margin-top: 7rem;
    margin-bottom: 3rem;
  }

  ul.dropdown-menu {
    margin-top: 0 !important;
  }

  ul.dropdown-menu {
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none;
  }

  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
    background-color: transparent !important;
  }

  .myaccount-details {
    margin: 0 16px !important;
  }

  .myaccount-details ul {
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
  }

  .my___account.woocommerce-account.woocommerce-page #main .myaccount-details li a {
    padding: 8px 35px !important;
  }

  button.invite_btn:hover,
  button.send_invite_btn:hover {
    background-color: #009fde !important;
  }

  #menu-primary .dropdown-span:hover ul.dropdown-menu,
  #menu-primary-right .dropdown-span:hover ul.dropdown-menu {
    display: block !important;
    position: relative !important;
  }

  #menu-primary ul#menu-primary-items li,
  #menu-primary-right ul#menu-primary-items li {
    background-color: #fff;
    color: #009ed5;
  }

  #menu-primary ul li.last_menu_ribben a.dropdown-toggle,
  #menu-primary-right ul li.last_menu_ribben a.dropdown-toggle {
    width: 98% !important;
  }

  #menu-primary ul#menu-primary-items li a,
  #menu-primary-right ul#menu-primary-items li a {
    white-space: break-spaces;
    width: 100%;
    padding: 15px 20px 15px 20px;
    transition: 0.3s all;
  }

  #menu-primary ul#menu-primary-items li a:hover,
  #menu-primary-right ul#menu-primary-items li a:hover {
    background-color: #009ed5;
    color: #fff;
  }

  #menu-primary ul li.active > a,
  #menu-primary-right ul li.active > a {
    background-color: #009fde !important;
    color: #fff !important;
  }

  ul.dropdown-menu li {
    background-color: #fff !important;
    color: #009ed5 !important;
  }

  ul.dropdown-menu li:hover {
    color: #fff !important;
    background-color: #009ed5 !important;
  }

  #menu-primary,
  #menu-primary-right {
    background-color: #fff !important;
  }

  li.register {
    display: none;
  }

  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
    display: none;
  }

  div#menu2 {
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: white;
    margin-right: -5px !important;
  }

  div#menu2::-webkit-scrollbar {
    width: 8px;
  }

  div#menu2::-webkit-scrollbar-thumb {
    background-color: #d7d7d7;
  }

  div.topBar ul.wc-top-menu li.login.wp-login-links a,
  div.topBar ul.wc-top-menu li.login.wp-login-links button {
    font-size: 18px;
  }

  span.contents {
    font-size: 18px;
  }

  .pull-right-2 {
    padding: 8px 0 8px 0;
  }

  .head-icon-right-center {
    padding: 15px 20px 15px 20px;
  }

  .social-padding .icon {
    font-size: 16px;
  }

  #menu-primary,
  #menu-primary-right {
    float: unset !important;
  }

  div.topBar ul.wc-top-menu-right li {
    width: auto !important;
  }

  div.topBar ul.wc-top-menu-right {
    float: left !important;
    padding-left: 0;
    padding-top: 0;
    margin-bottom: 0;
  }

  .head-mobile-login-right {
    padding: 15px 30px 0 15px;
  }

  .social-icon-right {
    width: 215px;
  }

  #menu-primary ul#menu-primary-items .dropdown-menu li a,
  #menu-primary-right ul#menu-primary-items .dropdown-menu li a {
    padding: 15px 20px 15px 30px;
  }

  a.social-padding:hover {
    text-decoration: none !important;
  }

  .text-page {
    font-size: 16px;
  }

  p.has-text-align-center {
    display: flex !important;
    justify-content: center !important;
  }

  div#req-icon {
    display: none;
  }

  .page-template-landing_page_style .fancy-heading {
    font-size: 20px !important;
  }
}

@media (min-width: 500px) and (max-width: 600px) {
  .page-template-landing_page_style .fancy-heading {
    font-size: 20px !important;
  }

  .page-template-landing_page_style .fancy-heading.large-text {
    padding-bottom: 1rem !important;
  }

  .page-template-landing_page_style .wp-block-buttons a.wp-block-button__link {
    font-size: 16px !important;
  }
}

@media (min-width: 373px) and (max-width: 500px) {
  .page-template-landing_page_style ul.wp-block-list ul.wp-block-list {
    margin: 0 !important;
  }

  .page-template-landing_page_style .fancy-heading {
    padding: 0 1.5rem !important;
    height: 7.3rem !important;
  }

  .page-template-landing_page_style h1.loop-title {
    font-size: 26px !important;
    text-wrap-style: pretty;
    margin: 0 15px;
  }

  .page-template-landing_page_style p,
  .page-template-landing_page_style .white-bg p {
    padding: 0 15px 0 !important;
  }

  .page-template-landing_page_style .white-bg .wp-block-columns {
    padding: 10px 15px 10px 15px !important;
  }

  .page-template-landing_page_style h2.wp-block-heading {
    padding: 0 15px !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.4;
  }

  .date-key-inline,
  .date-height-inline {
    display: inline !important;
  }

  .date-height-inline p {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }

  #my_account_orders_sm {
    margin-top: 5rem;
  }

  #my_account_orders_sm .row {
    padding: 20px 0 !important;
  }

  .bill-list {
    right: -4% !important;
    top: 290px !important;
  }

  li.nav-item.pull-right.bill-border {
    padding-top: 3rem;
  }

  a.button.invoice {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  a.button.invoice button,
  a.view button {
    margin-top: 22px !important;
  }

  img.img-responsive-mobile {
    margin-bottom: 0;
    width: 100% !important;
    margin-top: 0;
  }

  .pull-right-2 {
    padding: 8px 0 8px 0 !important;
  }

  div.topBar ul.wc-top-menu li.login.wp-login-links a,
  div.topBar ul.wc-top-menu li.login.wp-login-links button {
    font-size: 18px !important;
  }

  span.contents {
    font-size: 18px;
  }

  .interest-btn a {
    font-size: 13px !important;
  }

  .btn-amount-center {
    display: inline-block !important;
  }

  .page-template-landing_page_style .decodable-page-footer {
    padding: 30px 0 !important;
  }
}

@media (min-width: 0) and (max-width: 360px) {
  h4#h-navigate-to-the-relevant-sections-using-the-tabs-below {
    text-align: center !important;
  }

  .div_spacer {
    height: 5px !important;
  }

  .page-template-landing_page_style .fancy-heading {
    padding-bottom: 20px !important;
  }

  .template-landing_page_style .div_spacer {
    height: 0 !important;
  }

  .page-template-landing_page_style h1.loop-title {
    margin: 0 15px;
    font-size: 22px !important;
  }

  .page-template-landing_page_style .white-bg .wp-block-columns {
    padding: 10px 15px 10px 15px !important;
  }

  .page-template-landing_page_style p,
  .page-template-landing_page_style .white-bg p {
    padding: 0 15px 0 !important;
  }

  .page-template-landing_page_style .white-bg .wp-block-columns {
    padding: 10px 15px 10px 15px !important;
  }
}

@media (min-width: 0) and (max-width: 373px) {
  .page-template-landing_page_style .wp-block-buttons.single-button a.wp-block-button__link {
    margin: 0 2rem;
    padding: 3rem;
  }

  .page-template-landing_page_style .landing-page-main-section {
    margin-bottom: 3rem !important;
  }

  .page-template-landing_page_style .decodable-page-footer {
    padding: 30px 0 !important;
  }

  section.year-group {
    margin-top: 2rem;
  }

  .homeSliderShadow {
    margin-top: 5rem;
  }

  .support-section a.support-link,
  .support-section button.support-link {
    font-size: 16px;
    font-weight: 500;
  }

  .date-key-inline,
  .date-height-inline {
    display: inline !important;
  }

  .date-height-inline p {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }

  .topBar a {
    font-size: 12px !important;
  }

  div.topBar ul.wc-top-menu li.login.wp-login-links a,
  div.topBar ul.wc-top-menu li.login.wp-login-links button {
    font-size: 14px !important;
  }

  .inline-header {
    margin-top: 5px;
  }

  img.img-responsive-mobile {
    margin-bottom: 0;
    width: 100% !important;
    margin-top: 0;
  }

  span.contents {
    font-size: 14px;
  }

  .interest-btn a {
    font-size: 12px !important;
  }

  .btn-amount-center {
    display: inline-block !important;
  }
}

.h-thank-you-center {
  text-align: center !important;
  font-size: 16px !important;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}

.h-thank-you-title {
  text-align: center !important;
  font-size: 34px !important;
}

.blue-bg-dark {
  background-color: #f3f3f3;
  padding: 20px 20px 1px 20px;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-bottom: 12.5rem;
}

.decodable-page-layout-ssp .container {
  max-width: 100%;
}

.decodable-page-layout-ssp .custom-banner-row {
  padding-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

.blue-icon-arrow {
  list-style: none;
  padding: 0 !important;
}

.blue-icon-arrow li::before {
  padding-left: 20px;
  content: '';
  background: url('images/icon-arrow-ssp.svg') no-repeat;
  background-size: 8px;
  background-position: 5px center;
}

.blue-icon-arrow li {
  font-size: 12pt;
  font-weight: 600;
  font-family: Arial;
  line-height: 3rem;
}

p.p-size-ssp,
p.p-size-ssp-right {
  font-size: 12pt;
  font-family: Arial;
  font-weight: 400;
  padding: 0 !important;
}

.decodable-page-layout .blue-bg-dark .white-bg p.p-size-ssp {
  padding-left: 5px !important;
  padding-right: 22px !important;
}

.blue-dark-bg-ssp {
  background-color: #085081 !important;
  color: #fff !important;
  padding: 30px;
}

.white-bg-ssp {
  background-color: #fff !important;
  color: #085081 !important;
  padding: 30px;
}

.white-bg .wp-block-columns.right-padding-remove {
  padding-left: 45px !important;
  padding-right: 0 !important;
}

.white-bg .wp-block-columns.remove-left-right-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

:where(
  .wp-block-columns.right-padding-remove.is-layout-flex.wp-container-core-columns-layout-3.wp-block-columns-is-layout-flex
) {
  gap: 0.3em !important;
}

.decodable-page-layout .blue-bg-dark .white-bg p.p-size-ssp-right {
  padding-left: 45px !important;
  padding-right: 22px !important;
  font-size: 12pt;
}

.blue-dark-bg-ssp h4::after {
  border: none !important;
}

.blue-dark-bg-ssp h4 {
  font-size: 22px;
  font-weight: 700;
}

.blue-dark-bg-ssp p {
  padding: 0 !important;
}

.blue-dark-bg-ssp ul {
  list-style: none;
  padding: 0;
}

.white-bg-ssp h4::after {
  border: none !important;
}

.white-bg-ssp h4 {
  font-size: 22px;
  font-weight: 700;
}

.white-bg-ssp p {
  padding: 0 !important;
}

.white-bg-ssp ul {
  list-style: none;
  padding: 0;
}

.decodable-page-layout .blue-bg-dark .white-bg p {
  padding-left: 22px !important;
  padding-right: 22px !important;
}

.blue-dark-bg-ssp ul li {
  font-size: 14px;
  font-family: Arial;
  font-weight: 500;
  line-height: 3rem;
}

.white-bg-ssp ul li {
  font-size: 14px;
  font-family: Arial;
  font-weight: 500;
  line-height: 3rem;
}

.decodable-page-layout .blue-bg-dark-foundation .white-bg .white-bg-ssp p {
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-size: 14px;
}

.decodable-page-layout .blue-bg-dark .white-bg .blue-dark-bg-ssp p {
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-size: 14px;
}

.blue-dark-bg-ssp ul li::before {
  padding-left: 20px;
  content: '';
  background: url('images/icon-arrow-white-ssp.svg') no-repeat;
  background-size: 8px;
  background-position: 5px center;
}

.white-bg-ssp ul li::before {
  padding-left: 20px;
  content: '';
  background: url('images/icon-arrow-ssp.svg') no-repeat;
  background-size: 8px;
  background-position: 5px center;
}

.white-bg .wp-block-columns.gap-remove-ssp {
  padding-right: 0 !important;
  padding-left: 42px !important;
}

.image-right-gap {
  margin-right: 5px;
}

:where(.wp-block-columns.is-layout-flex.gap-remove-ssp) {
  gap: 0 !important;
}

.amount-color,
.text-left-ssp h4 {
  color: #085081 !important;
}

.text-left-ssp h4 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 0;
}

.btn-amount-center {
  display: flex;
  align-items: baseline;
}

.wp-block-columns.two-column-padding-remove.is-layout-flex.wp-container-core-columns-layout-3.wp-block-columns-is-layout-flex,
.wp-block-columns.two-column-padding-remove.is-layout-flex.wp-container-core-columns-layout-4.wp-block-columns-is-layout-flex,
.wp-block-columns.two-column-padding-remove.is-layout-flex.wp-container-core-columns-layout-3.wp-block-columns-is-layout-flex
  p {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.two-column-padding-remove {
  padding: 0 !important;
}

.blue-bg-dark .fancy-heading {
  padding: 10px 28px !important;
}

.decodable-page-layout .blue-bg-dark-foundation .white-bg .text-left-ssp p {
  padding-left: 0 !important;
  padding-right: 22px !important;
}

.amount-color {
  width: 200px;
}

.white-bg .wp-block-columns .padding-remove-notify-btn {
  padding: 0 !important;
  margin-bottom: 60px;
}

.bottom-margin-remove {
  margin-bottom: 0 !important;
}

#drip-ef-880837508 {
  font: 0.875rem/1.5rem sans-serif;
  width: 100%;
}

#drip-ef-880837508 h3 {
  font-size: 1.125rem;
  margin: 0 0 0.375rem;
}

#drip-ef-880837508 > div {
  margin-bottom: 0.75rem;
}

#drip-ef-880837508 fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

#drip-ef-880837508 legend {
  margin: 0;
  padding: 0;
}

#drip-ef-880837508 input[type='email'],
#drip-ef-880837508 input[type='number'],
#drip-ef-880837508 input[type='tel'],
#drip-ef-880837508 input[type='text'] {
  margin: 0;
  padding: 0.375rem 0.5625rem;
  width: 100%;
}

/* #drip-ef-880837508 input[type="checkbox"], */
#drip-ef-880837508 input[type='radio'] {
  margin: 0.1875rem 0.1875rem 0 0;
  padding: 0;
}

#drip-ef-880837508 input[type='submit'] {
  margin: 0;
  padding: 0.375rem 0.5625rem;
}

form[data-drip-embedded-form] .subscribe-btn input {
  width: unset !important;
  margin-right: 10px;
  padding-left: 0 !important;
}

.subscribe-btn {
  display: flex;
  height: 28px;
}

.subscribe-margin {
  margin-top: 40px;
}

.modal-margin-top {
  margin-top: 5rem;
}

.modal-header .close {
  margin-top: 16px;
  margin-right: 19px;
}

#drip-ef-880837508 {
  margin: 0;
  box-shadow: none !important;
  padding: 0 35px 40px 35px !important;
  border-radius: 0 !important;
  border-bottom: unset !important;
}

.form-desc {
  font-size: 14px;
  line-height: 2rem;
  margin: 20px 0 40px 0;
}

.button-center {
  display: flex;
  margin-top: 30px;
}

.button-center input {
  padding: 14px !important;
}

.ssp-form-close {
  color: #000;
}

.modal-header .ssp-form-close {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #009fde !important;
  font-size: 25px;
}

.two-column-padding-remove {
  margin-bottom: 0;
}

.modal-header-border {
  border: 0 !important;
  padding: 0 !important;
}

.modal-body {
  margin-top: 10px !important;
}

.modal-content-radius {
  border-radius: 0 !important;
}

.ssp-kit-title {
  color: #005486;
  font-size: 24px !important;
}

.main-title {
  margin-top: 30px !important;
}

.subscribe-btn input[type='checkbox'] {
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  -o-appearance: none !important;
  outline: none !important;
  content: none !important;
}

.subscribe-btn input[type='checkbox']::before {
  font-family: FontAwesome !important;
  content: '\f00c' !important;
  font-size: 12px !important;
  color: transparent !important;
  background: #fff !important;
  width: 18px !important;
  height: 18px !important;
  border: 2px solid #009fde !important;
  margin-right: -8px !important;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.subscribe-btn input[type='checkbox']:checked::before {
  color: white !important;
  background: #009fde !important;
}

.subscribe-btn input {
  background-color: transparent !important;
  border: unset !important;
  padding: 9px 8px !important;
}

.interested_kits_label {
  font-weight: 400 !important;
}

.arrow_details summary p::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 11px;
  background-image: url('images/arrow_black.svg');
  background-size: cover;
  background-size: 6px;
  background-repeat: no-repeat;
}

.down_arrow_details summary p::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 11px;
  background-image: url('images/down_arrow_black.svg');
  background-size: cover;
  background-size: 12px;
  background-repeat: no-repeat;
}

.details_heading summary p u {
  padding-left: 8px;
}

.supporting_section_margin_top {
  margin-top: 7rem;
}

.ssp-title {
  /* font-family: 'robotomedium'; */
  color: #005486 !important;
  font-weight: 700;
  font-size: 22px !important;
}

.ssp-license {
  font-family: robotomedium;
  font-size: 16px !important;
  font-weight: 500;
  color: #1a6ab1;
  padding-top: 4px;
  padding-bottom: 26px;
}

.icon-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #009fde;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

img.img-fluid.foundation,
picture.img-fluid.foundation,
img.img-fluid.one_year,
picture.img-fluid.one_year {
  height: auto;
  max-height: 362px;
  width: 100%;
}

picture.img-fluid.foundation {
  height: auto;
  max-height: 362px;
  width: 100%;
}

.icon-circle .icon-img {
  width: 9px;
  height: 9px;
  margin-top: 0 !important;
  box-shadow: unset !important;
}

.inline-title h3 {
  font-size: 21px;
  display: inline;
  margin-left: 10px;
  color: black;
  font-weight: 500;
  font-family: robotomedium;
}

.title-products {
  display: inline-flex;
  align-items: center;
}

.ssp-products ul li {
  width: 100% !important;
  margin: 0 2% 0.992em 0 !important;
  box-shadow: unset !important;
}

.ssp-products .green_box h5 {
  color: #1a6ab1;
  font-weight: 700;
  font-family: robotoregular;
  font-size: 19px !important;
}

.ssp-products {
  margin-top: 3rem;
  padding: 12px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.07);
}

.margin-top {
  margin-top: 10px;
}

.ssp-product-view-hide .subscription-view-button {
  display: none;
}

.subscription-view-button-ssp {
  text-align: center;
}

.icon-img-btn {
  margin: 0 !important;
}

.inline-video-text {
  display: flex;
  /* justify-content: space-around; */
  align-items: center;
}

.inline-video-text a {
  padding-left: 10px;
  padding-right: 10px;
}

.text-vertical-center {
  display: flex;
  justify-content: start;
  align-items: center;
}

.term-title {
  font-size: 16px !important;
  font-weight: 500;
  font-family: robotomedium;
  color: #1a6ab1;
}

.margin-top-bottom {
  margin-top: 5px;
  margin-bottom: 14px;
}

.margin-top-next {
  margin-top: 70px;
  margin-bottom: 70px;
}

.margin-bottom {
  margin-bottom: 30px;
}

.ssp-products ul li .single-subscription-item {
  background-color: white !important;
}

.terms1-ssp,
.terms-ssp {
  background: #f8f8f8;
  border-radius: 0;
  border: 1px solid #eee !important;
}

.term-dropdown {
  margin-top: 1rem;
  margin-bottom: 3rem;
}

.disconnect-title {
  color: #005486;
  font-size: 22px;
  font-weight: 700;
  font-family: robotoregular;
}

.text-body p {
  font-size: 14px !important;
  font-family: robotoregular;
}

.ssp-popup-padding {
  padding: 0 20px 20px 20px;
}

.btn-close {
  background-color: #009fde !important;
  color: #fff !important;
  font-family: robotomedium;
  font-size: 18px !important;
  font-weight: 600;
  padding: 8px 30px;
  margin-top: 20px;
  margin-right: 20px;
  border-bottom: 2px solid #005486 !important;
}

.proceed {
  color: #333;
  font-family: robotoregular;
  font-weight: 700;
}

.yes-color {
  color: #009fde;
  font-family: robotoregular;
  font-weight: 700;
}

.disconnet_underline {
  text-decoration: underline;
}

.manual-kit-section-title {
  color: #1a6ab1;
  font-family: robotoregular;
  margin-top: 0;
  margin-bottom: 8px;
  padding-top: 10px;
  font-weight: 700;
  font-size: 17px;
  padding-right: 10px;
  line-height: 1.4em;
  min-height: 45px;
}

.ssp-products ul li .green_box {
  padding: 0 !important;
  min-height: 60px !important;
}

.ssp-products ul li.product img {
  padding: 0 !important;
}

.manual-kit-section img {
  margin: 0 !important;
}

img.icon-img {
  box-shadow: none !important;
  max-width: 90%;
  margin-top: 0;
}

/*  */
.youtube-thumbnail {
  position: relative;
  display: inline-block;
}

.youtube-thumbnail img {
  height: 65px !important;
}

.play-button {
  width: 60px;
  height: 60px;
  background: url('images/youtube-icon.svg') no-repeat center center;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: 60% 60%;
}

.df-element::after,
.download-btn-term a::after,
.download-btn-generic::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 11px;
  background-image: url('images/arrow-left-icon.svg');
  background-size: cover;
  margin-left: 4px;
}

.subscription-view-button-ssp-kits div.dp-element,
.subscription-view-button-ssp-kits a.df-element,
.subscription-view-button-ssp-kits div.download-btn-term a {
  opacity: 1 !important;
  width: 100%;
  background: var(--pld-btn-blue, #009bd8);
  color: white;
  text-align: center;
  border-radius: 0;
  padding: 12px;
  font-family: var(--pld-btn-font, 'Segoe UI', sans-serif);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  text-wrap: balance;
}

.margin-bottom {
  margin-bottom: 30px;
}

.padding-left-5 {
  padding-left: 5px;
}

.padding-right-5 {
  padding-right: 5px;
}

.already-active-mesg {
  color: #f96;
  font-family: robotoregular;
  font-size: 16px;
}

.error-active-mesg {
  color: red;
  font-family: robotoregular;
}

.order-cancel-mesg {
  color: #f96;
  font-family: robotoregular;
  font-size: 16px;
}

span.required {
  color: #f00;
}

.ssp_form_label {
  font-size: 15px;
  font-weight: 700;
  font-family: robotoregular;
}

.ssp_login_label {
  font-size: 22px;
  font-weight: 700;
  color: #005486;
  font-family: robotoregular;
  margin-bottom: 20px;
}

.ssp-input-filed {
  border-radius: 0;
  border-color: #eee;
  background: #f8f8f8;
  font-family: robotoregular;
  font-size: 14px;
}

.ssp-input-filed::placeholder {
  font-family: robotoregular;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.3);
}

.ssp-login-btn {
  margin-top: 15px;
  background-color: #009bd9 !important;
  width: 120px;
  color: #fff;
  font-family: robotomedium;
  border: none;
  text-transform: uppercase;
  border-bottom: 3px solid #005486;
  height: 42px;
}

.active_btn,
.transfer_btn,
.card_save_btn {
  margin-top: 8px;
  background-color: #009bd9 !important;
  width: 100px;
  color: #fff;
  font-family: robotomedium;
  border: none;
  text-transform: uppercase;
  border-bottom: 3px solid #005486 !important;
}

.apply-filter-btn {
  border-left: 2px solid #d9d9d9 !important;
  padding-left: 10px;
}

.clear-filter-btn {
  padding: 8px 12px !important;
}

.clear-filter-btn,
.apply-filter-btn {
  background-color: transparent !important;
  border: none;
  color: #009fde !important;
  text-wrap: nowrap;
}

.clear-filter-btn:hover,
.apply-filter-btn:hover {
  background-color: transparent !important;
  border: none;
  color: #009fde;
}

.filter {
  margin-left: 30px;
  margin-top: 30px;
}

.form-inline {
  display: flex;
  align-items: center;
}

.category-filter {
  font-size: 18px;
  margin-bottom: -7px !important;
  font-weight: 700;
}

img.filter-cross {
  margin-bottom: 7px;
  width: 11px;
  box-shadow: none;
}

.product-filter li {
  box-shadow: rgb(99 99 99/0.1) 0 0 7px 0 !important;
}

.subscriptionView .df-element.df-popup-button {
  width: 100%;
  position: absolute;
  height: 100%;
  z-index: 1;
  opacity: 0;
}

.invite_mesg {
  max-width: 43%;
  color: #517039;
  margin-bottom: 7px;
  background: #cdfbaa;
  padding: 0 18px;
  border: 1px solid #b8d6a1;
}

.error_invite_mesg {
  max-width: 43%;
  color: #582e03;
  margin-bottom: 7px;
  background: #fbd3aa;
  padding: 0 18px;
  border: 1px solid #f4b574;
}

.display-flex-printable {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
}

.display-flex-printable h5 {
  margin-left: 10px;
  font-family: robotoregular;
  font-weight: 700;
  font-size: 19px;
  line-height: 25px;
}

.dropdown-toggle::after {
  display: none !important;
}

.tab-pane.fade {
  opacity: 1 !important;
}

.modal.fade {
  opacity: unset !important;
}

.nav-tabs .nav-link.active {
  color: unset !important;
  background-color: #009fde !important;
  border-color: #009fde !important;
  border-radius: 0;
}

.nav-tabs .nav-link.active h5.loop-title {
  color: #fff !important;
}

h5.loop-title {
  color: #337ab7 !important;
}

.nav-tabs > li > a:hover {
  border-color: #ccc !important;
}

.nav-tabs > li:hover > a h5.loop-title {
  color: white !important;
}

a {
  color: #337ab7;
  text-decoration: none;
}

.alert-link {
  font-weight: 400;
}

a#my-subscriptions-tab {
  padding-bottom: 2px !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 600;
  line-height: 1.1;
}

hr {
  border-top: 1px solid #eee !important;
  background-color: unset;
  opacity: 1;
}

hr:not([size]) {
  height: 0 !important;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.btn-close {
  width: unset !important;
  height: unset !important;
  opacity: 1 !important;
  background: #009fde !important;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

a[type='button'] {
  -webkit-appearance: none !important;
}

strong {
  font-weight: bold !important;
}

h1,
.h1 {
  font-size: 36px;
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn-primary:hover {
  color: #fff;
  background-color: #ccc;
  border-color: unset;
}

.btn:hover {
  color: #fff;
}

.categroyPageBanner hr {
  border: 0 !important;
  border-top: 1px solid #eee !important;
  margin: 5px auto !important;
}

.my-account--tabs > li > a {
  margin-right: 0 !important;
}

.shipping-calculator-button button,
.shipping-calculator-button {
  background-color: white !important;
  color: black !important;
}

.shipping-calculator-button:hover {
  text-decoration: none !important;
}

button.showcoupon_popup.coupon_btn_checkout,
#closeButton,
#closeButton1 {
  background-color: white !important;
  color: #009fde !important;
}

#toggleButton,
.navbar-toggle-mobile {
  background-color: transparent !important;
}

.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: unset !important;
}

/* .jumbotron .container {
  max-width: 540px;
} */
@media (max-width: 576px) {
  .woocommerce-account .select2-container {
    width: 388px !important;
  }

  .form-inline {
    display: grid;
    /* align-items:center; */
  }

  .filter {
    margin-left: -12px;
    margin-top: 31px;
  }

  .category-filter {
    text-align: center;
  }

  .apply-filter-btn {
    border-left: 0 !important;
  }

  .form-inline .select2-container {
    margin: 6px 0 !important;
  }

  .loop-meta.jumbotron .container,
  .loop-meta.jumbotron .container-sm {
    max-width: 540px !important;
  }

  .navbar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .col-lg-3.col-md-3.head-center.head-login-user {
    width: 70% !important;
  }

  #header .row {
    --bs-gutter-x: 0 !important;
    display: unset !important;
  }

  #header .row > * {
    flex-shrink: 1;
    width: auto !important;
  }
}

ul.boot-remove-padding {
  padding-left: 43px !important;
}

.boot-remove-padding {
  padding-left: 43px !important;
}

.btn-green-themes a:hover {
  color: #fff !important;
}

.btn-green-themes a {
  background-color: #84a834 !important;
  font-size: 16px !important;
}

.btn-green-themes-border a {
  border-bottom: 3px solid #547017 !important;
}

.btn-blue-themes a {
  background-color: #0693e3 !important;
  font-size: 16px !important;
}

.btn-blue-themes-14 a {
  background-color: #0693e3 !important;
  font-size: 14px !important;
}

.btn-blue-themes-12 a {
  background-color: #0693e3 !important;
  font-size: 14px !important;
}

.btn-blue-themes-border a {
  border-bottom: 3px solid #096091 !important;
}

.short-desc,
.desc {
  font-size: 16px !important;
}

#yith-ywraq-form .product-name ul li,
#yith-ywraq-form .product-name a {
  font-size: 14px !important;
}

#subscriptions__tabs li > a:hover {
  border-color: transparent !important;
}

.terms-title h5 {
  font-size: 17px;
  color: #1a6ab1;
  font-weight: 700;
  font-family: robotoregular;
  margin-top: 3rem;
  line-height: 1;
}

body {
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Century Gothic W01', sans-serif !important;
  font-size: 1.3em !important;
}

.product_cat-integrated-ssp-kits h1.product_title.entry-title {
  color: #96c054 !important;
  margin-top: 3.5rem;
}

.blue-bg-dark-foundation {
  /* background-image: url(https://pld-literacy.org/wp-content/uploads/2020/03/blue-bg_02.png); */
  background-color: #0a9bd9;
  padding: 20px 20px 1% 20px;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-bottom: 9.5rem;
}

.fa-size {
  font-size: 14px;
}

/* In-flight state while the license AJAX runs ("Registering"/
   "Transferring"). !important: the enabled rule paints blue with
   !important. Border stays 3px (fill grey) so the height doesn't jump. */
.active_btn[disabled],
.transfer_btn[disabled] {
  text-transform: capitalize;
  padding: 6px 5px;
  background-color: var(--pld-btn-disabled-bg) !important;
  border-bottom: 3px solid var(--pld-btn-disabled-bg) !important;
  color: var(--pld-btn-disabled-text);
  opacity: 1 !important;
  cursor: not-allowed;
}

.warningmesg {
  border: 1px solid rgba(196, 0, 0, 1);
  background-color: rgba(196, 0, 0, 0.07);
  padding: 5px 0 5px 16px;
  border-radius: 5px;
}

.warningmesg p {
  font-size: 18px;
  font-weight: 400;
  font-family: robotoregular;
}

.cross_circle {
  display: inline-block;
  text-align: center;
  background-color: rgba(196, 0, 0, 1);
  width: 17px;
  height: 17px;
  color: #fff;
  border-radius: 50%;
  line-height: 16px;
  margin-right: 10px;
}

.place_new_order {
  width: 100%;
  background: rgba(0, 159, 222, 1);
  color: white;
  text-align: center;
  border-radius: 0;
  padding: 12px;
  font-size: 16px;
  margin-left: 10px;
  text-decoration: none;
  border-bottom: 3px solid #096091 !important;
}

.place_new_order:hover,
.place_new_order:active {
  background: rgba(0, 159, 222, 1);
  color: white;
  text-decoration: none;
}

.left_arrow_order {
  margin: 0 10px !important;
  box-shadow: none !important;
}

.invite_icon {
  width: 13px;
  margin: 0 !important;
  box-shadow: none !important;
  padding-left: 5px;
}

.filter_btn,
.filter_btn:hover {
  border: 2px solid var(--pld-btn-blue, #009bd8);
  background: transparent !important;
  color: var(--pld-btn-blue, #009bd8) !important;
}

.filter_category_btn {
  color: #000 !important;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: transparent !important;
  padding: 6px 22px 6px 22px;
}

.filter_category_btn:hover {
  color: #fff !important;
  background: var(--pld-btn-blue, #009bd8) !important;
}

.filter_category_btn.active {
  color: #fff !important;
  background: var(--pld-btn-blue, #009bd8) !important;
}

.filter_category_btn.active::after {
  content: '';
  display: inline-block;
  width: 11px;
  height: 11px;
  background-image: url('images/filter-cross-icon.svg');
  background-size: cover;
  margin-left: 8px;
}

.filter_clear_btn,
.filter_clear_btn:hover {
  color: var(--pld-btn-blue, #009bd8) !important;
  border: 2px solid var(--pld-btn-blue, #009bd8);
  background: transparent !important;
  padding: 8px 15px 8px 15px;
}

.filter_btns button,
.invite_btn,
.filter_btn {
  text-transform: capitalize !important;
  font-size: 14px;
}

.send_invite_btn {
  text-transform: unset !important;
  font-family: Roboto, sans-serif !important;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  background-color: #009fde !important;
  color: #fff !important;
}

button.send_invite_btn {
  padding: 12px 20px !important;
}

.available_invite_mesg {
  margin-right: 15px;
}

#pills-manage-users a {
  font-size: 14px !important;
}

.invite_user_fileds {
  padding: 7px;
  border: 2px solid #ddd;
  font-size: 14px;
}

.invite_user_fileds::placeholder {
  color: rgba(217, 217, 217, 1);
  font-size: 14px;
}

.send_invite_btn,
.invite_btn {
  padding: 8px 10px 8px 10px !important;
}

.filter_btn {
  position: relative;
  padding: 6px 15px 6px 15px !important;
}

.invite_user_fileds:focus {
  outline-color: #ddd !important;
}

.my_subscriptions_tab .nav-link {
  background-color: transparent !important;
  color: #009fde !important;
  text-transform: capitalize !important;
  border-radius: 0;
  font-family: Roboto, sans-serif !important;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  padding: 12px 20px 12px 20px !important;
  border: 2px solid #009fde;
  margin: 0 10px 0 0 !important;
}

.my_subscriptions_tab .nav-link.active {
  background-color: #009fde !important;
  color: #fff !important;
}

.filter_count {
  position: absolute;
  left: -8px;
  top: -4px;
  color: white;
  background: #009fde;
  border-radius: 50% !important;
  width: 17px;
  height: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
}

.invite_success_icon {
  box-shadow: none !important;
  margin-right: 10px;
  vertical-align: sub;
  margin-top: 0 !important;
}

.invite_succes_text {
  font-size: 14px;
  color: #a5a5a5;
  vertical-align: middle;
  margin-right: 15px;
}

.nobr {
  font-weight: 700;
}

input.invite_select {
  margin-right: 10px;
}

input.invite_all {
  margin-right: 10px;
  margin-left: 0;
}

/* Align the email text in each row with the "Email" header (drop the generic
   button margin/padding that pushed it right of the header label). */
#pills-manage-users .order .order-number button.button-link-void {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Flex the email column so the checkbox + label sit on one centred line with no
   stray whitespace gap (keeps the "Email" header and the addresses left-aligned). */
#pills-manage-users .order-number {
  display: flex;
  align-items: center;
}

/* Give the users table breathing room below the tab buttons. */
#pills-manage-users .shop_table {
  margin-top: 25px;
}

#pills-tabContent {
  border: 0 !important;
}

#pills-tabContent input[type='checkbox'],
ul.filter-grouped li input[type='checkbox'] {
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  -o-appearance: none !important;
  outline: none !important;
  content: none !important;
}

#pills-tabContent input[type='checkbox']::before {
  font-family: FontAwesome !important;
  content: '\f00c' !important;
  font-size: 12px !important;
  color: transparent !important;
  background: #fff !important;
  width: 18px !important;
  height: 18px !important;
  border: 2px solid #e7e7e7 !important;
  margin-right: -8px !important;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.filter-grouped li input[type='checkbox']::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f00c';
  font-size: 12px !important;
  color: transparent !important;
  background: #fff !important;
  width: 18px !important;
  height: 18px !important;
  border: 2px solid #e7e7e7 !important;
  margin-right: -8px !important;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#pills-tabContent input[type='checkbox']:checked::before {
  color: #009fde !important;
  background: #fff !important;
}

ul.filter-grouped li input[type='checkbox']:checked::before {
  color: #fff !important;
  background: #009fde !important;
  border: 2px solid #009fde !important;
}

#pills-tabContent input {
  background-color: transparent !important;
  border: unset !important;
  padding: 0 8px !important;
}

.invite_text,
.delete_invite .ui-dialog-buttonset {
  padding: 0 20px 0 20px;
}

.delete_invite button.delete-button {
  background: transparent !important;
  color: #009bd9 !important;
}

.delete_invite button.cancel-button {
  padding: 7px 30px !important;
  border-bottom: 3px solid #005486 !important;
}

.delete_invite .ui-dialog-content {
  height: 162.5px !important;
  min-height: 130.5px !important;
}

.delete_invite .ui-dialog-buttonpane {
  padding: 0.3em 1em 1.5em 0.4em !important;
  border: 0 !important;
}

.delete_invite .ui-dialog-titlebar-close {
  background-image: url('images/cross-icon.svg');
  background-color: transparent !important;
  background-size: contain;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  border: none;
  outline: none;
  cursor: pointer;
  box-shadow: none !important;
  padding: 0 8px;
  margin-top: -7px;
}

.invite_disabled {
  color: var(--pld-btn-disabled-text) !important;
  padding-left: 6px;
  text-decoration: none;
  cursor: not-allowed;
}

.invite_succes_text_mesg {
  font-size: 14px;
  color: #a5a5a5;
  margin-right: 14px;
  vertical-align: middle;
}

.available_invite_mesg {
  font-size: 16px;
  color: #009fde;
  font-family: robotoregular;
  font-weight: 400;
  font-style: italic;
  vertical-align: middle;
}

.pagination a.page-numbers,
.pagination .page-numbers.current {
  padding: 6px 12px;
}

.pagination .page-numbers.current {
  background: #009bd9;
  color: #fff;
}

.pagination a.page-numbers {
  color: #000;
}

.disconnect-title-all {
  overflow-wrap: anywhere;
  color: #005486;
  font-size: 22px;
  font-weight: 700;
  font-family: robotoregular;
}

.delete_user_all {
  margin-top: 10px;
}

.filter_apply_btn .spinner-border {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

input.filter_category_btn {
  font-size: 14px !important;
  font-family: robotomedium !important;
}

.main_skill_div .columns-4.sub-col {
  margin-top: 0 !important;
}

#pills-tabContent #content {
  padding: 0 !important;
}

.delete_invite .ui-widget-header {
  border: 1px solid #fff !important;
  background: #fff !important;
}

/* !important: the invite button's hover rules force blue with !important. */
button.invite_btn[disabled] {
  background-color: var(--pld-btn-disabled-bg) !important;
  color: var(--pld-btn-disabled-text) !important;
  cursor: not-allowed !important;
}

.ribbon {
  position: absolute;
  top: 1px;
  right: -24px;
  width: 68px;
  background-color: red;
  color: #fff;
  padding: 0 0;
  font-weight: bold;
  font-size: 10px;
  transform: rotate(45deg);
  text-align: center;
}

#menu-primary ul li.last_menu_ribben a.dropdown-toggle {
  overflow: hidden;
  background: #009fde;
  color: #fff;
}

#menu-primary ul li.last_menu_ribben a.dropdown-toggle:hover {
  overflow: hidden;
  background: #dfdfdf;
  color: #009fde;
}

.dropdown-span ul.dropdown-menu li a:hover > li.last_menu_ribben a.dropdown-toggle {
  background-color: #dfdfdf;
}

#menu-primary ul li.last_menu_ribben a.dropdown-toggle.parent-hover {
  background-color: #dfdfdf !important;
  color: #009fde !important;
}

/* On its own child pages the ribbon tab carries .active, and the generic
   li.active grey above wins on !important; keep the ribbon blue there and
   preserve the grey hover treatment. */
#menu-primary ul li.last_menu_ribben.active > a.dropdown-toggle {
  background: #009fde !important;
  color: #fff !important;
}

#menu-primary ul li.last_menu_ribben.active > a.dropdown-toggle:hover,
#menu-primary ul li.last_menu_ribben.active > a.dropdown-toggle.parent-hover {
  background: #dfdfdf !important;
  color: #009fde !important;
}

a.button.invoice {
  margin: 5px;
  background-color: #337ab7;
  color: white;
  padding: 5px 18px;
}

.screening_plan figure {
  margin: 0 0 0.1rem !important;
}

.flex-control-nav.flex-control-thumbs li {
  position: relative;
}

.flex-control-nav.flex-control-thumbs li:hover > .single-play-btn {
  opacity: 1 !important;
}

.single-play-btn {
  position: absolute;
  bottom: 24%;
  left: 27%;
  width: 50px;
  height: 50px;
  background: url('images/youtube-icon.svg') no-repeat center center;
}

.yith-ywraq-add-to-quote {
  display: none !important;
}

.wp-block-columns.parent_column_padding_left.is-layout-flex.wp-container-core-columns-layout-6.wp-block-columns-is-layout-flex {
  padding-left: 30px !important;
}

.teachers-panding-left {
  padding-left: 20px !important;
}

.blue-bg-logo-remove {
  background-color: #56c0fc;
  padding: 20px 20px 1px 20px;
}

.img-border-remove img {
  border: 0 !important;
  box-shadow: none !important;
}

/* course page css */
.course-image {
  position: relative;
  padding: 1px 6px 6px 6px;
}

.course-score {
  position: absolute;
  left: 38%;
  top: 83%;
  border: 3px solid #3899d5;
  border-radius: 50%;
  background: #fff;
  width: 70px;
  height: 70px;
}

p.score {
  display: flex;
  padding: 20px 13px 0 13px;
  font-size: 18px !important;
  color: #016bb3;
  justify-content: center;
  align-items: center;
  font-family: robotomedium !important;
}

h3.title-bottom-space {
  padding-bottom: 20px;
}

.course-card {
  border: 0 !important;
  box-shadow: rgb(99 99 99/0.1) 0 0 7px 0 !important;
}

.course-footer {
  background-color: #fff !important;
}

.course-footer-icon {
  width: 18px;
  height: 18px !important;
  box-shadow: none !important;
}

.course-footer-title,
.course-title {
  font-family: robotomedium !important;
}

.course-expire-date {
  font-size: 14px !important;
  font-family: robotomedium !important;
}

.course-search-icon,
.course-search-icon:hover {
  background-color: transparent !important;
  border-right: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

.course-search-icon i {
  color: #d7d7d7;
}

.course-search {
  background: #f8f8f8;
  outline: none !important;
  box-shadow: none !important;
}

.course-search::placeholder {
  color: #d7d7d7;
  margin-left: 10px;
}

select.course-select-search {
  width: 45%;
  height: 100%;
  border: 2px solid #d7d7d7 !important;
  border-radius: 15px;
  font-size: 17px;
  text-align: center;
  color: #000;
  border-color: #d7d7d7 !important;
}

.page-template-lostpassword .main {
  background-color: #f1f2f2 !important;
}

.page-template-lostpassword .loop-title {
  color: #005486;
}

.custom_lost_btn,
.custom_lost_btn:hover,
.custom_lost_btn:focus {
  background-color: #009fde;
  border: 0;
  border-bottom: 3px solid #005486;
  color: #fff;
  margin-top: 8px;
  padding: 7px 30px;
  font-size: 16px;
  font-weight: 600;
}

.img-borderless img.arrow-left {
  margin-bottom: 3px !important;
}

.img-borderless img {
  border: none !important;
}

.feedback-discription {
  font-size: 20px;
  margin-left: 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 21px;
}

#feedback-form .gform_wrapper .top_label .gfield_label {
  font-family: robotomedium;
  font-weight: 500;
  font-size: 17px;
}

#feedback-form input.form-control,
#feedback-form select.form-control,
#feedback-form textarea.form-control {
  background: #f8f8f8 !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 15px;
  color: #999;
}

#feedback-form input.form-control::placeholder {
  color: #999;
}

#feedback-form input.form-control {
  color: #000 !important;
}

#feedback-form textarea.form-control {
  padding-left: 20px;
  padding-top: 15px;
}

#feedback-form input.form-control,
#feedback-form select.form-control {
  height: 40px;
}

#feedback-form input.form-control::placeholder,
#feedback-form select.form-control::placeholder {
  font-size: 15px !important;
  color: #999;
}

#feedback-form textarea::placeholder {
  color: #999;
}

#feedback-form textarea {
  color: #000 !important;
}

#feedback-form select.form-control option {
  color: #000;
  padding: 10px;
}

#feedback-form input[type='checkbox'] {
  position: relative;
  width: 18px;
  height: 18px;
  line-height: 1.4em;
  padding-left: 0 !important;
  text-align: center;
  margin-left: 8px;
  border: 1px solid #f8f8f8 !important;
  margin-right: 9px;
  background: #eee !important;
  outline: none;
  border-radius: 0 !important;
  -webkit-appearance: none;
}

#feedback-form input[type='checkbox']:checked::before {
  left: -1px;
  top: -1px;
  width: 15px;
  height: 15px;
  position: relative;
  box-shadow: inset 0 0 0 3px #fff;
  background-color: #009fde;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #009fde;
}

#feedback-form .gfield_checkbox {
  display: flex;
  width: 300px;
  flex-wrap: wrap;
}

#feedback-form .gchoice.checkbox {
  width: 150px;
}

#feedback-form .gfield_checkbox input[type='checkbox'] {
  margin: 2px 3px !important;
}

#feedback-form .checkbox label {
  min-height: unset !important;
  margin-bottom: 0 !important;
  vertical-align: super;
  font-size: 17px;
  font-weight: 500;
}

#feedback-form .checkbox {
  margin-top: 0;
}

#feedback-form .gchoice.gchoice_63_12_2 {
  margin-top: 0 !important;
}

#feedback-form .ginput_container.ginput_container_checkbox {
  margin-top: 50px !important;
}

#feedback-form #gform_submit_button_63,
#feedback-form #gform_submit_button_66,
#feedback-form #gform_submit_button_56 {
  width: 140px;
  height: auto;
}

#feedback-form .gform_wrapper .gform_footer {
  padding: 10px 0 50px 0 !important;
}

#feedback-form .form-group {
  margin-bottom: 20px !important;
}

h1 .feedback-title,
.feedback-title {
  display: flex !important;
  justify-content: center;
  color: #005486 !important;
  margin: 30px 0 20px 0;
}

#feedback-form .gf_list_2col {
  display: inline-block;
  width: 50%;
}

#feedback-form #input_63_3,
#feedback-form #input_56_3,
#feedback-form #input_66_3 {
  width: 100% !important;
}

#feedback-form #input_63_1,
#feedback-form #input_56_1,
#feedback-form #input_66_1 {
  width: 95% !important;
}

#feedback-form p.gform_required_legend {
  display: none;
}

#faq-targe-id
  details.wp-block-details.has-medium-font-size.is-layout-flow.wp-block-details-is-layout-flow {
  padding-left: 53px;
}

p.faq-panding-lef {
  padding-left: 52px !important;
}

.singular-page-204704 #content .loop-title {
  max-width: 100% !important;
}

.singular-page-209227 #content .loop-title {
  max-width: 100% !important;
}

#dfwid-trigger-tab-220756 span {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.decodeable-title-left,
.faq-parent-panding-lef {
  padding-left: 52px !important;
}

ul.pld-books-padding-left {
  padding-left: 72px !important;
}

.widget_ywraq_mini_list_quote .raq-info {
  margin-top: 4px;
}

p.digital_resources {
  font-size: 15px !important;
  font-weight: 600;
}

ul#myTab {
  display: block !important;
}

.bill-icon-right {
  display: inline;
  float: inline-end;
  padding: 0 4px 0 0;
  position: relative;
  /* border-left: 1px solid #dddddd; */
  height: 45px;
  cursor: pointer;
}

span.bill-count {
  position: absolute;
  top: -4px;
  left: 12px;
  background: red;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  color: #fff;
}

.icon-img-pld {
  width: 30px;
  height: 30px;
  box-shadow: unset !important;
  vertical-align: sub;
}

.font-text-size {
  font-size: 14px !important;
}

.pld-title {
  font-size: 30px;
}

.blog-image img {
  width: 100%;
  height: 150px;
  border-radius: 10px 10px 0 0 !important;
  border-bottom: 5px solid #abe7ff !important;
  margin-top: 0;
}

.blog-title-pld {
  margin-top: 5px;
  margin-left: 0;
  margin-right: 10px;
}

.blog-description {
  margin-top: 5px;
  padding: 15px 18px;
}

.blog-desc-pld p {
  color: #777;
  margin: 10px 0;
  border-top: 1px solid #f2f3f5;
  padding-top: 10px;
  margin-bottom: 7px;
  font-size: 15px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.blog-shadow {
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.07);
  padding: 0;
  margin: 0;
  border-radius: 10px;
}

.blogs-main-title {
  color: #005486;
  /* font-family: 'robotomedium'; */
  font-weight: 700;
  font-size: 25px;
  margin-top: 5rem !important;
}

.date-key {
  display: inline-flex;
  align-items: center;
}

.date-icon img {
  width: 22px;
  height: 22px;
  margin: 0;
  vertical-align: sub;
}

.blog-cal-icon {
  width: 18px;
  height: 18px !important;
  margin-top: -4px !important;
  margin-right: 2px;
}

.date-key-main {
  padding: 20px 20px 20px 20px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.07);
  border-radius: 10px;
}

ul.date-height {
  line-height: 2;
  margin-top: 10px;
  font-weight: 700;
}

.show-all-icon {
  vertical-align: text-top;
  margin-left: 10px;
  margin-top: 4px !important;
}

.blog-padding-right {
  padding-right: 10px;
}

.blog-border-end {
  border-right: 1px solid #dee2e6 !important;
  padding-right: 10px;
}

.bill-list {
  position: absolute;
  right: 1%;
  width: 400px;
  color: #000;
  top: 55px;
  z-index: 10;
  background: #fff;
  box-shadow: 1px -2px 12px 1px rgba(0, 0, 0, 0.07);
  padding: 20px;
}

.bill-list-overflow {
  height: auto;
  overflow: auto;
  min-height: auto;
  max-height: 500px;
}

.bill-list-overflow::-webkit-scrollbar {
  width: 6px;
}

.bill-list-overflow::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
}

.bill-list::before {
  content: '';
  position: absolute;
  right: 18px;
  top: -12px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #fff !important;
  z-index: 99999999999;
}

.text-grey {
  color: #777;
  font-weight: 300;
}

.brfore-dot::before {
  background: red;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.bg-dark-blog-btn {
  background-color: #1a6ab1 !important;
  text-transform: uppercase;
  text-decoration: none;
  padding: 12px 60px !important;
}

.bg-dark-blog-btn:hover {
  text-decoration: none;
}

h4.pld-card-title {
  font-size: 16px;
  color: #61952a;
  font-weight: 600;
  padding-left: 14px;
}

.pld-image-main img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.pld-btn-main {
  text-align: center;
}

.pld-btn-main a {
  color: #fff;
}

.pld-card {
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.07);
  padding: 10px 8px;
}

.pld-btn img {
  padding: 0 2px 0 5px !important;
  margin: 0 !important;
  vertical-align: baseline;
  width: 14px;
}

.brfore-dot .dot {
  width: 8px;
  background: #00b7ba;
  height: 8px;
  background-size: 0;
  border-radius: 50%;
  margin-left: 0;
  margin-top: 4px;
  margin-right: 4px;
}

.brfore-dot {
  display: inline-flex !important;
}

.merg-left {
  margin-left: 6px;
}

.unread_notify {
  background: #6dc8e547;
  padding: 10px 20px 0 20px;
  margin: 0;
  cursor: pointer;
  width: 350px !important;
}

.read_notify {
  background: #fff;
  padding: 10px 20px 0 20px;
  margin: 0;
  cursor: pointer;
}

.payment_box.payment_method_eway.col-lg-6,
.payment_box.payment_method_purchaseorder.col-lg-6 {
  background: #f8f8f8 !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 0 15px 0;
}

.wc_payment_methods.payment_methods.methods {
  padding: 25px 25px 15px 25px;
  background: white;
}

.payment_method_purchaseorder input#purchase_order_number {
  padding: 5px 10px !important;
  max-width: 70% !important;
  background: white;
}

#fieldForm input,
input#EWAY_CARDNAME,
input#EWAY_CARDEXPIRY,
input#EWAY_CARDCVN {
  height: 38px !important;
  max-width: 70% !important;
  padding: 5px 10px !important;
}

#payment ul.wc_payment_methods.payment_methods.methods li:last-of-type {
  margin-left: 0 !important;
}

.payment_box_with ul.woocommerce-error.eway-error {
  color: red !important;
}

input#EWAY_CARDNUMBER {
  height: 40px !important;
  padding-left: 12px !important;
}

.youtube-thumbnail-page {
  position: relative;
  display: inline-block;
}

.youtube-thumbnail-page .play-button {
  width: 110px;
  height: 138px;
}

@media only screen and (min-width: 1801px) {
  .searchFrm-lg {
    margin: 11px 0 0 0 !important;
  }
}

.download-btn-generic {
  width: 100%;
  background: #006ab1;
  color: white !important;
  text-align: center;
  border-radius: 0;
  padding: 0 12px;
  font-size: 16px;
  text-decoration: none;
}

.show-pld-order {
  cursor: pointer;
}

.bill-border {
  border-left: 1px solid #ddd;
  margin: 0 !important;
  padding: 15px;
  max-height: unset !important;
}

.bill-border:hover {
  border-left: 1px solid #ddd !important;
}

.woocommerce-account .nav.nav-tabs.my-account--tabs {
  padding-bottom: 0 !important;
}

.my___account.woocommerce-account.woocommerce-page #main .loop-meta.jumbotron div.container {
  height: 54px;
  padding: 0 !important;
  padding-left: 4px !important;
}

.my___account.woocommerce-account.woocommerce-page #main .nav-tabs > li,
.my___account.woocommerce-account.woocommerce-page #main .nav-tabs > li:hover {
  margin: 0 !important;
  margin-right: 5px;
}

.my___account.woocommerce-account.woocommerce-page #main .nav.nav-tabs li a {
  padding: 8px 35px;
  margin: 4px 0 0 0 !important;
}

.my___account.woocommerce-account.woocommerce-page #main .nav-tabs > li.active,
.my___account.woocommerce-account.woocommerce-page .nav-tabs > li:hover {
  background-color: transparent !important;
}

a#my-subscriptions-tab:hover {
  background: #009fde;
  color: #fff !important;
}

.my___account.woocommerce-account.woocommerce-page #main .nav.nav-tabs li a:hover,
button#hide_user__info_2fa:hover,
button#hide_user__info:hover,
button#edit_user__info_btn:hover {
  background: #009fde !important;
  /* border: 0 !important; */
  border-radius: 0 !important;
  border-color: #009fde !important;
  color: #fff !important;
  text-decoration: none !important;
  text-transform: capitalize !important;
}

.my___account.woocommerce-account.woocommerce-page .nav-tabs .nav-link:focus {
  border: 0 !important;
}

.my___account.woocommerce-account.woocommerce-page .nav.nav-tabs.my-account--tabs li a {
  max-height: 44px !important;
}

.mark-all-read {
  display: flex;
  justify-content: end;
  align-items: center;
  padding: 8px 11px 0 0;
  /* pointer-events: none; */
}

a.mark_all_read {
  pointer-events: fill;
}

a.pld-btn {
  color: white !important;
  text-decoration: none;
}

/* checkout page redesing  start */

.woocommerce-checkout.woocommerce-page .payment_box.payment_method_eway.payment_box_widh {
  background: #f8f8f8 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.woocommerce-checkout.woocommerce-page div#payment {
  background: transparent !important;
}

.woocommerce-checkout.woocommerce-page .payment_box.payment_method_purchaseorder.payment_box_widh {
  background: #fff !important;
  box-shadow: unset !important;
}

.woocommerce-checkout.woocommerce-page h3#order_review_heading {
  margin: 0 !important;
  padding-left: 9px;
}

.woocommerce-checkout.woocommerce-page .order_summary_table tfoot tr {
  height: 0;
  box-shadow: unset !important;
}

.woocommerce-checkout.woocommerce-page #order_review {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.woocommerce-checkout.woocommerce-page .checkout_billing.text-gray {
  border-right: 1px solid #ddd !important;
  padding-right: 35px;
  padding-left: 15px;
  padding-top: 20px;
}

.woocommerce-checkout.woocommerce-page .checkout_shipping.text-gray {
  padding-top: 20px;
}

.woocommerce-checkout.woocommerce-page .payment_method_purchaseorder input#purchase_order_number {
  padding: 5px 10px !important;
  max-width: 100% !important;
  background: #f8f8f8 !important;
  box-shadow: unset !important;
  margin-top: 10px;
  border: 1px solid #ddd;
  height: 45px;
}

.woocommerce-checkout.woocommerce-page
  #payment
  ul.wc_payment_methods.payment_methods.methods
  li:last-of-type {
  margin-left: 0 !important;
}

.woocommerce-checkout.woocommerce-page #customer_details h3.billing_detail_lable,
#order_comments_field label,
#billing_address_1_field label.address_label,
.checkout_shipping.text-gray h3.order_summary,
h3#order_review_heading,
#shipping_address_1_field label.address_label {
  color: #1a6ab1;
}

.woocommerce-checkout.woocommerce-page .cart-subtotal th,
.shipping th,
.coupons th {
  font-weight: 700;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
}

tr.cart-subtotal.recurring-total td,
tr.order-total.recurring-total td {
  font-weight: 700 !important;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}

tr.cart-subtotal.recurring-total td small.tax_label,
tr.order-total.recurring-total td small.includes_tax {
  font-weight: 400 !important;
}

tr.order-total.recurring-total td small.includes_tax {
  font-size: 12px;
}

.woocommerce-checkout.woocommerce-page .coupons_code {
  font-weight: 500 !important;
  font-size: 18px !important;
  font-family: Arial, Helvetica, sans-serif;
}

.woocommerce-checkout.woocommerce-page .order-total th,
.woocommerce-checkout.woocommerce-page tr.cart-subtotal.recurring-total th {
  font-weight: 700 !important;
  font-size: 22px !important;
  font-family: Arial, Helvetica, sans-serif;
}

.woocommerce-checkout.woocommerce-page .order-total th {
  /* padding-top: 20px !important; */
}

.woocommerce-checkout.woocommerce-page .order-total td {
  padding-top: 30px !important;
}

.woocommerce-checkout.woocommerce-page #customer_details {
  border: 1px solid #ddd;
}

.woocommerce-checkout.woocommerce-page
  .order-total
  span.woocommerce-Price-amount.amount
  bdi:first-child {
  font-weight: 700 !important;
  font-size: 22px !important;
  font-family: Arial, Helvetica, sans-serif;
  color: #009fde !important;
}

.woocommerce-checkout.woocommerce-page
  .order-total
  small.includes_tax
  .woocommerce-Price-amount.amount
  bdi:first-child,
.woocommerce-checkout.woocommerce-page
  tr.cart-subtotal.recurring-total
  .tax_label
  .woocommerce-Price-amount.amount
  bdi {
  font-weight: 100 !important;
  font-size: 12px !important;
  font-family: Arial, Helvetica, sans-serif;
  color: #000 !important;
}

.woocommerce-checkout.woocommerce-page .order-total small.includes_tax {
  display: block;
  margin-top: 5px;
}

.woocommerce-checkout.woocommerce-page #main h1.loop-title {
  display: none !important;
  margin-top: 10rem;
}

.woocommerce-checkout.woocommerce-page h3.billing_details_lable {
  font-size: 22px;
  font-family: robotobold !important;
  color: #000;
  margin-right: 25px;
}

.woocommerce-checkout.woocommerce-page .woocommerce-checkout.woocommerce-page img.billing-edit-img {
  width: 14px;
  height: 14px;
  box-shadow: unset !important;
  margin: 0;
}

.woocommerce-checkout.woocommerce-page .billing-form-details p.billing-form-label,
.delivery-form-details p.billing-form-label {
  font-size: 18px;
  color: #000;
  font-weight: 500 !important;
  font-family: 'Segoe UI', sans-serif !important;
}

.woocommerce-checkout.woocommerce-page .billing-form-details span.billing-form-value,
.delivery-form-details span.billing-form-value {
  font-size: 18px;
  color: #989898 !important;
  font-weight: bold;
}

.woocommerce-checkout.woocommerce-page a.show-billing-form,
.woocommerce-checkout.woocommerce-page a.show-delivery-form {
  font-size: 15px;
  text-decoration: none;
}

.woocommerce-checkout.woocommerce-page a .edit-left-padding {
  margin-left: 7px;
  font-weight: 700 !important;
  font-family: 'Segoe UI', sans-serif !important;
}

.woocommerce-checkout.woocommerce-page label.address_label {
  display: none !important;
}

.woocommerce-checkout.woocommerce-page .order_summary_body.shipping {
  padding: 0 0 30px 0 !important;
}

.woocommerce-checkout.woocommerce-page input#ship-to-different-address-checkbox {
  margin-left: 0 !important;
}

.woocommerce-checkout.woocommerce-page #order_comments_field label {
  border: 0 !important;
  color: #000 !important;
  font-family: robotobold;
  font-size: 22px !important;
}

.woocommerce-checkout.woocommerce-page .shipping h3 {
  padding-top: 20px;
  border: 0 !important;
  color: #000 !important;
}

.woocommerce-checkout.woocommerce-page .place-order {
  padding: 0 !important;
  padding-left: 6px !important;
}

.woocommerce-checkout.woocommerce-page .border-terms {
  border-top: 1px solid #ddd !important;
}

.woocommerce-checkout.woocommerce-page .checkout_shipping h3 {
  padding-left: 10px;
}

.woocommerce-checkout.woocommerce-page .checkout_shipping.text-gray {
  padding-top: 20px;
  padding-left: 20px;
}

.woocommerce-checkout.woocommerce-page #order_review {
  padding: 10px !important;
}

.woocommerce-checkout.woocommerce-page
  table.table.table-striped.shop_table.woocommerce-checkout-review-order-table.order_summary_table
  tfoot
  th {
  padding-left: 0;
  width: 55%;
}

.woocommerce-checkout.woocommerce-page
  table.table.table-striped.shop_table.woocommerce-checkout-review-order-table.order_summary_table {
  border-top: 1px solid #ddd;
}

.woocommerce-checkout.woocommerce-page #order_review td {
  text-align: left !important;
}

.woocommerce-checkout.woocommerce-page bdi {
  font-weight: 700 !important;
}

.woocommerce-checkout.woocommerce-page .cart-subtotal bdi,
.woocommerce-checkout.woocommerce-page .shipping_price_checkout bdi,
.woocommerce-checkout.woocommerce-page .shipping_price_checkout small,
.woocommerce-checkout.woocommerce-page .cart-subtotal .tax_label {
  font-size: 16px;
  font-family: Arial;
}

.woocommerce-checkout.woocommerce-page .showcoupon_popup.coupon_btn_checkout i {
  background-color: #009ed5 !important;
  color: #fff !important;
  border-radius: 50% !important;
  font-size: 10px !important;
  margin-right: 8px !important;
  width: 16px !important;
  padding: 4px 4px 0 4px !important;
  height: 16px !important;
}

.woocommerce-checkout.woocommerce-page button.showcoupon_popup.coupon_btn_checkout {
  margin: 0 !important;
  display: flex;
  /* align-items: center; */
}

.woocommerce-checkout.woocommerce-page #purchase_order_number_field label {
  color: #000 !important;
}

.woocommerce-checkout.woocommerce-page #purchase_order_number_field .required {
  display: none !important;
}

.woocommerce-checkout.woocommerce-page .order_summary_table {
  border-collapse: collapse !important;
  /* border-spacing: 6px; */
}

.woocommerce-checkout.woocommerce-page tr.cart-subtotal {
  border: 0 !important;
}

.woocommerce-checkout.woocommerce-page #order_review {
  padding: 10px !important;
}

.woocommerce-checkout.woocommerce-page tr.shipping td,
tr.shipping th,
tr.cart-subtotal td,
tr.cart-subtotal th {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.woocommerce-checkout.woocommerce-page tr.coupons th,
tr.coupons td {
  padding-top: 0 !important;
  padding-bottom: 30px !important;
}

.woocommerce-checkout.woocommerce-page .cart-link {
  display: flex;
  color: #000;
  font-size: 14px;
  text-decoration: underline;
  align-items: center;
  margin-right: 10px;
}

.woocommerce-checkout.woocommerce-page a.pull-right.cart-link i {
  margin-left: 6px !important;
}

.woocommerce-checkout.woocommerce-page a.pull-right.cart-link:hover {
  color: #000;
}

.woocommerce-checkout.woocommerce-page ul.wc_payment_methods.payment_methods.methods {
  padding-left: 2rem !important;
}

.woocommerce-checkout.woocommerce-page ul.wc_payment_methods.payment_methods.methods p {
  font-size: 14px;
  color: #212529;
}

.woocommerce-checkout.woocommerce-page p.billing-label {
  padding-left: 1rem !important;
  font-size: 15px !important;
  color: #000;
  font-weight: 600;
  margin-top: 20px;
}

.woocommerce-checkout.woocommerce-page ul.wc_payment_methods.payment_methods.methods {
  display: flex;
  justify-content: space-between;
}

.woocommerce-checkout.woocommerce-page .payment_method_eway p {
  font-size: 15px !important;
  color: #000;
  font-weight: 600;
}

#eway-secure-field-card,
#eway-secure-field-name,
#eway-secure-field-cvn,
#eway-secure-field-expiry {
  height: 34px !important;
}

.woocommerce-checkout.woocommerce-page .payment_method_eway .form-row-first,
.payment_method_eway .form-row-last {
  width: 100% !important;
}

.woocommerce-checkout.woocommerce-page .woocommerce #payment div.payment_box,
.woocommerce-checkout.woocommerce-page #payment div.payment_box {
  width: 100% !important;
  margin: 0 !important;
  font-size: 15px !important;
  margin-left: 6px !important;
}

.payment_box.payment_method_eway.payment_box_widh {
  padding: 2.3rem !important;
}

.payment_box.payment_method_purchaseorder.payment_box_widh {
  padding: 0.3rem !important;
}

.woocommerce-checkout.woocommerce-page ul.woocommerce-error.eway-error {
  color: red;
  list-style: none;
}

.woocommerce-checkout.woocommerce-page .entry-content img {
  box-shadow: unset !important;
  margin: 0 !important;
}

.woocommerce-checkout.woocommerce-page .save_billing_btn,
.woocommerce-checkout.woocommerce-page .save_delivery_btn {
  background-color: #009bd9 !important;
  width: 100px;
  color: #fff !important;
  font-family: robotomedium;
  border: none;
  text-transform: uppercase;
  border-bottom: 3px solid #005486 !important;
  padding: 10px 30px;
}

.woocommerce-checkout.woocommerce-page .discard_billing_btn,
.woocommerce-checkout.woocommerce-page .discard_delivery_btn {
  vertical-align: middle;
  color: #009fde;
  font-size: 16px;
}

.woocommerce-checkout.woocommerce-page .btn:focus {
  box-shadow: unset !important;
}

.woocommerce-checkout.woocommerce-page .btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
  outline: none !important;
}

.woocommerce-checkout.woocommerce-page form.checkout_coupon.form-inline.woocommerce-form-coupon {
  padding-left: 0 !important;
  padding-top: 0 !important;
  padding-right: 0 !important;
}

.woocommerce-checkout.woocommerce-page .form-inline .form-group {
  display: inline-block;
  vertical-align: bottom;
}

.woocommerce-checkout.woocommerce-page input#coupon_code {
  padding-left: 10px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  border: 1px solid #ddd;
  color: #212925;
  /* border: 1px solid  #DDDDDD !important; */
  /* width: 250px; */
}

.woocommerce-checkout.woocommerce-page tr.coupon-form .input-group .form-control {
  width: auto !important;
}

.woocommerce-checkout.woocommerce-page tr.coupon-form .input-group .form-control:focus {
  box-shadow: unset !important;
}

.woocommerce-checkout.woocommerce-page input#coupon_submit {
  background-color: #009ed5;
  margin: 0 !important;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff !important;
  padding-right: 25px;
  padding-left: 25px;
}

.woocommerce-checkout.woocommerce-page tr.coupon-form th {
  padding-top: 0 !important;
}

.woocommerce-checkout.woocommerce-page .input-group {
  display: flex !important;
}

.woocommerce-checkout.woocommerce-page .woocommerce-remove-coupon-icon {
  color: red;
  font-size: 25px;
  font-weight: 200;
  padding-left: 10px;
  vertical-align: bottom;
  line-height: 1.1;
}

.woocommerce-checkout.woocommerce-page .woocommerce-remove-coupon-icon:hover {
  text-decoration: none;
}

.woocommerce-checkout.woocommerce-page img.coupon-apply-icon {
  padding-right: 5px;
  width: 20px;
  height: 20px;
}

tr.coupons.cart-discount {
  font-weight: 700 !important;
}

.woocommerce-checkout.woocommerce-page .cart-discount b {
  font-size: 18px !important;
}

.woocommerce-checkout.woocommerce-page .payment_method_eway .form-row.form-row-wide label,
.woocommerce-checkout.woocommerce-page .payment_method_eway .form-row.form-row-first,
.woocommerce-checkout.woocommerce-page .payment_method_eway .form-row.form-row-last {
  font-family: robotobold;
  font-size: 16px;
  color: #000 !important;
}

.woocommerce-checkout.woocommerce-page tr.recurring-totals {
  display: none;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
  padding: 12px 20px;
  border-radius: 4px;
  margin-bottom: 10px;
}

.coupon-spinner {
  background: #989898 !important;
  float: inline-end !important;
  margin-top: 10px;
}

/* Both coupon Apply buttons share this id: the legacy checkout input
   (btn-default) and the redesigned checkout's outline .pld-co-promo-apply,
   whose navy border fades to the fill grey here. The id outranks their
   enabled and hover rules; opacity: 1 defeats Bootstrap's .btn[disabled]
   fade. */
#coupon_submit[disabled] {
  background-color: var(--pld-btn-disabled-bg);
  border-color: var(--pld-btn-disabled-bg);
  color: var(--pld-btn-disabled-text);
  cursor: not-allowed;
  opacity: 1;
}

@media only screen and (max-width: 575px) {
  .order_summary_table tfoot {
    box-shadow: unset !important;
  }

  #payment_method_purchaseorder {
    margin-top: 0 !important;
  }
}

/* checkout page redesing  end .woocommerce-checkout.woocommerce-page */
/* cart page redesing  start .woocommerce-cart.woocommerce-page */
.woocommerce-cart.woocommerce-page .cart-remove a:hover {
  text-decoration: underline;
  text-decoration-color: red;
}

.woocommerce-cart.woocommerce-page .cart-remove.cart-remove-not-bundle {
  padding-left: 20px;
}

.woocommerce-cart.woocommerce-page .cart-title {
  padding-left: 26px;
}

.woocommerce-cart.woocommerce-page .cart-title a {
  color: #212529;
  font-size: 16px;

  font-weight: 700;
  display: block;
}

.woocommerce-cart.woocommerce-page .cart-remove img {
  margin: 0;
  box-shadow: unset !important;
  width: 12px;
  height: 12px;
  vertical-align: baseline;
}

.woocommerce-cart.woocommerce-page .cart-preview img {
  margin: 0;
  box-shadow: unset !important;
  width: 14px;
  height: 14px;
  vertical-align: baseline;
}

.woocommerce-cart.woocommerce-page .cart-preview {
  padding-right: 19px;
  margin-top: 3px;
}

.woocommerce-cart.woocommerce-page .cart-right-border {
  border-right: 2px solid #ddd;
}

.woocommerce-cart.woocommerce-page .cart-remove a span {
  font-size: 14px;
  color: red;
  font-weight: 500;
}

.woocommerce-cart.woocommerce-page .cart-preview {
  font-size: 14px;
  font-weight: 500;
}

.woocommerce-cart.woocommerce-page .product-subtotal span.woocommerce-Price-amount.amount,
.woocommerce-cart.woocommerce-page .shipping-amount span.woocommerce-Price-amount.amount {
  font-weight: 700;
  font-size: 18px;
}

.woocommerce-cart.woocommerce-page .product-price {
  font-weight: 700;
  font-size: 18px !important;
}

.woocommerce-cart.woocommerce-page .product-subtotal span.woocommerce-Price-amount.amount,
.woocommerce-cart.woocommerce-page .product-subtotal .tax_label {
  color: #009fde !important;
}

.woocommerce-cart.woocommerce-page .product_title,
.product_title strong {
  font-size: 18px;
  font-weight: 700;
}

.woocommerce-cart.woocommerce-page .quantity .minus {
  margin: 0;
  background: transparent !important;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #212529 !important;
  height: 45px;
  padding-left: 10px;
}

.woocommerce-page .product h1:first-child {
  color: #212529 !important;
  margin-bottom: 14px !important;
  margin-top: -8px;
}

.price-wrapper .inc-vat-price .woocommerce-Price-amount bdi {
  font-size: 28px;
  color: #009bd9;
  font-weight: 600;
}

.singular-product .summary.entry-summary span.vat-amount {
  font-size: 14px;
  color: #a6a8a9;
  font-weight: 500;
}

.singular-product .summary.entry-summary .prod-year-level {
  padding: 0 !important;
}

.singular-product .summary.entry-summary img.code-good-icon {
  padding: 0 6px 0 0 !important;
  box-shadow: unset !important;
  width: 18px;
}

.singular-product .summary.entry-summary .prod-code,
.prod-year-level {
  font-size: 16px;
  color: #212529;
}

.singular-product .summary.entry-summary .quantity .minus {
  margin: 0;
  background: transparent !important;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #212529 !important;
  height: 45px;
  padding-left: 10px;
  border-radius: 4px 0 0 4px;
}

.woocommerce-cart.woocommerce-page .quantity .plus {
  border-radius: 4px 0 0 4px;
  margin: 0;
  background: transparent !important;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #212529 !important;
  height: 45px;
  padding-right: 10px;
}

.singular-product .summary.entry-summary input#quantity_6662fc67ec512 {
  margin: 0 !important;
  padding: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  height: 45px !important;
  max-width: 45px !important;
  text-align: center;
  padding-left: 10px !important;
  background: transparent;
}

.singular-product .summary.entry-summary .quantity .plus {
  margin: 0;
  background: transparent !important;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #212529 !important;
  height: 45px;
  padding-right: 10px;
  border-radius: 0 4px 4px 0;
}

.woocommerce-cart.woocommerce-page input.form-control.qty {
  margin: 0 !important;
  padding: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  height: 45px !important;
  max-width: 45px !important;
}

.woocommerce-cart.woocommerce-page .form-control:focus,
.btn-outline-secondary:focus {
  box-shadow: unset !important;
}

.woocommerce-cart.woocommerce-page i.fas.fa-plus,
.woocommerce-cart.woocommerce-page i.fas.fa-minus {
  color: #212529;
}

.woocommerce-cart.woocommerce-page .quantity .minus:hover {
  border-right: 0 !important;
}

.woocommerce-cart.woocommerce-page .quantity .plus:hover {
  border-left: 0 !important;
}

.woocommerce-cart.woocommerce-page .form-control[readonly] {
  background-color: transparent !important;
}

.woocommerce-cart.woocommerce-page .cart-bottom-border {
  padding-bottom: 20px;
  border-top: 1px solid #ddd;
  margin: 12px auto;
  margin-top: 50px;
  padding-top: 40px !important;
}

.woocommerce-cart.woocommerce-page .subscription-price {
  color: #009fde;
}

.woocommerce-cart.woocommerce-page .bundle-tab {
  font-size: 20px;
  color: #005486;
  font-weight: 700;
  padding: 16px;
  cursor: pointer;
}

.woocommerce-cart.woocommerce-page .bundle_item {
  margin-bottom: 3rem;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.07);
  margin-left: 4px;
  margin-right: 4px;
  padding: 0 20px;
}

.bundle_item hr {
  display: none;
}

.woocommerce-cart.woocommerce-page .bundle-item-icon {
  box-shadow: unset !important;
  vertical-align: text-top;
}

.woocommerce-cart.woocommerce-page .bundle-item-color {
  font-size: 14px;
  color: #009ed5;
  font-weight: 600;
}

.woocommerce-cart.woocommerce-page .container.cart-total-section {
  background: transparent !important;
  margin-bottom: 0 !important;
  border: 0 !important;
  padding: 0 !important;
}

.woocommerce-cart.woocommerce-page
  .container.cart-total-section
  .cart_totals
  .shipping_billing_cart
  h3 {
  font-size: 25px !important;
  color: #1a6ab1;
  border-bottom: 1px solid #ddd;
  padding: 15px 0 !important;
  font-weight: 700;
}

.woocommerce-cart.woocommerce-page .container.cart-total-section .display-flex {
  box-shadow: unset !important;
  padding-left: 0 !important;
}

.woocommerce-cart.woocommerce-page hr {
  margin: 12px auto;
}

.woocommerce-cart.woocommerce-page .subtotal_label,
.subtotal_price,
.shipping_label {
  font-size: 18px;
  font-weight: 700;
}

.woocommerce-cart.woocommerce-page .tax_label {
  font-size: 14px;
  font-weight: 400;
  text-transform: lowercase;
}

.woocommerce-cart.woocommerce-page .display-flex.order-total {
  border-top: 1px solid #ddd;
  padding-top: 30px;
}

.woocommerce-cart.woocommerce-page .total_label {
  font-size: 26px;
  font-weight: 700;
}

.woocommerce-cart.woocommerce-page .order-total span.woocommerce-Price-amount.amount bdi {
  color: #009fde;
  font-size: 26px;
  font-weight: 700;
}

.woocommerce-cart.woocommerce-page
  .order-total
  span.woocommerce-Price-amount.amount
  bdi
  .woocommerce-Price-currencySymbol {
  color: #009fde !important;
}

.woocommerce-cart.woocommerce-page
  .order-total
  .includes_tax
  span.woocommerce-Price-amount.amount
  bdi
  .woocommerce-Price-currencySymbol {
  color: #000 !important;
}

.woocommerce-cart.woocommerce-page .order-total .includes_tax {
  /* display: block; */
}

.woocommerce-cart.woocommerce-page
  .order-total
  .includes_tax
  span.woocommerce-Price-amount.amount
  bdi {
  color: #000 !important;
  font-size: 12px !important;
  font-weight: 400;
}

.woocommerce-cart.woocommerce-page
  .shipping-address-block
  a.shipping-calculator-button
  button
  i.fa.fa-caret-down.caret_down {
  float: none !important;
}

.woocommerce-cart.woocommerce-page .woocommerce-shipping-calculator.shipping-address-block {
  box-shadow: unset !important;
  padding: 0 !important;
}

.woocommerce-cart.woocommerce-page .shipping-address-block a.shipping-calculator-button button,
.woocommerce-cart.woocommerce-page .shipping-address-block .shipping-calculator-button button {
  font-size: 16px;
  font-weight: 700;
}

.woocommerce-cart.woocommerce-page .woocommerce-shipping-destination p {
  font-size: 20px;
}

.woocommerce-cart.woocommerce-page .woocommerce-shipping-destination p.shipping-destination-text {
  font-size: 18px;
}

.woocommerce-cart.woocommerce-page .woocommerce-shipping-destination strong {
  padding-bottom: 10px;
}

.woocommerce-cart.woocommerce-page .woocommerce-shipping-totals .radio {
  margin-top: 14px;
  margin-bottom: 14px;
}

.woocommerce-cart.woocommerce-page
  .woocommerce-shipping-totals
  .radio
  .woocommerce-cart
  span.woocommerce-Price-amount.amount {
  font-size: 16px;
  font-weight: 700;
}

.woocommerce-cart.woocommerce-page .woocommerce-shipping-totals .radio label {
  font-weight: 700;
  font-size: 16px;
  text-transform: capitalize;
}

.woocommerce-cart.woocommerce-page p.note-text {
  font-size: 16px !important;
  padding: 24px 0 !important;
  font-weight: normal;
  color: #212529;
}

.woocommerce-cart.woocommerce-page a.checkout-button.btn {
  font-size: 16px !important;
  padding: 14px 46px !important;
}

.woocommerce-cart.woocommerce-page .woocommerce-notices-wrapper {
  margin-left: 8px;
}

.woocommerce-cart.woocommerce-page .cart_table {
  padding: 12px 35px 20px 35px !important;
}

.woocommerce-cart.woocommerce-page h3.cart_totals_h {
  padding: 15px 10px !important;
}

.woocommerce-cart.woocommerce-page .shipping_table,
.cart_table {
  padding: 10px 35px !important;
}

.woocommerce-cart.woocommerce-page .cart_total {
  padding-right: 0 !important;
  padding-left: 25px !important;
}

.woocommerce-cart.woocommerce-page .shipping_cart {
  padding-right: 25px !important;
  padding-left: 0 !important;
}

.woocommerce-cart.woocommerce-page .shipping-amount span.woocommerce-Price-amount.amount {
  font-size: 18px !important;
  font-weight: 700 !important;
}

@media only screen and (max-width: 767px) {
  .woocommerce-cart.woocommerce-page .product-thumbnail {
    width: 160px !important;
  }

  #payment_method_purchaseorder {
    margin-top: 0 !important;
  }

  .woocommerce-checkout.woocommerce-page .checkout_billing.text-gray {
    border: 0 !important;
  }
}

@media only screen and (max-width: 390px) {
  .woocommerce-cart.woocommerce-page .product-thumbnail {
    width: 270px !important;
  }
}

@media only screen and (max-width: 567px) {
  .sm__heading {
    font-size: 16px !important;
    display: flex;
    align-items: center;
  }

  .woocommerce-cart.woocommerce-page .product-thumbnail {
    width: 160px !important;
  }

  .woocommerce-cart.woocommerce-page .cart-right-border {
    border: 0 !important;
  }

  .woocommerce-cart .product-quantity {
    font-size: 16px !important;
  }
}

/* cart page redesing  end .woocommerce-cart.woocommerce-page */
.show-pld-order {
  cursor: pointer;
}

.bill-border {
  border-left: 1px solid #ddd;
  margin: 0 !important;
  padding: 15px;
  max-height: unset !important;
}

.bill-border:hover {
  border-left: 1px solid #ddd !important;
}

.woocommerce-account .nav.nav-tabs.my-account--tabs {
  padding-bottom: 0 !important;
}

.my___account.woocommerce-account.woocommerce-page #main .loop-meta.jumbotron div.container {
  height: 54px;
  padding: 0 !important;
  padding-left: 4px !important;
}

.my___account.woocommerce-account.woocommerce-page #main .nav-tabs > li,
.my___account.woocommerce-account.woocommerce-page #main .nav-tabs > li:hover {
  margin: 0 !important;
  margin-right: 5px !important;
}

.my___account.woocommerce-account.woocommerce-page #main .nav.nav-tabs li a {
  padding: 8px 35px;
  margin: 4px 0 0 0 !important;
}

.my___account.woocommerce-account.woocommerce-page #main .nav-tabs > li.active,
.my___account.woocommerce-account.woocommerce-page .nav-tabs > li:hover {
  background-color: transparent !important;
}

a#my-subscriptions-tab:hover {
  background: #009fde;
  color: #fff !important;
}

.my___account.woocommerce-account.woocommerce-page #main .nav.nav-tabs li a:hover {
  background: #009fde !important;
  /* border: 0 !important; */
  border-radius: 0 !important;
  border-color: #009fde !important;
}

.my___account.woocommerce-account.woocommerce-page .nav-tabs .nav-link:focus {
  border: 0 !important;
}

.woocommerce-checkout.woocommerce-page #customer_details {
  padding-top: 0;
}

.woocommerce-checkout.woocommerce-page
  .select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar {
  width: 8px;
}

.woocommerce-checkout.woocommerce-page
  .select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 4px;
}

.woocommerce-checkout.woocommerce-page
  .select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar-thumb:hover {
  background-color: #ddd;
}

.woocommerce-checkout.woocommerce-page
  .select2-container--default
  .select2-results
  > .select2-results__options {
  scrollbar-width: thin;
  scrollbar-color: #ddd #f1f1f1;
}

.woocommerce-checkout.woocommerce-page
  .select2-container--default
  .select2-results
  > .select2-results__options {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.woocommerce-checkout.woocommerce-page span.select2-dropdown.select2-dropdown--above {
  border: 1px solid #ddd !important;
  border-radius: 0 !important;
}

.woocommerce-checkout.woocommerce-page #billing_postcode_field {
  margin-top: 8px !important;
}

.my___account.woocommerce-account.woocommerce-page .nav.nav-tabs.my-account--tabs li a {
  max-height: 44px !important;
}

.woocommerce-cart.woocommerce-page .df-element {
  display: none !important;
}

.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents hr:last-child {
  display: none !important;
}

.woocommerce-cart-form__cart-item.flex-box-wrapper.cart-bottom-border.book.cart_item:first-child {
  border: 0 !important;
}

.woocommerce-cart.woocommerce-page .cart-bottom-border:first-child {
  border: 0 !important;
}

#customer_details h3.billing_detail_lable {
  font-size: 25px !important;
  font-weight: 700 !important;
  border-radius: 0 4px 4px 0;
  font-family: robotobold;
}

.woocommerce-cart.woocommerce-page .cart-bottom-border:first-child {
  border: 0 !important;
  padding-top: 0 !important;
  margin-top: 12px !important;
}

.shipping h3#order_review_heading {
  padding-left: 0 !important;
  font-family: robotobold !important;
  font-size: 22px !important;
}

.order-summary {
  padding-left: 0 !important;
}

.woocommerce-checkout #content {
  padding-top: 65px !important;
}

tr.cart-subtotal td:first-child,
tr.cart-subtotal th:first-child {
  padding-top: 30px !important;
}

.shipping .radio span,
.shipping .radio small {
  color: #989898 !important;
  font-weight: 700 !important;
}

.shipping .radio label {
  color: black !important;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
  font-size: 18px !important;
  font-weight: normal !important;
}

#billing_country_field .checkout_billing span#select2-billing_country-container {
  color: #000;
}

.myaccount-details {
  margin: 8px;
}

.myaccount-details-btn {
  border: none;
  text-transform: capitalize !important;
  margin: 0 !important;
}

/* "Void" buttons are styled to look like plain links/icons (Disconnect, the
   SSP-kit training-video play buttons, mark-all-read, etc.). They never reset
   the browser-default outset border, which only became visible once the My
   Account tabs render as full pages - reset it here, scoped to the account
   area. */
.my___account button.button-link-void {
  border: none;
}

/* AJAX tab loading indicator: while a tab's fragment is being fetched the
   outgoing pane gets .pld-tab-loading - dim it, block interaction, and show a
   centred spinner so the click gives immediate feedback. */
.my___account .tab-content.pld-tab-loading {
  position: relative;
  min-height: 220px;
  pointer-events: none;
}

.my___account .tab-content.pld-tab-loading > * {
  opacity: 0.4;
  transition: opacity 0.15s ease;
}

.my___account .tab-content.pld-tab-loading::after {
  content: '';
  position: absolute;
  top: 80px;
  left: 50%;
  width: 44px;
  height: 44px;
  margin-left: -22px;
  border: 4px solid #d5e7f2;
  border-top-color: #009fde;
  border-radius: 50%;
  animation: pld-tab-spin 0.8s linear infinite;
}

@keyframes pld-tab-spin {
  to {
    transform: rotate(360deg);
  }
}

.myaccount-details a.dropdown-item {
  font-size: 16px !important;
  color: #009ed5 !important;
  font-weight: 600;
  font-family: robotomedium !important;
}

.myaccount-details a.dropdown-item:hover {
  color: #fff !important;
}

.myaccount-details ul.dropdown-menu.show {
  z-index: 1 !important;
  margin-top: 0.4rem !important;
}

.myaccount-details-btn.show img {
  rotate: 90deg !important;
}

.address-details-page address {
  line-height: 2 !important;
  font-size: 16px !important;
}

.address-details-page .page-header h3 {
  font-weight: 700;
  font-size: 22px !important;
}

.account-details-title {
  font-size: 16px;
}

.my_account_orders .nobr {
  font-size: 16px !important;
}

.dowloadable_product_link div {
  font-size: 16px;
}

#user_info__form .save_account_details_btn {
  background-color: #009fde !important;
  text-transform: capitalize !important;
}

.display_name_mesg {
  font-size: 14px;
  color: #494949;
  border-radius: 0 4px 4px 0;
}

.singular-product .summary.entry-summary .var-qty {
  text-align: center;
  padding: 5px 0 5px 14px;
  margin-top: 0 !important;
  width: 50px;
  border: 0 !important;
  border-bottom: 1px solid #ddd !important;
  border-top: 1px solid #ddd !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  font-family: 'Segoe UI', sans-serif !important;
}

.singular-product .summary.entry-summary .var-qty:focus-visible {
  outline: 0 !important;
}

.singular-product .summary.entry-summary .products-width-55 {
  padding-left: 40px !important;
}

.product-description {
  margin-top: 12rem !important;
  border-top: 1px solid #ddd !important;
}

form.cart {
  padding-bottom: 7rem;
}

.woocommerce-product-details__short-description {
  border-top: 1px solid #ddd;
  padding-top: 3rem;
}

.singular-product form.variations_form.cart {
  text-align: left !important;
}

.singular-product .product form.variations_form .quantity {
  display: inline-flex !important;
  margin: -2px 0 0 0 !important;
}

.request-quote-btn {
  margin-left: 8px !important;
}

.variation-image .woocommerce-product-gallery__image {
  width: 60% !important;
}

.variation-image .btn {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .tab-pane-new.tab-pane-book ,.tab-pane-new.tab-pane-ebook {
  display: block !important;
  position: relative;
} */
.tab-pane-school-license .dp-element,
.tab-pane-individual-license .dp-element,
.tab-pane-book .dp-element,
.tab-pane-ebook .dp-element {
  display: none;
}

.tab-pane-book h1.product_title.entry-title,
.tab-pane-ebook h1.product_title.entry-title,
.tab-pane-school-license h1.product_title.entry-title,
.tab-pane-individual-license h1.product_title.entry-title {
  margin-top: -8px;
}

img.full.kit,
img.upgrade.kit,
img.book_bundle,
img.ebook_bundle,
img.school-license_bundle,
img.individual-license_bundle,
img.individual-licence,
img.book,
img.ebook,
img.school-license,
picture.full.kit img,
picture.upgrade.kit img,
picture.book_bundle img,
picture.ebook_bundle img,
picture.school-license_bundle img,
picture.individual-license_bundle img,
picture.book img,
picture.ebook img,
picture.school-license img,
picture.individual-licence img {
  cursor: pointer;
  box-shadow: rgb(99 99 99 / 0.1) 0 0 7px 0 !important;
  background-color: rgba(221, 221, 221, 0.3) !important;
}

/* Product variant tab button styling moved to css/pld-buttons.css. */

.variation-products .input-group.quantity {
  width: auto !important;
}

.variation-products a.add-request-quote-button.button {
  /* padding: 10px 40px 10px 40px; */
  font-size: 16px;
  margin-top: 0 !important;
  background-color: #009bd9 !important;
  font-family: robotomedium !important;
  font-weight: 500;
}

.btn-preview.subscriptionView,
.btn-preview {
  background: transparent;
  margin-left: 0 !important;
  cursor: pointer;
}

.subscriptionView:has(> a),
.btn-preview:has(> a) {
  padding: 0;
}

.btn-preview:not(:has(> *)),
.btn-preview-products:not(:has(> *)) {
  display: none;
}

.btn-preview.subscriptionView a,
.btn-preview a {
  text-decoration: none;
  font-size: 16px !important;
  padding: 0 !important;
  color: #fff;
}

.btn-preview.subscriptionView a:hover,
.btn-preview a:hover,
.btn-preview.subscriptionView button:hover,
.btn-preview button:hover,
.btn-preview.subscriptionView:hover,
.btn-preview:hover,
.btn-preview:hover button,
.btn-preview:hover a,
.btn-preview.subscriptionView:focus-within,
.btn-preview:focus-within,
.btn-preview:focus-within button,
.btn-preview-products:hover,
.btn-preview-products a:hover,
.btn-preview-products:hover a,
.btn-preview-products:focus-within,
button.dear-pdf-preview:hover,
a.dear-pdf-preview:hover {
  background: var(--pld-btn-blue-hover, #136bb4) !important;
  background-color: var(--pld-btn-blue-hover, #136bb4) !important;
  border: 0 !important;
  color: #fff !important;
}

.btn-preview.subscriptionView a img,
.btn-preview a img,
.btn-preview-products a img {
  margin: 0 5px !important;
  width: 12px;
  height: 12px;
  padding: 0 !important;
  vertical-align: baseline;
}

.btn-preview.subscriptionView a:focus,
.btn-preview a:focus {
  outline: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: unset !important;
}

.product-img-thumb-right.woocommerce-product-gallery.woocommerce-product-gallery--with-images.images.images-with-video {
  margin-bottom: 0 !important;
}

figure.woocommerce-product-gallery__wrapper {
  margin: 0 !important;
}

.tab-pane-school-license span.inc-vat-price,
.font-variations .inc-vat-price {
  color: #a6a8a9;
}

.custom-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 34.3%;
  width: 100%;
  transform: translateY(-50%);
  z-index: 10;
  pointer-events: none;
}

.product-type-yith_bundle .custom-nav.d-none,
.product-type-yith_bundle .custom-nav-thmb.d-none {
  display: flex !important;
}

.custom-nav-thmb {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 84%;
  width: 100%;
  transform: translateY(-50%);
  z-index: 10;
  pointer-events: none;
}

.custom-prev:hover,
.custom-next:hover {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.custom-prev,
.custom-next {
  background-color: #a79d9d78 !important;
  color: #fff !important;
  border: none;
  padding: 10px 16px 9px 16px;
  border-radius: 50%;
  cursor: pointer !important;
  pointer-events: all;
  width: 40px;
  height: 40px;
}

.custom-thmb-prev,
.custom-thmb-next {
  border: none;
  padding: 7px 10px;
  cursor: pointer !important;
  pointer-events: all;
  width: 28px;
  height: 28px;
}

.custom-prev {
  left: 6px;
}

.custom-next {
  right: 6px;
}

.woocommerce-product-gallery__image {
  flex: 0 0 auto;
}

.flex-control-thumbs {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.flex-control-thumbs li {
  margin: 0 5px;
}

.flex-control-thumbs .flex-active {
  border: 1px solid #000;
}

.singular-product div.product .woocommerce-product-gallery img {
  padding: 0;
}

.singular-product
  div.product
  .woocommerce-product-gallery
  .flex-control-thumbs
  li.youtube_thumb
  .single-play-btn {
  /* opacity: 1 !important; */
}

.bundle_wrap span.vat-amount.robotoregular.pull-left {
  display: none !important;
}

.bundle_wrap .bundle_price.pull-left.price-wrapper.robotoregular {
  display: none !important;
}

.custom_bundle_price .price ins .woocommerce-Price-amount {
  font-size: 28px !important;
  color: #009bd9 !important;
  font-weight: 600 !important;
}

.tab-pane-book_bundle .subscriptionView,
.tab-pane-ebook_bundle .subscriptionView,
.tab-pane-school-license_bundle .btn-preview {
  padding: 0 !important;
}

.tab-pane-book_bundle h1.product_title,
.tab-pane-ebook_bundle h1.product_title,
.tab-pane-school-license_bundle h1.product_title,
.tab-pane-individual-license_bundle h1.product_title {
  margin-top: -6px !important;
}

.simple-product-details h1.product_title {
  margin-top: 35px !important;
}

.variation-products form.cart {
  padding-bottom: 2rem !important;
}

.bundle_wrap .bundle_button {
  border-bottom: 1px solid #ddd;
  padding: 20px 0 75px 0;
}

.cart.bundle_data.bundle_data_6334 {
  margin-bottom: 35px;
}

form.variations_form.cart {
  margin-bottom: 40px !important;
  padding-bottom: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  display: flex;
  padding: 16px 0 !important;
  width: 325px;
  color: #212529;
  justify-content: center;
  align-items: baseline;
  font-size: 18px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-radius: 0;
  background: #fff;
  border: 1px solid #ccc;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: #009ed5 !important;
  color: #000;
  border-bottom-color: white;
  text-decoration: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  text-decoration: none;
  color: #fff !important;
  font-weight: bold;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:hover {
  text-decoration: none;
  color: #fff !important;
  font-weight: bold;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
  color: #fff !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:hover {
  background: #009ed5 !important;
}

.woocommerce-page .product .variationsform {
  margin: 0;
  padding-bottom: 0 !important;
  margin-bottom: 3rem !important;
}

.desc-container {
  position: relative;
  overflow: hidden;
}

.simple-product-details .desc {
  height: 817px;
  overflow: hidden;
}

.desc-container .read-more,
.desc-container .read-less {
  color: #009bd9 !important;
  float: inline-end;
  cursor: pointer;
  display: block;
  margin-top: 10px;
}

button.btn.full-kit,
button.btn.upgrade-kit,
button.btn.full-bundle,
button.btn.upgrade-bundle,
button.btn.book,
button.btn.ebook,
button.btn.school-license,
button.btn.book_bundle,
button.btn.ebook_bundle,
button.btn.school-license_bundle,
button.btn.individual-license_bundle,
button.btn.individual-licence {
  position: relative;
}

#customer_details h3.billing_detail_lable {
  font-size: 25px !important;
  font-weight: 700 !important;
  font-family: robotobold;
}

.woocommerce-cart.woocommerce-page .cart-bottom-border:first-child {
  border: 0 !important;
  padding-top: 0 !important;
  margin-top: 12px !important;
}

.shipping h3#order_review_heading {
  padding-left: 0 !important;
  font-family: robotobold !important;
  font-size: 22px !important;
}

.order-summary {
  padding-left: 0 !important;
}

.woocommerce-checkout #content {
  padding-top: 65px !important;
}

tr.cart-subtotal td:first-child,
tr.cart-subtotal th:first-child {
  padding-top: 30px !important;
}

.simple-product
  .product-img-thumb-right.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-3.images.images-with-video {
  margin-top: 4rem !important;
}

.shipping .radio span,
.shipping .radio small {
  color: #989898 !important;
  font-weight: 700 !important;
}

.shipping .radio label {
  color: black !important;
  font-weight: 700 !important;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
  font-size: 18px !important;
  font-weight: normal !important;
}

#billing_country_field .checkout_billing span#select2-billing_country-container {
  color: #000;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
  font-size: 18px !important;
  font-weight: normal !important;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
  font-size: 18px !important;
  font-weight: normal !important;
}

.products-width-45 {
  position: -webkit-sticky;
  position: sticky;
  top: 18%;
}

.tab-pane-book_bundle .products-width-45,
.tab-pane-ebook_bundle .products-width-45,
.tab-pane-school-license_bundle
  .products-width-45
  .tab-pane-individual-license_bundle
  .products-width-45 {
  position: -webkit-sticky;
  position: sticky;
  top: 25%;
}

.woocommerce-product-gallery__image a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.products-width-45 .woocommerce-product-gallery__image .absolute {
  width: 75%;
}

.custom-prev img,
.custom-next img,
.custom-thmb-prev img,
.custom-thmb-next img {
  width: 100% !important;
  padding: 0 !important;
}

.products-width-45 .woocommerce-product-gallery__image.youtube-video-thumb {
  display: flex !important;
  justify-content: center;
}

.singular-product
  div.product
  .woocommerce-product-gallery.woocommerce-product-gallery--columns-3
  .flex-control-thumbs
  li {
  width: 22.809524% !important;
}

.tab-pane-new .clear {
  border-bottom: 1px solid #ddd;
}

.tab-pane-new form.cart {
  padding-bottom: 2rem !important;
}

.tab-pane-new .description-pending {
  padding-top: 56px !important;
}

.tab-pane-new .sub-description-pending {
  padding-top: 35px !important;
  font-size: 16px;
}

form.variations_form.cart {
  margin-bottom: 39px !important;
}

.product.container.mt-8 {
  margin-top: 7rem !important;
}

.products-width-45 figure img {
  width: 65% !important;
  padding: 20px !important;
}

/* The rule above was overly broad - it shrinks the WooCommerce product gallery
   image to 65% of its container with 20px padding, leaving a lot of white
   space around it (most visible on SSP Kit product pages where gallery
   images contain teaching content that needs to be readable). Fit each
   gallery image fully inside a fixed-height slide so portrait images aren't
   clipped by .flex-viewport's overflow:hidden, with letterboxing centred
   both ways for non-square aspects. Other figure imgs inside
   .products-width-45 keep the original sizing. */
.products-width-45 .woocommerce-product-gallery__image {
  height: 500px !important;
}

.products-width-45 .woocommerce-product-gallery__image > a,
.products-width-45 .woocommerce-product-gallery__image > a picture {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.products-width-45 .woocommerce-product-gallery figure img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  padding: 0 !important;
}

.product-type-yith_bundle .products-width-45 .woocommerce-product-gallery figure img {
  width: auto !important;
  padding: 0 0 10px !important;
  margin-top: 0;
}

.product-type-yith_bundle button.custom-thmb-prev,
.product-type-yith_bundle button.custom-thmb-next {
  background: #0096da;
}

.product-type-yith_bundle .custom-nav,
.product-type-yith_bundle .custom-nav-thmb {
  width: 96%;
  left: 1rem;
}

.product-type-yith_bundle
  .products-width-45
  .woocommerce-product-gallery__image.youtube-video-thumb
  iframe.video-iframe {
  width: 76% !important;
  height: 354px !important;
  display: block !important;
}

@media (min-width: 1200px) {
  .product-type-yith_bundle
    .flex-viewport
    figure.woocommerce-product-gallery__wrapper
    .woocommerce-product-gallery__image {
    width: 628.65px !important;
  }
}

/* YouTube video slides in the same gallery use a different markup
   (`.absolute > p > a > iframe`). The customizer rule `.absolute p { height:
   100% }` defeats the existing `top:50%; translateY(-50%)` centring trick
   because the p ends up the same height as its parent. Make .absolute a
   flex centring container, drop the absolute positioning on the p, and
   give the iframe a larger explicit size so the video matches the visual
   weight of the image slides. */
.products-width-45 .woocommerce-product-gallery__image.youtube-video-thumb .absolute {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.products-width-45 .woocommerce-product-gallery__image.youtube-video-thumb .absolute p {
  position: static !important;
  transform: none !important;
  height: auto !important;
  width: 100% !important;
  margin: 0 !important;
}

.products-width-45 .woocommerce-product-gallery__image.youtube-video-thumb iframe.video-iframe {
  width: 100% !important;
  height: 460px !important;
  display: block !important;
}

.price-wrapper del span.woocommerce-Price-amount.amount {
  margin-right: 8px;
  font-size: 14px !important;
}

.singular-product .product-type-simple .summary {
  padding-top: 65px !important;
}

.singular-product .product-type-variable .summary,
.singular-product .product-type-bundle .summary {
  padding-top: 45px !important;
}

.cross-sells h2 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 58px;
  margin-top: 80px;
}

form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized {
  padding: 0 !important;
}

.pld-divider.border-bottom {
  margin-top: 15px;
  margin-bottom: 15px;
}

.woocommerce-tabs.wc-tabs-wrapper {
  margin-top: 130px;
  margin-bottom: 10rem;
}

.tab-pane-school-license .bundle_add_to_cart_button {
  /* margin-bottom: 60px; */
  text-transform: uppercase;
  font-family: robotomedium !important;
  margin-left: 14px;
  height: 45px;
}

.d-flex.school-qty {
  margin-bottom: 58px;
}

.tab-pane-school-license .woocommerce-product-details__short-description {
  padding-top: 58px !important;
}

.product-type-subscription .df-popup-button {
  display: none !important;
}

.product.product-type-subscription {
  padding-top: 65px;
}

.woocommerce .cross-sells .price-tag {
  height: 40px;
}

.woocommerce .cross-sells h5.woocommerce-loop-product__title.green-box-title {
  height: 90px;
}

@media (min-width: 993px) {
  .woocommerce .cross-sells ul.products li.product {
    margin: 0 1.8% 1.8% 0 !important;
    width: 23% !important;
  }
}

.myaccount-details {
  margin: 8px;
}

.myaccount-details-btn {
  text-transform: capitalize !important;
  margin: 0 !important;
}

.myaccount-details a.dropdown-item {
  font-size: 16px !important;
  color: #009ed5 !important;
  font-weight: 600;
  font-family: robotomedium !important;
}

.myaccount-details a.dropdown-item:hover {
  color: #fff !important;
}

.myaccount-details ul.dropdown-menu.show {
  z-index: 1 !important;
  margin-top: 0.4rem !important;
}

.myaccount-details-btn.show img {
  rotate: 90deg !important;
}

.address-details-page address {
  line-height: 2 !important;
  font-size: 16px !important;
}

.address-details-page .page-header h3 {
  font-weight: 700;
  font-size: 22px !important;
}

.account-details-title {
  font-size: 16px;
}

.my_account_orders .nobr {
  font-size: 16px !important;
}

.dowloadable_product_link div {
  font-size: 16px;
}

.display_name_mesg {
  font-size: 14px;
  color: #494949;
}

.product-type-simple
  .product-img-thumb-right.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-3.images.images-with-video {
  margin: 0 !important;
}

.glyphicon {
  font-family: 'Glyphicons Halflings' !important;
}

.woocommerce-page a.btn:active {
  background: transparent !important;
  box-shadow: unset !important;
}

p.school-description {
  font-size: 16px;
}

.school-qty .quantity .minus,
.school-qty .quantity .plus {
  background-color: #fafafa !important;
}

.product-type-simple .cart {
  margin-bottom: 4rem;
}

a.request-quote-btn.list-quote-btn.quote-btn-bundle,
a.request-quote-btn.quote-btn-bundle,
a.request-quote-btn.quote-btn-simple,
a.request-quote-btn.list-quote-btn.quote-btn-simple {
  /* line-height: 44px; */
}

/* Deco only - the hover/focus white comes from the pld-buttons.css
   invert; forcing it here with !important also painted white labels
   onto hovered disabled quote buttons. */
.request-quote-btn:active,
.request-quote-btn:focus,
a.request-quote-btn-school:hover,
a.request-quote-btn-school:focus {
  text-decoration: none !important;
}

a.request-quote-btn-school {
  /* color: #fff;
  border-radius: unset;
  border: none;
  padding: 10px 40px 10px 40px;
  font-size: 16px;
  background: #009fde;
  text-transform: uppercase;
  font-family: robotomedium !important;
  height: 45px; */
}

.df-element.dp-element.df-popup-button {
  /* display: none !important; */
}

div#full-kit p,
div#full-kit ul li,
div#upgrade-kit p,
div#upgrade-kit ul li,
div#full-bundle p,
div#full-bundle ul li,
div#upgrade-bundle p,
div#upgrade-bundle ul li {
  font-size: 16px !important;
}

div#full-kit .products-width-55 .clear,
div#upgrade-kit .products-width-55 .clear,
div#full-bundle .products-width-55 .clear,
div#upgrade-bundle .products-width-55 .clear {
  margin-bottom: 39px;
}

.tab-pane-school-license_bundle .price-wrapper.robotoregular,
.tab-pane-individual-license_bundle .price-wrapper.robotoregular {
  display: none !important;
}

.custom_bundle_school_price .subscription-details,
.custom_bundle_individual_price .subscription-details,
.custom_bundle_individual_price .robotoregular,
.custom_bundle_school_price .robotoregular {
  font-size: 14px;
  color: #a6a8a9;
  font-weight: 500;
}

.btn-preview:has(a.dear-pdf-preview),
.btn-preview:has(button.dear-pdf-preview),
.btn-preview:has(a.dear-pdf-preview-active-subsc),
.btn-preview:has(a.dear-pdf-preview-active-invidual) {
  background-color: transparent !important;
}

.btn-preview:has(a.dear-pdf-preview):hover,
.btn-preview:has(button.dear-pdf-preview):hover,
.btn-preview:has(a.dear-pdf-preview-active-subsc):hover,
.btn-preview:has(a.dear-pdf-preview-active-invidual):hover,
.btn-preview:has(a.dear-pdf-preview):focus-within,
.btn-preview:has(button.dear-pdf-preview):focus-within,
.btn-preview:has(a.dear-pdf-preview-active-subsc):focus-within,
.btn-preview:has(a.dear-pdf-preview-active-invidual):focus-within {
  background-color: transparent !important;
}

.btn-preview {
  background: transparent !important;
}

.woocommerce-cart.woocommerce-page .quantity .minus {
  margin: 0;
  background: transparent !important;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #212529 !important;
  height: 45px;
  padding-left: 10px;
}

.woocommerce-cart.woocommerce-page .quantity .plus {
  margin: 0;
  background: transparent !important;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #212529 !important;
  height: 45px;
  padding-right: 10px;
}

.tab-pane-school-license a.request-quote-btn-school {
  margin-left: 8px;
  margin-top: -4px;
}

.term-dropdown span.select2-selection.select2-selection--single {
  padding: 0 !important;
}

.woocommerce-Tabs-panel .price-tag {
  height: 40px !important;
  max-height: 0 !important;
}

.isbn.book_type.ebook {
  display: none;
}

.col-sm-12.col-md-7.col-lg-8.products-width-55.simple-product-details p,
.col-sm-12.col-md-7.col-lg-8.products-width-55.simple-product-details ul li {
  font-size: 16px;
}

.col-sm-12.col-md-7.col-lg-8.products-width-55.simple-product-details h1:first-child {
  margin-top: 30px;
}

p#billing_postcode_field #post-code-message {
  font-size: 14px;
}

#billing_state_field
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow,
#billing_country_field
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 7px !important;
}

#billing_country_field #select2-billing_country-container,
#billing_state_field #select2-billing_state-container {
  font-size: 16px !important;
  color: #000;
  font-family: robotomedium !important;
}

#billing_state_field .select2-container--default .select2-selection--single,
#billing_country_field .select2-container--default .select2-selection--single {
  background-color: #f8f8f8 !important;
  border: 1px solid #eee !important;
  border-radius: 0 !important;
  height: 40px !important;
  padding: 4px !important;
}

.select2-dropdown,
#billing_state_field .select2-dropdown,
#billing_country_field .select2-dropdown {
  z-index: 99 !important;
}

.tab-pane-full-bundle h1.product_title.entry-title,
.tab-pane-full-kit h1.product_title.entry-title,
.tab-pane-upgrade-kit h1.product_title.entry-title {
  margin-top: 3rem !important;
}

@media (min-width: 1200px) {
  .tab-pane-full-bundle .woocommerce-product-gallery__image:last-child a,
  .tab-pane-full-kit .woocommerce-product-gallery__image:last-child a,
  .tab-pane-upgrade-kit .woocommerce-product-gallery__image:last-child a {
    align-items: center;
    height: 460px;
  }

  ul.cat-thumbnail-1,
  ul.cat-thumbnail-2,
  ul.cat-thumbnail-3,
  ul.cat-thumbnail-4 {
    height: 143px !important;
  }

  .product-type-simple .cart {
    margin-bottom: 3rem !important;
  }

  .flex-viewport figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
    width: 565.65px !important;
  }

  .ssp-products.ssp-product-view-hide img {
    min-height: 442px;
    height: auto;
  }

  .woocommerce-add-payment-method .payment_box.payment_method_eway {
    width: 55% !important;
  }

  .filter-stiky {
    position: sticky;
    top: 18%;
  }
}

@media (min-width: 991px) and (max-width: 1199px) {
  .filter-stiky {
    position: sticky;
    top: 18%;
  }

  .font-selection-text {
    font-size: 14.5px !important;
  }

  .font-selection .col-lg-6 {
    width: 58.5% !important;
  }

  .font-selection .col-lg-3 {
    width: 17.5% !important;
  }

  .font-selection-text {
    font-size: 14.5px !important;
  }

  .font-selection .col-lg-6 {
    width: 58.5% !important;
  }

  .font-selection .col-lg-3 {
    width: 17.5% !important;
  }
}

@media (min-width: 991px) and (max-width: 1199px) {
  .font-selection-text {
    font-size: 13.5px !important;
  }

  .font-selection .col-lg-6 {
    width: 65.5% !important;
  }

  .font-selection .col-lg-3 {
    width: 22.5% !important;
  }

  .filter-stiky {
    position: sticky;
    top: 18%;
  }

  img.tooltip-img {
    width: 45px !important;
  }

  .tooltip-custom {
    left: 0 !important;
  }

  .tooltip-custom::before {
    top: 122px !important;
    left: 262px !important;
  }

  ul.cat-thumbnail-1,
  ul.cat-thumbnail-2,
  ul.cat-thumbnail-3,
  ul.cat-thumbnail-4 {
    height: 176px !important;
  }

  .my___account.woocommerce-account.woocommerce-page #main .nav.nav-tabs li a {
    padding: 8px 18px !important;
  }

  .my___account.woocommerce-account.woocommerce-page #main .nav.nav-tabs li a h5 {
    font-size: 16px !important;
    margin-top: 5px;
  }

  .myaccount-details-btn {
    font-size: 16px !important;
  }

  .products-width-45 {
    position: -webkit-sticky;
    position: sticky;
    top: 18%;
  }

  iframe.video-iframe {
    width: 285px;
    height: 260px;
  }

  .products-width-45 .woocommerce-product-gallery__image .absolute {
    min-height: 370px !important;
    height: 233.575px !important;
  }

  a.request-quote-btn.list-quote-btn {
    display: inline-block;
    padding: 0 12px !important;
    margin-left: 0 !important;
    line-height: 45px !important;
    margin-top: 2px;
  }

  a.request-quote-btn.list-quote-btn.quote-btn-bundle {
    display: inline-block;
    padding: 0 12px !important;
    margin-left: 0 !important;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    width: 317px;
    font-size: 14px !important;
  }

  .request-quote-btn {
    padding: 12px 20px 12px 20px !important;
  }

  .singular-product .singular_add_to_cart_button,
  .single_add_to_cart_button,
  .request-quote-btn-school {
    padding: 10px 20px !important;
  }

  .flex-viewport figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
    width: 403.65px !important;
  }

  .singular-product .summary.entry-summary .var-qty {
    padding: 5px 0 5px 0;
    width: 40px;
  }

  .flex-viewport {
    height: 355.662px !important;
  }

  .woocommerce .cross-sells h5.woocommerce-loop-product__title.green-box-title {
    height: 100px !important;
  }

  .product-type-simple .cart {
    margin-bottom: -3rem !important;
  }

  .woocommerce-add-payment-method .payment_box.payment_method_eway {
    width: 70% !important;
  }

  #add_payment_method label.payment_method_eway {
    width: 60% !important;
  }
}

@media (min-width: 767px) and (max-width: 991px) {
  .filter-stiky {
    position: sticky;
    top: 18%;
  }

  .tab-pane-school-license form.variations_form.cart {
    margin-bottom: 39px !important;
  }

  img.tooltip-img {
    width: 45px !important;
  }

  .tooltip-custom {
    left: 0 !important;
  }

  .tooltip-custom::before {
    top: 122px !important;
    left: 264px !important;
  }

  .tab-pane-full-bundle .woocommerce-product-gallery__image:last-child a,
  .tab-pane-full-kit .woocommerce-product-gallery__image:last-child a,
  .tab-pane-upgrade-kit .woocommerce-product-gallery__image:last-child a {
    height: 258px;
  }

  ul.cat-thumbnail-1,
  ul.cat-thumbnail-2,
  ul.cat-thumbnail-3,
  ul.cat-thumbnail-4 {
    height: 218.7px !important;
  }

  .date-key-inline {
    display: inline !important;
  }

  .col-sm-12.col-md-7.col-lg-8.products-width-55.simple-product-details h1:first-child {
    margin-top: 50px !important;
  }

  .my___account.woocommerce-account.woocommerce-page #main .loop-meta.jumbotron div.container {
    height: auto !important;
  }

  .flex-viewport figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
    width: 272.15px !important;
  }

  span.order-status-pending-payment {
    text-wrap: nowrap;
  }

  form.variations_form.cart {
    margin-bottom: 39px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .tab-pane-new .clear {
    padding-top: 56px !important;
  }

  a.request-quote-btn.list-quote-btn.quote-btn-bundle,
  a.request-quote-btn.list-quote-btn {
    display: inline-block;
    padding: 0 12px !important;
    margin-top: 12px;
    margin-left: 10px !important;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    width: 237px;
  }

  .input-group.quantity {
    flex-wrap: nowrap !important;
  }

  .singular-product .summary.entry-summary .var-qty {
    padding: 5px 0 5px 0 !important;
    width: 30px !important;
  }

  .singular-product .singular_add_to_cart_button {
    padding: 10px 15px 10px 15px !important;
  }

  .singular-product .singular_add_to_cart_button,
  .single_add_to_cart_button,
  .request-quote-btn-school {
    padding: 12px 15px !important;
    font-size: 14px !important;
  }

  .request-quote-btn {
    padding: 13px 15px 13px 15px !important;
    font-size: 14px !important;
    line-height: 46px !important;
  }

  .video-iframe {
    height: 163px;
  }

  .products-width-45 .woocommerce-product-gallery__image .absolute {
    min-height: 234px !important;
  }

  .woocommerce-page .product h1:first-child {
    margin-top: -8px;
  }

  .single-play-btn {
    bottom: 23% !important;
  }

  .woocommerce-add-payment-method .payment_box.payment_method_eway {
    width: 85% !important;
  }

  #add_payment_method label.payment_method_eway {
    width: 85% !important;
  }

  #add_payment_method div#payment {
    padding-bottom: 5rem !important;
  }
}

@media (min-width: 700px) and (max-width: 767px) {
  .tab-pane-school-license form.variations_form.cart {
    margin-bottom: 39px !important;
  }

  .variations_form .request-quote-btn-school {
    /* padding: 12px 35px 12px 35px !important; */
  }

  img.tooltip-img {
    width: 45px !important;
  }

  .tooltip-custom {
    left: 0 !important;
  }

  .tooltip-custom::before {
    top: 122px !important;
    left: 206px !important;
  }

  .tab-pane-full-bundle .woocommerce-product-gallery__image:last-child a,
  .tab-pane-full-kit .woocommerce-product-gallery__image:last-child a,
  .tab-pane-upgrade-kit .woocommerce-product-gallery__image:last-child a {
    height: 415px;
  }

  .date-key-inline {
    display: inline !important;
  }

  .my___account.woocommerce-account.woocommerce-page #main .loop-meta.jumbotron div.container {
    height: auto !important;
  }

  .woocommerce-add-payment-method .payment_box.payment_method_eway {
    width: 85% !important;
  }

  #add_payment_method label.payment_method_eway {
    width: 85% !important;
  }

  #add_payment_method div#payment {
    padding-bottom: 5rem !important;
  }

  .tab-pane-new,
  .single-product,
  .tab-pane {
    display: flex;
    flex-direction: column;
  }

  .products-width-55 {
    order: 1;
  }

  .products-width-45 {
    order: 2;
  }

  .tab-pane-new .clear {
    margin-top: 35px;
  }

  .products-tabs img.book,
  .products-tabs img.ebook,
  .products-tabs img.school-license,
  .products-tabs img.kit,
  img.full.kit,
  img.upgrade.kit,
  img.book_bundle,
  img.ebook_bundle,
  img.school-license_bundle,
  img.book,
  img.ebook,
  img.school-license {
    max-width: 75% !important;
  }

  button.btn.book.active,
  button.btn.ebook.active,
  button.btn.full-kit.active,
  button.btn.full-bundle.active,
  button.btn.upgrade-kit.active,
  button.btn.upgrade-bundle.active,
  button.btn.school-license.active,
  button.btn.full-kit,
  button.btn.full-bundle,
  button.btn.upgrade-kit,
  button.btn.upgrade-bundle button.btn.book,
  button.btn.ebook,
  button.btn.school-license,
  button.btn.book_bundle,
  button.btn.ebook_bundle,
  button.btn.school-license_bundle {
    width: 75% !important;
  }

  .singular-product .singular_add_to_cart_button {
    padding: 10px 20px 10px 20px;
  }

  .request-quote-btn {
    padding: 12px 20px 12px 20px;
  }

  .singular-product .summary.entry-summary .var-qty {
    padding: 5px 0 5px 0;
    width: 40px;
  }

  .woocommerce-Tabs-panel ul li .col-xs-12,
  .up-sells ul.products.columns-4 li .col-xs-12,
  .cross-sells ul.products.columns-4 li .col-xs-12 {
    position: unset !important;
    min-height: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: unset !important;
  }

  .woocommerce-Tabs-panel ul li .product-view-link,
  .up-sells ul.products.columns-4 li .product-view-link,
  .cross-sells ul.products.columns-4 li .product-view-link {
    padding: 0 16px 16px 16px;
  }

  .up-sells ul.products.columns-4 li .price-tag,
  .cross-sells ul.products.columns-4 li .price-tag {
    padding: 0 0 0 16px;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs li {
    width: 100%;
  }

  .woocommerce-Tabs-panel ul.products {
    width: 100%;
    margin: 0 auto;
    display: block;
  }

  .up-sells ul.products.columns-4,
  .cross-sells ul.products.columns-4 {
    width: 100%;
    margin: 0 auto;
    display: block;
  }

  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    width: 46%;
    float: left;
  }

  button.single_add_to_cart_button.button.alt {
    padding: 10px 35px 10px 35px;
  }
}

@media (min-width: 600px) and (max-width: 700px) {
  .tab-pane-school-license form.variations_form.cart {
    margin-bottom: 39px !important;
  }

  .tab-pane-full-bundle .woocommerce-product-gallery__image:last-child a,
  .tab-pane-full-kit .woocommerce-product-gallery__image:last-child a,
  .tab-pane-upgrade-kit .woocommerce-product-gallery__image:last-child a,
  .tab-pane-upgrade-bundle .woocommerce-product-gallery__image:last-child a {
    height: 400px;
  }

  .date-key-inline {
    display: inline !important;
  }

  .woocommerce-add-payment-method .payment_box.payment_method_eway {
    width: 100% !important;
  }

  #add_payment_method label.payment_method_eway {
    width: 85% !important;
  }

  #add_payment_method div#payment {
    padding-bottom: 5rem !important;
  }

  .woocommerce-add-payment-method #payment ul.payment_methods li img {
    width: 30px !important;
  }

  a.request-quote-btn.quote-btn-simple {
    padding: 12px 35px 12px 35px;
  }

  button.single_add_to_cart_button.button.alt {
    padding: 10px 35px 10px 35px;
  }

  .singular-product .singular_add_to_cart_button {
    padding: 10px 35px 10px 35px;
  }

  .request-quote-btn {
    padding: 12px 35px 12px 35px;
  }

  .singular-product .summary.entry-summary .var-qty {
    padding: 5px 0 5px 0;
    width: 40px;
  }

  .tab-pane-new,
  .single-product,
  .tab-pane {
    display: flex;
    flex-direction: column;
  }

  .products-width-55 {
    order: 1;
  }

  .products-width-45 {
    order: 2;
  }

  .tab-pane-new .clear {
    margin-top: 35px;
  }

  .products-tabs img.book,
  .products-tabs img.ebook,
  .products-tabs img.school-license,
  .products-tabs img.kit,
  img.full.kit,
  img.upgrade.kit,
  img.book_bundle,
  img.ebook_bundle,
  img.school-license_bundle,
  img.book,
  img.ebook,
  img.school-license {
    max-width: 75% !important;
  }

  button.btn.book.active,
  button.btn.ebook.active,
  button.btn.full-kit.active,
  button.btn.full-bundle.active,
  button.btn.upgrade-kit.active,
  button.btn.upgrade-bundle.active,
  button.btn.school-license.active,
  button.btn.full-kit,
  button.btn.upgrade-kit,
  button.btn.full-bundle,
  button.btn.upgrade-bundle,
  button.btn.book,
  button.btn.ebook,
  button.btn.school-license,
  button.btn.book_bundle,
  button.btn.ebook_bundle,
  button.btn.school-license_bundle {
    width: 75% !important;
  }

  .woocommerce-Tabs-panel ul li .col-xs-12,
  .up-sells ul.products.columns-4 li .col-xs-12,
  .cross-sells ul.products.columns-4 li .col-xs-12 {
    position: unset !important;
    min-height: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: unset !important;
  }

  .woocommerce-Tabs-panel ul li .product-view-link,
  .up-sells ul.products.columns-4 li .product-view-link,
  .cross-sells ul.products.columns-4 li .product-view-link {
    padding: 0 16px 16px 16px;
  }

  .up-sells ul.products.columns-4 li .price-tag,
  .cross-sells ul.products.columns-4 li .price-tag {
    padding: 0 0 0 16px;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs li {
    width: 100%;
  }

  .woocommerce-Tabs-panel ul.products {
    width: 100%;
    margin: 0 auto;
    display: block;
  }

  .up-sells ul.products.columns-4,
  .cross-sells ul.products.columns-4 {
    width: 100%;
    margin: 0 auto;
    display: block;
  }

  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    width: 46%;
    float: left;
  }
}

@media (min-width: 500px) and (max-width: 600px) {
  .tab-pane-school-license form.variations_form.cart {
    margin-bottom: 39px !important;
  }

  img.tooltip-img {
    width: 45px !important;
  }

  .tooltip-custom {
    left: 0 !important;
  }

  .tooltip-custom::before {
    top: 122px !important;
    left: 206px !important;
  }

  .tab-pane-full-kit .woocommerce-product-gallery__image:last-child a,
  .tab-pane-upgrade-kit .woocommerce-product-gallery__image:last-child a {
    align-items: center;
    height: 385px;
  }

  .date-key-inline {
    display: inline !important;
  }

  .woocommerce-add-payment-method .payment_box.payment_method_eway {
    width: 100% !important;
  }

  #add_payment_method label.payment_method_eway {
    width: 90% !important;
  }

  #add_payment_method div#payment {
    padding-bottom: 5rem !important;
  }

  .woocommerce-add-payment-method #payment ul.payment_methods li img {
    width: 30px !important;
  }

  .tab-pane-new,
  .single-product,
  .tab-pane {
    display: flex;
    flex-direction: column;
  }

  .products-width-55 {
    order: 1;
  }

  .products-width-45 {
    order: 2;
  }

  .tab-pane-new .clear {
    margin-top: 35px;
  }

  .singular-product .singular_add_to_cart_button {
    padding: 10px 20px 10px 20px;
  }

  .request-quote-btn {
    padding: 12px 20px 12px 20px;
  }

  .singular-product .summary.entry-summary .var-qty {
    padding: 5px 0 5px 0;
  }

  .products-tabs img.book,
  .products-tabs img.ebook,
  .products-tabs img.school-license,
  .products-tabs img.kit,
  img.full.kit,
  img.upgrade.kit,
  img.book_bundle,
  img.ebook_bundle,
  img.school-license_bundle,
  img.book,
  img.ebook,
  img.school-license {
    max-width: 75% !important;
  }

  button.btn.book.active,
  button.btn.ebook.active,
  button.btn.full-kit.active,
  button.btn.upgrade-kit.active,
  button.btn.full-bundle.active,
  button.btn.upgrade-bundle.active,
  button.btn.school-license.active,
  button.btn.full-kit,
  button.btn.upgrade-kit,
  button.btn.full-bundle,
  button.btn.upgrade-bundle,
  button.btn.book,
  button.btn.ebook,
  button.btn.school-license,
  button.btn.book_bundle,
  button.btn.ebook_bundle,
  button.btn.school-license_bundle {
    width: 75% !important;
  }

  button.single_add_to_cart_button.button.alt {
    padding: 10px 20px 10px 20px;
  }
}

@media (min-width: 400px) and (max-width: 500px) {
  .year-group .bg-white {
    padding: 0 1.5rem !important;
  }

  img.tooltip-img {
    width: 45px !important;
  }

  .tooltip-custom {
    left: 0 !important;
  }

  .tooltip-custom::before {
    top: 122px !important;
    left: 206px !important;
  }

  .tab-pane-full-kit .woocommerce-product-gallery__image:last-child a,
  .tab-pane-upgrade-kit .woocommerce-product-gallery__image:last-child a {
    align-items: center;
    height: 385px;
  }

  .woocommerce-add-payment-method .payment_box.payment_method_eway {
    width: 100% !important;
  }

  #add_payment_method label.payment_method_eway {
    width: 90% !important;
  }

  #add_payment_method div#payment {
    padding-bottom: 5rem !important;
  }

  .woocommerce-add-payment-method #payment ul.payment_methods li img {
    width: 30px !important;
  }

  .input-group.quantity {
    flex-wrap: nowrap !important;
  }

  .d-flex.school-qty {
    display: inline-grid !important;
  }

  .tab-pane-school-license .bundle_add_to_cart_button,
  a.request-quote-btn-school {
    margin-top: 14px !important;
    margin-left: 0 !important;
  }

  form.variations_form.cart {
    margin: 0 !important;
    padding: 0 !important;
  }

  a.request-quote-btn.quote-btn-variable {
    line-height: 40px;
    padding: 11.5px 20px 11.5px 20px;
  }

  .singular-product .singular_add_to_cart_button {
    padding: 10px 20px 10px 20px;
    font-size: 14px;
    margin-top: 0;
  }

  .request-quote-btn {
    line-height: 49px;
    padding: 12px 20px 12px 20px;
    text-wrap: nowrap;
    font-size: 14px;
  }

  .products-width-45 .woocommerce-product-gallery__image .absolute {
    min-height: 309px !important;
    height: 347.625px !important;
  }

  .video-iframe {
    height: 193px;
  }

  .singular-product .summary.entry-summary .var-qty {
    padding: 5px 0 5px 0;
    width: 40px;
  }

  .tab-pane-new,
  .single-product,
  .tab-pane {
    display: flex;
    flex-direction: column;
  }

  .products-width-55 {
    order: 1;
  }

  .products-width-45 {
    order: 2;
  }

  .tab-pane-new .clear {
    margin-top: 35px;
  }

  .woocommerce-Tabs-panel ul li .col-xs-12,
  .up-sells ul.products.columns-4 li .col-xs-12,
  .cross-sells ul.products.columns-4 li .col-xs-12 {
    position: unset !important;
    min-height: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: unset !important;
  }

  .woocommerce-Tabs-panel ul li .product-view-link,
  .up-sells ul.products.columns-4 li .product-view-link,
  .cross-sells ul.products.columns-4 li .product-view-link {
    padding: 0 16px 16px 16px;
  }

  .up-sells ul.products.columns-4 li .price-tag,
  .cross-sells ul.products.columns-4 li .price-tag {
    padding: 0 0 0 16px;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs li {
    width: 100%;
  }

  .woocommerce-Tabs-panel ul.products {
    width: 85%;
    margin: 0 auto;
    display: block;
  }

  .up-sells ul.products.columns-4,
  .cross-sells ul.products.columns-4 {
    width: 85%;
    margin: 0 auto;
    display: block;
  }

  .products-tabs img.book,
  .products-tabs img.ebook,
  .products-tabs img.school-license,
  .products-tabs img.kit,
  img.full.kit,
  img.upgrade.kit,
  img.book_bundle,
  img.ebook_bundle,
  img.school-license_bundle,
  img.book,
  img.ebook,
  img.school-license {
    max-width: 85% !important;
  }

  button.btn.book.active,
  button.btn.ebook.active,
  button.btn.full-kit.active,
  button.btn.upgrade-kit.active,
  button.btn.school-license.active,
  button.btn.full-kit,
  button.btn.upgrade-kit,
  button.btn.book,
  button.btn.ebook,
  button.btn.school-license,
  button.btn.book_bundle,
  button.btn.ebook_bundle,
  button.btn.school-license_bundle {
    width: 85% !important;
  }

  button.single_add_to_cart_button.button.alt {
    padding: 10px 20px 10px 20px;
    font-size: 14px;
  }

  a.request-quote-btn.quote-btn-simple {
    padding: 11.5px 20px 11.5px 20px;
    line-height: 42px;
    font-size: 14px;
  }

  a.request-quote-btn.quote-btn-bundle {
    line-height: 41px !important;
    padding: 11.5px 20px 11.5px 20px;
    text-wrap: nowrap;
    font-size: 14px;
  }

  .single_add_to_cart_button {
    float: unset;
  }

  .simple-product-details form.cart {
    padding-bottom: 3rem !important;
  }
}

@media (min-width: 450px) and (max-width: 475px) {
  .year-group .bg-white {
    padding: 0 1.5rem !important;
  }

  img.tooltip-img {
    width: 45px !important;
  }

  .tooltip-custom {
    left: 0 !important;
  }

  .tooltip-custom::before {
    top: 122px !important;
    left: 206px !important;
  }

  .tab-pane-full-kit .woocommerce-product-gallery__image:last-child a,
  .tab-pane-upgrade-kit .woocommerce-product-gallery__image:last-child a,
  .tab-pane-full-bundle .woocommerce-product-gallery__image:last-child a,
  .tab-pane-upgrade-bundle .woocommerce-product-gallery__image:last-child a {
    align-items: center;
    height: 385px;
  }

  .woocommerce-add-payment-method .payment_box.payment_method_eway {
    width: 100% !important;
  }

  #add_payment_method label.payment_method_eway {
    width: 90% !important;
  }

  #add_payment_method div#payment {
    padding-bottom: 5rem !important;
  }

  .woocommerce-add-payment-method #payment ul.payment_methods li img {
    width: 30px !important;
  }

  button.single_add_to_cart_button.button.alt {
    padding: 10px 20px 10px 20px;
    font-size: 14px;
  }

  a.request-quote-btn.quote-btn-simple {
    line-height: 42px;
    font-size: 14px;
  }

  .single_add_to_cart_button {
    float: unset;
  }

  .request-quote-btn {
    line-height: 43px !important;
    padding: 12px 20px 12px 20px;
    text-wrap: nowrap;
    font-size: 14px;
  }

  .singular-product .singular_add_to_cart_button {
    padding: 11px 20px 11px 20px;
    font-size: 14px;
  }

  .product_cat-starter-packs .single_add_to_cart_button {
    font-size: 14px;
    padding: 12px 20px 12px 20px !important;
  }

  a.request-quote-btn.quote-btn-bundle {
    line-height: 45px !important;
    padding: 13px 20px 13px 20px;
    text-wrap: nowrap;
    font-size: 14px;
  }
}

@media (min-width: 400px) and (max-width: 450px) {
  .category-card p.card-desc {
    height: auto !important;
  }

  img.tooltip-img {
    width: 45px !important;
  }

  .tooltip-custom {
    left: 0 !important;
  }

  .tooltip-custom::before {
    top: 122px !important;
    left: 263px !important;
  }

  .tab-pane-full-kit .woocommerce-product-gallery__image:last-child a,
  .tab-pane-upgrade-kit .woocommerce-product-gallery__image:last-child a,
  .tab-pane-full-bundle .woocommerce-product-gallery__image:last-child a,
  .tab-pane-upgrade-bundle .woocommerce-product-gallery__image:last-child a {
    align-items: center;
    height: 385px;
  }

  /* a.request-quote-btn.list-quote-btn.quote-btn-bundle,a.request-quote-btn.list-quote-btn {
    margin: 12px !important;
    float: left;
    padding: 0px 10px;
    display: block;
  } */
  a.request-quote-btn.quote-btn-bundle {
    padding: 12px 35px 12px 35px;
    margin-left: 0 !important;
    line-height: 20px !important;
  }

  button.single_add_to_cart_button.bundle_add_to_cart_button.button.alt {
    float: unset !important;
    margin: 0 !important;
    margin-bottom: 17px !important;
    margin-top: 17px !important;
  }

  .bundle_wrap .bundle_button {
    display: inline-grid;
    margin: 0 !important;
  }

  .request-quote-btn {
    padding: 12px 35px 12px 35px;
    margin-left: 0 !important;
  }

  a.request-quote-btn.quote-btn-variable {
    line-height: 80px !important;
    padding: 11.5px 35px 11.5px 35px;
  }

  .singular-product .singular_add_to_cart_button {
    margin-left: 0;
    margin-top: 17px;
    padding: 10px 40px 10px 40px;
  }

  .singular-product .product form.variations_form .quantity {
    width: 100%;
  }

  button.singular_add_to_cart_button.button.alt {
    margin-left: 0;
    margin-top: 17px !important;
  }

  .simple-product-details .quantity {
    width: 100%;
  }

  button.single_add_to_cart_button.button.alt {
    padding: 10px 30px 10px 30px;
    font-size: 14px;
    margin-left: 0;
    margin-top: 17px;
    margin-bottom: 15px;
  }

  .variations_form_single a.request-quote-btn-school {
    padding: 10px 25px 10px 25px !important;
    font-size: 14px;
    margin-left: 0;
    margin-top: 11px;
    margin-bottom: 15px;
  }

  a.request-quote-btn.quote-btn-simple {
    padding: 11.5px 30px 11.5px 30px;
    margin-left: 7px !important;
    font-size: 14px;
    line-height: 75px;
  }

  .product-type-simple .cart {
    margin-bottom: 4rem !important;
  }
}

@media (min-width: 375px) and (max-width: 400px) {
  .category-card p.card-desc {
    height: auto !important;
  }

  .year-group .bg-white {
    padding: 0 1.5rem !important;
  }

  .tab-pane-school-license form.variations_form.cart {
    margin-bottom: 39px !important;
  }

  .woocommerce-variation-add-to-cart.variations_button .pull-left {
    width: 100%;
  }

  .woocommerce-variation-add-to-cart.variations_button {
    display: inline-block;
    height: 112px;
  }

  .tab-pane-school-license a.request-quote-btn-school {
    margin-left: 0;
  }

  img.tooltip-img {
    width: 45px !important;
  }

  .tooltip-custom {
    left: 0 !important;
  }

  .tooltip-custom::before {
    top: 145px !important;
    left: 264px !important;
  }

  .tab-pane-full-kit .woocommerce-product-gallery__image:last-child a,
  .tab-pane-upgrade-kit .woocommerce-product-gallery__image:last-child a,
  .tab-pane-full-bundle .woocommerce-product-gallery__image:last-child a,
  .tab-pane-upgrade-bundle .woocommerce-product-gallery__image:last-child a {
    align-items: center;
    height: 385px;
  }

  .woocommerce-add-payment-method .payment_box.payment_method_eway {
    width: 100% !important;
  }

  #add_payment_method label.payment_method_eway {
    width: 90% !important;
  }

  #add_payment_method div#payment {
    padding-bottom: 5rem !important;
  }

  .woocommerce-add-payment-method #payment ul.payment_methods li img {
    width: 30px !important;
  }

  .bundle_wrap .bundle_button {
    display: inline-grid;
    margin: 0 !important;
  }

  /* .request-quote-btn {
    padding: 12px 35px 12px 35px;
    margin-left: 0px !important;
  } */
  a.request-quote-btn.quote-btn-bundle {
    padding: 12px 35px 12px 35px;
    margin-left: 0 !important;
    line-height: 20px !important;
  }

  button.single_add_to_cart_button.bundle_add_to_cart_button.button.alt {
    float: unset !important;
    margin: 0 !important;
    margin-bottom: 17px !important;
    margin-top: 17px !important;
  }

  .shop-layout-archive ul.products li .product-view-link {
    padding-bottom: 16px;
  }

  .shop-layout-archive ul.products li .col-xs-12 {
    position: unset !important;
    min-height: 0;
    padding-left: 10px !important;
    padding-right: 10px !important;
    float: unset !important;
  }

  .flex-viewport figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
    width: 383.65px !important;
  }

  .singular-product div.product .woocommerce-product-gallery .flex-viewport {
    min-height: 337.3px !important;
  }

  /* a.request-quote-btn.list-quote-btn.quote-btn-bundle,a.request-quote-btn.list-quote-btn {
    margin: 12px !important;
    float: left;
    padding: 0px 10px;
    display: block;
  } */
  .woocommerce-Tabs-panel ul li .col-xs-12,
  .up-sells ul.products.columns-4 li .col-xs-12,
  .cross-sells ul.products.columns-4 li .col-xs-12 {
    position: unset !important;
    min-height: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: unset !important;
  }

  .woocommerce-Tabs-panel ul li .product-view-link,
  .up-sells ul.products.columns-4 li .product-view-link,
  .cross-sells ul.products.columns-4 li .product-view-link {
    padding: 0 16px 16px 16px;
  }

  .up-sells ul.products.columns-4 li .price-tag,
  .cross-sells ul.products.columns-4 li .price-tag {
    padding: 0 0 0 16px;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs li {
    width: 100%;
  }

  .woocommerce-Tabs-panel ul.products {
    width: 85%;
    margin: 0 auto;
    display: block;
  }

  .up-sells ul.products.columns-4,
  .cross-sells ul.products.columns-4 {
    width: 85%;
    margin: 0 auto;
    display: block;
  }

  .products-tabs img.book,
  .products-tabs img.ebook,
  .products-tabs img.school-license,
  .products-tabs img.kit,
  img.full.kit,
  img.upgrade.kit,
  .products-tabs img.bundle,
  img.full.bundle,
  img.upgrade.bundle,
  img.book_bundle,
  img.ebook_bundle,
  img.school-license_bundle,
  img.book,
  img.ebook,
  img.school-license {
    max-width: 85% !important;
  }

  button.btn.book.active,
  button.btn.ebook.active,
  button.btn.full-kit.active,
  button.btn.upgrade-kit.active,
  button.btn.full-bundle.active,
  button.btn.upgrade-bundle.active,
  button.btn.school-license.active,
  button.btn.full-kit,
  button.btn.upgrade-kit,
  button.btn.full-bundle,
  button.btn.upgrade-bundle,
  button.btn.book,
  button.btn.ebook,
  button.btn.school-license,
  button.btn.book_bundle,
  button.btn.ebook_bundle,
  button.btn.school-license_bundle {
    width: 85% !important;
  }

  /* .add-to-cart-wrapper-single {
    float: unset;
    display: flex !important;
    justify-content: center !important;
  } */
  .input-group.quantity {
    flex-wrap: nowrap !important;
  }

  .d-flex.school-qty {
    display: inline-grid !important;
  }

  .tab-pane-school-license .bundle_add_to_cart_button,
  a.request-quote-btn-school {
    margin-top: 14px !important;
    margin-left: 0 !important;
  }

  form.variations_form.cart {
    margin: 0 !important;
    padding: 0 !important;
  }

  .request-quote-btn {
    line-height: 49px !important;
    padding: 12px 20px 12px 20px;
    text-wrap: nowrap;
  }

  .products-width-45 .woocommerce-product-gallery__image .absolute {
    min-height: 309px !important;
    height: 347.625px !important;
  }

  .singular-product .product form.variations_form .quantity {
    width: 100%;
  }

  .video-iframe {
    height: 193px;
  }

  .singular-product .summary.entry-summary .var-qty {
    padding: 5px 0 5px 0;
    width: 40px;
  }

  .tab-pane-new,
  .single-product,
  .tab-pane {
    display: flex;
    flex-direction: column;
  }

  .products-width-55 {
    order: 1;
  }

  .products-width-45 {
    order: 2;
  }

  .tab-pane-new .clear {
    margin-top: 35px;
  }

  a.request-quote-btn.quote-btn-variable {
    padding: 12px 35px 12px 35px;
    margin-left: 0 !important;
    margin-top: 17px !important;
    line-height: 80px !important;
  }

  button.singular_add_to_cart_button.button.alt {
    margin-left: 0;
    margin-top: 17px !important;
  }

  .simple-product-details .quantity {
    width: 100%;
  }

  button.single_add_to_cart_button.button.alt {
    margin-left: 0;
    margin-top: 17px;
    margin-bottom: 15px;
  }

  a.request-quote-btn.quote-btn-simple {
    padding: 12px 35px 12px 35px;
    margin-left: 0 !important;
  }

  .product-type-simple .cart {
    margin-bottom: 4rem !important;
  }

  .variations_form_single .woocommerce-variation-add-to-cart.variations_button {
    height: 90px !important;
  }

  .variations_form_single a.request-quote-btn-school.disabled {
    margin-left: 0 !important;
    padding: 12px 25px 12px 25px;
    font-size: 14px;
    text-align: center;
  }
}

@media (min-width: 0) and (max-width: 375px) {
  .custom-nav-blog img {
    width: 14px !important;
    height: 14px !important;
  }

  .blog-buttons {
    flex-direction: column;
  }

  .custom-nav-blog {
    margin-bottom: 2rem;
  }

  .year-group .bg-white {
    padding: 0 1.5rem !important;
  }

  section.promoting.blue {
    padding: 5rem 1rem !important;
  }

  .promoting-content {
    padding: 3rem 0 0 0 !important;
  }

  h2.home-title {
    font-size: 24px !important;
  }

  .category-card p.card-desc {
    height: auto !important;
  }

  .woocommerce-variation-add-to-cart.variations_button {
    display: inline-block;
    height: 112px;
  }

  .variations_form_single .woocommerce-variation-add-to-cart.variations_button {
    height: 70px !important;
  }

  .variations_form_single a.request-quote-btn-school.disabled {
    margin-left: 0 !important;
    padding: 12px 25px 12px 25px;
    font-size: 14px;
    text-align: center;
  }

  .tab-pane-school-license a.request-quote-btn-school {
    margin-left: 0;
  }

  .d-flex.school-qty {
    display: inline-grid !important;
  }

  img.tooltip-img {
    width: 45px !important;
  }

  .tooltip-custom {
    left: 0 !important;
    bottom: 106% !important;
  }

  .tooltip-custom::before {
    top: 146px !important;
    left: 220px !important;
  }

  .tab-pane-full-kit .woocommerce-product-gallery__image:last-child a,
  .tab-pane-upgrade-kit .woocommerce-product-gallery__image:last-child a,
  .tab-pane-full-bundle .woocommerce-product-gallery__image:last-child a,
  .tab-pane-upgrade-bundle .woocommerce-product-gallery__image:last-child a {
    align-items: center;
    height: 255px;
  }

  .woocommerce-add-payment-method .payment_box.payment_method_eway {
    width: 100% !important;
  }

  #add_payment_method label.payment_method_eway {
    width: 90% !important;
  }

  #add_payment_method div#payment {
    padding-bottom: 5rem !important;
  }

  .woocommerce-add-payment-method #payment ul.payment_methods li img {
    width: 30px !important;
  }

  .single_add_to_cart_button {
    margin-left: 0 !important;
  }

  a.request-quote-btn.quote-btn-simple {
    line-height: 80px;
  }

  a.request-quote-btn.quote-btn-bundle {
    padding: 12px 35px 12px 35px;
    margin-left: 0 !important;
    line-height: 20px !important;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs li {
    width: 100%;
  }

  .shop-layout-archive ul.products li .product-view-link {
    padding-bottom: 16px;
  }

  .shop-layout-archive ul.products li .col-xs-12 {
    position: unset !important;
    min-height: 0;
    padding-left: 10px !important;
    padding-right: 10px !important;
    float: unset !important;
  }

  .woocommerce-Tabs-panel ul li .col-xs-12,
  .up-sells ul.products.columns-4 li .col-xs-12,
  .cross-sells ul.products.columns-4 li .col-xs-12 {
    position: unset !important;
    min-height: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: unset !important;
  }

  .up-sells ul.products.columns-4 li .price-tag,
  .cross-sells ul.products.columns-4 li .price-tag {
    padding: 0 0 0 16px;
  }

  .woocommerce-Tabs-panel ul li .product-view-link,
  .up-sells ul.products.columns-4 li .product-view-link,
  .cross-sells ul.products.columns-4 li .product-view-link {
    padding: 0 16px 16px 16px;
  }

  .up-sells ul.products.columns-4 {
    width: 95%;
    margin: 0 auto;
    display: block;
  }

  button.single_add_to_cart_button.bundle_add_to_cart_button.button.alt {
    float: unset !important;
    margin: 0 !important;
    margin-bottom: 17px !important;
  }

  .bundle_wrap .bundle_button {
    display: inline-grid;
    margin: 0 !important;
  }

  .products-tabs img.book,
  .products-tabs img.ebook,
  .products-tabs img.school-license,
  .products-tabs img.kit {
    max-width: 100% !important;
  }

  button.btn.book.active,
  button.btn.ebook.active,
  button.btn.full-kit.active,
  button.btn.upgrade-kit.active,
  button.btn.full-bundle.active,
  button.btn.upgrade-bundle.active,
  button.btn.school-license.active,
  button.btn.full-kit,
  button.btn.upgrade-kit,
  button.btn.full-bundle,
  button.btn.upgrade-bundle,
  button.btn.book,
  button.btn.ebook,
  button.btn.school-license,
  button.btn.book_bundle,
  button.btn.ebook_bundle,
  button.btn.school-license_bundle,
  button.btn.individual-license_bundle {
    width: 100% !important;
  }

  .tab-pane-new,
  .single-product,
  .tab-pane {
    display: flex;
    flex-direction: column;
  }

  .products-width-55 {
    order: 1;
  }

  .products-width-45 {
    order: 2;
  }

  .tab-pane-new .clear {
    margin-top: 35px;
  }

  .products-width-45 .woocommerce-product-gallery__image .absolute {
    min-height: 254px !important;
    height: 228.625px !important;
  }

  .video-iframe {
    height: 163px !important;
  }

  .quantity {
    margin-left: 6rem !important;
    padding-bottom: 1rem;
    width: 100%;
  }

  .singular-product .summary.entry-summary .var-qty {
    padding: 5px 0 5px 0;
  }

  .singular-product .singular_add_to_cart_button {
    margin-left: 0;
  }

  form.variations_form.cart {
    margin-bottom: 39px !important;
    margin: 0 !important;
  }

  .request-quote-btn {
    padding: 12px 35px 12px 35px;
    margin-left: 0 !important;
  }
}

.glyphicon {
  font-family: 'Glyphicons Halflings' !important;
}

.wcbofaddrow {
  width: auto;
}

.btn:focus {
  color: #fff !important;
}

.semi-year-one .df-element.dp-element.df-popup-button,
.semi-year-one .df-element.df-popup-button {
  padding: 12px 0 !important;
}

.woocommerce-account div#post-7 {
  overflow: visible;
}

.woocommerce-payment-methods div#post-7 {
  background-color: white !important;
  padding: 20px;
  font-size: 16px;
  border: 1px solid #ddd;
  margin-bottom: 5rem;
}

.woocommerce-payment-methods table.shop_table > tbody > tr > td,
.woocommerce-payment-methods table > thead > tr > th {
  padding: 16px !important;
}

.woocommerce-payment-methods a.button {
  padding: 6px 14px;
  font-size: 16px !important;
  text-transform: capitalize !important;
  margin: 0 !important;
  border-bottom: 3px solid #007bac;
  font-family: robotomedium !important;
  font-weight: 600;
  background: #009fde;
  color: #fff;
}

#add_payment_method div#payment {
  background: white !important;
  padding: 12px;
  margin-bottom: 5rem;
  border: 1px solid #ddd;
  border-radius: 0 !important;
}

#add_payment_method label.payment_method_eway {
  width: 50%;
  padding-bottom: 10px;
  font-size: 16px;
}

#add_payment_method .payment_box.payment_method_eway {
  background: #f8f8f8 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.woocommerce-add-payment-method #payment div.payment_box .form-row,
.woocommerce-add-payment-method #payment div.payment_box .form-row {
  margin: 0 !important;
  padding: 0 0 0.7em 0 !important;
}

.woocommerce-add-payment-method .payment_method_eway .form-row-first,
.woocommerce-add-payment-method .payment_method_eway .form-row-last {
  width: 100% !important;
}

.woocommerce-add-payment-method #payment div.payment_box::after,
.woocommerce-add-payment-method #payment div.payment_box::after {
  border: 8px solid #f8f8f8 !important;
  top: -4px !important;
  border-right-color: transparent !important;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
}

.woocommerce-add-payment-method h1.loop-title,
.woocommerce-payment-methods h1.loop-title {
  display: none;
}

.woocommerce-add-payment-method .add-payment-card {
  padding: 8px 20px;
  font-size: 16px !important;
  text-transform: capitalize !important;
  margin: 20px 10px !important;
  border: 0;
  border-bottom: 3px solid #007bac;
  font-family: robotomedium !important;
  font-weight: 600;
  background: #009fde;
  color: #fff;
  float: left !important;
}

.woocommerce-add-payment-method .woocommerce-error.eway-error {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
  padding: 12px 20px;
  border-radius: 4px;
  margin-bottom: 10px;
}

.woocommerce-add-payment-method .payment_box.payment_method_eway {
  width: 60%;
}

.woocommerce-payment-methods h2,
.woocommerce-add-payment-method #payment h2 {
  font-size: 28px;
  color: #1a6ab1;
}

.cat-thumbnails ul li {
  align-items: baseline;
}

.woocommerce-add-payment-method #payment ul.payment_methods li img {
  width: 40px;
}

.woocommerce-add-payment-method #content,
.woocommerce-payment-methods #content {
  padding-top: 85px !important;
}

.date-icon-inline,
.date-height-inline {
  display: inline-flex;
  align-items: center;
}

.date-icon-inline h3 {
  text-wrap: nowrap;
  padding-top: 7px;
  padding-left: 10px;
  font-size: 24px;
  font-weight: 700;
}

.date-icon-inline img {
  margin: 0 !important;
  width: 20px;
  box-shadow: unset !important;
}

.date-key-inline {
  display: flex;
  justify-content: space-between;
}

.date-height-inline p {
  font-size: 16px !important;
  color: #000;
  font-weight: 500;
}

p.right-border {
  border-right: 1px solid #ddd;
  padding-right: 20px;
  margin-right: 20px !important;
  margin: 0;
}

.products.top-margin-fix h2 {
  background: #84a835;
  margin: -1px;
  margin-right: 1px;
  margin-left: -1px !important;
  padding: 10px 10px 10px 10px;
  text-shadow: unset;
  border: 0 !important;
  font-size: 22px;
  text-wrap-mode: nowrap;
}

ul.cat-thumbnail-1,
ul.cat-thumbnail-2,
ul.cat-thumbnail-3 {
  padding-top: 12px !important;
}

.singular-post .post.hentry {
  background-color: #fff !important;
  /* padding: 10px 30px !important; */
}

.singular-post .post-white-bg {
  background-color: #fff;
  margin-bottom: 20px;
}

.singular-post .post-decodable-page-footer {
  text-align: center;
  padding: 40px 0;
}

.singular-post .post-decodable-page-footer a {
  background-color: #6a8c1f;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  padding: 8px 30px;
  margin-top: 20px;
  border-bottom: 3px solid #547017;
}

.singular-post .post-entry-byline {
  font-size: 12px;
  color: #fff;
}

.singular-post .post-white-bg .fancy-heading.green {
  padding: 25px 20px !important;
}

a.order_btn,
button.order_btn {
  margin-top: 8px;
  background-color: #009bd9 !important;
  width: 100px !important;
  color: #fff !important;
  border: none;
  border-bottom: 3px solid #005486 !important;
  padding: 8px 20px !important;
  font-size: 16px !important;
}

a.order_btn.active {
  background-color: #009bd9 !important;
  color: #fff !important;
}

.choose-option {
  position: relative;
}

.choose-option h2 {
  font-size: 24px;
  font-weight: 700;
}

.border-option {
  border: 2px solid #eae8e9;
  padding: 20px;
  text-align: center;
  cursor: pointer;
  user-select: none;
}

.border-option h4 {
  font-size: 19px;
  color: #212529;
  text-transform: capitalize;
  font-weight: 700;
}

.border-option p {
  color: #212529;
  font-size: 19px !important;
  text-transform: capitalize;
}

.border-option.active h4 {
  color: #009ed5;
}

.border-option.active p {
  color: #009ed5;
}

.border-option.active {
  border: 2px solid #009ed5;
}

img.img-option {
  width: 100px !important;
  height: 22px !important;
}

/* Disabled paint lives in pld-buttons.css; the !important grey that used
   to sit here would beat it. */
.woocommerce-variation-add-to-cart .single_add_to_cart_button {
  margin: -8px 5px;
  margin-top: -4px;
  margin-left: 10px;
}

.product-type-variable-subscription form.variations_form.cart {
  text-align: left !important;
  /* border-bottom: 1px solid #eee !important; */
}

.product-type-variable-subscription .summary {
  padding-top: 45px !important;
}

.product-type-variable-subscription .products-width-55 p {
  font-size: 16px;
}

.tooltip-img {
  cursor: pointer;
  margin-bottom: 3px !important;
}

.tooltip-custom {
  max-width: 380px;
  border-radius: 8px;
  position: absolute;
  bottom: 130%;
  left: 227px;
}

p.tooltip-title {
  color: #fff;
  padding: 20px;
  font-size: 16px;
}

.tooltip-custom::before {
  content: '';
  position: absolute;
  top: 122px;
  left: 33px;
  width: 0;
  height: 0;
  border-bottom: 12px solid transparent;
  border-left: 12px solid transparent;
  border-top: 12px solid #212529 !important;
  box-shadow: unset !important;
  border-right: 12px solid transparent;
}

.tooltip-main:hover .tooltip-custom {
  display: block !important;
}

.tab-pane-school-license .tooltip-custom::before {
  bottom: 130%;
}

.tab-pane-school-license .tooltip-custom::before {
  top: 122px;
  left: 33px;
}

.variations_form .request-quote-btn-school {
  /* line-height: 3.7rem; */
  /* padding: 12px 40px 12px 40px; */
}

.product-type-variable-subscription .price-wrapper {
  padding: 0 !important;
}

.password-input {
  position: relative;
}

.password-input .show-password-input {
  position: absolute;
  right: 14px;
  top: 49%;
  transform: translateY(-50%);
  cursor: pointer;
  background: transparent !important;
}

.password-input .show-password-input::before {
  /* FontAwesome eye icon */
  content: '\f06e';
  font-family: FontAwesome;
  font-size: 16px;
  color: #626262d6;
}

.password-input .show-password-input.active::before {
  /* FontAwesome eye-slash icon */
  content: '\f070';
}

.variable_cart .woocommerce-variation-add-to-cart .single_add_to_cart_button {
  margin-top: -4px !important;
}

.variable_cart .request-quote-btn-school {
  /* line-height: 3.7rem !important; */
}

.variations_form_single .request-quote-btn-school {
  line-height: 2.4rem;
  padding: 12px 40px 12px 40px;
  margin-left: 10px;
  margin-top: -5px;
}

/* category filter page  */
.filter-btn-text {
  color: #005486;
  font-weight: 700;
  margin-bottom: 2px;
}

.categroyPage p.filter-text,
.no-products,
p.filter_total_count {
  color: #000;
  font-weight: 600;
  font-size: 16px;
}

img.sort-icon {
  width: 16px;
  height: 16px;
  margin-top: -3px !important;
}

.sort-popuper {
  background: #f5f5f5;
  padding: 10px 20px;
  border: 1px solid #ddd;
}

.filter-group h3 {
  background: #009ed5;
  color: #fff;
  padding: 16px 28px 16px 20px;
  user-select: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

ul.filter-grouped li {
  list-style: none;
  padding: 10px 10px 0 0;
  font-size: 16px;
  font-weight: 400;
}

ul.filter-grouped li.active {
  color: #009ed5;
}

ul.filter-grouped li input {
  float: right;
  cursor: pointer;
}

/* #product-filter-container {
  display: flex;
} */
#toggle-filter {
  cursor: pointer;
  user-select: none;
}

ul.filter-grouped {
  padding: 10px 20px;
}

.filters-hidden {
  display: none;
}

.product-lists-box,
#box-shadow {
  border: unset;
  box-shadow: rgb(99 99 99 / 0.1) 0 0 7px 0;
  height: 100%;
}

.product-lists .row.card-footer {
  display: none;
}

/* When the filter is shown */
.filter-visible #filter-panel {
  display: block;
}

p.filter-reset img {
  width: 12px;
  padding-bottom: 3px !important;
}

p.filter-reset {
  color: #009ed5;
  font-weight: 600;
  font-size: 16px;
  margin-left: 15px;
  cursor: pointer;
  user-select: none;
}

p.filter-reset span {
  text-decoration: underline;
}

.product-lists img {
  width: 100%;
}

ul.filter-grouped li label {
  text-wrap: wrap;
  width: 90%;
  font-weight: 400;
}

.greenColor .green_box,
.blueColor .green_box {
  background: rgb(255, 255, 255) !important;
  color: #61952a !important;
}

.products-row.row {
  background: white;
  opacity: 1;
  transition: opacity 0.3s ease;
  position: relative;
}

.loader-overlay {
  background-color: rgba(255, 255, 255, 0.7);
  top: 0;
  left: 0;
  z-index: 1000;
}

#box-shadow .product.product-type-subscription {
  padding-top: 0 !important;
}

.product_cat-school-licences .block-with-title {
  /* height: 53px !important; */
  height: auto;
  max-height: 70px !important;
}

.product_cat-ebooks.product_cat-school-licences .block-with-title {
  height: 60px !important;
}

.product_cat-school-licences .green_box,
.product_cat-bundles .green_box {
  min-height: 88px !important;
}

#product-filter-container img.rotate {
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}

select.sort-popuper:focus-visible {
  outline: none !important;
}

.spinner-border.text-primary-light {
  color: #009ed5 !important;
}

.filter-stiky {
  padding-right: 20px;
}

div#product-filter-container {
  margin-bottom: 10rem;
}

.sorting-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
  left: 0% !important;
  border: 0 !important;
  background: url('images/icon-arrow-down.svg') no-repeat !important;
  height: 20px !important;
  width: 20px !important;
}

.variable_cart .woocommerce-variation-add-to-cart .single_add_to_cart_button {
  margin-top: -4px !important;
}

.variable_cart .request-quote-btn-school {
  /* line-height: 3.7rem !important; */
}

.variations_form_single .request-quote-btn-school {
  line-height: 2.4rem;
  padding: 12px 40px 12px 40px;
  margin-left: 10px;
  margin-top: -5px;
}

.font-selection-text {
  font-size: 14.5px;
  font-weight: 700;
}

/* Click prevention only - disabled paint lives in pld-buttons.css. */
a.request-quote-btn.quote-btn-variable.disabled,
.singular_add_to_cart_button.disabled {
  pointer-events: none;
}

.font-select {
  width: 100%;
  height: 40px !important;
  background: #fff !important;
  padding: 0 15px 0 15px !important;
  border: 1.5px solid #ddd !important;
  border-radius: 0 !important;
}

.woocommerce-checkout p#billing_phone_field {
  display: block !important;
}

.woocommerce-checkout p#billing_email_field {
  margin-bottom: 15px !important;
}

.woocommerce-checkout #billing_company_field {
  margin-top: 0 !important;
}

.col-sm-12.col-md-12.col-lg-9.hidden-xs.hidden-sm.header_menu {
  padding-left: 0;
}

.woocommerce-checkout .woocommerce #payment div.form-row.form-row-last {
  width: 100% !important;
}

#menu-primary ul li.menu-item-has-children a.dropdown-toggle {
  font-size: 13.8pt !important;
  padding: 8px 8px 9px !important;
}

.font-selection-text {
  font-size: 14.5px;
  font-weight: 700;
}

/* Click prevention only - disabled paint lives in pld-buttons.css. */
a.request-quote-btn.quote-btn-variable.disabled,
.singular_add_to_cart_button.disabled {
  pointer-events: none;
}

.font-select {
  width: 100%;
  height: 40px !important;
  background: #fff !important;
  padding: 0 15px 0 15px !important;
  border: 1.5px solid #ddd !important;
  border-radius: 0 !important;
}

div.logo img {
  width: 100% !important;
  height: 100% !important;
}

.homeSlider,
.homeSlider img {
  width: 100% !important;
  height: auto !important;
  max-height: 350px;
}

#header .container {
  width: 1320px;
  max-width: 1320px;
  max-height: 115.5px;
  height: auto;
}

.singular-product picture.alignnone {
  height: auto;
  width: 212px !important;
}

.home-video a {
  width: 100%;
  height: auto;
  max-height: 228px;
}

img.hide-on-hover.img-responsive {
  width: 100%;
  height: auto;
  max-height: 223px;
}

.woocommerce-page .spinner {
  display: none !important;
}

.links_flex {
  align-items: center;
}

div.logo img {
  width: 100% !important;
  height: 100% !important;
}

div.logo img {
  width: 100%;
  height: 100%;
}

.singular-product .woocommerce-product-gallery__wrapper picture.wp-post-image.dear-pdf-book,
.woocommerce-product-gallery__image a picture {
  display: flex;
  justify-content: center;
}

.woocommerce-product-gallery__image a picture {
  width: 100%;
}

.singular-product-208769 .custom-nav-thmb,
.singular-product-208770 .custom-nav-thmb,
.singular-product-209315 .custom-nav-thmb,
.singular-product-210233 .custom-nav-thmb,
.singular-product-209316 .custom-nav-thmb,
.singular-product-210239 .custom-nav-thmb {
  top: 88% !important;
}

.singular-product-208769 .custom-nav,
.singular-product-208770 .custom-nav,
.singular-product-209315 .custom-nav,
.singular-product-210233 .custom-nav,
.singular-product-209316 .custom-nav,
.singular-product-210239 .custom-nav {
  top: 42.3% !important;
}

.homeSlider {
  width: 100%;
  height: auto;
}

picture img {
  width: 100%;
  height: auto;
}

.homeSliderShadow picture img {
  width: 100%;
  object-fit: cover;
  height: auto;
}

.homeSlider.col-sm-12 {
  padding: 0 !important;
}

picture.hide-on-hover.img-responsive {
  margin-left: -1px;
}

.singular-post-150588 .landing-page-main-section article .youtube-thumbnail-page img {
  padding: 0 !important;
  margin: 0 !important;
}

.singular-post-150588 .has-white-color.has-text-color.has-background {
  min-height: 100px !important;
  max-height: 150px;
}

#menu-primary ul li.menu-item-has-children a.dropdown-toggle {
  font-size: 13.8pt !important;
  padding: 8px 8px 9px !important;
}

.woocommerce-checkout .woocommerce #payment div.form-row.form-row-last {
  width: 100% !important;
}

.singular-page-214204 .wp-block-button__link {
  text-align: center !important;
  padding: 10px 15px !important;
  font-size: 18px !important;
  font-weight: 600;
  background-color: #84a834;
  color: #fff;
  width: 230px;
}

.singular-page-213912 ul.wp-block-list {
  margin-left: 4.5rem;
}

.page-template-landing_page_new ul.wp-block-list {
  margin-left: 3rem;
}

.downloadable__products #billing_phone_field,
.downloadable__products #billing_company_field,
.downloadable__products #billing_address_1_field,
.downloadable__products #billing_address_2_field,
.downloadable__products #billing_city_field,
.downloadable__products #billing_state_field,
.downloadable__products #billing_postcode_field,
.downloadable__products #billing_country_field,
.downloadable__products .woocommerce-shipping-fields,
.downloadable__products .woocommerce-additional-fields {
  display: block !important;
}

.product_cat-integrated-ssp-kits h1.product_title.entry-title {
  margin-top: -8px !important;
}

.singular-page-214015 .blue-bg-dark .fancy-heading,
.singular-page-214204 .blue-bg-dark .fancy-heading,
.page-template-landing_page_new .blue-bg-dark .fancy-heading {
  padding: 10px 20px !important;
}

.singular-page-214015 form[data-drip-embedded-form] {
  border: none;
}

.singular-page-101607 ul.wp-block-list {
  margin-left: 4.5rem;
  font-size: 18px;
}

.singular-page-124473 ul.wp-block-list {
  margin-left: 5rem;
  font-size: 18px;
}

.product-type-subscription form.cart {
  margin-bottom: 12rem !important;
}

.tab-pane-full-kit h1.product_title.entry-title,
.tab-pane-upgrade-kit h1.product_title.entry-title,
.tab-pane-full-bundle h1.product_title.entry-title,
.tab-pane-upgrade-bundle h1.product_title.entry-title {
  margin-top: 3rem !important;
}

@media (min-width: 1200px) {
  .tab-pane-full-kit .woocommerce-product-gallery__image:last-child a,
  .tab-pane-upgrade-kit .woocommerce-product-gallery__image:last-child a,
  .tab-pane-full-bundle .woocommerce-product-gallery__image:last-child a,
  .tab-pane-upgrade-bundle .woocommerce-product-gallery__image:last-child a {
    align-items: center;
    height: 460px;
  }
}

.woocommerce-account div#post-7 {
  overflow: visible !important;
}

.wcbofaddrow {
  width: auto;
}

.glyphicon {
  font-family: 'Glyphicons Halflings' !important;
}

.request-quote-btn {
  text-wrap: nowrap;
}

.woocommerce-Tabs-panel .price-tag {
  display: none;
}

@media only screen and (min-width: 768px) {
  .flex-viewport figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
    width: 272.15px !important;
  }

  .singular-product div.product .woocommerce-product-gallery .flex-viewport {
    min-height: 234.937px !important;
  }
}

@media (min-width: 991px) and (max-width: 1199px) {
  .request-quote-btn {
    padding: 12px 20px 12px 20px !important;
  }

  .a.request-quote-btn-school {
    padding: 10px 20px 10px 20px !important;
  }

  .singular-product .singular_add_to_cart_button,
  .single_add_to_cart_button {
    padding: 10px 20px !important;
  }

  .flex-viewport figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
    width: 403.65px !important;
  }

  .singular-product .summary.entry-summary .var-qty {
    padding: 5px 0 5px 0 !important;
    width: 40px !important;
  }

  .flex-viewport {
    height: 355.662px !important;
  }

  .woocommerce .cross-sells h5.woocommerce-loop-product__title.green-box-title {
    height: 100px !important;
  }
}

@media (min-width: 1200px) {
  .flex-viewport figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
    width: 565.65px !important;
  }

  .flex-viewport {
    height: 493.662px !important;
  }
}

.tab-pane-school-license span.inc-vat-price,
.tab-pane-individual-license span.inc-vat-price {
  color: #a6a8a9;
  font-size: 14px;
}

.flex-viewport figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
  width: 565.65px;
}

.absolute .rll-youtube-player img {
  width: 100% !important;
}

.term-dropdown span.select2-selection.select2-selection--single {
  padding: 0 !important;
}

.woocommerce-cart.woocommerce-page .quantity .minus {
  margin: 0;
  background: transparent !important;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #212529 !important;
  height: 45px;
  padding-left: 10px;
}

.woocommerce-cart.woocommerce-page .quantity .plus {
  margin: 0;
  background: transparent !important;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #212529 !important;
  height: 45px;
  padding-right: 10px;
}

form.cart {
  padding-bottom: 0 !important;
}

.singular-product .summary.entry-summary .products-width-55 {
  padding-left: 40px !important;
}

.cart .clear {
  display: none;
}

p.founderQuote {
  margin: 14px 0 0 !important;
}

.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.paragrapgh-align-padding-0 p {
  padding-left: 0 !important;
}

.ginput_container #input_55_18 li label {
  font-weight: normal !important;
}

.download-btn-generic {
  text-transform: uppercase !important;
  font-size: 15px !important;
  padding: 1.5px 12px !important;
}

.singular-product .nav-tabs > li > a {
  text-transform: capitalize;
}

p.blue-box-left.has-medium-font-size {
  background: #0693e3;
  color: white;
  padding: 30px 10px;
}

.order-return-back-btn {
  background-color: #009fde;
  color: #fff;
  padding: 10px 20px;
  border-bottom: 3px solid #005486;
  font-size: 18px;
  font-weight: 700;
}

.order-return-back-btn:hover {
  color: #fff;
}

img.order-return-back {
  box-shadow: unset !important;
  margin: 0 !important;
  width: 32px;
  height: 30px;
}

h1.order-view-title {
  color: #005486;
  font-weight: 700;
}

.woocommerce-view-order h1.loop-title {
  display: none !important;
}

img.order-comp-icon {
  box-shadow: unset !important;
  margin: 0 !important;
  width: 22px;
  height: 22px;
}

.redesign-order-view-page td.woocommerce-table__product-name.product-name {
  color: #005486;
  font-size: 16px;
  font-weight: 400;
}

.redesign-order-view-page th.woocommerce-table__product-name {
  font-size: 16px;
}

.redesign-order-view-page td.woocommerce-table__product-name.product-quantity.quantity_name_recive {
  color: #000;
}

.redesign-order-view-page td.woocommerce-table__product-name {
  font-size: 16px;
}

.woocommerce-view-order .woocommerce-order-details .redesign-order-view-page tfoot tr {
  width: 100% !important;
}

.redesign-order-view-page th.lable_heading_recive {
  font-size: 16px;
  font-weight: 700;
  color: black;
}

th.lable_heading_recive.balance_due,
th.lable_heading_recive.order_total {
  font-family: unset !important;
}

.redesign-order-view-page td.footer-value {
  font-size: 16px;
  font-weight: 400;
  text-align: right;
}

.redesign-order-view-page td.footer-value.order_total,
.redesign-order-view-page td.footer-value.balance_due {
  font-weight: 600;
}

table.redesign-order-view-page > tfoot > tr > td,
table.redesign-order-view-page > tfoot > tr > th {
  padding: 0 20px !important;
}

.woocommerce-column.nopadding address,
.woocommerce-column.nopadding address p,
.woocommerce-column.nopadding address p a {
  font-size: 16px;
}

.woocommerce-column.nopadding address p.woocommerce-customer-details--phone {
  margin: 0;
}

.border-gray {
  border: 1px solid #ddd;
}

.order-px-5 {
  padding: 0 40px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

h3.woocommerce-order-details__title {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.col-sm-12.order_detail_table {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

section.woocommerce-customer-details p a {
  font-size: 16px;
}

section.woocommerce-customer-details.border-with-order {
  border: 1px solid #ddd;
  margin-bottom: 10rem;
}

.woocommerce-view-order .woocommerce-order-details .woocommerce-order-details__title,
.border-gray h2,
.woocommerce-view-order .billing_address_revice.woocommerce-column__title,
.woocommerce-view-order .shipping_address_revice.woocommerce-column__title {
  font-size: 26px !important;
}

.woocommerce-view-order .billing_address_revice.woocommerce-column__title,
.woocommerce-view-order .shipping_address_revice.woocommerce-column__title {
  margin-bottom: 1rem;
}

.woocommerce .col2-set,
.woocommerce-page .col2-set {
  width: 100%;
  float: unset !important;
  border: 0;
  /* padding: 0px 10px; */
}

a.button.change_address,
a.button.subscription_renewal_early {
  border-right: 2px solid #ddd;
  padding-right: 10px;
}

a.button.change_address {
  margin-right: 10px;
}

span.status-completed {
  text-transform: capitalize;
}

a.woocommerce-button.button.view {
  background-color: #009fde;
  color: #fff;
  padding: 5px 15px;
}

.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-md-4.col-sm-12.nopadding {
  float: right;
}

table.shop_table.order_details th.product-name,
table.shop_table.order_details th.product-total {
  font-size: 15px;
  font-weight: 700;
}

table.shop_table.order_details ul.wc-item-meta p,
table.shop_table.order_details td.product-name,
table.shop_table.order_details td.product-total {
  font-size: 15px !important;
}

table.shop_table.order_details ul.wc-item-meta li {
  display: inline-flex;
}

table.shop_table.order_details ul.wc-item-meta p {
  margin-left: 10px;
}

table.shop_table.order_details ul.wc-item-meta {
  padding: 5px 0 0 0;
}

h4.order-success-mesg {
  font-size: 18px;
}

.woocommerce-thank-you section.woocommerce-order-details.thank-you-table,
.woocommerce-thank-you section.woocommerce-order-details.order-view-table,
.woocommerce-thank-you section.woocommerce-order-downloads,
.woocommerce-thank-you
  section.woocommerce-columns.woocommerce-columns--2.woocommerce-columns--addresses.col2-set.addresses.border-gray {
  background: #fff;
  border: 1px solid #ddd;
  margin-top: 3rem;
  padding: 40px;
  font-size: 16px;
}

h3.woocommerce-order-details__title {
  border: 0;
}

.woocommerce-thank-you .col-sm-12.order_detail_table {
  float: unset;
}

.woocommerce-thank-you p.woocommerce-thankyou-order-received {
  color: #000;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
  font-size: 16px;
}

.woocommerce-thank-you .order-px-5,
.woocommerce-thank-you .col-sm-12.order_detail_table {
  padding: 1px !important;
  border: 0;
  background: white;
}

.woocommerce-thank-you section.woocommerce-order-details.order-view-table .border-gray {
  border: 0;
}

.woocommerce-thank-you section.woocommerce-order-details.order-view-table.order-after-rview-table {
  padding: 20px 40px !important;
}

.woocommerce-thank-you h3.purchase_order_recive {
  margin: 0;
  color: #005486;
  font-size: 18px;
  padding: 0;
}

.woocommerce-thank-you .woocommerce-order.woocommerce-thank-you {
  margin-bottom: 3rem;
}

.woocommerce-thank-you .woocommerce-Price-amount bdi {
  font-weight: 500 !important;
}

.woocommerce-thank-you .woocommerce-order-overview__total.total .woocommerce-Price-amount bdi {
  font-weight: 700 !important;
}

p.order-info {
  display: none;
}

.woocommerce-view-order .woocommerce-customer-details {
  background-color: #fff;
  border: 1px solid #ddd;
  margin-bottom: 10rem;
}

h3.purchase_order_recive {
  padding: 20px 40px;
  color: #005486;
  font-weight: 700;
}

.woocommerce-view-order h3.woocommerce-order-details__title {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.woocommerce-order-received section.woocommerce-customer-details {
  background: white;
  padding: 30px 40px;
  border: 1px solid #ddd;
  margin-top: 2rem;
}

@media only screen and (max-width: 767px) {
  .order-return-back-btn {
    font-size: 16px;
    padding: 6px 8px;
  }

  h1.order-view-title {
    font-size: 22px;
  }

  h4.order-success-mesg {
    font-size: 16px;
  }

  .order-px-5 {
    padding: 0 10px;
  }

  .woocommerce-view-order .woocommerce-order-details .woocommerce-order-details__title,
  .woocommerce-view-order .woocommerce-order-details .order-info {
    padding: 10px;
  }

  .woocommerce-order-details .order_detail_table {
    padding: 0 10px !important;
  }

  .woocommerce-thank-you section.woocommerce-order-details.thank-you-table,
  .woocommerce-thank-you section.woocommerce-order-details.order-view-table,
  .woocommerce-thank-you section.woocommerce-order-downloads,
  .woocommerce-thank-you
    section.woocommerce-columns.woocommerce-columns--2.woocommerce-columns--addresses.col2-set.addresses.border-gray {
    padding: 40px 10px;
  }

  .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-md-4.col-sm-12.nopadding {
    float: left;
  }

  div.logo img {
    width: 65% !important;
  }
}

@media only screen and (max-width: 320px) {
  .order-return-back-btn {
    font-size: 14px;
    padding: 6px 8px;
  }

  h1.order-view-title {
    font-size: 18px;
  }

  .woocommerce-view-order .woocommerce-order-details header h2,
  .woocommerce-view-order .billing_address_revice.woocommerce-column__title {
    padding: 40px 10px 0;
  }

  h4.order-success-mesg {
    font-size: 14px;
  }

  .woocommerce-thank-you section.woocommerce-order-details.thank-you-table,
  .woocommerce-thank-you section.woocommerce-order-details.order-view-table,
  .woocommerce-thank-you section.woocommerce-order-downloads,
  .woocommerce-thank-you
    section.woocommerce-columns.woocommerce-columns--2.woocommerce-columns--addresses.col2-set.addresses.border-gray {
    padding: 40px 10px;
  }

  .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-md-4.col-sm-12.nopadding {
    float: left;
  }
}

.woocommerce-view-order td.woocommerce-table__product-name.product-name a,
td.woocommerce-table__product-name.product-name a {
  color: #005486;
}

.woocommerce-column.nopadding address {
  line-height: 1.9;
  color: #000;
}

tr.order_item .product-name a {
  color: #005486;
}

.woocommerce-order-received table.redesign-order-view-page tfoot tr.row-spacer {
  box-shadow: none !important;
  height: 15px;
}

.woocommerce-order-received table.redesign-order-view-page tfoot tr {
  height: 40px;
  width: 100% !important;
  display: inline-table;
  box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0 !important;
}

#tracking-sheet li.gchoice.gchoice_12_15_1.checkbox,
li.gchoice.gchoice_12_18_1.checkbox {
  display: flex;
  align-items: center;
  margin: 2rem;
}

#tracking-sheet select#input_12_16 {
  width: 97.5%;
}

.products-title-size p {
  font-size: 18px !important;
}

.products-title-size figure.wp-block-image.size-full,
.products-title-size figure.wp-block-image.size-large {
  margin-top: 4rem;
}

.singular-page-124473 ul.wp-block-list {
  padding: 0 50px 0 18px;
}

figure.wp-block-image.size-full.w-100 img {
  width: 100%;
}

.ssp-products.ssp-product-view-hide img.two_year {
  min-height: unset !important;
  height: 362px !important;
  width: 100%;
}

tr.coupons.cart-discount td {
  vertical-align: bottom;
  font-size: 16px;
}

.shipping-address-checkbox h3#ship-to-different-address span {
  font-size: 22px !important;
  font-weight: 600;
  position: unset !important;
  font-family: robotobold !important;
}

.shipping-address-checkbox
  .custom-address-wrapper
  p#shipping_country_field
  .woocommerce-input-wrapper {
  padding: 6px 10px;
  height: 40px;
  border: 1px solid #ddd;
}

.shipping-address-checkbox select#shipping_state {
  padding: 3px 10px;
  height: 40px;
  border: 1px solid #ddd;
}

.cat-thumbnails .products.top-margin-fix img {
  margin-left: -1px;
}

.woocommerce-account h1.loop-title {
  color: #005486 !important;
  font-size: 30px;
  margin-top: 65px;
  margin-left: -1rem;
}

.woocommerce-account div#customer_login {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 35px 30px 30px 30px !important;
  margin-bottom: 85px !important;
}

.woocommerce-account form#login-form,
.online_sign_in {
  border: 0 !important;
}

.woocommerce-account h3.login_label {
  font-size: 22px;
  color: #005486;
  margin: 10px auto 28px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
}

.woocommerce-account .online__account__login h3 {
  font-weight: 600;
  font-size: 22px !important;
  color: #005486 !important;
  margin: 0 auto 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  padding-bottom: 10px;
}

.woocommerce-account a.online_login h3 {
  color: #fff !important;
  padding: 14px 26px !important;
  border-bottom: 3px solid #005486 !important;
  text-transform: uppercase;
  font-size: 18px !important;
  margin-top: 6rem;
  background-color: #009fde !important;
  border: 0;
}

#sh-ajax-login-submit,
button.woocommerce-Button.button.save_account_details_btn,
.woocommerce-address-fields button.btn.button {
  padding: 9px 28px !important;
  color: #fff !important;
  border-bottom: 3px solid #005486 !important;
  text-transform: uppercase;
  font-size: 18px !important;
  margin-top: 1rem;
  background-color: #009fde !important;
  border: 0;
  box-shadow: none !important;
}

/* PR #101 converted the login submit from <input> to <button>, which then
   inherited the generic `button{margin:0 10px}` and sat 10px right of the form
   inputs. Zero the left margin so the login button lines up with them - in both
   the SSP modal and the My Account login form. */
#sh-ajax-login-submit {
  margin-left: 0;
}

.woocommerce-account div#customer_login {
  padding: 24px 30px 30px 30px !important;
}

.page-template-resetpassword #main {
  background-color: #f1f2f2 !important;
}

.page-template-resetpassword .password-reset-form h3 {
  font-size: 22px !important;
  color: #005486 !important;
  margin: 0 auto 21px !important;
}

.woocommerce-account form#login-form a {
  font-size: 18px !important;
}

.top_buttom a#btns {
  padding: 14px 88px !important;
  font-weight: 700;
  font-size: 18px !important;
}

.landing-page p {
  font-size: 16px !important;
}

.page-template-landing_page_new #content {
  padding-top: 50px !important;
}

.professional_design ul.wp-block-list {
  margin-left: 0 !important;
}

/* Hide modal by default */
.custom-modal {
  display: none;
  position: absolute;
  padding: 10px;
  overflow: hidden;
  transition:
    height 0.3s ease-in-out,
    opacity 0.3s ease-in-out;
}

.custom-modal-content {
  background: #cb5f1b;
  position: relative;
  color: #fff;
  padding: 0 8px;
  text-align: center;
  min-width: 100% !important;
  padding-top: 1rem;
  transform: scaleY(1);
  transform-origin: bottom;
  transition: transform 0.5s ease-in-out;
}

.close-modal {
  cursor: pointer;
  position: absolute;
  right: 14px;
  top: 5px;
  font-size: 32px;
}

.seminar-card img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.seminar-card h3 {
  padding: 3rem 1.6rem;
  font-weight: 500;
  margin-bottom: 0;
  font-size: 16px !important;
  height: auto;
  max-height: 6rem;
  display: flex;
  align-items: center;
}

.seminar-card .card-footer {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  font-size: 16px !important;
  cursor: pointer;
  border: 0 !important;
  background: #cb5f1b;
}

.custom-modal h5 {
  color: #fff;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 500;
  transition: opacity 0.3s ease-in-out;
}

.custom-modal h5 i {
  font-size: 20px;
}

#dateList {
  display: flex;
  flex-wrap: wrap;
}

#dateList a {
  display: block;
  padding: 3px 6px;
  border-bottom: 2px solid rgba(217, 217, 217, 0.2);
  font-size: 16px;
  text-decoration: underline;
  line-height: 3rem;
  text-underline-offset: 4px;
  text-wrap-mode: nowrap;
}

#dateList.one-column {
  flex-direction: column;
}

#dateList.two-column {
  flex-direction: row;
}

#dateList.two-column a {
  width: 50%;
  display: flex;
  justify-content: space-between;
  /* justify-content: space-between; */
}

#dateList.two-column a {
  width: 48%;
  display: flex;
  justify-content: center;
}

#dateList.one-column a:last-child {
  border: 0;
}

img.seminar-icon {
  width: 20px;
  height: 20px;
}

.professional_design :where(.wp-block-columns.is-layout-flex) {
  gap: 0 !important;
}

.professional_design .white-bg .wp-block-columns {
  padding: 0 15px !important;
}

.professional_design ul.wp-block-list.list-color-green {
  padding: 0 58px 0 58px !important;
}

.category-card img.curve_line {
  width: 35%;
}

.category-card .card-title {
  font-size: 22px;
  font-weight: 700 !important;
  color: #212529 !important;
}

.category-card p.card-desc {
  font-size: 16px;
  font-weight: 400;
  height: 9rem;
  min-height: auto;
  color: #212529 !important;
}

a.card-link {
  display: flex;
  justify-content: space-between;
  padding: 12px 15px;
  font-size: 18px;
  font-weight: 500;
}

a.card-link.orange,
.support-link.orange,
.custom-dropdown-category.orange,
.custom-dropdown.orange {
  background: #d86f2d;
  color: white;
}

a.card-link.purple,
.support-link.purple,
.custom-dropdown-category.purple,
.custom-dropdown.purple {
  background: #4f2e87;
  color: white;
}

a.card-link.yellow,
button.card-link.yellow,
.support-link.yellow,
.custom-dropdown-category.yellow,
.custom-dropdown.yellow {
  background: #f9dd2e !important;
  color: black !important;
}

a.card-link.pink,
.support-link.pink,
.custom-dropdown-category.pink,
.custom-dropdown.pink {
  background: #d15a9c;
  color: white;
}

.support-link.blue,
.promoting.blue,
.custom-dropdown.blue {
  background: #009ed5;
  color: white;
}

.support-link.green {
  background: #8ba945;
  color: white;
}

.card-content {
  padding: 1.5rem;
}

h2.home-title {
  font-size: 34px;
}

#card-shadow {
  box-shadow: 0 4px 12px 0 #0000001a;
}

.support-section a.support-link,
.support-section button.support-link {
  font-size: 17px;
  font-weight: 700;
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.support-section button.support-link:hover {
  text-decoration: none !important;
}

.support-section a.support-link,
.support-section button.support-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  /* Match image height */
  width: 50%;
  text-decoration: none;
}

.support-section .d-flex.align-items-center {
  height: 100%;
}

.support-section img.img-fluid {
  height: 100%;
  object-fit: cover;
}

img.w-45 {
  width: 45% !important;
  margin-left: -2px;
}

a.w-55,
button.w-55 {
  width: 55% !important;
}

section.year-group {
  margin-top: 7rem;
}

.homeSliderShadow {
  margin-top: 5rem;
}

section.promoting.blue {
  padding: 7rem 0;
  margin-top: 6rem;
}

.promoting h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}

.promoting a span.text-center {
  padding-left: 4rem;
}

.promoting-content {
  padding: 0 3.8rem;
}

.promoting p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

.text-ffd865de {
  color: #ffd865de !important;
}

.quick-section a {
  color: #000;
  text-decoration: none;
  padding: 22px 30px;
  border: 1.8px solid #009ed5;
}

.promoting .g-5 {
  --bs-gutter-x: 6rem;
}

.blog-slider-wrapper {
  padding: 20px;
  background: #fff;
}

.blog-slider-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.custom-nav-blog {
  display: flex;
}

.custom-nav-blog button {
  background: #fff !important;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  box-shadow: 0 4px 24px 0 #00000024;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  margin: 0 6px;
}

.custom-nav-blog img {
  width: 18px;
  height: 18px;
}

.custom-nav-blog button:hover {
  background: #0056b3;
}

.blog-item a {
  background: #fff;
  overflow: hidden;
  box-shadow: 0 4px 12px 0 #0000001a;
  text-decoration: none;
}

.blog-slider-header a {
  display: block;
  font-size: 16px;
  font-weight: 500;
}

span.bg-blue-dark {
  background: #2193ba;
  padding: 10px;
}

.blog-thumbnail img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

span.bg-blue-dark img {
  width: 25px !important;
  padding: 0 8px;
}

.blog-content {
  padding: 3rem 2rem;
  height: 255px;
}

.blog-content h3.card-title {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  line-height: 1.3;
  height: 60px;
  min-height: fit-content;
}

.blog-content p {
  font-size: 16px;
  color: #333;
}

#footer-links li,
#footer-glossary li,
#menu-shop-pld-programs li,
.textwidget.custom-html-widget p {
  font-size: 16px !important;
  line-height: 1.7;
}

.promoting a.gap-6 {
  gap: 4rem !important;
}

.subscription-expire-button {
  background-color: red;
  padding: 10px 20px;
  width: 100%;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
}

.subscription-expire-button:hover {
  text-decoration: none;
}

.expired-label {
  position: absolute;
  top: 8px;
  right: -19px;
  background-color: red;
  color: white;
  padding: 4px;
  width: 80px;
  font-size: 10px;
  transform: rotate(45deg);
  text-align: center;
  font-weight: bold;
}

.product-filter .single-subscription-item.subscriptionView,
.main_skill_div.shop-layout-archive .single-subscription-item.subscriptionView {
  padding: 0 10px 12px 10px !important;
  background: white;
  overflow: hidden;
}

#my-subscriptions .product-filter img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail,
#my-subscriptions
  .main_skill_div.shop-layout-archive
  img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail,
#my-subscriptions .product-filter .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail img,
#my-subscriptions
  .main_skill_div.shop-layout-archive
  .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail
  img {
  padding: 0 !important;
}

button.woocommerce-button.button.woocommerce-form-login__submit {
  padding: 9px 28px !important;
  color: #fff !important;
  border-bottom: 3px solid #005486 !important;
  font-size: 18px !important;
  background-color: #009fde !important;
  border: 0;
  box-shadow: none !important;
  margin-left: 0 !important;
}

p.woocommerce-LostPassword.lost_password.clearfix a {
  font-size: 18px;
}

form.woocommerce-form.woocommerce-form-login.login {
  border: 0;
  padding: 0;
  margin: 0;
}

.account__login a {
  font-size: 18px;
}

.alert.alert-danger.woocommerce-error.woocommerce-message li {
  padding: 8px;
  font-size: 14px;
}

.tfa-status-banner {
  display: flex !important;
  align-items: center;
  gap: 0.75rem;
  background: #f0f7fb;
  border-left: 4px solid #009fde;
  padding: 1rem 1.25rem;
  margin: 0 0 1.5rem 0;
  font-size: 18px;
  color: #212529;
}

.tfa-status-banner strong {
  font-weight: 700;
  color: #005486;
}

.tfa-status-enabled {
  display: inline-block;
  background: #28a745;
  color: #fff;
  font-weight: 700;
  padding: 0.25rem 0.875rem;
  border-radius: 999px;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.02em;
}

.tfa-status-disabled {
  display: inline-block;
  background: #6c757d;
  color: #fff;
  font-weight: 700;
  padding: 0.25rem 0.875rem;
  border-radius: 999px;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.02em;
}

.tfa-status-method {
  color: #495057;
  font-size: 16px;
}

/* ============================================================
   My Account, Two-Factor Authentication pane.
   The theme renders this markup itself (see
   woocommerce/myaccount/2fa-account.php); WP 2FA supplies only
   the wizard modal. The rules that used to live here styled the
   plugin's pre-4.0 markup (.wp-2fa-configuration-form,
   table.form-table, and the .tfa-row-* structure our JS built
   from it). None of those classes exist in WP 2FA 4.x, so they
   matched nothing and the plugin's own UI showed through.
   ============================================================ */
.tfa-setup-wrapper {
  margin-top: 4px;
}

.pld-tfa-panel {
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  padding: 22px 24px;
}

.pld-tfa-rows {
  margin: 0 0 20px;
}

.pld-tfa-row {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
  padding: 12px 0;
  border-bottom: 1px solid #eef0f2;
}

.pld-tfa-row:first-child {
  padding-top: 0;
}

.pld-tfa-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.pld-tfa-row__label {
  flex: 0 0 160px;
  margin: 0;
  font-weight: 600;
  color: #4a4a4a;
}

.pld-tfa-row__value {
  margin: 0;
  color: #737373;
}

.pld-tfa-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

@media (max-width: 575px) {
  .pld-tfa-panel {
    padding: 18px 16px;
  }

  .pld-tfa-row__label {
    flex-basis: 100%;
  }

  .pld-tfa-actions .pld-button {
    width: 100%;
  }
}

.wp2fa-modal .modal__close {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 4px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color 0.15s ease !important;
  z-index: 10;
}

.wp2fa-modal .modal__close::before {
  font-size: 26px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: #6c757d !important;
}

.wp2fa-modal .modal__close:hover {
  background: #f1f3f5 !important;
}

.wp2fa-modal .modal__close:hover::before {
  color: #212529 !important;
}

#box-shadow .price-tag {
  height: 40.8px;
}

button.next-btn-blog:hover,
button.prev-btn-blog:hover {
  background: #fff !important;
}

@media (min-width: 0) and (max-width: 373px) {
  .blog-slider-wrapper {
    padding: 15px;
  }

  .blog-slider-header span:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .category-card p.card-desc:empty {
    height: 0;
  }

  .menu-scroll a {
    min-width: 75% !important;
    max-width: 70%;
  }

  section.year-group {
    margin-top: 2rem;
  }

  .support-section a.support-link {
    font-size: 16px;
    font-weight: 700;
  }

  section.promoting.blue {
    padding: 7rem 0;
    margin-top: 3rem;
  }

  .promoting-content {
    padding: 1rem;
  }

  h2.home-title {
    font-size: 26px;
  }

  span.bg-blue-dark img {
    padding: 10px;
    max-width: 82px !important;
    width: 30px !important;
  }
}

@media (min-width: 360px) and (max-width: 373px) {
  .blog-slider-wrapper {
    padding: 15px;
  }

  .blog-slider-header span:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .category-card p.card-desc:empty {
    height: 0;
  }

  .page-template-landing_page_style .white-bg .wp-block-columns {
    padding: 10px 15px 10px 15px !important;
  }

  .page-template-landing_page_style p,
  .page-template-landing_page_style .white-bg p {
    padding: 0 15px 0 !important;
  }

  .menu-scroll a {
    min-width: 75% !important;
    max-width: 70%;
  }

  section.year-group {
    margin-top: 2rem;
  }

  .support-section a.support-link {
    font-size: 16px;
    font-weight: 700;
  }

  section.promoting.blue {
    padding: 7rem 0;
    margin-top: 3rem;
  }

  .promoting-content {
    padding: 1rem;
  }

  h2.home-title {
    font-size: 26px;
  }

  span.bg-blue-dark img {
    padding: 10px;
    max-width: 82px !important;
  }

  h4#h-navigate-to-the-relevant-sections-using-the-tabs-below {
    text-align: center !important;
  }

  .div_spacer {
    height: 5px !important;
  }

  .page-template-landing_page_style .fancy-heading {
    padding-bottom: 20px !important;
  }

  .template-landing_page_style .div_spacer {
    height: 0 !important;
  }
}

@media (min-width: 375px) and (max-width: 410px) {
  .blog-slider-wrapper {
    padding: 15px;
  }

  .blog-slider-header span:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .category-card p.card-desc:empty {
    height: 0;
  }

  .orange-new-style a {
    display: flex !important;
    justify-content: center;
    align-items: center;
  }

  .singular-page-landing_page_style .decodable-page-footer {
    padding: 20px 0 40px !important;
  }

  .page-template-landing_page_style .landing-page-main-section {
    margin-bottom: 20px !important;
  }

  .landing_page_btn {
    font-size: 18px !important;
  }

  .spacer_height {
    height: 20px !important;
  }

  .menu-scroll a {
    min-width: 60% !important;
    max-width: 70%;
  }

  section.year-group {
    margin-top: 2rem;
  }

  .support-section a.support-link {
    font-size: 18px;
    font-weight: 700;
  }

  section.promoting.blue {
    padding: 7rem 0;
    margin-top: 3rem;
  }

  .promoting-content {
    padding: 1rem;
  }

  h2.home-title {
    font-size: 28px;
  }
}

@media (min-width: 410px) and (max-width: 500px) {
  .blog-slider-wrapper {
    padding: 15px;
  }

  .blog-slider-header span:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .category-card p.card-desc:empty {
    height: 0;
  }

  .orange-new-style a {
    display: flex !important;
    justify-content: center;
    align-items: center;
  }

  .singular-page-landing_page_style .decodable-page-footer {
    padding: 20px 0 40px !important;
  }

  .page-template-landing_page_style .landing-page-main-section {
    margin-bottom: 20px !important;
  }

  .landing_page_btn {
    font-size: 18px !important;
  }

  .spacer_height {
    height: 20px !important;
  }

  .menu-scroll a {
    min-width: 50% !important;
    max-width: 70%;
  }

  section.year-group {
    margin-top: 2rem;
  }

  .support-section a.support-link {
    font-size: 18px;
    font-weight: 700;
  }

  section.promoting.blue {
    padding: 7rem 0;
    margin-top: 3rem;
  }

  .promoting-content {
    padding: 1rem;
  }

  h2.home-title {
    font-size: 28px;
  }
}

.custom-dropdown li a {
  font-size: 18px;
  font-weight: 400;
  /* Horizontal padding matches the tile label offset (1rem = 10px here). */
  padding: 1rem !important;
}

.custom-dropdown-category li a {
  font-size: 18px;
  font-weight: 400;
  color: #fff !important;
  text-decoration: none;
  padding: 1rem 1.5rem !important;
  display: block;
}

.custom-dropdown-category.orange li:hover,
.custom-dropdown.orange li a:hover {
  background: #b3541a8a;
}

.custom-dropdown-category.purple li:hover,
.custom-dropdown.purple li a:hover {
  background: #3f2670;
}

.custom-dropdown-category.yellow li:hover,
.custom-dropdown.yellow li a:hover {
  background: #eed32b;
}

.custom-dropdown-category.pink li:hover,
.custom-dropdown.pink li a:hover {
  background: #be508cd6;
}

.custom-dropdown-category.green li:hover,
.custom-dropdown.green li a:hover {
  background: #7b9938fc;
}

.custom-dropdown.blue li a:hover {
  background: #013f66;
}

.custom-dropdown {
  background: rgb(139, 169, 69);
  z-index: 10;
  width: calc(55.6% - 1px);
  left: calc(72.39% + -0.5px);
}

.custom-dropdown-category {
  width: calc(84.6% - -1px);
  /* left: calc(7.39% + 0.5px); */
}

.arrow-icon {
  transition: transform 0.3s ease;
}

.arrow-rotate {
  transform: rotate(90deg);
}

.fancy-heading {
  padding: 0 3rem !important;
  height: 9rem;
  margin: -4px !important;
  display: flex;
  justify-content: left;
  align-items: center;
}

p.p-m-l {
  margin-left: 2.5rem;
}

.support-link picture img {
  margin-left: -1.3px;
}

#landing_pages_style .landing-page-main-section {
  background-image: unset;
  background-position: unset;
  background-repeat: unset;
  background-size: unset;
  padding: 5px 5px 6px 5px;
  border: 18px solid #f3f3f3;
  margin-bottom: 100px;
  position: relative;
}

.page-template-landing_page_style ul.wp-block-list li::before {
  font-family: FontAwesome;
  content: '\f00c';
  position: absolute;
  left: -25px;
  top: 4px;
  z-index: 1;
  display: inline-block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  font-size: 12px;
  padding: 0.5px 2px 0 3.5px;
  color: #fff;
}

.page-template-landing_page_style .white-bg .wp-block-columns {
  padding: 10px 28px 10px 28px;
  margin-bottom: 0 !important;
}

.page-template-landing_page_style p,
.page-template-landing_page_style .white-bg p {
  padding: 0 28px 0;
  line-height: 1.6;
}

.page-template-landing_page_style .wp-block-column-is-layout-flow.wp-card {
  background: #fff;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.07);
  padding: 10px;
}

.page-template-landing_page_style .wp-block-column-is-layout-flow.wp-product-card img {
  padding: 1rem 3rem;
}

.page-template-landing_page_style .wp-block-woocommerce-handpicked-products {
  padding: 0 8px !important;
}

.page-template-landing_page_style .wp-block-button.has-custom-width {
  width: 100% !important;
}

.page-template-landing_page_style .wp-block-buttons a.wp-block-button__link,
.page-template-landing_page_style .wp-block-buttons a.wp-block-button__link:hover {
  text-align: left !important;
  color: #fff;
  font-weight: 600;
}

/* Slim padding keeps a one-line label at the 46px landing height; min-height
   (not height) lets wrapped labels grow the box instead of overflowing it. */
.page-template-landing_page_style .wp-block-buttons a.wp-block-button__link {
  --btn-pad: 12px 16px;

  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  text-align: left;
  font-size: 18px;
  min-height: 46px;
}

.page-template-landing_page_style .register-card .wp-block-buttons a.wp-block-button__link {
  position: relative;
  justify-content: flex-start !important;
}

.page-template-landing_page_style .wp-card .wp-block-buttons a.wp-block-button__link::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url('images/front-tiles/right-arrow-icon.svg') no-repeat center;
  background-size: contain;
  flex-shrink: 0;
}

.page-template-landing_page_style .wp-block-column:empty {
  visibility: hidden;
}

.page-template-landing_page_style .list-color-orange {
  padding: 0 20px 0 52px !important;
}

.page-template-landing_page_style .register-card .wp-block-column-is-layout-flow {
  background-color: #f7f7f7;
  padding: 10px;
}

.page-template-landing_page_style .register-card .wp-block-buttons a.wp-block-button__link::before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: contain;
  flex-shrink: 0;
}

.page-template-landing_page_style .register-card .wp-block-buttons a.wp-block-button__link::after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background-size: contain;
  flex-shrink: 0;
  transform: translateY(-50%);
  position: absolute;
  right: 16px;
  top: 71%;
}

.page-template-landing_page_style .terms-card p {
  color: #fff;
  width: 30%;
  padding: 6px 12px !important;
  text-align: center !important;
  margin: 6px 0 !important;
}

.page-template-landing_page_style .wp-card p:first-child {
  padding: 6px 4px !important;
  font-size: 18px !important;
  text-align: center !important;
}

.page-template-landing_page_style .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.page-template-landing_page_style .wp-block-column-is-layout-flow ul {
  padding: 0 20px 0 26px !important;
}

.page-template-landing_page_style .orange-new-style.sticky_style {
  z-index: 999;
}

.page-template-landing_page_style .orange-new-style.menu-hover {
  z-index: 99 !important;
}

.error-mesg p {
  font-size: 16px;
}

.error-page a {
  font-weight: 600;
  padding: 1.5rem 2.7rem;
}

.ms-8 {
  margin-left: 8rem !important;
}

.woocommerce-account span.onsale.label.label-warning {
  display: none;
}

.individual-view-button a.pdfink-link {
  background-color: #006ab1 !important;
  text-align: center;
  padding: 10px;
  font-size: 16px;
  color: #fff;
  width: 100%;
  display: block;
}

.page-template-landing_page_style ul li ul.wp-block-list li::before {
  background-image: url('images/header-icon/arrow.png');
  width: 16px !important;
  height: 16px !important;
  background-color: #fff !important;
  background-repeat: no-repeat;
}

.page-template-landing_page_style h1.loop-title {
  font-size: 34px;
  max-width: 100% !important;
  text-align: center;
}

.page-template-landing_page_style h4 {
  padding: 0 15px;
}

.page-template-landing_page_style .wp-card ul.wc-block-grid__products {
  padding: 0 !important;
}

.page-template-landing_page_style .has-text-align-center {
  text-align: center !important;
}

.page-template-landing_page_style ul.wp-block-list ul.wp-block-list {
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
}

.page-template-landing_page_style ul.wp-block-list li {
  padding-left: 0.5rem;
  position: relative;
}

.page-template-landing_page_style ul li ul.wp-block-list li {
  padding-left: 0 !important;
}

.page-template-landing_page_style .white-bg p.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.page-template-landing_page_style h2.wp-block-heading {
  padding: 0 28px 0 !important;
  font-size: 22px !important;
  font-weight: 600 !important;
}

.page-template-landing_page_style .landing-page-main-section {
  margin-bottom: 8rem;
}

.page-template-landing_page_style .landing_ul_p {
  font-weight: 600 !important;
}

.page-template-landing_page_style ul.wp-block-list.list-color-orange li {
  padding-bottom: 12px !important;
}

.page-template-landing_page_style ul.wp-block-list.list-color-orange li ul.wp-block-list li {
  padding-bottom: 8px !important;
}

.page-template-landing_page_style
  .wp-block-column-is-layout-flow.wp-card
  ul.wc-block-grid__products {
  margin-bottom: 0;
}

.page-template-landing_page_style
  .wp-block-column-is-layout-flow.wp-card
  ul.wc-block-grid__products
  li {
  border: 0 !important;
}

.page-template-landing_page_style
  .wp-block-column-is-layout-flow.wp-card
  ul.wc-block-grid__products
  li
  .wc-block-grid__product-image
  img {
  padding: 1rem 0;
}

.page-template-landing_page_style
  .wp-block-column-is-layout-flow.wp-card
  ul.wc-block-grid__products
  li
  .wc-block-grid__product-title {
  font-size: 18px;
  font-weight: 600;
  font-family: 'Segoe UI', sans-serif !important;
  text-align: left;
  padding-left: 1rem;
  margin-bottom: 0;
}

.singular-page-106219 .purple_heading {
  display: flex;
}

.cart_shipping_h {
  font-size: 18px;
  font-weight: 700 !important;
  text-transform: capitalize;
}

td.text-right.digital_label_right {
  font-size: 14px;
  font-weight: 600;
  font-family: Arial, Helvetica, sans-serif;
}

th.digital_label_left {
  font-weight: 700;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
}

.btn-preview-products .df-element.dp-element.df-popup-button,
.btn-preview-products .df-element.df-popup-button {
  display: none !important;
}

a.view_subscription_button {
  background-color: #009bd9 !important;
  color: #fff !important;
  text-transform: uppercase !important;
  border-radius: unset;
  border: none;
  padding: 10px 40px 10px 40px;
  font-size: 16px;
  float: left;
  margin-bottom: 2rem;
}

.btn-preview-products {
  background-color: transparent !important;
  margin-bottom: 3rem !important;
  margin-left: 0 !important;
  border-radius: unset;
  border: none;
  padding: 0 !important;
  font-size: 16px;
  color: #fff;
  float: left;
  width: 100%;
  text-align: center;
}

.page-template-landing_page_style .wp-block-column p {
  padding: 0;
}

.page-template-landing_page_style .landing-page-main-section.yellow .fancy-heading,
.page-template-landing_page_style .landing-page-main-section.yellow .terms-card p,
.page-template-landing_page_style
  .landing-page-main-section.yellow
  .wp-block-buttons
  a.wp-block-button__link,
.page-template-landing_page_style
  .landing-page-main-section.yellow
  .wp-block-buttons
  a.wp-block-button__link:hover,
.page-template-landing_page_style .landing-page-main-section.yellow ul.wp-block-list li::before {
  color: #000 !important;
}

.page-template-landing_page_style
  .landing-page-main-section.yellow
  .wp-card
  .wp-block-buttons
  a.wp-block-button__link::after,
.page-template-landing_page_style
  .landing-page-main-section.yellow
  .register-card
  .wp-block-buttons
  a.wp-block-button__link::after {
  background: url('images/front-tiles/right-arrow-icon-black.svg') no-repeat center;
}

.btn-preview-products .df-element.dp-element.df-popup-button,
.btn-preview-products .df-element.df-popup-button {
  display: none !important;
}

section.container.pb-5.quick-section.mt-2 {
  margin-bottom: 25px;
}

.jumbotron.bannerSection {
  margin-top: 2.5rem !important;
}

.product-filter li#individual-licence {
  padding: 0 !important;
}

.product-filter li#individual-licence .df-element.dp-element.df-popup-button,
.product-filter li#individual-licence .df-element.df-popup-button {
  display: block !important;
}

#gform_wrapper_77 .gfield_radio {
  display: flex;
  gap: 1.5rem;
}

#gform_wrapper_77 h2.gform_title {
  margin-bottom: 2rem;
}

#gform_wrapper_77 div#input_77_15 {
  flex-wrap: wrap;
  gap: 0 !important;
}

#gform_wrapper_77 .gchoice.gchoice_77_15_0.radio,
.gchoice.gchoice_77_15_1.radio {
  padding: 20px 20px 0 !important;
}

#gform_wrapper_77 input#input_77_16 {
  border: 1px solid #ddd;
  padding: 10px;
  width: 32%;
  margin-top: 1rem;
}

.display-flex.cart-discount.coupon-pa40freeship div {
  font-size: 18px !important;
  font-weight: 700;
  color: #000 !important;
}

#gform_wrapper_77 label.gfield_label.gform-field-label.control-label {
  font-size: 16px;
}

#gform_wrapper_77 .gfield_radio .gchoice label {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  white-space: nowrap;
}

#gform_wrapper_77 .ginput_container_radio .gfield_radio .radio input[type='radio'] {
  width: 18px;
  height: 18px;
  margin: 0 -25px 0 -25px;
}

#gform_wrapper_77 .ginput_container.ginput_container_radio .gfield_radio .radio {
  padding: 20px;
  margin: 0;
  font-size: 14px;
}

.products-width-45 .df-element.dp-element.df-popup-button,
.products-width-45 .df-element {
  display: block !important;
  visibility: hidden;
  margin-bottom: -3.5rem;
}

.pac-container {
  z-index: 1 !important;
  font-family: 'Segoe UI', sans-serif !important;
  /* box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important; */
}

.pac-container .pac-item {
  padding: 8px 12px !important;
  font-size: 14px !important;
  cursor: pointer !important;
}

.pac-container .pac-item span {
  font-size: 14px !important;
}

.pac-container .pac-item:hover {
  background: #f0f4ff !important;
}

.wfls-block .wfls-block-header .wfls-block-header-content .wfls-block-title,
.wfls-block .wfls-block-footer .wfls-block-footer-content .wfls-block-title {
  font-size: 16px !important;
}

.wfls-btn {
  padding: 1.3rem 2.25rem !important;
  font-size: 16px !important;
}

#wfls-activate-field {
  margin: 0 auto;
  font-size: 24px !important;
  display: block;
  text-align: center;
  width: 25% !important;
  margin-bottom: 4rem;
  margin-top: 4rem;
}

#wfls-recovery-download .dashicons,
#wfls-recovery-new-download .dashicons {
  line-height: 1 !important;
}

div#wfls-management-embedded p,
#wfls-management-embedded ul.wfls-recovery-codes {
  font-size: 16px !important;
}

.wfls-block-content.wfls-padding-add-bottom p {
  margin: 2rem 0;
}

.wfls-modal-title {
  font-size: 16px !important;
}

.pld-glossary {
  padding: 20px;
}

.letter-nav {
  margin: 10px 0;
}

.letter-nav a {
  margin: 0 5px;
  text-decoration: none;
}

.letter-nav a.active {
  color: #009fde;
  font-weight: bold;
}

.letter-nav a.inactive {
  color: gray;
  cursor: default;
}

.glossary-section {
  margin-top: 20px;
}

.glossary-item {
  margin: 10px 0;
  border-bottom: 1px solid #ddd;
  padding: 5px 0;
}

.pld-glossary .letter-lg {
  aspect-ratio: 1 / 1;
  width: 110px;
  max-width: 110px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700 !important;
  font-size: 5rem;
  color: #009fde;
  background: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.07) !important;
  font-style: normal;
}

/* Scoped to the glossary page (body-class.php): .loop-title and
   .entry-title are the site-wide page-title classes, so an unscoped rule
   here repaints the cart, checkout, My Account and shop-archive titles. */
.pld-glossary-page .loop-title,
.pld-glossary-page h1.loop-title,
.pld-glossary-page .entry-title,
.pld-glossary-page h1.entry-title {
  text-align: center !important;
  color: #009fde !important;
}

.pld-glossary .row[id] {
  scroll-margin-top: 175px;
}

/* .has-text-color is deliberately not listed below: Gutenberg adds it
   precisely when an editor has picked a colour, so forcing brand blue over
   it would put that choice out of reach from the editor. */
.pld-glossary h1,
.pld-glossary h2,
.pld-glossary h3,
.pld-glossary h4,
.pld-glossary h5,
.pld-glossary h6,
.pld-glossary .accordion-body h1,
.pld-glossary .accordion-body h2,
.pld-glossary .accordion-body h3,
.pld-glossary .accordion-body h4,
.pld-glossary .accordion-body h5,
.pld-glossary .accordion-body h6,
.pld-glossary .accordion-body strong,
.pld-glossary .accordion-body b {
  color: #009fde !important;
  font-weight: 700 !important;
  font-style: normal;
}

.pld-glossary h2,
.pld-glossary h3,
.pld-glossary h5 {
  font-size: 18px;
}

.pld-glossary span.me-2.mb-2.text-muted,
.pld-glossary .glossary-nav span.text-muted {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 6px 8px !important;
  margin: 0 !important;
  color: #bdbdbd;
  font-weight: 700;
  font-size: 16px;
  cursor: not-allowed;
  font-style: normal;
}

.pld-glossary .glossary-nav a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 6px 8px !important;
  margin: 0 !important;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  color: #009fde;
  font-style: normal;
  text-decoration: none;
}

.pld-glossary .glossary-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  background-color: #fafafa;
  padding: 10px 12px;
  border-radius: 8px;
  gap: 2px;
  overflow-x: auto;
}

/* Twenty-six letters do not fit one row on a phone, and a centred nowrap
   flex row clips at both ends rather than scrolling into view, so let them
   wrap below the tablet breakpoint. */
@media (max-width: 767px) {
  .pld-glossary .glossary-nav {
    flex-wrap: wrap;
    overflow-x: visible;
    row-gap: 4px;
  }
}

.pld-glossary .new-section {
  margin-bottom: calc(1.5rem - 0.75rem) !important;
  padding-bottom: 3rem !important;
}

.pld-glossary .description p {
  font-size: 1.2rem;
  line-height: 1.4;
  display: block;
  padding: 0.75rem;
  font-style: normal;
}

.pld-glossary .description a.text-decoration-none {
  font-size: 18px;
  color: #009fde !important;
  font-weight: 600;
  font-style: normal;
}

.pld-glossary .accordion-header button.accordion-button {
  padding: 12px;
  margin: 0 !important;
  font-size: 18px;
  background: #fff !important;
  color: #009fde !important;
  font-weight: 700 !important;
  font-style: normal;
}

.pld-glossary .accordion-body {
  padding: 2rem;
  line-height: 1.9;
  font-size: 16px;
  font-style: normal;
}

.pld-glossary .accordion-body a {
  line-height: 1.9;
  font-size: 16px;
  color: #009fde !important;
  background: transparent;
  border: 0 !important;
  box-shadow: unset !important;
  font-style: normal;
}

.pld-glossary .accordion-body a:hover {
  border: 0 !important;
  text-decoration: underline;
}

.pld-glossary .search-box {
  width: 100%;
  padding: 12px 110px 12px 20px;
  border: none;
  border-radius: 50px;
  font-size: 15px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.07) !important;
  margin-bottom: 3rem;
  font-style: normal;
}

.pld-glossary .search-container {
  max-width: 600px;
  margin: 0 auto;
  position: relative;
}

.pld-glossary .search-btn {
  position: absolute;
  right: 5px;
  top: 4px;
  /* Was var(--pld-secondary), which is defined nowhere in the theme: it
     resolved to transparent, leaving white button text on the white
     search box and no visible Search button at all. */
  background: #009fde;
  border: none;
  color: white;
  padding: 8px 20px;
  border-radius: 50px;
  cursor: pointer;
  font-weight: 500;
  font-style: normal;
}

.pld-glossary .accordion-item {
  margin-bottom: 3rem !important;
  border-radius: 12px;
  padding: 12px;
}

.pld-glossary .accordion-item {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
}

.pld-glossary .accordion-button:focus {
  z-index: 0 !important;
  border-color: unset !important;
  outline: 0;
}

.pld-glossary .pld-search-clear-input {
  position: absolute;
  right: 100px;
  top: 6px;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  color: #888;
  cursor: pointer;
  padding: 0;
  z-index: 2;
}

.pld-glossary .pld-search-clear-input:hover {
  color: #222;
}

mark.pld-search-highlight {
  background-color: #fff3bf;
  color: #212529;
  padding: 1px 3px;
  border-radius: 3px;
}

.pld-glossary .pld-letter-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  font-size: 13px;
  font-weight: 700;
  color: #009fde;
  background-color: #e6f6fc;
  border: 1px solid #bfe8f7;
  border-radius: 6px;
  vertical-align: middle;
  margin-right: 10px;
}

.pld-glossary .pld-glossary-search-summary {
  font-size: 16px;
  color: #495057;
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 12px;
}

.pld-glossary .pld-glossary-results-group-title {
  font-size: 18px;
  font-weight: 700;
  color: #009fde;
  margin-bottom: 16px;
}

.pld-glossary .pld-glossary-clear-btn {
  font-weight: 600;
  cursor: pointer;
}

span.ribben_discounted {
  position: absolute;
  top: 14px;
  right: -35px;
  width: 127px;
  background-color: red;
  color: #fff;
  padding: 4px 0;
  font-weight: bold;
  font-size: 12px;
  transform: rotate(45deg);
  text-align: center;
}

span.ribben_discounted_loop {
  position: absolute;
  top: 12px;
  right: -40px;
  width: 127px;
  background-color: red;
  color: #fff;
  padding: 3px 0;
  font-weight: bold;
  font-size: 10px;
  transform: rotate(45deg);
  text-align: center;
}

.tab-pane-book_bundle .products-width-45,
.product-lists #box-shadow {
  overflow: hidden;
  padding: 0 !important;
}

.category-card {
  position: relative;
}

.category-card .card-top-link {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: block;
}

.category-card .custom-dropdown-category,
.category-card .custom-dropdown-category * {
  position: relative;
  z-index: 10;
  pointer-events: auto;
}

.category-card .custom-dropdown-category:hover ~ .card-top-link,
.category-card:hover .custom-dropdown-category:hover ~ .card-top-link {
  pointer-events: none;
}

.category-card .card-link {
  position: relative;
  z-index: 10;
}

.woocommerce-checkout.woocommerce-page .cart-subtotal .tax_label {
  font-size: 12px !important;
}

tr.cart-subtotal.recurring-total th,
td.text-right.shipping_price_checkout small {
  padding-top: 16px !important;
}

tr#recurring-total th {
  padding-top: 0 !important;
  vertical-align: sub;
}

.woocommerce-product-gallery__image.youtube-video-thumb.pld_youtube_id_popup {
  align-items: center;
  height: 500px;
}

a.woocommerce-product-gallery__image.youtube-video-thumb.pld_youtube_id_popup.flex-active-slide
  img {
  width: 88% !important;
}

.custom-dd {
  width: 100%;
}

.custom-dd .custom-dropdown-category {
  display: none;
  position: absolute;
  width: 100%;
  background: #84a835;
  z-index: 994;
  padding: 6px 0 !important;
}

.page-template-landing_page_style .wp-block-column-is-layout-flow ul.custom-dropdown-category {
  padding: 6px 0 !important;
}

/* dFlip buttons full width + link style */
.custom-dd .custom-dropdown-category ._df_button,
.custom-dd .custom-dropdown-category button {
  width: 100% !important;
  background: transparent !important;
  color: #fff !important;
  border: none !important;
  text-align: left !important;
  padding: 8px 12px !important;
}

.custom-dd .custom-dropdown-category button:hover {
  background: rgba(255, 255, 255, 0.15);
}

button.btn.btn-primary.w-100.custom-dd-btn {
  margin: auto;
  background: #84a835 !important;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-right: 16px;
  text-align: left;
  font-size: 16px !important;
  height: 46px;
  text-transform: capitalize !important;
}

button.btn.btn-primary.w-100.custom-dd-btn::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 11px;
  background-image: url('images/arrow-left-icon.svg');
  background-size: cover;
  margin-left: 4px;
  transition: transform 0.3s ease;
  transform: rotate(0deg);
}

.custom-dd.w-100.position-relative ul li:hover {
  background-color: #7b9938fc;
}

.custom-dd .df-element::after {
  background: unset;
}

button.btn.btn-primary.w-100.custom-dd-btn.active::after {
  transform: rotate(90deg);
}

.custom-dd.w-100.position-relative ul li a {
  font-size: 16px !important;
}

.margin-top.display-flex-printable.border h5 {
  font-size: 22px !important;
}

.margin-top.display-flex-printable.border {
  justify-content: center !important;
  border: 1px solid #ddd !important;
}

.payment_method_purchaseorder.lable_position:hover .tooltip-custom {
  display: block !important;
}

.payment_method_purchaseorder .tooltip-custom {
  position: absolute;
  bottom: 130% !important;
  right: 105px !important;
  width: 47rem !important;
  left: -310px !important;
}

.payment_method_purchaseorder .tooltip-custom::before {
  top: 92px !important;
  left: 308px !important;
}

.payment_method_purchaseorder .tooltip-custom p {
  font-size: 15px !important;
}

@media (min-width: 0) and (max-width: 500px) {
  div#input_79_1 {
    display: inline-block !important;
  }

  div#input_79_1 span.name_last.gform-grid-col.gform-grid-col--size-auto,
  div#input_79_1 span.name_first.gform-grid-col.gform-grid-col--size-auto,
  .gform_wrapper .ginput_complex .ginput_left,
  .gform_wrapper .ginput_complex .ginput_right,
  .gform_wrapper .ginput_complex .ginput_left,
  .gform_wrapper .ginput_complex .ginput_right,
  .gform_wrapper .ginput_complex .ginput_left,
  .gform_wrapper .ginput_complex .ginput_right {
    width: 100% !important;
    padding: 0 !important;
  }

  div#gform_page_79_1 .gform-page-footer.gform_page_footer.top_label input,
  input#gform_next_button_79_20 {
    width: 35% !important;
  }

  div#input_79_1 span.name_last.gform-grid-col.gform-grid-col--size-auto {
    padding-left: 10px !important;
  }

  div#input_79_1 span#input_79_21_4_container,
  div#input_79_1 span#input_79_21_6_container {
    padding-left: 0 !important;
  }

  #input_79_2_1_container {
    padding-right: 0 !important;
  }

  #input_79_2_2_container {
    padding-left: 0 !important;
  }

  #gform_previous_button_79_20 {
    width: 36% !important;
  }

  #gform_submit_button_79 {
    width: 70% !important;
  }

  #gform_previous_button_79 {
    width: 29% !important;
  }

  div#input_79_3 {
    display: block;
  }

  .gfield_list_group.gform-grid-row {
    display: flex !important;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 2rem;
  }

  .gfield_list_group_item {
    flex: 1 1 100%;
    max-width: 100%;
    position: relative;
    padding-top: 22px;
  }

  .gfield_list_group_item::before {
    content: attr(data-label);
    position: absolute;
    top: 0;
    left: 0;
  }

  .gfield_list_icons {
    flex: 1 1 100%;
    display: flex;
    gap: 8px;
  }

  .gfield_list_header {
    display: none !important;
  }

  .gform_wrapper.gravity-theme .gfield_list_group,
  .gform_wrapper.gravity-theme .gfield_list_header {
    flex-wrap: wrap !important;
  }
}

p#fallback-math p.error__message,
p#fallback-math p.correct__message {
  font-size: 16px !important;
  margin-left: 0;
  position: absolute;
  top: 52%;
  left: 13%;
}

/* New SSP Kit UI - Year 2 Redesign - CONSOLIDATED & REFINED */
.two-year-ui .main-title .ssp-title {
  color: #1e70b8;
  /* Slightly larger for main title */
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 1.5px;
}

.my___account.woocommerce-account.woocommerce-page #main div.container.ssp-view-container-section {
  background-color: transparent !important;
}

.section-container.programs-section,
.section-container.catchup-section,
.training-videos-section-ssp {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 20px;
}

.two-year-ui .section-container.programs-section,
.two-year-ui .section-container.catchup-section {
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.video-card .video-card .play-button {
  width: 50px !important;
  height: 50px !important;
}

/* Scrollbar styling (Chrome, Edge, Safari). Setting an explicit width on
   ::-webkit-scrollbar forces a "classic" always-reserved scrollbar instead
   of an auto-hiding overlay one on platforms that default to overlay
   scrollbars (e.g. macOS Chrome/Edge). A visible track + darker thumb make
   it noticeable without hovering, addressing "can't find the scrollbar"
   support requests. */
.section-container.programs-section::-webkit-scrollbar,
.section-container.catchup-section::-webkit-scrollbar,
.training-videos-section-ssp::-webkit-scrollbar {
  width: 8px;
}

.section-container.programs-section::-webkit-scrollbar-track,
.section-container.catchup-section::-webkit-scrollbar-track,
.training-videos-section-ssp::-webkit-scrollbar-track {
  /* visible track so the scroll affordance reads even before the thumb stands out */
  background-color: #f1f1f1;
}

.section-container.programs-section::-webkit-scrollbar-thumb,
.section-container.catchup-section::-webkit-scrollbar-thumb,
.training-videos-section-ssp::-webkit-scrollbar-thumb {
  /* thumb color */
  background-color: hsla(0, 0%, 0%, 0.35);
  border-radius: 10px;
}

.section-container.programs-section::-webkit-scrollbar-thumb:hover,
.section-container.catchup-section::-webkit-scrollbar-thumb:hover,
.training-videos-section-ssp::-webkit-scrollbar-thumb:hover {
  /* hover color */
  background-color: hsla(0, 0%, 0%, 0.5);
}

/* Scrollbar styling (Firefox, and Chromium 121+ which also supports the
   standard scrollbar-width/scrollbar-color properties). */
.section-container.programs-section,
.section-container.catchup-section,
.training-videos-section-ssp {
  /* small width */
  scrollbar-width: thin;
  /* thumb + track */
  scrollbar-color: hsla(0, 0%, 0%, 0.35) #f1f1f1;
}

/* Fallback "more content below" cue. Some platforms (notably macOS Safari)
   keep native scrollbars hidden until the user actively scrolls/hovers,
   regardless of the ::-webkit-scrollbar styling above, so this fade +
   chevron is shown/hidden via JS (pldUpdateSspScrollCues in main.js)
   whenever a box actually has hidden overflow content. */
/* Sticky, not absolute: absolutely positioned children of a scroll container
   scroll away with the content, so the cue would only sit at the bottom edge
   while scrollTop is 0. As the in-flow last child, sticky bottom: 0 keeps it
   pinned to the visible bottom edge throughout the scroll, and the negative
   top margin cancels its own height so it adds no scrollable space. */
.ssp-scroll-cue {
  position: sticky;
  bottom: 0;
  height: 44px;
  margin-top: -44px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 4px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 85%);
  color: hsla(0, 0%, 0%, 0.45);
  font-size: 14px;
  line-height: 1;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.ssp-scroll-cue.is-visible {
  opacity: 1;
}

.ssp-scroll-cue svg {
  animation: pld-scroll-cue-bounce 1.4s ease-in-out infinite;
}

@keyframes pld-scroll-cue-bounce {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(4px);
  }
}

.ssp-view-left {
  padding-right: 16px !important;
  padding-left: 0 !important;
}

.ssp-view-right {
  padding-right: 0 !important;
  padding-left: 16px !important;
}

.training-videos-section {
  background: #fff;
  padding: 15px;
}

.video-card img {
  width: 40%;
}

/* Hero Cards */
.two-year-ui .hero-cards .hero-card {
  position: relative;
  overflow: hidden;
  /* box-shadow: 0px 0px 12px 0px rgb(139 139 139 / 69%); */
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease;
  cursor: pointer;
  height: 22rem;
  width: 100%;
}

.ssp-kit-new-ui.two-year-ui h2 {
  font-size: 30px !important;
}

.section-container.programs-section h3,
.section-container.catchup-section h3,
.training-videos-section-ssp h3 {
  font-size: 30px;
  color: #005486 !important;
  font-weight: 700;
}

.section-container.programs-section p,
.section-container.catchup-section p,
.training-videos-section-ssp p {
  color: #1a6ab1;
  font-size: 18px;
}

.accordion-banner img {
  height: 15rem;
  width: 100%;
}

button.accordion-button {
  margin: 0 !important;
}

.ssp-view-container-section {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.two-year-ui p.ssp-license {
  color: #1a6ab1 !important;
  font-size: 19px !important;
}

.pdf-preview {
  width: 100%;
  height: 250px;
  overflow: hidden;
}

.pdf-canvas {
  width: 100%;
  height: auto;
}

.two-year-ui .main-title .ssp-license {
  color: #333;
  font-size: 18px;
}

.two-year-ui .main-title .disconnet_underline {
  color: #1e70b8;
  text-decoration: underline;
  margin-left: 5px;
  font-weight: 500;
}

.two-year-ui .hero-cards .hero-card:hover {
  transform: translateY(-5px);
}

.two-year-ui .hero-cards .card-image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 10px;
}

p#fallback-math {
  font-size: 16px;
  margin-top: -2rem;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.two-year-ui .hero-cards .card-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mark_all_read {
  color: #23527c !important;
  font-size: 13px !important;
}

.ssp-term-block {
  margin: 35px 0;
  border: 1px solid #ddd;
  padding: 15px;
  box-shadow: 0 0 12px 0 rgb(180 180 180 / 0.59);
}

ul.ssp-dropdown-menu img {
  box-shadow: unset !important;
}

button.button-link-void:hover {
  background: transparent !important;
  text-decoration: underline !important;
}

/* Wrapper */
.ssp-dropdown-wrapper {
  width: 100%;
}

/* Button - uses !important on color/background to defeat the global
   `button { background-color: #009bd9 !important; ... }` rule now that
   .ssp-dropdown-toggle is rendered as a <button>. The `margin: 0` is
   also a global-`button`-rule override (defeats `button { margin: 0 10px }`)
   so the toggle aligns flush with the .ssp-term-block content area. */
.ssp-dropdown-toggle {
  background: #1a6ab1 !important;
  background-color: #1a6ab1 !important;
  color: #fff !important;
  font-size: 20px;
  padding: 10px 22px !important;
  margin: 15px 0 0;
  border: none;
  text-transform: none !important;
}

.term-select,
.card-link-ssp {
  background: transparent !important;
  background-color: transparent !important;
  color: inherit !important;
  border: none;
  padding: 0;
  margin: 0;
  text-transform: none !important;
}

.two-year-ui .hero-cards .card-link-ssp {
  display: block;
  width: 100%;
  height: 100%;
}

.btn-preview.subscriptionView button:focus:not(:focus-visible) {
  box-shadow: unset !important;
}

.ssp-dropdown-toggle:hover {
  background-color: #1a6ab1;
}

/* Dropdown */
.ssp-dropdown-menu {
  display: none;
  position: fixed;
  background: #f8f8f8;
  z-index: 99;
  /* top, left, width are set by JS so the menu escapes the
     .section-container overflow:auto clip box on the Year 2 layout. */
}

.ssp-dropdown-toggle:hover {
  color: #fff;
}

ul.ssp-dropdown-menu li,
ul.ssp-dropdown-menu li a {
  font-size: 18px;
  font-weight: 400;
  padding: 0.7rem 1.5rem !important;
  cursor: pointer;
}

.ssp-dropdown-menu li a.df-element::after {
  background: none;
}

.ssp-term-image img {
  width: -webkit-fill-available;
}

.video-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f8f8f8;
  padding: 10px;
  height: 100%;
  width: 100%;
  cursor: pointer;
}

.video-card img {
  width: 100%;
  height: 60px;
  object-fit: cover;
}

.video-card p {
  font-size: 16px !important;
  margin-left: 2rem;
  width: 80%;
}

.training-videos-section-ssp {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

ul.ssp-dropdown-menu li:hover {
  background-color: #eaeaea;
}

ul.ssp-dropdown-menu li a.df-element {
  background-color: transparent;
  color: #000;
  font-size: 18px;
  padding: 0;
}

/* Links */
.ssp-dropdown-menu a {
  color: #000;
  font-size: 18px;
}

/* Hover-to-open only inside .ssp-term-block (programs / catch-up
   dropdowns where the items are PDF links - clicking navigates away).
   The training-videos dropdown lives outside .ssp-term-block, so it
   opens on click only via .active toggled by the toggle handler. */
.ssp-term-block .ssp-dropdown-wrapper:hover .ssp-dropdown-menu,
.ssp-dropdown-wrapper.active .ssp-dropdown-menu {
  display: block;
}

/* "Coming soon" placeholder rows: visible in the dropdown but greyed and
   not clickable. Cursor lives on the <li> so the icon column and the
   label share the not-allowed cursor (rather than only the inner div). */
.ssp-dropdown-menu li.ssp-placeholder-row {
  cursor: not-allowed;
}

.ssp-dropdown-menu .ssp-placeholder {
  color: #6b7280;
}

.ssp-dropdown-menu .ssp-placeholder-badge {
  display: inline-block;
  font-size: 0.78em;
  background: #e5e7eb;
  color: #374151;
  padding: 2px 6px;
  border-radius: 4px;
  margin-left: 6px;
  font-style: normal;
  vertical-align: middle;
}

.ssp-dropdown-menu li.ssp-placeholder-row:hover {
  background-color: transparent;
}

/* Keep .term-select buttons transparent on hover so the parent
   li:hover gray (#eaeaea) shows through. Without this the global
   `button:hover { background-color: #006bb2 !important }` paints them
   blue. */
.ssp-dropdown-menu .term-select:hover {
  background: transparent !important;
  background-color: transparent !important;
  color: inherit !important;
}

/* Currently-selected term in the dropdown - gray fill + brand text. */
.ssp-dropdown-menu .term-select.is-selected,
.ssp-dropdown-menu .term-select.is-selected:hover {
  background: #d1d5db !important;
  background-color: #d1d5db !important;
  color: #1a6ab1 !important;
  font-weight: 700;
}

/* Arrow animation */
.ssp-arrow-icon {
  transition: transform 0.3s ease;
}

.ssp-dropdown-wrapper:hover .ssp-arrow-icon {
  transform: rotate(90deg);
}

.two-year-ui .hero-cards .card-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 40px 20px 20px 20px;
  background: linear-gradient(to top, rgb(16 16 16 / 0.89) 0%, rgba(0, 0, 0, 0) 100%);
  display: flex;
  align-items: flex-end;
}

.two-year-ui .hero-cards .card-overlay h4 {
  color: #fff;
  margin: 0;
  /* Larger as seen in image */
  font-size: 24px;
  font-weight: 700;
}

.two-year-ui .hero-cards .play-btn-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #e63946;
  color: #fff;
  width: 60px;
  height: 40px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}

/* Section Headers */
.two-year-ui .section-title {
  color: #1e70b8;
  font-size: 32px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 8px;
}

.two-year-ui .section-subtitle {
  /* Blue subtitle as seen in image */
  color: #1e70b8;
  font-size: 18px;
  margin-bottom: 30px;
  opacity: 0.85;
}

/* Year 2 white-card containers (programs / catch-up / training). The
   training section reuses the same surface so the three cards line up
   visually instead of training rendering bare. */
.two-year-ui .section-container,
.two-year-ui .training-videos-section-ssp {
  background: #fff;
  padding: 35px;
  border: 1px solid #e0e6ed;
  border-radius: 0;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.two-year-ui .section-container {
  height: 100%;
}

/* Defeat the legacy `.training-videos-section-ssp { margin: 0 -1.5rem }`
   and the .row negative gutter - both pulled the cards past the
   .ssp-view-container-section edges so the left card lost its left
   border and the right card lost its right border. Keep an explicit
   16px inner gap between the two top columns via asymmetric padding. */
.two-year-ui .training-videos-section-ssp {
  margin-left: 0;
  margin-right: 0;
}

.two-year-ui .row.gx-lg-5 {
  --bs-gutter-x: 0 !important;
  margin-left: 0;
  margin-right: 0;
}

.two-year-ui .ssp-view-left {
  padding-left: 0 !important;
  padding-right: 8px !important;
}

.two-year-ui .ssp-view-right {
  padding-left: 8px !important;
  padding-right: 0 !important;
}

.two-year-ui .custom-accordion .accordion-item {
  border: 1px solid #e0e6ed;
  border-radius: 6px;
  margin-bottom: 25px;
  overflow: hidden;
  background: #fff;
}

.two-year-ui .custom-accordion .accordion-header {
  margin: 0;
}

.two-year-ui .custom-accordion .accordion-button {
  background-color: #1e70b8;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  padding: 18px 25px;
  border: none;
  text-transform: uppercase;
}

.two-year-ui .custom-accordion .accordion-button:not(.collapsed) {
  background-color: #1e70b8;
  color: #fff;
}

.two-year-ui .custom-accordion .accordion-button::after {
  filter: brightness(0) invert(1);
  background-size: 1.2rem;
}

.two-year-ui .accordion-banner {
  width: 100%;
  height: 160px;
  overflow: hidden;
}

.two-year-ui .accordion-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Training Videos Section Refinement */
.two-year-ui .training-videos-section {
  /* Exact background match */
  background: #f8f9fa;
  padding: 50px 40px;
  border-radius: 12px;
  margin-top: 50px;
}

.two-year-ui .training-videos-grid .video-item {
  background-color: #f8f9fa;
  border: none;
  /* Flat look as in image */
  border-radius: 0;
  padding: 15px 0;
  display: flex;
  align-items: center;
}

.two-year-ui .video-thumb-wrapper {
  /* Larger as per zoomed image */
  width: 220px;
  height: 130px;
  border-radius: 2px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.two-year-ui .video-thumb-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.two-year-ui .video-info {
  margin-left: 35px;
}

.two-year-ui .video-title {
  /* Large blue titles as seen in zoomed image */
  font-size: 16px !important;
  font-weight: 700;
  color: #1e70b8;
  margin: 0 0 0 2rem;
  line-height: 1.1;
}

.two-year-ui .video-thumb-wrapper .play-btn-small {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #e63946;
  width: 40px;
  height: 28px;
  border-radius: 6px;
  z-index: 1;
}

.video-thumb {
  width: 40%;
}

@media (min-width: 992px) {
  .two-year-ui .row.gx-lg-5 {
    /* Large horizontal gap between columns */
    --bs-gutter-x: 5rem !important;
  }
}

.two-year-ui .section-container {
  /* More internal padding for the white sections */
  padding: 40px !important;
}

/* Ensure Training Videos section also has a large top gap */
.two-year-ui .training-videos-section {
  margin-top: 70px !important;
}

/* Fix for clickable-pdf list items */
.clickable-pdf {
  cursor: pointer;
}

button#hide_user__info_2fa,
button#hide_user__info,
button#edit_user__info_btn {
  font-size: 16px !important;
  color: #009ed5 !important;
  font-weight: 600;
  font-family: robotomedium !important;
  padding: 8px 32px !important;
  text-transform: capitalize !important;
}

.billing-details button.button-link-void {
  color: #337ab7 !important;
  text-transform: capitalize !important;
  font-size: 15px;
}

button.button-link-void span {
  margin-left: 7px;
  font-weight: 700 !important;
}

/* Home Support & Learning Tools tiles: the bundle button.button-link-void span
   rule above adds 7px to every span inside a .button-link-void button, which
   pushes the tile label 7px right of where the FAQ anchor renders. Reset it
   so all six tiles align (Considering PLD, Training Options, Support,
   Decodable Readers, Integrated SSP Kits, FAQ). */
button.support-link.button-link-void span {
  margin-left: 0;
}

button.mark_all_read.button-link-void {
  color: #00709e !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

button.disconnet_underline.button-link-void {
  font-size: 16px !important;
  color: #1a6ac0 !important;
  text-transform: capitalize !important;
}

button.btn.btn-close.button-link-void {
  background-color: #009fde !important;
  color: #fff !important;
  padding: 6px 12px !important;
  margin: 20px 20px !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}

button.btn.btn-close.button-link-void.btn:hover {
  background-color: #009fde !important;
}

button.expire-button-link-void {
  background-color: red !important;
  text-transform: capitalize !important;
  margin: 0 0 !important;
}

button.verify-button-link-void {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  font-size: 18px !important;
  color: #337ab7 !important;
  text-transform: capitalize !important;
}

button.verify-button-link-void:hover {
  background: transparent !important;
}

button.quote-button-link-void {
  line-height: 20px !important;
  margin: 2px 3px !important;
  font-weight: 400 !important;
}

.term-container button.button-link-void {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

#re-send-email {
  padding: 0 0 !important;
  background-color: transparent !important;
  color: #00709e !important;
  font-size: 14px !important;
  margin: 0 -7px !important;
  text-transform: capitalize !important;
}

#re-send-email:hover {
  color: #0a58ca !important;
  text-decoration: none;
}

.mt-4 button.button-link-void {
  color: #00709e !important;
  font-size: 14px !important;
}

.mt-4 button.button-link-void:hover {
  color: #0a58ca !important;
}

.btn-preview.subscriptionView,
.btn-preview button {
  text-transform: capitalize !important;
  font-weight: 400 !important;
  font-family: 'Segoe UI', sans-serif !important;
}

.btn-preview.subscriptionView,
.btn-preview {
  background: transparent !important;
  margin-left: 0 !important;
  cursor: pointer;
}

/* Responsive padding for SSP Kit sections */
@media (min-width: 992px) {
  .ssp-view-right {
    padding-right: 0 !important;
    padding-left: 16px !important;
  }

  .ssp-view-left {
    padding-right: 16px !important;
    padding-left: 0 !important;
  }
}

@media (max-width: 991px) {
  .ssp-view-right,
  .ssp-view-left {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

.woocommerce-cart-form__cart-item ._df_button {
  visibility: hidden;
  width: 0;
}

form#ssp-add-payment-form label {
  font-size: 14px !important;
}

div#ssp-wc-form-wrapper label {
  font-size: 16px;
}

.saved-card-ui .ssp_card_label {
  font-size: 18px;
  font-weight: 700;
  color: #005486;
  font-family: robotoregular;
}

.bs-license-active-modal-lg form.wcsn-api-for p {
  font-size: 16px !important;
}

/* CUSTOM CSS FOR pld/checkout/order-pay */
.woocommerce-order-pay .entry-content {
  background: none;
  padding: 0;
  border: 0;
  border-radius: 0;
}

.woocommerce-order-pay dl,
.woocommerce-order-pay ol,
.woocommerce-order-pay ul {
  font-size: 16px;
  padding-top: 3rem;
  padding-left: 5rem;
}

.woocommerce-order-pay #eway_credit_card_form {
  margin-top: 3rem;
  padding-left: 3rem;
}

.woocommerce-order-pay #eway_credit_card_form .input-text {
  width: 45rem;
}

.woocommerce-order-pay .woocommerce form .form-row label,
.woocommerce-order-pay.woocommerce-page form .form-row label {
  font-size: 18px;
}

.woocommerce-order-pay #eway_credit_card_form .submit.buy {
  font-size: 16px;
  margin-bottom: 3rem;
  margin-top: 3rem;
  line-height: 3rem;
  display: block;
  border-bottom: 3px solid #096091;
}

.woocommerce-order-pay .woocommerce form .form-row-last,
.woocommerce-order-pay.woocommerce-page form .form-row-last {
  margin-right: 4rem;
  float: none;
  clear: both;
}

.woocommerce-order-pay #fieldForm input,
.woocommerce-order-pay input#EWAY_CARDNAME,
.woocommerce-order-pay input#EWAY_CARDEXPIRY,
.woocommerce-order-pay input#EWAY_CARDCVN {
  max-width: 80% !important;
}

.yith-wcpb-bundle-form a.request-quote-btn {
  /* line-height: 43px !important; */
}

@media (min-width: 1200px) and (max-width: 1280px) and (max-height: 500px) {
  .my___account.woocommerce-account.woocommerce-page #main .nav-tabs > li {
    margin-right: -3px !important;
  }
}

/* Trello 2060 - keep the "Edit Details" button reachable when the account
   tabs fill the row on smaller screens. The tab <li>s float, and the nav
   container had a fixed height:54px, so once the tabs used the whole row the
   right-floated Edit Details button wrapped to a second line that fell BELOW
   the container and was painted behind the content area (David: "the button
   is being obscured"). Containing the floats (flow-root) and letting the
   container grow lets that wrapped row stay visible; min-height keeps the
   single-row appearance unchanged on wide screens. */
.my___account.woocommerce-account.woocommerce-page #main .loop-meta.jumbotron div.container {
  display: flow-root;
  height: auto !important;
  min-height: 54px;
}

/* Trello 2060 follow-up - the flow-root container above also contained the
   notification bell at its full 75px height (45px content + 15px padding),
   inflating the single-row nav to ~77px. Make the bell a fixed-height flex cell
   and vertically centre its icon, so a one-line nav keeps its ~54px height with
   the bell aligned to the tabs. Scoped to >=992px so the narrow/stacked
   responsive bell positioning is untouched; wrapped-row containment unaffected. */
@media (min-width: 992px) {
  .my___account.woocommerce-account.woocommerce-page
    #main
    .nav.nav-tabs.my-account--tabs
    li.bill-border {
    display: flex;
    align-items: center;
    min-height: 54px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .my___account.woocommerce-account.woocommerce-page
    #main
    .nav.nav-tabs.my-account--tabs
    li.bill-border
    .bill-icon-right {
    /* Collapse the hard-coded 45px box to the icon's height so the absolutely
       positioned count pill (pinned to this box's top-right) tracks the icon
       instead of floating above it. */
    height: auto !important;
    display: flex;
    align-items: center;
  }

  .my___account.woocommerce-account.woocommerce-page
    #main
    .nav.nav-tabs.my-account--tabs
    li.bill-border
    .icon-img {
    display: block;
  }
}

/* Trello 2060 - the "Edit Details" dropdown now sits beside the
   "Account Details & Password" heading (moved out of the tab nav, where it was
   show/hidden by fragile JS). Lay the heading + dropdown out as a header row:
   title left, dropdown right, wrapping below the title on narrow screens. */
.account-details-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px 16px;
}

.account-details-header .account-title {
  margin-bottom: 0;
}

.account-details-header .myaccount-details {
  margin: 0;
}

.account-details-header .myaccount-details .dropdown-menu.show {
  z-index: 1000 !important;
}

/* The menu mixes <button> and <a> items, which rendered inconsistently:
   different padding (buttons 8px 32px, links 3px 20px), line-height (24px vs
   ~22.9px, so the button rows were taller), text-transform, hover (the
   buttons have dedicated blue-fill hover rules by id, the links don't), and a
   generic `button { margin: 0 10px }` that indented the three button items 10px
   further left than the links. Force them all to the same look. */
.account-details-header .myaccount-details .dropdown-menu .dropdown-item {
  margin: 0 !important;
  padding: 8px 32px !important;
  line-height: 24px !important;
  text-transform: none !important;
}

.account-details-header .myaccount-details .dropdown-menu .dropdown-item:hover,
.account-details-header .myaccount-details .dropdown-menu .dropdown-item:focus {
  background-color: #009fde !important;
  color: #fff !important;
}

/* Trello 2060 - align the account tabs nav box with the content panel below it.
   The nav .container sits inside the full-width .loop-meta.jumbotron, which
   forces it full-width via `.jumbotron .container{max-width:100%}`, whereas the
   content .container (the jumbotron's sibling) keeps the stepped Bootstrap caps
   and centres itself - so on mid-width screens the nav box was wider than the
   content below it. Mirror the content wrapper's exact max-width steps onto the
   nav and centre it so the two boxes line up at every breakpoint. */
.my___account.woocommerce-account.woocommerce-page #main .loop-meta.jumbotron div.container {
  max-width: 1140px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (min-width: 576px) {
  .my___account.woocommerce-account.woocommerce-page #main .loop-meta.jumbotron div.container {
    max-width: 540px !important;
  }
}

@media (min-width: 768px) {
  .my___account.woocommerce-account.woocommerce-page #main .loop-meta.jumbotron div.container {
    max-width: 720px !important;
  }
}

@media (min-width: 992px) {
  .my___account.woocommerce-account.woocommerce-page #main .loop-meta.jumbotron div.container {
    max-width: 960px !important;
  }
}

@media (min-width: 1200px) {
  .my___account.woocommerce-account.woocommerce-page #main .loop-meta.jumbotron div.container {
    max-width: 1140px !important;
  }
}

@media (min-width: 1281px) {
  .my___account.woocommerce-account.woocommerce-page #main .loop-meta.jumbotron div.container {
    max-width: 100% !important;
  }
}

@media (min-width: 1400px) {
  .my___account.woocommerce-account.woocommerce-page #main .loop-meta.jumbotron div.container {
    max-width: 1320px !important;
  }
}

/* Trello 2060 - kill the browser-default `2px outset` (black) border that the
   theme never resets on native button elements. It leaked anywhere a <button>
   wasn't fully styled (the Edit Details dropdown, the login password "eye"
   toggle, and assorted others); the Edit Details button only made it obvious
   once it became reliably visible. This is intentionally a low-specificity
   element rule: it just drops the default border style, so any button that
   *does* want a border (e.g. the Edit Details blue underline via
   `.myaccount-details-btn{border-bottom}`) still wins through its own rule. */
button,
input[type='button'],
input[type='submit'],
input[type='reset'] {
  border-style: none;
}

/* Trello 2060 - give the Edit Details button its intended solid-blue look by
   default. It had no background/colour of its own, so it fell back to the
   browser's grey button face and only turned blue on the generic button:hover.
   Now it matches the active My Account tab. The explicit :hover is needed
   because this default rule out-specifies the generic button:hover, so without
   it the button would lose its hover feedback. */
.my___account .myaccount-details-btn {
  background-color: #009fde;
  color: #fff;
}

.my___account .myaccount-details-btn:hover {
  background-color: #006bb2;
  color: #fff;
}

.my___account .myaccount-details-btn .myaccount-icon {
  filter: brightness(0) invert(1);
}

/* ============================================================
   PLD checkout redesign - "Complete your order".
   Design tokens + layout shared by the order-pay page
   (woocommerce/checkout/form-pay.php) and the standard checkout
   (form-checkout.php). Scoped to body.pld-co-page, added by
   pld_co_page_body_class() on both pages.
   Roboto weights map to the theme's weight-named families:
   robotomedium (500), robotobold (700), robotoblack (900).
   ============================================================ */
:root {
  --pld-navy: #005486;
  --pld-blue: #009fde;
  --pld-blue-mid: #1a6ab1;
  --pld-blue-link: #0078be;
  --pld-ink: #2f2f2f;
  --pld-grey-700: #5c595c;
  --pld-grey-500: #7b7b7b;
  --pld-grey-400: #939598;
  --pld-line: #e1e1e1;
  --pld-price: #ed1c24;
  --pld-green: #006837;
  --pld-seminar-green: #84a835;
  --pld-orange: #f0731e;
  --pld-ease: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Page wash + container ------------------------------------- */
body.pld-co-page {
  background: #f6f8fa;
}

.pld-co-page div.woocommerce {
  max-width: 1080px;
  margin: 0 auto !important;
  padding: 0;
}

.pld-co-page #order_review.pld-checkout {
  margin: 0;
}

/* Heading block --------------------------------------------- */
.pld-co-page .pld-co-head {
  margin-bottom: 28px;
}

.pld-co-page .pld-co-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--pld-green);
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.pld-co-page .pld-co-eyebrow svg {
  flex: none;
}

.pld-co-page h1.pld-co-title,
.pld-co-page .pld-co-title {
  margin: 0 0 10px;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-weight: 700;
  font-size: 34px;
  line-height: 1.15;
  color: var(--pld-navy);
}

.pld-co-page .pld-co-swoop {
  display: block;
  color: var(--pld-blue);
}

.pld-co-page .pld-co-intro {
  margin: 14px 0 0;
  max-width: 640px;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: var(--pld-grey-700);
}

.pld-co-page .pld-co-intro strong {
  color: var(--pld-ink);
  font-weight: 700;
}

/* Two-column grid ------------------------------------------- */
.pld-co-page .pld-co-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 372px;
  gap: 28px;
  align-items: start;
}

.pld-co-page .pld-co-left {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-width: 0;
}

/* Cards ----------------------------------------------------- */
.pld-co-page .pld-co-card {
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 1px 3px rgba(0, 40, 80, 0.05);
}

.pld-co-page .pld-co-card-head {
  margin: 0 0 18px;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: var(--pld-ink);
}

/* Payment method blocks (WC gateway <li>) ------------------- */
.pld-co-page .pld-co-card #payment {
  background: transparent;
  width: 100%;
}

.pld-co-page .pld-co-card .payment_methods {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

.pld-co-page .pld-co-card li.wc_payment_method {
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: 10px;
  border: 1.5px solid var(--pld-line);
  background: #fbfcfd;
  overflow: hidden;
  transition:
    border-color 0.15s var(--pld-ease),
    box-shadow 0.15s var(--pld-ease);
}

.pld-co-page .pld-co-card li.wc_payment_method:has(input[type='radio']:checked) {
  border-color: var(--pld-blue);
  background: #fff;
  box-shadow: 0 4px 16px -6px rgba(0, 159, 222, 0.4);
}

.pld-co-page .pld-co-card .lable_position {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 15px 18px;
  margin: 0;
  cursor: pointer;
}

/* Custom radio */
.pld-co-page .pld-co-card .payment_methods input[type='radio'] {
  appearance: none;
  -webkit-appearance: none;
  flex: none;
  width: 22px;
  height: 22px;
  margin: 0;
  border: 2px solid #c2c8cd;
  border-radius: 999px;
  background: #fff;
  position: relative;
  cursor: pointer;
  transition: border-color 0.12s var(--pld-ease);
}

.pld-co-page .pld-co-card .payment_methods input[type='radio']:checked {
  border-color: var(--pld-blue);
}

.pld-co-page .pld-co-card .payment_methods input[type='radio']:checked::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--pld-blue);
  transform: translate(-50%, -50%);
}

.pld-co-page .pld-co-card .payment_methods label {
  display: block;
  margin: 0;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: var(--pld-ink);
  cursor: pointer;
}

.pld-co-page .pld-co-card .payment_methods label img {
  display: none;
}

.pld-co-page .pld-co-card .pld-method-desc {
  display: block;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: var(--pld-grey-500);
  margin-top: 2px;
}

.pld-co-page .pld-co-card .pld-method-text {
  flex: 1;
  min-width: 0;
}

.pld-co-page .pld-co-card .pld-method-chips {
  flex: none;
  display: flex;
  gap: 6px;
}

/* Card-network marks (design CardLogo): 40x26 white pills with brand SVGs. */
.pld-co-page .pld-co-card .pld-cardmark {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 26px;
  padding: 0;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
}

.pld-co-page .pld-co-card .pld-cardmark svg {
  display: block;
}

.pld-co-page .pld-co-card .pld-cardmark--amex {
  background: #1f72cf;
  border-color: #1f72cf;
}

/* Expanded payment box (card fields / PO copy) -------------- */
.pld-co-page .pld-co-card .payment_box {
  width: 100% !important;
  max-width: none !important;
  float: none;
  margin: 0;
  padding: 4px 18px 20px;
  background: transparent;
  border: 0;
  border-top: 1px solid #eef2f5;
  border-radius: 0;
}

.pld-co-page .pld-co-card .payment_box::before {
  display: none !important;
}

.pld-co-page .pld-co-card .payment_box > p:first-child {
  margin: 16px 0 0;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: var(--pld-grey-700);
}

/* eWAY Secure Fields -> design 12-col grid ------------------ */
.pld-co-page #wc-eway-credit-card-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 0;
  padding: 16px 0 0;
  border: 0;
}

.pld-co-page #wc-eway-credit-card-fields .form-row {
  margin: 0;
  padding: 0;
  width: auto;
}

.pld-co-page #wc-eway-credit-card-fields .form-row-wide {
  grid-column: 1 / -1;
}

.pld-co-page #wc-eway-credit-card-fields .form-row-first {
  grid-column: 1 / 2;
}

.pld-co-page #wc-eway-credit-card-fields .form-row-last {
  grid-column: 2 / 3;
}

.pld-co-page #wc-eway-credit-card-fields label {
  display: block !important;
  font-family: robotobold, 'Segoe UI', sans-serif !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
  color: var(--pld-ink) !important;
  margin: 0 0 7px !important;
  letter-spacing: 0.01em;
}

.pld-co-page #wc-eway-credit-card-fields [id^='eway-secure-field'] {
  width: 100%;
  height: 48px;
  border: 1.5px solid #d6d9dc;
  border-radius: 5px;
  background: #fff;
  padding: 0 12px;
  box-sizing: border-box;
  transition:
    border-color 0.15s var(--pld-ease),
    box-shadow 0.15s var(--pld-ease);
}

.pld-co-page #securefieldcode {
  display: none;
}

/* Legacy transparent-redirect fields (fallback) ------------- */
.pld-co-page .pld-co-card .payment_box .input-text {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  border: 1.5px solid #d6d9dc;
  border-radius: 5px;
  font-size: 15px;
}

/* Terms card ------------------------------------------------ */
.pld-co-page .pld-co-terms {
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  padding: 16px 18px;
}

.pld-co-page .pld-co-terms .woocommerce-terms-and-conditions-wrapper,
.pld-co-page .pld-co-terms .validate-required {
  margin: 0;
}

.pld-co-page .pld-co-terms .woocommerce-terms-and-conditions {
  display: none;
}

.pld-co-page .pld-co-terms .woocommerce-terms-and-conditions-checkbox-text,
.pld-co-page .pld-co-terms label.checkbox {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin: 0;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.55;
  color: var(--pld-ink);
  cursor: pointer;
}

.pld-co-page .pld-co-terms input#terms {
  appearance: none;
  -webkit-appearance: none;
  flex: none;
  width: 22px;
  height: 22px;
  margin: 0;
  border: 1.5px solid #c2c8cd;
  border-radius: 5px;
  background: #fff;
  position: relative;
  cursor: pointer;
  transition: all 0.12s var(--pld-ease);
}

.pld-co-page .pld-co-terms input#terms:checked {
  background: var(--pld-blue);
  border-color: var(--pld-blue);
}

.pld-co-page .pld-co-terms input#terms:checked::after {
  content: '';
  position: absolute;
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2.4px 2.4px 0;
  transform: rotate(45deg);
}

.pld-co-page .pld-co-terms a {
  color: var(--pld-blue-link);
  text-decoration: underline;
  font-weight: 600;
}

.pld-co-page .pld-co-terms .required {
  color: var(--pld-price);
}

/* Drip newsletter opt-in (prod only; both Drip plugins are inactive on
   staging). The official Drip plugin prints an unstyled
   woocommerce_form_field checkbox ("Send me news, announcements, and
   discounts.") into the terms box; dress it as a second design-system
   checkbox row of the terms card. The legacy woocommerce-drip
   wcdrip_subscribe field in the same spot stays hidden by the global
   `#wcdrip_subscribe_field { display: none !important; }` so the card
   doesn't show two newsletter opt-ins. */
.pld-co-page .pld-co-terms #drip_woocommerce_accepts_marketing_field {
  display: block;
  margin: 14px 0 0;
  padding: 0;
}

.pld-co-page #drip_woocommerce_accepts_marketing_field .woocommerce-input-wrapper {
  display: block;
}

.pld-co-page #drip_woocommerce_accepts_marketing_field label.checkbox {
  display: flex;
  gap: 12px;
  align-items: center;
  margin: 0;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
  color: var(--pld-ink);
  cursor: pointer;
}

.pld-co-page #drip_woocommerce_accepts_marketing_field input#drip_woocommerce_accepts_marketing {
  appearance: none;
  -webkit-appearance: none;
  flex: none;
  width: 22px;
  height: 22px;
  margin: 0;
  border: 1.5px solid #c2c8cd;
  border-radius: 5px;
  background: #fff;
  position: relative;
  cursor: pointer;
  transition: all 0.12s var(--pld-ease);
}

.pld-co-page
  #drip_woocommerce_accepts_marketing_field
  input#drip_woocommerce_accepts_marketing:checked {
  background: var(--pld-blue);
  border-color: var(--pld-blue);
}

.pld-co-page
  #drip_woocommerce_accepts_marketing_field
  input#drip_woocommerce_accepts_marketing:checked::after {
  content: '';
  position: absolute;
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2.4px 2.4px 0;
  transform: rotate(45deg);
}

/* Order summary (right) ------------------------------------- */
.pld-co-page .pld-co-summary {
  position: sticky;
  top: 20px;
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 40, 80, 0.05);
  overflow: hidden;
}

.pld-co-page .pld-co-sum-head {
  padding: 16px 22px;
  background: #f4f8fb;
  border-bottom: 1px solid #e7eef3;
}

.pld-co-page .pld-co-sum-title {
  display: block;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: var(--pld-navy);
}

.pld-co-page .pld-co-sum-ref {
  display: block;
  margin-top: 2px;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #7da4c2;
}

.pld-co-page .pld-co-summary .wc-backward,
.pld-co-page .pld-co-summary p:has(.wc-backward) {
  display: none !important;
}

.pld-co-page .pld-co-lines {
  padding: 6px 22px;
}

.pld-co-page .pld-co-line {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #eef0f2;
}

.pld-co-page .pld-co-line-thumb {
  position: relative;
  width: 54px;
  height: 54px;
  flex: none;
  border-radius: 6px;
  border: 2px solid #d4e7f4;
  background: #f1f8fd;
  display: grid;
  place-items: center;
  overflow: visible;
}

.pld-co-page .pld-co-line-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  display: block;
}

.pld-co-page .pld-co-line-qty {
  position: absolute;
  top: -8px;
  right: -8px;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--pld-navy);
  color: #fff;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 11px;
  display: grid;
  place-items: center;
  box-sizing: border-box;
}

.pld-co-page .pld-co-line-main {
  flex: 1;
  min-width: 0;
}

.pld-co-page .pld-co-line-title {
  font-family: robotomedium, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.35;
  color: var(--pld-ink);
}

.pld-co-page .pld-co-line-price {
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 14.5px;
  color: var(--pld-ink);
  white-space: nowrap;
}

.pld-co-page .pld-co-line-price .woocommerce-Price-amount {
  color: var(--pld-ink);
}

.pld-co-page .pld-co-totals {
  padding: 4px 22px 0;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 14px;
  color: var(--pld-grey-700);
}

.pld-co-page .pld-co-row {
  display: flex;
  justify-content: space-between;
  padding: 7px 0;
}

.pld-co-page .pld-co-row-val {
  font-family: robotomedium, 'Segoe UI', sans-serif;
  font-weight: 500;
  color: var(--pld-ink);
}

.pld-co-page .pld-co-row-val .woocommerce-Price-amount {
  color: var(--pld-ink);
}

.pld-co-page .pld-co-balance {
  margin: 14px 22px 0;
  padding: 16px 18px;
  background: #fff5f5;
  border: 1px solid #f7d9d9;
  border-radius: 8px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.pld-co-page .pld-co-balance-label {
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: var(--pld-ink);
}

.pld-co-page .pld-co-balance-amt,
.pld-co-page .pld-co-balance-amt .woocommerce-Price-amount {
  font-family: robotoblack, 'Segoe UI', sans-serif;
  font-weight: 900;
  font-size: 26px;
  line-height: 1;
  color: var(--pld-price);
}

.pld-co-page .pld-co-pay {
  padding: 18px 22px 22px;
}

/* Pay button ------------------------------------------------ */
.pld-co-page #order_review .pld-co-paybtn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 15px 26px;
  background: var(--pld-blue);
  color: #fff;
  border: none;
  border-radius: 8px;
  box-shadow: 0 3px 0 var(--pld-navy);
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.2;
  cursor: pointer;
  transition:
    background 0.15s var(--pld-ease),
    transform 0.08s var(--pld-ease),
    box-shadow 0.08s var(--pld-ease);
}

.pld-co-page #order_review .pld-co-paybtn:hover,
.pld-co-page #order_review .pld-co-paybtn:focus {
  background: var(--pld-blue-mid);
  color: #fff;
}

.pld-co-page #order_review .pld-co-paybtn:active {
  transform: translateY(3px);
  box-shadow: 0 0 0 var(--pld-navy);
}

.pld-co-page #order_review .pld-co-paybtn svg {
  flex: none;
}

/* Lock glyph as a pseudo-element - the gateway JS replaces the button's
   innerHTML with its value text, which would wipe an inline <svg>. */
.pld-co-page #order_review .pld-co-paybtn::before {
  content: '';
  flex: none;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E")
    no-repeat center / 16px 16px;
}

/* Disable until terms accepted (safe: only when an unchecked #terms exists) */
.pld-co-page .pld-checkout:has(#terms:not(:checked)) .pld-co-paybtn {
  opacity: 0.55;
  pointer-events: none;
}

.pld-co-page .pld-co-pay-helper {
  display: none;
  text-align: center;
  margin-top: 9px;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 12px;
  color: var(--pld-grey-400);
}

.pld-co-page .pld-checkout:has(#terms:not(:checked)) .pld-co-pay-helper {
  display: block;
}

.pld-co-page .pld-co-trust {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 16px;
  color: var(--pld-grey-500);
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 12.5px;
}

.pld-co-page .pld-co-trust svg {
  flex: none;
}

.pld-co-page .pld-co-eway {
  color: #0098c7;
  font-weight: 700;
}

.pld-co-page .pld-co-back {
  display: block;
  margin: 14px 0 0;
  text-align: center;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--pld-blue-link) !important;
  text-decoration: none;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.pld-co-page .pld-co-back:hover {
  color: var(--pld-blue-mid) !important;
}

/* The checkout form carries its own "< Back to cart" (.pld-co-back), so the
   stray back links plugins drop into the form are duplicates. Scoped to the
   form: an unscoped .pld-co-page .wc-backward also hides the Return to cart
   button on checkout/cart-errors.php, which renders instead of the form and
   is then the only way out of the page. */
.pld-co-page .tribe-checkout-backlinks,
.pld-co-page .tribe-checkout-backlink,
.pld-co-page form.checkout .wc-backward,
.pld-co-page form.checkout a.button.wc-backward {
  display: none !important;
}

.pld-co-page .pld-co-support {
  margin: 14px 0 0;
  text-align: center;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 13px;
  color: var(--pld-grey-500);
}

.pld-co-page .pld-co-support a {
  color: var(--pld-blue-link);
  font-weight: 600;
}

/* Notices (guest / errors) - soft, no bullet ---------------- */
.pld-co-page .woocommerce-notices-wrapper,
.pld-co-page .woocommerce-error,
.pld-co-page .alert-danger {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.pld-co-page .woocommerce-error,
.pld-co-page .alert-danger,
.pld-co-page .woocommerce-message {
  list-style: none !important;
  padding: 14px 18px !important;
  margin: 0 auto 18px !important;
  border-radius: 10px !important;
  background: #fff7e6 !important;
  border: 1px solid #f0d795 !important;
  border-left: 4px solid #e0a72c !important;
  color: #6b5200 !important;
  font-size: 14px !important;
  box-shadow: none !important;
}

.pld-co-page .woocommerce-error ul,
.pld-co-page .alert-danger ul,
.pld-co-page .woocommerce-error li,
.pld-co-page .alert-danger li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pld-co-page .woocommerce-error::before,
.pld-co-page .woocommerce-error li::before {
  display: none !important;
  content: none !important;
}

/* Verify-email gate (logged-out guest) ---------------------- */
.pld-co-page .woocommerce-verify-email {
  max-width: 600px;
  margin: 20px auto !important;
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 12px;
  padding: 26px 30px;
  box-shadow: 0 1px 3px rgba(0, 40, 80, 0.05);
}

.pld-co-page .woocommerce-verify-email > p:first-of-type {
  margin: 0 0 18px;
  font-size: 15px;
  color: #3a4047;
  line-height: 1.5;
}

.pld-co-page .woocommerce-verify-email .form-row {
  margin: 0 0 16px;
  padding: 0;
}

.pld-co-page .woocommerce-verify-email label {
  display: block;
  font-weight: 600;
  margin: 0 0 6px;
  font-size: 13.5px;
  color: #3a4047;
}

.pld-co-page .woocommerce-verify-email input#email {
  width: 100%;
  box-sizing: border-box;
  padding: 11px 12px;
  border: 1.5px solid #d6d9dc;
  border-radius: 7px;
  font-size: 14px;
  background: #fff;
}

.pld-co-page .woocommerce-verify-email button[name='verify'] {
  display: inline-block;
  width: auto;
  margin: 4px 0 0;
  background: var(--pld-blue);
  color: #fff;
  border: none;
  border-radius: 8px;
  box-shadow: 0 3px 0 var(--pld-navy);
  padding: 12px 32px;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 15px;
  cursor: pointer;
}

.pld-co-page .woocommerce-verify-email button[name='verify']:hover {
  background: var(--pld-blue-mid);
  color: #fff;
}

/* Responsive ------------------------------------------------ */
@media (max-width: 880px) {
  .pld-co-page .pld-co-grid {
    grid-template-columns: 1fr;
  }

  .pld-co-page .pld-co-summary {
    position: static;
  }
}

/* ============================================================
   Order-pay redesign - refinements (override theme radio/checkbox
   pseudo-elements and tune the eWAY Secure Fields).
   ============================================================ */

/* Method radio: kill the theme's ::before fill, draw a clean ring + dot. */
.pld-co-page .pld-co-card .payment_methods input.input-radio,
.pld-co-page .pld-co-card .payment_methods input[type='radio'] {
  -webkit-appearance: none !important;
  appearance: none !important;
  flex: none;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 2px solid #c2c8cd !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: none !important;
  position: relative;
  cursor: pointer;
}

.pld-co-page .pld-co-card .payment_methods input[type='radio']::before,
.pld-co-page .pld-co-card .payment_methods input[type='radio']:checked::before {
  display: none !important;
  content: none !important;
  background: none !important;
}

.pld-co-page .pld-co-card .payment_methods input[type='radio']:checked {
  border-color: #009fde !important;
}

.pld-co-page .pld-co-card .payment_methods input[type='radio']:checked::after {
  content: '' !important;
  display: block !important;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #009fde;
  transform: translate(-50%, -50%);
}

/* Terms: force the label to a flex row so the checkbox aligns to the text. */
.pld-co-page .pld-co-terms label.woocommerce-form__label,
.pld-co-page .pld-co-terms label.checkbox,
.pld-co-page .pld-co-terms .form-row > label {
  display: flex !important;
  gap: 12px;
  align-items: flex-start;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #2f2f2f;
  cursor: pointer;
}

.pld-co-page .pld-co-terms .form-row {
  margin: 0 !important;
  padding: 0 !important;
}

.pld-co-page .pld-co-terms input#terms {
  -webkit-appearance: none !important;
  appearance: none !important;
  flex: none;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  border: 1.5px solid #c2c8cd !important;
  border-radius: 5px !important;
  background: #fff !important;
  box-shadow: none !important;
  position: relative;
  cursor: pointer;
}

.pld-co-page .pld-co-terms input#terms::before {
  display: none !important;
  content: none !important;
}

.pld-co-page .pld-co-terms input#terms:checked {
  background: #009fde !important;
  border-color: #009fde !important;
}

.pld-co-page .pld-co-terms input#terms:checked::after {
  content: '' !important;
  position: absolute;
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2.4px 2.4px 0;
  transform: rotate(45deg);
}

/* eWAY Secure Fields: clean bordered box with the iframe vertically centred,
   and style the placeholder element eWAY copies into the iframe inputs. */
/* The eWAY SDK copies ONLY font / border-radius / padding / margin from this
   template onto the iframe input (NOT box-sizing). The input is content-box, so
   any copied horizontal padding is ADDED to its width:100% and overflows the
   field. Keep the input padding at 0; the wrapper provides the box + insets. */
.pld-co-page #wc-eway-credit-card-field-placeholder {
  font-family: 'Segoe UI', system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  border-radius: 0 !important;
  /* The input is content-box and the SDK copies padding but NOT box-sizing, so
     horizontal padding adds to width:100% and overflows to the right. We use
     that deliberately: padding-left insets the text, the overflow on the right
     is clipped by the wrapper's overflow:hidden, and the input's own border is
     pushed to the wrapper edges (oversized iframe) where the wrapper border
     covers it. Net: one wrapper border, text inset, vertically centred. */
  padding: 13px 0 13px 14px !important;
  margin: 0 !important;
}

/* The wrapper is the single visible field border. The iframe is oversized 8px
   per side to cancel its UA body margin (so the input fills), and overflow is
   clipped so the input's own border/right overflow never shows. */
.pld-co-page #wc-eway-credit-card-fields [id^='eway-secure-field'] {
  display: block;
  position: relative;
  height: 48px !important;
  border: 1.5px solid #d6d9dc;
  border-radius: 5px;
  background: #fff;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.pld-co-page #wc-eway-credit-card-fields [id^='eway-secure-field'] iframe {
  position: absolute;
  top: -8px;
  left: -8px;
  width: calc(100% + 16px) !important;
  height: calc(100% + 16px) !important;
  display: block !important;
  border: 0 !important;
  margin: 0 !important;
}

/* Green "encrypted" reassurance line above the card fields. */
.pld-co-page .pld-co-card .payment_box p.pld-reassure {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 16px 0 2px;
  color: #006837;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
}

.pld-co-page .pld-co-card .payment_box p.pld-reassure::before {
  content: '';
  flex: none;
  width: 15px;
  height: 15px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23006837' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E")
    no-repeat center / 15px 15px;
}

/* Cloudflare Turnstile sits inside the School Account/Invoice section and
   stretches to the section's full width (rendered with size: flexible). */
.pld-co-page .payment_box.payment_method_purchaseorder .cf-turnstile {
  width: 100%;
  margin: 16px 0 4px;
}

.pld-co-page .payment_box.payment_method_purchaseorder .cf-turnstile iframe {
  width: 100% !important;
  max-width: none !important;
}

/* Hide the eway gateway's own description <p> (replaced by .pld-reassure), but
   keep the saved-card selector (a .form-row holding the eway_card_id radios). */
.pld-co-page li.payment_method_eway .payment_box > p:not(.pld-reassure, .form-row) {
  display: none !important;
}

/* Divider hairline under the method header. */
.pld-co-page #payment .payment_box {
  border: 0 !important;
  border-top: 1px solid #eef2f5 !important;
}

/* Card-network glyph at the right edge of the Card number field. */
.pld-co-page #eway-secure-field-card {
  position: relative;
}

.pld-co-page #eway-secure-field-card::after {
  content: '';
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 16px;
  z-index: 2;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23939598' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E")
    no-repeat center / 22px 16px;
}

/* ============================================================
   eWAY saved-card selector (token vault) - signed-in customers who
   have a stored card see selectable card rows; choosing "a different
   card" reveals the Secure Fields. eWAY outputs a <p class="form-row">
   of eway_card_id radios; pld-eway-saved-cards (in form-pay.php) turns
   each into a .pld-savedcard-row. Squared to match the order-pay page.
   ============================================================ */
.pld-co-page .pld-co-card .pld-saved-cards {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 16px;
  padding: 0;
}

.pld-co-page .pld-co-card .pld-saved-cards label {
  display: none;
}

.pld-co-page .pld-co-card .pld-savedcard-input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  pointer-events: none;
}

.pld-co-page .pld-co-card .pld-savedcard-row {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 13px 16px;
  border: 1.5px solid var(--pld-line);
  background: #fff;
  cursor: pointer;
  transition:
    border-color 0.15s var(--pld-ease),
    box-shadow 0.15s var(--pld-ease),
    background 0.15s var(--pld-ease);
}

.pld-co-page .pld-co-card .pld-savedcard-row.is-sel {
  border-color: var(--pld-blue);
  background: #f3faff;
  box-shadow: 0 0 0 3px rgba(0, 159, 222, 0.12);
}

.pld-co-page .pld-co-card .pld-savedcard-row--new {
  border-style: dashed;
  border-color: #c9ced2;
}

.pld-co-page .pld-co-card .pld-savedcard-row--new.is-sel {
  border-style: solid;
  border-color: var(--pld-blue);
}

.pld-co-page .pld-co-card .pld-savedcard-dot {
  flex: none;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  border: 2px solid #c3c8cc;
  background: #fff;
  display: grid;
  place-items: center;
  transition: border-color 0.15s var(--pld-ease);
}

.pld-co-page .pld-co-card .pld-savedcard-row.is-sel .pld-savedcard-dot {
  border-color: var(--pld-blue);
}

.pld-co-page .pld-co-card .pld-savedcard-row.is-sel .pld-savedcard-dot::after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--pld-blue);
}

.pld-co-page .pld-co-card .pld-savedcard-text {
  flex: 1;
  min-width: 0;
}

.pld-co-page .pld-co-card .pld-savedcard-num {
  display: block;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 14.5px;
  color: var(--pld-ink);
}

.pld-co-page .pld-co-card .pld-savedcard-meta {
  display: block;
  margin-top: 2px;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 12.5px;
  color: var(--pld-grey-500);
}

.pld-co-page .pld-co-card .pld-savedcard-newlabel {
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 14.5px;
  color: var(--pld-grey-700);
}

.pld-co-page .pld-co-card .pld-savedcard-row--new.is-sel .pld-savedcard-newlabel {
  color: #0066b4;
}

.pld-co-page .pld-co-card .pld-savedcard-badge {
  flex: none;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 10.5px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #a8631a;
  background: #fdf1df;
  border: 1px solid #f0d9b0;
  padding: 3px 7px;
}

/* ============================================================
   eWAY validation errors - soft-red alert + per-field invalid ring.
   The SDK appends <ul class="woocommerce-error eway-error"> to the grid
   fieldset (so it must span both columns) and may prepend a .eway-error
   notice; style both to the design's danger tokens. The per-field ring is
   toggled by the validation-event hook in form-pay.php.
   ============================================================ */
.pld-co-page .woocommerce-error.eway-error {
  width: 100% !important;
  margin: 2px 0 0 !important;
  padding: 11px 14px !important;
  list-style: none !important;
  display: flex !important;
  align-items: center;
  gap: 9px;
  box-sizing: border-box;
  background: #fff5f5 !important;
  border: 1px solid #f7d9d9 !important;
  border-radius: 0 !important;
  color: #b3261e !important;
  font-family: 'Segoe UI', system-ui, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  box-shadow: none !important;
}

/* The one appended inside the grid fieldset must span both columns. */
.pld-co-page #wc-eway-credit-card-fields ul.woocommerce-error.eway-error {
  grid-column: 1 / -1;
}

.pld-co-page .woocommerce-error.eway-error::before {
  content: '' !important;
  display: block !important;
  flex: none;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b3261e' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E")
    no-repeat center / 16px 16px !important;
}

.pld-co-page .woocommerce-error.eway-error li {
  margin: 0;
  padding: 0;
  list-style: none;
  background: none;
}

/* Per-field invalid state (mirrored from the SDK validation events onto the
   field wrapper). The eWAY input renders in an opaque, cross-origin iframe that
   we can't restyle or overlay, so signal the failing field on its label (which
   lives outside the iframe), alongside the error alert beneath the fields. */
.pld-co-page
  #wc-eway-credit-card-fields
  .form-row:has([id^='eway-secure-field'].pld-field-invalid)
  > label {
  color: #c1272d !important;
}

/* ============================================================
   Order-pay redesign - final deltas (white payment body, eWAY PCI
   strip, CVN hint, strand-tinted line items).
   ============================================================ */
.pld-co-page #payment .payment_box,
.pld-co-page .pld-co-card .payment_box {
  background: #fff !important;
}

.pld-co-page #wc-eway-credit-card-fields {
  background: #fff;
}

.pld-co-page #wc-eway-credit-card-fields .pld-field-hint {
  display: block;
  margin-top: 6px;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 12px;
  color: #939598;
}

.pld-co-page .pld-eway-strip {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #eef2f5;
  color: #7b7b7b;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

.pld-co-page .pld-eway-strip svg {
  flex: none;
  margin-top: 2px;
}

.pld-co-page .pld-eway-strip .pld-co-eway {
  color: #0098c7;
  font-weight: 700;
}

.pld-co-page .pld-co-line-thumb.pld-strand-literacy {
  border-color: #39b54a;
  background: rgba(57, 181, 74, 0.1);
}

.pld-co-page .pld-co-line-thumb.pld-strand-oral {
  border-color: #0089e9;
  background: rgba(0, 137, 233, 0.1);
}

.pld-co-page .pld-co-line-thumb.pld-strand-movement {
  border-color: #c1272d;
  background: rgba(193, 39, 45, 0.1);
}

.pld-co-page .pld-co-line-strand {
  display: block;
  margin-top: 3px;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.pld-co-page .pld-co-line-strand.pld-strand-literacy {
  color: #139750;
}

.pld-co-page .pld-co-line-strand.pld-strand-oral {
  color: #0089e9;
}

.pld-co-page .pld-co-line-strand.pld-strand-movement {
  color: #c1272d;
}

/* ============================================================
   Order-pay redesign - alignment fixes (method block vs the
   "Payment method" title; terms checkbox row width/indent).
   ============================================================ */
.pld-co-page #payment ul.payment_methods {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pld-co-page .pld-co-terms label.woocommerce-form__label,
.pld-co-page .pld-co-terms label.checkbox {
  margin-left: 0 !important;
}

.pld-co-page .pld-co-terms label .text-terms,
.pld-co-page .pld-co-terms label .woocommerce-terms-and-conditions-checkbox-text {
  flex: 1;
  min-width: 0;
  display: block;
}

/* Stronger alignment overrides (beat the theme's multi-class #payment rules). */
.pld-co-page #payment ul.wc_payment_methods.payment_methods.methods {
  padding: 0 !important;
  margin: 0 !important;
}

.pld-co-page .pld-co-terms p.form-row,
.pld-co-page .pld-co-terms .form-row {
  padding: 0 !important;
  margin: 0 !important;
}

.pld-co-page .pld-co-terms label.woocommerce-form__label-for-checkbox.checkbox,
.pld-co-page .pld-co-terms label.woocommerce-form__label {
  margin: 0 !important;
  padding: 0 !important;
}

/* Beat the theme's '.form-row.terms label.checkbox { margin-left:1em }'. */
.pld-co-page .pld-co-terms .form-row.terms label.checkbox {
  margin-left: 0 !important;
}

/* ============================================================
   Order-pay redesign - payment-box spacing & field-fill fixes
   (beat the theme's #payment label/p/.payment_box rules).
   ============================================================ */
/* Title + description: theme sets line-height 32px (too tall/spread). */
.pld-co-page #payment .pld-method-text label {
  line-height: 1.25 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pld-co-page #payment .pld-method-desc {
  line-height: 1.4 !important;
  margin-top: 2px !important;
}

/* Body padding: theme forces 23px all round. */
.pld-co-page #payment .payment_box {
  padding: 0 18px 18px !important;
}

.pld-co-page #wc-eway-credit-card-fields {
  padding-top: 14px !important;
}

/* Reassurance line: green + bold (theme #payment p color/weight wins). */
.pld-co-page #payment p.pld-reassure {
  color: #006837 !important;
  font-weight: 600 !important;
  margin: 14px 0 0 !important;
}

/* Card field: let the iframe fill; the glyph overlays the right edge. */
.pld-co-page #eway-secure-field-card {
  padding: 0 12px !important;
}

/* Square off the order-pay redesign surfaces (remove border-radius). */
.pld-co-page .pld-co-card,
.pld-co-page .pld-co-terms,
.pld-co-page #order_review .pld-co-paybtn,
.pld-co-page .pld-co-balance,
.pld-co-page .pld-co-summary,
.pld-co-page #payment {
  border-radius: 0 !important;
}

/* Square off the eWAY field boxes and the payment-method row too. */
.pld-co-page #wc-eway-credit-card-fields [id^='eway-secure-field'],
.pld-co-page li.wc_payment_method {
  border-radius: 0 !important;
}

/* Square off the email-verify gate's input + Verify button (match the redesign). */
.woocommerce-verify-email button[name='verify'],
.woocommerce-verify-email .woocommerce-button.button,
.woocommerce-verify-email input.woocommerce-Input,
.woocommerce-verify-email input[type='email'],
.woocommerce-verify-email input[type='text'] {
  border-radius: 0 !important;
}

/* ============================================================
   Order-received / confirmation redesign ("Thank you. Your
   order's confirmed"). Mirrors the design-handoff Confirmation
   screen; rendered by woocommerce/checkout/thankyou.php (.pld-cf).
   ============================================================ */
body.woocommerce-order-received {
  background: #f6f8fa;
}

/* The order-received page shares the woocommerce-checkout body class, so the
   global ".woocommerce-checkout #content { padding-top: 65px }" applies here
   too. Drop it for the confirmation; the .pld-cf wrapper owns its spacing. */
.woocommerce-order-received #content {
  padding-top: 0 !important;
}

.woocommerce-order-received .hentry {
  background: transparent;
}

.woocommerce-order-received .woocommerce-order.woocommerce-thank-you {
  margin: 0;
}

.woocommerce-order-received .pld-cf {
  max-width: 760px;
  margin: 0 auto;
  padding: 48px 20px 72px;
  font-family: 'Segoe UI', system-ui, sans-serif;
}

/* Success header ------------------------------------------- */
.woocommerce-order-received .pld-cf-head {
  text-align: center;
  margin-bottom: 30px;
}

.woocommerce-order-received .pld-cf-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 76px;
  margin: 0 auto 22px;
  border-radius: 999px;
  background: #e8f6ee;
  border: 2px solid #b6e3c8;
  color: #139750;
}

.woocommerce-order-received .pld-cf-eyebrow {
  display: block;
  margin-bottom: 12px;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #139750;
}

.woocommerce-order-received h1.pld-cf-title,
.woocommerce-order-received .pld-cf-title {
  margin: 0 0 14px;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-weight: 700;
  font-size: 34px;
  line-height: 1.15;
  color: var(--pld-navy);
}

.woocommerce-order-received .pld-cf-swoop {
  display: block;
  margin: 0 auto 16px;
  color: var(--pld-blue);
}

.woocommerce-order-received .pld-cf-intro {
  max-width: 520px;
  margin: 0 auto;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: var(--pld-grey-700);
}

.woocommerce-order-received .pld-cf-intro strong {
  color: var(--pld-ink);
  font-weight: 700;
}

/* Order card ----------------------------------------------- */
.woocommerce-order-received .pld-cf-card {
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 40, 80, 0.05);
}

.woocommerce-order-received .pld-cf-meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: #f4f8fb;
  border-bottom: 1px solid #e7eef3;
}

.woocommerce-order-received .pld-cf-meta-cell {
  padding: 16px 22px;
}

.woocommerce-order-received .pld-cf-meta-cell + .pld-cf-meta-cell {
  border-left: 1px solid #e7eef3;
}

.woocommerce-order-received .pld-cf-meta-key {
  display: block;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #7b9bb0;
}

.woocommerce-order-received .pld-cf-meta-val {
  display: block;
  margin-top: 4px;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 14.5px;
  color: var(--pld-navy);
}

/* Line items ----------------------------------------------- */
.woocommerce-order-received .pld-cf-lines {
  padding: 6px 22px;
}

.woocommerce-order-received .pld-cf-line {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 18px 0;
  border-bottom: 1px solid #eef0f2;
}

.woocommerce-order-received .pld-cf-line:last-child {
  border-bottom: 0;
}

.woocommerce-order-received .pld-cf-line-thumb {
  position: relative;
  width: 54px;
  height: 54px;
  flex: none;
  border-radius: 6px;
  border: 2px solid #d4e7f4;
  background: #f1f8fd;
  display: grid;
  place-items: center;
  overflow: visible;
}

.woocommerce-order-received .pld-cf-line-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  display: block;
}

.woocommerce-order-received .pld-cf-line-thumb.pld-strand-literacy {
  border-color: #39b54a;
  background: rgba(57, 181, 74, 0.1);
}

.woocommerce-order-received .pld-cf-line-thumb.pld-strand-oral {
  border-color: #0089e9;
  background: rgba(0, 137, 233, 0.1);
}

.woocommerce-order-received .pld-cf-line-thumb.pld-strand-movement {
  border-color: #c1272d;
  background: rgba(193, 39, 45, 0.1);
}

.woocommerce-order-received .pld-cf-line-qty {
  position: absolute;
  top: -8px;
  right: -8px;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--pld-navy);
  color: #fff;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 11px;
  display: grid;
  place-items: center;
  box-sizing: border-box;
}

.woocommerce-order-received .pld-cf-line-main {
  flex: 1;
  min-width: 0;
}

.woocommerce-order-received .pld-cf-line-title {
  display: block;
  font-family: robotomedium, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 14.5px;
  line-height: 1.35;
  color: var(--pld-ink);
}

.woocommerce-order-received .pld-cf-line-strand {
  display: block;
  margin-top: 3px;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.woocommerce-order-received .pld-cf-line-strand.pld-strand-literacy {
  color: #139750;
}

.woocommerce-order-received .pld-cf-line-strand.pld-strand-oral {
  color: #0089e9;
}

.woocommerce-order-received .pld-cf-line-strand.pld-strand-movement {
  color: #c1272d;
}

.woocommerce-order-received .pld-cf-line-price {
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 14.5px;
  color: var(--pld-ink);
  white-space: nowrap;
}

.woocommerce-order-received .pld-cf-line-price .woocommerce-Price-amount {
  color: var(--pld-ink);
}

/* Totals + total-paid panel -------------------------------- */
.woocommerce-order-received .pld-cf-totals {
  padding: 8px 22px 4px;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 14px;
  color: var(--pld-grey-700);
}

.woocommerce-order-received .pld-cf-row {
  display: flex;
  justify-content: space-between;
  padding: 7px 0;
}

.woocommerce-order-received .pld-cf-row-val {
  font-family: robotomedium, 'Segoe UI', sans-serif;
  font-weight: 500;
  color: var(--pld-ink);
}

.woocommerce-order-received .pld-cf-row-val .woocommerce-Price-amount {
  color: var(--pld-ink);
}

.woocommerce-order-received .pld-cf-paid {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 14px 22px;
  margin: 8px 22px 22px;
  background: #e8f6ee;
  border: 1px solid #b6e3c8;
  border-radius: 8px;
}

.woocommerce-order-received .pld-cf-paid-label {
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: var(--pld-ink);
}

.woocommerce-order-received .pld-cf-paid-amt,
.woocommerce-order-received .pld-cf-paid-amt .woocommerce-Price-amount {
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 900;
  font-size: 26px;
  line-height: 1;
  color: #139750;
}

/* Downloads strip ------------------------------------------ */
.woocommerce-order-received .pld-cf-downloads {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-top: 18px;
  padding: 20px 22px;
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 40, 80, 0.05);
}

.woocommerce-order-received .pld-cf-dl-icon {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 10px;
  background: #eaf6fc;
  color: var(--pld-blue);
}

.woocommerce-order-received .pld-cf-dl-main {
  flex: 1;
  min-width: 0;
}

.woocommerce-order-received .pld-cf-dl-title {
  display: block;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: var(--pld-ink);
}

.woocommerce-order-received .pld-cf-dl-desc {
  display: block;
  margin-top: 2px;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 14px;
  color: var(--pld-grey-500);
}

.woocommerce-order-received .pld-cf-dl-btn {
  flex: none;
}

/* What's-next row ------------------------------------------ */
.woocommerce-order-received .pld-cf-next {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 18px;
}

.woocommerce-order-received .pld-cf-next-item {
  padding: 18px;
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 10px;
}

.woocommerce-order-received .pld-cf-next-icon {
  display: block;
  margin-bottom: 10px;
  color: var(--pld-navy);
}

.woocommerce-order-received .pld-cf-next-title {
  display: block;
  margin-bottom: 4px;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: var(--pld-ink);
}

.woocommerce-order-received .pld-cf-next-body {
  display: block;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: var(--pld-grey-500);
}

/* CTA buttons ---------------------------------------------- */
.woocommerce-order-received .pld-cf-ctas {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 28px;
  flex-wrap: wrap;
}

.woocommerce-order-received .pld-cf-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 13px 28px;
  border: 1.5px solid var(--pld-blue);
  border-radius: 3px;
  background: var(--pld-blue);
  color: #fff;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 13.5px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 3px 0 var(--pld-navy);
  transition:
    background 0.15s var(--pld-ease),
    box-shadow 0.15s var(--pld-ease),
    transform 0.15s var(--pld-ease);
}

.woocommerce-order-received .pld-cf-btn:hover,
.woocommerce-order-received .pld-cf-btn:focus {
  background: var(--pld-blue-mid);
  border-color: var(--pld-blue-mid);
  color: #fff;
  transform: translateY(3px);
  box-shadow: 0 0 0 var(--pld-navy);
}

.woocommerce-order-received .pld-cf-btn svg {
  flex: none;
}

.woocommerce-order-received .pld-cf-btn--ghost {
  background: #fff;
  color: var(--pld-blue);
  box-shadow: none;
}

.woocommerce-order-received .pld-cf-btn--ghost:hover,
.woocommerce-order-received .pld-cf-btn--ghost:focus {
  background: #f1f8fd;
  border-color: var(--pld-blue-mid);
  color: var(--pld-blue-mid);
  transform: none;
  box-shadow: none;
}

/* Support line --------------------------------------------- */
.woocommerce-order-received .pld-cf-support {
  margin: 24px 0 0;
  text-align: center;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 13px;
  color: var(--pld-grey-400);
}

.woocommerce-order-received .pld-cf-support a {
  color: var(--pld-blue-link);
  font-weight: 600;
}

/* Responsive ----------------------------------------------- */
@media only screen and (max-width: 600px) {
  .woocommerce-order-received .pld-cf-meta {
    grid-template-columns: 1fr;
  }

  .woocommerce-order-received .pld-cf-meta-cell + .pld-cf-meta-cell {
    border-left: 0;
    border-top: 1px solid #e7eef3;
  }

  .woocommerce-order-received .pld-cf-next {
    grid-template-columns: 1fr;
  }

  .woocommerce-order-received .pld-cf-downloads {
    flex-wrap: wrap;
  }

  .woocommerce-order-received .pld-cf-title,
  .woocommerce-order-received h1.pld-cf-title {
    font-size: 27px;
  }
}

/* Square off the confirmation cards, panels, thumbs and buttons (match the
   redesigned order-pay aesthetic). The round success badge and qty pill stay
   circular. */
.woocommerce-order-received .pld-cf-card,
.woocommerce-order-received .pld-cf-paid,
.woocommerce-order-received .pld-cf-downloads,
.woocommerce-order-received .pld-cf-dl-icon,
.woocommerce-order-received .pld-cf-next-item,
.woocommerce-order-received .pld-cf-line-thumb,
.woocommerce-order-received .pld-cf-line-thumb img,
.woocommerce-order-received .pld-cf-btn {
  border-radius: 0 !important;
}

h4.individual-licence {
  background: hsla(78, 56%, 37%, 1);
}

h4.school-licences {
  background: hsla(208, 74%, 40%, 1);
}

h4.individual-licence,
h4.school-licences {
  color: white;
  margin: 0;
  display: flex;
  justify-content: center;
  height: 35px;
  align-items: center;
}

.product-filter-subs .status img {
  box-shadow: unset !important;
  padding: 0 0 !important;
  width: 12px;
  height: 12px;
  margin-right: 0.4rem !important;
  margin: 0;
}

.product-filter-subs .status.status-expired {
  color: hsla(0, 96%, 52%, 1);
}

.product-filter-subs .status.status-activated {
  color: hsla(152, 69%, 31%, 1);
}

.product-filter-subs .status {
  font-size: 14px;
  font-weight: 700;
  display: flex;
  justify-content: end;
  align-items: center;
  height: 40px;
  padding-right: 2rem !important;
}

.product-filter-subs li#individual-licence,
.product-filter-subs li#school-licence,
.product-filter-subs li#school-licences {
  padding: 14px !important;
  box-shadow: unset !important;
}

.product-filter-subs {
  border: 1px solid hsla(0, 0%, 0%, 0.14);
  box-shadow: unset !important;
  padding: 0 !important;
}

.product-filter-subs .green_box,
.main_skill_div.shop-layout-archive
  .product-filter-subs
  .single-subscription-item.subscriptionView {
  padding: 0 !important;
}

.product-filter-subs
  .single-subscription-item.subscriptionView
  img.attachment-woocommerce_thumbnail,
.product-filter-subs
  .single-subscription-item.subscriptionView
  picture
  img.attachment-woocommerce_thumbnail {
  width: 100%;
  margin-bottom: 2rem;
  box-shadow: unset !important;
}

.product-filter-subs .subscription-view-button img,
.subscription-expire-button img {
  padding: 0 7px !important;
}

.product-filter-subs h5.woocommerce-loop-product__title.green-box-title {
  padding: 0 !important;
}

/* ============================================================
   SSP Kit redeem modal (design-system RedeemModal)
   Scoped to .pld-redeem-modal inside .bs-license-active-modal-upgrade-lg
   ============================================================ */
.pld-redeem-modal {
  border: 0;
  border-radius: 0;
  max-height: calc(100vh - 48px);
  overflow: hidden auto;
  overflow: hidden;
  box-shadow: 0 24px 60px -12px rgba(0, 30, 60, 0.4);
  position: relative;
}

.pld-redeem-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 0;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.85);
  color: #5c595c;
  display: grid;
  place-items: center;
  padding: 0;
}

.pld-redeem-close:hover,
.pld-redeem-close:focus {
  background: #fff !important;
  color: #212529;
}

.pld-redeem-banner {
  background: #84a835;
  color: #fff;
  padding: 22px 26px 20px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.pld-redeem-banner-icon {
  flex: none;
  width: 46px;
  height: 46px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.2);
  display: grid;
  place-items: center;
}

.pld-redeem-banner-title {
  font-family: robotomedium;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.pld-redeem-banner-sub {
  font-family: robotoregular;
  font-size: 13.5px;
  opacity: 0.95;
  margin-top: 2px;
}

.pld-redeem-body {
  padding: 22px 26px 26px;
}

.pld-redeem-modal .pld-redeem-intro {
  margin: 0 0 4px !important;
  font-family: robotoregular;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #3d3a33;
}

.pld-redeem-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #f2f9ec;
  border: 1px solid #d8ecc6;
  border-radius: 999px;
  padding: 5px 13px 5px 9px;
  margin: 12px 0 18px;
  color: #84a835;
}

.pld-redeem-pill span {
  font-family: robotomedium;
  font-weight: 700;
  font-size: 12.5px;
  color: #5b7b14;
  letter-spacing: 0.02em;
  line-height: 1;
}

.pld-redeem-label {
  display: block;
  font-family: robotomedium;
  font-weight: 600;
  font-size: 13px;
  color: #5c595c;
  margin-bottom: 8px;
}

.pld-redeem-segments {
  display: flex;
  align-items: center;
  gap: 8px;
}

.pld-seg-dash {
  color: #c3c8cc;
  font-weight: 700;
  font-size: 18px;
  flex: none;
}

.pld-redeem-modal .pld-seg {
  width: 100%;
  min-width: 0;
  text-align: center;
  border: 1.5px solid #cdd3d8;
  border-radius: 0;
  outline: none;
  background: #fff;
  font-family: robotomedium, monospace;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.18em;
  color: #212529;
  padding: 13px 4px;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.pld-redeem-modal .pld-seg::placeholder {
  color: rgba(0, 0, 0, 0.25);
  letter-spacing: 0.18em;
}

.pld-redeem-modal .pld-seg:focus {
  border-color: #009bd8;
  box-shadow: 0 0 0 3px rgba(0, 159, 222, 0.18);
}

.pld-redeem-modal .error-active-mesg {
  display: block;
  min-height: 20px;
  margin-top: 8px;
  font-family: robotoregular;
  font-size: 13px;
  color: #dd1e25;
}

.transfer-error-mesg {
  display: block;
  margin: 0 0 10px;
  font-family: robotoregular;
  font-size: 13px;
  color: #dd1e25;
}

.pld-redeem-divider {
  border-top: 1px solid #eceff0;
  margin: 8px 0 16px;
}

.pld-redeem-unlock-label {
  font-family: robotomedium;
  font-weight: 600;
  font-size: 13px;
  color: #5c595c;
  margin-bottom: 10px;
}

.pld-redeem-perks {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-bottom: 22px;
}

.pld-redeem-perk {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-family: robotoregular;
  font-size: 14.5px;
  line-height: 1.5;
  color: #3d3a33;
}

.pld-redeem-tick {
  flex: none;
  margin-top: 2px;
  color: #84a835;
  display: inline-flex;
}

/* Colors and typography come from the canonical .pld-btn system
   (css/pld-buttons.css); this rule only supplies modal layout and
   the size tokens for the dense modal context. */
.pld-redeem-modal .pld-redeem-activate {
  --btn-font-size: 16px;
  --btn-pad: 12px 26px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  margin: 0;
}

.pld-redeem-modal .pld-redeem-footnote {
  margin: 14px 0 0 !important;
  font-family: robotoregular;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  color: #939598;
  text-align: center;
}

.pld-redeem-modal .pld-redeem-footnote a {
  color: #136bb4;
}

.pld-redeem-success-box {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  background: #f2f9ec;
  border: 1px solid #d8ecc6;
  border-radius: 0;
  padding: 16px 18px;
  margin-bottom: 20px;
}

.pld-redeem-success-tick {
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: #84a835;
  color: #fff;
  display: grid;
  place-items: center;
}

.pld-redeem-success-title {
  font-family: robotomedium;
  font-weight: 700;
  font-size: 16px;
  color: #212529;
}

.pld-redeem-success-msg {
  font-family: robotoregular;
  font-size: 14.5px;
  line-height: 1.55;
  color: #5c595c;
  margin-top: 3px;
}

.pld-redeem-renew-note {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  background: #f4f8fb;
  border: 1px solid #d9ebf6;
  border-radius: 0;
  padding: 12px 14px;
  margin: 0 0 20px;
}

.pld-redeem-renew-icon {
  flex: none;
  margin-top: 1px;
  color: #136bb4;
  display: inline-flex;
}

.pld-redeem-renew-text {
  font-family: robotoregular;
  font-size: 13px;
  line-height: 1.55;
  color: #5c595c;
}

.pld-redeem-modal .pld-redeem-activate.pld-incomplete {
  background-color: var(--pld-btn-disabled-bg);
  color: var(--pld-btn-disabled-text);
  box-shadow: none;
  cursor: not-allowed;
}

.pld-redeem-chiprow {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 20px;
  font-family: robotoregular;
  font-size: 13.5px;
  color: #5c595c;
}

.pld-redeem-chip {
  background: #eef6ec;
  border: 1px solid #d8ecc6;
  color: #5b7b14;
  border-radius: 999px;
  padding: 3px 11px;
  font-family: robotomedium;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.4;
  white-space: nowrap;
}

.pld-redeem-dialog {
  max-width: 640px;
}

.pld-redeem-signin-head {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 20px;
}

.pld-redeem-signin-icon {
  flex: none;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: #eaf4fb;
  color: #136bb4;
  display: grid;
  place-items: center;
}

.pld-redeem-signin-title {
  font-family: robotomedium;
  font-weight: 700;
  font-size: 16.5px;
  color: #212529;
  margin-bottom: 4px;
}

.pld-redeem-signin-copy {
  font-family: robotoregular;
  font-size: 14.5px;
  line-height: 1.55;
  color: #5c595c;
}

.pld-redeem-modal .pld-redeem-input {
  width: 100%;
  border: 1.5px solid #cdd3d8;
  border-radius: 0;
  outline: none;
  background: #fff;
  font-family: robotoregular;
  font-size: 15px;
  color: #212529;
  padding: 11px 12px;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.pld-redeem-modal .pld-redeem-input:focus {
  border-color: #009bd8;
  box-shadow: 0 0 0 3px rgb(0 159 222 / 0.18);
}

.pld-redeem-modal .pld-redeem-input::placeholder {
  font-family: robotoregular;
  color: rgb(0 0 0 / 0.3);
}

.pld-redeem-register-link {
  display: block;
  width: 100%;
  margin-top: 10px;
  text-align: center;
  font-family: robotomedium;
  font-weight: 500;
  font-size: 14px;
  color: #136bb4;
  padding: 6px;
  text-decoration: none;
}

.pld-redeem-register-link:hover {
  color: #0e3f6a;
  text-decoration: underline;
}

.pld-redeem-modal .pld-redeem-lostpw {
  margin: 4px 0 0 !important;
  text-align: center;
  font-family: robotoregular;
  font-size: 12.5px !important;
}

.pld-redeem-modal .pld-redeem-lostpw a {
  color: #939598;
  text-decoration: underline;
}

.pld-redeem-modal .pld-seg.pld-seg-error {
  border-color: #dd1e25;
}

.pld-redeem-modal .pld-seg.pld-seg-error:focus {
  border-color: #009bd8;
}

.pld-redeem-spinner {
  flex: none;
  width: 18px;
  height: 18px;
  border: 2.5px solid rgb(255 255 255 / 0.35);
  border-top-color: #fff;
  border-radius: 999px;
  animation: pld-redeem-spin 0.7s linear infinite;
}

@keyframes pld-redeem-spin {
  to {
    transform: rotate(360deg);
  }
}

.pld-redeem-banner-amber {
  background: #f36f23;
}

.pld-transfer-warn {
  display: flex;
  gap: 13px;
  align-items: flex-start;
  background: #fdf1e8;
  border: 1px solid #f6d3ba;
  padding: 14px 16px;
  margin-bottom: 18px;
}

.pld-transfer-warn-icon {
  flex: none;
  margin-top: 1px;
  color: #f36f23;
  display: inline-flex;
}

.pld-transfer-warn-title {
  font-family: robotomedium;
  font-weight: 700;
  font-size: 15.5px;
  color: #212529;
}

.pld-transfer-warn-sub {
  font-family: robotoregular;
  font-size: 14px;
  line-height: 1.55;
  color: #5c595c;
  margin-top: 3px;
}

.pld-transfer-warn-sub strong {
  color: #212529;
}

.pld-redeem-modal .pld-transfer-copy {
  margin: 0 0 16px !important;
  font-family: robotoregular;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #3d3a33;
}

.pld-transfer-copy strong {
  color: #212529;
}

.pld-transfer-panels {
  display: flex;
  align-items: stretch;
  gap: 12px;
  margin: 0 0 18px;
}

.pld-transfer-panel {
  flex: 1;
  padding: 11px 14px;
  min-width: 0;
}

.pld-transfer-panel-from {
  border: 1px solid #d9d9d9;
  background: #fafafa;
}

.pld-transfer-panel-to {
  border: 1px solid #b8def7;
  background: #f2f9fe;
}

.pld-transfer-panel-label {
  font-family: robotomedium;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #939598;
  margin-bottom: 4px;
}

.pld-transfer-panel-to .pld-transfer-panel-label {
  color: #136bb4;
}

.pld-transfer-panel-email {
  font-family: robotoregular;
  font-size: 13.5px;
  color: #5c595c;
  word-break: break-all;
}

.pld-transfer-panel-to .pld-transfer-panel-email {
  color: #212529;
}

.pld-transfer-arrow {
  flex: none;
  align-self: center;
  color: #939598;
  display: inline-flex;
}

.pld-redeem-modal .pld-transfer-cancel {
  display: block;
  width: 100%;
  margin: 10px 0 0;
  background: none;
  border: 0;
  cursor: pointer;
  text-align: center;
  font-family: var(--pld-btn-font);
  font-weight: 600;
  font-size: 14px;
  color: #5c595c;
  padding: 6px;
}

.pld-redeem-modal .pld-transfer-cancel:hover,
.pld-redeem-modal .pld-transfer-cancel:focus {
  background: none;
  color: #212529;
  text-decoration: underline;
}

.pld-redeem-transfer-note {
  display: block;
  margin-top: 5px;
  color: #5b7b14;
  font-weight: 600;
}

/* Destructive action: the brand palette has no red token, so assign
   the button variables locally instead of hardcoding declarations. */
.pld-redeem-modal .pld-disconnect-btn {
  --btn-bg: #dd1e25;
  --btn-hover: #b81a20;
  --btn-edge: #9b1418;
}

/* --------------------------------------------------------------------------
   Mobile cart & checkout alignment (2026-07).
   The desktop rules above zero the cart section's padding (!important) and
   give the billing column an asymmetric 35px right gutter for the two-column
   layout; both leak into small screens where the columns stack, leaving
   sections flush against the viewport edge, the cart totals offset, and the
   proceed button overhanging both edges. */
@media (max-width: 767px) {
  .woocommerce-cart.woocommerce-page .container.cart-total-section {
    padding: 0 15px !important;
  }

  .woocommerce .cart-collaterals .shipping_calculator,
  .woocommerce-page .cart-collaterals .shipping_calculator {
    float: none;
    width: 100%;
    margin-left: 0;
  }

  .woocommerce-cart.woocommerce-page .cart_totals {
    background: #fff;
    padding: 15px;
  }

  .woocommerce-cart .cart_totals .checkout-button,
  .woocommerce-cart a.checkout-button.btn {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
    text-align: center;
  }

  .woocommerce-checkout.woocommerce-page .checkout_billing.text-gray,
  .woocommerce-checkout #customer_details .checkout_billing {
    padding: 20px 15px 0 !important;
  }

  .woocommerce-checkout form.checkout .row {
    margin-left: 0;
    margin-right: 0;
  }
}

form#yith-ywraq-form span.vat-amount,
form#yith-ywraq-form span.vat-amount span.woocommerce-Price-amount.amount {
  font-size: 14px;
  font-weight: 500;
}

form#yith-ywraq-form span.woocommerce-Price-amount.amount {
  font-size: 16px;
  font-weight: 600;
}

/* ------------------------------------------------------------------
   PLD checkout - inline address capture (Trello 2157)
   Prompt shown when a customer reaches checkout without the address
   parts needed for shipping rates; the delivery form opens beneath it.
   ------------------------------------------------------------------ */
.woocommerce-checkout .pld-address-prompt {
  background: #f3faff;
  border: 1px solid #b5dff2;
  border-left: 4px solid var(--pld-btn-blue, #009bd8);
  color: #212529;
  font-size: 15px;
  line-height: 1.55;
  padding: 14px 18px;
}

/* ------------------------------------------------------------------
   PLD checkout - StarShipIT no-rates messaging (Trello 2157)
   Actionable copy shown in the shipping section when the live-rate
   lookup returns nothing, replacing the silent empty state.
   ------------------------------------------------------------------ */
.pld-no-rates {
  color: #212529;
  display: block;
  font-size: 14.5px;
  line-height: 1.55;
}

.pld-no-rates-edit {
  background: none;
  border: 0;
  color: #136bb4;
  cursor: pointer;
  font-size: 14.5px;
  font-weight: 600;
  padding: 0;
  text-decoration: underline;
}

.pld-shipping-pending {
  color: #5c595c;
  font-size: 14.5px;
  line-height: 1.55;
  margin: 0;
}

/* Delivery-method refresh: WooCommerce grey-blocks the payment and summary
   regions on every update_checkout, which reads as the whole page dimming.
   Hide those overlays (they still swallow clicks) and let the Delivery
   method card show its own local spinner via .pld-ship-loading, toggled in
   js/pld-checkout.js. */
.pld-co-page .woocommerce-checkout-payment > .blockUI.blockOverlay,
.pld-co-page .pld-co-sumtable > .blockUI.blockOverlay {
  opacity: 0 !important;
}

.pld-co-page .pld-co-card--shipmethod {
  position: relative;
}

.pld-co-page .pld-co-card--shipmethod.pld-ship-loading .shipping.mt-5 {
  opacity: 0.45;
  pointer-events: none;
  transition: opacity 0.15s var(--pld-ease);
}

.pld-co-page .pld-co-card--shipmethod.pld-ship-loading::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  border: 3px solid #d6e9f5;
  border-top-color: var(--pld-blue);
  border-radius: 999px;
  animation: pld-co-spin 0.7s linear infinite;
}

@keyframes pld-co-spin {
  to {
    transform: rotate(360deg);
  }
}

/* One-sentence empty state when the address is set but no rates come back. */
.pld-co-page .pld-co-ship-empty,
.pld-co-page .pld-co-card--shipmethod .pld-no-rates {
  margin: 0;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.55;
  color: var(--pld-grey-700);
}

/* ============================================================
   PLD checkout redesign - standard checkout page specifics.
   The shared "Complete your order" block above (body.pld-co-page)
   styles the head, grid, cards, payment methods, terms and pay
   button; this section covers the parts unique to form-checkout:
   the details/delivery cards' fields, the delivery-address choice
   rows, and the order-summary table (review-order.php).
   ============================================================ */

/* Card sub-headings (Billing details / Delivery Address) ------ */
.pld-co-page.woocommerce-checkout .pld-co-card .billing-details {
  margin: 0;
  padding-top: 4px;
}

.pld-co-page.woocommerce-checkout .pld-co-card .billing-details.pt-3 {
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid #eef2f5;
}

.pld-co-page.woocommerce-checkout .pld-co-card h3.billing_details_lable {
  margin: 0;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: var(--pld-ink);
}

.pld-co-page.woocommerce-checkout .pld-co-card .show-billing-form,
.pld-co-page.woocommerce-checkout .pld-co-card .show-delivery-form {
  color: var(--pld-blue-link);
  font-size: 13.5px;
  font-weight: 600;
}

.pld-co-page.woocommerce-checkout .pld-co-card .billing-form-details p.billing-form-label,
.pld-co-page.woocommerce-checkout .pld-co-card .delivery-form-details p.billing-form-label {
  margin: 0 0 6px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--pld-ink);
}

.pld-co-page.woocommerce-checkout .pld-co-card .billing-form-value {
  color: var(--pld-grey-700);
}

/* Fields inside cards (design-system Field spec) -------------- */
.pld-co-page.woocommerce-checkout .pld-co-card .form-row label {
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 12.5px;
  color: var(--pld-ink);
  letter-spacing: 0.01em;
}

.pld-co-page.woocommerce-checkout .pld-co-card input.input-text,
.pld-co-page.woocommerce-checkout .pld-co-card select,
.pld-co-page.woocommerce-checkout .pld-co-card textarea {
  width: 100%;
  padding: 12px 14px;
  font-size: 15px;
  color: var(--pld-ink);
  background: #fff;
  border: 1.5px solid #d6d9dc;
  border-radius: 0;
  box-shadow: none;
  transition:
    border-color 0.15s var(--pld-ease),
    box-shadow 0.15s var(--pld-ease);
}

.pld-co-page.woocommerce-checkout .pld-co-card input.input-text:focus,
.pld-co-page.woocommerce-checkout .pld-co-card select:focus,
.pld-co-page.woocommerce-checkout .pld-co-card textarea:focus {
  border-color: var(--pld-blue);
  box-shadow: 0 0 0 3px rgba(0, 159, 222, 0.15);
  outline: none;
}

.pld-co-page.woocommerce-checkout .pld-co-card .select2-container .select2-selection--single {
  height: auto;
  padding: 12px 14px;
  border: 1.5px solid #d6d9dc;
  border-radius: 0;
}

.pld-co-page.woocommerce-checkout
  .pld-co-card
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  padding: 0;
  line-height: 1.4;
  font-size: 15px;
  color: var(--pld-ink);
}

.pld-co-page.woocommerce-checkout
  .pld-co-card
  .select2-container
  .select2-selection--single
  .select2-selection__arrow {
  height: 100%;
}

.pld-co-page.woocommerce-checkout .pld-co-card .select2-container--focus .select2-selection--single,
.pld-co-page.woocommerce-checkout .pld-co-card .select2-container--open .select2-selection--single {
  border-color: var(--pld-blue);
  box-shadow: 0 0 0 3px rgba(0, 159, 222, 0.15);
}

/* Delivery-address choice rows (prototype AddrOption) --------- */
.pld-co-page .pld-co-addr-choice {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 0 18px;
  padding: 0;
  border: 0;
}

.pld-co-page .pld-co-addr-opt {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 13px;
  margin: 0;
  padding: 14px 16px;
  background: #fff;
  border: 1.5px solid var(--pld-line);
  cursor: pointer;
  transition:
    border-color 0.15s var(--pld-ease),
    box-shadow 0.15s var(--pld-ease),
    background 0.15s var(--pld-ease);
}

.pld-co-page .pld-co-addr-opt.is-sel {
  border-color: var(--pld-blue);
  background: #f3faff;
  box-shadow: 0 0 0 3px rgba(0, 159, 222, 0.12);
}

.pld-co-page .pld-co-addr-opt:has(.pld-co-addr-radio:focus-visible) {
  outline: 2px solid var(--pld-blue-mid);
  outline-offset: 2px;
}

.pld-co-page .pld-co-addr-radio {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.pld-co-page .pld-co-addr-dot {
  flex: none;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  border: 2px solid #c3c8cc;
  border-radius: 999px;
  background: #fff;
  display: grid;
  place-items: center;
  transition: border-color 0.15s var(--pld-ease);
}

.pld-co-page .pld-co-addr-opt.is-sel .pld-co-addr-dot {
  border-color: var(--pld-blue);
}

.pld-co-page .pld-co-addr-opt.is-sel .pld-co-addr-dot::after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--pld-blue);
}

.pld-co-page .pld-co-addr-title {
  display: block;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 14.5px;
  color: var(--pld-ink);
}

.pld-co-page .pld-co-addr-opt.is-sel .pld-co-addr-title {
  color: #0066b4;
}

.pld-co-page .pld-co-addr-sub {
  display: block;
  margin-top: 3px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--pld-grey-500);
}

/* The real WC ship-to-different checkbox is driven by the rows above. */
.pld-co-page.woocommerce-checkout #ship-to-different-address {
  display: none;
}

/* Shipping methods inside the Delivery card ------------------- */
.pld-co-page.woocommerce-checkout .pld-co-card h3#order_review_heading {
  margin: 0 0 10px;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: var(--pld-ink);
}

.pld-co-page.woocommerce-checkout .pld-co-card .shipping.mt-5 {
  margin-top: 22px !important;
  padding-top: 20px;
  border-top: 1px solid #eef2f5;
}

.pld-co-page.woocommerce-checkout .pld-co-card .order_summary_body.shipping {
  padding: 0 !important;
  border: 0;
  background: transparent;
}

.pld-co-page.woocommerce-checkout .pld-co-card #shipping_method .radio label {
  font-size: 14.5px;
  color: var(--pld-ink);
}

.pld-co-page.woocommerce-checkout .pld-co-card .order_summary_body.shipping hr {
  display: none;
}

/* Order-summary table (review-order.php) ---------------------- */
.pld-co-page.woocommerce-checkout .pld-co-sumtable {
  width: 100%;
  margin: 0;
  border: 0;
  border-collapse: collapse;
  background: transparent;
}

.pld-co-page.woocommerce-checkout .pld-co-sumtable td,
.pld-co-page.woocommerce-checkout .pld-co-sumtable th {
  border: 0;
  background: transparent;
}

.pld-co-page.woocommerce-checkout .pld-co-sumtable tbody td {
  padding: 0 22px;
}

.pld-co-page.woocommerce-checkout .pld-co-sumtable tbody tr:last-child .pld-co-line {
  border-bottom: 0;
}

.pld-co-page.woocommerce-checkout .pld-co-sumtable tfoot th,
.pld-co-page.woocommerce-checkout .pld-co-sumtable tfoot td {
  padding: 7px 22px;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--pld-grey-700);
}

.pld-co-page.woocommerce-checkout .pld-co-sumtable tfoot td {
  text-align: right;
  font-family: robotomedium, 'Segoe UI', sans-serif;
  font-weight: 500;
  color: var(--pld-ink);
}

.pld-co-page.woocommerce-checkout .pld-co-sumtable tfoot tr:first-child th,
.pld-co-page.woocommerce-checkout .pld-co-sumtable tfoot tr:first-child td {
  padding-top: 16px;
  border-top: 1px solid #eef0f2;
}

.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.cart-subtotal th {
  font-family: 'Segoe UI', system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--pld-grey-700) !important;
}

.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.cart-subtotal td,
.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.cart-subtotal td bdi {
  font-family: robotomedium, 'Segoe UI', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--pld-ink) !important;
}

.pld-co-page.woocommerce-checkout .pld-co-sumtable tfoot tr.cart-subtotal th,
.pld-co-page.woocommerce-checkout .pld-co-sumtable tfoot tr.cart-subtotal td {
  padding-top: 16px !important;
  padding-bottom: 7px !important;
  border-top: 1px solid #eef0f2 !important;
}

.pld-co-page.woocommerce-checkout .pld-co-sumtable .woocommerce-remove-coupon {
  margin-left: 4px;
  color: var(--pld-price);
  font-weight: 700;
  text-decoration: none;
}

.pld-co-page.woocommerce-checkout .pld-co-sumtable .showcoupon_popup {
  padding: 0;
  background: none;
  border: 0;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

/* Balance due (order total row): the cell is just a carrier for the shared
   .pld-co-balance inset box (same design-system component as order-pay). */
.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.pld-co-balance-row td {
  padding: 0;
  background: none;
  border: 0;
  text-align: left !important;
}

.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.pld-co-balance-row td small {
  display: block;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: var(--pld-grey-500);
}

/* Recurring totals (subscriptions) inherit the plain row look. */
.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.recurring-total th,
.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.recurring-total td {
  font-size: 13.5px;
  vertical-align: middle !important;
}

.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.recurring-total td {
  white-space: nowrap !important;
}

.pld-co-page.woocommerce-checkout .pld-co-sumtable tr#recurring-total th,
.pld-co-page.woocommerce-checkout .pld-co-sumtable tr#recurring-total td,
.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.recurring-totals + tr.recurring-total th,
.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.recurring-totals + tr.recurring-total td {
  border-top: 1px solid #e7e7e7 !important;
  padding-top: 12px !important;
}

/* Notes card --------------------------------------------------- */
.pld-co-page.woocommerce-checkout .pld-co-card--notes textarea {
  min-height: 96px;
}

.pld-co-page.woocommerce-checkout .woocommerce-additional-fields .form-row {
  margin-bottom: 0;
}

/* Neutralise the legacy white-box chrome on #customer_details - the
   redesign's cards own their surfaces. */
.pld-co-page.woocommerce-checkout #customer_details {
  background: transparent;
  border: 0;
  padding: 0;
}

/* Counter legacy #order_review rules (old checkout hid the product
   rows and padded the wrapper; the redesigned summary shows lines
   and pads its own cells). */
.pld-co-page.woocommerce-checkout #order_review tbody.pld-co-lines {
  display: table-row-group;
}

.pld-co-page.woocommerce-checkout #order_review {
  padding: 0 !important;
  margin: 0 !important;
}

.pld-co-page.woocommerce-checkout #order_review .pld-co-sumtable tfoot td {
  text-align: right !important;
}

/* The notes card head already titles the field; hide the duplicate label. */
.pld-co-page.woocommerce-checkout
  .pld-co-card--notes
  .woocommerce-additional-fields
  .form-row
  > label {
  display: none;
}

/* Delivery method rows (prototype ShipOption) ------------------ */
.pld-co-page .pld-co-card-head--tight {
  margin-bottom: 6px;
}

.pld-co-page .pld-co-card-sub {
  margin: 0 0 16px;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--pld-grey-500);
}

.pld-co-page .pld-co-ship-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
}

.pld-co-page .pld-co-ship-opt {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 13px;
  margin: 0;
  padding: 14px 16px;
  background: #fff;
  border: 1.5px solid var(--pld-line);
  cursor: pointer;
  transition:
    border-color 0.15s var(--pld-ease),
    box-shadow 0.15s var(--pld-ease),
    background 0.15s var(--pld-ease);
}

.pld-co-page .pld-co-ship-opt:has(.pld-co-ship-radio:checked) {
  border-color: var(--pld-blue);
  background: #f3faff;
  box-shadow: 0 0 0 3px rgba(0, 159, 222, 0.12);
}

.pld-co-page .pld-co-ship-opt:has(.pld-co-ship-radio:focus-visible) {
  outline: 2px solid var(--pld-blue-mid);
  outline-offset: 2px;
}

.pld-co-page input.pld-co-ship-radio {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
}

.pld-co-page input.pld-co-ship-radio::before,
.pld-co-page input.pld-co-ship-radio::after {
  display: none !important;
}

.pld-co-page .pld-co-ship-opt:has(.pld-co-ship-radio:checked) .pld-co-addr-dot {
  border-color: var(--pld-blue);
}

.pld-co-page .pld-co-ship-opt:has(.pld-co-ship-radio:checked) .pld-co-addr-dot::after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--pld-blue);
}

.pld-co-page .pld-co-ship-icon {
  flex: none;
  margin-top: 1px;
  color: #9aa0a6;
  display: flex;
}

.pld-co-page .pld-co-ship-opt:has(.pld-co-ship-radio:checked) .pld-co-ship-icon {
  color: var(--pld-blue);
}

.pld-co-page .pld-co-ship-text {
  flex: 1;
  min-width: 0;
}

.pld-co-page .pld-co-ship-title {
  display: block;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 14.5px;
  color: var(--pld-ink);
}

.pld-co-page .pld-co-ship-opt:has(.pld-co-ship-radio:checked) .pld-co-ship-title {
  color: #0066b4;
}

.pld-co-page .pld-co-ship-desc {
  display: block;
  margin-top: 2px;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: var(--pld-grey-500);
}

.pld-co-page .pld-co-ship-eta {
  display: block;
  margin-top: 4px;
  font-family: robotomedium, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.01em;
  color: var(--pld-blue);
}

.pld-co-page .pld-co-ship-price,
.pld-co-page .pld-co-ship-price .woocommerce-Price-amount {
  flex: none;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: var(--pld-ink);
  white-space: nowrap;
}

.pld-co-page .pld-co-ship-free {
  color: var(--pld-green);
}

/* Beat the legacy blue order-total bdi (22120) inside the redesign. */
.pld-co-page.woocommerce-checkout.woocommerce-page
  tr.pld-co-balance-row
  span.woocommerce-Price-amount.amount
  bdi:first-child,
.pld-co-page.woocommerce-checkout
  .pld-co-sumtable
  tr.pld-co-balance-row
  .pld-co-balance-amt
  .woocommerce-Price-amount
  bdi {
  color: var(--pld-price) !important;
  font-family: robotoblack, 'Segoe UI', sans-serif;
  font-size: 26px !important;
  font-weight: 900 !important;
}

/* ...but keep the includes-tax suffix inside the balance band small. */
.pld-co-page.woocommerce-checkout.woocommerce-page
  tr.pld-co-balance-row
  small.includes_tax
  span.woocommerce-Price-amount.amount
  bdi:first-child,
.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.pld-co-balance-row small.includes_tax bdi {
  color: var(--pld-grey-500) !important;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 12px !important;
  font-weight: 400 !important;
}

/* Saved address shown inside the "My address" choice row. */
.pld-co-page .pld-co-addr-lines {
  display: block;
  margin-top: 3px;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: var(--pld-grey-500);
}

.pld-co-page .pld-co-addr-line {
  display: block;
}

.pld-co-page .pld-co-addr-editlink {
  display: inline-block;
  margin-top: 6px;
  padding: 0;
  background: none;
  border: 0;
  color: var(--pld-blue-link);
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
}

.pld-co-page .pld-co-card--delivery .delivery-form {
  margin: 0 0 18px;
}

/* Mobile: the order summary leads, ahead of the form cards. */
@media (max-width: 880px) {
  .pld-co-page .pld-co-summary {
    order: -1;
    margin-bottom: 18px;
  }
}

/* Summary rows per the prototype: the hooked verbose shipping row and
   the "(incl. tax)" price suffixes are redundant next to the GST row
   and the clean Delivery/Office-pickup row. */
.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.shipping {
  display: none;
}

.pld-co-page.woocommerce-checkout .pld-co-sumtable small.woocommerce-price-suffix,
.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.pld-co-balance-row small.includes_tax {
  display: none;
}

.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.pld-co-delivery-row .pld-co-ship-free {
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  color: var(--pld-green);
}

/* The theme emits its tax note as small.tax_label - same treatment. */
.pld-co-page.woocommerce-checkout .pld-co-sumtable small.tax_label {
  display: none;
}

/* Terms text at prototype size - the left column carries #customer_details,
   whose legacy ID-scoped label rules otherwise inflate it to 18px. */
.pld-co-page #customer_details .pld-co-terms label.checkbox,
.pld-co-page #customer_details .pld-co-terms .woocommerce-terms-and-conditions-checkbox-text,
.pld-co-page #customer_details .pld-co-terms label .text-terms {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: var(--pld-ink) !important;
}

.pld-co-page #customer_details .pld-co-terms a {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--pld-blue-link) !important;
}

/* ============================================================
   PLD cart redesign - "Your cart" (ui_kits/website/cart.jsx).
   Scoped to body.pld-cart-page (pld_co_page_body_class). The cart
   table keeps its existing flex markup (bundles/preview intact);
   this restyles it and rebuilds the totals as the summary card
   (woocommerce/cart/cart-totals.php).
   ============================================================ */

/* Page surface: the prototype cart sits directly on a white page.
   The legacy cart chrome (grey #f8f8f8 wash, bordered floating white
   .container panel, blue 25px hairlined h1 at 15331/2752) is scoped to
   body.woocommerce-cart.woocommerce-page, so these carry the same
   prefix plus .pld-cart-page to win. */
body.pld-cart-page.woocommerce-cart.woocommerce-page,
body.pld-cart-page.woocommerce-cart.woocommerce-page #main {
  background-color: #fff;
}

body.pld-cart-page.woocommerce-cart.woocommerce-page #main > div > .container {
  margin-top: 24px;
  padding-top: 0;
  border: 0;
  border-right: 0;
  border-bottom: 0;
}

body.pld-cart-page.woocommerce-cart.woocommerce-page #main > div + .container {
  border: 0;
  margin-bottom: 24px;
  background-color: transparent;
}

body.pld-cart-page.woocommerce-cart.woocommerce-page #main > div > .container h1 {
  margin: 10px 0 20px;
  padding: 0;
  border-bottom: 0;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-weight: 700;
  font-size: 34px;
  line-height: 1.15;
  color: var(--pld-navy);
}

/* Table header + rows ----------------------------------------- */
.pld-cart-page .md-cart-products .flex-box-wrapper {
  border-bottom: 2px solid #e7e7e7;
  padding-bottom: 10px;
}

.pld-cart-page .md-cart-products .product_title,
.pld-cart-page .md-cart-products .product_title strong {
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: var(--pld-grey-700);
}

.pld-cart-page .woocommerce-cart-form__cart-item.cart-bottom-border {
  border-bottom: 1px solid #eef0f2;
}

.pld-cart-page .cart-title,
.pld-cart-page .cart-title a {
  font-family: robotomedium, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 14.5px;
  line-height: 1.35;
  color: var(--pld-ink);
  text-decoration: none;
}

.pld-cart-page .product-price,
.pld-cart-page .product-price .woocommerce-Price-amount,
.pld-cart-page .product-subtotal,
.pld-cart-page .product-subtotal .woocommerce-Price-amount,
.pld-cart-page .product-subtotal .woocommerce-Price-amount bdi {
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--pld-ink) !important;
}

.pld-cart-page .product-subtotal small.tax_label {
  display: none;
}

/* Preview / Remove row actions -------------------------------- */
.pld-cart-page .cart-preview,
.pld-cart-page .cart-remove a.remove {
  font-size: 13px;
  color: var(--pld-grey-500);
}

.pld-cart-page .cart-remove a.remove:hover span {
  color: var(--pld-price);
}

/* Quantity stepper (prototype qbtn) --------------------------- */
.pld-cart-page .input-group.quantity {
  border: 1px solid #d6d9dc;
  border-radius: 0;
  overflow: hidden;
}

.pld-cart-page .input-group.quantity .minus,
.pld-cart-page .input-group.quantity .plus {
  width: 30px;
  height: 34px;
  border: 0;
  border-radius: 0;
  background: #f1f3f5;
  color: var(--pld-grey-700);
  font-size: 13px;
  cursor: pointer;
}

.pld-cart-page .input-group.quantity .qty {
  width: 40px;
  height: 34px;
  border: 0;
  font-family: robotomedium, 'Segoe UI', sans-serif;
  font-size: 14px;
  color: var(--pld-ink);
}

/* Cart action buttons: geometry and typography only. Colors come from the
   canonical variant blocks in pld-buttons.css (Empty cart red destructive,
   Update cart blue primary), so hover/disabled states stay on-system. */
body.pld-cart-page .cart__btn .empty-cart-btn,
body.pld-cart-page .cart__btn .update-cart-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: auto;
  min-width: 0;
  padding: 11px 26px;
  border: 0;
  border-radius: 0;
  font-family: robotomedium, 'Segoe UI', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition:
    background-color 0.15s var(--pld-ease),
    color 0.15s var(--pld-ease),
    transform 0.08s var(--pld-ease),
    box-shadow 0.08s var(--pld-ease);
}

body.pld-cart-page .cart__btn .empty-cart-btn:active,
body.pld-cart-page .cart__btn .update-cart-btn:active {
  transform: translateY(1px);
  box-shadow: inset 0 -1px 0 var(--btn-edge, var(--pld-btn-blue-edge));
}

/* Summary card -------------------------------------------------- */
.pld-cart-page .cart-collaterals {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.pld-cart-page .cart_totals.pld-cart-summary {
  width: 100%;
  max-width: 380px;
  margin: 0 0 24px;
  padding: 0;
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 0;
  box-shadow: 0 1px 3px rgba(0, 40, 80, 0.05);
  overflow: hidden;
  float: none;
}

.pld-cart-page .pld-cart-sum-head {
  margin: 0;
  padding: 14px 18px;
  background: #f4f8fb;
  border-bottom: 1px solid #e7eef3;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: var(--pld-navy);
}

.pld-cart-page .pld-cart-sum-body {
  padding: 16px 18px;
}

.pld-cart-page .pld-cart-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 5px 0;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 14.5px;
  color: var(--pld-grey-700);
}

.pld-cart-page .pld-cart-row-val,
.pld-cart-page .pld-cart-row-val .woocommerce-Price-amount {
  font-family: robotomedium, 'Segoe UI', sans-serif;
  font-weight: 500;
  color: var(--pld-ink);
  text-align: right;
}

.pld-cart-page .pld-cart-row-note {
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-weight: 400;
  color: var(--pld-grey-500);
}

.pld-cart-page .pld-cart-sum-body small.tax_label,
.pld-cart-page .pld-cart-sum-body small.woocommerce-price-suffix,
.pld-cart-page .pld-cart-sum-body .order-total small.includes_tax {
  display: none;
}

.pld-cart-page .pld-cart-divider {
  margin: 12px 0;
  border-top: 1px solid #e7e7e7;
}

.pld-cart-page .pld-cart-row.pld-cart-total .pld-cart-row-label {
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: var(--pld-ink);
}

body.pld-cart-page.woocommerce-cart.woocommerce-page
  .pld-cart-total
  span.woocommerce-Price-amount.amount
  bdi,
body.pld-cart-page.woocommerce-cart.woocommerce-page
  .pld-cart-total
  span.woocommerce-Price-amount.amount
  bdi
  .woocommerce-Price-currencySymbol {
  font-family: robotoblack, 'Segoe UI', sans-serif;
  font-weight: 900 !important;
  font-size: 20px !important;
  color: var(--pld-price) !important;
}

.pld-cart-page .pld-cart-proceed {
  margin-top: 16px;
}

/* Proceed button: the prototype primary (same paint as the checkout's
   pay button), overriding the green pld-buttons.css checkout surface. */
.pld-cart-page .pld-cart-proceed .checkout-button {
  display: block;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  padding: 15px 26px;
  background: var(--pld-blue);
  border: 0;
  border-radius: 0;
  box-shadow: 0 3px 0 var(--pld-navy);
  color: #fff;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
  text-transform: none;
  transition:
    background 0.15s var(--pld-ease),
    transform 0.08s var(--pld-ease),
    box-shadow 0.08s var(--pld-ease);
}

.pld-cart-page .pld-cart-proceed .checkout-button:hover,
.pld-cart-page .pld-cart-proceed .checkout-button:focus {
  background: var(--pld-blue-mid);
  color: #fff;
}

.pld-cart-page .pld-cart-proceed .checkout-button:active {
  transform: translateY(3px);
  box-shadow: 0 0 0 var(--pld-navy);
}

.pld-cart-page .pld-cart-continue {
  display: block;
  margin-top: 14px;
  text-align: center;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 14px;
  color: var(--pld-blue-link);
  text-decoration: none;
}

.pld-cart-page .pld-cart-continue:hover {
  text-decoration: underline;
}

/* Recurring totals (subscriptions) hook output in the card, inside the
   .pld-cart-recurring-table wrapper cart/cart-totals.php puts round it. */
.pld-cart-page .pld-cart-sum-body table.shop_table {
  width: 100%;
  margin: 8px 0 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
}

.pld-cart-page .pld-cart-sum-body table.shop_table th,
.pld-cart-page .pld-cart-sum-body table.shop_table td {
  padding: 4px 0;
  border: 0;
  background: transparent;
  font-size: 13px;
  color: var(--pld-grey-700);
}

/* WooCommerce Subscriptions renders the recurring block as a "Recurring
   totals" header row followed by one row per line - subtotal, and any
   recurring coupon, shipping, fee or tax rows its own hooks add, all of which
   also carry .recurring-total. They all want the same label-left/amount-right
   layout, but only the header opens the block, so the separator belongs there
   rather than on every row (which drew each one as its own dashed section). */
.pld-cart-page .pld-cart-sum-body tr.recurring-totals,
.pld-cart-page .pld-cart-sum-body tr.recurring-total {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.pld-cart-page .pld-cart-sum-body tr.recurring-totals {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e7e7e7;
}

.pld-cart-page .pld-cart-sum-body tr.recurring-totals th {
  display: block;
  width: 100%;
  padding: 0 0 6px 0;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--pld-navy);
}

.pld-cart-page .pld-cart-sum-body tr.recurring-total th {
  flex: 1;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: var(--pld-ink);
  text-align: left;
}

.pld-cart-page .pld-cart-sum-body tr.recurring-total td {
  flex: none;
  text-align: right;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 13px;
  color: var(--pld-ink);
}

/* The summary hides the main Total's includes-tax note (the GST row covers
   it), but the recurring total's note is the only renewal GST shown. */
.pld-cart-page .pld-cart-sum-body tr.recurring-total small.includes_tax {
  display: inline;
  font-size: 12px;
  font-weight: 400;
  color: var(--pld-grey-500);
}

@media (max-width: 767px) {
  .pld-cart-page .cart_totals.pld-cart-summary {
    max-width: none;
  }
}

/* Hide top notices pending toast conversion */
.woocommerce-message.pld-toast-pending {
  display: none !important;
}

/* ------------------------------------------------------------------
   PLD toasts - transient "added to your cart" notifications
   (js/pld-toast.js) replacing the static page-load banners.
   Design-system spec: bottom-centre white card with check icon,
   dark text, and solid blue View Cart button.
   ------------------------------------------------------------------ */
.pld-toasts {
  position: fixed;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%);
  z-index: 100050;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  pointer-events: none;
}

.pld-toast {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: min(560px, calc(100vw - 20px));
  padding: 12px 18px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.12),
    0 4px 8px rgba(0, 0, 0, 0.06);
  font-family: robotomedium, 'Segoe UI', system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #111827;
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 0.25s var(--pld-ease, ease),
    transform 0.25s var(--pld-ease, ease);
  pointer-events: auto;
}

.pld-toast.is-in {
  opacity: 1;
  transform: translateY(0);
}

.pld-toast.is-out {
  opacity: 0;
  transform: translateY(20px);
}

.pld-toast-icon {
  flex: none;
  color: #39b54a;
  display: flex;
}

.pld-toast-body {
  flex: 1;
  min-width: 0;
  color: #111827;
}

.pld-toast-body strong {
  font-family: inherit;
  color: #111827;
}

.pld-toast-body a.button,
.pld-toast-body a.wc-forward,
.pld-toast-body a.wc-forwards,
.pld-toast-body a.view_cart_button {
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 6px 14px;
  background: #009fde !important;
  border: 0;
  border-radius: 4px;
  box-shadow: none !important;
  color: #fff !important;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none !important;
  line-height: 1.2;
  transition: background 0.15s ease;
  width: auto !important;
}

.pld-toast-body a.button:hover,
.pld-toast-body a.wc-forward:hover,
.pld-toast-body a.wc-forwards:hover,
.pld-toast-body a.view_cart_button:hover {
  background: #0082b8 !important;
  color: #fff !important;
  text-decoration: none !important;
}

.pld-toast-close {
  flex: none;
  margin-left: 6px;
  padding: 0 4px;
  background: none;
  border: 0;
  color: #6b7280;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

.pld-toast-close:hover {
  color: #111827;
}

@media (max-width: 640px) {
  .pld-toasts {
    left: 10px;
    right: 10px;
    bottom: 16px;
    transform: none;
  }

  .pld-toast {
    max-width: 100%;
  }
}

/* Cart v2 - prototype-faithful layout: table + summary side by side,
   flat page (no white box), centred numeric columns, trailing remove,
   strand-tinted thumbs. */

/* Flat page surface (the .entry card chrome belongs to content pages). */
.pld-cart-page .entry.page.publish {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}

/* Two columns: form left, summary right (prototype flex layout). */
.pld-cart-page .pld-cart-layout {
  display: flex;
  gap: 30px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.pld-cart-page .pld-cart-layout .woocommerce-cart-form {
  flex: 1 1 480px;
  min-width: 0;
}

.pld-cart-page .pld-cart-side {
  flex: 1 1 280px;
  max-width: 340px;
}

.pld-cart-page .pld-cart-side .cart_totals.pld-cart-summary {
  width: 100%;
  max-width: none;
  margin: 0;
}

/* Cross-sells keep the normal flow below (revert the earlier flex-end). */
.pld-cart-page .cart-collaterals {
  display: block;
}

/* Centre the numeric columns like the prototype. */
.pld-cart-page .flex-box-wrapper .product-price,
.pld-cart-page .flex-box-wrapper .product-quantity,
.pld-cart-page .flex-box-wrapper .product-subtotal {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.pld-cart-page .md-cart-products .flex-box-wrapper .product-price,
.pld-cart-page .md-cart-products .flex-box-wrapper .product-quantity,
.pld-cart-page .md-cart-products .flex-box-wrapper .product-subtotal {
  align-items: center;
}

.pld-cart-page .flex-box-wrapper .product-remove-cell {
  flex: 0 0 36px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.pld-cart-page .product-remove-cell a.remove-x {
  display: inline-block;
  padding: 0 4px;
  color: #cacaca;
  font-size: 22px;
  line-height: 1;
  font-weight: 400;
  text-decoration: none;
}

.pld-cart-page .product-remove-cell a.remove-x:hover {
  color: var(--pld-price);
}

/* Strand-tinted thumbnails + strand label (prototype product cell). */
.pld-cart-page .product-thumbnail img {
  width: 52px;
  height: 52px;
  object-fit: contain;
  display: block;
}

.pld-cart-page .product-thumbnail {
  flex: none;
  align-self: center;
  height: auto;
  margin-right: 12px;
  padding: 2px;
  border: 3px solid transparent;
}

.pld-cart-page .product-thumbnail.pld-strand-literacy {
  border-color: #39b54a;
  background: rgba(57, 181, 74, 0.1);
}

.pld-cart-page .product-thumbnail.pld-strand-oral {
  border-color: #0089e9;
  background: rgba(0, 137, 233, 0.1);
}

.pld-cart-page .product-thumbnail.pld-strand-movement {
  border-color: #c1272d;
  background: rgba(193, 39, 45, 0.1);
}

.pld-cart-page .pld-cart-strand {
  display: block;
  margin-top: 3px;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.pld-cart-page .pld-cart-strand.pld-strand-literacy {
  color: #139750;
}

.pld-cart-page .pld-cart-strand.pld-strand-oral {
  color: #0089e9;
}

.pld-cart-page .pld-cart-strand.pld-strand-movement {
  color: #c1272d;
}

.pld-cart-page .cart-title .pld-cart-strand + * {
  margin-top: 4px;
}

/* Preview link sits alone under the title now (no divider needed). */
.pld-cart-page .cart-preview.cart-right-border {
  border-right: 0;
}

/* Actions: Empty left, Update right (prototype). */
.pld-cart-page .cart__btn .actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

@media (max-width: 880px) {
  .pld-cart-page .pld-cart-side {
    max-width: none;
    flex-basis: 100%;
  }
}

/* Flat white page like the prototype (no card-on-grey framing). */
body.pld-cart-page,
.pld-cart-page main.main {
  background: #fff;
}

/* Summary alignment round - discount code, row typography, address grid. */

/* Hide the hooked coupon rows; the redesign renders its own discount UI. */
.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.coupons,
.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.cart-discount {
  display: none;
}

/* Discount accent row (green, per the prototype). */
.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.pld-co-discount-row th,
.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.pld-co-discount-row td,
.pld-co-page.woocommerce-checkout
  .pld-co-sumtable
  tr.pld-co-discount-row
  td
  .woocommerce-Price-amount,
.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.pld-co-discount-row td bdi {
  color: #405b06 !important;
  font-weight: 700;
}

/* Discount-code input + Apply (prototype promo block). */
.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.pld-co-promo-row td {
  padding: 10px 22px 0;
  text-align: left !important;
}

.pld-co-page .pld-co-promo {
  display: flex;
  gap: 8px;
  align-items: stretch;
}

.pld-co-page input.pld-co-promo-input {
  flex: 1;
  min-width: 0;
  padding: 11px 13px;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 14px;
  color: var(--pld-ink);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  background: #fff;
  border: 1.5px solid #d6d9dc;
  border-radius: 0;
  outline: none;
}

.pld-co-page input.pld-co-promo-input::placeholder {
  text-transform: none;
  letter-spacing: normal;
  color: #939598;
}

.pld-co-page input.pld-co-promo-input:focus {
  border-color: var(--pld-blue);
  box-shadow: 0 0 0 3px rgba(0, 159, 222, 0.15);
}

.pld-co-page button.pld-co-promo-apply {
  flex: none;
  padding: 0 16px;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--pld-navy);
  background: #fff;
  border: 1.5px solid var(--pld-navy);
  border-radius: 0;
  cursor: pointer;
  transition:
    background 0.15s var(--pld-ease),
    color 0.15s var(--pld-ease);
}

.pld-co-page button.pld-co-promo-apply:hover {
  background: var(--pld-navy);
  color: #fff;
}

.pld-co-page .pld-co-promo-msg {
  margin-top: 7px;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 12.5px;
  color: var(--pld-price);
}

.pld-co-page .pld-co-promo-applied {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 13px;
  background: #f1f7ea;
  border: 1px solid #d3e3bf;
}

.pld-co-page .pld-co-promo-check {
  flex: none;
  color: #405b06;
  display: flex;
}

.pld-co-page .pld-co-promo-applied-text {
  flex: 1;
  min-width: 0;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 13.5px;
  color: #3f5320;
}

.pld-co-page .pld-co-promo-applied-text strong {
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-weight: 700;
}

.pld-co-page a.pld-co-promo-remove {
  flex: none;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 13px;
  color: var(--pld-blue-mid);
  text-decoration: underline;
}

/* Recurring-totals rows (WCS renders them after the balance band with the
   generic cart-subtotal/order-total classes; legacy rules blow them up).
   Everything after the balance row reads as small quiet rows. */
.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.pld-co-balance-row ~ tr th,
.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.pld-co-balance-row ~ tr td,
.pld-co-page.woocommerce-checkout
  .pld-co-sumtable
  tr.pld-co-balance-row
  ~ tr
  td
  .woocommerce-Price-amount,
.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.pld-co-balance-row ~ tr td bdi,
.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.pld-co-balance-row ~ tr td bdi:first-child,
.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.pld-co-balance-row ~ tr small {
  font-family: 'Segoe UI', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--pld-grey-700) !important;
  background: transparent !important;
  border: 0 !important;
  padding-top: 4px;
  padding-bottom: 4px;
}

.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.pld-co-balance-row ~ tr td strong,
.pld-co-page.woocommerce-checkout .pld-co-sumtable tr.pld-co-balance-row ~ tr th strong {
  font-weight: 600 !important;
}

/* Shipping (ship-to-different) fields on the design grid: street lines
   full-width, then suburb, then state + postcode side by side. */
.pld-co-page.woocommerce-checkout .shipping_address .woocommerce-shipping-fields__field-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 16px;
}

.pld-co-page.woocommerce-checkout
  .shipping_address
  .woocommerce-shipping-fields__field-wrapper
  > p {
  grid-column: span 2;
  float: none;
  width: 100%;
}

.pld-co-page.woocommerce-checkout .shipping_address #shipping_first_name_field,
.pld-co-page.woocommerce-checkout .shipping_address #shipping_state_field {
  grid-column: 1 / 2;
}

.pld-co-page.woocommerce-checkout .shipping_address #shipping_last_name_field,
.pld-co-page.woocommerce-checkout .shipping_address #shipping_postcode_field {
  grid-column: 2 / 3;
}

/* Country renders last and full width (kept for WooCommerce + autocomplete). */
.pld-co-page.woocommerce-checkout .shipping_address #shipping_country_field {
  grid-column: span 2;
}

/* select2 initialised while hidden collapses to zero width. */
.pld-co-page.woocommerce-checkout .pld-co-card .select2-container {
  width: 100% !important;
}

/* Selects inside cards: a legacy 30px height rule clipped the selected
   text under the card padding, and appearance:none removed the native
   arrow. Restore height and draw a chevron. */
.pld-co-page.woocommerce-checkout .pld-co-card select {
  height: auto !important;
  min-height: 47px;
  appearance: none;
  -webkit-appearance: none;
  padding-right: 38px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235c595c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}

/* Uniform field height (design Field spec ≈47px): the #customer_details
   legacy rules squash text inputs to 40px while the selects sit at 47. */
.pld-co-page.woocommerce-checkout #customer_details .pld-co-card input.input-text,
.pld-co-page.woocommerce-checkout .pld-co-card input.input-text {
  height: auto !important;
  min-height: 47px;
  padding: 12px 14px !important;
  border: 1.5px solid #d6d9dc !important;
  font-size: 15px !important;
}

.pld-co-page.woocommerce-checkout #customer_details .pld-co-card input.input-text:focus,
.pld-co-page.woocommerce-checkout .pld-co-card input.input-text:focus {
  border-color: var(--pld-blue) !important;
}

.pld-co-page.woocommerce-checkout #customer_details .pld-co-card select,
.pld-co-page.woocommerce-checkout .pld-co-card select {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 14px !important;
  border: 1.5px solid #d6d9dc !important;
  font-size: 15px !important;
}

p.digital_resources a {
  color: #005486;
  text-decoration: underline;
}

/* Quick Order Page Layout Customizations */
.page-id-62715 .entry-content {
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 767px) {
  .page-id-62715 .entry-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* Modern styling for the Quick Order (Bulk Order) table */
.wcbulkorderform {
  margin-top: 25px;
  background-color: #fff;
}

table#wcbulkorderproducttbl {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #e1e4e6;
  background-color: #fff;
  margin-bottom: 20px;
}

/* Header Cells styling */
table#wcbulkorderproducttbl thead tr td {
  background-color: #f7f9fa;
  color: #19213d;
  font-family: 'Segoe UI', sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 16px 20px;
  border-bottom: 2px solid #009bd8;
  border-right: none;
}

/* Body Cells styling */
table#wcbulkorderproducttbl tbody tr td {
  padding: 16px 20px;
  vertical-align: middle;
  border-bottom: 1px solid #eef1f4;
  background-color: #fff;
}

/* Highlight row on hover */
table#wcbulkorderproducttbl tbody tr:hover td {
  background-color: #fcfdfe;
}

/* Table Layout Column Constraints */
table#wcbulkorderproducttbl {
  width: 100% !important;
}

/* 1. Delete Column: Shrink tightly to fit the cross icon */
table#wcbulkorderproducttbl td.wc_bof_product_delete,
table#wcbulkorderproducttbl td.qof-td {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  white-space: nowrap !important;
  text-align: center !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}

/* 2. Product Name Search Column: Expand to absorb all remaining space */
table#wcbulkorderproducttbl td.wc_bof_product_name,
table#wcbulkorderproducttbl td.wc_bof_product_name_header {
  width: auto !important;
  padding-left: 8px !important;
}

/* Ensure the product search control expands to full width of the cell */
table#wcbulkorderproducttbl td.wc_bof_product_name .selectize-control {
  width: 100% !important;
}

/* 3. Variation Column */
table#wcbulkorderproducttbl td.wc_bof_variation_name,
table#wcbulkorderproducttbl td.wc_bof_variation_header {
  width: 180px !important;
  white-space: nowrap !important;
  text-align: left !important;
}

/* 4. Quantity Column */
table#wcbulkorderproducttbl td.wc_bof_product_qty,
table#wcbulkorderproducttbl td.wc_bof_qty_header {
  width: 130px !important;
  min-width: 130px !important;
  white-space: nowrap !important;
  text-align: center !important;
}

/* 5. Price Column */
table#wcbulkorderproducttbl td.wc_bof_product_price,
table#wcbulkorderproducttbl td.wc_bof_price_header {
  width: 100px !important;
  min-width: 100px !important;
  white-space: nowrap !important;
  text-align: center !important;
}

table#wcbulkorderproducttbl a.wc_bof_product_delete_link {
  /* Modern vibrant red */
  color: #e03131;
  font-size: 15px;
  font-weight: normal;
  line-height: 1;
  text-decoration: none;
  transition:
    color 0.15s ease,
    transform 0.15s ease;
  display: inline-block;
  padding: 4px;
}

table#wcbulkorderproducttbl a.wc_bof_product_delete_link:hover {
  /* Darker red on hover */
  color: #c92a2a;
  transform: scale(1.2);
  text-decoration: none;
}

/* Selectize Inputs (Search box) */
table#wcbulkorderproducttbl .selectize-control.single .selectize-input {
  border: 1.5px solid #d6d9dc;
  border-radius: 0;
  box-shadow: none;
  background-image: none;
  font-family: 'Segoe UI', sans-serif;
  font-size: 14px;
  color: #19213d;
  height: 45px;
  padding: 10px 14px !important;
  display: flex;
  align-items: center;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

table#wcbulkorderproducttbl .selectize-control.single .selectize-input.focus {
  border-color: #009bd8;
  box-shadow: 0 0 0 3px rgba(0, 155, 216, 0.15);
}

table#wcbulkorderproducttbl .selectize-control.single .selectize-input input {
  font-family: 'Segoe UI', sans-serif;
  font-size: 14px;
}

table#wcbulkorderproducttbl .selectize-dropdown {
  border: 1px solid #d6d9dc;
  border-radius: 0;
  box-shadow: 0 6px 15px rgba(25, 33, 61, 0.08);
  font-family: 'Segoe UI', sans-serif;
  font-size: 14px;
  z-index: 9999;
}

table#wcbulkorderproducttbl .selectize-dropdown .option {
  padding: 10px 14px;
}

table#wcbulkorderproducttbl .selectize-dropdown .active {
  background-color: #f0f7fc;
  color: #009bd8;
}

/* Select element inside Variation column */
table#wcbulkorderproducttbl .wc_bof_variation_name select {
  height: 45px;
  border: 1.5px solid #d6d9dc;
  border-radius: 0;
  padding: 10px 14px;
  font-family: 'Segoe UI', sans-serif;
  font-size: 14px;
  color: #19213d;
  background-color: #fff;
  width: 100%;
  max-width: 280px;
  transition: border-color 0.15s ease;
}

table#wcbulkorderproducttbl .wc_bof_variation_name select:focus {
  border-color: #009bd8;
}

/* Quantity input field */
table#wcbulkorderproducttbl input.product_qty {
  height: 45px !important;
  width: 80px !important;
  border: 1.5px solid #d6d9dc !important;
  border-radius: 0 !important;
  text-align: center;
  font-family: 'Segoe UI', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #19213d;
  box-shadow: none !important;
  padding: 0 8px !important;
  display: inline-block !important;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

table#wcbulkorderproducttbl input.product_qty:focus {
  border-color: #009bd8 !important;
  box-shadow: 0 0 0 3px rgba(0, 155, 216, 0.15) !important;
}

/* Price column (amount tag) */
table#wcbulkorderproducttbl td.wc_bof_product_price {
  font-family: 'Segoe UI', sans-serif;
  font-size: 15px;
  font-weight: 600;
  /* Brand green */
  color: #84a835;
  text-align: center;
}

/* Totals Row */
table#wcbulkorderproducttbl tr.wcbulkordertotals td {
  padding: 20px;
  background-color: #f7f9fa;
  border-top: 1px solid #e1e4e6;
  border-bottom: 1px solid #e1e4e6;
}

table#wcbulkorderproducttbl td.wc_bof_pricetotalhead {
  font-family: 'Segoe UI', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #19213d;
  text-transform: uppercase;
  text-align: right;
  letter-spacing: 0.8px;
}

table#wcbulkorderproducttbl td.wc_bof_pricetotal {
  font-family: 'Segoe UI', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #84a835;
  text-align: center;
}

/* Actions Row */
table#wcbulkorderproducttbl tr.wcbulkorderactions td {
  padding: 24px 20px;
}

table#wcbulkorderproducttbl tr.wcbulkorderactions button {
  height: 45px !important;
  min-width: 140px;
  font-size: 14px !important;
  font-family: 'Segoe UI', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Spinner adjustment */
table#wcbulkorderproducttbl i.bulkorder_spinner {
  margin-top: 12px;
  margin-left: -20px;
}

/* Quantity Stepper (Minus/Plus) styling */
table#wcbulkorderproducttbl td.wc_bof_product_qty.quantity {
  text-align: center !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
  display: table-cell !important;
}

table#wcbulkorderproducttbl td.wc_bof_product_qty.quantity button.minus,
table#wcbulkorderproducttbl td.wc_bof_product_qty.quantity button.plus,
table#wcbulkorderproducttbl td.wc_bof_product_qty.quantity input.product_qty {
  display: inline-block !important;
  vertical-align: middle !important;
  float: none !important;
}

table#wcbulkorderproducttbl td.wc_bof_product_qty.quantity button.minus,
table#wcbulkorderproducttbl td.wc_bof_product_qty.quantity button.plus {
  width: 32px !important;
  height: 45px !important;
  background-color: transparent !important;
  border: 1px solid #ddd !important;
  color: #212529 !important;
  font-size: 12px !important;
  cursor: pointer;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  text-align: center !important;
  line-height: 43px !important;
}

table#wcbulkorderproducttbl td.wc_bof_product_qty.quantity button.minus {
  border-right: none !important;
  border-radius: 4px 0 0 4px !important;
}

table#wcbulkorderproducttbl td.wc_bof_product_qty.quantity button.plus {
  border-left: none !important;
  border-radius: 0 4px 4px 0 !important;
}

table#wcbulkorderproducttbl td.wc_bof_product_qty.quantity button.minus:hover,
table#wcbulkorderproducttbl td.wc_bof_product_qty.quantity button.plus:hover {
  background-color: #f7f9fa !important;
  color: #009bd8 !important;
}

table#wcbulkorderproducttbl td.wc_bof_product_qty.quantity input.product_qty {
  height: 45px !important;
  width: 50px !important;
  border: 1px solid #ddd !important;
  border-radius: 0 !important;
  text-align: center;
  font-family: 'Segoe UI', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #19213d;
  box-shadow: none !important;
  padding: 0 !important;
  /* remove space gap between inline blocks */
  margin: 0 -4px 0 -4px !important;
  background-color: transparent !important;
}

table#wcbulkorderproducttbl td.wc_bof_product_qty.quantity input.product_qty:focus {
  border-color: #009bd8 !important;
}

/* Hide standard spin buttons inside quantity input */
table#wcbulkorderproducttbl input.product_qty::-webkit-outer-spin-button,
table#wcbulkorderproducttbl input.product_qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

table#wcbulkorderproducttbl input.product_qty {
  -moz-appearance: textfield;
}

/* Delete button font weight override */
table#wcbulkorderproducttbl a.wc_bof_product_delete_link {
  font-weight: normal !important;
}

/* Keep Variation column header and elements inline */
table#wcbulkorderproducttbl td.wc_bof_variation_header,
table#wcbulkorderproducttbl td.wc_bof_variation_name,
table#wcbulkorderproducttbl td.wc_bof_variation_name form.variations_form {
  white-space: nowrap !important;
}

/* Quick Order Form Loading Overlay */
.pld-qof-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 99999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

.pld-qof-overlay.active {
  opacity: 1;
  pointer-events: all;
}

.pld-qof-spinner {
  width: 48px;
  height: 48px;
  border: 4px solid rgba(0, 155, 216, 0.15);
  border-left-color: #009bd8;
  border-radius: 50%;
  animation: pldSpin 0.8s linear infinite;
  margin-bottom: 16px;
}

.pld-qof-overlay-text {
  font-family: 'Segoe UI', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #19213d;
  letter-spacing: 0.3px;
}

@keyframes pldSpin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.tab-pane-new.tab-pane-book button.dear-pdf-preview.btn.robotoregular.font-size-16.color-white {
  box-shadow: unset !important;
}

.tab-pane-new.tab-pane-book
  button.dear-pdf-preview.btn.robotoregular.font-size-16.color-white:hover {
  background: var(--pld-btn-blue-hover, #136bb4) !important;
  background-color: var(--pld-btn-blue-hover, #136bb4) !important;
  color: #fff !important;
}

.page-template-landing_page_style a.wp-block-button__link.has-background.wp-element-button {
  box-shadow: none !important;
}

/* ---- 2FA enrollment deadline banner (includes/util/2fa-deadline-banner.php) ---- */
.pld-tfa-banner {
  background-color: var(--pld-btn-orange, #f36f23);
  color: #fff;
  padding: 14px 20px;
}

.pld-tfa-banner__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 18px;
  max-width: 1366px;
  margin: 0 auto;
}

.pld-tfa-banner__msg {
  font-family: Urbanist, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}

.pld-tfa-banner a.pld-tfa-banner__btn {
  flex-shrink: 0;
  display: inline-block;
  padding: 7px 18px;
  border: 1px solid #fff;
  border-radius: 4px;
  background: transparent;
  color: #fff;
  font-family: Urbanist, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background-color 0.15s ease,
    color 0.15s ease;
}

.pld-tfa-banner a.pld-tfa-banner__btn:hover,
.pld-tfa-banner a.pld-tfa-banner__btn:focus {
  background: #fff;
  color: var(--pld-btn-orange, #f36f23);
  text-decoration: none;
}

@media (max-width: 767px) {
  .pld-tfa-banner {
    padding: 12px 15px;
  }

  .pld-tfa-banner__msg {
    font-size: 14px;
  }
}

figure.wp-block-table.bg-dark-blue td,
figure.wp-block-table.bg-dark-blue th {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1.3;
  font-size: 16px !important;
}

/* Integrated SSP Kit rows (.pld-kit-cards on the columns block): the cover
   images are not all the same shape, so pin each card's button to the bottom
   of its column. Every button in the row then lands on the same line without
   the hand-tuned spacer blocks that used to sit between image and button. */
.pld-kit-cards > .wp-block-column {
  display: flex;
  flex-direction: column;
}

.pld-kit-cards > .wp-block-column > .wp-block-buttons,
.pld-kit-cards > .wp-block-column > .pld-button {
  margin-top: auto;
}

/* ---- Back to Top Button Styling ---- */
#pld-back-to-top,
#kt-scroll-up,
#kt-scroll-up-reader,
.kadence-scroll-to-top {
  position: fixed;
  /* The Crisp chat launcher is a 54px circle sitting 20px off the bottom
     right corner and it wins the hit test over this button even at
     z-index 9999, so at bottom: 30px the button is invisible and
     unclickable on every page. Sit above the launcher instead. */
  bottom: 90px;
  right: 30px;
  z-index: 9999;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #009fde;
  color: #fff;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease,
    background-color 0.2s ease,
    transform 0.2s ease;
  cursor: pointer;
  border: none;
  text-decoration: none;
}

#pld-back-to-top.show,
#kt-scroll-up.scroll-visible,
#kt-scroll-up-reader.scroll-visible,
.kadence-scroll-to-top.scroll-visible {
  opacity: 1;
  visibility: visible;
}

#pld-back-to-top:hover,
#kt-scroll-up:hover,
#kt-scroll-up-reader:hover,
.kadence-scroll-to-top:hover {
  background-color: #007bb3;
  color: #fff;
  transform: translateY(-2px);
}

#pld-back-to-top span,
#kt-scroll-up span,
#kt-scroll-up-reader span,
.kadence-scroll-to-top span,
.kadence-scroll-to-top .kadence-svg-iconset {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  transform: none !important;
  line-height: 1 !important;
}

#pld-back-to-top svg,
#kt-scroll-up svg,
#kt-scroll-up-reader svg,
.kadence-scroll-to-top svg {
  display: block !important;
  margin: auto !important;
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  width: 20px !important;
  height: 20px !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

/* Request a Quote form (Gravity Form 55): next/previous/submit buttons.
   Kept here rather than in the request-quote.php template because form 55 is
   also embedded on the school-decision-makers page, which does not use that
   template. */
#gform_wrapper_55 .gform_previous_button,
#gform_wrapper_55 .gform_next_button,
#gform_wrapper_55 [id^='gform_submit_button'] {
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: 12px 30px !important;
  background-color: #0693e3 !important;
  color: #fff !important;
  border: 0 !important;
  /* Square, like every other PLD button. css/pld-buttons.css sets
     border-radius: 0 on the primary style and this block overrides it, so it
     has to repeat the 0 rather than leave the corners to chance. */
  border-radius: 0 !important;
  box-shadow: inset 0 -4px 0 #046ab0 !important;
  cursor: pointer !important;
  margin: 0 !important;
  text-transform: capitalize !important;
  display: inline-block !important;
}

#gform_wrapper_55 .gform_previous_button:hover,
#gform_wrapper_55 .gform_next_button:hover,
#gform_wrapper_55 [id^='gform_submit_button']:hover {
  background-color: #047bc4 !important;
  color: #fff !important;
}

/* Radio and checkbox choices. The bootstrap-gravity-forms filter tags each
   choice <li> with .radio / .checkbox, and Bootstrap 3 lays those out by
   absolutely positioning the input and pulling it out of the list with a
   negative margin. Without the rest of that stylesheet the input lands left of
   the field's edge and the label sits far to its right, so the choices do not
   line up with the text inputs above them. Put the input back in normal flow. */
#gform_wrapper_55 .gfield_radio,
#gform_wrapper_55 .gfield_checkbox {
  margin: 0;
  padding: 0;
  list-style: none;
}

#gform_wrapper_55 .gfield_radio .gchoice,
#gform_wrapper_55 .gfield_checkbox .gchoice {
  position: static;
  margin: 0 0 6px;
  padding: 0;
}

#gform_wrapper_55 .gfield_radio .gchoice input[type='radio'],
#gform_wrapper_55 .gfield_checkbox .gchoice input[type='checkbox'] {
  position: static;
  margin: 0 8px 0 0;
  vertical-align: middle;
}

#gform_wrapper_55 .gfield_radio .gchoice label,
#gform_wrapper_55 .gfield_checkbox .gchoice label,
#gform_wrapper_55 .radio label,
#gform_wrapper_55 .checkbox label {
  margin: 0;
  padding: 0;
  font-weight: 400;
  vertical-align: middle;
  display: inline;
}

#gform_wrapper_55 .gfield_radio .gchoice input[type='text'],
#gform_wrapper_55 .gfield_checkbox .gchoice input[type='text'],
#gform_wrapper_55 .gchoice_other input[type='text'] {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-width: 250px;
  margin-left: 8px;
}

#gform_wrapper_55 input.small,
#gform_wrapper_55 select.small,
#gform_wrapper_55 input[type='number'],
#gform_wrapper_55 .ginput_container_number input {
  max-width: 180px;
  width: 100%;
}

#gform_wrapper_55 input.medium,
#gform_wrapper_55 select.medium {
  max-width: 480px;
  width: 100%;
}

#gform_wrapper_55 input.large,
#gform_wrapper_55 select.large,
#gform_wrapper_55 textarea {
  max-width: 100%;
  width: 100%;
}

#gform_wrapper_55 .gform_page_footer,
#gform_wrapper_55 .gform_footer {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  margin-top: 25px !important;
  margin-bottom: 20px !important;
}

/* ============================================================
   My Account online courses (design-system CoursesTab /
   CourseViewer / QuizLesson - ui_kits/website/account.jsx).
   Scoped to .pld-oc inside the #my-online-course pane and the
   native quiz fallback page (body.pld-oc-page). Tokens from
   :root above and css/pld-buttons.css. No !important: this
   sheet prints after wp_head, so it wins ties over LearnDash
   and WpProQuiz plugin CSS by order alone.
   ============================================================ */
.pld-oc {
  --oc-card-line: #e7e7e7;
  --oc-soft-line: #eef0f2;
  --oc-label: #7b9bb0;
  --oc-label-dim: #9aa3ab;
  --oc-active: #009bd8;
  --oc-active-bg: #eaf4fb;
  --oc-active-ink: #0e3f6a;
  --oc-done: #1b9e4a;
  --oc-panel-dark: #0d1b26;
  --oc-link: #136bb4;
  --oc-ink: #212529;
  --oc-head-ink: #2b2f38;
  --oc-body-ink: #474747;
  --oc-muted: #939598;
  --oc-font-roboto: 'Roboto', robotoregular, sans-serif;
  --oc-font-ui: 'Segoe UI', system-ui, -apple-system, sans-serif;
  padding-bottom: 28px;
  font-family: var(--oc-font-ui);
  color: var(--oc-ink);
}

/* Shared primitives ------------------------------------------ */
.pld-oc-card {
  background: #fff;
  border: 1px solid var(--oc-card-line);
  border-radius: 0;
  box-shadow: 0 1px 3px rgba(0, 40, 80, 0.05);
}

.pld-oc-label {
  font-family: var(--oc-font-roboto);
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--oc-label);
}

.pld-oc-h2 {
  margin: 0 0 4px;
  font-family: var(--oc-font-ui);
  font-weight: 700;
  font-size: 20px;
  color: var(--oc-head-ink);
}

.pld-oc-sub {
  margin: 0;
  font-family: var(--oc-font-ui);
  font-size: 15.5px;
  color: #7b7b7b;
}

.pld-oc-notice {
  padding: 14px 18px;
  margin: 0 0 18px;
  background: #fdecec;
  border: 1px solid #f4cfcf;
  font-family: var(--oc-font-ui);
  font-size: 14px;
  color: #9a1f24;
}

.pld-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: var(--oc-font-roboto);
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 4px 10px;
  white-space: nowrap;
}

.pld-pill--green {
  color: #5b7b14;
  background: #e8f6ee;
  border: 1px solid #b6e3c8;
}

.pld-pill--blue {
  color: #136bb4;
  background: #eaf6fc;
  border: 1px solid #bfe4f6;
}

.pld-pill--amber {
  color: #a8631a;
  background: #fdf1df;
  border: 1px solid #f0d9b0;
}

.pld-pill--grey {
  color: #7b7b7b;
  background: #f1f3f5;
  border: 1px solid #e1e4e7;
}

.pld-pill--red {
  color: #c0392b;
  background: #fdecea;
  border: 1px solid #f4c9c3;
}

.pld-oc-bar {
  height: 7px;
  border-radius: 999px;
  background: #eef1f4;
  overflow: hidden;
}

.pld-oc-bar > span {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: var(--oc-accent, var(--oc-active));
  transition: width 0.4s var(--pld-ease);
}

.pld-oc-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--oc-font-roboto);
  font-weight: 700;
  font-size: 13px;
  color: var(--oc-link);
  text-decoration: none;
}

.pld-oc-link:hover,
.pld-oc-link:focus {
  color: var(--oc-active-ink);
  text-decoration: none;
}

.pld-oc-chev,
.pld-oc-cert-ic {
  flex: none;
}

.pld-oc-cert-ic {
  margin-right: 1px;
}

.pld-oc-chev-flip .pld-oc-chev {
  transform: rotate(180deg);
}

/* Course card grid (CoursesTab) ------------------------------ */
.pld-oc-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.pld-oc-course-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.pld-oc-card-media {
  display: block;
  position: relative;
  /* Thinkific card artwork is 760x420; show it uncropped. Imageless
     cards keep a slim tinted band instead of a tall empty box. */
  aspect-ratio: 760 / 420;
  /* fallback where color-mix is unsupported */
  background: #f1f5f8;
  background: color-mix(in srgb, var(--oc-accent, var(--oc-active)) 10%, #fff);
}

.pld-oc-card-media:not(:has(img)) {
  aspect-ratio: auto;
  height: 96px;
}

.pld-oc-card-media img {
  display: block;
  width: 100%;
  height: 100%;
  /* .woocommerce-page img adds margin-top: 5px - keep the artwork flush. */
  margin: 0;
  object-fit: cover;
}

.pld-oc-card-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 18px 20px;
}

.pld-oc-card-title {
  margin: 0 0 12px;
  font-family: var(--oc-font-roboto);
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
}

.pld-oc-card-title a {
  color: var(--oc-ink);
  text-decoration: none;
}

.pld-oc-card-title a:hover {
  color: var(--oc-active-ink);
}

.pld-oc-card-foot {
  margin-top: auto;
}

.pld-oc-card-foot .pld-oc-bar {
  margin-bottom: 8px;
}

.pld-oc-card-meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.pld-oc-card-meta {
  font-family: var(--oc-font-ui);
  font-size: 12.5px;
  color: var(--oc-muted);
}

.pld-oc-card-actions {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}

.pld-oc-empty {
  padding: 32px 28px;
  text-align: center;
}

.pld-oc-empty h5 {
  margin: 0 0 6px;
  font-family: var(--oc-font-roboto);
  font-weight: 700;
  font-size: 17px;
  color: var(--oc-ink);
}

.pld-oc-empty p {
  margin: 0 0 18px;
  font-family: var(--oc-font-ui);
  font-size: 14.5px;
  color: #7b7b7b;
}

.pld-oc-legacy-head {
  margin: 34px 0 6px;
  padding-top: 22px;
  border-top: 1px solid var(--oc-soft-line);
}

.pld-oc-legacy-link {
  margin: 20px 0 0;
  font-family: var(--oc-font-ui);
  font-size: 13.5px;
  color: #7b7b7b;
}

.pld-oc-legacy-link a {
  font-weight: 600;
  color: var(--oc-link);
  text-decoration: none;
}

.pld-oc-legacy-link a:hover {
  color: var(--oc-active-ink);
}

/* Viewer shell (CourseViewer) -------------------------------- */
.pld-oc-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 16px;
  font-family: var(--oc-font-roboto);
  font-weight: 700;
  font-size: 13px;
  color: var(--oc-link);
  text-decoration: none;
}

.pld-oc-back:hover,
.pld-oc-back:focus {
  color: var(--oc-active-ink);
  text-decoration: none;
}

.pld-oc-back-chev {
  display: inline-flex;
  transform: rotate(180deg);
}

.pld-oc-course-head {
  padding: 24px 28px;
  margin-bottom: 18px;
}

.pld-oc-eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.pld-oc-eyebrow .pld-oc-label {
  color: var(--oc-label-dim);
}

.pld-oc-dot {
  flex: none;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--oc-active);
}

.pld-oc-course-title {
  margin: 0 0 14px;
  font-family: var(--oc-font-ui);
  font-weight: 700;
  font-size: 28px;
  line-height: 1.15;
  color: var(--oc-head-ink);
}

.pld-oc-head-cert {
  margin-left: auto;
}

.pld-oc-viewer {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}

/* Lesson panel ----------------------------------------------- */
.pld-oc-panel {
  flex: 1;
  min-width: 0;
}

.pld-oc-panel-card {
  overflow: hidden;
}

.pld-oc-panel-body {
  padding: 26px 30px;
}

/* Course-complete pane (design: CourseComplete). The badge's accent colours
   arrive inline from the template - course accent, so they can't be tokens. */
.pld-oc-congrats {
  text-align: center;
  padding: 48px 32px;
}

.pld-oc-congrats-badge {
  display: inline-flex;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.pld-oc-congrats-sub {
  margin: 6px 0 0;
  font-family: var(--oc-font-ui);
  font-size: 15px;
  color: var(--oc-muted);
}

.pld-oc-congrats-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 22px;
}

.pld-oc-step-eyebrow {
  color: var(--oc-label-dim);
  margin-bottom: 8px;
}

.pld-oc-step-title {
  margin: 0 0 14px;
  font-family: var(--oc-font-roboto);
  font-weight: 700;
  font-size: 21px;
  color: var(--oc-ink);
}

.pld-oc-step-content {
  font-family: var(--oc-font-ui);
  font-size: 15.5px;
  line-height: 1.65;
  color: var(--oc-body-ink);
}

.pld-oc-step-content p {
  margin: 0 0 14px;
  font-size: 15.5px;
  line-height: 1.65;
  color: var(--oc-body-ink);
}

/* 16:9 media band (importer wraps lesson video in this figure). */
.pld-oc-media {
  position: relative;
  aspect-ratio: 16 / 9;
  margin: 0 0 22px;
  background: var(--oc-panel-dark);
}

.pld-oc-media iframe,
.pld-oc-media video,
.pld-oc-media img {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
}

/* Question reference images (importer embeds these below the quiz stem).
   Never scale above natural size - the Thinkific screenshots are small and
   upscaling blurs their text. */
.pld-oc-qimg {
  margin: 14px 0 18px;
}

.pld-oc-qimg img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  border: 1px solid var(--oc-soft-line);
  border-radius: 6px;
}

.pld-oc-qimg figcaption {
  margin-top: 6px;
  font-size: 13px;
  color: var(--oc-body-ink);
  opacity: 0.75;
}

.pld-oc-panel-nav {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding-top: 18px;
  margin-top: 22px;
  border-top: 1px solid var(--oc-soft-line);
}

.pld-oc-nav-spacer {
  flex: 1;
}

.pld-oc-ghost {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: none;
  border: 1px solid #d6dade;
  border-radius: 0;
  cursor: pointer;
  padding: 10px 15px;
  font-family: var(--oc-font-roboto);
  font-weight: 700;
  font-size: 13px;
  color: #5c595c;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.pld-oc-ghost:hover,
.pld-oc-ghost:focus {
  border-color: var(--oc-active);
  color: var(--oc-active-ink);
  text-decoration: none;
}

.pld-oc-ghost.is-disabled {
  opacity: 0.45;
  cursor: default;
  pointer-events: none;
}

.pld-oc-complete-form {
  display: inline-flex;
  margin: 0;
}

/* The modal shell is appended to <body>, outside .pld-oc, so its .pld-button
   anchors would otherwise fall back to the 18px/25px site-wide button in
   css/pld-buttons.css. Scope the compact course-UI sizing to the modal too so
   its footer buttons match the in-page viewer exactly. */
.pld-oc .pld-button,
.pld-oc button.pld-button,
.pld-oc-modal .pld-button,
.pld-oc-modal button.pld-button {
  padding: 11px 20px;
  font-size: 13.5px;
  /* Match the wpProQuiz buttons (FINISH QUIZ etc.) for casing consistency. */
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* Download gate (see .pld-oc-dl below): the Continue button stays focusable
   and un-disabled for screen readers, so the held state is class-driven. */
.pld-oc .pld-button.is-locked,
.pld-oc button.pld-button.is-locked {
  opacity: 0.55;
  cursor: not-allowed;
}

.pld-oc-next {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.pld-oc-completed {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--oc-font-roboto);
  font-weight: 700;
  font-size: 13px;
  color: var(--oc-done);
}

.pld-oc-quiz-hint {
  font-family: var(--oc-font-ui);
  font-size: 13px;
  color: var(--oc-muted);
}

/* "View each document to continue" / "Watch the video to continue" -
   inserted by pld-account.js beside the held Continue button and nudged when
   a locked Continue is clicked. */
/* inline-flex, not inline: `transform` (the nudge) is a no-op on an inline
   box, and the hint is not always a flex item of the nav row. */
.pld-oc-dl-hint,
.pld-oc-video-hint {
  display: inline-flex;
  align-items: center;
}

.pld-oc-dl-hint.is-nudge,
.pld-oc-video-hint.is-nudge {
  color: #9a1f24;
  animation: pld-oc-nudge 0.4s var(--pld-ease);
}

@keyframes pld-oc-nudge {
  0%,
  100% {
    transform: translateX(0);
  }

  20%,
  60% {
    transform: translateX(-4px);
  }

  40%,
  80% {
    transform: translateX(4px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pld-oc-dl-hint.is-nudge,
  .pld-oc-video-hint.is-nudge {
    animation: none;
  }
}

/* "Resumed from 12:04" - written under the player when playback picks up
   where the learner left off, with a way back to the start. */
.pld-oc-video-resumed {
  margin: 8px 0 0;
  font-family: var(--oc-font-ui);
  font-size: 13px;
  color: var(--oc-muted);
}

.pld-oc-linkish {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.pld-oc-linkish:hover,
.pld-oc-linkish:focus-visible {
  color: var(--oc-done);
}

/* Sidebar (course content) ----------------------------------- */
.pld-oc-sidebar {
  flex: none;
  width: 320px;
}

.pld-oc-sidebar-card {
  position: sticky;
  top: 18px;
  overflow: hidden;
}

.pld-oc-sidebar-head {
  padding: 16px 18px;
  border-bottom: 1px solid var(--oc-soft-line);
}

.pld-oc-sidebar-head .pld-oc-label {
  margin-bottom: 8px;
}

.pld-oc-sidebar-meta {
  margin-top: 7px;
  font-family: var(--oc-font-ui);
  font-size: 12.5px;
  color: var(--oc-muted);
}

.pld-oc-outline {
  max-height: 460px;
  overflow-y: auto;
}

.pld-oc-module-title {
  padding: 12px 18px 6px;
  font-family: var(--oc-font-roboto);
  font-weight: 700;
  font-size: 11.5px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--oc-label);
  background: #fafbfc;
}

.pld-oc-row {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  padding: 11px 18px 11px 15px;
  border-left: 3px solid transparent;
  background: #fff;
  text-decoration: none;
  transition: background 0.12s var(--pld-ease);
}

.pld-oc-row:hover {
  background: #f5f9fc;
  text-decoration: none;
}

.pld-oc-row.is-active {
  border-left-color: var(--oc-active);
  background: var(--oc-active-bg);
}

.pld-oc-row-state {
  flex: none;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #fff;
  border: 1.5px solid #cfd6dc;
  color: var(--oc-label);
}

.pld-oc-row.is-done .pld-oc-row-state {
  background: var(--oc-done);
  border-color: var(--oc-done);
  color: #fff;
}

.pld-oc-row-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #cfd6dc;
}

.pld-oc-row.is-active .pld-oc-row-dot {
  background: var(--oc-active);
}

.pld-oc-row-title {
  flex: 1;
  min-width: 0;
  font-family: var(--oc-font-roboto);
  font-weight: 500;
  font-size: 13.5px;
  line-height: 1.35;
  color: #3c3c3c;
}

.pld-oc-row.is-active .pld-oc-row-title {
  font-weight: 700;
  color: var(--oc-active-ink);
}

.pld-oc-row-mins {
  flex: none;
  font-family: var(--oc-font-ui);
  font-size: 11.5px;
  color: #aeb4ba;
}

/* Quiz skin (WpProQuiz via [ld_quiz]) ------------------------ */
/* Colour/spacing only: WpProQuiz markup is plugin-owned, so no
   structural selectors that would break on a LearnDash update. */
/* LearnDash renders its course-progress infobar (percentage bar, last
   activity, status pill) and a quiz breadcrumb/status bar above embedded
   quizzes - the design has neither inside the step pane, so hide them
   within the viewer. The extra .pld-oc-step-content level outranks
   LearnDash's own two-class display rules. */
.pld-oc .pld-oc-step-content .ld-course-status,
.pld-oc .pld-oc-step-content .ld-quiz-status,
.pld-oc .ld-progress {
  display: none;
}

/* LearnDash injects its own Continue link and result count into the results
   box - the footer nav and the result banner cover both. The Continue link
   gets an inline display from LearnDash's .show(), hence the !important. */
.pld-oc .wpProQuiz_results .quiz_continue_link {
  display: none !important;
}

.pld-oc .wpProQuiz_results > p {
  display: none;
}

.pld-oc .wpProQuiz_content {
  font-family: var(--oc-font-ui);
}

.pld-oc .wpProQuiz_quiz {
  border: 0;
  padding: 0;
}

.pld-oc .wpProQuiz_content .wpProQuiz_listItem {
  margin-bottom: 22px;
  padding: 0;
  border: 0;
  background: none;
}

.pld-oc .wpProQuiz_content .wpProQuiz_question_text {
  font-family: var(--oc-font-roboto);
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  color: var(--oc-ink);
}

.pld-oc .wpProQuiz_content .wpProQuiz_questionList {
  margin-top: 12px;
}

/* Answer rows: `.pld-oc` is repeated deliberately. LD30 ships these same
   declarations at four classes -
   `.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) label`
   - which outranks a plain three-class `.pld-oc …` rule and would force the
   option back to `display: inline-block` with its own border/padding, killing
   the flex row and the `margin-left: auto` on the ✓/× mark. Self-duplicating
   the scope class lifts us to the same weight; loading after LearnDash then
   wins the tie without a single `!important`. */
.pld-oc.pld-oc .wpProQuiz_content .wpProQuiz_questionListItem {
  margin: 0 0 8px;
  padding: 0;
  border: 0;
}

.pld-oc.pld-oc .wpProQuiz_content .wpProQuiz_questionListItem label {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 13px 15px;
  background: #fff;
  border: 1.5px solid #dfe3e7;
  border-radius: 0;
  font-size: 14.5px;
  color: #3c3c3c;
  cursor: pointer;
  transition:
    background 0.12s var(--pld-ease),
    border-color 0.12s var(--pld-ease);
}

.pld-oc.pld-oc .wpProQuiz_content .wpProQuiz_questionListItem label:hover {
  border-color: #9bcdec;
}

/* LD30 prefixes every option with a dashicon via label::before; the ✓/× mark
   below is the only state glyph this design wants. */
.pld-oc.pld-oc .wpProQuiz_content .wpProQuiz_questionListItem label::before {
  content: none;
}

/* LD30 absolutely positions the "Correct"/"Incorrect"/"Correct answer" status
   text over the top-right of the row, where it collides with the answer text
   and the ✓/× mark. It is genuine assistive text, so hide it visually only -
   never display: none. */
.pld-oc.pld-oc .wpProQuiz_content .wpProQuiz_questionListItem .ld-quiz-question-item__status {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Beats LD30's `label input { margin-left: calc(22px + .25em) }`, which was
   reserving room for the dashicon killed above. */
.pld-oc.pld-oc .wpProQuiz_content .wpProQuiz_questionListItem input[type='radio'],
.pld-oc.pld-oc .wpProQuiz_content .wpProQuiz_questionListItem input[type='checkbox'] {
  accent-color: var(--oc-active);
  width: 18px;
  height: 18px;
  flex: none;
  margin: 0;
}

.pld-oc.pld-oc .wpProQuiz_content .wpProQuiz_answerCorrect,
.pld-oc.pld-oc .wpProQuiz_content .wpProQuiz_answerCorrect label {
  background: #edf8f0;
  border-color: #9ed3b0;
}

.pld-oc.pld-oc .wpProQuiz_content .wpProQuiz_answerIncorrect,
.pld-oc.pld-oc .wpProQuiz_content .wpProQuiz_answerIncorrect label {
  background: #fdecec;
  border-color: #e9b3b3;
}

/* WpProQuiz tags the right option `answerCorrectIncomplete` when the learner
   picked something else - "this was the answer", not "you got it". Outline
   green keeps it distinct from the filled green of an answer they chose. */
.pld-oc.pld-oc .wpProQuiz_content .wpProQuiz_answerCorrectIncomplete,
.pld-oc.pld-oc .wpProQuiz_content .wpProQuiz_answerCorrectIncomplete label {
  background: #fff;
  border-color: #9ed3b0;
}

.pld-oc .wpProQuiz_content input[type='button'],
.pld-oc .wpProQuiz_content input[type='submit'],
.pld-oc .wpProQuiz_content .wpProQuiz_button,
.pld-oc .wpProQuiz_content .wpProQuiz_button2 {
  background: var(--pld-btn-blue, #009bd8);
  border: 0;
  border-radius: 0;
  box-shadow: inset 0 -4px 0 var(--pld-btn-blue-edge, #1a6ab1);
  color: #fff;
  font-family: var(--oc-font-roboto);
  font-weight: 700;
  font-size: 13.5px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  padding: 11px 20px;
  cursor: pointer;
  float: none;
}

.pld-oc .wpProQuiz_content input[type='button']:hover,
.pld-oc .wpProQuiz_content input[type='submit']:hover,
.pld-oc .wpProQuiz_content .wpProQuiz_button:hover,
.pld-oc .wpProQuiz_content .wpProQuiz_button2:hover {
  background: var(--pld-btn-blue-hover, #136bb4);
}

/* WpProQuiz inlines margin-right: 10px on the Check button (it normally
   sits beside a Skip button we don't use) - flush it right like Next.
   Overriding an inline style needs the !important. */
.pld-oc .wpProQuiz_content input[name='check'] {
  margin-right: 0 !important;
}

/* Quiz progress header (design: QuizLesson "Question N of M" + segmented
   track + pass mark; rendered by pld-account.js). */
.pld-oc-quiz-progress {
  margin: 0 0 20px;
}

.pld-oc-quiz-progress-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.pld-oc-quiz-progress-label {
  font-family: var(--oc-font-roboto);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #9aa3ab;
}

.pld-oc-quiz-progress-pass {
  font-family: var(--oc-font-ui);
  font-size: 12.5px;
  color: #939598;
}

.pld-oc-quiz-progress-track {
  display: flex;
  gap: 4px;
}

.pld-oc-quiz-progress-track span {
  flex: 1;
  height: 4px;
  background: #e6e9ec;
}

.pld-oc-quiz-progress-track span.is-done {
  background: #009bd8;
}

.pld-oc-quiz-progress-track span.is-current {
  background: #9bcdec;
}

/* Per-question recap under the result banner (design: QuizLesson recap). */
.pld-oc-quiz-recap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 18px;
}

.pld-oc-quiz-recap-item {
  display: flex;
  gap: 11px;
  align-items: flex-start;
  padding: 12px 14px;
  border: 1px solid #e6e9ec;
  background: #fff;
}

.pld-oc-quiz-recap-mark {
  flex: none;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  margin-top: 1px;
}

.pld-oc-quiz-recap-item.is-correct .pld-oc-quiz-recap-mark {
  background: #1b9e4a;
}

.pld-oc-quiz-recap-item.is-incorrect .pld-oc-quiz-recap-mark {
  background: #dd1e25;
}

.pld-oc-quiz-recap-q {
  display: block;
  font-family: var(--oc-font-ui);
  font-size: 14px;
  color: #212529;
  line-height: 1.45;
}

.pld-oc-quiz-recap-a {
  display: block;
  font-family: var(--oc-font-ui);
  font-size: 13px;
  color: #7b7b7b;
  margin-top: 3px;
}

/* Right-aligned tick / cross on marked answers (design: option state marks).
   Same doubled `.pld-oc` as the answer-row block above - `margin-left: auto`
   only right-aligns while our flex `label` rule is the one that won. */
.pld-oc.pld-oc .wpProQuiz_content .wpProQuiz_answerCorrect label::after,
.pld-oc.pld-oc .wpProQuiz_content .wpProQuiz_answerCorrectIncomplete label::after {
  content: '✓';
  margin-left: auto;
  color: #1b9e4a;
  font-weight: 700;
}

.pld-oc.pld-oc .wpProQuiz_content .wpProQuiz_answerIncorrect label::after {
  content: '×';
  margin-left: auto;
  color: #dd1e25;
  font-weight: 700;
  font-size: 15px;
}

/* End-of-quiz summary (design: QuizLesson result banner + reviewed
   questions; pld-account.js expands the marked questions automatically). */
.pld-oc .wpProQuiz_results > h4.wpProQuiz_header,
.pld-oc .wpProQuiz_results .wpProQuiz_catOverview {
  display: none;
}

.pld-oc-quiz-banner {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  margin: 0 0 18px;
}

.pld-oc-quiz-banner.is-passed {
  background: #edf8f0;
  border: 1px solid #cde9d6;
}

.pld-oc-quiz-banner.is-failed {
  background: #fdecec;
  border: 1px solid #f4cfcf;
}

.pld-oc-quiz-banner-mark {
  flex: none;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
}

.is-passed .pld-oc-quiz-banner-mark {
  background: #1b9e4a;
}

.is-failed .pld-oc-quiz-banner-mark {
  background: #dd1e25;
}

.pld-oc-quiz-banner-text strong {
  display: block;
  font-family: var(--oc-font-roboto);
  font-weight: 700;
  font-size: 16px;
}

.is-passed .pld-oc-quiz-banner-text strong {
  color: #136d33;
}

.is-failed .pld-oc-quiz-banner-text strong {
  color: #9a1f24;
}

.pld-oc-quiz-banner-text span {
  font-family: var(--oc-font-ui);
  font-size: 13.5px;
  color: #5c595c;
}

.pld-oc .learndash-quiz-review__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}

/* Immediate per-question feedback ("check → continue" quiz mode). */
.pld-oc .wpProQuiz_content .wpProQuiz_response .wpProQuiz_correct {
  background: #edf8f0;
  border: 1px solid #cde9d6;
  color: #136d33;
  padding: 12px 16px;
  margin: 0 0 14px;
}

.pld-oc .wpProQuiz_content .wpProQuiz_response .wpProQuiz_incorrect {
  background: #fdecec;
  border: 1px solid #f4cfcf;
  color: #9a1f24;
  padding: 12px 16px;
  margin: 0 0 14px;
}

.pld-oc .wpProQuiz_content .wpProQuiz_response .wpProQuiz_correct > span,
.pld-oc .wpProQuiz_content .wpProQuiz_response .wpProQuiz_incorrect > span {
  font-family: var(--oc-font-roboto);
  font-weight: 700;
}

/* Certificate modal (design: CertificateModal / Modal). */
.pld-oc-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 100000;
  background: rgba(20, 30, 40, 0.45);
  display: grid;
  place-items: center;
  padding: 20px;
}

.pld-oc-modal {
  width: min(860px, 100%);
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  background: #fff;
  box-shadow: 0 24px 60px -16px rgba(0, 30, 60, 0.5);
  overflow: hidden;
}

.pld-oc-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 22px;
  border-bottom: 1px solid #eef0f2;
  flex: none;
}

.pld-oc-modal-head h2 {
  margin: 0;
  font-family: var(--oc-font-roboto);
  font-weight: 700;
  font-size: 18px;
  color: #212529;
}

.pld-oc-modal-close {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  background: #f1f3f5;
  color: #5c595c;
  display: grid;
  place-items: center;
  font-size: 18px;
  line-height: 1;
}

.pld-oc-modal-body {
  padding: 22px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

/* The certificate preview is a rendered image of the PDF; the box holds A4
   landscape so the modal doesn't jump when the image arrives. .is-loading
   paints the placeholder underneath it. */
.pld-oc-cert-preview {
  position: relative;
  aspect-ratio: 297 / 210;
  background: #f6f7f8;
}

.pld-oc-cert-preview.is-loading::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, #f6f7f8 30%, #eceff1 50%, #f6f7f8 70%);
  background-size: 250% 100%;
  animation: pld-oc-cert-shimmer 1.4s ease-in-out infinite;
}

@keyframes pld-oc-cert-shimmer {
  from {
    background-position: 150% 0;
  }

  to {
    background-position: -50% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pld-oc-cert-preview.is-loading::after {
    animation: none;
  }
}

.pld-oc-cert-img,
.pld-oc-cert-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #f6f7f8;
}

.pld-oc-cert-img {
  object-fit: contain;
}

.pld-oc-modal-foot {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  flex-wrap: wrap;
  padding: 0 22px 22px;
}

body.pld-oc-modal-open {
  overflow: hidden;
}

/* Lesson downloads (design: DownloadRow). pld_oc_enrich_downloads() splits
   each row into a name plus explicit View / Download chips: View opens the
   embedded PDF modal (pld-account.js), Download saves the file. */
.pld-oc-step-content ul.pld-oc-downloads {
  list-style: none;
  margin: 12px 0 18px;
  padding: 0;
  display: grid;
  gap: 10px;
}

.pld-oc-downloads li {
  margin: 0;
}

.pld-oc-downloads li.pld-oc-dl {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 13px 16px;
  background: #fff;
  border: 1px solid #d6dade;
  font-family: var(--oc-font-roboto);
  font-weight: 700;
  font-size: 14.5px;
  color: var(--oc-ink);
}

.pld-oc-downloads li.pld-oc-dl:hover,
.pld-oc-downloads li.pld-oc-dl:focus-within {
  border-color: var(--oc-active);
}

.pld-oc-downloads .pld-oc-dl-name {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.pld-oc-downloads .pld-oc-dl-name::before,
.pld-oc-downloads li:not(.pld-oc-dl) a::before {
  content: '';
  flex: none;
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cb4a42' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z'/%3E%3Cpath d='M14 2v5h5'/%3E%3Cpath d='M9 13h6'/%3E%3Cpath d='M9 17h6'/%3E%3C/svg%3E")
    center / contain no-repeat;
}

.pld-oc-downloads .pld-oc-dl-actions {
  margin-left: auto;
  display: flex;
  gap: 8px;
}

/* Chips carry the old CSS-generated "View" pill's recipe. Kept at two classes
   so they outrank the theme's generic anchor colours, as the anchor rule they
   replace did. */
.pld-oc-downloads .pld-oc-dl-view,
.pld-oc-downloads .pld-oc-dl-get {
  flex: none;
  padding: 5px 12px;
  border: 1px solid #d6dade;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #5c595c;
  text-decoration: none;
}

.pld-oc-downloads .pld-oc-dl-view:hover,
.pld-oc-downloads .pld-oc-dl-view:focus,
.pld-oc-downloads .pld-oc-dl-get:hover,
.pld-oc-downloads .pld-oc-dl-get:focus {
  border-color: var(--oc-active);
  color: var(--oc-active-ink);
  text-decoration: none;
}

/* Opened at least once this page view - feeds the Continue gate. */
.pld-oc-downloads .pld-oc-dl.is-viewed .pld-oc-dl-view {
  background: var(--oc-active-bg);
  border-color: var(--oc-active);
  color: var(--oc-active-ink);
}

.pld-oc-downloads .pld-oc-dl.is-viewed .pld-oc-dl-view::before {
  content: '✓ ';
}

.pld-oc-dl-all {
  margin: 0 0 18px;
}

/* Pre-enrichment fallback: the importer's plain `<li><a>Name.pdf</a></li>`
   rows, still shown as cards if pld_oc_enrich_downloads() bails on unusual
   markup. Gated off .pld-oc-dl so it never doubles up on enriched rows. */
.pld-oc-downloads li:not(.pld-oc-dl) a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 16px;
  background: #fff;
  border: 1px solid #d6dade;
  font-family: var(--oc-font-roboto);
  font-weight: 700;
  font-size: 14.5px;
  color: var(--oc-ink);
  text-decoration: none;
}

.pld-oc-downloads li:not(.pld-oc-dl) a:hover,
.pld-oc-downloads li:not(.pld-oc-dl) a:focus {
  border-color: var(--oc-active);
  text-decoration: none;
}

/* Embedded PDF preview inside the shared modal. */
.pld-oc-pdf-frame {
  display: block;
  width: 100%;
  height: min(72vh, 860px);
  border: 0;
  background: #f6f7f8;
}

/* The interim "Quiz complete. Results are being recorded…" block WpProQuiz
   shows while it posts the attempt - plain plugin markup, so give it the
   course typography rather than the theme's default h4. */
.pld-oc .wpProQuiz_content .wpProQuiz_sending h4 {
  margin: 0 0 8px;
  font-family: var(--oc-font-roboto);
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  color: var(--oc-ink);
}

.pld-oc .wpProQuiz_content .wpProQuiz_sending p {
  font-family: var(--oc-font-ui);
  font-size: 13.5px;
  color: var(--oc-muted);
}

.pld-oc .wpProQuiz_content .wpProQuiz_results {
  padding: 16px 18px;
  background: #edf8f0;
  border: 1px solid #cde9d6;
}

.pld-oc .wpProQuiz_content .wpProQuiz_results h4 {
  font-family: var(--oc-font-roboto);
  font-weight: 700;
  font-size: 16px;
  color: #136d33;
}

.pld-oc .wpProQuiz_content .wpProQuiz_quiz_time,
.pld-oc .wpProQuiz_content .wpProQuiz_points {
  font-family: var(--oc-font-ui);
  font-size: 13.5px;
  color: #5c595c;
}

/* The failed-attempt block keeps WpProQuiz's own class on the
   restart button; give it the red-outline "Try again" look. */
.pld-oc .wpProQuiz_content input[name='restartQuiz'] {
  background: #fff;
  border: 1px solid #e0b6b6;
  box-shadow: none;
  color: #9a1f24;
}

.pld-oc .wpProQuiz_content input[name='restartQuiz']:hover {
  background: #fdecec;
}

/* Handout reader. Pages are drawn to canvas by PDF.js, so the box scrolls
   rather than sizing to a fixed aspect. */
.pld-oc-pdf-box {
  height: min(70vh, 620px);
  overflow-y: auto;
  /* Without this a scroll that reaches the end of the document carries on
     into the page behind the modal. */
  overscroll-behavior: contain;
  background: #f1f3f5;
}

.pld-oc-pdf-pages {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
}

.pld-oc-pdf-page {
  display: block;
  width: 100%;
  height: auto;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
}

.pld-oc-pdf-status {
  margin: 0;
  padding: 10px 12px;
  font-family: var(--oc-font-ui);
  font-size: 13px;
  color: var(--oc-muted);
  text-align: center;
}

.pld-oc-pdf-status.is-error {
  color: #9a1f24;
}

/* Course video. The box holds 16:9 before the player mounts so the panel
   does not jump when the signed source arrives. */
.pld-oc-video {
  position: relative;
  aspect-ratio: 16 / 9;
  margin: 0 0 18px;
  background: #101418;
}

.pld-oc-video.is-loading::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 34px;
  height: 34px;
  margin: -17px 0 0 -17px;
  border: 3px solid rgba(255, 255, 255, 0.25);
  border-top-color: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  animation: pld-oc-video-spin 0.9s linear infinite;
}

@keyframes pld-oc-video-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pld-oc-video.is-loading::after {
    animation: none;
  }
}

.pld-oc-video-el {
  display: block;
  width: 100%;
  height: 100%;
}

.pld-oc-video-error {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 20px;
  text-align: center;
  font-family: var(--oc-font-ui);
  font-size: 14px;
  color: #f1f3f5;
}

/* Stored result shown when a learner returns to a quiz they have sat. */
.pld-oc-quiz-result {
  padding: 18px 20px;
  border-radius: 8px;
  border: 1px solid #cde9d6;
  background: #edf8f0;
}

.pld-oc-quiz-result.is-fail {
  border-color: #e0b6b6;
  background: #fdecec;
}

.pld-oc-quiz-result-status {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--oc-font-roboto);
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  color: #136d33;
}

.pld-oc-quiz-result.is-fail .pld-oc-quiz-result-status {
  color: #9a1f24;
}

.pld-oc-quiz-result-score {
  margin: 8px 0 0;
  font-family: var(--oc-font-ui);
  font-size: 14px;
  color: var(--oc-ink);
}

.pld-oc-quiz-result-when {
  margin: 4px 0 0;
  font-family: var(--oc-font-ui);
  font-size: 13px;
  color: var(--oc-muted);
}

.pld-oc-quiz-result-actions {
  margin-top: 16px;
}

/* Native quiz fallback page ---------------------------------- */
body.pld-oc-page .pld-oc-quiz-single {
  max-width: 980px;
  margin: 28px auto 48px;
}

/* Mobile ------------------------------------------------------ */
@media (max-width: 880px) {
  .pld-oc-viewer {
    flex-direction: column;
    gap: 16px;
  }

  .pld-oc-sidebar {
    width: 100%;
  }

  .pld-oc-sidebar-card {
    position: static;
  }

  .pld-oc-outline {
    max-height: none;
  }

  .pld-oc-course-head {
    padding: 20px;
  }

  .pld-oc-course-title {
    font-size: 24px;
  }

  .pld-oc-panel-body {
    padding: 20px;
  }
}

@media (max-width: 1100px) {
  .pld-oc-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 820px) {
  .pld-oc-grid {
    grid-template-columns: 1fr;
  }
}

/* ---- Tracking Sheets registration, Gravity Form 87 (Trello 2288) ----
   Everything below is scoped to #gform_wrapper_87. The page ID differs
   between prod and staging, so the wrapper - not a .singular-page-NNNN class -
   is the stable hook here. */
#gform_wrapper_87 ul.gform_fields li label {
  font-size: 16px;
}

/* The consent checkbox. This was 12px of padding on the list plus -13px of
   margin on the row, which cancelled out to roughly nothing while leaving
   the row overhanging its own container by 1px on each side and pulling it
   up over the field above. Set the gap once, on the list.

   Target the row by class, not by .gchoice_87_13_1: that index only ever
   matches the first choice, so a second checkbox added to field 13 would go
   unstyled. Repeating ".checkbox.checkbox" for specificity is also no longer
   needed now the wrapper ID is doing that job. */
#gform_wrapper_87 ul#input_87_13 {
  padding: 12px 0;
}

#gform_wrapper_87 ul#input_87_13 li.gchoice {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
}

/* "gform-footer gform_footer top_label" is the class list GF puts on the
   footer of every legacy-markup form (verified on /contact-us/ form 62 and
   /feedback/ form 66), so unscoped this reset landed on all of them. It also
   sat at the end of the file, which meant it beat the equal-specificity
   ".form-column-right .gform_footer.top_label" above on source order and
   wiped that form's 25px top/bottom margins. */
#gform_wrapper_87 .gform-footer.gform_footer.top_label {
  padding: 0;
  margin: 0 2rem;
}

/* The page already prints its own "Register for the 2027 Tracking Sheets"
   heading directly above the form, so Gravity's own title is a duplicate.
   It cannot be reached from inside the form: GF renders .gform_heading as a
   SIBLING of <form id="gform_87">, both children of #gform_wrapper_87, so the
   "#gform_87 h3.gform_title" this replaces never matched anything and the
   title stayed visible. Hang it off the wrapper instead. */
#gform_wrapper_87 .gform_title {
  display: none;
}

/* Matches the treatment the other forms already get from
   ".form-column-right .gform_validation_errors.validation_error h2". */
#gform_wrapper_87 h2.gform_submission_error {
  font-size: 16px;
  color: red;
}

/* ==========================================================================
   Homepage Updates - Home -v2.1 (Trello #2284)
   ========================================================================== */
.bg-pld-blue {
  background-color: #009ed5;
}

.pld-hero-about {
  background-color: #009ed5;
  border-radius: 0;
  height: 100%;
  padding: 30px 40px;
}

.pld-hero-about h1.home-title,
.pld-hero-about h2.home-title {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 12px;
  color: #fff;
}

.pld-hero-about img.curve_line {
  width: 105px !important;
  max-width: 105px !important;
  height: auto !important;
  margin-top: 0;
  margin-bottom: 22px;
}

.pld-hero-about p {
  font-size: 16.5px;
  line-height: 1.7;
  color: #fff;
  max-width: none;
}

.pld-hero-about p.about-text-1 {
  margin-bottom: 16px;
}

.pld-hero-slider-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.pld-hero-slider-wrap #pld-hero {
  width: 100%;
  overflow: hidden;
}

.pld-hero-slider-wrap .ls-wp-container {
  max-width: 100% !important;
  margin: 0 auto !important;
}

.pld-hero-slider-wrap .ls-layer img,
.pld-hero-slider-wrap .ls-wrapper,
.pld-hero-slider-wrap img.pld-hero-static {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

#pld-hero-ls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pld-hero-static-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 2;
  transition: opacity 0.6s ease-in-out;
  container-type: inline-size;
  container-name: pld-hero;
}

.pld-hero-static-wrap img.pld-hero-static {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pld-hero-static-wrap a.ls-l {
  text-decoration: none;
}

.pld-hero-static-wrap .ls-layer,
.pld-hero-static-wrap .ls-button-layer {
  position: absolute !important;
  display: inline-block;
  white-space: nowrap;
  box-sizing: border-box;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
}

.support-section-wrapper {
  background-color: #009ed5;
  width: 100%;
  padding: 65px 0 75px 0;
  margin-top: 35px;
  margin-bottom: 75px;
}

.support-section-wrapper .support-title-wrap h2.home-title {
  color: #fff;
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 8px;
}

.support-section-wrapper .support-title-wrap img.curve_line {
  width: 105px !important;
  max-width: 105px !important;
  height: auto !important;
  margin: 0 auto 55px auto;
  display: block;
}

.support-section-wrapper .support-cards-row {
  margin-top: 0;
}

.support-section-wrapper .support-link.blue,
.support-section-wrapper .custom-dropdown.blue {
  background: #015486 !important;
  color: white;
}

.support-section-wrapper .custom-dropdown.blue li a:hover {
  background: #013f66 !important;
}

@media (max-width: 1200px) {
  .pld-hero-about h1.home-title,
  .pld-hero-about h2.home-title {
    font-size: 26px;
  }
}

@media (max-width: 1024px) {
  .pld-hero-about {
    min-height: auto;
    padding: 24px 20px;
  }

  .pld-hero-about h1.home-title,
  .pld-hero-about h2.home-title {
    font-size: 24px;
  }

  .support-section-wrapper {
    padding: 45px 0 50px 0;
    margin-top: 25px;
    margin-bottom: 45px;
  }

  .support-section-wrapper .support-title-wrap img.curve_line {
    margin-bottom: 30px;
  }
}

/* -------------------------------------------------------------------------
   The Events Calendar: list view cards (tribe-events/list/single-event.php)
   ------------------------------------------------------------------------- */
.pld-event-list-card {
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
}

.pld-event-list-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0, 86, 150, 0.12) !important;
  border-color: #005696 !important;
}

.pld-event-image-col img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.pld-event-list-card:hover .pld-event-image-col img {
  transform: scale(1.04);
}

.pld-event-title-link:hover {
  color: #f36f23 !important;
}

.pld-event-btn:hover {
  background-color: #f36f23 !important;
  border-color: #f36f23 !important;
}

/* -------------------------------------------------------------------------
   Single seminar page (tribe-events/single-event.php and the ticket form in
   includes/seminar-functions.php). Square corners, flat colour, hairline
   borders, in line with the product and seminar landing pages.
   ------------------------------------------------------------------------- */
.pld-single-event-container img {
  max-width: 100%;
  height: auto;
}

/* Back link ------------------------------------------------- */
.pld-single-event-container .pld-event-back {
  margin-bottom: 16px;
}

.pld-single-event-container .pld-event-back-link {
  color: var(--pld-blue-link);
  font-size: 14px;
  text-decoration: none;
}

.pld-single-event-container .pld-event-back-link:hover {
  color: var(--pld-navy);
  text-decoration: underline;
}

/* Page head ------------------------------------------------- */
.pld-single-event-container .pld-event-head {
  margin-bottom: 24px;
}

.pld-single-event-container .pld-event-title {
  color: var(--pld-navy);
  font-size: 30px;
  line-height: 1.25;
  margin: 0 0 10px;
}

.pld-single-event-container .pld-event-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 24px;
  color: var(--pld-grey-700);
  font-size: 15px;
  margin: 0;
}

.pld-single-event-container .pld-event-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* The Events Calendar sizes the spans it prints inside the schedule details,
   so the date read larger than the venue line next to it. */
.pld-single-event-container .pld-event-meta-item,
.pld-single-event-container .pld-event-meta-item span,
.pld-single-event-container .pld-event-meta-item abbr,
.pld-single-event-container .pld-event-meta-item time {
  color: var(--pld-grey-700);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.pld-single-event-container .pld-event-meta-icon {
  color: var(--pld-blue);
}

/* Events Calendar Pro injects .tribe-events-virtual-single-marker into
   tribe_events_event_schedule_details(), so it lands in the meta line and in
   the details panel. The meta line already says "Online seminar". */
.pld-single-event-container .tribe-events-virtual-single-marker {
  display: none;
}

/* Featured image -------------------------------------------- */
.pld-single-event-container .pld-event-media {
  margin-bottom: 24px;
}

/* tribe-events-skeleton.css centres and spaces this wrapper. */
.pld-single-event-container .pld-event-media .tribe-events-event-image {
  margin: 0;
  text-align: left;
}

.pld-single-event-container .pld-event-media img {
  display: block;
  width: 100%;
  border-radius: 0;
}

/* Body copy ------------------------------------------------- */
.pld-single-event-container .pld-event-description {
  color: var(--pld-ink);
  margin-bottom: 24px;
  overflow-wrap: break-word;
}

.pld-single-event-container .pld-event-description h2,
.pld-single-event-container .pld-event-description h3,
.pld-single-event-container .pld-event-description h4 {
  color: var(--pld-navy);
}

.pld-single-event-container .pld-event-description a {
  color: var(--pld-blue-link);
}

/* Registration steps ---------------------------------------- */
.pld-single-event-container .tribe-events-single-registration-process {
  background: #f8f8f8;
  border: 1px solid var(--pld-line);
  border-radius: 0;
  margin: 0 0 16px;
  padding: 20px 24px;
}

.pld-single-event-container .tribe-events-single-registration-process h4 {
  color: var(--pld-navy);
  font-size: 17px;
  font-weight: 700;
  margin: 0 0 12px;
}

.pld-single-event-container .tribe-events-single-registration-process ol {
  font-size: 15px;
  margin: 0;
  padding-left: 20px;
}

.pld-single-event-container .tribe-events-single-registration-process li {
  color: var(--pld-ink);
  font-size: 15px;
  line-height: 1.55;
  margin-bottom: 8px;
}

.pld-single-event-container .tribe-events-single-registration-process a {
  color: var(--pld-blue-link);
}

/* The unscoped .seminar-cancellation-policy rule further up this file sets
   padding with !important. */
.pld-single-event-container .seminar-cancellation-policy {
  color: var(--pld-price);
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 24px;
  padding: 0 !important;
}

.pld-single-event-container .seminar-cancellation-policy span {
  color: var(--pld-price);
}

/* Terms and refund panels ----------------------------------- */
.pld-single-event-container .pld-event-policies {
  margin-bottom: 24px;
}

.pld-single-event-container .pld-event-policies .pld-event-panel {
  height: 100%;
  margin-bottom: 0;
}

.pld-single-event-container .pld-event-policy-copy {
  color: var(--pld-ink);
  font-size: 15px;
  line-height: 1.6;
}

.pld-single-event-container .pld-event-policy-copy p:last-child {
  margin-bottom: 0;
}

.pld-single-event-container .pld-event-policy-copy a {
  color: var(--pld-blue-link);
}

/* Add to calendar ------------------------------------------- */
/* tribe-events-theme.css sets these links to #21759b with no padding. */
.pld-single-event-container .tribe-events-cal-links {
  display: block;
  float: none;
  margin: 0 0 24px;
}

.pld-single-event-container .tribe-events-cal-links a.tribe-events-gcal,
.pld-single-event-container .tribe-events-cal-links a.tribe-events-ical {
  border: 1px solid var(--pld-line);
  color: var(--pld-blue-link);
  display: inline-block;
  font-size: 14px;
  margin: 0 8px 8px 0;
  padding: 8px 14px;
  text-decoration: none;
}

.pld-single-event-container .tribe-events-cal-links a.tribe-events-gcal:hover,
.pld-single-event-container .tribe-events-cal-links a.tribe-events-ical:hover {
  border-color: var(--pld-blue-link);
  color: var(--pld-blue-link);
}

/* Sidebar panels (tickets and seminar details) --------------- */
.pld-single-event-container .pld-event-panel {
  background: #fff;
  border: 1px solid var(--pld-line);
  border-radius: 0;
  margin-bottom: 24px;
}

.pld-single-event-container .pld-event-panel-head {
  background: var(--pld-navy);
  padding: 13px 18px;
}

/* The h1-h6 rule at the top of this file sets Segoe UI and the h2 weight
   with !important. */
.pld-single-event-container .pld-event-panel-title {
  color: #fff;
  font-family: robotomedium, 'Segoe UI', sans-serif !important;
  font-size: 16px;
  font-weight: 400 !important;
  letter-spacing: 0.04em;
  line-height: 1.3;
  margin: 0;
  text-transform: uppercase;
}

.pld-single-event-container .pld-event-panel-body {
  padding: 18px;
}

.pld-single-event-container .pld-event-aside .pld-event-panel:last-child {
  margin-bottom: 0;
}

.pld-single-event-container .pld-event-map .pld-event-panel-body {
  padding: 0;
}

/* Seminar details ------------------------------------------- */
.pld-single-event-container .pld-event-detail {
  border-bottom: 1px solid var(--pld-line);
  margin-bottom: 14px;
  padding-bottom: 14px;
}

.pld-single-event-container .pld-event-detail:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.pld-single-event-container .pld-event-detail-label {
  color: var(--pld-navy);
  font-family: robotomedium, 'Segoe UI', sans-serif;
  font-size: 13px;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
  text-transform: uppercase;
}

/* The h1-h6, p, span, a rule at the top of this file forces Segoe UI on the
   spans and links inside these rows, so set the same family on the rows
   themselves rather than leave half of each one on the body font. */
.pld-single-event-container .pld-event-detail-value,
.pld-single-event-container .pld-event-detail-address,
.pld-single-event-container .pld-ticket-price,
.pld-single-event-container .pld-ticket-gst,
.pld-single-event-container .pld-ticket-sales-end {
  font-family: 'Segoe UI', sans-serif;
}

.pld-single-event-container .pld-event-detail-value {
  color: var(--pld-ink);
  font-size: 15px;
  line-height: 1.5;
}

.pld-single-event-container .pld-event-detail-value a {
  color: var(--pld-blue-link);
}

.pld-single-event-container .pld-event-detail-address {
  color: var(--pld-grey-700);
  font-size: 14px;
  line-height: 1.5;
  margin-top: 4px;
}

.pld-single-event-container .pld-event-detail-address a {
  color: var(--pld-blue-link);
}

/* Ticket rows ----------------------------------------------- */
.pld-single-event-container .pld-ticket-row {
  align-items: center;
  border-bottom: 1px solid var(--pld-line);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 14px;
  padding-bottom: 14px;
}

.pld-single-event-container .pld-ticket-row:last-child {
  border-bottom: 0;
}

.pld-single-event-container .pld-ticket-info {
  flex: 1 1 60%;
}

.pld-single-event-container .pld-ticket-name {
  color: var(--pld-ink);
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-size: 15px;
  line-height: 1.35;
  margin-bottom: 4px;
}

.pld-single-event-container .pld-ticket-price,
.pld-single-event-container .pld-ticket-price .amount {
  color: var(--pld-blue);
  font-size: 16px;
}

.pld-single-event-container .pld-ticket-gst,
.pld-single-event-container .pld-ticket-sales-end {
  color: var(--pld-grey-500);
  font-size: 12px;
}

.pld-single-event-container .pld-ticket-sales-end {
  margin-top: 4px;
}

.pld-single-event-container .pld-ticket-qty {
  align-items: center;
  display: flex;
  gap: 8px;
}

.pld-single-event-container .pld-ticket-qty-label {
  color: var(--pld-grey-700);
  font-family: robotomedium, 'Segoe UI', sans-serif;
  font-size: 13px;
  letter-spacing: 0.04em;
  margin: 0;
  text-transform: uppercase;
}

.pld-single-event-container .pld-ticket-qty-input {
  background: #fff;
  border: 1px solid var(--pld-line);
  border-radius: 0;
  color: var(--pld-ink);
  height: 38px;
  padding: 0 6px;
  text-align: center;
  width: 64px;
}

/* Same treatment as .single_add_to_cart_button. */
.pld-single-event-container .pld-event-submit {
  background-color: #009bd9;
  border: none;
  border-radius: 0;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.02em;
  margin-top: 18px;
  padding: 12px 20px;
  text-transform: uppercase;
  width: 100%;
}

.pld-single-event-container .pld-event-submit:hover,
.pld-single-event-container .pld-event-submit:focus {
  background-color: #0082b7;
  color: #fff;
}

/* Logistics accordions -------------------------------------- */
.pld-single-event-container .pld-event-logistics-wrapper {
  margin: 32px 0;
}

.pld-single-event-container .pld-logistics-title {
  color: var(--pld-navy);
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 16px;
}

.pld-single-event-container .pld-event-logistics-wrapper .accordion-item {
  background: #fff;
  border: 1px solid var(--pld-line);
  border-radius: 0;
  margin-bottom: 10px;
}

.pld-single-event-container .pld-event-logistics-wrapper .accordion-button {
  background-color: #f8f8f8;
  border-radius: 0;
  box-shadow: none;
  color: var(--pld-ink);
  font-size: 16px;
  font-weight: 600;
  padding: 14px 18px;
}

.pld-single-event-container .pld-event-logistics-wrapper .accordion-button:not(.collapsed) {
  background-color: #f8f8f8;
  color: var(--pld-navy);
}

/* Bootstrap rounds the first and last item of an accordion. */
.pld-single-event-container
  .pld-event-logistics-wrapper
  .accordion-item:first-of-type
  > .accordion-header
  .accordion-button,
.pld-single-event-container
  .pld-event-logistics-wrapper
  .accordion-item:last-of-type
  > .accordion-header
  .accordion-button.collapsed,
.pld-single-event-container
  .pld-event-logistics-wrapper
  .accordion-item:last-of-type
  > .accordion-collapse {
  border-radius: 0;
}

/* The parent theme draws a marker on accordion headers; Bootstrap adds its
   own chevron. Neither is wanted here. */
.pld-single-event-container .pld-event-logistics-wrapper .accordion-header::before,
.pld-single-event-container .pld-event-logistics-wrapper .accordion-header::after,
.pld-single-event-container .pld-event-logistics-wrapper .accordion-button::before,
.pld-single-event-container .pld-event-logistics-wrapper .accordion-button::after {
  content: none;
  display: none;
}

.pld-single-event-container .pld-event-logistics-wrapper .accordion-header {
  background: none;
  border: 0;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

.pld-single-event-container .pld-event-logistics-wrapper .accordion-body {
  background-color: #fff;
  color: var(--pld-ink);
  padding: 16px 18px;
}

.pld-single-event-container .pld-event-logistics-wrapper .accordion-body p {
  margin-bottom: 0;
}

/* Related blog slider --------------------------------------- */
/* Same section as the home page, with half its vertical space. */
.pld-event-blog .blog-slider-wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pld-event-blog .blog-slider-header {
  margin-bottom: 0;
}

/* Video embeds ---------------------------------------------- */
.pld-single-event-container .ratio,
.pld-event-body .ratio,
.pld-event-virtual-video,
.entry-content.tribe-events-single-event-description .ratio {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  min-height: 380px !important;
  overflow: hidden !important;
  margin-bottom: 24px;
  background: transparent !important;
}

.pld-single-event-container iframe,
.pld-event-body iframe,
.pld-event-virtual-video iframe,
.entry-content.tribe-events-single-event-description .ratio iframe {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 380px !important;
  border: 0 !important;
}

/* FitVids and Bootstrap ratio compatibility. */
.pld-single-event-container .ratio::before,
.pld-event-body .ratio::before,
.pld-event-virtual-video .ratio::before,
.entry-content.tribe-events-single-event-description .ratio::before {
  display: none !important;
  content: none !important;
  padding-top: 0 !important;
}

.pld-single-event-container .fluid-width-video-wrapper,
.pld-event-body .fluid-width-video-wrapper,
.entry-content.tribe-events-single-event-description .fluid-width-video-wrapper {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 380px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}

.pld-single-event-container .fluid-width-video-wrapper iframe,
.pld-event-body .fluid-width-video-wrapper iframe,
.entry-content.tribe-events-single-event-description .fluid-width-video-wrapper iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 380px !important;
  border: 0 !important;
}

/* Sidebar column -------------------------------------------- */
@media (min-width: 992px) {
  .pld-single-event-container .pld-event-aside {
    position: sticky;
    top: 140px;
    align-self: flex-start;
    z-index: 10;
  }
}

/* Tickets and details come before the image and description on a phone. */
@media (max-width: 991.98px) {
  .pld-single-event-container .pld-event-aside {
    order: -1;
  }
}

@media (max-width: 575px) {
  .pld-single-event-container .pld-event-title {
    font-size: 24px;
  }
}

/* -------------------------------------------------------------------------
   Seminar ticket purchase flow: the attendee details page (Event Tickets Plus
   templates overridden in tribe/tickets-plus/v2/attendee-registration/) and the
   ticket lines in the cart, order review, order emails and order received page.
   Same panels, tokens and button treatment as the single seminar page.

   Event Tickets Plus enqueues its registration page stylesheet from the view
   rather than on wp_enqueue_scripts, so it prints in the footer and wins ties
   against custom.css. Its own selectors run to six classes in places, so the
   rules below carry the container's second class, and the field rules carry the
   plugin's own anchors, to sit a step above rather than rely on source order.
   ------------------------------------------------------------------------- */

/* The page runs through index.php, which prints an empty banner block above the
   content. There is no title to show in it here. */
body.pld-attendee-page .loop-meta.jumbotron {
  display: none;
}

/* The page ran narrower than the cart: the shared container caps at 1140px and
   #content.hfeed is a flex row, so the entry sized to its content rather than
   filling it. Match the cart page width and let the entry fill it. */
body.pld-attendee-page #main > .container {
  margin: 0 auto;
  max-width: 1280px;
}

body.pld-attendee-page #content.hfeed,
body.pld-attendee-page #content.hfeed .entry,
body.pld-attendee-page #content.hfeed .entry-content {
  flex: 1 1 100%;
  max-width: 100%;
  width: 100%;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration {
  /* One blue for the button, the step accent and the input focus, and square
     corners for everything Event Tickets rounds off this variable. */
  --pld-ar-blue: #009bd9;
  --pld-ar-blue-hover: #0082b7;
  --tec-border-radius-default: 0;

  margin: 0 0 40px;
  max-width: 100% !important;
  padding: 0;
  width: 100%;
}

/* Page head + step indicator ---------------------------------- */
body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-head {
  border-bottom: 1px solid var(--pld-line);
  margin-bottom: 28px;
  padding-bottom: 20px;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-title {
  color: var(--pld-navy);
  font-family: 'Segoe UI', sans-serif !important;
  font-size: 30px;
  font-weight: 700 !important;
  line-height: 1.25;
  margin: 0 0 8px;
  padding: 0;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-intro {
  color: var(--pld-grey-700);
  font-size: 15px;
  line-height: 1.5;
  margin: 0 0 18px;
  max-width: 620px;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
  list-style: none;
  margin: 0;
  padding: 0;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-step {
  align-items: center;
  color: var(--pld-grey-500);
  display: flex;
  font-family: 'Segoe UI', sans-serif;
  font-size: 13px;
  gap: 8px;
  letter-spacing: 0.04em;
  margin: 0;
  padding: 0 0 8px;
  text-transform: uppercase;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-step-label {
  white-space: nowrap;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-step-number {
  align-items: center;
  border: 1px solid var(--pld-line);
  color: inherit;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 12px;
  height: 24px;
  justify-content: center;
  width: 24px;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-step--done {
  color: var(--pld-grey-700);
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-step--done .pld-ar-step-number {
  border-color: var(--pld-grey-400);
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-step--current {
  border-bottom: 2px solid var(--pld-ar-blue);
  color: var(--pld-navy);
}

body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .pld-ar-step--current
  .pld-ar-step-number {
  background: var(--pld-ar-blue);
  border-color: var(--pld-ar-blue);
  color: #fff;
}

/* Grid: one column on a phone (summary first, as printed), 8/12 and 4/12 from
   the large breakpoint up, matching the single seminar page. */
body.pld-attendee-page .pld-ar.tribe-tickets__registration .tribe-tickets__registration-grid {
  border-top: 0;
  display: grid;
  gap: 0 30px;
  grid-template-columns: minmax(0, 1fr);
  padding-top: 0;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .tribe-tickets__registration-content {
  grid-column: 1;
  grid-row: auto;
  max-width: 100%;
  min-width: 0;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-aside {
  grid-column: 1;
  max-width: 100%;
  min-width: 0;
}

@media (min-width: 992px) {
  body.pld-attendee-page .pld-ar.tribe-tickets__registration .tribe-tickets__registration-grid {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }

  body.pld-attendee-page .pld-ar.tribe-tickets__registration .tribe-tickets__validation-notice {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  body.pld-attendee-page .pld-ar.tribe-tickets__registration .tribe-tickets__registration-content {
    grid-column: 1;
    grid-row: 2;
  }

  body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-aside {
    align-self: start;
    grid-column: 2;
    grid-row: 2;
    position: sticky;
    top: 140px;
    z-index: 10;
  }
}

/* Panels ------------------------------------------------------- */
body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-event-panel {
  background: #fff;
  border: 1px solid var(--pld-line);
  border-radius: 0;
  margin-bottom: 24px;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-event-panel-head {
  background: var(--pld-navy);
  padding: 13px 18px;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-event-panel-title {
  color: #fff;
  font-family: robotomedium, 'Segoe UI', sans-serif !important;
  font-size: 16px;
  font-weight: 400 !important;
  letter-spacing: 0.04em;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-event-panel-body {
  padding: 18px;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-panel-event {
  color: rgba(255, 255, 255, 0.85);
  font-family: 'Segoe UI', sans-serif;
  font-size: 13px;
  line-height: 1.4;
  margin: 4px 0 0;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-panel-schedule {
  color: rgba(255, 255, 255, 0.7);
  font-family: 'Segoe UI', sans-serif;
  font-size: 13px;
  line-height: 1.4;
  margin: 2px 0 0;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .tribe-tickets__registration-event {
  margin: 0;
  max-width: 100%;
  padding: 0;
}

/* Attendee blocks --------------------------------------------- */
/* The plugin draws these as a grey box with a 4px edge and two 4px squares in
   the pseudo elements. Inside a panel they are just rows, so clear all of it. */
body.pld-attendee-page .pld-ar .pld-ar-panel .tribe-tickets__attendee-tickets-item {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--pld-line);
  margin: 0 0 20px;
  padding: 0 0 20px;
}

body.pld-attendee-page .pld-ar .pld-ar-panel .tribe-tickets__attendee-tickets-item::before,
body.pld-attendee-page .pld-ar .pld-ar-panel .tribe-tickets__attendee-tickets-item::after {
  content: none;
}

body.pld-attendee-page
  .pld-ar
  .pld-ar-panel
  .tribe-tickets__attendee-tickets-item
  + .tribe-tickets__attendee-tickets-item {
  margin-top: 0;
}

body.pld-attendee-page .pld-ar .pld-ar-panel .tribe-tickets__attendee-tickets-item:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .tribe-tickets__attendee-tickets-item-title {
  color: var(--pld-navy);
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-size: 15px;
  letter-spacing: 0;
  margin: 0;
  text-transform: none;
}

/* Fields: labels above inputs, inputs full width and square. The plugin lays
   these out as a flex row from a six class selector, so match its anchors. */
body.pld-attendee-page
  .pld-ar
  .pld-ar-panel
  .tribe-tickets__attendee-tickets-item.tribe-tickets__form
  .tribe-tickets__form-field {
  display: block;
  margin: 0 0 14px;
  padding-bottom: 0;
  width: 100%;
}

body.pld-attendee-page
  .pld-ar
  .pld-ar-panel
  .tribe-tickets__attendee-tickets-item.tribe-tickets__form
  .tribe-tickets__form-field-label {
  color: var(--pld-ink);
  display: block;
  flex: 0 0 auto;
  font-family: 'Segoe UI', sans-serif;
  font-size: 14px;
  margin: 0 0 4px;
  max-width: 100%;
  padding: 0;
  text-align: left;
  width: 100%;
}

body.pld-attendee-page
  .pld-ar
  .pld-ar-panel
  .tribe-tickets__attendee-tickets-item.tribe-tickets__form
  .tribe-tickets__form-field-input-wrapper {
  display: block;
  flex: 1 1 auto;
  max-width: 100%;
  width: 100%;
}

body.pld-attendee-page
  .pld-ar
  .pld-ar-panel
  .tribe-tickets__attendee-tickets-item.tribe-tickets__form
  .tribe-tickets__form-field-input {
  background: #fff;
  border: 1px solid var(--pld-line);
  border-radius: 0;
  box-shadow: none;
  color: var(--pld-ink);
  font-family: 'Segoe UI', sans-serif;
  font-size: 15px;
  max-width: 100%;
  padding: 10px 12px;
  width: 100%;
}

body.pld-attendee-page
  .pld-ar
  .pld-ar-panel
  .tribe-tickets__attendee-tickets-item.tribe-tickets__form
  .tribe-tickets__form-field-input:focus {
  border-color: var(--pld-ar-blue);
  box-shadow: none;
  outline: 2px solid var(--pld-ar-blue);
  outline-offset: 2px;
}

/* Descriptions and the plugin's validation helpers sit under the input. */
body.pld-attendee-page .pld-ar.tribe-tickets__registration .tribe-tickets__form-field-description,
body.pld-attendee-page .pld-ar.tribe-tickets__registration .tribe-tickets__form-field-input-helper {
  display: block;
  font-size: 12px;
  margin-top: 4px;
  width: 100%;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .tribe-tickets__form-field-description {
  color: var(--pld-grey-500);
}

/* Ticket summary ---------------------------------------------- */
/* The plugin places and offsets the mini cart itself (a 160px top margin, a
   fixed 360px width and its own sticky position). The aside owns all of that
   here, so reset it. */
body.pld-attendee-page .pld-ar.tribe-tickets__registration .tribe-tickets__mini-cart {
  align-self: auto;
  border-top: 0;
  grid-column: auto;
  grid-row: auto;
  margin: 0 0 16px;
  max-width: 100%;
  padding: 0;
  position: static;
  width: 100%;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .tribe-tickets__mini-cart-title {
  border: 0;
  margin: 0;
}

/* Summary rows: name, unit price, quantity, line total. */
body.pld-attendee-page .pld-ar.tribe-tickets__registration .tribe-tickets__tickets-item {
  align-items: baseline;
  border-bottom: 1px solid var(--pld-line);
  column-gap: 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  margin: 0 0 14px;
  padding: 0 0 14px;
  row-gap: 2px;
}

body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .pld-ar-summary
  .tribe-tickets__tickets-item-content-title {
  color: var(--pld-ink);
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-size: 15px;
  line-height: 1.35;
}

body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .pld-ar-summary
  .tribe-tickets__tickets-item-content-subtitle {
  color: var(--pld-grey-700);
  font-family: 'Segoe UI', sans-serif;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 2px;
}

body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .pld-ar-summary
  .tribe-tickets__tickets-item-extra-price {
  color: var(--pld-ar-blue);
  font-size: 16px;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-summary .tribe-ticket-quantity {
  color: var(--pld-grey-700);
  font-family: 'Segoe UI', sans-serif;
  font-size: 14px;
  text-align: right;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-summary-count {
  color: var(--pld-grey-700);
  display: flex;
  justify-content: space-between;
  padding: 0 0 12px;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-summary-total {
  align-items: baseline;
  border-top: 1px solid var(--pld-line);
  display: flex;
  gap: 4px 16px;
  justify-content: space-between;
  margin: 0;
  max-width: 100%;
  padding: 14px 0 0;
  width: 100%;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-total-label {
  color: var(--pld-navy);
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-size: 15px;
}

body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .pld-ar-summary
  .tribe-tickets__tickets-footer-quantity {
  color: var(--pld-ink);
  font-family: 'Segoe UI', sans-serif;
  font-size: 15px;
}

body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .pld-ar-summary
  .tribe-tickets__tickets-footer-total {
  color: var(--pld-navy);
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-size: 17px;
}

/* Event Tickets prints the currency symbol and the amount as two inline spans
   on separate source lines, so the collapsed newline showed as "$ 249.00".
   Whitespace between flex items is not rendered; the negative word-spacing
   only bites if something stops the element being a flex container. */
body.pld-attendee-page .pld-ar.tribe-tickets__registration .tribe-formatted-currency-wrap,
body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .tribe-tickets__tickets-footer-total-wrap {
  display: inline-flex;
  gap: 0;
  white-space: nowrap;
  word-spacing: -0.25em;
}

body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .tribe-formatted-currency-wrap
  .tribe-amount {
  word-spacing: normal;
}

/* Sidebar links ------------------------------------------------ */
body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 20px;
  margin: 0 0 24px;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-link {
  color: var(--pld-blue-link);
  font-size: 14px;
  text-decoration: none;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-link:hover {
  color: var(--pld-navy);
  text-decoration: underline;
}

/* Submit ------------------------------------------------------- */
body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .pld-ar-main
  > .tribe-tickets__registration-footer {
  display: block;
  margin-bottom: 32px;
  max-width: 100%;
  width: 100%;
}

body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .tribe-tickets__registration-submit.pld-ar-submit {
  background-color: var(--pld-ar-blue);
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  display: block;
  flex: 1 1 100%;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.02em;
  margin-top: 8px;
  max-width: 100%;
  min-width: 0;
  padding: 12px 20px;
  text-transform: uppercase;
  white-space: nowrap;
  width: 100%;
}

body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .tribe-tickets__registration-submit.pld-ar-submit:hover,
body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .tribe-tickets__registration-submit.pld-ar-submit:focus {
  background-color: var(--pld-ar-blue-hover);
  color: #fff;
}

/* Safety net when the registration script never clears its loader
   (js/attendee-registration.js). */
body.pld-attendee-page .pld-ar-stalled {
  background: #fffbe6;
  border: 1px solid #ffe58f;
  color: var(--pld-ink);
  font-family: 'Segoe UI', sans-serif;
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 20px;
  padding: 12px 15px;
}

body.pld-attendee-page .pld-ar-stalled a {
  color: var(--pld-blue-link);
  text-decoration: underline;
}

/* Keep the three steps on one row on a phone. */
@media (max-width: 767px) {
  body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-steps {
    flex-wrap: nowrap;
    gap: 0 12px;
  }

  body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-step {
    font-size: 11px;
    gap: 6px;
    letter-spacing: 0.02em;
  }

  body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-step-number {
    font-size: 11px;
    height: 20px;
    width: 20px;
  }
}

@media (max-width: 575px) {
  body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-title {
    font-size: 24px;
  }

  body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-step {
    font-size: 10px;
  }

  body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-steps {
    gap: 0 8px;
  }
}

/* -------------------------------------------------------------------------
   Ticket lines: cart, checkout order review, order received and order emails
   (includes/event-ticket-checkout.php).
   ------------------------------------------------------------------------- */
.pld-ticket-line {
  display: block;
}

.pld-ticket-line-event {
  color: var(--pld-ink);
  display: block;
  font-family: robotobold, 'Segoe UI', sans-serif;
  line-height: 1.35;
}

.pld-ticket-line-event a {
  color: inherit;
  text-decoration: none;
}

.pld-ticket-line-event a:hover {
  color: var(--pld-blue-link);
}

.pld-ticket-line-ticket {
  color: var(--pld-grey-700);
  display: block;
  font-family: 'Segoe UI', sans-serif;
  font-size: 14px;
  line-height: 1.4;
}

.pld-ticket-line-date {
  color: var(--pld-grey-500);
  display: block;
  font-family: 'Segoe UI', sans-serif;
  font-size: 13px;
  line-height: 1.4;
}

/* Only there so the stripped plain text order emails still read as one line. */
.pld-ticket-line-sep {
  display: none;
}

.pld-ticket-line-thumb {
  height: auto;
  max-width: 100%;
}

/* Seminar note on the order received page (woocommerce/checkout/thankyou.php). */
.pld-cf-seminar {
  align-items: center;
  background: #fff;
  border: 1px solid var(--pld-line);
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 24px;
  padding: 18px;
}

.pld-cf-seminar-icon {
  color: var(--pld-navy);
  flex: 0 0 auto;
  line-height: 0;
}

.pld-cf-seminar-main {
  flex: 1 1 260px;
}

.pld-cf-seminar-title {
  color: var(--pld-navy);
  display: block;
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-size: 16px;
  margin-bottom: 4px;
}

.pld-cf-seminar-desc {
  color: var(--pld-grey-700);
  display: block;
  font-size: 14px;
  line-height: 1.5;
}

.pld-cf-seminar-links {
  display: block;
  margin-top: 6px;
}

.pld-cf-seminar-links a {
  color: var(--pld-blue-link);
  display: inline-block;
  font-size: 14px;
  margin-right: 12px;
}

/* -------------------------------------------------------------------------
   Attendee details page, UX round: seminar panel, order summary, attendee
   guidance, loading state, empty state and the mobile summary.
   ------------------------------------------------------------------------- */

/* Seminar panel ------------------------------------------------ */
body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-seminar-media {
  margin: -18px -18px 14px;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-seminar-image {
  aspect-ratio: 16 / 9;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-seminar-title {
  color: var(--pld-navy);
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 1.35;
  margin: 0 0 10px;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-seminar-title a {
  color: inherit;
  text-decoration: none;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-seminar-title a:hover {
  color: var(--pld-blue-link);
  text-decoration: underline;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-seminar-detail {
  align-items: baseline;
  color: var(--pld-grey-700);
  display: flex;
  font-family: 'Segoe UI', sans-serif;
  font-size: 14px;
  gap: 10px;
  line-height: 1.45;
  margin: 0 0 6px;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-seminar-detail:last-child {
  margin-bottom: 0;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-seminar-icon {
  color: var(--pld-ar-blue);
  flex: 0 0 16px;
  font-size: 14px;
  text-align: center;
}

/* Panel intro and hints ---------------------------------------- */
body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-panel-intro {
  color: var(--pld-grey-700);
  font-family: 'Segoe UI', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 18px;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-hint {
  color: var(--pld-grey-500);
}

/* Copy from the first attendee --------------------------------- */
body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .tribe-tickets__attendee-tickets-item-header {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  justify-content: space-between;
  margin: 0 0 14px;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-copy {
  background: none;
  border: 0;
  color: var(--pld-blue-link);
  cursor: pointer;
  font-family: 'Segoe UI', sans-serif;
  font-size: 13px;
  padding: 0;
  text-decoration: underline;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-copy:hover,
body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-copy:focus {
  color: var(--pld-navy);
}

/* Sales end note ------------------------------------------------ */
body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-sales-end {
  color: var(--pld-grey-500);
  font-family: 'Segoe UI', sans-serif;
  font-size: 12px;
  line-height: 1.4;
  margin: 12px 0 0;
}

/* Loading state ------------------------------------------------- */
body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-skeleton {
  display: none;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration.pld-ar--loading .pld-ar-skeleton {
  display: block;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration.pld-ar--loading .pld-ar-summary-rows,
body.pld-attendee-page .pld-ar.tribe-tickets__registration.pld-ar--loading .pld-ar-summary-count,
body.pld-attendee-page .pld-ar.tribe-tickets__registration.pld-ar--loading .pld-ar-summary-total,
body.pld-attendee-page .pld-ar.tribe-tickets__registration.pld-ar--loading .pld-ar-sales-end {
  display: none;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-skeleton-label {
  color: var(--pld-grey-500);
  display: block;
  font-family: 'Segoe UI', sans-serif;
  font-size: 13px;
  margin-bottom: 12px;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-skeleton-bar {
  background: #eee;
  display: block;
  height: 14px;
  margin-bottom: 10px;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-skeleton-bar:nth-child(3) {
  width: 70%;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-skeleton-bar:last-child {
  margin-bottom: 0;
  width: 45%;
}

/* Empty cart ---------------------------------------------------- */
body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-empty {
  margin: 0 auto;
  max-width: 620px;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-empty-lead {
  color: var(--pld-ink);
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-size: 16px;
  margin: 0 0 8px;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-empty-copy {
  color: var(--pld-grey-700);
  font-family: 'Segoe UI', sans-serif;
  font-size: 15px;
  line-height: 1.55;
  margin: 0 0 18px;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-empty-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-btn {
  background-color: var(--pld-ar-blue);
  border: 1px solid var(--pld-ar-blue);
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 11px 22px;
  text-decoration: none;
  text-transform: uppercase;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-btn:hover,
body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-btn:focus {
  background-color: var(--pld-ar-blue-hover);
  border-color: var(--pld-ar-blue-hover);
  color: #fff;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-btn--ghost {
  background-color: #fff;
  border-color: var(--pld-line);
  color: var(--pld-navy);
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-btn--ghost:hover,
body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-btn--ghost:focus {
  background-color: #fff;
  border-color: var(--pld-ar-blue);
  color: var(--pld-navy);
}

/* Errors -------------------------------------------------------- */
body.pld-attendee-page
  .pld-ar
  .pld-ar-panel
  .tribe-tickets__attendee-tickets-item.tribe-tickets__form
  .tribe-tickets__form-field-input--error {
  border-color: var(--pld-price);
}

body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .tribe-tickets__form-field-input-helper--error {
  color: var(--pld-price);
  font-size: 13px;
}

/* Mobile summary ------------------------------------------------ */
body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-summary-bar {
  display: none;
}

@media (max-width: 767px) {
  /* Summary first, then the trimmed seminar panel, then the links. The form
     already follows the whole column. */
  body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-aside {
    display: flex;
    flex-direction: column;
  }

  body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-aside .pld-ar-summary-details {
    order: 1;
  }

  body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-aside .pld-ar-seminar {
    order: 2;
  }

  body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-aside .pld-ar-links {
    order: 3;
  }

  body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-summary-details {
    background: #fff;
    border: 1px solid var(--pld-line);
    margin-bottom: 20px;
  }

  body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-summary-bar {
    align-items: baseline;
    color: var(--pld-navy);
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    font-family: robotobold, 'Segoe UI', sans-serif;
    font-size: 15px;
    gap: 4px 10px;
    list-style: none;
    padding: 14px 16px;
  }

  body.pld-attendee-page
    .pld-ar.tribe-tickets__registration
    .pld-ar-summary-bar::-webkit-details-marker {
    display: none;
  }

  body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-summary-bar::after {
    content: '+';
    margin-left: auto;
  }

  body.pld-attendee-page
    .pld-ar.tribe-tickets__registration
    .pld-ar-summary-details[open]
    .pld-ar-summary-bar::after {
    content: '\2212';
  }

  body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-summary-figures {
    color: var(--pld-grey-700);
    font-family: 'Segoe UI', sans-serif;
    font-size: 14px;
    font-weight: 400;
  }

  body.pld-attendee-page
    .pld-ar.tribe-tickets__registration
    .pld-ar-summary-details
    .tribe-tickets__mini-cart {
    border: 0;
    margin-bottom: 0;
  }

  body.pld-attendee-page
    .pld-ar.tribe-tickets__registration
    .pld-ar-summary-details
    .pld-event-panel-head {
    display: none;
  }

  /* The seminar panel keeps image and title only on a phone. */
  body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-seminar-detail {
    display: none;
  }
}

body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .pld-ar-summary
  .tribe-ticket-quantity::before {
  content: 'x ';
}

body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .pld-ar-summary
  .tribe-tickets__tickets-item-total-wrap {
  color: var(--pld-ink);
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-size: 15px;
  text-align: right;
  white-space: nowrap;
}

/* =========================================================================
   PLD seminar dates modal + legacy seminar listing button.
   The View Dates modal on the seminars landing page ([seminar_card]) and the
   "View dates and book" link on the legacy seminar flyer listing. Scoped to
   .pld-seminar-modal so the older .custom-modal rules further up this file
   keep applying to nothing else.
   ------------------------------------------------------------------------- */
.pld-seminar-modal .custom-modal-content {
  background: #fff;
  border: 1px solid var(--pld-line);
  border-radius: 0;
  color: var(--pld-ink);
  overflow: hidden;
  padding: 0;
  text-align: left;
}

.pld-seminar-modal .model-title-dates {
  align-items: center;
  background: var(--pld-navy);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 12px 16px;
}

.pld-seminar-modal .model-title-dates h5 {
  align-items: center;
  color: #fff;
  display: flex;
  font-family: robotomedium, 'Segoe UI', sans-serif;
  font-size: 14px;
  gap: 10px;
  letter-spacing: 0.04em;
  line-height: 1.3;
  margin: 0;
  text-transform: uppercase;
}

.pld-seminar-modal .close-modal {
  color: #fff;
  cursor: pointer;
  font-size: 26px;
  line-height: 1;
  position: static;
}

.pld-seminar-modal .date-list {
  display: block;
  margin: 0;
}

.pld-seminar-modal .pld-seminar-date-row {
  align-items: center;
  border-bottom: 1px solid var(--pld-line);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 10px 16px;
}

.pld-seminar-modal .pld-seminar-date-row:last-child {
  border-bottom: 0;
}

.pld-seminar-modal .pld-seminar-date-label {
  color: var(--pld-ink);
  font-family: robotomedium, 'Segoe UI', sans-serif;
  font-size: 14px;
  line-height: 1.35;
}

.pld-seminar-modal .pld-seminar-date-meta {
  color: var(--pld-grey-500);
  font-size: 13px;
}

.pld-seminar-modal .pld-seminar-date-meta::before {
  content: ', ';
}

.pld-seminar-modal .pld-seminar-date-book {
  background: #009bd9;
  border: none;
  border-radius: 0;
  color: #fff;
  flex: none;
  font-family: robotomedium, 'Segoe UI', sans-serif;
  font-size: 12px;
  letter-spacing: 0.04em;
  padding: 7px 14px;
  text-decoration: none;
  text-transform: uppercase;
}

.pld-seminar-modal .pld-seminar-date-book:hover,
.pld-seminar-modal .pld-seminar-date-book:focus {
  background: #0082b7;
  color: #fff;
}

.pld-seminar-modal .pld-seminar-date-row.is-sold-out .pld-seminar-date-label,
.pld-seminar-modal .pld-seminar-date-row.is-sold-out .pld-seminar-date-meta {
  color: var(--pld-grey-400);
}

.pld-seminar-modal .pld-seminar-date-book.is-disabled {
  background: #f1f1f1;
  color: var(--pld-grey-500);
  cursor: not-allowed;
  pointer-events: none;
}

.pld-seminar-modal .pld-seminar-date-empty {
  color: var(--pld-grey-500);
  font-size: 14px;
  margin: 0;
  padding: 16px;
}

@media (max-width: 575px) {
  .pld-seminar-modal .pld-seminar-date-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}

/* Legacy seminar flyer listing ------------------------------- */
.bests-cart .pld-seminar-dates-button {
  background-color: #009bd9;
  border-radius: 0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 10px 18px;
  text-decoration: none;
  text-transform: uppercase;
}

.bests-cart .pld-seminar-dates-button:hover,
.bests-cart .pld-seminar-dates-button:focus {
  background-color: #0082b7;
  color: #fff;
}

/* ============================================================
   After the purchase: the tickets page (tribe-events/tickets/orders.php
   plus the my-tickets templates overridden in tribe/tickets/tickets/) and
   the My Account "My Seminars" pane (woocommerce/myaccount/my-seminars.php).

   Same panels, tokens and button treatment as the single seminar page and
   the attendee details page. Event Tickets enqueues its tickets-page
   stylesheet from the view, so it prints after custom.css; the rules below
   carry the body class to sit a step above rather than rely on source order.
   ------------------------------------------------------------------------- */

body.pld-tickets-page .pld-tickets-container {
  --pld-tickets-blue: #009bd9;
  --pld-tickets-blue-hover: #0082b7;
  --tec-border-radius-default: 0;
}

body.pld-tickets-page .pld-tickets-back {
  margin-bottom: 16px;
}

body.pld-tickets-page .pld-tickets-container .pld-event-back-link {
  color: var(--pld-blue-link);
  font-size: 14px;
  text-decoration: none;
}

body.pld-tickets-page .pld-tickets-container .pld-event-back-link:hover {
  color: var(--pld-navy);
  text-decoration: underline;
}

body.pld-tickets-page .pld-tickets-head {
  border-bottom: 1px solid var(--pld-line);
  margin-bottom: 28px;
  padding-bottom: 20px;
}

body.pld-tickets-page .pld-tickets-title {
  color: var(--pld-navy);
  font-family: 'Segoe UI', sans-serif !important;
  font-size: 30px;
  font-weight: 700 !important;
  line-height: 1.25;
  margin: 0 0 8px;
}

body.pld-tickets-page .pld-tickets-intro {
  color: var(--pld-grey-700);
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
  max-width: 620px;
}

body.pld-tickets-page .pld-tickets-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}

body.pld-tickets-page .pld-tickets-main {
  flex: 1 1 520px;
  min-width: 0;
}

body.pld-tickets-page .pld-tickets-side {
  flex: 0 1 320px;
}

/* Panels ---------------------------------------------------- */
body.pld-tickets-page .pld-tickets-container .pld-event-panel {
  background: #fff;
  border: 1px solid var(--pld-line);
  border-radius: 0;
  margin-bottom: 24px;
}

body.pld-tickets-page .pld-tickets-container .pld-event-panel-head {
  background: var(--pld-navy);
  padding: 13px 18px;
}

body.pld-tickets-page .pld-tickets-container .pld-event-panel-title {
  color: #fff;
  font-family: robotomedium, 'Segoe UI', sans-serif !important;
  font-size: 16px;
  font-weight: 400 !important;
  letter-spacing: 0.04em;
  line-height: 1.3;
  margin: 0;
  text-transform: uppercase;
}

body.pld-tickets-page .pld-tickets-container .pld-event-panel-body {
  padding: 18px;
}

/* The seminar panel is shared with the attendee details page, which styles
   its own copy under body.pld-attendee-page. */
body.pld-tickets-page .pld-ar-seminar-media {
  margin-bottom: 14px;
}

body.pld-tickets-page .pld-ar-seminar-image {
  display: block;
  height: auto;
  width: 100%;
}

body.pld-tickets-page .pld-ar-seminar-title {
  color: var(--pld-navy);
  font-family: 'Segoe UI', sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 12px;
}

body.pld-tickets-page .pld-ar-seminar-title a {
  color: inherit;
  text-decoration: none;
}

body.pld-tickets-page .pld-ar-seminar-detail {
  align-items: flex-start;
  color: var(--pld-grey-700);
  display: flex;
  font-size: 14px;
  gap: 10px;
  line-height: 1.45;
  margin: 0 0 8px;
}

body.pld-tickets-page .pld-ar-seminar-icon {
  color: var(--pld-blue);
  margin-top: 3px;
}

/* Order and attendee rows ----------------------------------- */
body.pld-tickets-page .pld-tickets-orders,
body.pld-tickets-page .pld-tickets-attendees {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.pld-tickets-page .pld-tickets-order-meta {
  border-bottom: 1px solid var(--pld-line);
  margin-bottom: 16px;
  padding-bottom: 14px;
}

body.pld-tickets-page .pld-tickets-order-summary {
  color: var(--pld-grey-700);
  font-size: 14px;
  margin: 0;
}

body.pld-tickets-page .pld-tickets-order-purchaser,
body.pld-tickets-page .pld-tickets-order-date {
  margin-left: 6px;
}

body.pld-tickets-page .tec-tickets__my-tickets-list-title-container {
  color: var(--pld-grey-500);
  font-family: robotomedium, 'Segoe UI', sans-serif;
  font-size: 13px;
  letter-spacing: 0.04em;
  margin-bottom: 10px;
  text-transform: uppercase;
}

body.pld-tickets-page .pld-tickets-attendee {
  border: 1px solid var(--pld-line);
  margin-bottom: 14px;
  padding: 16px;
}

body.pld-tickets-page .pld-tickets-attendee:last-child {
  margin-bottom: 0;
}

body.pld-tickets-page .pld-tickets-attendee .list-attendee {
  color: var(--pld-ink);
  font-family: robotobold, 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 1.3;
}

body.pld-tickets-page .pld-tickets-attendee-meta {
  color: var(--pld-grey-700);
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  gap: 4px 18px;
  margin: 4px 0 12px;
}

body.pld-tickets-page .pld-tickets-security-code {
  color: var(--pld-ink);
  font-family: robotomedium, 'Segoe UI', sans-serif;
  letter-spacing: 0.06em;
  margin-left: 4px;
}

/* Buttons --------------------------------------------------- */
body.pld-tickets-page .pld-tickets-btn,
body.pld-tickets-page .pld-tickets-container .tribe-tickets__form button[type='submit'] {
  background-color: var(--pld-tickets-blue);
  border: 1px solid var(--pld-tickets-blue);
  border-radius: 0;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 11px 22px;
  text-decoration: none;
  text-transform: uppercase;
}

body.pld-tickets-page .pld-tickets-btn:hover,
body.pld-tickets-page .pld-tickets-btn:focus,
body.pld-tickets-page .pld-tickets-container .tribe-tickets__form button[type='submit']:hover {
  background-color: var(--pld-tickets-blue-hover);
  border-color: var(--pld-tickets-blue-hover);
  color: #fff;
}

body.pld-tickets-page .pld-tickets-submit {
  margin-top: 8px;
}

/* Calendar links -------------------------------------------- */
body.pld-tickets-page .pld-tickets-calendar {
  color: var(--pld-grey-700);
  font-size: 14px;
  margin: 0;
}

body.pld-tickets-page .pld-tickets-calendar-label {
  display: block;
  font-family: robotomedium, 'Segoe UI', sans-serif;
  margin-bottom: 4px;
}

body.pld-tickets-page .pld-tickets-calendar-link {
  color: var(--pld-blue-link);
  margin-right: 14px;
  text-decoration: none;
}

body.pld-tickets-page .pld-tickets-calendar-link:hover {
  text-decoration: underline;
}

@media (max-width: 782px) {
  body.pld-tickets-page .pld-tickets-layout {
    flex-direction: column-reverse;
  }

  body.pld-tickets-page .pld-tickets-side {
    flex: 1 1 100%;
  }
}

/* My Account: My Seminars pane ------------------------------- */
#my-seminars .pld-seminars-head {
  border-bottom: 1px solid var(--pld-line);
  margin-bottom: 24px;
  padding-bottom: 16px;
}

#my-seminars .pld-seminars-title {
  color: var(--pld-navy);
  font-family: 'Segoe UI', sans-serif !important;
  font-size: 24px;
  font-weight: 700 !important;
  margin: 0 0 6px;
}

#my-seminars .pld-seminars-intro {
  color: var(--pld-grey-700);
  font-size: 15px;
  margin: 0;
}

#my-seminars .pld-event-panel {
  background: #fff;
  border: 1px solid var(--pld-line);
  border-radius: 0;
  margin-bottom: 24px;
}

#my-seminars .pld-event-panel-head {
  background: var(--pld-navy);
  padding: 13px 18px;
}

#my-seminars .pld-event-panel-title {
  color: #fff;
  font-family: robotomedium, 'Segoe UI', sans-serif !important;
  font-size: 16px;
  font-weight: 400 !important;
  letter-spacing: 0.04em;
  margin: 0;
  text-transform: uppercase;
}

#my-seminars .pld-event-panel-body {
  padding: 0 18px;
}

#my-seminars .pld-seminars-empty .pld-event-panel-body {
  padding: 18px;
}

#my-seminars .pld-seminars-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

#my-seminars .pld-seminars-row {
  align-items: center;
  border-bottom: 1px solid var(--pld-line);
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  justify-content: space-between;
  padding: 16px 0;
}

#my-seminars .pld-seminars-row:last-child {
  border-bottom: 0;
}

#my-seminars .pld-seminars-row-main {
  flex: 1 1 320px;
  min-width: 0;
}

#my-seminars .pld-seminars-row-title {
  color: var(--pld-navy);
  font-family: 'Segoe UI', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 4px;
}

#my-seminars .pld-seminars-row-title a {
  color: inherit;
  text-decoration: none;
}

#my-seminars .pld-seminars-row-title a:hover {
  text-decoration: underline;
}

#my-seminars .pld-seminars-row-date,
#my-seminars .pld-seminars-row-count {
  color: var(--pld-grey-700);
  font-size: 14px;
  margin: 0;
}

#my-seminars .pld-seminars-btn {
  background-color: #009bd9;
  border: 1px solid #009bd9;
  border-radius: 0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 9px 18px;
  text-decoration: none;
  text-transform: uppercase;
}

#my-seminars .pld-seminars-btn:hover,
#my-seminars .pld-seminars-btn:focus {
  background-color: #0082b7;
  border-color: #0082b7;
  color: #fff;
}

#my-seminars .pld-seminars-past {
  border: 1px solid var(--pld-line);
}

#my-seminars .pld-seminars-past-summary {
  color: var(--pld-ink);
  cursor: pointer;
  font-family: robotomedium, 'Segoe UI', sans-serif;
  font-size: 14px;
  letter-spacing: 0.04em;
  padding: 13px 18px;
  text-transform: uppercase;
}

#my-seminars .pld-seminars-past .pld-seminars-list {
  border-top: 1px solid var(--pld-line);
  padding: 0 18px;
}

/* -------------------------------------------------------------------------
   Seminar views: page width, ticket panel states, and the list and category
   pages (tribe/events/v2/* overrides, includes/event-views.php).

   The Events Calendar prints its stylesheets in the footer, after custom.css,
   so these rules carry the body class or the wrapper class to sit a step above
   the plugin rather than rely on source order. Where the plugin reads its own
   custom properties, they are pinned on the wrapper instead of fought rule by
   rule.
   ------------------------------------------------------------------------- */

/* Page width ---------------------------------------------------- */

/* The plugin caps its page wrapper at 1200px and pads it, which left the single
   seminar page in a narrower well than the rest of the site and, at wide
   viewports, stopped .container reaching the width it has everywhere else.
   Clearing the cap and the side padding is the whole fix: the .container inside
   then keeps the site's own stepped widths, so these pages line up with the
   seminars landing page at every breakpoint. Nothing here may set a width on
   .container itself. */
body.pld-event-page #tribe-events-pg-template {
  margin: 0;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

/* Ticket panel states ------------------------------------------- */
.pld-single-event-container .pld-ticket-row--unavailable .pld-ticket-name,
.pld-single-event-container .pld-ticket-row--unavailable .pld-ticket-price,
.pld-single-event-container .pld-ticket-row--unavailable .pld-ticket-price .amount {
  color: var(--pld-grey-500);
}

.pld-single-event-container .pld-ticket-status {
  color: var(--pld-grey-700);
  font-family: robotomedium, 'Segoe UI', sans-serif;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-align: right;
  text-transform: uppercase;
  white-space: nowrap;
}

.pld-single-event-container .pld-ticket-low-stock {
  color: var(--pld-price);
  font-family: robotomedium, 'Segoe UI', sans-serif;
  font-size: 13px;
  margin-left: 6px;
  white-space: nowrap;
}

.pld-single-event-container .pld-ticket-notice {
  color: var(--pld-ink);
  font-family: 'Segoe UI', sans-serif;
  font-size: 15px;
  line-height: 1.5;
  margin: 0 0 16px;
}

.pld-single-event-container .pld-ticket-notice-action {
  margin: 16px 0 0;
}

/* Waitlist ------------------------------------------------------ */

/* Event Tickets Plus scopes its waitlist stylesheet under .tribe-common, which
   this panel is not inside, so the form arrives unstyled and with its success
   and error blocks showing. Dress it in the house style and restore the states
   the plugin's own CSS would have handled. */
.pld-single-event-container .pld-ticket-waitlist {
  border-top: 1px solid var(--pld-line);
  margin-top: 18px;
  padding-top: 18px;
}

.pld-single-event-container .pld-ticket-waitlist h3,
.pld-single-event-container .pld-ticket-waitlist h4 {
  color: var(--pld-navy);
  font-family: 'Segoe UI', sans-serif !important;
  font-size: 15px;
  font-weight: 700 !important;
  line-height: 1.35;
  margin: 0 0 10px;
}

.pld-single-event-container .pld-ticket-waitlist p {
  color: var(--pld-grey-700);
  font-family: 'Segoe UI', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 12px;
}

.pld-single-event-container .pld-ticket-waitlist .tec-tickets-plus-waitlist-container--input {
  margin-bottom: 12px;
}

.pld-single-event-container .pld-ticket-waitlist .tec-tickets-plus-waitlist-container--input label {
  color: var(--pld-grey-700);
  display: block;
  font-family: robotomedium, 'Segoe UI', sans-serif;
  font-size: 13px;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.pld-single-event-container .pld-ticket-waitlist .tec-tickets-plus-waitlist-container--input input {
  background: #fff;
  border: 1px solid var(--pld-line);
  border-radius: 0;
  color: var(--pld-ink);
  height: 38px;
  padding: 0 10px;
  width: 100%;
}

.pld-single-event-container
  .pld-ticket-waitlist
  .tec-tickets-plus-waitlist-container--input
  input.tec-tickets-plus-waitlist-container--input--has-error {
  border-color: var(--pld-price);
}

.pld-single-event-container
  .pld-ticket-waitlist
  .tec-tickets-plus-waitlist-container--input--error {
  display: none;
  margin-top: 4px;
}

.pld-single-event-container
  .pld-ticket-waitlist
  .tec-tickets-plus-waitlist-container--input--error
  p {
  color: var(--pld-price);
  font-size: 13px;
  margin: 0;
}

.pld-single-event-container .pld-ticket-waitlist .tec-tickets-plus-waitlist-submit {
  background-color: #009bd9;
  border: none;
  border-radius: 0;
  color: #fff;
  display: block;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 11px 20px;
  text-transform: uppercase;
  width: 100%;
}

.pld-single-event-container .pld-ticket-waitlist .tec-tickets-plus-waitlist-submit:hover,
.pld-single-event-container .pld-ticket-waitlist .tec-tickets-plus-waitlist-submit:focus {
  background-color: #0082b7;
  color: #fff;
}

.pld-single-event-container .pld-ticket-waitlist .tec-tickets-plus-waitlist-submit[disabled] {
  background-color: var(--pld-grey-400);
  cursor: not-allowed;
}

.pld-single-event-container .pld-ticket-waitlist .tec-tickets-plus-waitlist-container__success {
  display: none;
}

.pld-single-event-container
  .pld-ticket-waitlist
  .tec-tickets-plus-waitlist-container__success.tec-tickets-plus-waitlist-container--visible {
  display: block;
}

.pld-single-event-container
  .pld-ticket-waitlist
  .tec-tickets-plus-waitlist-container__inner-wrap.tec-tickets-plus-waitlist-container--hidden {
  display: none;
}

.pld-single-event-container .pld-ticket-waitlist .tec-tickets-plus-waitlist-container__success-row {
  display: flex;
  gap: 10px;
}

.pld-single-event-container .pld-ticket-waitlist .tec-tickets-plus-waitlist-container__success svg {
  fill: var(--pld-green);
  height: 18px;
  width: 18px;
}

/* Seminar list and category pages ------------------------------- */

/* Pinning the plugin's own custom properties squares its corners and lets the
   view fill the site container, rather than chasing its rules one by one. */
.pld-events-archive {
  --tec-border-radius-default: 0;
  --tec-color-accent-primary: var(--pld-navy);
  --tec-color-accent-primary-hover: var(--pld-blue-link);
  --tec-color-background-events: transparent;
  --tec-color-text-events-title: var(--pld-navy);
  --tec-grid-gutter-page: 0;
  --tec-grid-gutter-page-small: 0;
  --tec-grid-width: 100%;
}

/* Every rule below that targets a plugin class carries .tribe-common.tribe-events,
   the two classes the view wrapper always has. The plugin styles the view as
   `.tribe-events X` and again as `.tribe-common--breakpoint-medium.tribe-events X`
   for its medium breakpoint, and prints after custom.css, so a theme rule of two
   classes ties with the first and loses to the second. Repeating the wrapper puts
   these a step above both, at every breakpoint, without !important. */

/* The plugin's list container opens with 64px of top padding, 96px above the
   medium breakpoint, on top of a 600px to 700px min-height. That is sized for a
   page where the view is the whole page; here it left an empty band between the
   site header and the first thing on the page, and a second one above the footer
   on a short list. The wrapper's own margin does the spacing. */
.pld-events-archive .tribe-common.tribe-events .tribe-events-l-container {
  min-height: 0;
  padding-bottom: 40px;
  padding-top: 0;
}

.pld-events-archive .pld-events-back {
  margin-bottom: 16px;
}

.pld-events-archive .pld-event-back-link {
  color: var(--pld-blue-link);
  font-size: 14px;
  text-decoration: none;
}

.pld-events-archive .pld-event-back-link:hover {
  color: var(--pld-navy);
  text-decoration: underline;
}

/* The plugin sizes and colours this title through the heading element, so match
   it on the element too rather than on the class alone. */
.pld-events-archive
  .tribe-common.tribe-events
  .tribe-events-header__title
  h1.tribe-events-header__title-text,
.pld-events-archive
  .tribe-common.tribe-events
  .tribe-events-header__title
  h2.tribe-events-header__title-text {
  color: var(--pld-navy);
  font-family: 'Segoe UI', sans-serif !important;
  font-size: 30px;
  font-weight: 700 !important;
  line-height: 1.25;
  margin: 0 0 8px;
}

.pld-events-archive .tribe-common.tribe-events button.tribe-events-c-top-bar__datepicker-button,
.pld-events-archive .tribe-common.tribe-events button.tribe-events-c-events-bar__search-button {
  border-radius: 0;
  color: var(--pld-navy);
  font-family: robotomedium, 'Segoe UI', sans-serif;
}

.pld-events-archive .tribe-common.tribe-events button.tribe-events-c-search__button {
  background-color: #009bd9;
  border-radius: 0;
  text-transform: uppercase;
}

.pld-events-archive .tribe-common.tribe-events .tribe-events-c-search__input,
.pld-events-archive .tribe-common.tribe-events .tribe-events-c-search__input-control-input {
  border-radius: 0;
}

/* Cards --------------------------------------------------------- */
.pld-events-archive .tribe-common.tribe-events .tribe-events-calendar-list {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.pld-events-archive .pld-seminar-month {
  grid-column: 1 / -1;
  margin: 8px 0 0;
}

.pld-events-archive .pld-seminar-month-title {
  border-bottom: 1px solid var(--pld-line);
  color: var(--pld-navy);
  font-family: 'Segoe UI', sans-serif !important;
  font-size: 20px;
  font-weight: 700 !important;
  margin: 0;
  padding-bottom: 8px;
}

.pld-events-archive .pld-seminar-card-item {
  display: flex;
  margin: 0;
}

.pld-events-archive .pld-seminar-card {
  background: #fff;
  border: 1px solid var(--pld-line);
  border-radius: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.pld-events-archive .pld-seminar-card-media {
  display: block;
  overflow: hidden;
}

.pld-events-archive .pld-seminar-card-image {
  aspect-ratio: 16 / 9;
  border-radius: 0;
  display: block;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  width: 100%;
}

.pld-events-archive .pld-seminar-card-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 18px;
}

.pld-events-archive .pld-seminar-card-cat {
  color: var(--pld-navy);
  font-family: robotomedium, 'Segoe UI', sans-serif;
  font-size: 12px;
  letter-spacing: 0.04em;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.pld-events-archive .pld-seminar-card-title {
  font-family: 'Segoe UI', sans-serif !important;
  font-size: 18px;
  font-weight: 700 !important;
  line-height: 1.3;
  margin: 0 0 12px;
}

.pld-events-archive .pld-seminar-card-title a {
  color: var(--pld-navy);
  text-decoration: none;
}

.pld-events-archive .pld-seminar-card-title a:hover {
  color: var(--pld-blue-link);
  text-decoration: underline;
}

.pld-events-archive .pld-seminar-card-meta {
  margin-bottom: 14px;
}

.pld-events-archive .pld-seminar-card-line {
  align-items: baseline;
  color: var(--pld-grey-700);
  display: flex;
  font-family: 'Segoe UI', sans-serif;
  font-size: 14px;
  gap: 8px;
  line-height: 1.45;
  margin-bottom: 6px;
}

.pld-events-archive .pld-seminar-card-line:last-child {
  margin-bottom: 0;
}

.pld-events-archive .pld-seminar-card-icon {
  color: var(--pld-blue);
  flex: 0 0 16px;
  font-size: 14px;
  text-align: center;
}

.pld-events-archive .pld-seminar-card-foot {
  align-items: center;
  border-top: 1px solid var(--pld-line);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 14px;
}

.pld-events-archive .pld-seminar-card-price,
.pld-events-archive .pld-seminar-card-price .amount {
  color: var(--pld-blue);
  font-family: 'Segoe UI', sans-serif;
  font-size: 16px;
}

.pld-events-archive .pld-seminar-flag {
  display: inline-block;
  font-family: robotomedium, 'Segoe UI', sans-serif;
  font-size: 12px;
  letter-spacing: 0.04em;
  margin-left: 8px;
  padding: 3px 8px;
  text-transform: uppercase;
  vertical-align: middle;
}

.pld-events-archive .pld-seminar-flag--sold-out {
  background: #f2f2f2;
  color: var(--pld-grey-700);
}

.pld-events-archive .pld-seminar-flag--selling-fast {
  border: 1px solid var(--pld-price);
  color: var(--pld-price);
}

.pld-events-archive .pld-seminar-card-btn {
  background-color: #009bd9;
  border: none;
  border-radius: 0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 10px 18px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

.pld-events-archive .pld-seminar-card-btn:hover,
.pld-events-archive .pld-seminar-card-btn:focus {
  background-color: #0082b7;
  color: #fff;
}

@media (max-width: 991.98px) {
  .pld-events-archive .tribe-common.tribe-events .tribe-events-calendar-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .pld-events-archive .tribe-common.tribe-events .tribe-events-calendar-list {
    grid-template-columns: 1fr;
  }
}

/* -------------------------------------------------------------------------
   PLD calendar links and related blog thumbnails
   ------------------------------------------------------------------------- */
/* The Events Calendar paints its subscribe dropdown from these variables; the plugin sets them on .tribe-common after custom.css. */
body.pld-event-page .tribe-common,
body.pld-events-list-page .tribe-common,
body.tribe-events-page-template .tribe-common {
  --tec-color-accent-primary: #009bd9;
  --tec-color-accent-primary-hover: #0082b7;
  --tec-color-accent-primary-active: #0082b7;
  --tec-color-accent-primary-background: #009bd9;
  --tec-color-link-accent: var(--pld-blue-link);
  --tec-color-link-accent-hover: #0082b7;
  --tec-border-radius-default: 0;
  --tec-font-family-sans-serif: 'Segoe UI', sans-serif;
}

body.pld-event-page
  .tribe-common
  .tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button,
body.pld-events-list-page
  .tribe-common
  .tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button,
body.tribe-events-page-template
  .tribe-common
  .tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button {
  border: 1px solid #009bd9;
  border-radius: 0;
  color: #009bd9;
  font-family: 'Segoe UI', sans-serif;
}

body.pld-event-page .tribe-common .tribe-events-c-subscribe-dropdown__button-text,
body.pld-events-list-page .tribe-common .tribe-events-c-subscribe-dropdown__button-text,
body.tribe-events-page-template .tribe-common .tribe-events-c-subscribe-dropdown__button-text {
  color: #009bd9;
  font-family: 'Segoe UI', sans-serif;
  font-weight: 600;
}

body.pld-event-page .tribe-common .tribe-events-c-subscribe-dropdown__export-icon,
body.pld-events-list-page .tribe-common .tribe-events-c-subscribe-dropdown__export-icon,
body.tribe-events-page-template .tribe-common .tribe-events-c-subscribe-dropdown__export-icon {
  color: #009bd9;
}

body.pld-event-page .tribe-common .tribe-events-c-subscribe-dropdown__content,
body.pld-events-list-page .tribe-common .tribe-events-c-subscribe-dropdown__content,
body.tribe-events-page-template .tribe-common .tribe-events-c-subscribe-dropdown__content {
  border: 1px solid var(--pld-line);
  border-radius: 0;
  box-shadow: none;
}

body.pld-event-page .tribe-common .tribe-events-c-subscribe-dropdown__list-item-link,
body.pld-events-list-page .tribe-common .tribe-events-c-subscribe-dropdown__list-item-link,
body.tribe-events-page-template .tribe-common .tribe-events-c-subscribe-dropdown__list-item-link {
  color: var(--pld-ink);
  font-family: 'Segoe UI', sans-serif;
}

body.pld-event-page .tribe-common .tribe-events-c-subscribe-dropdown__list-item-link:hover,
body.pld-events-list-page .tribe-common .tribe-events-c-subscribe-dropdown__list-item-link:hover,
body.tribe-events-page-template
  .tribe-common
  .tribe-events-c-subscribe-dropdown__list-item-link:hover {
  color: #009bd9;
}

/* A missing thumbnail file otherwise lets the card grow to the slider height. */
.pld-event-blog .blog-thumbnail {
  aspect-ratio: 300 / 115;
  background: #f8f8f8;
  overflow: hidden;
}

.pld-event-blog .blog-thumbnail img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* -------------------------------------------------------------------------
   "Create an account" at checkout. Only rendered when the cart can be paid for
   as a guest (includes/checkout-guest-tickets.php); on every other cart
   WooCommerce still requires an account, so the block does not print.
   ------------------------------------------------------------------------- */
.pld-co-page.woocommerce-checkout .pld-co-card .woocommerce-account-fields {
  border-top: 1px solid #e7e7e7;
  margin-top: 18px;
  padding-top: 16px;
}

.pld-co-page.woocommerce-checkout .pld-co-card .pld-co-createaccount {
  margin: 0;
}

.pld-co-page.woocommerce-checkout .pld-co-card .pld-co-createaccount label.checkbox {
  align-items: flex-start;
  color: var(--pld-ink);
  cursor: pointer;
  display: flex;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 14px;
  font-weight: 400;
  gap: 12px;
  letter-spacing: 0;
  line-height: 1.55;
  margin: 0;
}

.pld-co-page.woocommerce-checkout .pld-co-card .pld-co-createaccount input.input-checkbox {
  flex: none;
  height: 18px;
  margin: 2px 0 0;
  width: 18px;
}

.pld-co-page.woocommerce-checkout .pld-co-card .woocommerce-account-fields .create-account {
  margin-top: 14px;
}

/* -------------------------------------------------------------------------
   Cart: seminar ticket lines (woocommerce/cart/cart.php and
   includes/event-ticket-checkout.php).
   ------------------------------------------------------------------------- */

/* The seminar hero is a landscape image, so a ticket line gets a landscape tile
   rather than the square book thumbnail the rest of the cart uses. */
.pld-cart-page .pld-ticket-cart-item .product-thumbnail {
  border: 1px solid var(--pld-line);
  border-radius: 0;
  padding: 0;
  width: auto;
}

.pld-cart-page .pld-ticket-cart-item .product-thumbnail a {
  display: block;
  line-height: 0;
}

.pld-cart-page .pld-ticket-cart-item .product-thumbnail img {
  height: 54px;
  object-fit: cover;
  width: 96px;
}

/* The cart's own mobile rules force a thumbnail width with !important. */
@media only screen and (max-width: 767px) {
  .pld-cart-page .pld-ticket-cart-item .product-thumbnail {
    width: auto !important;
  }

  .pld-cart-page .pld-ticket-cart-item .product-thumbnail img {
    height: 45px;
    width: 80px;
  }
}

/* "Seminar ticket" above the title, on the cart and the checkout order summary. */
.pld-ticket-line-label {
  color: var(--pld-navy);
  display: block;
  font-family: robotomedium, 'Segoe UI', sans-serif;
  font-size: 11px;
  letter-spacing: 0.06em;
  line-height: 1.4;
  margin-bottom: 2px;
  text-transform: uppercase;
}

/* -------------------------------------------------------------------------
   Seminar journey, round 2: single event meta rhythm, and the attendee
   details page column alignment and ticket summary rows.

   Appended after the earlier seminar sections on purpose. Event Tickets and
   Event Tickets Plus enqueue their stylesheets from the view, so those print
   after custom.css and win any tie: the summary rules below carry the mini
   cart's own .pld-ar-summary class to sit a step above the plugin's four
   class selectors rather than rely on source order.
   ------------------------------------------------------------------------- */

/* Single event: the date and the location read as two evenly spaced lines
   under the title rather than one crowded block. */
.pld-single-event-container .pld-event-head {
  margin-bottom: 14px;
}

.pld-single-event-container .pld-event-title {
  margin-bottom: 12px;
}

.pld-single-event-container .pld-event-meta {
  flex-direction: column;
  gap: 7px;
}

/* Attendee details: Event Tickets Plus gives .tribe-tickets__attendee-tickets
   a 16px top margin, which pushed the first left hand panel below the first
   right hand one. Both columns start at the same grid row, so clearing the
   margin lines the two panel heads up. */
body.pld-attendee-page .pld-ar.tribe-tickets__registration .tribe-tickets__attendee-tickets {
  margin-top: 0;
}

/* Ticket summary rows: the ticket name with the seminar above it, then
   "2 x $249.00" underneath, and the line total on the right. The plugin lays
   this out as four narrow columns (6fr 1fr 2fr 2fr), which in a sidebar this
   width wrapped each figure onto a line of its own. Its price suffix variant
   carries a class more, so the panel's two classes are both named here. */
body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .pld-ar-summary.tribe-tickets__mini-cart
  .tribe-tickets__tickets-item {
  align-items: start;
  column-gap: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  row-gap: 4px;
}

body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .pld-ar-summary
  .tribe-tickets__tickets-item-content-title-container {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
}

body.pld-attendee-page .pld-ar.tribe-tickets__registration .pld-ar-summary .pld-ar-summary-unit {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 0 4px;
  grid-column: 1;
  grid-row: 2;
}

body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .pld-ar-summary
  .pld-ar-summary-unit
  .tribe-ticket-quantity,
body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .pld-ar-summary
  .pld-ar-summary-unit
  .tribe-tickets__tickets-item-extra-price {
  color: var(--pld-grey-700);
  font-family: 'Segoe UI', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
}

/* The count reads "2 x", so the multiplier follows the number it belongs to.
   Event Tickets rewrites the text of this node, never its pseudo elements. */
body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .pld-ar-summary
  .tribe-ticket-quantity::before {
  content: none;
}

body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .pld-ar-summary
  .tribe-ticket-quantity::after {
  content: ' x';
}

body.pld-attendee-page
  .pld-ar.tribe-tickets__registration
  .pld-ar-summary
  .tribe-tickets__tickets-item-total-wrap {
  align-self: center;
  grid-column: 2;
  grid-row: 1 / 3;
}

/* -------------------------------------------------------------------------
   Seminars not on sale yet: the list card flag and the dates modal note.
   ------------------------------------------------------------------------- */
.pld-events-archive .pld-seminar-flag--upcoming {
  border: 1px solid var(--pld-line);
  color: var(--pld-grey-700);
}

.pld-seminar-modal .pld-seminar-date-note {
  color: var(--pld-grey-700);
  display: block;
  font-size: 13px;
  margin-top: 2px;
}

/* Tickets page: Events Calendar Pro virtual marker ---------- */

/* tribe_events_event_schedule_details() carries the "Virtual Event" pill, so it
   turns up in the "Your seminar" panel next to the "Online seminar" line the
   panel already prints. Same treatment as the single seminar page. */
body.pld-tickets-page .tribe-events-virtual-single-marker {
  display: none;
}