/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*======================================
*            CSS TABLE OF CONTENTS     *
======================================*/
/**
*
 1.0 - Blocks = STANDALONE entity that is meaningful on its own.
 	   		   (examples:header, container, menu, checkbox, input, button)
     1.1 - Header
     1.2 - Content Areas
     1.3 - Buttons (General Styling)
     1.4 - Paragraphs and Titles (General Styling)
     1.5 - Tables and Lists (General Styling)
     1.6 - Footer

 2.0 - Elements = A PART OF A BLOCK that has no standalone meaning and is 
                 semantically tied to its block.
 	   		     (examples:menu item, list item, checkbox caption, header title)
     2.1 - Links (General Styling)
     2.2 - Misc

 3.0 - Modifications = PUNCTUAL/ TEMPORARY Modifications on a block or element to change APPEARANCE or BEHAVIOUR.
	 3.1 - Textlinks (States of a link)
     3.2 - Buttonlinks (States of a Button)
     3.3 - Removed (Removed Elements)
     3.4 - Text 
     3.5 - Misc
 4.0 - Globals (Defining Global Variables for Colors, Links, Fonts, etc.)
 5.0 - Media Queries 
    5.1 - General 
    5.2 - Mobile devices
*
*/

/*======================================
*            1.0 - BLOCK             	*
======================================*/
/* 1.0 BLOCKS - 1.1 Header
   ====================================================================== */

/* yoast breadcrumb on posts and pages*/
.yoast_breadcrumb {
  padding-top: 0px;
}

/* yoast breadcrumb on posts and pages*/
#breadcrumbs {
  font-size: 0.8125em; /*relative to main font-size*/
}

/*highlight last breadcrumb item*/
.breadcrumb_last {
  font-weight: bold;
}

/*/solarbee language switcher*/
.languageSwitcher {
  background-color: var(--dark-color, #201818);
  width: 100%;
  /*flexbox https://www.w3schools.com/css/css3_flexbox.asp*/
  display: flex;
  /*align list items to the right*/
  justify-content: flex-end;
}

/*/solarbee header*/
.header-solarbee {
  background-color: var(--dark-color, #201818);
}

/*Top Header Hinweis Accordion Block*/
.header-block-block-1 .accordion-item .accordion-title {
  font-size: .9em;
}

/*=====  End of Section 1.0 BLOCK - 1.1 Header  ======*/

/* 1.0 BLOCKS - 1.2 Content Areas
   ====================================================================== */
body {
  font-family: var(
    --font-family,
    "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif;
  );
}

main {
  min-height: 900px;
  font-size: var(--main-font-size, 16px);
}

/*set max-width of home page content area*/
.home #content .row {
  max-width: 1080px;
}

/*set max-width of basket page content area*/
.page-id-308 #content .row {
  max-width: 1100px;
}

/*set max-width of page template content area*/
#content .row-main,
/*adjust max-width of single product page*/
.single-product .type-product .woocommerce-tabs {
  max-width: 880px;
}

/* set white padding between product filter and product catalog */
.woocommerce-page .shop-container {
  padding-left: 5%;
}

/*adjust padding of layout columns*/
.col,
.gallery-item,
.columns {
  padding-bottom: 10px;
}

/*adjust width of product presentation single product page*/
.single-product .product-main:first-child {
  max-width: 880px;
  margin: auto;
}

.woocommerce-order-received .order_details {
  padding: 20px;
}

/* show label for address_2 field on checkout*/
#billing_address_2_field > label, #shipping_address_2_field > label {
  width: 100%;
  opacity: 100%;
}

/* custom checkout field woocommerce 
#my_custom_checkout_field > h2 {
  font-size: 1.1em;
  text-transform: uppercase;
  color: #000;
}

#my_custom_checkout_field sup {
  font-size: 11px;
}

#my_custom_checkout_field {
  background-color: #36c6ff;
  padding: 10px 10px 0px 10px;
}

#my_custom_checkout_field p,
#my_custom_checkout_field label,
#my_custom_checkout_field span {
  color: #000;
  font-weight: 400;
  font-size: 16px;
}

/* hide required star symbol 
#my_custom_checkout_field label abbr.required {
  display: none;
}
*/
/* product catalogue page banner covid mask offer 
.banner-covid-offer-outer-box {
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 10px;
  text-align: center;
  overflow: hidden;
  border-radius: 0px;
  background: #36c6ff;
  border: 0px solid #000000;
  padding: 0px 8px;
  max-width: 1050px;
}

.banner-covid-offer-text-box {
  display: inline-block;
  /* text-shadow: #030303 4px 4px 4px; 
  position: relative;
  vertical-align: middle;
  padding: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  color: #000;
  font-weight: normal;
}

.banner-covid-offer-image-box {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  padding: 12px 30px;
}

.banner-covid-offer-mask-image {
  max-width: 100%;
  width: 80px;
}

.banner-covid-offer-text-box .maintext {
  margin-bottom: 0px;
}

.banner-covid-offer-text-box .subtext {
  font-size: 16px;
  margin-bottom: 0px;
}*/

/*=====  End of Section 1.0 BLOCKS - 1.2 Content Areas   ======*/

/* 1.0 BLOCKS - 1.3 Buttons (General Styling)
   ====================================================================== */
/*Set 'New' Button Background color*/
.products .callout-new-bg,
.home .callout-new-bg,
.product-gallery .callout-new-bg,
.flickity-slider .callout-new-bg,
/*back to top button*/
#footer a.back-to-top,
/*continue shopping button*/
.page-id-68 .button-continue-shopping,
/*Buttons on Customer Login page*/
#customer_login .woocommerce-Button {
  background-color: var(--yellow-color, #ffc800);
}

/*Set 'New' Button Text color*/
.badge-container .badge .badge-inner {
	color: #000000;
}

/* woocommerce shiping calculator button (cart page) */
.woocommerce-shipping-destination,
.shipping-calculator-button {
  font-size: inherit;
  text-decoration: underline;
}

.woocommerce-shipping-calculator {
  margin-top: 0;
}

.page-id-68 .button-continue-shopping {
  color: #ffffff;
  border-color: var(--yellow-color, #ffc800);
}

/*senden button auf kontakt seite*/
div.wpforms-container-full .wpforms-form button[type=submit],
.page-id-278 /*Kontakt*/ form input[type='submit'],
.page-id-318 /*Contact*/form input[type='submit'],
input[type='submit'].button,
input[type='submit'].wpcf7-submit,
/*/solarbee contact form submit button*/
.solarbee-contact input[type='submit'].button,
/*/solarbee contact form submit button (eng)*/
.page-id-3030  input[type='submit']:not(.is-form) {
  color: var(--text-color, #000000);
  border: 2px solid var(--button-border-color, #000000);
  background-color: var(--color-background, #ffffff);
  padding: 0px 15px;
}

/*senden button auf kontakt seite*/
div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
div.wpforms-container-full .wpforms-form button[type="submit"]:active {
  border: 2px solid var(--yellow-color, #ffc800);
}

/*=====  End of Section 1.0 BLOCKS - 1.3 Buttons (General Styling)   ======*/

/* 1.0 BLOCKS - 1.4 Paragraphs and Titles (General Styling)
   ====================================================================== */
/*Description text single product page*/
.product-footer .woocommerce-tabs p {
  font-size: 0.9375em; /*relative to main font-size*/
}

.home #content .row p {
  font-size: inherit;
}

/* Set company feature titles of homepage bold */
#main .row h1,
#main .row h2,
#main .row h3,
.home h5.post-title {
  font-weight: bold;
}

.home h5.post-title {
  color: var(--yellow-color, #ffc800);
}

/* product catalogue description text 
.category-page-row .term-description p {
  font-weight: bold;
}*/

/*/solarbee text bottom footer*/
.solarbee-footer-bottom p {
  color: var(--color-white, #ffffff);
}

/*/solarbee text banner*/
.banner-solarbee h3,
.banner-solarbee p {
  color: var(--dark-color, #201818);
}

/*=====  End of Section 1.0 BLOCKS - 1.4 Paragraphs and Titles (General Styling) ======*/

/* 1.0 BLOCKS - 1.5 Tables and Lists (General Styling)
   ====================================================================== */

/* table of product list of basket */
.checkout-sidebar table.shop_table {
  table-layout: fixed;
}

/*/solarbee navigation, making the container flexible so links dont expand full width of column,
https://stackoverflow.com/questions/40141163/make-flex-items-take-content-width-not-width-of-parent-container*/
.nav-solarbee {
  display: flex;
}

/*/solarbee navigation*/
.nav-solarbee ul {
  padding-top: 15px;
}

/*/solarbee language switcher*/
.languageSwitcher ul {
  margin-bottom: 0;
  list-style-type: none;
  padding-top: 10px;
  margin-right: 5%;
}

/*/solarbee navigation*/
.nav-solarbee li {
  list-style-type: none;
}

/*=====  End of Section 1.0 BLOCKS - 1.5 Tables and Lists (General Styling) ======*/

/* 1.0 BLOCKS - 1.6 Footer
   ====================================================================== */

#footer {
  background-color: var(--dark-color, #201818);
}

/* center columns in the footer */
#footer .col-inner {
  width: 16rem;
  /*relative to font-size of root element*/
  margin: auto;
}

/* set space at top of footer */
#footer .row {
  padding-top: 30px;
}

/*=====  End of Section 1.0 BLOCKS - 1.6 Footer   ======*/

/*=======================================================================================
*            2.0 - ELEMENTS                                                         	*
=======================================================================================*/

/* 2.0 ELEMENTS- 2.1 Links (General Styling)
   ====================================================================== */
/*Legale Informationen menu footer*/
#footer .nav li a ,
.footer-column a,
/*/solarbee languageSwitcher link text*/
.languageSwitcher span {
  color: var(--footer-text-color, #ffffff);
  font-weight: normal;
}

.page .nav-vertical > li > a {
  /*relative to parent font-size*/
  font-size: 0.87em;
}

/*text color of sidebar product catalog page*/
.woocommerce-page .widget a {
  color: var(--text-color, #000000);
}

/* link asterisc text footer */
footer .asterisc a
/* #post-list .more-link */ {
  color: var(--yellow-color, #ffc800);
}

footer .asterisc a,
.page-id-309 .woocommerce-gzd-legal-checkbox-text a,
.page-id-67 .woocommerce-gzd-legal-checkbox-text a,
/*AGB Highlight /Kasse*/
.page-id-309 .woocommerce-gzd-legal-checkbox-text a,
.page-id-67 .woocommerce-gzd-legal-checkbox-text a {
  text-decoration: underline;
}

footer .custommenu ul a {
  /*relative to main font size*/
  font-size: 0.9375em;
}

/*question mark background image*/
.wide-nav .service-help-menu a.nav-top-link {
  background: url(https://sonnenrepublik.de/wp-content/uploads/2020/03/question-mark.png)
    no-repeat 100% 50%;
  padding-right: 25px;
}

/*email adress footer*/
.footer-column1 p a {
  font-weight: bold;
}

/*/solarbee nav links*/
.nav-solarbee a {
  color: var(--color-white, #ffffff);
  text-decoration: none;
  display: block;
  font-size: 1.25em;
  text-transform: uppercase;
  font-weight: bolder;
  margin: 0;
  line-height: 1.3;
}

/*=====  End of Section 2.0 ELEMENTS - 2.1 Links (General Styling) ======*/

/* 2.0 ELEMENTS- 2.2 Misc
   ====================================================================== */
/*set max-width of product image on product catalog page*/
.woocommerce-page .box-image img {
  max-width: 247px;
}

/*avoid full expansion of blog posts text on home page*/
.home .box-text-inner {
  padding-left: 15%;
  padding-right: 15%;
}

/* Title of footer column */
.footer-column h2 {
  color: var(--yellow-color, #ffc800);
}

/*get rid of margin of custom menu list items*/
footer .custommenu ul li {
  margin-left: 0;
}

footer p {
  color: var(--text-color-footer, #ffffff);
  font-size: 0.9375em;
}

/*asterisc text footer*/
footer p.asterisc {
  text-align: center;
  color: var(--text-color-footer, #ffffff);
  font-size: 0.75rem; /*relative to root element*/
}

/*set font size for paragraphs relative to main font size*/
.page .content-area ul,
.page .content-area p,
.archive article p,
.single-post p {
  font-size: 0.9375em;
}

/*Description text single product page*/
.product-footer .woocommerce-tabs li {
  font-size: 0.9375em; /*relative to main font-size*/
}

/* service-hilfe/kontakt Kontaktformular title adjust weight */
.wpcf7-form label {
  font-size: inherit; /*inherit from parent p element*/
  font-weight: 500;
}

/*/solarbee language switcher*/
.languageSwitcher li {
  margin-bottom: 0;
  display: inline;
  padding-right: 10px;
}

/*=====  End of Section 2.0 ELEMENTS - 2.2 Misc ======*/

/*===========================================================================
* 3.0 - MODIFIER (PUNCTUAL appearance/ behaviour change on a block/ element)*
===========================================================================*/

/* 3.0 MODIFICATIONS- 3.1 Textlinks
   ====================================================================== */

/*Product catalog, quick view background color on hover*/
.show-on-hover a.quick-view,
#post-list .more-link:hover {
  background-color: var(--yellow-color, #ffc800);
}

#post-list .more-link:hover {
  border-color: var(--yellow-color, #ffc800);
  color: #ffffff;
}

/* orange link color on hover */
#footer .nav li a:hover,
.custommenu ul a:hover,
#footer .nav li a:hover {
  color: var(--orange-color, #e6a205);
}

/* default yellow link color on hover */
.yoast_breadcrumb a:hover,
.breadcrumbs a:hover,
#top-bar a:hover,
#menu-item-559 a:hover,
#menu-item-570 a:hover,
.nav-column li>a:hover,
.header-bottom .nav-dropdown>li>a:hover,
.page-child .content-area ul a:hover
/*My account dashboard links hover*/
.woocommerce-MyAccount-content .dashboard-links a:hover,
/*/solarbee languageSwitcher link text hover*/
.languageSwitcher span:hover {
  color: var(--yellow-color, #ffc800);
}

/* change background image on hover */
.service-help-menu a.nav-top-link:hover {
  background: url(https://sonnenrepublik.de/wp-content/uploads/2020/03/question-mark-hover.png)
    no-repeat 100% 50%;
  padding-right: 25px;
}

#footer a.back-to-top:hover {
  border-color: #ffffff;
}

/*deaktivate breadcrumb link 'legale informationen' auf AGB-, Impressum-, Datenschutz-Seite und ensprechenden auf Englisch*/
.page-id-282 /*AGB*/ #breadcrumbs span span:nth-child(2) a,
.page-id-298 /*Impressum*/ #breadcrumbs span span:nth-child(2) a,
.page-id-292 /*Datenschutz*/#breadcrumbs span span:nth-child(2) a,
.page-id-312 /*Terms & Conditions*/#breadcrumbs span span:nth-child(2) a,
.page-id-331 /*Privacy*/#breadcrumbs span span:nth-child(2) a,
.page-id-338 /*Imprint*/#breadcrumbs span span:nth-child(2) a {
  pointer-events: none;
  cursor: default;
}

/*Description title single product page*/
.product-footer .nav > li > a {
  font-size: 0.87em; /*relative to parent font-size*/
}

/*=====  End of Section 3.0 MODIFIER - 3.1 Textlinks   ======*/

/* 3.0 MODIFICATIONS - 3.2 Buttons
   ====================================================================== */
.page-id-68 .button-continue-shopping:hover {
  color: var(--color-background, #ffffff);
  background-color: var(--orange-color, #e6a205);
  border-color: var(--orange-color, #e6a205);
}

/*button color on hover social media*/
.button.facebook:not(.is-outline),
.button.facebook:hover,
.button.twitter:not(.is-outline),
.button.twitter:hover,
.button.email:not(.is-outline),
.button.email:hover,
.social-button,
.social-icons .button.icon:not(.is-outline),
.social-icons .button.icon:hover {
  color: var(--yellow-color, #ffc800) !important;
}

/*senden button auf kontakt seite hover*/
div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
div.wpforms-container-full .wpforms-form button[type="submit"]:active,
.page-id-278 input[type="submit"]:hover,
input[type="submit"].button:hover,
input[type="submit"].wpcf7-submit:hover {
  color: var(--color-background, #ffffff);
  box-shadow: none;
}

#footer a.back-to-top:hover {
  border-color: #ffffff;
}

/*blog posts weiterlesen button*/
#post-list .more-link {
  font-size: 0.8em;
}

/*Service Hilfe Menü gelbe Linie*/
.nav-line > li > a:before {
  background-color: var(--yellow-color, #ffc800) !important;
}

/*Shop page pagination buttons styling*/
#main .nav-pagination>li>.current,
#main .nav-pagination>li>span:hover,
#main .nav-pagination>li>a:hover,
/*senden button auf kontakt seite hover*/
div.wpforms-container-full .wpforms-form button[type=submit]:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:active,
.page-id-278 input[type='submit']:hover,
input[type='submit'].button:hover,
input[type='submit'].wpcf7-submit:hover,
/*buttons homepage*/
.home #content a.button-homepage:hover,
.button.primary:not(.is-outline):active,
.button.primary:not(.is-outline):hover,
/*/solarbee button contact form*/
.solarbee-contact input[type='submit'].button:hover {
  background-color: var(--yellow-color, #ffc800);
  border-color: var(--yellow-color, #ffc800);
}

/*/solarbee overwrite button hover style*/
.solarbee-footer-top .button:hover {
  color: var(--yellow-color, #ffc800) !important;
  background-color: var(--black-color, #000000) !important;
}

.page-id-68 .button-continue-shopping:hover {
  color: #ffffff;
  background-color: var(--orange-color, #e6a205);
  border-color: var(--orange-color, #e6a205);
}

.button.primary:not(.is-outline):active,
.button.primary:not(.is-outline):hover {
  color: #ffffff;
  box-shadow: none;
}

/*lighten color of breadcrumb for links*/
.yoast_breadcrumb a {
  color: rgba(102, 102, 102, 0.7);
}

/*/solarbee back to Sonnenrepublik button hover*/
.solarbee-footer-top .back-to-start:hover {
  background-color: var(--yellow-color, #ffc800) !important;
  color: var(--black-color, #000000) !important;
}

/*/solarbee back to Sonnenrepublik button hover*/
.solarbee-footer-top .back-to-start span:hover {
  text-decoration: underline;
}

/*=====  End of Section 3.0 MODIFIER - 3.2 Buttons   ======*/

/* 3.0 MODIFICATONS - 3.3 Removed
   ====================================================================== */

/*Remove WooCommerce dropdown menu items of shop page*/
.orderby option[value="title-asc"],
.orderby option[value="title-desc"],
.orderby option[value="sku-asc"],
.orderby option[value="sku-desc"],
.orderby option[value="stock_quantity-asc"],
.orderby option[value="stock_quantity-desc"],
/*hide yoast breadcrumb for homepage*/
.home .yoast_breadcrumb,
/*hide header bottom on homepage*/
.page-id-392 .header-bottom,
.page-id-397 .header-bottom,
/*hide sidebar from single product page*/
.single-product #product-sidebar,
/*hide default breadcrumb trail basket checkout page, page/cart (en)*/
.page-id-68 .checkout-page-title,
.page-id-308 .checkout-page-title,
/*hide category title for applications page*/
.category-anwendungen .entry-category a,
.category-applications .entry-category a,
/* Hide meta data posts*/
.entry-meta,
.post-date,
.archive-page-header,
.absolute-footer,
/*Mein Konto Download Option ausblenden*/
.nav-dropdown li.woocommerce-MyAccount-navigation-link--downloads,
.dashboard-links li.woocommerce-MyAccount-navigation-link--downloads,
/*hide tribe bar filters event calendar*/
#tribe-bar-filters,
/*Hide Events Calendar promo*/
.tribe-events-promo {
  display: none;
}

/*=====  End of Section 3.0 MODIFIER - 3.3 Removed   ======*/

/* 3.0 MODIFIER - 3.4 Text
   ====================================================================== */

/*ppom no uppercase in cart*/
.variation {
  text-transform: none;
}
.custommenu ul {
  list-style-type: none;
}

/*/solarbee gallery decription lightbox*/
.page-id-2815 .mfp-title {
  font-size: var(--main-font-size, 16px);
}

/*/solarbee overwrite decription text of picture (gallery)*/
.solarbee-gallery p {
  color: var(--black-color, #000000) !important;
}

/*=====  End of Section 3.0 MODIFIER - 3.4 Text   ======*/

/* 3.0 MODIFIER - 3.5 Misc
   ====================================================================== */

/*wishlist icon header, cart icon header - number-bubble*/
#wide-nav .wishlist-icon:after,
#wide-nav .icon-shopping-cart:after {
  background-color: #000000;
}

/*adjust solar bee image on homepage*/
.home .solarbee img {
  max-width: 400px;
}

/*bring sticky header to front*/
header.has-sticky {
  z-index: 200 !important;
}

/*language flag margin*/
header .image-icon {
  margin-left: 5px;
  margin-right: 5px;
}

.shop-container .term-description {
  padding: 0 2em 0 2em;
}

/*set td width for IE11*/
.woocommerce-checkout-review-order-table .shipping__table td {
  width: 140px;
}

/*hide language switcher on trios landing page*/
.page-id-6520 .languageSwitcher {
	display: none;
}

/*Modify width of Plugin Smart Bundles Quantity Button (woosb)*/
.woosb-products .woosb-product .woosb-quantity {
  width: initial!important;
}

/*=====  End of Section 3.0 MODIFIER - 3.5 Misc  ======*/

/*======================================
*            4.0 - GLOBALS             	*
======================================*/

:root {
  --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial,
    "Lucida Grande", sans-serif;
  /*basic font-size*/
  --main-font-size: 16px;
  /*basic colors*/
  --button-border-color: #000000;
  --color-background: #ffffff;
  --color-footer: #000000;
  --black-color: #000000;
  --orange-color: #e6a205; /*#efb702*/
  --color-white: #ffffff;
  --text-color: #000000;
  --text-color-footer: #ffffff;
  /*style guide Sonnenrepublik*/
  --yellow-color: #ffc800; /*#ffc707*/
  --dark-color: #201818;
}

/*======================================
*            5.0 - Media Queries       *
======================================*/

/* 5.0 MEDIA QUERIES - 5.1 General
   ====================================================================== */

@media (min-width: 481px) and (max-width: 1214px) {
  /* Show burger menu instead of main navigation for tablets*/

  /*show burger menu*/
  .show-for-medium {
    display: block !important;
  }

  /*hide main nav menu*/
  .header-nav-main {
    display: none;
  }

  /*delete question mark background image on sidebar navigation menu*/
  .nav-sidebar li.service-help-menu > a,
  .nav-sidebar li.service-help-menu > a:hover {
    background-image: none;
  }
}

/*=====  End of Section 5.0 MEDIA QUERIES - 5.1 General  ======*/

/* 5.0 MEDIA QUERIES - 5.2 Mobile devices
   ====================================================================== */

@media (max-width: 480px) {
  /*Datenschutz und Impressum Seite Links linebreak*/
  .page-id-298 .col-inner a,
  .page-id-292 .col-inner a {
    word-wrap: break-word;
  }

  /*delete question mark background image*/
  .service-help-menu a.nav-top-link,
  .service-help-menu a.nav-top-link:hover {
    background-image: none;
  }

  /*Shop page layout reset*/
  .post-type-archive .box-vertical {
    display: initial;
  }

  .post-type-archive .product-small > .box-image {
    display: block;
    height: auto;
  }

  .post-type-archive .box-text {
    display: initial;
    height: initial;
    vertical-align: initial;
  }

  a[href^="tel"] {
    text-decoration: inherit;
    color: inherit;
  }

  /* adjust line height for mobile nav */
  header .stuck .header-main .mobile-nav > li > a {
    line-height: 16px;
  }

  /*buttons homepage mobile*/
  .button.primary:not(.is-outline) {
    color: #000000;
    border: 2px solid currentColor;
    background-color: transparent !important;
  }

  /*buttons homepage mobile active/ hover*/
  .button.primary:not(.is-outline):active,
  .button.primary:not(.is-outline):hover {
    background-color: var(--yellow-color, #ffc800) !important;
    border-color: var(--yellow-color, #ffc800) !important;
  }

  /*.banner-covid-offer-text-box .maintext {
    font-size: 22px;
  }

  .banner-covid-offer-image-box {
    padding-top: 0px;
  }
}

@media (max-width: 897px) {
  .banner-covid-offer-text-box .subtext {
    /* margin-bottom: 10px; */
  }
}/*

/*=====  End of Section 5.0 MEDIA QUERIES - 5.2 Mobile devices  ======*/