/*	Custom Styles Block Builder 
 	Created By: Jordan Comighod
	Last Update: July 7, 2021
	
	--- update: added blog styles ---

*/


@media screen and (min-width: 1024px)
.article--inner {
    padding-top: 50px;
    max-width: 1000px !important;
}

.text-img-container {
  display: flex;
  justify-content: center;
  
}

.collection-section-728-banner {
    position: absolute !important;
    top: 0;
    right: 9.5vw;
    width: 728px;
    height: 90px;
}

.collection-section-728-banner button.flickity-button.flickity-prev-next-button.previous,
.collection-section-728-banner button.flickity-button.flickity-prev-next-button.next,
.collection-section-728-banner ol.slideshow-pagination {

    display: none;
}

section.custom-html--container h2 {
    font-size: 5vh !important;
    color: #bfbfbf;
}

.padding-none {
  padding:0;
}

.custom-html--container {
    margin-top: 20px;
}

.grid-text-area {
    line-height: 1.5;
}

.text-align-middle {
    display: flex;
    align-items: center;
    min-height: 615px !important;
}


.img-default {
  width: auto;
  height: auto;
}

.img-400x400 {
  width: 400px;
  height: 400px;
}

.img-75-percent {
  width: 75%;
  height: 100%;
}


.img-88-percent {
  width: 88%;
  height: 100%;
}

.img-full {
  width: 100%;
  height:600px;
  object-fit: cover;
  margin-bottom: -4px;
}


.header-banner {
  display: flex;
  justify-content: center;
   width: 100%;
}

.header-banner img {
    width:2000px;
  	height:100%;
    align-items: flex-start;
  	
}

.full-width-banner div.header-banner  {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  	
}

.full-width-banner div.header-banner img {
    width:2000px;
  	height:100%;
    align-items: flex-start;
  	
}

.grid-text-left {text-align:left;position:relative;width:100%;}
.grid-text-center {text-align:center;position:relative;width:100%;}
.grid-text-right {text-align:right;position:relative;width:100%;}
.grid-text-justify {text-align:justify;position:relative;width:100%;}
.grid-text-wrapper h1 {margin: 0 !important}

.grid-flex-start {display:flex; justify-content: flex-start}
.grid-flex-center {display:flex; justify-content: center }
.grid-flex-end {display:flex; justify-content: flex-end }

.featured-collection__content[data-layout=grid] {
   grid-template-columns: repeat(4,1fr) !important;
}

.slider-grid-title {
    font-size: 3vh !important;
}


.bttn-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-bottom: 25px;
  	padding: 0 20px;
}

.featured-collection__container {
    clear: both;
}

.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;
}

.product-badge {
   display: flex;
   position: absolute;
   z-index: 999999999;
  
}

.product-badge-content {
  	background: #d00000;
  	font-size: 1.5vh;
    padding: 15px;
    color: #fff;
    font-weight: 800;
    line-height: 1.3;
  	border-bottom-right-radius: 25px;
}

.break-grid {
  	clear: both;
}

.no-break {
  	clear: none;
}


.img-nospace {
  	padding-top: 0 !important;
  	padding-bottom: 0 !important;
}

.img-nospace img {
  	margin-top: -4px;
}

.bttn-wrapper-txt {
  	display: flex;
    margin-top: 5vh;
    flex-wrap: wrap;
    position: relative;
    left: -5px;
  	width: 100%;
}

.button-secondary {
    color: #fff !important;
    background-color: #0f3e52 !important;
    border: 1px solid #1d698a !important;
}

.button-secondary:not(.disabled):hover {
    background: #2d6b86 !important;
    border: 1px solid #1c4252 !important;
}

.img-background {
    background-repeat: no-repeat;
    background-size: cover;
}

.flexify {
    display: flex;
}
.reverse-desktop {
  flex-direction: row-reverse;
}

.contact-info {
    font-size: 1.5rem;
  	font-family: Poppins, sans-serif;
  	overflow-wrap: anywhere;
  	margin-top: 4vh;
}

i.cs-icons {
    margin-left: 50px;
}

.cs-phone, .cs-email, .cs-address {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.cs-phone:before, .cs-email:before, .cs-address:before {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    display: block;
  	background-repeat: no-repeat;
    background-size: 25px;
    margin-right: 20px;
}
    
.cs-social-icons {
    display: flex;
    margin-top: 50px;
}

.cs-facebook, .cs-instagram, .cs-twitter {
    height: 40px;
    width: 40px;
    margin-right: 24px;
    background-repeat: no-repeat;
    background-size: 40px;
}

.cs-phone:before {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(77 77 77)' class='bi bi-telephone' viewBox='0 0 16 16'%3E%3Cpath d='M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z'/%3E%3C/svg%3E");
}

.cs-email:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(77 77 77)' class='bi bi-envelope-open' viewBox='0 0 16 16'%3E%3Cpath d='M8.47 1.318a1 1 0 0 0-.94 0l-6 3.2A1 1 0 0 0 1 5.4v.818l5.724 3.465L8 8.917l1.276.766L15 6.218V5.4a1 1 0 0 0-.53-.882l-6-3.2zM15 7.388l-4.754 2.877L15 13.117v-5.73zm-.035 6.874L8 10.083l-6.965 4.18A1 1 0 0 0 2 15h12a1 1 0 0 0 .965-.738zM1 13.117l4.754-2.852L1 7.387v5.73zM7.059.435a2 2 0 0 1 1.882 0l6 3.2A2 2 0 0 1 16 5.4V14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5.4a2 2 0 0 1 1.059-1.765l6-3.2z'/%3E%3C/svg%3E");
}

.cs-address:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(77 77 77)' class='bi bi-geo-alt' viewBox='0 0 16 16'%3E%3Cpath d='M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z'/%3E%3Cpath d='M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'/%3E%3C/svg%3E");
}

.cs-facebook {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(255 171 65)' class='bi bi-facebook' viewBox='0 0 16 16'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z'/%3E%3C/svg%3E");
    
}

.cs-instagram {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(255 171 65)' class='bi bi-instagram' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z'/%3E%3C/svg%3E");
}

.cs-twitter {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(255 171 65)' class='bi bi-twitter' viewBox='0 0 16 16'%3E%3Cpath d='M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z'/%3E%3C/svg%3E");
}

.map-responsive {

    overflow:hidden;
    padding-bottom:72vh;
    position:relative;
    height:0;

}

.map-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;

}

.shipway_div {
    padding-top: 10vh !important;
    padding-bottom: 10vh !important;
}

form#order-email-form {
    margin-top: 50px;
}

.shipway_div input.form-control {
    height: 50px;
    padding: 20px 10px;
    margin-bottom: 25px;
    margin-top: 30px;
}

.shipway_div label {
  position:absolute;
}

.shipway_div input.btn {
    margin-top: 0 !important;
    background-color: #ffab41 !important;
    padding: 15px 20px;
    border: none;
    width: 200px;
    cursor: pointer;
}

span.error_notification {
    top: 100px;
    position: relative;
    font-size: 1rem !important;
}

.img-title-below {
    margin-top: 20px;
    font-size: 22px;
    color: #4d4d4d;
    text-transform: uppercase;
}

.mid-spacer {
  	display: flex;
    justify-content: center;
}

.grid-text-area h1 {
  line-height: 1.2;
}

.sub-content {
    margin-top: 6vh;
    margin-bottom: 8vh;
}

.img-title {
    font-size:30px; 
    margin:20px 0;
  }
  
.img-content {
    padding: 0 1.5rem;
 }

/* ======================== MEDIA SCREEN SIZE STYLE =========================== */

@media screen and (min-width:2000px) {
  	.full-width-banner {
    	min-height: 24rem !important;
	}
  
  
}

@media screen and (max-width:1999px) {
  	.full-width-banner {
    	min-height: 20vw !important;
	}
  
  
}

@media screen and (max-width: 1600px){
   .collection-section-728-banner {
    	right:30px;
    
	}
  
}

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

  .collection-section-728-banner {

      position: relative !important;
      top: 20px;

  } 

  .full-width-banner div.header-banner img {
	  height:auto;

  }
  
}

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

  .full-width-banner div.header-banner img {
    height:auto;

  }
  
  .break-grid {
    display: none;
    padding: 0 !important;
  }

  .break-grid-mobile {
    clear: both;
  }

  .img-content {
    padding: 0;
  }

  .img-background {
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center;
  }

  .flexify {
    flex-wrap: wrap;
  }

  .shipway_div {
    width: 100% !important;
    padding: 5vh !important;
  }

  .grid-text-area {
    width: 100vw !important;
    padding: .5rem 2.5rem 0 2.5rem;
  }
  .grid-text-left {padding: 0 1.5rem !important}
  .grid-text-center {padding: 0 1.5rem !important}
  .grid-text-right {padding: 0 1.5rem !important}
  .grid-text-justify {padding: 0 1.5rem !important}

  h1.grid-text-left, h1.grid-text-center, h1.grid-text-right, h1.grid-text-justify {
    font-size: 2rem !important;
  }

  .spacer-disable {
    display: none 
  }
  .bttn-wrapper-txt {
    margin-top: 18px;
    
  }
  .dynamic-content, .dynamic-sub-headline  {
    padding: 0 !important;
  }
  .flexify div img {
    padding: 2.5vh 1rem;
    width: 100%;
  }
  .collection-section-728-banner {
    right: -20px;
  }

    
}

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

  .collection-section-728-banner {   
    position: relative !important;
    top: 0;
    width: 100%;
    height: auto;  
  } 

  .collection-section-728-banner div.flickity-viewport {
    height: 80px !important;
  }


  .collection-section-728-banner div.slideshow-slide__image-wrapper {
    height: 100px !important;
  }

  .collection-section-728-banner img {     
    object-fit: contain !important;
  }

  .padding-none {
    padding-left:1.5rem;
    padding-right:1.5rem;
    padding-bottom: 1.5rem;
  }

  .img-75-percent {
    width: 100%;
  }  

}

@media screen and (max-width:468px) {
  
  .pxs-image-with-text-content-wrapper.pxs-image-with-text-content-position-y-center.pxs-image-with-text-content-position-x-center.pxu-lia-block.pxu-lia-block--play {
    display: none !important;
  }

  .img-full {
    height:200px;

  }

  .text-align-middle {
    min-height:initial !important;
  }
  
  .grid-text-left,
  .grid-text-center,
  .grid-text-right,
  .grid-text-justify {padding: 0 !important}

  .grid-text-left p,
  .grid-text-center p,
  .grid-text-right p,
  .grid-text-justify p {font-size: 18px !important}

  .grid-text-wrapper {padding: 1rem !important;}

  .cs-social-icons {
    justify-content: center;
    margin-bottom:30px;
  }
  
  .cs-heading {
    text-align: center;
  }
  
  .contact-info {
    font-size: 1rem;
  }

  .padding-sm-reset {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  
  .grid-text-area p {
    font-size: 16px;
  }
  
  .grid-text-area h1 {
    font-size: 23px !important;
  }

  .flexify div img {
    padding: 0.5rem 1rem 1rem;
  }
  
  .col-md-12 {
    clear: both;
  }
  
  .collection-section-728-banner {
    right: 0;
  }

}