@font-face {
  font-family: 'Brandon_med';
  src: url('Brandon_med.eot');
  src: url('Brandon_med.eot') format('embedded-opentype'),
    url('Brandon_med.woff2') format('woff2'),
    url('Brandon_med.woff') format('woff'),
    url('Brandon_med.ttf') format('truetype'),
    url('Brandon_med.svg#Brandon_med') format('svg');
    font-display: swap;
}
@font-face {
    font-family: 'Brandon_bld';
    src: url('Brandon_bld.eot');
    src: url('Brandon_bld.eot') format('embedded-opentype'),
         url('Brandon_bld.woff2') format('woff2'),
         url('Brandon_bld.woff') format('woff'),
         url('Brandon_bld.ttf') format('truetype'),
         url('Brandon_bld.svg#Brandon_bld') format('svg');
    font-display: swap;
}
@font-face {
	font-family: 'Baskerville';
	src: url('baskerville.eot');
	src: url('baskerville.eot?#iefix') format('embedded-opentype'),
		 url('Baskerville.woff') format('woff'),
	     url('baskerville.ttf') format('truetype'),
		 url('baskerville.svg#baskerville') format('svg');
	font-weight: normal;
	font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BrandonGrotesqueRegular';
    src: url('BrandonGrotesqueRegular.eot');
    src: url('BrandonGrotesqueRegular.eot') format('embedded-opentype'),
         url('BrandonGrotesqueRegular.woff2') format('woff2'),
         url('BrandonGrotesqueRegular.woff') format('woff'),
         url('BrandonGrotesqueRegular.ttf') format('truetype'),
         url('BrandonGrotesqueRegular.svg#BrandonGrotesqueRegular') format('svg');
    font-display: swap;
}


.desktop-navbar.main-navbar:hover .desktop-navbar-nav-list,
.desktop-navbar.main-navbar:hover .desktop-navbar-header{
    color: #fff !important;
}
.desktop-navbar.main-navbar:hover .desktop-navbar-header svg path{fill: #fff !important;}


.mobile-navbar-nav-list .view_all_links{display:none;}
.browser-scrolled .desktop-navbar.desktop-navbar .desktop-navbar-nav-list {color: #fff !important;}
/*.mobile-navbar-nav-list .new .view_all_links, .mobile-navbar-nav-list .impact .view_all_links{display:block;}*/



/*
 * A better looking default horizontal rule
 */

.fullscreen-overlay-subscribe-popup hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.fullscreen-overlay-subscribe-popup .browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}



.fullscreen-overlay-subscribe-popup .pop_up{
	background: #f0f0f3;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 900px;
	padding: 40px;
	color: #444;
	letter-spacing: .2px;
	overflow: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fullscreen-overlay-subscribe-popup .pop_close{
	position: absolute;
    font-family: 'Brandon_med';
	font-size: 16px;
	top: 20px;
	right: 20px;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
}

.fullscreen-overlay-subscribe-popup .pop_close:hover{
	opacity: .4;
}


.fullscreen-overlay-subscribe-popup .pop_up_texts{
	width: 60%;
	text-align: center;
	position: relative;
	z-index: 5;
}


.fullscreen-overlay-subscribe-popup .pop_header{
	font-family: 'Baskerville';
	font-size: 42px;
	line-height: 44px;

}

.fullscreen-overlay-subscribe-popup .pop_copy{
    font-family: 'Brandon_med';
	font-size: 16px;
	line-height: 25px;
	margin-top: 25px;
}

.fullscreen-overlay-subscribe-popup .sub_text{
    font-family: 'Brandon_bld';
	font-size: 16px;
	margin-top: 20px;
	color: #444;
    text-transform: none;
  text-align:center;
}

.fullscreen-overlay-subscribe-popup .sub_field{
	width: 80%;
	border: none;
	border: 1px solid #111;
	background: white;
	height: 30px;
	margin-top: 5px;

}

.fullscreen-overlay-subscribe-popup .sub_btn{
    font-family: 'Brandon_bld';
	border-bottom: 3px solid #222;
	font-size: 14px;
	line-height: 12px;
	padding-bottom: 3px;
	margin-top: 0px;
	display: inline-block;

}

.fullscreen-overlay-subscribe-popup .sub_sub_copy{
	font-size: 12px;
	line-height: 16px;
	margin-top: 15px;
	text-align: left;
    font-family: 'BrandonGrotesqueRegular';
	font-style: italic;
}

.fullscreen-overlay-subscribe-popup .right_side_pop_img{
	position: absolute;
	width: 38%;
	bottom: 0;
	right: 0;
}

.fullscreen-overlay-subscribe-popup .mobile{
	display: none;
}

@media(max-width: 800px){

	.fullscreen-overlay-subscribe-popup .desktop{
		display: none;
	}

	.fullscreen-overlay-subscribe-popup .mobile{
		display: block;
	}

	.fullscreen-overlay-subscribe-popup .right_side_pop_img{
     display: none;
     }

	.fullscreen-overlay-subscribe-popup .pop_up_texts{
		width: 100%;
	}

	.fullscreen-overlay-subscribe-popup .pop_copy{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		line-height: 22px;
	}

	.fullscreen-overlay-subscribe-popup .pop_line{
		width: 1px;
		height: 60px;
		margin-top: 25px;
		background: #666;
		margin-left: auto;
		margin-right: auto;

	}

	.fullscreen-overlay-subscribe-popup .sub_field{
		width: 100%;
	}

	.fullscreen-overlay-subscribe-popup .pop_header{
		font-size: 32px;
		line-height: 34px;
	}

	.fullscreen-overlay-subscribe-popup .pop_up{
		width: 80%;
		padding-left: 7%;
		padding-right: 7%;
		padding-top: 50px;


	}


}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.fullscreen-overlay-subscribe-popup .hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.fullscreen-overlay-subscribe-popup .visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.fullscreen-overlay-subscribe-popup .visuallyhidden.focusable:active,
.fullscreen-overlay-subscribe-popup .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.fullscreen-overlay-subscribe-popup .invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.fullscreen-overlay-subscribe-popup .clearfix:before,
.fullscreen-overlay-subscribe-popup .clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.fullscreen-overlay-subscribe-popup .clearfix:after {
    clear: both;
}
.fullscreen-overlay-subscribe-popup.fullscreen-overlay.subscribe-footer-popup-on-scroll{background-color: rgba(0,0,0,0.6); display:none !important}
.fullscreen-overlay-subscribe-popup .popup-top .pop_copy {text-align: center;}
input[type="submit"]#mc-embedded-subscribe {color: transparent;}
.fullscreen-overlay-subscribe-popup.fullscreen-overlay input[type="submit"]#mc-embedded-subscribe {
  color: #111;
  font-family: 'Brandon_bld';
  border-bottom: 3px solid #222;
  font-size: 14px;
  line-height: 12px;
  padding-bottom: 3px;
  margin-top: 22px;
  display: inline-block;
  width: auto;
  height: auto;
  display: inline-block;
  float: none;
  border-left: none;
  text-transform:uppercase;
  background: transparent;
}



.videoWrapper{
	height: 100%;
    position: relative;
    width: 100%;
    margin:0px;
    padding:0px;
    overflow:hidden;
    background: transparent;
}

.videoWrapper iframe {
	overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 105%;
    width: 105%;
    position: absolute;
    top: -2%;
    left: -2%;
    right: 0px;
    bottom: 0px;
    z-index:1;
}
.video_blur{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
    filter:blur(10px);
    transition:filter .5s ease;
    backface-visibility: hidden;
}


/*
Made To Order and Exclusive Tags
*/

.clear-fix:before, .clear-fix:after{content:' '; display:table;}

.product-card-details-left {
    float: left;
    text-align: left;
}
.product-card-details-right {
    float: right;
	text-align: right;
    color: #981b1e;
    font-size: 10px;
    font-family: 'Brandon Grotesque Bold';
	text-transform:uppercase;
}
.product-card-details-left, .product-card-details-right {
    width: 50%;
}
.product-card:hover .made_to_order{
  opacity:1;
}
.product-card:hover .exclusive{
  opacity:1;
}
.product-card-details-right .made_to_order, .product-card-details-right .exclusive {
    display: block;
    line-height: 10px;
    margin-bottom: 10px;
    margin-top:3px;
    opacity:0;
    -webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
    -o-transition:all .2s ease-in;
}
.hp-editorial-image .video-wrapper video {
    width: 100%;
    display: block;
    object-fit: cover;
    height: 100%;
}
@media only screen and (min-width: 768px) {
  .hp-full-height-slider .rsOverflow, .hp-full-height-slider .rsOverflow .hp-editorial-image{height:100vh !important; max-height:100vh !important;}
}
@media only screen and (max-width: 991px) {
  .mobile-navbar-nav-list.open .subscribe-form-container, .mobile-navbar-nav-list.open .mobile-navbar-footer-copy{display:none;}
  .mobile-navbar-nav-list.open .mobile-navbar-nav-dropdown-menu{max-height:100vh; height:calc(100vh - 50px); height: -webkit-fill-available; background: #fff; z-index: 1000;}
  body.mobile-nav-open .mobile-navbar-nav {
    height: calc(100vh - 50px);
    background-color: #f8f8f8;
  }
}

@media only screen and (max-width: 767px) {
  body .product-card .product-card-details div{padding-bottom:0px}
  .product-card-details .product-card-details-left, .product-card-details .product-card-details-right{float:none; clear:both; width:100%; text-align:left;}
  .product-card-details .product-card-details-right{height:48px;font-size:12px;/*margin-top: 10px;*/letter-spacing:2px;}
  .product-card-details .product-card-details-right .exclusive{margin-bottom:0px;}
  .product-card .product-card-details .product-vendor{ font-family: 'Brandon_bld';margin-bottom: 0px;letter-spacing:.5px; font-size:11px; line-height:16px; margin-top:5px; text-transform: uppercase;}
  .product-card-details .product-card-family-title, .product-card-details .product-card-price{font-size:11px;font-family: 'Brandon Grotesque Regular';letter-spacing:.5px;line-height:16px;}
  .product-card-price{margin-bottom:10px}
  .fullscreen-overlay-subscribe-popup.fullscreen-overlay input[type="submit"]#mc-embedded-subscribe{margin-top: 10px;}
  .product-card-details-right .made_to_order, .product-card-details-right .exclusive{margin-bottom: 0px;}
  .product-card-details-right .made_to_order{line-height:30px; font-size:11px; letter-spacing:.5px; opacity:1}
  .product-card-details-right .exclusive{line-height:18px; font-size:11px; letter-spacing:.5px; opacity:1}
}