/** Shopify CDN: Minification failed

Line 259:1 Unexpected "@media"
Line 621:0 Expected "}" to go with "{"

**/
.grid-view-item__link .saso-offer-badge {

    overflow: visible;
	height: 250px;
}
      
@media screen and (min-width: 600px){
.Applogotd {
    max-width:70px;
	}
  .AppStorelogotd{
  
  }

}

@media screen and (min-width: 1024px){
.navigation-main {
    background-color: #ffffff;
}}

@media screen and (max-width: 1023px){
#content-background-image-template--15039579095219__hero-page .btn {
background-color: var(--btn-bg-color-1);
    border-color: var(--btn-border-color-1);
      }}

/* product collection banners */
@media screen and (min-width: 1024px){
  .header-collections-snippet .collections-header-title {
  min-height: 350px;}

  #MainContent {
    position: relative;
    top: 15px;
}
}

@media screen and (min-width: 1024px) and (max-width: 1181px){
.header-section .logo-image-container img {
    width: auto;
    height: 45px;
}}


@media screen and (min-width: 1024px){
#MainContent {
    position: relative;
    top: 14px;  
}}

@media screen and (min-width: 1180px){
#MainContent {
    position: relative;
    top: 22px;  
}}

@media screen and (min-width: 1000px){
.hero__links__items {
    align-items: end;
}
}

/* Animated hero text 

@media screen and (min-width: 1400px){
.hero__links {
    bottom: 25%;
}}

.textanim {
    font-family: 'Frontage Condensed Bold';
    font-size: 30px;
    position: absolute;
    bottom: 60%;
}
@media screen and (min-width: 460px){
.textanim {
    font-size: 40px;

}}
@media screen and (min-width: 1900px){
.textanim {
    font-size: 50px;

}}
@media screen and (min-width: 768px){
.hero__image-container {

    min-height: 640px;
}}

.textanim {
  overflow:hidden;
  white-space:nowrap;
      opacity: 0;
}

#textanim1 {   
  animation: showup 9s;
}

#textanim2 {
  animation: showup2 9s;
}

@keyframes showup {
    5% {opacity:0;}
    35% {opacity:1;}
    50% {opacity:0;}
}
@keyframes showup2 {
    50% {opacity:0;}
    75% {opacity:1;}
    100% {opacity:0;}
}

*/
.hero-anim-delay-0 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}
.hero-anim-delay-150 {
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
}
.hero-anim-delay-300 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.hero-anim-delay-450 {
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
}
.hero-anim-delay-600 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;;
}

@media screen and (max-width:1023px){

.hero-anim-delay-0 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.hero-anim-delay-150 {
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
}
.hero-anim-delay-300 {
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
}

}


/*

.collection-template .collection-list-wrapper .container,.collection-template .filter-and-sort .container
{
  max-width:1600px
}
.collection-sub-header {  
    padding-top: 5px;
  max-width: 1600px;
}
.cl-product-card-container.grid-list .grid-item, .cl-product-card-container.grid-list .recently-viewed-prod {
    border: none;
}
.container{max-width:1600px}

*/


@media screen and (min-width:1024px){
#navmain{
  transition:2s;
position:relative;
  background-color: #ffffff;
  top:0px;
  opacity:1;
}
#navmain2{
  transition:2s;
  top:0px;
  opacity:1;
}



.header-section .logo-image-container{
    background-color: white;
    z-index: 1;
padding-top: 15px;
    padding-bottom: 15px;
  position: relative;
}
  

.header-section .header-icon {
  z-index: 2;}

.header-search-wrapper {
  z-index: 2;}
.header-section .header-actions__left {
  z-index: 2;}
.random-stuff-that-gets-included-below-the-nav {
  z-index: 2;}
}
@media screen and (min-width: 1181px){
.header-section .logo-image-container {
    background-color: white;
    z-index: 1;
 /*---   padding-top: 30px;
    padding-bottom: 30px;---*/ 
    position: relative;
 
}}
@media screen and (min-width: 1024px){
#header{transition:4s;
height:100px;
opacity:1;
  padding-top: 0px;}}

/*--------------------------------------
// display secondary image on hover over 
----------------------------------------*/ 

 .has-secondary.grid-view-item__link img.secondary{ 
  display:none; 
 } 
 .has-secondary.grid-view-item__link:hover img.secondary{ 
  display:block; 
 } 
 .has-secondary.grid-view-item__link:hover img.grid-view-item__image{ 
  display:none; 
 } 

 @media screen and (min-width:767px){ 
 .has-secondary.grid-view-item__link img.secondary{ 
  display:none; 
 } 
 .has-secondary.grid-view-item__link:hover img.secondary{ 
  display:block; 
 } 
 .has-.grid-view-item__link:hover img.grid-view-item__image{ 
  display:none; 
 } 
 } 
  secondary

 @media screen and (max-width:767px){ 
 .has-secondary.grid-view-item__link img.secondary{ 
 display:none; 
 } 
 } 



/* -----------------
Border radius removal Switch off



.btn {
    border-radius: 0;
    border-width: 1px;
}
.text-input {
    border: 1px solid #042b60;
    border-radius: 0px;
}
.select {
    border-radius: 0px;
}
.filter-and-sort .btn-container .btn-filter {
    border: 2px solid #51b6cc;
    border-radius: 0;

}
.filter-and-sort .btn-container .select-wrapper .select {

    border: 2px solid #51b6cc;
    border-radius: 0;

}
.quantity-selector-wrapper input {

    border: 2px solid #51b6cc;
    border-radius: 0;

}

--------------------*/


/* -----------------------------------------
Landing page and hero links adjustment
------------------------------------------*/



.hero__subtitle {
  font-size:14px;
  display: block!important;
}

@media screen and (min-width: 768px){
.hero__subtitle {
    border: 2px solid;
    border-radius: 8px;
    margin-left: 26%;
    margin-right: 26%;
    margin-top: 0px;
  	border-color: #51b6cc;
  margin:20px;
}}


@media screen and (max-width: 1023px){
#shopify-section-template--15039579324595__1627306105d769d906
{
  visibility: hidden;
        height: 0;
}
#shopify-section-template--15746314404019__1627306105d769d906
{
  visibility: hidden;
        height: 0;
}
  #hero__links__item-75cc694f-fac6-43ec-b4fb-30cdf651f7c8{
}
  #hero__links__item-a88177a3-8315-4b31-8f1a-d4ef69ca77d8{
  order:-1
    
}
  #hero__links__item-27993569-10d4-4738-a7a8-723a373bf2d8{
}
  .hero__image-container {
    padding-bottom: 120%;
}
    .hero__links {

    bottom: 188px;}
}
@media screen and (min-width: 1024px){
#shopify-section-template--15039579324595__1629449005bc37f30f
{
  visibility: hidden;
        height: 0;
}
#shopify-section-template--15746314404019__1629449005bc37f30f
{
  visibility: hidden;
        height: 0;
}
}
@media screen and (max-width: 767px){

.hero__title {
    margin-bottom: 2px;
}
  
  .herolink3 {
    font-size: 34px;
    line-height: 34px;
}
  
.hero__links{
  margin-bottom: 100px;
   bottom: 125px;
}
  
.hero__links__items {
gap: 50px 6px;
}
  
#hero__links__item-75cc694f-fac6-43ec-b4fb-30cdf651f7c8{
  width: 100%;
}
  #hero__links__item-a88177a3-8315-4b31-8f1a-d4ef69ca77d8{
  width: 40%;
    order: 0;
}
  #hero__links__item-27993569-10d4-4738-a7a8-723a373bf2d8{
  width: 40%;
}
  
  
}

@media screen and (max-width: 450px){ 
  
.content-background-image-snippet {
    margin-bottom: 40px;
    height: 700px;
    max-height: 90%;
}
  .hero__image-container {
    height: 100%;
  }
  
.hero__links {
    margin-bottom: 125px;
}
  
.hero__links__item {
    text-align: center;
    padding: 0px;
    bottom: 25px;
    position: relative;
}
  
.hero__links__items {
    padding: 17px;
}
   
}

@media screen and (min-width: 1024px){

.herolink1 {
	font-size: 20px;
    line-height: 20px;
    top: 9px;
    position: relative;
}
.herolink2 {
	font-size: 24px;
    line-height: 24px;
    top: 6px;
    position: relative;
}
.herolink3 {
    font-size: 28px;
    line-height: 28px;
}
.herolink4 {
	font-size: 24px;
    line-height: 24px;
    top: 6px;
    position: relative;
}
.herolink5 {
	font-size: 20px;
    line-height: 20px;
    top: 9px;
    position: relative;
}
.hero__links {
   top: -48px;
}


@media screen and (min-width: 1400px){

.herolink1 {
	font-size: 30px;
    line-height: 30px;
    top: 9px;
    position: relative;
}
.herolink2 {
	font-size: 32px;
    line-height: 32px;
    top: 6px;
    position: relative;
}
.herolink3 {
    font-size: 34px;
    line-height: 34px;
}
.herolink4 {
	font-size: 32px;
    line-height: 32px;
    top: 6px;
    position: relative;
}
.herolink5 {
	font-size: 30px;
    line-height: 30px;
    top: 9px;
    position: relative;
}
.hero__links {
    top: 0px;
}

}

/*-----------------------------------------------
Product card text adjustments for larger screens 
-----------------------------------------------*/

@media screen and (min-width: 1550px){

.cl-product-card .cl-product-card-info .cl-product-card-bottom .cl-product-card-pack-size span {
    font-size: 14px;
}

.cl-product-card .cl-product-card-info .product__specs li {
    font-size: 14px;
}

.cl-product-card .cl-product-card-info .product__specs li {
    font-size: 10px;
    line-height: 31px;
}
.cl-product-card-info [data-oke-reviews-product-listing-rating] .okeReviews.okeReviews--theme {
    font-size: 12px;
}
.cl-product-card .cl-product-card-name, .cl-product-card .cl-product-card-price {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
}

.cl-product-card .cl-product-card-info .cl-product-card-bottom .cl-product-card-pack-size span {
    font-size: 14px;
    font-weight: 700;
}

.cl-product-card .cl-product-card-info .cl-product-card-bottom-info {
    font-size: 13px;
}
.cl-product-card .cl-product-card-info .product__specs li {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}
  
}

/*---------------------------------------------
larger collection containers for larger screens
-----------------------------------------------*/


@media screen and (min-width: 1550px){
  
.collection-template .collection-list-wrapper .container, .collection-template .filter-and-sort .container {
    max-width: 1450px;
}

.collection-sub-header {
	max-width: 1450px;
}

.cl-product-card .grid-view-item {height: 300px}

}



/*---------------------------------------------
Filter buttons
-----------------------------------------------*/

@media screen and (max-width: 767px){
.link-slider-snippet .glide__slides .glide__slide {
    border-radius: 8px;
    background-color: #d3dbe2;
}
}


/*---------------------------------------------
mobile remove grid and display inline
-----------------------------------------------*

@media screen and (max-width: 380px){

.grid-list {
    display: inline;
}
.grid-item {
    margin-bottom: 30px;
}

}

  /*---------------------------------------------
Header menu
-----------------------------------------------
  
  @media screen and (min-width: 768px){
.header-section .logo-image-container 
    {

    padding-bottom: 0px;
    top: -14px;
    position: relative;
}
  }*/
  
  @media screen and (max-width: 450px){
.hero__links__item {
    text-align: center;
    padding: 15px;
    top: 39px;
    position: relative;
    max-width: 50%;
    display: inline-block;
    align-items: center;
    width: 48%;
}}
  
  #content-background-image-template--15039579095219__hero-page .btn {
    background-color: #ffffff;
    border-color: #685a82;
    color: #ffffff;
}