@charset "utf-8";

/*
  Theme Name: Imperium Noir
  Version: 1.0
  Author: Mindful Creative
  Last Major Update: 03.15.26
*/

/* Transitions */
.product, a, .btn, header, nav, .mobile-nav div, .overlay, .owl-carousel .owl-item, .owl-dot, .social div::before, .nf-form-cont nf-field input, .nf-form-cont nf-field select, .nf-form-cont nf-field textarea, input[type="button"], button[type='submit'], .label-hidden.envelope .nf-field-element::before, input, select, textarea, .product-container button, .woocommerce-message, svg.svg path, .overlay, .woocommerce-message, .owl-prev, .owl-next, .product, .message, .message i, main .logos img {-webkit-transition:all 0.3s;transition:all 0.3s;}

/* User Select */
.logo, h1, h2, h3, h4, h5, h6, header, .product_list_widget a span, .btn, .single_add_to_cart_button, img {-webkit-user-select:none;-ms-user-select:none;user-select:none;-moz-user-select:none;}

/* Hide */
#wpadminbar {display:none;}
/* Hide scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
* {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Globals */
*, *:after, *:before {-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;position:relative;outline:none;}
.container {width:100%;padding:0 70px;z-index:1;}
.row {width:100%;max-width:1600px;margin:0 auto;zoom:1;}
.row:before, .row:after {content:'';display:table;}
.row:after {clear:both;}

::selection {background:#000;color:#FFF;}
::-moz-selection {background:#000;color:#FFF;}

::-webkit-input-placeholder {color:#000;opacity:.4;}
::-moz-placeholder {color:#000;opacity:.4;}
:-ms-input-placeholder {color:#000;opacity:.4;}
:-moz-placeholder {color:#000;opacity:.4;}

.embed-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;}
.embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*body {opacity:0;-webkit-transition:opacity 0.5s!important;transition:opacity 0.5s!important;pointer-events:none;transition-delay:.5s!important;}
body.loaded {opacity:1;pointer-events:all;}*/

/* Misc */
body, html {height:100%;margin:0!important;}
html {font-family:"Afacad Flux",serif;font-weight:400;font-style:normal;font-size:22px;color:#000;}
a {text-decoration:none;cursor:pointer;}
a:hover {text-decoration:none;color:#999;}
main a {font-weight:bold;}
ul {list-style:none;}
img {max-width:100%;height:auto;display:block;}

.anchor {display:block;visibility:hidden;position:absolute;top:0;height:135px;margin-top:-135px;}

/* Message */
.message {position:fixed;bottom:0;z-index:99999;width:100%;padding:15px 40px 15px 15px;font-size:16px;background:#000;color:#FFF;text-align:center;}
.message i {cursor:pointer;position:absolute;height:16px;top:19px;margin:auto;right:20px;}
.message i:hover {opacity:.4;}
.message-closed .message {pointer-events:none;opacity:0;}

/* Headings */
h1 span.subtext, h2 span.subtext {font-family:"Afacad Flux",serif;display:block;font-size:25px;margin-bottom:5px;text-transform:capitalize;}
h1, h2, h3, h4, .name {font-family:"Baskervville",serif;font-weight:400;}
h1, .home-sections h2 {font-size:38px;line-height:1.2;}
.hero h1 span.reservered {font-size:25px;top:-20px;}
h2, h3 {font-size:30px;}
h3 span {font-size:20px;top:-8px;}
h4 {font-size:25px;}
h4 a {font-weight:500;}
h2 + h3, h3 + h4, h4 + h4 {margin-top:10px;}
h4 i {font-size:20px;margin-right:5px;}

/* Content */
.center {margin-left:auto;margin-right:auto;}
main p {margin-top:20px;}
.hero ul, main ul {margin-top:5px;}
main ul {max-width:650px;}
.hero li::before, main li::before {content:'+';display:inline-block;font-size:23px;font-weight:500;position:relative;top:1px;margin-right:5px;}
.hero li, main li {padding-left:20px;text-indent:-10px;}
a {font-weight:500;color:#000;}
p .reserved {font-size:13px;top:-7px;}
.basic-page {padding:200px 0 75px;}
.dir-ing {padding-bottom:15px;}
.dir-ing h4 {margin-top:20px;font-size:20px;}
.dir-ing p {margin-top:8px;}

/* Buttons & Form Fields */
.btn, input, select, textarea, input[type='button'], button[type='submit'] {text-align:center;cursor:pointer;display:table;margin-top:20px;font-size:20px;pointer-events:all!important;padding:10px 45px 11px;background-color:#000;color:#FFF;border:0;font-weight:400;}
.btn, input[type='button'], button[type='submit'] {font-family:"Afacad Flux",serif;text-transform:capitalize;}
.btn:hover, .btn.disable, .btn.open, .product-grid .products .product:hover .btn, input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus, input[type='button']:hover, button[type='submit']:hover, input[type='button']:focus, button[type='submit']:focus {background-color:#545454;color:#FFF;}
.btn.disable {pointer-events:none!important;}
.btn i {margin-right:5px;}
.btns {display:table;width:auto;margin:0;}
.btns .btn {float:left;}
.btns .btn:nth-of-type(2) {margin-left:15px;}

input, textarea {text-align:left;width:100%;font-family:'brandon-grotesque',sans-serif!important;background-color:#FFF;color:#000;border:2px solid rgba(0,0,0,.10);background-color:#FFF!important;padding:16px 15px 14px;}
input:hover, input:focus, textarea:hover, textarea:focus {border-color:#000!important;color:#000!important;}
textarea {height:150px;resize:none;padding:15px;color:#000;}
input[type='checkbox'], input[type='radio'] {width:auto!important;height:auto!important;padding:initial!important;font-size:initial!important;color:initial!important;border:initial!important;font-family:initial!important;display:inline-block!important;}
input[type='checkbox'] {-webkit-appearance:checkbox!important;-moz-appearance:none!important;appearance:checkbox!important;}
input[type='radio'] {-webkit-appearance:radio!important;-moz-appearance:none;appearance:radio!important;}
input[type='checkbox']:hover, input[type='radio']:hover {border-color:initial!important;}
label + input, label + select, label + textarea, label + span.woocommerce-input-wrapper {margin-top:5px;display:block;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}
input[type=number] {-moz-appearance:textfield;}

/* Header */
header {position:fixed;z-index:4;width:100%;height:180px;top:0;    display: flex;
    flex-direction: column;}
.scrolled header {height:130px;}
header .container, header .row {max-width:100%;height:100%;}
header .container {padding:0 35px;background-color:#FFF;}

.sub-header {color:#FFF;font-size:13px;text-align:center;padding:8px 10px;background:#000;}

/* Logo */
.logo {position:absolute;left:0;top:-6px;bottom:0;right:0;margin:auto;width:184px;height:113px;display:block;background-image:url('./img/logo.svg');font-size:0;color:transparent;background-size:cover;}
.logo:hover {opacity:.4;}
.scrolled header .logo {top:-5px;width:130px;height:80px;}
footer .logo {position:relative;top:0;background-image:url('./img/logo-alt.svg');}

/* Main Navigation */
header nav {position:absolute;top:0;bottom:0;height:64px;margin:auto;}
header nav.left {left:-15px;}
header nav.left div > ul > li a {text-transform:none;}
header nav.left div > ul > li a::before {font-family:'Font Awesome 5 Pro';font-weight:600;content:"\f095";text-rendering:auto;-webkit-font-smoothing:antialiased;margin-right:7px;}
header nav.right {right:0;}
header nav ul {-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
header nav div > ul > li {display:block;float:left;}
header nav div > ul > li a {text-align:center;text-transform:lowercase;color:#000;display:block;cursor:pointer;font-weight:700;padding:17.5px;}
header nav div > ul > li a:hover, header nav div > ul li.current-menu-item > a, header nav div > ul li.current_page_item > a, header nav div ul li.current-menu-parent > a, header nav div ul li.current_page_parent > a {opacity:.4;}

/* Hero */
.hero {min-height:850px;height:85%;display:table;width:100%;padding-top:135px;background-size:cover;}
.hero .container {display:table-cell;vertical-align:middle;}
.home .hero .content {max-width:650px;}
.hero .content p {margin-top:15px;}
.hero ul {max-width:580px;}

/* Logos */
main .logos {padding:75px 0;}
main .logos span {display:block;text-align:center;text-transform:uppercase;font-size:13px;letter-spacing:1.5px;margin-bottom:20px;font-weight:600;}
main .logos-container {display:flex;justify-content:center;}
main .logos-container ul {margin:0 0 0 5.75%;display:flex;flex-direction:column;justify-content:space-between;}
main .logos-container ul:first-child {margin-left:0;}
main .logos-container ul:last-child {margin-top:auto;margin-bottom:auto;}
main .logos-container li {padding-left:0;}
main .logos-container li::before {display:none;}
main .logos-container img {opacity:.5;}
main .logos-container img:hover {opacity:1;}

/* Buckets */
.home .home-sections .row {max-width:2000px;}
.home-sections .home-section {display:-webkit-box;display:-ms-flexbox;display:flex;    align-items: center;}

.home-sections.ingredients {padding-bottom:100px;}

.home-sections .home-section:nth-of-type(even), .home-sections.ingredients .home-section {-ms-flex-direction:row-reverse;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse;}

.home-sections .home-section .photo, .home-sections .home-section .content {-webkit-box-flex:1 1 50%;flex:1 1 50%;-webkit-flex:1 1 50%;-ms-flex:1 1 50%;min-height:600px;}

.home .home-sections .photo {background:none;height:600px;}
.home .home-sections .photo img {
width: 100%;
  height: 100%;
  object-fit: cover;}


.home .home-sections.video .photo i {
font-size: 100px;
    color: #FFF;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100px;
    width: 110px;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);}

.home-sections .home-section .content {padding:115px;display:flex;align-items:center;justify-content:flex-start;}
/*.home-sections .home-section .content p {max-width:535px;}*/

.home-sections .home-section h2 span.science {display:block;font-size:25px;}
.home-sections .home-section h2 span.reserved {display:inline;top:-1rem;font-size:1.25rem;}
.home-sections .home-section .extra {display:none;}

.home-sections .home-section .source {display:block;}

/* Video */
.home-section.alt h2 br {display:block;}
.home-sections + .home-sections .home-section {flex-direction: row-reverse;}

/* Featured Products */
.featured {padding:50px 0 100px;}
.featured h1 {text-align:center;display: flex;    width: 100%;    align-items: center;    justify-content: center;}
.featured h1 span.emoji {width: 1.8rem;
    display: inline-flex;
    font-size: 1.5rem;
    margin-left: 5px;
    height: 1.8rem;}

/* Testimonials */
.testimonials {text-align:center;}
.testimonials .container {padding:0;}
.testimonials .grid {display:flex;align-items:center;justify-content:center;}
/*testimonials .column {width:50%;}*/
.testimonials .column {width:100%;}
.testimonials .column:nth-of-type(1) {padding:150px;}
.testimonials .column:nth-of-type(2) {display:none;}
.testimonials p span {display:block;}
.testimonials p span.client {font-weight:600;font-size:23px;margin-top:20px;}
.testimonials p span.credentials {font-weight:600;font-size:18px;margin-bottom:10px;}
.testimonials p span.location {font-size:20px;}

.owl-carousel {max-width:800px;margin:0 auto;}
.testimonials .owl-nav {display:none;position:absolute;width:100%;height:40px;left:0;right:0;top:0;bottom:0;margin:auto;}
.testimonials .owl-prev, .testimonials .owl-next {position:absolute;cursor:pointer;}
.testimonials .owl-nav i {font-size:40px;}
.testimonials .owl-prev:hover, .testimonials .owl-next:hover {opacity:.4;}
.testimonials .owl-prev {left:-50px;}
.testimonials .owl-next {right:-50px;}

.testimonials .owl-dots {display:table;margin:25px auto 0;}
.testimonials .owl-dots .owl-dot {width:10px;height:10px;background-color:#CCC;display:block;float:left;border-radius:100%;margin-left:8px;}
.testimonials .owl-dots .owl-dot:first-child {margin:0;}
.testimonials .owl-dots .owl-dot.active, .testimonials .owl-dots .owl-dot:hover {background-color:#000;}

/* Contact */
.page-template-contact .hero .content {max-width:550px;}
.page-template-contact .hero .content p {max-width:460px;}
.page-template-contact .hero .content .desktop br {display:none;}
.page-template-contact .hero .content .mobile {display:none;}

.page-template-contact .home-sections .home-section:nth-of-type(1) .photo {background-size:cover;background-position:center;background-image:url('./img/contact.jpg');}

/* Social Links */
.social {margin-top:20px;display:table;}
.social div {position:relative;font-size:28px;margin-left:20px;display:block;float:left;text-align:center;cursor:pointer;}
footer .social div {font-size:20px;margin-left:15px;}
.social div:first-child {margin-left:0;}
.social div a {font-size:0;display:block;position:absolute;top:0;left:0;color:#FFF;width:100%;height:100%;}
.social div:hover::before {color:#999;}

/* Footer */
footer {background-color:#000;padding:/*75px*/40px 0 30px;text-align:center;color:#FFF;}

.subscribe {width:480px;margin:0 auto;}
.es-field-wrap {margin:0;padding-right:165px;}
footer form {margin:10px 0 5px;}
footer input[type="email"] {height:42px;width:100%;border:0;font-family:'brandon-grotesque', sans-serif;font-size:16px;padding-left:10px;}
footer input[type="submit"] {width:155px;height:42px;position:absolute;top:0;right:0;color:#FFF;background-color:transparent;border:0;padding:0;font-size:16px;line-height:42px;background-color:#000;font-weight:400;cursor:pointer;font-family:'brandon-grotesque', sans-serif;}
footer input[type="submit"]:hover, footer input[type="submit"]:focus {background-color:#999;}

footer nav {font-size:15px;margin:17.5px auto 0;line-height:1.65;}
footer nav li.push {margin-bottom:10px;}
footer a {font-weight:600;color:#fff;}
footer a:hover {opacity:.8;}

footer .info {margin-top:12.5px;line-height:1.75;}
footer .info i {display:inline-block;margin-right:2px;top:1px;}

.disclaimer {margin-top:15px;font-size:13px;line-height:1.25;}
.disclaimer.share {font-size:16px;font-weight:bold;}

/* Mobile Menu */
.mobile-nav {position:fixed;z-index:999;pointer-events:none;}
.mobile-nav div {display:table;background-color:#FFF;width:100%;max-width:330px;height:100%;z-index:999;top:0;bottom:0;right:-400px;bottom:0;pointer-events:none;position:fixed;}
.menu-active .mobile-nav div {opacity:1;z-index:999;pointer-events:all;right:0;}
.mobile-nav .overlay {opacity:0;position:fixed;background-color:rgba(0,0,0,.825);left:0;right:0;bottom:0;top:0;width:100%;height:100%;}
.menu-active .mobile-nav .overlay {opacity:1;pointer-events:all;cursor:pointer;}
.mobile-nav ul {display:table-cell;vertical-align:middle;}

.mobile-nav ul li {display:block;}
.mobile-nav ul li a {text-align:center;font-size:25px;color:#000;display:block;height:66px;line-height:75px;cursor:pointer;border-left:5px solid transparent;font-weight:600;}
.mobile-nav ul li a:hover {opacity:1;}
.mobile-nav ul li.current_page_item > a, .mobile-nav ul li.current-menu-parent > a {color:#999;}

.mobile-nav ul.sub-menu {display:none;}
.mobile-nav ul.sub-menu li a {height:46px;line-height:55px;padding-left:40px;font-size:16px;}

.hamburger {z-index:99999;position:fixed;top:57.5px;right:20px;height:47px;opacity:0;pointer-events:none;}
.hamburger-box {width:25px;height:17px;}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {width:25px;height:3px;border-radius:0;}
.hamburger:hover {opacity:1;}
.hamburger-inner:before {top:-7px;}
.hamburger-inner:after {bottom:-7px;}
.hamburger--squeeze.is-active .hamburger-inner {background-color:#999!important;}
.hamburger--squeeze.is-active .hamburger-inner:before {background-color:#999!important;}
.hamburger--squeeze.is-active .hamburger-inner:after {background-color:#999!important;}
.hamburger:hover .hamburger-inner, .hamburger:hover .hamburger-inner:after, .hamburger:hover .hamburger-inner:before {background-color:#999;}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
  -webkit-transition:transform ease .15s, background-color 0.5s!important;
  -moz-transition:transform ease .15s, background-color 0.5s!important;
  -o-transition:transform ease .15s, background-color 0.5s!important;
  transition:transform ease .15s, background-color 0.5s!important;
  background-color:#000;
  height:3px;
}

/* Responsive */
@media (max-width:1600px) {
.home-sections .home-section .content {padding:75px;}
.home-sections.video .home-section .content {padding-right:0;}
.home-sections.ingredients .home-section .content {padding-left:0;}
}

@media (max-width:1350px) {
.hero .content, .home .hero .content {background-color:rgba(255,255,255,.85);padding:50px;max-width:690px;}
.home-sections h2 br {display:none;}

.page-template-contact .hero .content .desktop br {display:block;}
}

@media (max-width:1275px) {
.home-sections .home-section .content {padding:75px;}
.featured {padding:50px 0;}
.testimonials .column:nth-of-type(1) {padding:75px;}

.featured h1 span {display:inline-block;}

.featured .line, .featured .product::after {display:none;}

.basic-page {padding-top:170px;}

.container {padding:0 40px;}
.hero .container {padding:40px;}
.testimonials .column:nth-of-type(1) {padding:50px;}
.hamburger {opacity:1;pointer-events:all;}
header nav.right {opacity:0;pointer-events:none;}

header {height:130px;}
header .logo {top:-5px;width:130px;height:80px;}

.hero {padding-top:130px;}
}

@media (max-width:1100px) {
.home-sections .home-section {display:block;}
.home-sections.video {background-color:#f0f9f5;padding:50px 0;}
.home-sections .home-section .content {min-height:0;}
.home-sections .home-section .photo, .home-sections .home-section .content {display:block;-webkit-box-flex:1 1 100%;flex:1 1 100%;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;min-height:0;}
.home-sections .home-section .content p, .hero .content p {overflow-wrap:break-word;text-align:center;margin-left:auto;margin-right:auto;max-width:700px;}
.home-sections.video .home-section .content {padding-left:0;padding-bottom:0;}
.home-sections.ingredients .home-section .content {padding-right:0;padding-bottom:0;}

.home .home-sections .photo {height:auto;min-height:auto;}
.home .home-sections .photo img {
width: 100%;
  height: auto;
  object-fit:contain;}
.home .home-sections.video .photo i {font-size:75px;}

h1, .home-sections h2, .featured h1 {font-size:40px;text-align:center;}
.home-sections .home-section h2 span.reserved {top:-.7rem;font-size:.85rem;}
.hero h1 br {display:none;}
.hero h1 span.reservered {font-size:20px;top:-15px;}
.hero ul, main ul {margin-top:10px;margin-left:auto;margin-right:auto;}
h2, h3 {font-size:25px;text-align:center;}
h3 span {font-size:15px;top:-10px;}
h4 {font-size:20px;text-align:center;}
.home .hero .content, .woocommerce .hero .content, .page-template-home-sections .hero .content, .page-template-contact .hero .content, .btn {float:none;margin-left:auto;margin-right:auto;}
.hero .content, .home .hero .content {padding:35px;}
.hero ul, main ul {text-align:center;}
.social, .btns {margin-left:auto;margin-right:auto;}
.social div {font-size:25px;}
.featured .container:hover .product, .featured .container:hover .product:hover {opacity:1!important;}
.featured h2, .products h2 {margin-top:20px;}
.testimonials .grid {display:block;}
.testimonials .column {display:block;width:100%;}
}

@media (max-width:800px) {
.hero, .page-template-contact .hero {height:auto;min-height:600px;}
h1, .home-sections h2, .featured h1 {font-size:35px;}
.hero h1 span.reservered {font-size:18px;top:-13px;}
.home-sections .home-section .content {padding:50px;}
main .logos {padding:50px 0;}
}

@media (max-width:700px) {
h1, .home-sections h2, .featured h1 {font-size:30px;}
.hero h1 span.reservered {font-size:15px;top:-11px;}
h2, h3 {font-size:22px;}
h3 span {font-size:12px;top:-8px;}
h4 {font-size:20px;}
html {font-size:18px;}
}

@media (max-width:650px) {
h1, .home-sections h2, .featured h1 {font-size:27px;}
.hero h1 span.reservered {font-size:13px;top:-12px;}
h2, h3 {font-size:20px;}
h4 {font-size:19px;}
html {font-size:17px;}

.home .home-sections.video .photo i {font-size:50px;}
}

@media (max-width:600px) {
.home-sections .home-section .content {padding:35px;}
main .logos {padding:35px 0;}

.hero {padding-top: 130px;}
.container {padding:0 20px;}
.hero .container {padding:20px;}
}

@media (max-width:550px) {
html {font-size:16.5px;}

.mobile-nav div {max-width:100%;right:-100%;}

header nav.left {height:57px;}
header nav.left div > ul > li a {font-size:0;}
header nav.left div > ul > li a::before {font-size:22px;left:-3px;}

.btns {margin:0 auto;}
.btns .btn {float:none;display:block;}
.btns .btn:nth-of-type(2) {margin:15px 0 0;}

.featured img, .product-grid .products .product img {max-width:200px;left:-.1%;}
}

@media (max-width:500px) {
html {font-size:16px;}
.sub-header {font-size:11.5px;}
.page-template-contact .hero .content .desktop {display:none;}
.page-template-contact .hero .content .mobile {display:block;}
}

@media (max-width:380px) {
.sub-header {font-size:10.5px;}
}