/** Shopify CDN: Minification failed

Line 18:21 Expected identifier but found whitespace
Line 18:23 Unexpected "{"
Line 18:32 Expected ":"

**/
.wrapper {max-width: 1200px;}
.site-header {padding:0}

.announcement-bar p {
    text-align: center;
    text-decoration: none;
  margin:0; padding:10px 0;
  }

 .announcement-bar {
    background-color: {{ section.settings.announcement_bar_color }};
    text-align: center;
    text-decoration: none;
  }

.featured-box {background-color:#156298; border:0; padding:30px 0 15px}
.featured-box:hover {background-color:#0273b2;}

.featured-box svg {background-color:#f7f7f7}
.featured-box--image {padding:0}

.intro { font-size:22px}

.featured-blog__post h2 {margin-top:20px}

span.featured-box--title {text-transform:uppercase; color:#fff; font-size:26px; font-weight:bold}

.site-nav {text-align:center; margin:0 auto; margin-left:0}
.nav-bar {border-bottom:4px solid #ffd802}

.rich-text {margin:80px 0}
.custom-content {margin:60px 0 20px}

.featured-box--inner {margin-top:-30px}

.hero {
    /* Sizing */
    width: 100%;
    height: 60vh;
    
    /* Flexbox stuff */
    display: flex;
    justify-content: center;
    align-items: center;
    
    /* Text styles */
    text-align: center;
    color: white; /* ADD THIS LINE */
    
    /* Background styles */
    background-size: cover;      
    -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    
}
.hero h1 {color:#fff; width:80%; margin:0 auto;}

#shopify-section-1595610131517 {margin-top:30px}
.featured h1.h1 {color:#b6292e }

.highlight {border:1px solid #fdd818 ; background-color:#fef5c5 ; padding:30px; margin:40px 0!important;}

#CollectionSection {display: flex; flex-direction: column-reverse;}



@media only screen and (min-width: 767px) and (max-width: 1023px) { 
  
.hero h1 {color:#fff; width:70%; margin:0; text-align:left; font-size:3rem}
.intro { font-size:24px}

  #CollectionSection {flex-direction: column;}



}

@media only screen and (min-width: 1024px) { 
  
.hero h1 {color:#fff; width:50%; margin:0; text-align:left; font-size:3.75rem}
.intro { font-size:28px}

  li.silver {float:right; padding-right:0}

.featured-box--inner {margin-top:0px}

  hr {margin:80px 0}
  .site-footer {margin-top:60px}
    #CollectionSection {flex-direction: column;}



}