@font-face {
  font-family: 'icons';
  src: url('atlantic-icons.eot');
  src: url('atlantic-icons.eot#iefix') format('embedded-opentype'),
    url('atlantic-icons.woff') format('woff'),
    url('atlantic-icons.ttf') format('truetype'),
    url('https://cdn.shopify.com/s/files/1/0222/2214/t/42/assets/atlantic-icons.svg#atlantic-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TheanoDidotRegular';
  src: url('https://cdn.shopify.com/s/files/1/0222/2214/t/42/assets/TheanoDidot-Regular-webfont.eot');
  src: url('https://cdn.shopify.com/s/files/1/0222/2214/t/42/assets/TheanoDidot-Regular-webfont.eot#iefix') format('embedded-opentype'),
    url('https://cdn.shopify.com/s/files/1/0222/2214/t/42/assets/TheanoDidot-Regular-webfont.woff') format('woff'),
    url('TheanoDidot-Regular-webfont.ttf') format('truetype'),
    url('https://cdn.shopify.com/s/files/1/0222/2214/t/42/assets/TheanoDidot-Regular-webfont.svg#TheanoDidotRegular') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'butlerbold';
  src: url('https://cdn.shopify.com/s/files/1/0222/2214/t/42/assets/butler_bold-webfont.eot');
  src: url('https://cdn.shopify.com/s/files/1/0222/2214/t/42/assets/butler_bold-webfont.eot#iefix') format('embedded-opentype'),
    url('https://cdn.shopify.com/s/files/1/0222/2214/t/42/assets/butler_bold-webfont.woff2') format('woff2'),
    url('https://cdn.shopify.com/s/files/1/0222/2214/t/42/assets/butler_bold-webfont.woff') format('woff'),
    url('https://cdn.shopify.com/s/files/1/0222/2214/t/42/assets/butler_bold-webfont.ttf') format('truetype'),
    url('https://cdn.shopify.com/s/files/1/0222/2214/t/42/assets/butler_bold-webfont.svg#butlerbold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'butlermedium';
  src: url('https://cdn.shopify.com/s/files/1/0222/2214/t/42/assets/butler_medium-webfont.eot');
  src: url('https://cdn.shopify.com/s/files/1/0222/2214/t/42/assets/butler_medium-webfont.eot#iefix') format('embedded-opentype'),
    url('https://cdn.shopify.com/s/files/1/0222/2214/t/42/assets/butler_medium-webfont.woff2') format('woff2'),
    url('https://cdn.shopify.com/s/files/1/0222/2214/t/42/assets/butler_medium-webfont.woff') format('woff'),
    url('https://cdn.shopify.com/s/files/1/0222/2214/t/42/assets/butler_medium-webfont.ttf') format('truetype'),
    url('https://cdn.shopify.com/s/files/1/0222/2214/t/42/assets/butler_mediutm-webfont.svg#butlermedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
  color: #333;
  font-weight: bold;
}
.row {
  margin: 50px 0px;
  padding: 100px 0px 0px;
  border-top: 1px solid black;
  overflow: hidden;
}
.row .half{
  width: 45%;
  float: left;
  margin-right: 5%;
}

.row .third{
  width: 30%;
  float: left;
  margin-right: 5%;
}
.mobile-only {
  display: none !important;
}

.row .third:nth-of-type(3){
  margin-right: 0px;
}

.row .two-third{
  width: 60%;
  float: left;
  margin-right: 5%;
}


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

  .mobile-only{
    display: block !important;
  }

  .desktop-only{
    display: none;
  }

  .third, .two-third, .half{
    float: none;
    width: 100% !important;
    margin-right: 0px;
  }

  .row{
    margin: 50px 0px !important;
    padding: 50px 25px 0px !important;
  }

  .row.no-border{
    margin-top: 0px !important;
    padding-top: 0px !important;
  }
}

.main-header--minimal .header-minimal .store-title {
  padding: 9px 0 !important;
}
.header-minimal {
  padding-left: 2em;
  padding-right: 2em;
}

/*-------------- page scent finder --------------*/
.whole-chart-container {
  width: 100%;
}
.thick-border {
  border: 2px solid black;
}
.diagonal-line-bg {
  background-image: url(../../../files/diagonal-line-bg_4398.png);
  background-repeat: repeat;
}
.flow-chart-container {
  margin: 10em 0 6em 0;
  display: flex;
  align-items: center;
  padding: 1em;
}
.axis-label {
  font-family: Courier New;
  text-transform: uppercase;
  font-weight: bold;
  background-color: #fff;
  font-size: 20px;
  border: 1.5px solid black;
  letter-spacing: 0.05em;
  padding: 0.5em 1em;
  border-radius: 10px;
}
.dotted-line {
  height: 100%;
  max-width: 4em;
  flex: 1 1em;
  position: relative;
}
.dotted-line-image-container {
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: -0.5em;
}
.dotted-line-image-container img {
  height: 2.5px;
}
.vertical-connecting-line {
  display: none;
}
.icon-image-container {
  background-color: #fff;
  border: 1.5px solid black;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 6em;
  width: 6em;
  border-radius: 50%;
  position: relative;
  z-index: 10;
  flex: 0 0 6em;
}
.flow-chart-icon-label-tall {
  top: -8em;
  height: 8em;
}
.flow-chart-icon-label {
  position: absolute;
  display: block;
  text-align: center;
  z-index: 5;
  overflow: hidden;
}
.flow-chart-icon-label span {
  font-family: Courier New;
  display: block;
  width: 500px;
  padding-bottom: 0.5em;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
}
.flow-chart-icon-label img {
  width: 8px;
}
.icon-image-container img {
  height: 55%;
}
.flow-chart-icon-image {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 50%;
  overflow: hidden;
}
.flow-chart-icon-image img {
  height: 55%;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
.left-arm {
  position: absolute;
  bottom: -3.2em;
  transform: translateX(25%);
}
.right-arm {
  position: absolute;
  bottom: -3.2em;
  transform: translateX(-25%);
}
.left-arm img, .right-arm img {
  height: 3em;
}
.top-arm, .bottom-arm {
  display: none;
}
.flow-chart-icon-label-short {
  top: -4.5em;
  height: 4.5em;
}
.flow-chart-item-description {
  display: flex;
  margin-bottom: 3em;
}
.flow-chart-description-item-icon {
  margin-right: 1em;
  min-width: 6em;
  text-align: center;
}
.flow-chart-description-item-icon img {
  height: 4em;
}
.flow-chart-description-text {
  font-family: Courier New;
  font-size: 20px;
  line-height: 1.5;
}
.flow-chart-sub-label {
  position: absolute;
  bottom: -6em;
  left: 50%;
  z-index: 1000;
  display: flex;
  align-items: flex-end;
  transform: translateX(-50%);
}
.flow-chart-sub-label span {
  font-family: Courier New;
  text-transform: uppercase;
  display: block;
  font-size: 20px;
  margin: 0 0.5em -0.5em 0.5em;
}
.thin-border {
  border: 1px solid black;
}
/*===============================================*/

/*----------------- custom navigation -----------*/
.mega-nav{
  pointer-events: all !important;
}
.main-header nav.full .nav-item>.label {
  padding: 25px 13px !important;
}
.has-mega-nav1 .mega-nav{
  display:none;
  top:68px;
  height: auto !important;
  width:100%;
}
.has-mega-nav1:hover .mega-nav{
  display:block;
  opacity:1;
}
.has-dropdown-nav1 ul#header-dropdown-our-scents{
  display:none;
}
.has-dropdown-nav1:hover ul#header-dropdown-our-scents{
  display:block;
  opacity:1;
}
.main-header nav.full {
  position: initial !important;
}
.main-header nav.full .nav-item.has-mega-nav1 {
  position: inherit !important;
}
.mobile-main-icons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 1em 0 0.75em 0.25em;
  justify-content: space-around;
}
.mobile-main-icons .mobile-main-icon {
  flex: 0 1 50%;
  align-items: center;
  color: #fff;
  display: flex;
  padding: 1.25em 0em;
}
.mobile-main-icons .mobile-main-icon .image-container {
  text-align: center;
  margin-left: 1em;
  margin-right: 1em;
}
.mobile-main-icons .mobile-main-icon .label-container span {
  font-size: 1.1em;
  font-weight: bold;
}
.mega-nav .list .label {
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255,255,255,0.15);
}
.mega-nav .list .list-item a {
  color: #ffffff  !important;
  opacity: 0.7;
}
.main-header nav {
  padding-top:0;
  border-top: 1px solid #bbb !important;
}
.main-header nav.full .nav-item .dropdown-wrap .dropdown-item.first>a {
  border-top: 0px;
}
.main-header nav.full .nav-item.has-dropdown-nav1:hover, .main-header nav.full .nav-item.has-mega-nav1:hover {
  background-color: #222;
}
.main-header nav.full .nav-item.has-dropdown-nav1:hover>.label, .main-header nav.full .nav-item.has-mega-nav1:hover>.label {
  color: #ffffff;
}
.main-header nav.full .nav-item .dropdown-wrap .dropdown-item a {
  display: block;
  font-family: "Courier New",Courier,monospace;
  font-size: 14px;
  padding: 18px 35px 18px 20px;
  color:#fff;
  border-top: 1px solid rgba(255,255,255,0.15);
}
ul#header-dropdown-our-scents {
  pointer-events: all;
}
.main-header nav.full .nav-item .dropdown-wrap {
  border: 1px solid rgba(255,255,255,0.15);
}

@media (min-width: 677px){
  .mobile-main-icons {
    padding-right: 0.5em;
  }
  .mobile-main-icons .mobile-main-icon {
    flex: 0 1 25%;
  }
}

.header-minimal {
  border-bottom: 1px solid #bbb;
}
.breadcrumb-navigation {
  font-size: 12px !important;
}
.template-page .text-content-wrap, .template-contact .text-content-wrap{
  max-width: 100% !important;
}
.custom-email-field {
  border: 1px solid #000;
  padding: 0.7em;
}
.custom-email-button {
  border: 1px solid #000;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.095em;
  padding: 0.7em 1.4em;
}
#main-footer .connect>li{
  padding-left:0 !important;
  padding-right:0 !important;
}
.footer-menu-container {
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.footer-menu-container .footer-linklist-one {
  text-align: left;
}
#main-footer .newsletter li, #main-footer .contact li, #main-footer .footer-menu li {
  font-size: 13px;
}
.footer-subscribe {
  text-align: center;
  margin-top: 50px;
}
.footer-subscribe h4 {
  margin-bottom: 16px;
  font-size: 20px;
  font-family:"Courier New",Courier,monospace;
  font-weight: bold;
}
#footer-subscribe-title {
  display: block;
  font-size: 15px;
  font-family: "TheanoDidotRegular, serif";
  margin-bottom: 10px;
  letter-spacing: 1px;
  font-weight: 300;
}
.main-footer .sub-footer .social {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 0 30px !important;
}
.main-footer .sub-footer .social-link:not(:last-of-type) {
  margin-right: 16px;
}
.main-footer .sub-footer .social svg {
  width: 25px;
  height: 25px;
  color: #222;
}
.header-minimal .tools svg {
  width: 1.32em;
  height: 1.32em;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
}
.tool-container button.ls-button-search, .tool-container .account-options, .tool-container .mini-cart-wrap {
  color: #bbb;
  font-size: 12px;
  font-family: "Courier New",Courier,monospace;
  margin:0 10px !important ;
}
.main-header--minimal .main-header--tools-label {
  display: block !important;
}
.page-title{
  text-align:left; 
}
.page-title .label {
  font-size: 35px;
  font-weight: 700;
  font-family: "TheanoDidotRegular",serif;
  color: #222;
}
.rte h2 {
  margin: 0 0 20px;
}
#scent-header-woodsman {
  background: url(../../../files/woodsman_real_img_3698.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #333;
}
.collection-heading-tools {
  padding-top: 50px;
  border-top: 1px solid #bbb;
}
.template-collection .collection-header{
  float:none; 
}
.scent-header {
  padding: 50px;
  color: #fff !important;
}
.scent-header .collection-title {
  text-align: left !important;
}
.scent-header * {
  color: #fff !important;
}
.scent-header h1, .collection-title-header .collection-title h1 {
  font-family: "TheanoDidotRegular",serif !important;
  font-size: 36px !important;
}
.collection-title {
  padding-top: 0;
  margin-top: 40px;
  margin-bottom: 40px;
}
.collection-title-header .collection-title {
  text-align: center;
  font-family: "TheanoDidotRegular" ,serif;
  color: #222;
  display: inline-block;
}
.scent-header p{
  font-size:14px;
}
.collection-sorter label.sidebar-title {
  display: inline-block;
}
.collection-sorter .select-wrapper {
  display: inline-block;
}
.scent-header .action-button {
  background-color: #e4b127;
  margin: 10px 0px;
  border: none;
}
.scent-header .action-button:hover {
  background-color: #000;
}
.action-button {
  font-family: "Courier New",Courier,monospace;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #fff;
  background-color: #060606;
  padding: 9px 14px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 4px;
  display: inline-block;
  border: none;
  width: 250px; 
}
.learn-more-buttons a.grey-button {
  margin-top: 12px;
}
.grey-button {
  background: #666;
}
#premium-vs-classic, #how-to-use, #what-is-beard-oil, #what-is-mustache-wax {
  margin: 100px 0px;
  padding: 100px 0px 0px;
  border-top: 1px solid black;
  overflow: hidden;
}
img.premium-vs-classic {
  width: 100%;
  max-width: 396px;
}
table.oil-comparison, table.oil-comparison th, table.oil-comparison td {
  border: 1px solid black;
}
table.oil-comparison {
  width: 100%;
  margin-top: 50px;
}
table.oil-comparison th, table.oil-comparison td {
  text-align: center;
  padding: 4px;
}
table.oil-comparison tr td:first-of-type {
  text-align: right;
}
ul.how-to-use {
  overflow: hidden;
}
ul.how-to-use li {
  width: 30%;
  float: left;
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
}
ul.how-to-use li img {
  width: 80%;
  margin-top: 25px;
}
#what-is-beard-oil .two-third.center-text {
  margin: 0px auto !important;
  float: none;
  text-align: center;
}
.page-title {
  margin-top: 15px;
  display: inline-block;
  width: 100%;
}
.quantity-wrapper, .submit-wrapper {
  display: inline-block;
}
.quantity-wrapper .product-quantity-label, .quantity-wrapper .product-quantity-input {
  display: inline-block;
}
button.product-submit {
  font-size: 18px !important;
  padding: 10px 40px !important;
  background: #d09e11 !important;
  border: none !important;
  color: #fff !important;
  font-weight: bold !important;
  border-radius: 4px !important;
  margin: 0 !important;
}
input.product-quantity-input {
  border: solid 2px #222 !important;
  font-size: 18px;
  font-weight: 900;
  padding: 5px;
  width: 46px !important;
  height: auto !important;
}
.product-details .title{
  font-size: 35px !important;
  font-weight: 700 !important;
  color: #222 !important;
  font-family: "TheanoDidotRegular",serif !important;
  margin: 10px 0 0 !important;
}
.product .title, .quick-shop-content .title, .product-area .title {
  font-family: "TheanoDidotRegular",serif;
  font-size: 16px;
}
#what-is-mustache-wax .two-third.center-text {
  margin: 0px auto !important;
  float: none;
  text-align: center;
}
#gift-card {
  color: #d09e11;
  font-weight: 900;
}

.tablet-menu{display:none;}

.main-header nav.bordered {
    border: none !important;
}

@media (max-width: 1172px){
  .tablet-menu{display:block !important; border-bottom: 1px solid #ddd;}
  .header-minimal .main-header--nav-compressed{display:none !important; }
  .main-header--minimal .main-header--tools {   
    top: 25px;    
  }
  .main-header .tablet-menu nav.full .nav-item>.label::before {   
    top: 0%;    
    height: 100%;    
    transform: translateY(0%);
  } 
  .main-header .tablet-menu nav.full .nav-item>.label {
    padding: 10px 15px !important;
  } 
  .main-header .tablet-menu nav.full .nav-item {
    display:none;
    width:50%;
  } 

  .main-header .tablet-menu nav.full li.nav-item:nth-child(1), 
  .main-header .tablet-menu nav.full li.nav-item:nth-child(2) {
    display:inline-block !important;
  }  
  .main-header .tablet-menu nav.full .nav-item>.label{font-size:1.2em; font-weight:bold;
    display: block;
    text-align: center;
    position: relative;
  }
  .main-header .tablet-menu nav.full .nav-item .svg-icon {
    position: absolute;
    top: 50%;
    right: 0;
    left: 50%;
    transform: translate(30px, -50%);
  }
  .main-header--minimal .main-header--tools {
    float: right !important;    
  } 
  .has-mega-nav1 .mega-nav {   
    top: 115px;
    overflow-y: scroll;
    height: 400px !important;

  }
  .tablet-menu nav.full  {display:block !important}

}
@media (max-width: 719px){
  .tablet-menu .mobile-main-icons .mobile-main-icon {
    flex: 0 1 50%;
  } 
}

.main-header nav.full .nav-item>.label{font-size:12px;}

.ig-feed-container h5 {
    text-align: center;
}

/* Hides "Search" from header search function */ 

#ls-button-search label{
	display: none; 
}

/* Adjusts height of hero/banner for legibility */ 

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

.template-index .slideshow--mobile-height-small .image-wrap{
  height: 200px; 
}

}


/* Hides filter from collection pages */ 

.collection-header{
  display: none; 
}

/* Facebook message position adjustment */ 

#messageus_button{
  right: 10px;
  bottom: 0px;  
}

/* Product page mobile optimization */ 

.submit-wrapper{
  margin-bottom: 25px !important;
}

.product-card-interaction-addtocart-available{
  padding: 10px; 
}

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

  	.product-details-wrapper .title{
    	font-size: 24px !important; 
  	}

  	.product-main-image  {
    	max-width: 50%;
    	margin: auto;  
	}
  
	.options{
  		padding: 0px !important; 
	}  
 
  	.product-area .product-details{
  		margin-top: 0px; 
  	}
  
  	.product-area .pager{
  		padding-top: 0px; 
	}
  
  	.account-options{
  		display: none !important; 
  	}
  
}

@media only screen and (max-width: 420px){
	.submit-wrapper{
  		width: 100%;  
	}
}