/** Shopify CDN: Minification failed

Line 265:0 Unexpected "}"

**/
/* -----------------------------------------
Table of contents
--------------------------------------------


1. Site Page Background Colour
2. FAQ Sub Menu - Styling
3. Collection List - Coloured Border
4. Size Guide - Underline Links
5. Policy Pages - Content Width
6. Collection Page - Spacing and Alignment
7. Collection Page - Align Breadcrumb with Sort By
8. Product Card - Reduce Spacing
9. Footer - Section Spacing
10. Product Description - Highlighted Text
11. Main Navigation - Centralise
12. Multi Column Single Menu - Styling Changes
  12.1 Multi Column Single Menu - Hover Colour
  12.2 Multi Column Single Menu - Mobile Width
  12.3 Multi Column Singal Menu - Menu Spacing Width
13. Stock Status - Change to be case sensitive
14. Mega Menu Child - Active Color
15. Font preview popup bottom space
  15.1 Font preview popup fixes
16. Globo Form Customisation




. Globo Form Customisation
. Globo Product Options Customisation


/* -----------------------------------------
  1. Site Page Background Colour
----------------------------------------- */


body, .color-background-2 { background:#FAFAFA !important;}


/* -----------------------------------------
  2. FAQ Sub Menu - Styling
----------------------------------------- */


.faqmenucontent
{
    display: flex;
    justify-content: space-between;
    max-width: 920px;
    margin: 0 auto;
    padding: 0 55px;    justify-content: center;
    align-items: start;
}


.custom_faq_page ul
{
  padding:0px;
}
.custom_faq_page ul li
{
  list-style:none;
}
.custom_faq_page ul li a
{
  color:#000;
}
@media(min-width:768px)
{
.faqright_cotent
{
width:70%;
}
.custom_faq_page
{
  width:30%;
}
  .custom_faq_page
{
 position: -webkit-sticky;
  position: sticky;
  top:40px;
}
}
@media(max-width:767px)
{
.faqmenucontent
{
    padding: 0 30px;
    flex-direction: column;
}
  .custom_faq_page
  {
    display:none;
  }
}


/* -----------------------------------------
  3. Collection List - Coloured Border
----------------------------------------- */


.custom-col-list .block-section .card-overlay
{
  box-shadow: inset 0 0 0 1px var(--color-border),0 3px 0 var(--color-box-shadow);
      border: solid 1px #8AA7C4;
}


/* -----------------------------------------
  4. Size Guide - Underline Links
----------------------------------------- */


.sizetrigger
{}
.sizetrigger:hover,.product-info-secondary-line a:hover
{
  text-decoration: underline;
}


/* -----------------------------------------
  5. Policy Pages - Content Width
----------------------------------------- */


@media(min-width:989px)
{
.shopify-policy__container {
  max-width: 70rem!important;
}
}


/* -----------------------------------------
  6. Collection Page - Spacing and Alignment
----------------------------------------- */


@media (min-width: 990px)
{
#CollectionActions
  {
    margin-top: -49px;
    margin-bottom: 0px;
    padding: 8px 0px 8px 8px;
}
}


/* -----------------------------------------
  7. Collection Page - Align Breadcrumb with Sort By
----------------------------------------- */


.template-collection .container .block-section,.product-info-wrap  .container .block-section
{
  margin-top: 0px;
}


/* -----------------------------------------
  8. Product Card - Reduce Spacing
----------------------------------------- */


html body .card-product .card-info
{
  padding: 1rem 0 0.1rem;
}


/* -----------------------------------------
  9. Footer - Section Spacing
----------------------------------------- */


@media(max-width:767px)
{
 .footer-blocks-wrapper  .grid-item
{
    width: 100% !important;
}
}


/* -----------------------------------------
  10. Product Description - Highlighted Text
----------------------------------------- */


.product-highlights {
  color: #2D84DA;
  font-style: italic;
}


/* -----------------------------------------
  11. Main Navigation - Centralise
----------------------------------------- */
.nav-main
{
    justify-content: center;
}


/* -----------------------------------------
  12. Multi Column Single Menu - Styling Changes
----------------------------------------- */


.single-mega-menu .mega-menu-container
{
    display: flex;
    flex-direction: column;
}
.single-mega-menu .mega-menu-columns
{
 grid-template-columns: repeat(6,1fr);    grid-row-gap: 0;
}
.single-mega-menu .mega-menu-container .mega-menu-column-title
{
    color: rgb(35,35,35);
    font-size: 15px;
    font-weight:normal
}
.single-mega-menu  .mega-menu-column-feature-grid
  {
   max-width: 100%;
    margin-left: 0;
    border-left: none;
    padding-left: 0;
    margin-right: 0;
    padding-right: 0;
    border-right: none;
  }
.single-mega-menu  .mega-menu-column-feature {
    width: 100%;    max-width: 100%;
}


.single-mega-menu   .mega-menu-feature-left .mega-menu-column-feature {
    order: 0;
  }
  .nav-main {
   justify-content: center;
}
  .navigation-wrapper .container
  {
    max-width: 1100px;    position: relative;
  }
  .megasubmnutitle
  {
    font-weight:bold !important
  }
}
/* -----------------------------------------
  12.1 Multi Column Single Menu - Hover Colour
----------------------------------------- */


.single-mega-menu .mega-menu-container .mega-menu-column-title
{
    color: currentColor;
}


.single-mega-menu .mega-menu-container .mega-menu-column-title:hover,
.single-mega-menu .mega-menu-container .mega-menu-column-title:focus-within
{
      color: rgb(var(--color-accent-1));
}


/* -----------------------------------------
  12.2 Multi Column Single Menu - Mobile Width
----------------------------------------- */


@media(min-width:990px) and (max-width:1080px)
{
  .navigation-main>.navigation-item
  {
    padding: 0 1rem;
  }
  .navigation-wrapper .container
  {
        padding: 0 1rem;
  }
  .navigation-menu .icon-angle
{
  width:1rem
}
 
}


/* -----------------------------------------
  12.3 Multi Column Singal Menu - Menu Spacing Width
----------------------------------------- */


.single-mega-menu .mega-menu-container .mega-menu-column-title
{
  margin-bottom: 1.6rem;
}


@media(min-width:1200px)
{
.navigation-main>.navigation-item
{
   padding: 0 2.5rem;
}
.navigation-main>.navigation-item:after
{
    right: -2.5rem;
}
}


/* -----------------------------------------
  13. Stock Status - Change to be case sensitive
----------------------------------------- */


.badge-stock
{
      text-transform: none;
}


/* -----------------------------------------
  14. Mega Menu Child - Active Color
----------------------------------------- */


.single-mega-menu .mega-menu-container  .mega-menu-column-title.current
{
  color:#39b5fb;
}


/* -----------------------------------------
  15. Font preview popup bottom space
----------------------------------------- */


.fontpreviewpopup
{
 margin-bottom:2rem;
}


/* -----------------------------------------
  15.1 Font preview popup fixes
----------------------------------------- */


.font_container span.page-title
{
  font-size: 24px;
  font-weight: 700;
}
.fontcustom span
{
    font-size: 16px;
    text-align: left;
    padding: 5px;
    font-family: 'Roboto', sans-serif;
    display: block;
    font-weight: 700;
}

/* -----------------------------------------
  16. Globo Form Customisation
----------------------------------------- */


.globo-form-app .gfb-with-image .gfb-with-image-img{
  object-fit :contain !important;
}
.globo-form-app .spinner{
  display : none !important;
}
.gfb__footer .action, .gfb__footer [type=button]{
  color : #033F66 !important;
  font-weight : 600 !important;
}