@charset "utf-8";
/* Custom Styles for Stir website created by Monsters Edge */

/* LINKS */
a { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; outline: none; color: #000;}
a:hover { text-decoration:none; color: #ffb71b;}
a:focus { outline: none;}
.learn-more { display: inline-block; text-transform: uppercase; font-weight: 500; text-decoration: none; font-size: 0.8rem; padding: 0 30px 0 0;}
.learn-more { color: #000; background: url("../images/icon-arrow-right-black.png") 100% center no-repeat;}
.learn-more:hover { color: #ffb71b; background: url("../images/icon-arrow-right-orange.png") 100% center no-repeat;}
.learn-more.white { color: #fff; background: url("../images/icon-arrow-right-white.png") 100% center no-repeat;}
.learn-more.white:hover { color: #ffb71b; background: url("../images/icon-arrow-right-orange.png") 100% center no-repeat;}
.back-link { display: inline-block; text-transform: uppercase; font-weight: 500; text-decoration: none; font-size: 0.8rem; padding: 0 0 0 30px;}
.back-link { color: #000; background: url("../images/icon-arrow-left-black.png") 0 center no-repeat;}
.back-link:hover { color: #ffb71b; background: url("../images/icon-arrow-left-orange.png") 0 center no-repeat;}
.caps-link { text-transform: uppercase; font-weight: 500; text-decoration: none; font-size: 0.8rem;}
.back { text-transform: uppercase; color: #6f625a; font-weight: 500; text-decoration: none; display: inline-block; padding: 2px 0; border-bottom: 1px solid #6f625a; letter-spacing: 1px; font-size: 0.8rem;}
.back:hover { border-bottom: 1px solid #ffb71b;}

/* SPACING CLASSES */
.pad30 { padding: 30px;}
.pad60 { padding: 60px;}
.pad90 { padding: 90px;}
.pad120 { padding: 120px;}
.padX30 { padding: 0 30px;}
.padX60 { padding: 0 60px;}
.padX90 { padding: 0 90px;}
.padX120 { padding: 0 120px;}
.padY30 { padding: 30px 0;}
.padY60 { padding: 60px 0;}
.padY90 { padding: 90px 0;}
.padY120 { padding: 120px 0;}

/* HEADINGS & TEXT */
h1,h2,h3,h4,h5,h6 { margin: 0 0 1.5rem 0;}
h1 { font-size: 2.4rem;}
p { font-size: 1.1rem; margin: 0 0 1.5rem 0;}
.semplicitapro { font-family: "semplicitapro", sans-serif; font-weight: 600; letter-spacing: 3px;}
hr { opacity: 1;}

/* GENERAL */
body { font-family: "dashiell-text", serif; font-weight: 400;}

#hero-carousel { padding: 0; position: relative; display: block; border-bottom: 1px solid #ffb71b;}
#hero-carousel .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
#hero-carousel .my-carousel-progress { background: transparent; position: absolute; bottom: 0; left: 0; height: 10px; width: 100%;}
#hero-carousel .my-carousel-progress-bar { background: #ffb71b; height: 10px; transition: width 400ms ease; width: 0;}
#hero-carousel .arrows { position: absolute; bottom: 35px; width: 100%; z-index: 100;}
#hero-carousel .splide__arrows .splide__arrow { border: 0; background: none; color: #fff;}
#hero-carousel .splide__slide { position: relative;}
#hero-carousel .splide__slide .title { color: #fff; text-align: left; position: absolute; bottom: 100px; left: 100px; width: 100%; font-size: 2rem; padding-top: 40px;}
#hero-carousel .splide__slide .title h3 { font-style: italic; font-size: 2.6rem; margin-bottom: 0.5rem;}
#hero-carousel .splide__pagination { counter-reset: pagination-num; display: inline-block !important; padding: 0 !important;}
#hero-carousel .splide__pagination__page:before { counter-increment: pagination-num; content: '\002F'; margin-right: 6px;}
#hero-carousel .splide__pagination__page:after { content: counter( pagination-num );}
#hero-carousel .splide__pagination li:first-child .splide__pagination__page:before { content: '';}
#hero-carousel .splide__pagination li { line-height: inherit;} 
#hero-carousel .splide__pagination__page { border: 0; background: none; color: #fff; font-weight: 200; font-size: 0.75rem; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s;}
#hero-carousel .splide__pagination__page:hover { opacity: 0.5;}

#article-gallery .splide__slide img { max-height: 500px;}
#article-gallery .splide__pagination { padding: 0 !important; position: absolute; bottom: 30px; width: 100%;}
#article-gallery .splide__pagination__page { background-color: #fff; border: 1px solid transparent; width: 10px; height: 10px; border-radius: 50%; margin: 0 5px; padding: 0;}
#article-gallery .splide__pagination__page.is-active { background-color: transparent; border-color: #fff;}

header { position: fixed; top: 0; left: 0; width: 100%; color: #fff; padding: 40px 0; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; background: url("../images/menu-shadow.png") 0 0 repeat-x; z-index: 1000;}
header .info { margin-bottom: 50px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s;}
header #logo { margin: 0 auto; display: inline-block;}
header #logo img { transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; height: 124px;}
header.home .cart, header.home .cart a { color: #fff;}
header.sticky .info { margin-bottom: 0px;}
header.sticky { background-color: #fff; padding: 20px 0; z-index: 250; box-shadow: 0px 15px 10px -15px #ccc;}
header.sticky #logo img { height: 60px;}
.cart { font-weight: 500; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 1px; margin-right: 15px; color: #141e29;}
.cart a { text-decoration: none; color: #141e29;}
.cart a:hover { text-decoration: none; color: #ffb71b;}
header.sticky .cart, header.sticky .cart a { color: #141e29;}
header.sticky .cart a:hover { color: #ffb71b;}
header.internal { position: static; padding: 20px 0;}
header.internal.sticky { position: fixed;}
header.internal .info { color: #000; margin-bottom: 0px;}
header.internal.sticky .info { color: #fff;}
header.internal #logo img { height: 75px;}

header.magazine { background-color: transparent; position: fixed;}
header.magazine .cart a { color: #fff;}
header.magazine .cart a:hover { color: #ffb71b;}
header.magazine .info { color: #fff;}
header.magazine.sticky { background-color: #fff;}
header.magazine .cart { color: #fff;}
header.magazine.sticky .cart, header.magazine.sticky .cart a { color: #141e29;}

header #logo-top { display: none; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s;}
header #logo-new img { height: 50px;}
header.sticky #tagline, header.sticky #logo { display: none;}
header.sticky #logo-top { display: block;}
header.sticky #logo-top img { height: 50px;}
header.sticky.internal .info { margin-bottom: 0px;}

#banner { background-color: #624340; color: #fff;}
#banner.alt { background-color: #fff; color: #fff; background-size: cover; background-repeat: no-repeat; background-position: center center; height: 600px; position: relative; margin-bottom: 90px;}
#banner #banner-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center;}
#banner #banner-text #cat { margin-bottom: 15px; text-transform: capitalize;}
#banner #banner-text #cat span:before { content: " / ";}
#banner #banner-text #cat span:first-child:before { content: none;}
#banner #banner-text h1 { font-style: italic; font-size: 4rem;}
#banner #banner-text p { font-weight: 400; font-size: 1rem;}

#banner.alt.magazine { height: 800px;}
#banner.alt.magazine #banner-text { top: 70%; transform: translate(-50%,-70%);}

.article-link { display: inline-block; text-decoration: none;}
.article-link .link-img { overflow: hidden;}
.article-link .link-img img { transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s;}
.article-link .link-text { max-width: 360px; margin: 0 auto; padding: 25px 0;}
.article-link .link-text h4 { font-style: italic;}
.article-link .link-text p { font-weight: 400; font-size: 1rem;}
.article-link:hover .link-img img { transform: scale(1.2);}
.article-link:hover .link-text p { color: #000;}
.grid .article-link .link-text { text-align: left; max-width: 100%;}
.grid .article-link .link-text h4 { margin-bottom: 1rem;}
#home-articles .article-link .link-img { max-width: 400px; margin: 0 auto;}

.content-section { padding-bottom: 90px;}
.content-section p { font-weight: 300;}
.intro-para p { font-family: "dashiell-text", serif; font-size: 1.5rem; font-weight: 300;}

#support-us { background-size: cover; background-position: bottom center; background-repeat: no-repeat; color: #fff;}
#support-us h3 { font-size: 6rem;}
#support-us p { font-weight: 300; font-size: 1.3rem;}

#about-us .about p { font-size: 2.6rem;}
#about-us .about-alt p { font-size: 1.3rem;}

#latest-news { background-color: #ededeb;}
#news .splide__slide { max-width: 325px !important; }
#news .splide__slide a, #news .grid-item a { display: block; background-color: #fff; border-radius: 10px; padding: 25px 25px 10px 25px; text-decoration: none;}
#news .splide__slide a .img, #news .grid-item a .img { min-height: 275px; position: relative; margin: 25px 0; overflow: hidden;}
#news .splide__slide a .img .date, #news .grid-item a .img .date { position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.6); color: #fff; text-align: center; text-transform: uppercase; font-size: 0.75rem; padding: 10px;}
#news .splide__slide a .img img, #news .grid-item a .img img { position: absolute; bottom: 0; left: 0; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; width: 100%;}
#news .splide__slide a .subtitle, #news .grid-item a .subtitle { font-size: 1.3rem; font-style: italic; padding: 0 0 5px 0; margin-bottom: 10px; border-bottom: 1px solid #333;}
#news .splide__slide a .title, #news .grid-item a .title { font-size: 1.5rem;}
#news .splide__slide a p, #news .grid-item a p { font-weight: 400; font-size: 0.9rem; color: #000;}
#news .splide__slide a:hover .img img, #news .grid-item a:hover .img img { transform: scale(1.2);}
#news .splide__slide a .title { min-height: 130px; line-height: 2rem;}
#news .grid-item a .title { min-height: 110px;}
#news .grid-item .spacer { background: #ededeb; height: 30px;}

/* Ben adding Continue to Stir section to Home page */
#continue { position: relative;  height:500px; background-position: center; background-repeat: no-repeat; background-size: cover; padding:25px; }
#continue::before { content: ''; position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1; }
#continue .row { height: 100%; display: flex; flex-direction: column; position: relative; z-index:5; }
#continue .homeContinueHead { display:flex; flex-direction:column; height: fit-content; }
#continue .homeContinueHead p { color:#fff; font-size:14px; margin-bottom:5px; }
#continue .homeContinueHead p a, #continue .homeContinueHead p a:visited { color:#fff; font-style: italic; text-decoration:none; }
#continue .homeContinueMiddle { margin-top:auto; }
#continue .homeContinueMiddle h2 { font-size:72px; line-height:1; color:#fff; }
#continue .homeContinueMiddle .continue-pointer { display:flex; }
#continue .homeContinueMiddle .continue-pointer p { text-transform: uppercase; color:#fff; font-size: 12px; }
#continue .homeContinueMiddle .continue-pointer p a, #continue .homeContinueMiddle .continue-pointer p a:visited { color:#fff; text-decoration:none; }
#continue .homeContinueMiddle .continue-pointer p a .fa-arrow-right-long { color:#ffb71b; margin-left: 15px; }
#continue .homeContinueHead p a:hover, #continue .homeContinueHead p a:focus, #continue .homeContinueMiddle .continue-pointer p a:hover, #continue .homeContinueMiddle .continue-pointer p a:focus { color:#ffb71b; }
#continue .homeContinueMiddle .continue-pointer p:first-of-type { margin-right:20px; padding-right:20px; border-right:1px solid #fff; }
#continue .homeContinueBottom { display:flex; justify-content: flex-end; height: fit-content; padding-top:20px; }
#continue .homeContinueBottom p { color:#fff; margin-bottom:0; font-size:14px; }

/* Ben adding Continue to Stir page */
.continueBlock { position: relative; height:500px; background-position: center; background-repeat: no-repeat; background-size: cover; padding:40px 25px; }
.comingSoon { position: relative; height:500px; background-color:#ffb71b; padding:40px 25px; }
.continueBlock::before { content: ''; position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1; }
.continueBlock .row, .comingSoon .row { height: 100%; display: flex; flex-direction: column; position: relative; z-index:5; }
.continueBlock .continueMiddle, .comingSoon .continueMiddle { display: flex; flex-direction: column; height:100%; align-items: center; justify-content: flex-end; }
.continueBlock .continueMiddle h2, .comingSoon .continueMiddle h2 { font-size:72px; line-height:1; color:#fff; text-align: center; }
.continueBlock .continueMiddle p, .comingSoon .continueMiddle p { color:#fff; font-size: 18px; }
.continueBlock .continueMiddle p.chapterNumber, .comingSoon .continueMiddle p.chapterNumber { text-transform: uppercase;margin-bottom:0; font-size:22px; margin-top: 50px; }
.comingSoon .continueMiddle p.chapterNumber { margin-top: 150px; }
.vertical { position: absolute; z-index: 10; left: 50%; bottom: -30px; height:60px; }

#latest-articles { position: relative;}
#latest-articles::before { background-color: #ededeb; content: ""; width: 100%; height: 520px; position: absolute; top: 0; left: 0; z-index: 0;}
#latest-articles .row { position: relative; z-index: 10;}
.grid-item { min-height: 600px; position: relative;}
.grid-item a { /*position: absolute; bottom: 0; left: 15px;*/ width: calc( 100% - 30px ); margin-left: 15px;}
.grid-item a .link-img { height: 370px; display: table-cell; vertical-align: bottom;}
#news .grid-item { min-height: 515px;}
.filters { display: flex; list-style-type: none; align-items: center; justify-content: center; margin: 0; padding: 0;}
.filters li { display: block; margin: 0 10px;}
.filters li a { text-decoration: none; font-size: 1.3rem; padding: 2px 0; display: block; border-bottom: 1px solid transparent;}
.filters li a:hover, .filters li a.active { border-bottom: 1px solid #000;}
.isotope-pager { display: flex; list-style-type: none; align-items: center; justify-content: center; margin-top: 50px;}
.isotope-pager .pager { display: block; padding: 5px 12px; border: 1px solid transparent; margin: 0 5px;}
.isotope-pager .pager.active { border-color: #333;}
.isotope-pager .pager { text-decoration: none;}
#filters label:hover { cursor: pointer;}
#filters input { border-radius: 0 !important; background-color: transparent !important;}
#filters #clear-filters { font-size: 1rem; text-transform: uppercase;}
#filters #clear-filters:hover { cursor: pointer;}
.box { display: inline-block; position: relative; padding-left: 0; cursor: pointer; text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-left: 15px;}
.box input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark { position: absolute; bottom: -16px; left: 0; height: 4px; width: 100%; background-color: transparent;}
/*.box:hover input ~ .checkmark { background-color: #ccc;}*/
.box input:checked ~ .checkmark { background-color: #ffb71b;}
.checkmark:after { content: ""; position: absolute; display: none;}
.box input:checked ~ .checkmark:after { display: block;}
/*.box .checkmark:after { left: 5px; top: 1px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} */

#news, #news-article, .ad-bg { background-color: #ededeb;}
#news-article { padding-top: 60px; padding-bottom: 60px;}
#news-article #white-box-left { height: 100%; background-color: #fff; border-radius: 0 10px 10px 0; display: block;}
#news-article #white-box-right { height: 100%; background-color: #fff; border-radius: 10px 0 0 10px;}
#news-article #white-box { background-color: #fff; border-radius: 10px; padding: 100px 75px; max-width: 1000px; margin: 0 auto; position: relative;}
#news-article #white-box #tape { position: absolute; top: 70px; left: 50%; transform: translateX(-50%); opacity: 0.8;}
#news-article #white-box #info { padding: 30px 0; text-transform: uppercase; font-size: 0.9rem; border-bottom: 1px solid #000;}
#news-article #white-box p { font-weight: 300;}
#news-article #prev { position: absolute; top: 50%; left: 8%; transform: translateY(-50%);}
#news-article #next { position: absolute; top: 50%; right: 8%; transform: translateY(-50%);}

#text { background-color: #ededeb;}
#text p, #text a { font-size: 1.25rem;}
#text a { display: inline-block; border-bottom: 1px solid #000; text-decoration: none;}
#text a:hover { border-bottom: 1px solid #ffb71b;}

.stockists { margin: 40px 0;}
.stockists .small-title { font-size: 0.8rem; font-weight: 400; text-transform: uppercase; margin-bottom: 5px;}
.stockists .title { font-size: 1.4rem; font-style: italic;}
.stockists a.title { font-size: 1.4rem !important;}
.stockists hr { border-color: #fff; margin: 30px 0;}
.stockists-note p, .general p { font-weight: 400; font-size: 1.1rem !important;}
.stockists-note p a { font-size: 1.1rem !important;}

#directory { background-color: #ededeb;}
#directory .form-select, #news .form-select { background-color: transparent; border-radius: 0; border-color: #000; border-width: 0 0 1px 0; padding: 10px 0; font-size: 1.3rem; font-style: italic;}
#directory .form-select:focus, #news .form-select:focus { box-shadow: none;}
#directory .grid-item { min-height: 400px;}
#directory .grid-item a { text-decoration: none;}
#directory .grid-item .text { background-color: #fff; padding: 30px;}
#directory .grid-item .text h4 { margin: 0 0 10px 0; font-style: italic; font-size: 1.4rem;}
#directory .grid-item .text p { margin: 0;  font-size: 1rem;}
#directory .grid-item .image { position: relative;}
#directory .grid-item ul.cats { list-style: none; padding: 0; margin: 0; position: absolute; top: 10px; right: 15px;}
#directory .grid-item ul.cats li { background-color: #f2f3f0; color: #000;  font-size: 0.7rem; font-weight: 600; display: inline-block; border-radius: 50%; text-align: center; padding: 1px 2px; width: 18px;}

#directory-detail-gallery { background-color: #ededeb;}
#gallery { margin-bottom: 90px;}
#gallery .splide__slide { width: 770px !important;}
.splide__arrows { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; width: 920px;}
.splide__arrow { background-color: transparent; border: 0;}
.splide__arrow.splide__arrow--prev { float: left;}
.splide__arrow.splide__arrow--next { float: right;}
.location p {  font-weight: 400;}
.location p a { text-decoration: none;}
.location .link { color: #6f625a; font-size: 1.5rem; text-decoration: none;}
.location .link:hover { color: #ffb71b;}

#shop { background-color: #fff; border-top: 1px solid #000;}
#shop .grid-item { min-height: 440px;}
#shop .grid-item a { text-decoration: none; position: static;}
#shop .grid-item a .title { font-size: 1.2rem; font-style: italic;}
#shop .grid-item a .price { }
#shop .grid-item .btn { position: static;}
#shop p { }
#shop .form-control { text-align: center; border-color: #000; border-radius: 0;  height: 44px;}
#shop .carousel-indicators { justify-content: flex-start; margin: 0; bottom: -50px;}
#shop .carousel-indicators-numbers li { color: #000; font-size: 1rem;}
#shop .carousel-indicators [data-bs-target] { width: auto; height: auto; margin: 0 10px 0 0; text-indent: 0; background-color: transparent; color: #808080; font-style: italic;}
#category-title { font-size: 1.5rem;}

.modal-content { border-radius: 0 !important;}

.pum-theme-default-theme .pum-container { padding:0 !important; background-color:#fff !important; }
.pum-content { display:flex; }
.popupLeft { width:64%; padding:30px 25px 25px 25px; }
.popupLeft h2 { color:#ffb71b; font-size:30px; }
.popupLeft p { color:#000; font-size:16px; line-height: 1.5; margin-bottom: 10px; }
.popupLeft .form-check { display: flex;  gap: 5px; }
.popupLeft .form-check-label { padding-top:5px; color:#000; font-size:13px !important; }
.popupRight { width:36%; background: url("../images/popupImage.jpg") center center no-repeat; background-size:cover; }
.pum-theme-573 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close { background-color:transparent !important; border:none !important; box-shadow:none !important; text-shadow:none !important; }
.pum-theme-default-theme .pum-container .fa-regular { font-size: 21px; color: #000; }
.popupLeft p.popupCredit { color:#000; font-size:12px; margin: 25px 0 0 0; }
/*
.popupLeft p.popupCredit a, .popupLeft p.popupCredit a:visited { color:#000; text-decoration: underline; }
.popupLeft p.popupCredit a:hover, .popupLeft p.popupCredit a:focus { color:#ffb71b; text-decoration: underline; }
*/

.advert { background-color: #fff; text-align: center; min-height: 300px;}
.advert.alt { background-color: #ebe9e9;}

#newsletter { border-top: 1px solid #000;}
#newsletter.nb { border-top: none;}

/* NAVIGATION */
#open-menu { color: #fff; font-weight: 300; text-transform: uppercase; margin-left: 10px; font-size: 1.1rem; letter-spacing: 1px;}
#open-menu span { font-size: 0.9rem; margin-right: 5px;}
#open-menu img { position: relative; top: -2px;}
#close-menu, #close-menu-mob { float: right; margin: 50px 30px 0 0; font-size: 2rem; line-height: 1.6rem;}
#close-menu:hover, #open-menu:hover,  #close-menu-mob:hover { cursor: pointer;}
.cbp-spmenu ul { list-style: none; padding: 180px 30px 70px 75px; margin: 0; text-align: left;}
.cbp-spmenu ul li { padding: 0; margin: 0 0 0px 0;}
.cbp-spmenu a { display: block; color: #000; font-size: 2.25rem; padding: 0; font-weight: 300; text-decoration: none;}
.cbp-spmenu a:hover { color: #aeadad;}
.cbp-spmenu li.current_page_item a { color: #aeadad;}
.cbp-spmenu ul li ul { list-style: none; padding: 0 0 0 20px; margin: 0; display: none;}
.cbp-spmenu ul li ul li { padding: 0; margin: 0 0 5px 0;}
.cbp-spmenu ul li ul li a { font-size: 22px;}
.cbp-spmenu ul li.dropdown { background: url(../images/menu-plus.png) 0 13px no-repeat;}
.cbp-spmenu ul li.dropdown a { cursor: pointer;}
.cbp-spmenu ul li.open ul { display: block; -webkit-animation: fadeIn 1s; animation: fadeIn 1s;}
.cbp-spmenu ul li.open { background: url(../images/menu-minus.png) 0 13px no-repeat;}
.cbp-spmenu ul li.current_page_item ul li a { color: #000;}
.cbp-spmenu ul li.current_page_item ul li a:hover { color: #aeadad;}
.cbp-spmenu ul.legal { list-style: none; padding: 0; margin: 0 0 70px 75px; text-align: left;}
.cbp-spmenu ul.legal li a { font-size: 1.4rem;}
.cbp-spmenu .social { margin: 0 0 0 75px; text-align: left;}
.cbp-spmenu .social a { font-size: 1.4rem; display: inline-block; margin-right: 10px;}
.cbp-spmenu { background-color: #fff; position: fixed;}
.cbp-spmenu-vertical { width: 30%; height: 100%; top: 0;}
.cbp-spmenu-right { right: -30%;}
.cbp-spmenu-right.cbp-spmenu-open { right: 0px;}
.cbp-spmenu, .cbp-spmenu-push { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; z-index: 10000;}

/* BUTTONS */
.btn { border-radius: 30px; padding: 9px 25px; font-weight: 500; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 1px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.btn.lg { padding: 15px 45px; font-size: 0.9rem;}
.btn-primary { background-color: #ffb71b; border-color: #ffb71b;}
.btn-primary:hover { background-color: #000000; border-color: #000000;}
.btn.lg.btn-primary { color: #000;}
.btn.lg.btn-primary:hover { color: #fff;}
.btn-secondary { border-radius: 0; border-color: #000; background-color: transparent; color: #000; text-transform: none; font-size: 1rem; font-weight: 500;}
.btn-secondary:hover { background-color: #000; color: #fff;}

/* FORMS */
#contact-form { color: #828181;}
#contact-form .form-control, #contact-form .form-select { color: #828181; border-radius: 0; border-color: #fff; border-width: 0 0 1px 0; background-color: transparent; padding: 15px 0; font-size: 0.9rem;}
#contact-form .form-check-label { font-size: 0.8rem;}
#contact-form .form-check-label a { font-size: 0.8rem !important;}
#contact-form .form-check-input { border-radius: 0; background-color: transparent;}
#contact-form .form-check { display: inline-block;}
#contact-form .submit { display: inline-block; float: right; text-transform: uppercase; font-weight: 500; text-decoration: none; font-size: 0.8rem; padding: 0 30px 0 0; background-color: transparent; border: 0; color: #000; background: url("../images/icon-arrow-right-black.png") 100% center no-repeat; margin-top: 9px;}
#newsletter-form { color: #808080; position: relative;}
#newsletter-form .form-control { border-width: 0 0 1px 0; border-color: #000; border-radius: 0; padding: 15px 15px 15px 0;}
#newsletter-form .form-check-input { border-radius: 0;}
#newsletter-form .form-check-label { font-size: 0.9rem;}
#newsletter-form .form-check-label a { color: #808080;}
#newsletter-form .form-check-label a:hover { color: #ffb71b;}
#newsletter-form button { position: absolute; top: 19px; right: 0; border: 0; padding: 0 30px 0 0; background: url("../images/icon-arrow-right-black.png") 100% center no-repeat; text-transform: uppercase; font-size: 0.7rem; letter-spacing: 1px; font-weight: 500;}
.wpcf7-list-item { margin: 0 !important;}
.wpcf7-list-item input { border-radius: 0 !important; background-color: transparent !important;}
.wpcf7-list-item-label, .wpcf7-list-item-label a { font-size: 0.8rem !important;}

footer { background-color: #000; color: #fff; padding: 60px 0 0 0; }
footer h3 { font-family: "dashiell-text", serif;}
footer .subtitle { text-transform: uppercase; font-weight: 700; letter-spacing: 1px; margin-bottom: 10px;}
footer hr { border-color: #fff; opacity: 1;}
footer ul { list-style: none; padding: 0; margin: 15px 0 30px 0;}
footer ul li { display: inline-block; margin-right: 15px;}
footer ul li:last-child { margin-right: 0px;}
footer ul li a, footer .nav-link { color: #fff; font-weight: 500; text-transform: uppercase; text-decoration: none; font-size: 0.8rem;}
footer ul li a .fa-brands { font-size: 1.4rem;}

#copyright { font-size: 0.9rem;}
#copyright .small { font-size: 0.7rem;}

/* WOOCOMMERCE */
.cart .quantity { display: inline-block !important; width: 48%; margin-right: 2%;}
.cart .quantity .input-text.qty.text { border: 1px solid #212529 !important; color: #212529 !important; width: 100%; height: 44px; font-size: 1rem; padding: 0 10px; background-color: transparent !important;}
.single_add_to_cart_button { background-color: transparent !important; border-radius: 0; padding: 9px 25px !important; font-weight: 500; text-transform: uppercase; font-size: 1rem; letter-spacing: 1px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; box-shadow: none !important; border: 1px solid #212529 !important; width: 48%;}
.single_add_to_cart_button:hover { background-color: #212529 !important; color: #fff;}

.woocommerce a.button.alt, .components-button, .woocommerce button.button, .wc-block-components-checkout-place-order-button { background-color: transparent !important; text-transform: uppercase; font-size: 0.75rem !important; padding: 15px 30px !important; border-radius: 0 !important; font-weight: 500 !important; letter-spacing: 1px !important; border-color: #000 !important; color: #000 !important; border: 1px solid;}
.woocommerce a.button.alt:hover, .components-button:hover, .woocommerce button.button:hover, .wc-block-components-checkout-place-order-button:hover { background-color: #000 !important; border-color: #000 !important; color: #fff !important;}
.woocommerce button.button { border: 1px solid !important;}
.woocommerce table.shop_table { border-radius: 0 !important; border-color: #000 !important;}
.woocommerce table.shop_table td, .woocommerce table.shop_table th { border-color: #000 !important;}
.wc-block-components-order-summary .wc-block-components-order-summary-item__description .wc-block-components-product-metadata { display: none !important;}
.woocommerce ul.order_details li strong { font-size: 1.3em !important;}
.woocommerce .woocommerce-customer-details address { border-radius: 0 !important; border-color: #000 !important;}
.woocommerce table.cart img { max-height: 100px; width: auto;}
.woocommerce-cart-form__cart-item.cart_item a { border: none !important;}
.woocommerce .cart { font-size: 1rem !important;}
.woocommerce .cart-collaterals { font-family: "gibbs", sans-serif !important;}
.woocommerce .cart-collaterals .cart_totals h2 { text-transform: uppercase !important; font-size: 1.6rem !important;}
.wc-block-components-text-input input, .wc-blocks-components-select__select { background-color: transparent !important; border-radius: 0 !important; border-color: #000 !important; font-family: "gibbs", sans-serif !important;}
.wc-blocks-components-select__container { background-color: transparent !important;}
.wc-block-components-text-input label, .wc-blocks-components-select__container label, .wc-block-components-address-form__address_2-toggle, .wc-block-components-checkbox__label, .wp-block-woocommerce-checkout-order-summary-block { font-family: "gibbs", sans-serif !important;}
#text .wc-block-checkout a { font-size: 1rem !important; font-family: "gibbs", sans-serif !important;}

/* PMS */
.pms-alert { text-align: center;}
.pms-alert a { font-size: 1.1rem !important;}
.pms-table, .pms-account-subscription-details-table { width: 100%;}
.pms-table th, .pms-table td, .pms-account-subscription-details-table th, .pms-account-subscription-details-table td { padding: 10px;}
.pms-table th, .pms-account-subscription-details-table th { color: #000;}
.pms-table td, .pms-account-subscription-details-table td { font-weight: normal !important;}
.pms-account-subscription-details-table td { border: 1px solid #e1e1e1;}
.pms-account-subscription-details-table td:first-of-type { font-weight: bold !important;}
.pms-account-subscription-action-link { font-size: 1rem !important;}
.pms-account-navigation { margin-bottom: 60px !important; justify-content: center; display: flex;}
.pms-account-navigation-link--active { color: #ffb71b;}
.pms-account-navigation li.pms-account-navigation-link { margin: 0 15px !important;}
#pms_login { max-width: 400px; margin: 0 auto;}
#pms_login .register { display: none;}
.pms-field { display: inline-block; width: 48%;}
.pms-field:nth-child(odd) { margin: 0 1% 25px 0;}
.pms-field label, .pms-form label { font-size: 0.8rem;  font-weight: normal;}
.pms-field input, .pms-form input { color: #828181; border-radius: 0; border-color: #fff; border-width: 0 0 1px 0; background-color: transparent; padding: 15px 0; font-size: 0.9rem;}
.pms-field-subscriptions, .pms-email-marketing-field { width: 100%; text-align: center;}
.pms-email-marketing-field label { justify-content: center !important;}
.StripeElement { background-color: transparent !important;}
.pms-form-submit, .pms-form-fields-wrapper input[type="submit"], #wp-submit { border-radius: 30px; padding: 9px 25px;  font-weight: 500; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 1px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; background-color: #ffb71b; border-color: #ffb71b; box-shadow: none !important; border: none !important; color: #000;}
.pms-form-submit:hover, .pms-form-fields-wrapper input[type="submit"]:hover, #wp-submit:hover { background-color: #000000; border-color: #000000; color: #fff;}
.pms-subscription-plan label { font-size: 1.2rem !important;}
.pms-subscription-plan-name { font-family: "semplicitapro", sans-serif; font-weight: 600; letter-spacing: 2px; text-transform: uppercase;}
.pms-subscription-plan-currency, .pms-subscription-plan-price-value { font-weight: 600;}
.pms-paygates-holder, #pms-stripe-connect { text-align: center !important;}
#pms-stripe-payment-elements, .pms-form-submit { margin: 0 auto !important; display: block;}

/* RESPONSIVE AMENDED STYLES */
/* #Laptops
================================================== */
/* Note: Design for a width of 1080px */
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	#directory .grid-item .text p { min-height: 72px;}
	#news-article #prev { left: 4.5%; z-index: 100;}
	#news-article #next { right: 4.5%; z-index: 100;}
}

/* #Tablet (Landscape)
================================================== */
/* Note: Design for a width of 1080px */
@media only screen and (min-width: 960px) and (max-width: 1080px) {
	.cbp-spmenu-vertical { width: 40%;}
	.cbp-spmenu-right { right: -40%;}
	.grid-item { min-height: 505px;}
	#news-article #white-box { max-width: 600px;}
	#news-article #prev { left: 6%;}
	#news-article #next { right: 6%;}
}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.cbp-spmenu-vertical { width: 50%;}
	.cbp-spmenu-right { right: -50%;}
	#hero-carousel .splide__slide .title { bottom: 30px; left: 50px;}
	#news-article #white-box-left, #news-article #white-box-right { display: none;}
	#news-article #prev { top: inherit; bottom: -60px; left: 42%;}
	#news-article #next { top: inherit; bottom: -60px; right: 42%;}
	#gallery .splide__slide { width: 500px !important;}
	.splide__arrows { width: 640px;}
}

/* #Mobile (Both)
================================================== */
/* Note: Landscape and portrait */
@media only screen and (max-width: 767px) {
	.padY30,.padY60,.padY90,.padY120 { padding: 30px 0;}
	.cbp-spmenu-vertical { width: 100%;}
	.cbp-spmenu-right { right: -100%;}
	.cbp-spmenu ul { padding: 100px 30px 60px 75px;}
	header .sticky-mob { display: none; text-align: left !important;}
	header .sticky-mob #logo img { max-height: 40px;}
	header.sticky .sticky-mob { display: block;}
	#header-mob.sticky { position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; z-index: 100; box-shadow: 0px 15px 10px -15px #ccc;}
	#header-mob.sticky .info { display: none;}
	#header-mob #logo-mob { transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; height: 45px;}
	#header-mob.sticky #logo-mob { height: 45px;}
	/*#header-mob.sticky .cart { color: #fff;}
	#header-mob.sticky .cart a { color: #fff;}*/
	#header-mob.sticky .cart a:hover { color: #ffb71b;}
	.cart { margin-right: 0;}
	#open-menu-mob:hover, #close-menu:hover { cursor: pointer;} 
	#banner.alt { height: 400px;}
	#banner #banner-text h1 { font-size: 2rem;}
	#banner #banner-text { width: 90%;}
	#banner.alt.magazine { height: 300px;}
	.content-section { padding-bottom: 40px;}
	footer { padding: 50px 0 0 0;}
	footer, footer .text-end { text-align: center !important;}
	footer ul { margin: 0 0 15px 0;}
	#support-us h3 { font-size: 3rem;}
	#support-us p { font-size: 1.1rem;}
	#hero-carousel .splide__slide .title { bottom: 30px; left: 30px; width: 80%;}
	#hero-carousel .splide__slide .title h3 { font-size: 2.25rem;}
	.grid-item { min-height: inherit;}
	.grid-item a .link-img { height: inherit;}
	#news .grid-item { min-height: inherit;}
	#news .grid-item::after { content: ""; display: block; height: 25px; background-color: #ededeb;}
	#news-article #white-box { padding: 30px 15px;}
	#news-article #white-box-left, #news-article #white-box-right { display: none;}
	#news-article #prev { top: inherit; bottom: -60px; left: 30%;}
	#news-article #next { top: inherit; bottom: -60px; right: 30%;}
	#news-article #white-box #tape { top: 15px; height: 30px;}
	#news-article #white-box #info { padding: 15px 0; font-size: 0.8rem;}
	#latest-news, #news, #latest-articles, #directory, #directory-detail-gallery { padding: 40px 0;}
	.stockists .small-title { margin-top: 25px;}
	.filters li { margin: 0 5px;}
	.filters li a { font-size: 1.1rem;}
	#gallery .splide__slide { width: 340px !important;}
	.splide__arrows { width: 120px; top: 120%;}
	.latest h2 { text-align: center;}
	.latest .article-link { margin-bottom: 30px;}
	.stockists hr { margin: 15px 0 0 0;}
	.stockist { border-bottom: 1px solid #fff; padding-bottom: 25px;}
	#about-us .about p { font-size: 1.6rem;}
	#about-us .about-alt p { font-size: 1.2rem;}
	
	.pms-field { width: 100%; margin: 0 0 25px 0;}
	.pms-field:nth-child(odd) { margin: 0 0 25px 0;}
    
.popupLeft { width:100%; padding-top:40px; }
.popupRight { display:none; }

/*
.mobileMasthead { display:flex; }
.mobileMasthead .spacer, .mobileMasthead .menuHolder { flex:1; }
.mobileMasthead .menuHolder { display: flex; justify-content: flex-end; }
*/

}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}
	
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
 
}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

body.holding { background-color:#fbf0ed; height: 100vh; display: flex; flex-direction: column; }
.holdingText { padding-top: 90px; }
.holdingText img { width:220px; margin-bottom: 30px; }
.holdingText p { font-size:4.3vw; line-height: 1.3; font-family: "dashiell-text", serif; font-weight: 400; font-style: italic; color:#193148; }
.holdingPics { height:250px; margin-top:auto; background-repeat: no-repeat; background-size: contain; background-position: bottom; }

.newsletterSignup { padding:35px 20px 20px 20px; }
.newsletterSignup h3 {  font-size:10px; font-weight:500; letter-spacing:1px; color:#808181; margin-bottom:25px; }
.newsletterSignup label { display:none; }
.newsletterSignup input { background:none; border:0; }
.newsletterSignup input::placeholder {  font-weight: 400; color:#808181; }
.newsletterSignup button {  font-weight:500; background:none; border:0; font-size:13px; letter-spacing:1px; color: #000; }
.newletterUnder { border-bottom:1px solid #aaa; display: flex; justify-content: space-between; padding-bottom: 10px; }

@media only screen and (max-width: 767px) {
.holdingInner { padding-left:30px; padding-right:30px; }
.holding .container { padding-left:0; padding-right:0; }
.holdingPics { background-image:url('../images/baseImagesMob.jpg'); }
}

@media only screen and (max-width: 360px) {
.holdingText img { width:160px; }
.holdingText p { font-size:4.8vw; margin-bottom:5px; }
.newsletterSignup h3 { margin-bottom:15px; }
.newsletterSignup { padding-top:10px; }
.newsletterSignup input { width: 150px; }
}

@media only screen and (min-width: 768px) {
.holdingText { padding: 90px 40px 0 40px; }
.holdingText p { font-size:2.5vw; }
.newsletterSignup { margin: 0 100px; }
.holdingPics { background-image:url('../images/baseImages.jpg'); }
#continue { height:600px; padding:40px; }
#continue .homeContinueHead { flex-direction:row; justify-content: space-between; }
#continue .homeContinueHead p, #continue .homeContinueBottom p { font-size:16px; }
#continue .homeContinueMiddle h2 { font-size:100px; }
#continue .homeContinueMiddle .continue-pointer p { font-size: 13px; }
.continueBlock, .comingSoon { height:700px; padding:60px 25px; }
.continueBlock .continueMiddle h2, .comingSoon .continueMiddle h2 { font-size:100px; }
.continueBlock .continueMiddle p.chapterNumber { margin-top: 100px; }
.comingSoon .continueMiddle p.chapterNumber { margin-top: 200px; }
.vertical { bottom: -40px; height:80px; }
}

@media only screen and (min-width: 992px) {
.holdingText img { width:230px; }
.holdingText p { font-size:1.9vw; }
.newsletterSignup { margin: 0 240px; }
#continue { height:650px; padding:40px 50px; }
#continue .homeContinueHead p, #continue .homeContinueBottom p { font-size:17px; }
#continue .homeContinueMiddle h2 { font-size:120px; }
.continueBlock .continueMiddle h2, .comingSoon .continueMiddle h2 { font-size:120px; }
}

@media only screen and (min-width: 1200px) {
.holdingText { padding: 90px 10px 0 10px; }
.holdingText img { width:240px; }
.holdingText p { font-size:1.6vw; }
.newsletterSignup { margin: 0 280px; }
}