/* RESET ======================================================= */ body, h1, .h1, h2, .h2, h3, .h3, p, ul, li, a { margin: 0; padding: 0; font-style: normal; font-weight: normal; text-decoration: none; } p { margin-bottom: 1.563em; } * { box-sizing: border-box; } .center { text-align: center; } .left { text-align: left; } .text-block a { text-decoration: underline; color: inherit; } #main span.input-group-btn button#wpsl-search-btn {padding: unset;line-height: unset;font-weight: unset;color: unset;background-color: unset; background-repeat: unset;background-image: unset;box-shadow: unset;text-transform: unset;border: unset;margin: unset;float: unset;border-radius: unset;} /* FONT ASSIGNMENT ======================================================= */ body, p, a, ul, li, h1, h2.alternate, h2.quotidian, input, select, textarea, .select2 { font-family: 'Edwardian LT', "Times New Roman", Times, serif; font-weight:300; font-style: normal; } body i, p i, a i { font-family: 'Edwardian LT', "Times New Roman", Times, serif; font-weight:300; font-style: italic; } b, strong { font-family: 'Edwardian LT', "Times New Roman", Times, serif; font-weight:bold; font-style: normal; } b i, strong i{ font-family: 'Edwardian LT', "Times New Roman", Times, serif; font-weight:bold; font-style: italic; } h1:not(.top-title), h1 > span, h2:not(.alternate):not(.quotidian), h3, button, #footer li > *, .h1, .h2 { font-family: 'Edwardian LT', "Times New Roman", Times, serif; font-weight:300; font-style: normal; } /*h1:not(.top-title) { font-style: italic; }*/ #nav-container li > *, nav ul li a { font-family: 'Edwardian LT', "Times New Roman", Times, serif; font-weight:500; font-style: normal; } .script, h2.alternate > span { font-family: 'Edwardian Script ITC Std', 'Edwardian LT', "Times New Roman", Times, serif; font-weight:normal; font-style:normal; } span.no-break {white-space: nowrap;} .fsi {font-style: italic;} /* FONTSIZE ======================================================= */ body, input, select, textarea, .select2 { font-size: 1.563vw; line-height: 1.1; } nav ul li { font-size: 1vw;line-height: 1;padding: 1vw; } nav ul li a { color: #8c8c8c;} h1 { text-transform: uppercase; } h1, .h1, h2.alternate, h2.quotidian, h2 { font-size: 5.208vw; line-height: 0.85; /*margin-bottom: 0.5em;*/ } h2.quotidian { line-height: 1; } .product_description h2 { font-size: 1.563vw; line-height: 1.1; font-weight: bold; } /*h1 > span:not(.space), h1[class*="woo"], h1.product_title, h1.entry-title, .woocommerce h3:not(#ship-to-different-address) { font-size: 2.083vw; line-height: 2.344vw; position:relative; } */.woocommerce h3:not(#ship-to-different-address) { display:inline; text-transform: uppercase; margin-bottom: 1em; } /*h1 > span:not(.space)::before { content:" "; position: absolute; top: -0.3vw; width: calc( 100% + 0.5vw); border-top: 0.156vw solid #fff; } */h1 > span.space { font-size: 0.521vw; } /*h2:not(.alternate):not(.quotidian), .h2, .entry-title-archive, .h5 { font-size: 1.563vw; line-height: 1.771vw; }*/ h1.top-title { font-size: 2.135vw; line-height: 2.604vw; } h1.top-title.center { text-align: center; } h1.top-title.right { text-align: right; } h1.top-title.left { text-align: left; } h2.alternate, h2.quotidian { display: inline-block; position: relative; margin: 0 auto; letter-spacing: 0.3em; text-align: left; } h2.quotidian { letter-spacing: 0.18em; } h2.center, h2.quotidian.center { text-align: center; } h2.alternate span { font-size: 2em; letter-spacing: 0.05em; } h2.quotidian span { text-transform: uppercase; } h2.alternate span.off-right { position: absolute; right:0; top: 50%; -webkit-transform:translate(70%,-50%); -ms-transform:translate(70%,-50); transform:translate(70%,-50%); } h2.alternate span.off-left { position: absolute; left:0; top: 0%; -webkit-transform:translate(-50%,-0%); -ms-transform:translate(-50%,-0); transform:translate(-50%,-0%); } h2.alternate.and-sign::before, h2.quotidian.and-sign::before { position:absolute; content:"&"; left: 45%; top: calc( 66% - 5.167vw); } h2.quotidian.and-sign::before { top: calc( 70% - 4.167vw); } /*h3:not(#ship-to-different-address):not(.h5) { font-size: 2.604vw; line-height: 2.865vw; }*/ .grey { color: #929292; } .red { color:#9e0933;} .quote { font-size: 3.646vw; line-height: 4.167vw; letter-spacing: 0.1em; text-align:left; } .button, button { font-size: 0.833vw; line-height: 0.885vw; } .button-big { font-size: 1.563vw; line-height: 1.667vw; } .caps { text-transform: uppercase; } /*.special-a, .special-b, .special-o { background-image:url(../images/brand/alt-type-a-white.svg); background-repeat: no-repeat; background-size: 80% 80%; background-position: 0 0.08em; text-indent: -1000vw; display: inline-block; width: .45em; height: 100%; } */.special-b { background-image:url(../images/brand/alt-type-b-white.svg); } /*.special-o { background-image:url(../images/brand/alt-type-o-white.svg); } */.red .special-a, .special-a.red { background-image:url(../images/brand/alt-type-a-red.svg); } .red .special-b, .special-b.red { background-image:url(../images/brand/alt-type-b-red.svg); } .red .special-o, .special-o.red { background-image:url(../images/brand/alt-type-o-red.svg); } .quote .special-a, .quote .special-b, .quote .special-o, .quotidian .special-a, .quotidian .special-b, .quotidian .special-o { background-position: 0.04em 0.08em; width: 0.85em; } /* LOADERS + HIDDERS ========================================================= */ #loader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 1; z-index: 200; background-color: #fff; -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; } body.loaded #loader { opacity: 0 !important; pointer-events: none; } .hidden, .sr-only { display:none; visibility: hidden; } /* STRUCTURE + MENUS ========================================================= */ body { background-color: #000; color:#fff; } a { color:#fff; } #nav-container { width: 100%; padding: 2.083vw; position: fixed; z-index: 100; } /*#nav-container > .nav-inner { width: 100%; height: 5.469vw; position: relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-image:url(../images/brand/logo-menu.svg); background-size: auto 5.469vw; background-position: 0 0; background-repeat: no-repeat; } #nav-container > .nav-inner::before { content:" "; position: absolute; z-index: 1; top: 0; left: 0; background-image:url(../images/brand/logo-menu-black.svg); background-size: auto 5.469vw; backgorund-position: 0 0; background-repeat: no-repeat; width: 100%; height: 100%; opacity:0; -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; } */ #nav-container > .nav-inner > * { position: relative; z-index: 2; } body.scroll-down #nav-container > .nav-inner::before { opacity: 1; } #site-header > a { display:block; width: 9.896vw; height: 100%; } #menu-item-87202, nav.menu-brockmans li.menu-item-home { width: 5vw;height:5vw;background-image: url(/wp-content/uploads/2022/05/embelem-op.png);background-size: contain; background-repeat: no-repeat;background-clip: border-box;background-position: 50% 50%; transition: 0.3s all ease-in-out;} #menu-item-87202 a, nav.menu-brockmans li.menu-item-home a { /*padding-top: 50px;padding-left: 50px;padding-right: 50px;padding-bottom: 50px;*/ font-size: 0;text-align: center; /*margin-left: -1vw;*/ width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;} header nav.menu-brockmans { display: flex; justify-content: center; right: 0; position: absolute; top: 0; /* left: 50%; */ width: 100%; /* transform: translateX(-50%); */ background-color: #000; padding: 10px; } .home header nav.menu-brockmans { background-color: #0000; } #site-header { position: sticky; z-index: 999; width: 100%; top: 0; } .socbotmob { display: none; } .nav-inner nav { /*margin-top: 1vw;*/ /* 1.250vw;*/ width: 62.500vw; display:block; } header nav ul { width: 100%; max-width: 72vw; display:flex; list-style: none;justify-content: space-evenly;text-transform: uppercase;text-align: center;align-items: center; } #header-social { width: 12.500vw; } nav.menu-social ul { width: 100%;display: flex; } nav.menu-social ul a { display: block; width: 2.969vw;height: 2.969vw; background-image: url(../images/social/email-white.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; text-indent: -100vw; overflow: hidden; } nav.menu-social .instagram { background-image: url(../images/social/instagram.png); } nav.menu-social .facebook { background-image: url(../images/social/facebook.png); } nav.menu-social .twitter { background-image: url(../images/social/twitter.png); } nav.menu-social .youtube { background-image: url(../images/social/youtube.png); } #main { /*padding-top: calc( 5.469vw + 2 * 2.083vw );*/ } .site-footer { background-color:#000; } #footer ul { list-style: none; } #footer ul li { margin-bottom: .6vw; } #sub-footer { display:-webkit-box; display:-ms-flexbox; display:flex; list-style: none; justify-content: flex-start; padding-top:2vw;} #sub-footer > div > a { display:inline-block; margin-left: 2vw; } #sub-footer > div > a:first-child { margin-left: 0; } #header-menu-button { display:none; } #menu-footer-menu-1 {text-transform: uppercase;} #menu-footer-menu-1 a { color: #8c8c8c;} h3#signup-footer {font-size:4.167vw;line-height:1.2;} p.signup-footer {font-size: 1.2vw;text-transform: uppercase;line-height:1.2; max-width: 85%;} footer li.privacy, footer div.privacy {text-transform: uppercase; padding-bottom:5px;padding-top:5px;font-size:0.9vw;} footer #footer li.privacy a {font-weight:300;} nav#footer-social li.menu-item { padding: 0.35vw; } #menu-item-87209 {display:none;} .signup-button { text-transform: uppercase; font-size: 1.563vw; letter-spacing: 0.2vw; margin-bottom: 5px; } .signup-underline {border-bottom: #8a252c 8px solid;width: fit-content;} /* IMAGE FIXES ============================ */ section img.no-click, .two-fifth.center.bottom.parallax1,.forty.left.bottom.angle-fix.parallax2 {pointer-events:none;} /* AGE GATE ============================ */ #age-gate { display:none; } #ccc-icon.ccc-icon--right {bottom: -1.5vw;} @media (max-width:767px) and (orientation: portrait){ #age-gate2{padding-top:10vw;} } /* SECTION SETUP ============================= */ footer {padding: 6vw 7vw;} section { padding: 0; /*height: 80vh;*/ overflow:hidden; } section.auto-height { height: auto; } section > div { padding: 0; position: relative; z-index: 10; } section > .parallax0, section > .parallax1, section > .parallax2, section > .parallax3, section > .parallax4 { position: absolute; transition: transform 0.8s cubic-bezier(0, 0, 0, 1) 0s; will-change: transform; } .no-top-padding { padding-top:0; } .no-bottom-padding { padding-bottom:0; } section > .parallax0 { z-index: 1; } section > .parallax1 { z-index: 10; } section > .parallax2 { z-index: 20; } section > .parallax3 { z-index: 30; } section > .parallax4 { z-index: 40; } section img { max-width: 100%; height: auto; display:block; } .row { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; position: relative; } .flex { display:flex; list-style: none; justify-content: space-between; } .jcc {justify-content:center} .aic {align-items:center;} .flexc {flex-direction:column} .aifs {align-items:flex-start;} .relative { position: relative; } .half { width: 50%; } .third, .col-md-4 { width: 33.33%; } .forth { width: 25%; } .fifth { width: calc( 100% / 5 ); } .two-third, .col-md-8 { width: 66.66%; } .two-fifth { width: calc( 100% / 5 * 2 ); } .three-fifth { width: calc( 100% / 5 * 3 ); } .four-fifth { width: calc( 100% / 5 * 4 ); } .ten { width: 10%; } .twenty { width: 20%; } .thirty { width: 30%; } .forty { width: 40%; } .fifty { width: 50%; } .sixty { width: 60%; } .seventy { width: 70%; } .eighty { width: 80%; } .ninety { width: 90%; } .hundred { width: 100%; } .ten-left { left: 10%; } .twenty-left { left: 20%; } .thirty-left { left: 30%; } .forty-left { left: 40%; } .fifty-left { left: 50%; } .sixty-left { left: 60%; } .seventy-left { left: 70%; } .eighty-left { left: 80%; } .ninety-left { left: 90%; } .ten-down { top: 10%; } .twenty-down { top: 20%; } .thirty-down { top: 30%; } .forty-down { top: 40%; } .fifty-down { top: 50%; } .sixty-down { top: 60%; } .seventy-down { top: 70%; } .eighty-down { top: 80%; } .ninety-down { top: 90%; } .right { margin-left: auto; } .left { margin-right: auto; } .center { margin-left: auto; margin-right: auto; } .top { margin-bottom: auto; } .bottom { margin-top: auto; } .middle { margin-top: auto; margin-bottom: auto; } .third-height { min-height: 33.33vw; } .half-height { min-height: 50vw; } .eighty-height { min-height: 80vw; } .full-height { height: 100%; } .inner { padding: 20%; } .vertically-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* SECTION PARALLAX SETUP =================================== */ section > div[class*=parallax].left { left: 0; right: auto; } section > div[class*=parallax].right { left: auto; right: 0; } section > div[class*=parallax].center { left: 50%; right: auto; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } section > div[class*=parallax].top { top: 0; bottom: auto; } section > div[class*=parallax].bottom { top: auto; bottom: 0; } section > div[class*=parallax].middle:not(.center) { top: 50%; bottom: auto; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } section > div[class*=parallax].middle.center { top: 50%; bottom: auto; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } /* BUTTONS ==================================== */ .button, .button-big, button, body.woocommerce-cart div.product-remove, .shipping-calculator-button { display:inline-block; background-color: #66102D; color: #fff; border: 1px solid #66102D; border-radius: 8px; width:100%;max-width: 320px;max-width: fit-content; padding: 0.5vw 3vw; text-align:center; text-transform: uppercase; letter-spacing: 0.1em; -webkit-transition: .3s ease-in-out background-color, border ease-in-out .3s; -moz-transition: .3s ease-in-out background-color, border ease-in-out .3s; -o-transition: .3s ease-in-out background-color, border ease-in-out .3s; transition: .3s ease-in-out background-color, border ease-in-out .3s; margin-bottom: 1.8em; } .button-big:not(:hover), .button:hover, button:hover, body.woocommerce-cart div.product-remove:hover, .shipping-calculator-button:hover { background-color: transparent; color: #fff; border: 1px solid #fff; cursor: pointer; } .button-big { width: 15.625vw; padding: 1vw; } #ccc .ccc-notify-button.ccc-accept-button, #ccc .ccc-notify-button.ccc-accept-button span, #ccc .ccc-notify-button.ccc-close-button, #ccc .ccc-notify-button.ccc-close-button span {width: auto !important;} .shipping-calculator-button {text-transform: capitalize;letter-spacing: 0;padding: 0.35vw 1vmax;font-size: 0.8em;} article div.woocommerce input[type="radio"] {appearance: none;background-color: #66102d;margin: 0;color: #fff;width: 6vw;height: 6vw;border: 2px solid #fff;border-radius: 8px; transform: translateY(.15em);display: grid;place-content: center;max-width: 2em;max-height: 2em;padding: 0px;} article div.woocommerce input[type="radio"]::before {content: "";width: 6vw;height: 6vw;border-radius: 8px;transform: scale(0);transition: 120ms transform ease-in-out; box-shadow: inset 10vw 10vw #fff;max-width: 2em;max-height: 2em;} @media (max-width:767px) and (orientation: portrait){ article div.woocommerce input[type="radio"] {appearance: none;margin: 0;color: #fff;width: 6vw;height: 6vw; border: 2px solid #fff;border-radius: 8px;transform: translateY(-0.075em);display: grid;place-content: center;} article div.woocommerce input[type="radio"]::before {content: "";width: 6vw;height: 6vw;border-radius: 8px;transform: scale(0);transition: 120ms transform ease-in-out;box-shadow: inset 10vw 10vw #fff;max-width: 2em; max-height: 2em;} } article div.woocommerce input[type="radio"]:checked::before {transform: scale(1);} article div.woocommerce a.restore-item {background-color: #66102D;color: #fff;border: 1px solid #66102D;border-radius: 0.8vw;width: 100%;padding: 0.5vw; text-align: center;text-transform: uppercase;letter-spacing: 0.1em;-webkit-transition: .3s all;-moz-transition: .3s all;-o-transition: .3s all;transition: .3s all;max-width: 220px;margin-top: 24px;} article div.woocommerce a.restore-item:hover {background-color: transparent; color: #fff; border: 1px solid #fff; cursor: pointer;} #main span.input-group-btn button#wpsl-search-btn {display: inline-block;background-color: #66102D;color: #fff;border: 1px solid #66102D;border-radius: 8px; width: 100%;max-width: fit-content;padding: 0.75vw 6vw;text-align: center;text-transform: uppercase !important;letter-spacing: 0.1em; -webkit-transition: .3s ease-in-out background-color, border ease-in-out .3s;-moz-transition: .3s ease-in-out background-color, border ease-in-out .3s; -o-transition: .3s ease-in-out background-color, border ease-in-out .3s;transition: .3s ease-in-out background-color, border ease-in-out .3s; margin-top: 1em;font-weight: 400;} /* CONTENT BOXES ==================================== */ .content-box { background-color: #222222; } .content-box .content-box { background-color: #000; } .content-box-inner { padding: 2.448vw; } .red-border { border: 2px solid #790626; } .red-border-bottom { border-bottom: 1px solid #790626; } .red-border-top { border-top: 1px solid #790626; } .red-divider > *:not(:last-child) { border-right: 1px solid #790626; } .seal-divider::after { content:" "; position:absolute; top: 50%; left: 50%; height: 12.708vw; width: 12.708vw; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); /*background-image: url('../images/brand/seal-grid.png');*/ background-size:cover; background-repeat: no-repeat; background-position: center center; } .seal-divider > .half:first-child { padding-right: calc( 9.708vw ); padding-left: 3vw; } .seal-divider > .half:last-child { padding-left: calc( 9.708vw ); padding-right: 3vw; } .image-box { background-size:cover; background-repeat: no-repeat; background-position: center center; } .image-box img { opacity: 0; } .rounded { overflow: hidden; border-radius: 15%; } .no-padding { padding: 0; } .border-box { height: 19.010vw; border: 1px solid #790626; position: relative; cursor: pointer; background-color:#000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .border-box > * { position: relative; z-index: 2; } .border-box:not(.no-hover)::before { content:" "; position: absolute; width:100%; height: 100%; background-color: #66102D; opacity: 0; -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; z-index: 1; } .border-box:not(.no-hover):hover::before { opacity: 0.6; } /* BACKGROUNDS + BACKGROUND EFFECTS ====================================== */ .bg { position: absolute; top:0; left: 0; z-index:1; background-size: contain; background-repeat: no-repeat; background-position: center center; height: 90%; } .bg.full { width: 100%; height: 125%; } .bg-berries > .bg { background-image: url('../images/backgrounds-tiled/berries-silver.jpg'); background-size: 30%; background-repeat: repeat; background-position: center center; } .bg-berries-black > .bg { background-image: url('../images/backgrounds-tiled/berries-black.jpg'); background-size: 30%; background-repeat: repeat; background-position: center center; } .bg-heart > .bg { background-image: url('../images/backgrounds-tiled/heart-dagger-silver.jpg'); background-size: 30%; background-repeat: repeat; background-position: center center; } .bg-heart-black > .bg { background-image: url('../images/backgrounds-tiled/heart-dagger-black.jpg'); background-size: 30%; background-repeat: repeat; background-position: center center; } .bg-cocktails > .bg { background-image: url('../images/backgrounds-tiled/cocktail-silver.jpg'); background-size: 30%; background-repeat: repeat; background-position: center center; } .bg-cocktails-black > .bg { background-image: url('../images/backgrounds-tiled/cocktail-black.jpg'); background-size: 30%; background-repeat: repeat; background-position: center center; } .bg-angelwings > .bg { /* background-image: url('../images/brand/bg-wallpaper-angel.jpg'); background-size: contain; background-repeat: repeat-x; background-position: center center; */ background-image: url('../images/backgrounds-tiled/angle-silver.jpg'); background-size: 30%; background-repeat: repeat; background-position: center center; } .bg-angelwings-black > .bg { background-image: url('../images/backgrounds-tiled/angle-black.jpg'); background-size: 30%; background-repeat: repeat; background-position: center center; } .bg-brocade > .bg { background-image: url('../images/backgrounds-tiled/bracade-silver.jpg'); background-size: 40%; background-repeat: repeat; background-position: center center; } .bg-brocade-black > .bg { background-image: url('../images/backgrounds-tiled/bracade-black.jpg'); background-size: 40%; background-repeat: repeat; background-position: center center; } .bg-moon > .bg { background-image: url('../images/backgrounds-tiled/moon-silver.jpg'); background-size: 30%; background-repeat: repeat; background-position: center center; } .bg-moon-black > .bg { background-image: url('../images/backgrounds-tiled/moon-black.jpg'); background-size: 30%; background-repeat: repeat; background-position: center center; } .bg-devil > .bg { background-image: url('../images/backgrounds-tiled/devil-silver.jpg'); background-size: 30%; background-repeat: repeat; background-position: center center; } .bg-devil-black > .bg { background-image: url('../images/backgrounds-tiled/devil-black.jpg'); background-size: 30%; background-repeat: repeat; background-position: center center; } .berries-black-bg { background-image: url('../images/backgrounds-tiled/berries-black.jpg'); background-size: 30%; background-repeat: repeat; background-position: center center; } .bg-mesh, .bg-mesh > .bg { background-image: url('../images/brand/bg-wallpaper-mesh.jpg'); background-size: contain; background-repeat: repeat-x; background-position: center center; } .cocktail-grid .bg-mesh { background-size: cover; } .bg-bottle-pour-medium { background-image: url('../images/brand/bottle-pour-medium.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; } .bg-seal-medium { background-image: url('../images/brand/seal-dark-berries-medium-grid.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; } .bg-orange-kiss, .bg-agave-cut { padding:15vw 5vw 5vw 5vw; } .bg-orange-kiss > div.bg.full { background-image: url('../images/backgrounds-tiled/orange-kiss-background.jpg'); background-size: 20% !important; background-repeat:repeat; background-position: center center; position:fixed; z-index:-1; filter: brightness(75%);} body.product-orange-kiss { background-image: url('../images/backgrounds-tiled/orange-kiss-background.jpg') !important; background-size: 20% !important; background-repeat:repeat !important; z-index:-1; background-position: top center !important; } body.product-agave-cut:not(.archive) { background-image: url('../images/backgrounds-tiled/Agave-Cut-wallpaper.jpg') !important; background-size: 100% !important; background-repeat:repeat !important; z-index:-1; background-position: top center !important; } .bg-orange-kiss .row .half:last-child, .bg-agave-cut .row .half:last-child { padding-left:5vw; position: relative;} .bg-orange-kiss .row .half:last-child::before, .bg-agave-cut .row .half:last-child::before { content: " "; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); position: absolute; z-index: -1; background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 25%, rgba(0,0,0,0) 100%); } #wpforms-submit-89447[type="submit"] { border-color: #f49f2d !important; } #wpforms-submit-89447[type="submit"]::before { background-color: #f49f2d !important; } #wpforms-submit-90606[type="submit"] { border-color: #00b7bd !important; } #wpforms-submit-90606[type="submit"]::before { background-color: #00b7bd !important; } .bg-orange-kiss .wpforms-confirmation-container-full, .bg-avage-cut .wpforms-confirmation-container-full { background-color: transparent !important; color:#ffffff; border: none !important; } .bg-orange-kiss .wpforms-error-container, .bg-agave-cut .wpforms-error-container {color:#fff !important;} @media(max-width:768px){ .bg-orange-kiss > div.bg.full, .bg-agave-cut > div.bg.full { background-size: 50% !important; } } .bg-grey { background-color: #161815; } section > .parallax1.red-line, section > .parallax2.red-line, section > .parallax3.red-line { z-index: 33; } .red-line::before { content:" "; position: absolute; top:-10%; left: -10%; width:120%; height: 120%; /* top: -100%; left: -100%; width: 300%; height: 300%; */ /* -webkit-transition: all 2s ease-in-out 2s; -moz-transition: all 2s ease-in-out 2s; -o-transition: all 2s ease-in-out 2s; transition: all 2s ease-in-out 2s; */ background-image:url('../images/brand/diagonal-red-line.svg?c=3'); background-size:100% 100%; background-position: center top; background-repeat: no-repeat; } .bg-darken-top, .bg-darken-bottom { position: relative; } .bg-darken-top::before { content:" "; position: absolute; z-index: 4; top:0; left:0; width:100%; height: 100%; max-height: 50vw; background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1)); } .bg-darken-bottom::after { content:" "; position: absolute; z-index: 5; bottom:0; left:0; width:100%; height: 100%; max-height: 50vw; background-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); } /* SLIDESHOW ===================================== */ .slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: left; -ms-flex-align: left; align-items: left; -webkit-box-pack: left; -ms-flex-pack: lefy; justify-content: left; } .slider > div { width: 25%; margin-right: 3%; } .slick-prev::before, .slick-next::before { content: "<"; font-family: 'Edwardian LT'; font-weight: bold; font-size: 2.083vw; } .slick-next::before { content:">"; } .reveal-me { opacity: 0; -webkit-transform: translateY(2.6vw); -ms-transform: translateY(2.6vw); transform: translateY(2.6vw); -webkit-transition: 1.8s opacity,1.8s transform; -moz-transition: 1.8s opacity,1.8s transform; -o-transition: 1.8s opacity,1.8s transform; transition: 1.8s opacity,1.8s transform; } .reveal-me.reveal { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .click-inside { cursor: pointer; } /* GRID ===================================== */ .grid { display: grid; gap: 2.604vw; width:100%; padding-top: 2.604vw; padding-bottom: 2.604vw; } .grid > div { width: auto; grid-column: 3 / span 1; height:100; border: 1px solid #790626; padding:2.604vw; background-size:cover; background-repeat: no-repeat; background-position: center center;} .grid > div::before { position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.1; z-index: 1; } .grid > div.two-third { grid-column: 1 / span 2; } .grid > div.top { grid-row: 1 / span 1; margin: 0; } .grid > div.bottom { grid-row: 2 / span 1; margin: 0; } /* .grid > div.ninetenthtop { grid-row: 1 / span 11; } .grid > div.ninetenthbottom { grid-row: 11 / span 9; } */ .grid > div > div.inner { position: relative; width: 100%; height: 100%; z-index: 10; } .grid > div > div.inner > div.bottom-align { position: absolute; bottom: 0; left: 0; } .grid > div > div.inner > div.bottom-align > *:last-child { margin-bottom: 0; } /* COCKTAILS ==================================== */ .cocktail-wall article { padding-top: 50%; width: 48%; margin: 1%; position:relative; } .cocktail-wall article .panel { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center; } .cocktail-wall article .panel .panel-body { width: 100%; height: 100%; } /* FORM ===================================== */ label { display:none; } input, textarea, select, .select2 { font-size: inherit; line-height: 1.146vw; color:#fff; background: #000; border: 1px solid #808080; border-radius: 0.5vw; width:100%; box-sizing: border-box; padding: 0.729vw 1.250vw; margin-bottom: 1.042vw; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; color: #808080; font-weight: normal; font-family: inherit; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #808080; font-weight: normal; font-family: inherit; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; color: #808080; font-weight: normal; font-family: inherit; } input:-moz-placeholder, textarea:-moz-placeholder { opacity: 1; color: #808080; font-weight: normal; font-family: inherit; } .wpforms-field-hp { display: none; } .select2-container--default .select2-selection--single { border:none; background: transparent; } .select2-dropdown { background:#000; } .select2-container--default .select2-selection--single .select2-selection__arrow b { margin-left: -50%; margin-top: 40%; } .contact div#main > section:nth-child(1) {background-image:url(/wp-content/uploads/2022/05/contact-bg.jpg);background-size:cover;} .form-wrap {width:100%;max-width:760px;} div.wpforms-container-full .wpforms-form input[type="submit"], div.wpforms-container-full .wpforms-form button[type="submit"], div.wpforms-container-full .wpforms-form .wpforms-page-button { background-color: #8b252e !important; border: #8b252e !important; color: #fff !important; font-size: 1em !important; padding: 1vw 1.5vw !important; } div.wpforms-container-full .wpforms-form input[type="date"], div.wpforms-container-full .wpforms-form input[type="datetime"], div.wpforms-container-full .wpforms-form input[type="datetime-local"], div.wpforms-container-full .wpforms-form input[type="email"], div.wpforms-container-full .wpforms-form input[type="month"], div.wpforms-container-full .wpforms-form input[type="number"], div.wpforms-container-full .wpforms-form input[type="password"], div.wpforms-container-full .wpforms-form input[type="range"], div.wpforms-container-full .wpforms-form input[type="search"], div.wpforms-container-full .wpforms-form input[type="tel"], div.wpforms-container-full .wpforms-form input[type="text"], div.wpforms-container-full .wpforms-form input[type="time"], div.wpforms-container-full .wpforms-form input[type="url"], div.wpforms-container-full .wpforms-form input[type="week"], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea { background-color: #222c !important; color: #b9b9b9 !important; font-size: 20px !important; border: 0px solid #ccc !important; height: 3vw !important; } #wpforms-13-field_2 { height: 10vw !important; } @media (max-width:767px) and (orientation: portrait){ div.wpforms-container-full .wpforms-form input[type="date"], div.wpforms-container-full .wpforms-form input[type="datetime"], div.wpforms-container-full .wpforms-form input[type="datetime-local"], div.wpforms-container-full .wpforms-form input[type="email"], div.wpforms-container-full .wpforms-form input[type="month"], div.wpforms-container-full .wpforms-form input[type="number"], div.wpforms-container-full .wpforms-form input[type="password"], div.wpforms-container-full .wpforms-form input[type="range"], div.wpforms-container-full .wpforms-form input[type="search"], div.wpforms-container-full .wpforms-form input[type="tel"], div.wpforms-container-full .wpforms-form input[type="text"], div.wpforms-container-full .wpforms-form input[type="time"], div.wpforms-container-full .wpforms-form input[type="url"], div.wpforms-container-full .wpforms-form input[type="week"], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea { height: 30px !important; } #wpforms-13-field_2 { height: 120px !important; } div.wpforms-container-full .wpforms-form input[type="submit"], div.wpforms-container-full .wpforms-form button[type="submit"], div.wpforms-container-full .wpforms-form .wpforms-page-button { padding: 20px !important; } } /* CONTENT TWEAKS ====================================== */ .angle-fix::before { content: " "; position: absolute; bottom: -3vw; left: -50vw; width: 200vw; height: calc( 29% + 3vw ); background-color: #000; top: auto; z-index: -1; } .fruit { position: absolute; width: 8.208vw; z-index: 5 !important; } .ontop { z-index: 21; position: relative; } .email-icon::before { content:" "; display: inline-block; width: 2vw; height: 1.063vw; background-image: url(../images/social/email-white.svg); background-size: contain; background-repeat: no-repeat; background-position: left center; } .marker-icon::before { content:" "; display: inline-block; width: 1.7vw; height: 1.263vw; background-image: url(../images/social/marker-white.svg); background-size: contain; background-repeat: no-repeat; background-position: left center; } .menuemb {display:none;} .rounded {overflow: hidden;} .rounded img {max-width:100%;border-radius: 15%;} .fifth.rounded {width: calc( 100% / 5 );margin:10px;} .jcc {justify-content:center;} .flex {display:flex;} /* COCKTAILS ====================================== */ .masonry { width: 100%; height: 100%; } .masonry .item { box-sizing: border-box; padding:0.677vw; } .masonry .item a { display:block; padding-top:100%; position: relative; } .masonry .item.double a { padding-top: 207%; } .masonry .item a .panel { position:absolute; width:100%; height: 100%; top:0; left:0; background-size:cover; background-repeat: no-repeat; background-position: center center; } .masonry .half { width:48%; } .masonry .forth { width:24%; } .item .panel-body { position: absolute; bottom: 0; left: 0; background-color: #222222; padding:2.135vw; color: #fff; width:100%; max-width: 22.240vw; } span.entry-title-archive { display:none; } nav.pagination { width: 100%; } .nav-links { margin: 0 auto; width: 100%; text-align: center; margin-bottom: 1em; } .nav-links span, .nav-links a { display:inline-block; padding: 0 1em; } .related-cocktails, #share-this { display:none; } .method ol { padding:0; } .ingredients, .method { /*margin-bottom: 1em; */} /* MAP ====================================== */ #wpsl-gmap, #wpsl-result-list { width: 100% !important; height: 100% !important; margin: 0 !important; } .wpsl-store-location { font-size: 0.938vw; line-height: 1.042vw; text-align: left; padding-left: 2.042vw; position: relative; } .wpsl-store-location::before { content: " "; position: absolute; top: 0.25vw; left: 0; width: 0.842vw; height: 1.042vw; background-image: URL('../images/brand/chev-right-red.svg'); background-size: cover; background-repeat: no-repeat; } .wpsl-search, .wpsl-stores, #wpsl-stores { text-align: left !important; background-color:transparent !important; } .wpsl-input > div:first-child, label[for="wpsl-search-input"] { display:none; } .wpsl-search-btn { float: right; margin-left: 10px; } .wpsl-gmap-canvas .wpsl-infobox::before, .wpsl-gmap-canvas .wpsl-infobox::after { display: none !important; } .wpsl-gmap-canvas .wpsl-infobox::after { border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 11px solid #fff; } .wpsl-gmap-canvas .wpsl-infobox::after, .wpsl-gmap-canvas .wpsl-infobox::before { box-sizing: border-box; position: absolute; content: ""; left: 40px; bottom: -11px; } .wpsl-gmap-canvas .wpsl-infobox::before { border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 13px solid #ccc; bottom: -13px; left: 38px; } .wpsl-gmap-canvas .wpsl-infobox { padding: 0 !important; border-radius: 0 !important; font-size: 16px !important; font-weight: normal !important; border: 2px solid white !important; color: #222; max-width: 320px !important; } .wpsl-gmap-canvas .wpsl-infobox { min-width: 155px; max-width: 350px !important; padding: 10px; border-radius: 4px; font-size: 13px; font-weight: 300; border: 1px solid #ccc; background: #fff !important; } .wpsl-gmap-canvas .wpsl-infobox { font-size: 16px !important; font-weight: normal !important; color: #222; } #wpsl-gmap * { -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; } #wpsl-gmap img, .wpsl-gmap-canvas img { display: inline; opacity: 1 !important; max-height: none !important; } #wpsl-gmap .wpsl-info-actions { padding: 10px 20px !important; background-color: #eee !important; margin: 0 !important; color:#000; } #wpsl-gmap .wpsl-info-actions { display: block; margin: 10px 0 !important; overflow: auto; margin-bottom: 0 !important; } .gm-style img { max-width: none; } .wpsl-info-window { max-width: 320px !important; min-width: 270px !important; padding: 0; text-align:left; } .wpsl-info-window .store-category.Store::before, .wpsl-info-window .store-category.Supermarket::before, .wpsl-info-window .store-category.Convenience.Store::before { background-image: url("/wp-content/themes/brockmans/img/shopping-cart.svg"); } .wpsl-info-window .store-category::before { color: #333; display: block; width: 15px; height: 15px; content: ''; background-size: 15px 15px; left: 12px; top: 12px; position: absolute; } .wpsl-info-window .store-category { width: 40px; height: 40px; border-radius: 40px; border: 2px solid #dddddd; margin-left: 20px; margin-top: 20px; float: left; position: relative; } .wpsl-info-window span, .wpsl-more-info-listings span { display: block; } .wpsl-info-window p.store-address { padding: 0 20px 10px 70px !important; margin-bottom: 0 !important; color: #666; } .wpsl-info-window p { font-family: "Times New Roman",Times,"Tinos",serif; } .wpsl-info-window p.store-name { padding: 20px 20px 0 70px !important; margin-bottom: 0 !important; text-transform: uppercase; color: #810027; font-size: 20px; font-weight: bold !important; } #wpsl-wrap .wpsl-info-window p { margin: 0 0 10px 0; margin-bottom: 10px; } .store-name { display: block !important; } .wpsl-infobox > img { width: 14px; height: 13px;} .wpsl-direction-before { margin: 14px 0 21px 0; padding-left: 10px; text-align: left; } .wpsl-direction-index { float: left; width: 8%; margin: 0 5% 0 0; } #wpsl-wrap #wpsl-result-list ul li { list-style: none !important; } #wpsl-wrap #wpsl-result-list li { padding: 10px; border-bottom: 1px dotted #ccc; margin-left: 0; overflow: hidden; list-style: none outside none !important; text-indent: 0; text-align: left; } /* BLOG ======================================= */ figure.wp-block-image { float: left; max-width: 50%; margin-bottom: 3em; } figure.wp-block-image:nth-of-type(even) { float:right; } /* SHOP ======================================== */ .header-cart { text-align: center; display: none;} .cart-icon { margin-top: 0.4vw; width:1.563vw; height:1.563vw; background-image: url(../images/brand/shopping-cart.svg); background-size:contain; background-repeat: no-repeat; margin-left:1.563vw; margin-right:1.563vw; display:block; } .cart-customlocation .total { display:none; } .category-nav { margin: 0 auto; color: #929292; } .category-nav a { color: #929292; } .category-nav, .woocommerce-info { display:none; } main#main { padding-top: 0; margin-top: 0; min-height: 70vh;} body.woocommerce, body.woocommerce-cart { background-image: url('../images/backgrounds-tiled/angle-silver.jpg'); background-size: 10%; background-repeat: repeat; background-position: center center; } body.woocommerce-checkout { background-color:#000; } /* body.woocommerce main#main::before { content:" "; position: absolute; z-index: 5; bottom:0; left:0; width:100%; height: 100%; max-height: 50vw; background-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); } */ h1[class*="woo"], h1.entry-title { text-align: center; } ul.products, .product-wrapper, .woocommerce-notices-wrapper, .woocommerce > .row, form.woocommerce-checkout { margin: 6.458vw 7.708vw; display:-webkit-box; display:-ms-flexbox; display:flex; list-style: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-evenly; -ms-flex-wrap:wrap; flex-wrap:wrap; } ul.products li { width: 23.698vw; border: 1px solid #790626; background-color:#222222; margin-bottom: 4.010vw; } ul.products li a > *:not(img) { font-size: 1.250vw; line-height: 1.563vw; display:block; padding-left: 1.563vw; padding-right: 1.563vw; } ul.products li a > img { width: 100%; height: auto; } ul.products li a .product-category, ul.products li a hr { display:none; } ul.products li a > h2 { padding-top: 1.563vw; text-transform: uppercase; } ul.products li a > .price { padding-bottom: 1.563vw; } .product-wrapper { background-color: #222222; } .product-wrapper > * { width: 50%; padding: 4.688vw 4.688vw 2.688vw 4.688vw; } .product-wrapper > *:first-child { border-right: 1px solid #790626; padding: 0; } .product-wrapper figure { margin: 0; padding: 0; } .product-wrapper figure img { width: 100%; height: auto; display:block; } @media (max-width:767px){ .product-wrapper > * { width: 100%; } } .slider-feed.related-products { display:none; } .woocommerce-cart-form ul, .woocommerce-checkout-payment ul { list-style: none; } .woocommerce > .row { background-color: #222222; border: 1px solid #790626; } .woocommerce > .row > * /*, form.woocommerce-checkout > * */ { padding: 3.646vw; } .woocommerce > .row > *:first-child { border-right: 1px solid #790626; } .no-gutters-small { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .cart_item { display:-webkit-box; display:-ms-flexbox; display:flex; list-style: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap:wrap; flex-wrap:wrap; } .cart_item > .product-thumbnail { width: 33%; } .cart_item > .product-thumbnail img { width: 80%; height: auto; } .cart_item > .product-item-content { width: 66%; } .cart_item input { max-width: 33%; } .remove {color: #fff;margin-bottom: 1em;text-transform: capitalize;letter-spacing: 0;font-size: 0.85em;} .woocommerce-checkout-payment, #order_review, li.shipping, .woocommerce-billing-fields__field-wrapper { margin-top:3.646vw; } .woocommerce-checkout-review-order-table, li.shipping { border-top: 1px solid #fff; margin-bottom:3.646vw; } li.shipping { padding-top: 3.646vw; } .shop_table_responsive li { display:-webkit-box; display:-ms-flexbox; display:flex; list-style: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap:wrap; flex-wrap:wrap; } fieldset { border: none; } .your-order button { border-color: #fff !important; } .your-order button:hover { background-color:#fff !important; color:#66102D !important; } .shop_table th, .shop_table td { width: 50%; text-align: left; } .shop_table td { text-align: left; } .shop_table > li:last-child, .wc-proceed-to-checkout { margin-top: 1em; } #customer_details { padding: 3.646vw; } .your-order { background-color: #66102D; padding: 3.646vw; } .your-order label, #ship-to-different-address label { display:block; } #shipping_method { width: 100%; } .checkbox input { max-width: 40px; } .woocommerce-message, .woocommerce-notices-wrapper { background-color: #202020; box-sizing: border-box; padding: 0; width: 100%; } .woocommerce-notices-wrapper { margin-top: 1em; margin-bottom: 1em; padding: 0;} #misha_loadmore, #post-feed { display: none; } body #buorg {display:none !important} @media (min-width:768px){ .hide-desktop { display:none; } } @media (max-width:767px) and (orientation: portrait){ /*body:not([data-ip="2a00:23a8:13:7f00:1c0:a48e:6820:5ba8"]) { display:none; }*/ ul.products li a > *:not(img), ul.products li a{font-size: 3.250vw !important;line-height: 3.563vw !important; } #menu-item-87202, li.menu-item-home {display:none;} #menu-item-87209 {display:block;} /* NAV FIXES ======================================================= */ nav.menu-brockmans ul#menu-brockmans-menu li {line-height: 2;font-size: 1.65em;} body.menu-open nav.menu-brockmans ul#menu-brockmans-menu li a {color:#efefef;} body.menu-open header nav ul {max-width: 100vw;} /* FONT PLACEMENT & FIXES ======================================================= */ /*h1.top-title.center {text-align: center;}*/ h3#signup-footer {font-size: 1.7em;} p.signup-footer {font-size: 1em;max-width: 100%;margin-top: 1em;text-transform: inherit;} .signup-underline {border-bottom: #8a252c 5px solid;} section#footer .third {width: 100%;line-height: 2;} #menu-footer-menu-1 {margin-top: 8vw;} nav.menu-social ul a {width: 2rem;height: 2rem;} section#footer nav.menu-social ul {padding: 2rem 0;display: flex;justify-content: center;} footer li.privacy, footer div.privacy {font-size: 0.8em;} header nav ul {height: auto;} /*nav.menu-brockmans ul {margin-top: 25vw;}*/ .home header nav.menu-brockmans, header nav.menu-brockmans {align-items: center;} .signup-button {font-size: 1.2em;} section#footer .third { width: auto;line-height: 2;} nav#footer-social li.menu-item {padding: 2vw;} .signup-underline {margin:auto;} section#footer #sub-footer .third { width: 100%; line-height: 2; text-align: center; } div.wpforms-container-full .wpforms-form input[type="date"], div.wpforms-container-full .wpforms-form input[type="datetime"], div.wpforms-container-full .wpforms-form input[type="datetime-local"], div.wpforms-container-full .wpforms-form input[type="email"], div.wpforms-container-full .wpforms-form input[type="month"], div.wpforms-container-full .wpforms-form input[type="number"], div.wpforms-container-full .wpforms-form input[type="password"], div.wpforms-container-full .wpforms-form input[type="range"], div.wpforms-container-full .wpforms-form input[type="search"], div.wpforms-container-full .wpforms-form input[type="tel"], div.wpforms-container-full .wpforms-form input[type="text"], div.wpforms-container-full .wpforms-form input[type="time"], div.wpforms-container-full .wpforms-form input[type="url"], div.wpforms-container-full .wpforms-form input[type="week"], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea { background-color: #222c !important; color: #b9b9b9 !important; font-size: 20px !important; border: 0px solid #ccc !important; height: 50px !important; } .twenty-left {left: 0%;} span.no-break {white-space: nowrap;} section > div[class*="parallax"].top {top: -5vh;} section:first-of-type > div[class*="parallax"].bottom {bottom: -18vw;} /* h1.top-title {font-size: 2.135vw;line-height: 2.604vw;}*/ /*h1.top-title.grey {text-align: center; line-height: 1em;font-size: 1em;}*/ footer .flex {flex-direction: column;align-items: center;text-align: center;} div.center h1.top-title, h1.top-title.center, h1.top-title.left, h1.top-title.right {font-size: 4.135vw;line-height: 4.604vw;text-align: center;margin: auto;} section.parallax .fifth {width: 30vw;} .grid > div > div.inner > div.bottom-align h3 {font-size:1.35em !important;line-height:1em !important;} main section h2:not(.alternate):not(.quotidian).center {font-size: 1.25rem;line-height: 1.5rem; max-width: 420px;} h3.entry-title-archive {font-size: 1.35rem;line-height: 1.35rem;} /*h3:not(#ship-to-different-address):not(.h5) {font-size: 1.2rem;line-height: 1.5rem;margin-bottom: 1rem;}*/ h2.h3.grey.caps {margin-bottom: 8vw;margin-top: 10vw;font-size: 1.35em;line-height: 1em;letter-spacing: 0.75vw;} /*article.cocktail h1 {font-size: 9.256vw;line-height: 8.795vw;}*/ /*h1:not(.top-title) {position: relative;left: -1.5vw;}*/ /*section .masonry .forth h3.entry-title-archive {font-size: 1.15rem;line-height: 1.15rem;} body .overlay span:not(.red):not(.special-o) {font-size: 1.2rem;line-height: 1.2rem;} body .forth .overlay span:not(.red):not(.special-o) {font-size: 1.05rem;line-height: 1.05rem;}*/ section .masonry .half {width: 96%;} section .masonry .forth {width: 48%;} article.item .panel-body {padding: 1rem;max-width: 50vw;} article.item .panel-body header {margin-bottom:4px;} /*body .seventy p {font-size: 1.3rem;line-height: 1.5rem;}*/ .method li, .ingredients ul li {margin-bottom: 2vw;} .method ol li {counter-increment: methods;padding-left:1.5rem;position: relative;} .method ol li::before {content: counter(methods) ". ";color:#9e0732;left: 0rem;position: absolute;} .method ol {margin-top: 0;list-style: none;counter-reset: methods;} .ingredients ul li {list-style: none;padding-left:1.5rem;position: relative;} .ingredients ul li::before {content:'>';color:#9e0732;left: 0rem;position: absolute;} section div.center div.left {margin: auto;max-width:420px;max-width:min-content;min-width: 78vw;} section#sub-footer div { font-size: 4.103vw;line-height: 3rem; } .forty-left.sixty-down.fruit.parallax1 {left: 2vw;} .ninety-left.seventy-down.fruit.parallax2 {left: 80%;} .forty-left.ninety-down.fruit.parallax0 {left: auto;} section > .parallax0, section > .parallax1, section > .parallax2, section > .parallax3, section > .parallax4 {opacity: 0.8;} #main.main .half.left,#main.main .half.right {margin: auto;max-width:420px;max-width: 75vw;min-width: 300px;font-size: 1.2em;line-height: 1.1em;} section.parallax .fifth.left.middle.ontop {width: 40vw;margin: auto;} section.parallax .fifth.forty-left.ninety-down.parallax1 {width: 50vw;margin: auto;left: 25%;} /* FONTSIZE ======================================================= */ body, .ui .field input, ui.form, #display-section1 p, .button, .button-big, .h2 { font-size: 4.103vw; line-height: 1; } .button, .button-big{ font-size: 4.103vw !important; line-height: 1; } nav ul li { font-size: 5.128vw; line-height: 5.641vw; } h1, .quote { font-size: 9.256vw; line-height: 9.795vw; } h2.alternate { /* font-size: 10.256vw; line-height: 11.795vw; */ font-size: 6.256vw; line-height: 9.795vw; } h2.quotidian {letter-spacing: 0.3em;font-size: 1.9em;line-height: 1em;/*white-space: nowrap;*/} article.cocktail h1 > span {font-size: 4vw;line-height: 1.1rem;white-space: nowrap;letter-spacing: 0.8vw;} h1 > span.space { display:block; width:0; } /*h2 { font-size: 1.563vw; line-height: 1.771vw; }*/ .button, .button-big, #main button { width: 80vw; } .hide-mobile { display:none; } /* SHOPPING ======================================================= */ .grid > div {padding: 12.604vw 2.604vw 2.604vw;} .grid > div, .grid > div.bottom, .grid > div.two-third, .grid > div.top {grid-row: unset;grid-column: unset;} .bottom-align a.button {font-size: 1em;} main#main div.product {font-size: 4.083vw;line-height: 4.344vw;} h1.product_title {font-size: 1.5em;line-height: 1em;left: -0.5vw;letter-spacing: 0.4vw;} main#main div.product .product_description h2 {font-size: 1.25em;line-height: 1.75em;} .product_description p {font-size: 1.15em;line-height: 1.2em;} main#main div.product .price {font-size: 1.35em;} .woocommerce footer section#footer h3::before {display: none;} main#main div.product .stock.in-stock {font-size: 1.25em;letter-spacing: 1px;} main#main div.product .posted_in {font-size: 1.2em;line-height:1.1em;position: relative;} main#main div.product .posted_in::before { content: "";position: absolute;top: -0.8vw; width: calc( 100% + 0.5vw); border-top: 0.6vw solid #fff; } main#main .woocommerce-checkout .col-md-8, main#main .woocommerce-checkout .col-md-4 {width: 100%;} .woocommerce-checkout #main{padding-top:10vw;} .select2-container--default .select2-selection--single .select2-selection__arrow b {margin-top: 35%;} .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 1.4rem;} main#main .woocommerce-checkout input, main#main .woocommerce-checkout .select2 {line-height: 1.146vw;padding: 2.729vw 2.25vw;margin-bottom: 1.042vw;font-size: 1.1rem;} article div.woocommerce form h3 label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {font-size: 1rem;left: -17px;position: relative;top: -5px;} article div.woocommerce form h3::before {display: none !important;} article div.woocommerce .shipping li {margin: 3vw 3vw 3vw 0;font-size: .9em;} .select2-container .select2-selection--single {height: auto;} #nav-container > .nav-inner > .header-cart {position: relative;z-index: 60;} .remove{font-size: 0.9em;} article div.woocommerce .checkout .product-name {font-size: 1.1rem;line-height: 1.25em;width: 50vw;margin: 10px 0;} article div.woocommerce .checkout .product-total {margin: 10px 0;line-height: 1.25em;} .includes_tax {font-size: 0.7em;width: 100%;display: block;} article div.woocommerce li.order-total .total-wrapper {text-align: right;} article div.woocommerce p.small, .woocommerce-privacy-policy-text p {font-size: 0.75em;} /* STOCKIST ======================================================= */ .row.center.content-box.red-border, .section.bg-heart.bg-darken-bottom.auto-height.row.parallax {display: block;} .section.bg-heart.bg-darken-bottom.auto-height.row.parallax .two-third {width: 100%;height: 50vw;} .section.bg-heart.bg-darken-bottom.auto-height.row.parallax .third {width: 100%;margin-top: 12vw;} .input-group-btn button {font-size:1em;width: auto;padding: 16px 64px;margin-top: 16px;} .content-box > :not(:first-child) {padding-top:0 !important;} .section.bg-heart.bg-darken-bottom.auto-height.row.parallax .third h3 {font-size:2em !important;line-height: 1em !important;text-align: left;} /* CART PAGE ======================================================= */ .col-md-8, .col-md-4, .shop_table th, .shop_table td {width: 100%;padding: 10px 0;} .shop_table.shop_table_responsive {width: 100%;} body.single-product figure .woocommerce-product-gallery__image a {pointer-events: none;} body.woocommerce-cart h1.entry-title {font-size: 2rem;text-align: left;margin: 2em 0 -1em;} body.woocommerce-cart header.entry-header {width: 80%;margin: auto;} .row.no-gutters-small {background-color: #66102D;} body.woocommerce-cart div.product-remove, .shipping-calculator-button, .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents button.button, .wc-proceed-to-checkout a.checkout-button { border: 1px solid #fff; font-weight: 300; font-size: .9em !important; text-transform: capitalize; } body.woocommerce-cart div.product-remove:hover, .shipping-calculator-button:hover, .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents button.button:hover, .wc-proceed-to-checkout a.checkout-button:hover { background:#222; } body.woocommerce-cart .pw-cover { visibility: visible !important; opacity: 0.8; z-index: -1; bottom: 0; top: 0; } /* STOCKIST RESULTS ======================================================== */ .wpsl-store-location {font-size: 1em;line-height: 1.4em;} .wpsl-store-location::before {top: 1vw;left: -12px;width: 1em;height: 1em;background-size: contain;} #wpsl-search-btn, #wpsl-search-wrap input {border: 2px solid #d2d2d2;border-radius: 12px;background-color: transparent;} #wpsl-direction-details, #wpsl-stores {height: 60vh;overflow-y: auto;} #wpsl-wrap #wpsl-result-list li.wpsl-preloader {position:relative;border-bottom:none; padding:10px 10px 10px 35px} .wpsl-preloader img {position:absolute;left:10px;top:50%;margin-top:-8px;box-shadow:none!important;border:none!important;width:auto;} div.buy-now-at-blocks a img {width: 100%;height: auto;display: block;padding: 6px;border-radius: 20px;} /* NAV ======================================================== */ .menu-brockmans { background-image: url(/wp-content/uploads/2022/05/cant-dash.png); background-size: 60%; background-repeat: no-repeat; background-position: center; } #site-header { z-index: 53 !important; } #site-header > a { width: 45vw; height: 13vw; } #nav-container { padding: 6.923vw; } #nav-container > .nav-inner { height: 26.923vw; background-position:-1.282vw 0px; background-size: auto 26.923vw; } #nav-container > .nav-inner::before { background-position: -1.282vw 0px; background-size: auto 26.923vw; z-index: 10; } .nav-inner nav.menu-brockmans, #header-social { -webkit-transition: .3s all; -moz-transition: .3s all; -o-transition: .3s all; transition: .3s all; } body:not(.menu-open) .nav-inner .menu-brockmans, body:not(.menu-open) #header-social { opacity:0 !important; height:0 !important; overflow: hidden; } body.menu-open #nav-container > .nav-inner { height: calc( 100vh - (2 * 6.923vw) ); } nav.menu-brockmans { width: calc( 100% - (2 * 6.923vw) ); position: fixed !important; top: 6.923vw; /*left: 6.923vw;*/ height: 100vh; margin-top: 0; z-index: 54 !important; background-color: #000 !important;} nav.menu-brockmans ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } nav.menu-brockmans ul li { width: 100%; /*margin-bottom: 4.615vw;*/ } #header-social { position: absolute !important; width:100%; top: auto; bottom: calc( 2 * 0.923vw ); left: 50%; transform:translateX(-50%); z-index: 55 !important; } nav.menu-social ul { width: 100% !important; padding: 6.923vw; } /*nav.menu-social ul a { width: 5.385vw; height: 5.385vw; }*/ /*header nav.menu-brockmans {transform: translateX(-50%);}*/ #header-menu-button { display: block; padding-top: 3.5vw; padding-right: 3vw; z-index: 55 !important; right: -85vw;position: absolute;left: 87%;width: 2%;} .hamburger:not(#ccc-icon) { border: 0 !important; margin: 0; padding: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; overflow: visible; font: inherit; color: inherit; text-transform: none; background-color: transparent; cursor: pointer; } .hamburger::before{opacity:0;} body.menu-open .hamburger .hamburger-inner, body.menu-open .hamburger .hamburger-inner::before, body.menu-open .hamburger .hamburger-inner::after { content: "x";font-size:50px; top: -3px;right: -3px;} body.menu-open .hamburger .hamburger-inner {font-size:0; } .hamburger-box { position: fixed; display: inline-block; } .hamburger-inner { top: 50%; display: block; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 100%; position: absolute; content: "~";font-size:65px; transition-property: transform; transition-duration: 0.3s;color: #8c8c8c; } body.menu-light .hamburger-inner, body.menu-light .hamburger-inner::before, body.menu-light .hamburger-inner::after { content: "~";font-size:65px;color: #8c8c8c; } .hamburger-inner::before, .hamburger-inner::after { content: "~"; display: block; } .hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } body.menu-open .hamburger--spin .hamburger-inner { color: #8c8c8c;transform: rotate(360deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } body.menu-open .hamburger--spin .hamburger-inner::before { bottom: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } body.menu-open .hamburger--spin .hamburger-inner::after { bottom: 0; transform: rotate(-360deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger-box { width: 8.53vw; height: 8.53vw; } .hamburger-inner { margin-top: -3.271vw !important; } .home .hamburger-inner { margin-top: 3.5vw; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { height: 1vw; } .hamburger-inner::before { top: -2.13vw; } .hamburger-inner::after { bottom: -2.13vw; } .cart-icon { width: 7.692vw; height: 7.692vw; } .ten { width: 20%; } .twenty, .fifth { width: 40%; } .thirty, .third { width: 60%; } .forty, .two-fifth { width: 80%; } .fifty, .half { width: 100%; } .sixty { width: 100%; } .seventy { width: 100%; } .eighty { width: 100%; } .ninety { width: 100%; } .hundred { width: 100%; } .fruit { width: 18.208vw; } /* .has-text-block-before { margin-top: 80vh; overflow-y: visible; } .text-block-before { position: absolute; top:0; transform: translateY(-80vh); left: 0; width: 100%; height: 80vh; background-color: #000; } */ #main { padding-top: 0; } #site-header {position:absolute;height: 0;} section.flex, #sub-footer, .flex.h2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } section.flex > *, #sub-footer > * { width: 100%; } .flex.h2 > * { width: 50%; margin-bottom: 1em; } section[class*="bg-"]:not(.bg-mesh) > .bg { background-size: 30%; } /*section:first-of-type:not(.auto-height) { height: 100vw; }*/ section:first-of-type > div[class*="parallax"].top { /* top: 20%; */ } section:first-of-type > div[class*="parallax"].bottom { /*bottom: -30%;*/ } section:first-of-type.bg-eighty > div.parallax1 { z-index: 33; } section:first-of-type.red-border-bottom, section:first-of-type.red-border-bottom > div { padding: 0; } .red-divider > :not(:last-child) { border-right: 0; border-bottom: 1px solid #790626; } .seal-divider::after { display:none; } .seal-divider > .half:first-child, .content-box > * { padding: 0; position:relative; } .seal-divider > .half:last-child, .content-box > *:not(:first-child) { padding: 6.708vw; padding-top: calc( 31.282vw / 2 + 6.708vw ); } .seal-divider > .half:first-child::after { content:" "; position:absolute; bottom: 0%; left: 50%; height: 31.282vw; width: 31.282vw; -webkit-transform:translate(-50%,50%); -ms-transform:translate(-50%,50%); transform:translate(-50%,50%); background-image: url('../images/brand/seal-grid.png'); background-size:cover; background-repeat: no-repeat; background-position: center center; } .email-icon::before { width: 5vw; margin-right: 2vw; height: 4.063vw; } .marker-icon::before { width: 4.7vw; margin-right:2.3vw; height: 6.263vw; } /* NAV NEW ======================================================== */ #main section > nav { display:none; } nav ul li { font-size: 1em; line-height: 1em; } .menuemb img {width:100%;} .menuemb, .socbotmob {display:inherit;width:16vw;position: fixed;top: 3vw;left: 3vw;opacity:0;transition:.5s all ease-in;pointer-events:none;z-index: 999;} body.menu-open .menuemb,body.menu-open .socbotmob {opacity:1;pointer-events:inherit;} .socbotmob nav .menu, .socbotmob {display: flex;width: 100%;justify-content: center;top: inherit;left: inherit;bottom: 0;} .socbotmob nav li {list-style-type: none;} /* FOOTER FIXES ======================================================== */ section#footer #footer-social,section#footer .social.third {width: 100%;} /*section#footer .third {width: 50%;line-height: 2.5rem;}*/ section#footer .half.flex {flex-wrap: wrap;justify-content: flex-start;} /*section#footer nav.menu-social ul {padding: 2rem 1rem 1rem 0;}*/ #footer {font-size: 1.1em;line-height: 1.5em;} #bottle-buy-I .u-split-text-char:nth-child(9){width:0.3em;} } .checkout .product-name { text-transform:uppercase;padding-top:3.5vw;font-size:larger; } .checkout #order_review { margin-top: 1vw; } .checkout .product-name { text-transform:uppercase;padding-top:3.5vw;font-size:larger; } .checkout #order_review { margin-top: 1vw; } article div.woocommerce input[type="radio"], article div.woocommerce input[type="radio"]::before { width: 2vw; height: 2vw; max-width: 1.25em; max-height: 1.25em; margin: 0.33vw; } .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper {display:flex;flex-wrap:wrap;} .woocommerce-billing-fields__field-wrapper p, .woocommerce-shipping-fields__field-wrapper p{width:100%;padding:0 10px 0 0;margin-bottom: 0.33vw;} .woocommerce-billing-fields__field-wrapper p:nth-child(1), .woocommerce-billing-fields__field-wrapper p:nth-child(2), .woocommerce-billing-fields__field-wrapper p:nth-child(9), .woocommerce-billing-fields__field-wrapper p:nth-child(10),.woocommerce-shipping-fields__field-wrapper p:nth-child(1), .woocommerce-shipping-fields__field-wrapper p:nth-child(2), .woocommerce-shipping-fields__field-wrapper p:nth-child(9), .woocommerce-shipping-fields__field-wrapper p:nth-child(10) {width:50%} #order_comments_field { padding-right: 10px; } .woocommerce-modal-notices {position: fixed;left: 0;top: 0px;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility:hidden;transform: scale(1.1);transition: all 0.3s ease-in-out;z-index:999;} .woocommerce-modal-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #202020;padding: 1em;width: 480px;max-width: 80%;border-radius: 0.5rem;z-index:9999;pointer-events:all;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;font-size:.9em;} .woocommerce-modal-close-button {float: right;width: 1.5rem;line-height: 1.5rem;text-align: center;cursor: pointer;border-radius: 0.25rem;background-color: #666;} .woocommerce-modal-close-button:hover {background-color: #222;} .woocommerce-modal-notices-show {opacity: 1 !important;visibility: visible !important;transform: scale(1.0);transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;} .woocommerce-modal-content li {list-style: none !important;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;} .return-to-shop {margin: 8em auto 4em;width: 100%;max-width: fit-content;} .return-to-shop a.button {font-size: 1.5rem;padding: 1em 2em;width: fit-content;} table.shop_table tr.shipping th {vertical-align: top;} .shipping-calculator-form {padding: 1em 0;height: auto !important;} .shipping-calculator-form p {margin:5px 0;} form.checkout div.blockUI, form.checkout div.blockOverlay {display:none !important;} /*.page-template.page-template-page-templates.page-template-find-us-results.page-template-page-templatesfind-us-results-php.page.page-id-30.page-child.parent-pageid-26.theme-brockmans.woocommerce-js.page-results.blog-1.user-role-0.loaded.non-touch.portrait.scroll-down #storeContactModal {display:none;} */ /* COCKTAIL SINGLES PAGE ======================================================== */ .vw90 {max-width:96vw;margin:auto;} .components ul li {font-size: 1.458vw;line-height: 1.5;padding: 0.3vw;} .method ol li {font-size: 0.938vw;line-height: 1.2;} .components > ul { margin-left: 3vw; } .rails > div {position:relative;} .rails .item {position:relative;} .components {display:flex;flex-direction:column;align-items:center;} .tal {text-align:left;} .pt5 {padding-top:5vw;} .pt10 {padding-top:10vw;} .black-devil-bg { background-image: radial-gradient(ellipse closest-corner,rgba(204,204,204,.27),rgba(53,53,53,.65) 100%),linear-gradient(#7a7a7a,#7a7a7a),url('../images/backgrounds-tiled/devil-black.jpg'); background-size: auto,auto,33% auto; background-blend-mode: multiply; background-color: #fff; } h1.cocktail-title {font-size:4.167vw;line-height:0.85;} .two-thirds {width:66%;} .flex-c {flex-direction:column;} .fw.middle.content.item h1 {display:none} .rails .item::before, .rails .item::after { content: " "; width: 10px; height: 10px; position: absolute; top: -5px; right: -5px; background: #ccc; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .rails .item::after { right: auto; left: -5px; } .h3.sub {font-size:2.083vw;color:#781B23;} .rails .item { border: 1px solid #ccc; padding: 3vw; overflow: visible; } @media (max-width:767px){ .hwt {width:50%;} .fwt {width:100%;} .colm {flex-direction:column} .title-wrap.item {padding: 8vw 2vw;} h1.cocktail-title { font-size: 6.25vw;line-height: 0.9;} .content p {font-size: 21px;} .h3.sub {font-size: 28px;margin: 2vw;} .components ul li, .method ol li {font-size: 16px;} .rails .item {padding: 3.5vw;} } @media (max-width:480px){ .hwm {width:50%;} .fwm {width:100%;} .cocktail-template-default #main.main .half.left {max-width:100%;} .rails .item {padding: 10vw;} h1.cocktail-title { font-size: 32px;line-height: 0.9;} } /* WHISPERS & ROUMOURS ======================================================== */ #section-2-152>.ct-section-inner-wrap{max-width:100%;padding-top:2vw;padding-right:0;padding-bottom:2vw;padding-left:0;display:flex;flex-direction:row;align-items:center}#section-2-152{background-image:linear-gradient(90deg,#000,#898989,#000),url(/wp-content/uploads/2022/05/heart-dagger-black.jpg);background-size:auto,auto auto;width:100%;background-blend-mode:soft-light;padding-top:5vw;padding-right:5vw;padding-bottom:5vw;padding-left:5vw;background-attachment:fixed}@media (max-width:767px){#section-2-152>.ct-section-inner-wrap{padding-top:10vw;padding-bottom:10vw}}#div_block-4-152{width:80%;align-items:center}#div_block-6-152{width:50%;flex-direction:column;display:flex;text-align:center;align-items:flex-start;justify-content:center;gap:0;padding-left:4em}@media (max-width:767px){#div_block-6-152{padding-left:5%;align-items:center;padding-top:5%;padding-right:5%;padding-bottom:5%}}@media (max-width:991px){#new_columns-3-152>.ct-div-block{width:100%!important}}#new_columns-3-152{width:100%}#headline-7-152{font-family:'Edwardian LT';text-align:left;color:#fff}#text_block-8-152{text-align:left;color:#fff;max-width:450px}@media (max-width:767px){#text_block-8-152{margin-bottom:10px}}#span-14-152{position:relative;left:1vw}#span-16-152{color:#8b252e;position:relative;letter-spacing:1.5vw}#span-16-152:before{width:10vw;height:5px;background-color:#fff;display:block;float:left;position:absolute;left:-11vw;top:1vw;content:""}#span-21-152{text-decoration:overline;font-style:italic} /* INTRIGUED ======================================================== */ .oxel_horizontal_divider__line { background-color: #8b252e; opacity: 0.8; height: 7px; margin-left: auto; } #section-2-135>.ct-section-inner-wrap{max-width:100%;padding-top:20vw;padding-right:5vw;padding-bottom:15vw;padding-left:5vw;align-items:center} #section-2-135{background-image:url('/wp-content/uploads/2024/10/intrigued-hero-2024.jpg');text-align:left;background-position: 50% -100%;background-repeat: no-repeat;} #section-40-135>.ct-section-inner-wrap{max-width:100%;padding-top:5vw;padding-right:2vw;padding-bottom:5vw;padding-left:2vw;align-items:center} #section-40-135{background-image:linear-gradient(rgba(198,157,161,.05),rgba(0,0,0,.43)),linear-gradient(rgba(0,0,0,.89),rgba(0,0,0,.89)),url(/wp-content/uploads/2022/05/brocade-bg-new.png);background-color:#1c1c1c;background-blend-mode:hard-light} #div_block-51-135{transform:translate(25%,24%);width:35%} #div_block-5-135{width:94%} #div_block-52-135{width:65%} #div_block-37-135{text-align:center;align-items:center;flex-direction:column;display:flex;width:20%;padding-top:5vw;height:0} #intrigued-line{transform:rotate(49deg) scaleX(3) translate(1%,-5em);flex-direction:row;display:flex;align-items:center;justify-content:center;text-align:center} #div_block-42-135{width:60%;padding-top:3vw;padding-right:3vw;padding-bottom:3vw;padding-left:3vw} #div_block-43-135{width:40%;align-items:center} @media (max-width:767px){#intrigued-line{transform:rotate(49deg) scaleX(3) translate(23%,1em)} } @media (max-width:767px){#div_block-42-135{text-align:left;align-items:center} } @media (max-width:991px){#new_columns-41-135>.ct-div-block{width:100%!important} } #new_columns-41-135{max-width:74.74vw;flex-direction:row;display:flex;padding-left:5vw;padding-right:5vw} @media (max-width:767px){#new_columns-41-135{max-width:100%;} } #headline-4-135{color:#fff;font-weight:300;font-size:6.25vw} @media (max-width:767px){#headline-4-135{font-size:50px} } #text_block-45-135{line-height:1.3;color:#cecece;font-weight:300;font-size:1.458vw;margin-bottom:5vw;margin-top:5vw} @media (max-width:767px){#text_block-45-135{font-size:18px} } #code_block-7-135{width:15vw;height:7px;margin-top:8px;position:relative;right:-2vw} #code_block-47-135{background-image:linear-gradient(#8b252e,#8b252e);height:3px;width:18vw} #span-19-135{position:relative;left:1vw} #span-21-135{position:relative} #span-23-135{position:relative;left:3vw} /* TELL US ======================================================== */ body.page-id-15 .section.auto-height.row.parallax { background-image: url(/wp-content/uploads/2022/05/contact-bg.jpg); background-size: cover; padding: 10vw 5vw; } .page-register-for-updates {} /* HOME ======================================================== */ #menu-item-1255 {padding: 0;} #menu-item-97 {padding: 0.4vw;} #section-393-4>.ct-section-inner-wrap{max-width:100%;padding-top:15vw;padding-bottom:5vw;display:flex;flex-direction:column;align-items:center;justify-content:flex-end} #section-393-4{background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.55) 15%,rgba(0,0,0,.9) 86%),linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)),url(/wp-content/uploads/2022/05/cross-grid.jpg);background-size:auto,auto,134px auto;background-color:#7f7f7f;background-repeat:repeat;text-align:center;position:relative;overflow:hidden;background-clip:border-box;background-blend-mode:overlay;background-position:50% 50%;perspective:1500px;perspective-origin:50% 500px} #buy-brockmans>.ct-section-inner-wrap{max-width:100%;padding-top:5vw;display:flex;flex-direction:column;align-items:center} #buy-brockmans{background-image:radial-gradient(circle farthest-corner at 50% 49%,rgba(255,255,255,.38),rgba(0,0,0,.74) 45%,#000 150%),linear-gradient(rgba(0,0,0,.33),rgba(0,0,0,.33)),url(/wp-content/uploads/2022/05/cocktail-silver.jpg);background-size:auto,auto,200px auto;background-color:rgba(0,0,0,.27);text-align:center;position:relative;overflow:hidden;background-blend-mode:overlay;background-position:50% 50%} #section-710-18>.ct-section-inner-wrap{max-width:100%;padding-top:5vw;padding-bottom:0;display:flex;flex-direction:column;align-items:center} #section-710-18{background-image:radial-gradient(circle farthest-corner at 50% 49%,rgba(255,255,255,.38),rgba(83,84,88,.94) 150%),linear-gradient(rgba(83,84,88,.39),rgba(83,84,88,.39)),url(/wp-content/uploads/2022/05/angel-wings-bg.jpg);background-size:auto,auto,40% auto;background-color:rgba(83,84,88,.99);text-align:center;position:relative;overflow:hidden;background-blend-mode:lighten;background-position:50% 50%} #section-789-18>.ct-section-inner-wrap{max-width:100%;display:flex;flex-direction:column;align-items:center} #section-789-18{background-image:radial-gradient(circle farthest-corner at 50% 49%,#fff,#000),linear-gradient(rgba(89,89,89,.33),rgba(89,89,89,.33)),url(/wp-content/uploads/2022/05/heart-dagger-black.jpg);background-size:auto,auto,auto auto;background-color:rgba(99,99,99,.27);text-align:center;position:relative;overflow:hidden;background-blend-mode:multiply;background-position:50% 50%} #section-618-18>.ct-section-inner-wrap{padding-top:120;padding-right:8;padding-bottom:120;padding-left:8;display:none} #section-618-18{background-color:#131812} @media (max-width:991px){#buy-brockmans>.ct-section-inner-wrap{padding-top:10%;padding-bottom:0} #buy-brockmans{height:auto} } @media (max-width:991px){#section-710-18>.ct-section-inner-wrap{padding-top:10%;padding-bottom:0} #section-710-18{height:auto} } @media (max-width:991px){#section-789-18>.ct-section-inner-wrap{padding-top:10%;padding-bottom:0} #section-789-18{height:auto} } @media (max-width:767px){#section-393-4>.ct-section-inner-wrap{padding-top:80px;padding-bottom:10vw} } @media (max-width:767px){#buy-brockmans>.ct-section-inner-wrap{padding-top:10vw;padding-bottom:0} } @media (max-width:767px){#section-789-18>.ct-section-inner-wrap{padding-top:10vw;padding-bottom:0} } @media (max-width:479px){#buy-brockmans>.ct-section-inner-wrap{padding-top:15%;padding-bottom:0;display:flex} #buy-brockmans{height:auto} } @media (max-width:479px){#section-710-18>.ct-section-inner-wrap{padding-top:15%;padding-bottom:0;display:flex} #section-710-18{height:auto} } @media (max-width:479px){#section-789-18>.ct-section-inner-wrap{padding-top:15%;padding-bottom:0;display:flex} #section-789-18{height:auto} } #bottle-wrap{align-items:center;text-align:center;width:100%;justify-content:center} #div_block-573-18{z-index:99;position:relative;align-items:flex-end} #div_block-718-18{transform:translate(25%);width:50%;text-align:left;align-items:center;justify-content:center;padding-top:3vw;padding-right:3vw;padding-bottom:3vw;padding-left:3vw;margin-right:1px;z-index:2} #div_block-747-18{transform:rotate(61deg) scaleX(12);flex-direction:row;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;bottom:-12vw;z-index:2} #div_block-751-18{align-items:center} #div_block-719-18{width:50%;text-align:left;align-items:center;justify-content:center} #div_block-740-18{width:50%;text-align:left;align-items:center;justify-content:center} #div_block-738-18{transform:translate(-9%,-7%);width:50%;padding-top:3vw;padding-right:3vw;padding-bottom:3vw;padding-left:3vw;align-items:center;justify-content:center} #div_block-783-18{transform:rotate(-230deg) scaleX(13) translate(9%,57%);flex-direction:row;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;bottom:-12vw;z-index:2} #div_block-791-18{transform:translate(15%);width:50%;text-align:left;align-items:center;justify-content:center;padding-top:3vw;padding-right:3vw;padding-bottom:3vw;padding-left:3vw;margin-right:1px;z-index:2} #div_block-792-18{transform:rotate(61deg) scaleX(12);flex-direction:row;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;bottom:-12vw;z-index:2} #div_block-799-18{align-items:center} #div_block-801-18{width:50%;text-align:left;align-items:center;justify-content:center} #div_block-624-18{justify-items:stretch;align-items:stretch;grid-template-columns:repeat(4,minmax(23%,1fr));grid-column-gap:40px;grid-row-gap:20px;display:grid;text-align:left;width:100%} @media (max-width:767px){#div_block-718-18{transform:translate(.01%);width:100px} } @media (max-width:767px){#div_block-747-18{bottom:-120px} } @media (max-width:767px){#div_block-719-18{width:0} } @media (max-width:767px){#div_block-738-18{transform:translate(.01%,.01%)} } @media (max-width:767px){#div_block-783-18{bottom:-120px} } @media (max-width:767px){#div_block-791-18{transform:translate(.01%)} } @media (max-width:767px){#div_block-792-18{bottom:-120px} } @media (max-width:479px){#bottle-wrap{display:flex;flex-direction:column;justify-content:flex-start} } @media (max-width:479px){#div_block-573-18{flex-direction:column;display:flex} } @media (max-width:479px){#div_block-624-18{flex-direction:column;display:flex} } @media (max-width:767px){#new_columns-716-18>.ct-div-block{width:100%!important} #new_columns-716-18{flex-direction:column} } #new_columns-716-18{align-items:stretch;display:flex;flex-wrap:nowrap} @media (max-width:767px){#new_columns-737-18>.ct-div-block{width:100%!important} #new_columns-737-18{flex-direction:column-reverse} } @media (max-width:767px){#new_columns-737-18{flex-direction:column-reverse} } @media (max-width:767px){#new_columns-790-18>.ct-div-block{width:100%!important} #new_columns-790-18{flex-direction:column} } #new_columns-790-18{align-items:stretch;display:flex;flex-wrap:nowrap} #headline-805-18{padding-right:1vw;padding-left:1vw;margin-top:1vw} #headline-741-18{font-family:'Edwardian LT';text-align:left;color:#8b252e;position:relative;z-index:2} #headline-749-18{padding-right:1vw;padding-left:1vw;margin-top:1vw} #headline-767-18{font-family:'Edwardian LT';z-index:2;text-align:left} #headline-787-18{padding-right:1vw;padding-left:1vw;margin-top:1vw} #headline-794-18{font-family:'Edwardian LT';text-align:left;position:relative;z-index:2;font-size:10vw} .blog-2 #headline-794-18{font-family:'Edwardian LT';text-align:left;position:relative;z-index:2;font-size:9vw} #headline-800-18{padding-right:1vw;padding-left:1vw;margin-top:1vw} @media (max-width:767px){ #headline-794-18{font-size:calc(35px + 9.375vw)} .blog-2 #headline-794-18{font-size:calc(30px + 8.333vw)} } #link-807-18{url-encoded:true} #link-808-18{url-encoded:true} #link-809-18{url-encoded:true} #link-810-18{url-encoded:true} #title{width:100%;max-width:720px;height:auto;margin-top:-22vw} #man{width:100%;object-fit:initial;position:relative;left:-10vw;padding-top:5vw;padding-right:3vw;padding-left:3vw;margin-bottom:-3vw} #image-715-18{object-fit:initial;position:relative;right:-10vw} #div_block-740-18::after {background-image: linear-gradient(rgba(0,0,0,0.38),rgba(0,0,0,0.38)),url(/wp-content/uploads/2022/05/noise-overlay.jpg); background-size: auto,260px 260px;z-index: -1;width: 150vw;height: 200px;position: relative;top: -19%;margin-bottom: calc((-4.688vw + 36.01px) - 220px);background-repeat: repeat;content: "";} #image-802-18{object-fit:cover;position:relative;left:-15vw;padding-top:5vw;padding-right:3vw;padding-left:3vw;margin-bottom:-3vw;height:90%;object-position:top center;aspect-ratio:1/3;width:50%;bottom:-5vw} @media (max-width:767px){#bottle{width:100%}#div_block-740-18::after{top: -200px;position:relative;margin-bottom: -210px;} } @media (max-width:767px){#title{margin-top:-30vw;max-width:400px;padding-left:20px;padding-right:20px} } @media (max-width:767px){#man{left:0;padding-top:3vw;margin-top:-10vw} } @media (max-width:767px){#image-715-18{right:0} } @media (max-width:767px){#image-802-18{left:0;padding-top:3vw;margin-top:-10vw} } #code_block-677-18{display:none} #code_block-686-18{display:none} #span-743-18{margin-left:1em} #span-744-18{margin-left:.1em} #span-745-18{margin-left:.55em} #span-773-18{right:-5vw;position:relative} #span-777-18{position:relative;right:-1vw} #span-779-18{position:relative;right:-10vw} #span-781-18{position:relative;right:-6vw} #span-796-18{position:relative;right:-4vw} #span-797-18{position:relative} #span-798-18{position:relative;right:-6vw} /*div.ct-section-inner-wrap,div.oxy-header-container{max-width:1280px}*/ /* OTHER ======================================================== */ .nowrap {white-space:nowrap;} .bottle-img{width:100%;max-width:720px;filter:brightness(105%) drop-shadow(0px -22px 3px rgba(0, 0, 0, .5))} .body-font{text-transform:uppercase;font-size:1.042vw} .botanical-block{padding-top:2vw;padding-right:2vw;padding-bottom:2vw;padding-left:2vw} .botanical-block.ct-section .ct-section-inner-wrap,.botanical-block.oxy-easy-posts .oxy-posts,.botanical-block:not(.ct-section):not(.oxy-easy-posts){display:grid;display:grid!important;align-items:stretch;grid-template-columns:repeat(2,minmax(1px,1fr));grid-column-gap:20px;grid-row-gap:20px} .botanical-block.ct-section .ct-section-inner-wrap>:nth-child(1),.botanical-block.oxy-easy-posts .oxy-posts>:nth-child(1),.botanical-block:not(.ct-section):not(.oxy-easy-posts)>:nth-child(1){grid-row:span 2;height:100%} .b-img{attachment_height:248;attachment_width:288;attachment_url:/wp-content/uploads/2022/05/BM_juniper_berries_HR_cmyk_l.jpg;height:auto;object-fit:contain;aspect-ratio:1/1;object-position:center center} .botan-hl{font-family:'Edwardian LT';color:#fff;font-size:28px;font-weight:300;text-align:left} .botan-txt{font-family:'Edwardian LT';font-weight:300;color:#fff;text-align:left;font-size:1.2vw} .cant-live-text{font-family:'Edwardian LT';color:#fff;font-weight:300;font-size:90px;text-transform:uppercase;line-height:.85} .red-ul-text{font-family:'Edwardian LT';font-size:1.563vw;font-weight:300;color:#fff;text-align:left;width:100%;max-width:300px;margin-left:3vw} @media (max-width:767px){.red-ul-text{font-size:18px} } .red-underline{border-bottom-color:#8b252e;border-bottom-width:8px;border-bottom-style:solid;padding-bottom:10px} .bottle-pouring{background-size:contain;background-repeat:no-repeat;text-align:center;width:50%} .red-button{background-color:#8b252e;margin-top:2vw} .button-text{font-family:'Edwardian LT';color:#fff;font-size:1.25vw;font-weight:400;text-transform:uppercase;padding-top:.8vw;padding-right:1.5vw;padding-bottom:.8vw;padding-left:1.5vw} @media (max-width:767px){.button-text{font-size:5vw;padding-top:3vw;padding-right:6vw;padding-bottom:3vw;padding-left:6vw} } .bottle-set{background-size:90% auto;background-repeat:no-repeat;width:50%;text-align:center;background-position:0 -70%} .moon-bg-white{background-image:linear-gradient(90deg,#fff,#fff),linear-gradient(#606060,#606060),url(/wp-content/uploads/2022/05/moon-silver.jpg);background-size:auto,auto,200px auto;width:100%;background-blend-mode:hard-light;padding-top:0;padding-right:5vw;padding-bottom:10vw;padding-left:5vw} .moon-bg-white.ct-section .ct-section-inner-wrap,.moon-bg-white.oxy-easy-posts .oxy-posts,.moon-bg-white:not(.ct-section):not(.oxy-easy-posts){display:flex;flex-direction:row;align-items:center} .bat-bg-grey{background-image:linear-gradient(90deg,#000,#898989,#000),url(/wp-content/uploads/2022/05/Devil-Wallpaper_SILVER_1080-copy-2.jpg);background-blend-mode:soft-light;padding-top:5vw;padding-right:5vw;padding-bottom:5vw;padding-left:5vw;selector-locked:true} .bat-bg-grey.ct-section .ct-section-inner-wrap,.bat-bg-grey.oxy-easy-posts .oxy-posts,.bat-bg-grey:not(.ct-section):not(.oxy-easy-posts){display:flex;flex-direction:row;align-items:center} .img-size{attachment_height:1051;attachment_width:1124;attachment_url:/wp-content/uploads/2022/05/BROCK-BT14-POURING3-UK-3.png;width:100%;object-position:left bottom;aspect-ratio:16/9;height:auto} .main-text{font-size:1.563vw;selector-locked:false;color:#fff;line-height:1.25} @media (max-width:767px){.main-text{font-size:18px} } .title-size{font-family:'Edwardian LT';font-size:5.208vw;font-weight:400} @media (max-width:767px){.title-size{font-size:52px} } .black{color:#000} .mb2{margin-bottom:2vw} .italic{font-style:italic} .uppercase{text-transform:uppercase} .light{font-weight:300} .bg-color-filter{filter:contrast(110%);selector-locked:true;filter:brightness(90%) contrast(115%)} .brighten{filter:contrast(95%)} .fit-img{attachment_height:747;attachment_width:770;attachment_url:/wp-content/uploads/2022/05/bottle-set.png;width:100%;object-position:center center;aspect-ratio:1/1;height:auto;object-fit:contain} .bg-effect-dark{filter:contrast(110%);filter:brightness(95%) contrast(120%)} .big-title{font-size:7.813vw;font-weight:300;color:#fff} .cocktail-bg{background-image:radial-gradient(ellipse closest-corner,rgba(204,204,204,.27),rgba(53,53,53,.65) 100%),linear-gradient(#7a7a7a,#7a7a7a),url(/wp-content/uploads/2022/05/cocktail-silver.jpg);background-size:auto,auto,12% auto !important;background-blend-mode:multiply;background-color:#fff} .cocktail-bg.ct-section .ct-section-inner-wrap,.cocktail-bg.oxy-easy-posts .oxy-posts,.cocktail-bg:not(.ct-section):not(.oxy-easy-posts){display:flex;flex-direction:column;align-items:center} .special-o:before{background-image:url(/wp-content/uploads/2022/05/o-curl.png);background-size:20% 15%;position:absolute;background-repeat:no-repeat;background-clip:border-box;z-index:99;bottom:0;left:0;top:0;right:-48%;background-position:52.3% 48%;content:""} .special-o.ct-section .ct-section-inner-wrap:before,.special-o.oxy-easy-posts .oxy-posts:before,.special-o:not(.ct-section):not(.oxy-easy-posts):before{display:inline-block} .red-title{font-family:'Edwardian LT';color:#8b252e;font-weight:400;font-size:2.188vw;text-transform:uppercase;line-height:1.2;font-style:italic;text-align:left;margin-left:-1em} .floating-line{position:absolute;top:0;z-index:0;width:69%;height:100%;pointer-events:none} .red-dash-line{height:3px;background-color:#8b252e;opacity:1;width:5vw;margin-left:auto} .red-dash-line-2{transform:skew(57deg,20deg) scaleX(1.5) translate(-37px,50px);height:10px;background-color:#8b252e;opacity:.9;width:20vw;margin-left:auto} .home-title{font-size:7.813vw;font-weight:300;color:#fff} @media (max-width:767px){.home-title{font-size:64px} } .fw{width:100%} .word-button{text-transform:uppercase;letter-spacing:3px;font-weight:400;font-size:1.458vw} @media (max-width:767px){.word-button{font-size:18px} } .hero.has-boat.has-image{padding-top:130px;padding-bottom:175px;height:calc(100vh - 132px)} #section-2-119>.ct-section-inner-wrap{display:flex;flex-direction:column;align-items:center} #section-2-119{background-image:radial-gradient(circle farthest-side,#f7f7f7 5%,rgba(0,0,0,.52) 120%),linear-gradient(#fffcfc,#fffcfc),url(/wp-content/uploads/2022/05/Devil-Wallpaper_SILVER_1080-copy-2.jpg);background-size:auto,auto,auto;background-blend-mode:color-burn;text-align:left;background-attachment:fixed;background-color:#a3a3a3;padding-top: 5vw;} #bottle-buy>.ct-section-inner-wrap{max-width:100%;display:flex} #section-2-104{background-image:linear-gradient(rgba(35,54,84,.26),rgba(255,255,255,.73)),url(/wp-content/uploads/2022/05/berries-silver.jpg);background-size:auto,auto;text-align:left;background-blend-mode:darken;filter:saturate(120%)} #bottle-buy, #bottle-buy-I{background-image:radial-gradient(ellipse closest-side,#fff,rgba(0,0,0,.75)),url(/wp-content/uploads/2022/05/cross-grid.jpg);background-size:auto,auto;background-attachment:fixed;background-blend-mode:multiply;filter:brightness(112%);overflow:hidden} #section-117-119>.ct-section-inner-wrap{max-width:100%;padding-top:2vw;padding-right:0;padding-bottom:2vw;padding-left:0;display:flex;flex-direction:row;align-items:center} #section-117-119{background-image:linear-gradient(90deg,#000,#898989,#000),url(/wp-content/uploads/2022/05/Devil-Wallpaper_SILVER_1080-copy-2.jpg);background-size:auto,auto auto;width:100%;background-blend-mode:soft-light;padding-top:5vw;padding-right:5vw;padding-bottom:5vw;padding-left:5vw;background-attachment:fixed} #section-142-119>.ct-section-inner-wrap,#section-143-119>.ct-section-inner-wrap{max-width:100%;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;display:flex;flex-direction:row;align-items:center} #section-142-119,#section-143-119{background-size:auto auto;width:100%;background-blend-mode:soft-light;padding-top:5vw;padding-right:5vw;padding-bottom:5vw;padding-left:5vw;background-attachment:fixed;padding-bottom:0} #section-152-119>.ct-section-inner-wrap{max-width:100%;padding-top:5vw;padding-right:2vw;padding-bottom:5vw;padding-left:2vw;display:flex} #section-152-119{background-image:radial-gradient(ellipse closest-side,#fff,rgba(0,0,0,.75)),url(/wp-content/uploads/2022/05/cross-grid.jpg);background-size:auto,auto;background-attachment:fixed;background-blend-mode:multiply;filter:brightness(112%);overflow:hidden} @media (max-width:767px){#section-117-119>.ct-section-inner-wrap{padding-top:10vw;padding-bottom:10vw} } @media (max-width:767px){#section-143-119>.ct-section-inner-wrap{padding-top:10vw} } @media (max-width:767px){#section-152-119>.ct-section-inner-wrap{padding-top:10vw;padding-right:1;padding-bottom:10;padding-left:1} } #div_block-5-119{padding-top:5vw;flex-direction:row;display:flex;width:100%;align-items:center;justify-content:center} #div_block-91-119, #div_block-91-119-I{width:52%} #div_block-92-119, #div_block-92-119-I{width:48%;flex-direction:column;display:flex;text-align:left;justify-content:center;position:relative;left:-12vw;align-items:center;padding-top:10vw;padding-bottom:10vw} #div_block-92-119-I a { min-width: 19vw; text-align: center; } #div_block-119-119{width:50%} #div_block-121-119{width:50%;flex-direction:column;display:flex;text-align:center;align-items:flex-start;justify-content:center;gap:0;padding-left:4em} #div_block-147-119{width:50%;flex-direction:column;display:flex;text-align:center;align-items:flex-start;justify-content:center;gap:0;padding-left:4em} #div_block-145-119{width:50%} #div_block-142-118{width:50%;flex-direction:column;display:flex;text-align:center;align-items:flex-start;justify-content:center;gap:0;padding-left:4em} #div_block-142-119{width:50%} #div_block-156-119{width:50%;flex-direction:column;display:flex;text-align:left;justify-content:center;position:relative;align-items:center} #div_block-154-119{width:50%;align-items:center} #div_block-167-119{width:100%;max-width:370px} @media (max-width:767px){#div_block-5-119{text-align:center;flex-direction:column;display:flex} } @media (max-width:767px){#div_block-92-119,#div_block-92-119-I{left:0} #div_block-92-119-I a { min-width: 73vw; } } @media (max-width:767px){#div_block-121-119{padding-left:5%;align-items:center;padding-top:5%;padding-right:5%;padding-bottom:5%} } @media (max-width:767px){#div_block-147-119,#div_block-142-118{padding-left:0;align-items:center} } @media (max-width:991px){#new_columns-89-119>.ct-div-block,#new_columns-89-119-I>.ct-div-block{width:100%!important} } @media (max-width:991px){#new_columns-118-119>.ct-div-block{width:100%!important} } #new_columns-118-119{width:100%} @media (max-width:991px){#new_columns-144-119>.ct-div-block, #new_columns-142-119>.ct-div-block{width:100%!important} } #new_columns-144-119{width:100%} @media (max-width:991px){#new_columns-153-119>.ct-div-block{width:100%!important} } #headline-7-119{font-family:'Edwardian LT';text-align:left;color:#fff} #headline-40-119,#headline-40-119-I{font-family:'Edwardian LT';text-align:left;color:#fff;font-weight:300} @media (max-width:767px){ #headline-40-119-I {font-size:10vw; } } @media (max-width:767px){ #section-142-119 {padding-bottom:10vw !important; } } #h2bespoke{font-family:'Edwardian LT';text-align:left} #headline-102-119{font-family:'Edwardian LT';text-align:left} #headline-142-119{font-family:'Edwardian LT';text-align:left;margin-left: -1em;margin-right: 1em;} #headline-157-119{font-family:'Edwardian LT';text-align:left;color:#fff;font-weight:300} #headline-165-119{font-weight:300;padding-top:1vw;padding-right:1vw;padding-bottom:1vw;padding-left:1vw} @media (max-width:767px){#headline-142-119{margin-left:0;margin-right:0} } @media (max-width:767px){#headline-157-119{margin-bottom:20px} #h2bespoke{font-size: 11vw;} } @media (max-width:767px){#headline-165-119{font-size:5vw;margin-top:10vw} } #procure-top-txt{max-width:420px;width:100%;padding-left:3vw;padding-top:3vw;padding-right:3vw;padding-bottom:3vw} #text_block-63-119{text-align:left;color:#fff;max-width:450px} #text_block-107-119{text-align:left;color:#000;max-width:520px;font-size:22px;font-weight:300} @media (max-width:767px){#text_block-63-119{margin-bottom:10px} } @media (max-width:767px){ #text_block-107-119{margin-bottom:10px} } #image-4-119{filter:saturate(128%)} #image-116-119, #image-116-119-I{width: auto;object-position: left bottom;aspect-ratio: 1/1;margin-bottom: -20vh;padding-top: 10vh;object-fit: contain;} #image-116-119-I { padding-top: 0;} #image-59-119{width:100%;object-position:center center;aspect-ratio:1/1;height:auto;object-fit:contain} #image-111-119{object-fit:contain;filter:brightness(105%) saturate(120%) drop-shadow(0px 5px 6px rgba(0,0,0,.2))} #image-142-119{object-fit:contain;filter:brightness(105%) saturate(120%) drop-shadow(0px 5px 6px rgba(0,0,0,.2))} @media (max-width:1700px){ #image-116-119-I {width: 90%;margin: auto; margin-bottom: 0;object-position: center;} } @media (max-width:991px) { #div_block-92-119, #div_block-92-119-I {left: 0;} #div_block-92-119 > .flex {justify-content: space-around;} } @media (max-width:767px){ #image-111-119{margin-top:10%} } #code_block-164-119{width:100%} #span-11-119{margin-left:1em} #span-13-119{margin-left:.1em} #span-15-119{margin-left:.55em} #span-104-119{margin-left:.5em} #span-105-119{margin-left:.5em} #span-142-119, #span-142-121 {margin-left:.5em} #span-168-119{position:relative;right:-2vw} #span-170-119{position:relative;right:-4vw} #span-172-119{position:relative;left:-1vw} #span-174-119{position:relative;right:-1vw} #span-176-119{position:relative;right:-1vw} section.bg-devil-black.bg-darken-top > .bg { background-image: radial-gradient( circle farthest-side,#f7f7f7 5%,rgba(0,0,0,0.52) 120%),linear-gradient(#fffcfc,#fffcfc),url(/wp-content/uploads/2022/05/Devil-Wallpaper_SILVER_1080-copy-2.jpg); background-size: auto,auto,auto; background-blend-mode: color-burn; text-align: left; background-attachment: fixed; background-color: #a3a3a3; filter: brightness(95%) contrast(120%); } .bg-effect-dark { filter: brightness(95%) contrast(120%); } /* UNIVERSAL ======================================================== */ .ct-section{width:100%;background-size:cover;background-repeat:repeat;} .ct-section>.ct-section-inner-wrap{display:flex;flex-direction:column;align-items:flex-start;} .ct-div-block{display:flex;flex-wrap:nowrap;flex-direction:column;align-items:flex-start;} .ct-new-columns{display:flex;width:100%;flex-direction:row;align-items:stretch;justify-content:center;flex-wrap:wrap;} .bottle-img{width:100%;max-width:720px;filter:brightness(105%) drop-shadow(0px -22px 3px rgba(0,0,0,0.5));} .bottle-img.bottles-3{max-width:1080px;} .body-font{text-transform:uppercase;font-size:1.042vw;} .botan-hl{font-family:'Edwardian LT';color:#ffffff;font-weight:300;text-align:left;font-size:1.667vw;line-height:1.25;} .botan-txt{font-family:'Edwardian LT';font-weight:300;color:#ffffff;text-align:left;font-size:1.25vw;} .cant-live-text{font-family:'Edwardian LT';color:#ffffff;font-weight:300;font-size:90px;text-transform:uppercase;line-height:0.85;} .red-ul-text{font-family:'Edwardian LT';font-size:1.563vw;font-weight:300;color:#ffffff;text-align:left;width:100%;max-width:300px;margin-left:3vw;} .red-underline{border-bottom-color:#8b252e;border-bottom-width:8px;border-bottom-style:solid;padding-bottom:10px;} .bottle-pouring{background-size:contain;background-repeat:no-repeat;text-align:center;width:50%;} .red-button{background-color:#8b252e;margin-top:2vw;} .button-text{font-family:'Edwardian LT';color:#ffffff;font-size:1.25vw;font-weight:400;text-transform:uppercase;padding:.8vw 1.5vw;} .bottle-set{background-size:90% auto;background-repeat:no-repeat;width:50%;text-align:center;background-position:0 -70%;} .main-text{font-size:1.563vw;selector-locked:false;color:#ffffff;line-height:1.25;} .title-size{font-family:'Edwardian LT';font-size:5.208vw;font-weight:400;} .blog-2 .title-size{font-family:'Edwardian LT';font-size:4.208vw;} .black{color:#000;} .mb2{margin-bottom:2vw;} .italic{font-style:italic;} .uppercase{text-transform:uppercase;font-weight:300;} .light{font-weight:300;} .bg-color-filter{selector-locked:true;filter:brightness(90%) contrast(115%);} .big-title{font-size:7.813vw;font-weight:300;color:#ffffff;} .red-title{font-family:'Edwardian LT';color:#8b252e;font-weight:400;font-size:2.188vw;text-transform:uppercase;line-height:1.2;font-style:italic;text-align:left;margin-left:-1em;} .floating-line{position:absolute;top:0;z-index:0;width:69%;height:100%;pointer-events:none;} .red-dash-line{height:3px;background-color:#8b252e;opacity:1;width:5vw;margin-left:auto;} .red-dash-line-2{transform:skew(57deg,20deg) scaleX(1.5) translate(-37px,50px);height:10px;background-color:#8b252e;width:20vw;margin-left:auto;} .home-title{font-size:7.813vw;font-weight:300;color:#ffffff;} .blog-2 .home-title{font-size:6.813vw;font-weight:300;color:#ffffff;} .fw{width:100%;} .word-button{text-transform:uppercase;letter-spacing:3px;font-weight:400;font-size:1.458vw;} .botanical-group{text-align:left;padding:2vw;} .hr-red{width:16vw;background-color:#8b252e;height:10px;} .lrg-txt{font-family:'Edwardian LT';color:#ffffff;font-size:2.917vw;font-weight:300;line-height:1;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:unset;} .home header{position:relative;z-index:999;bottom:-6.771vw;background-color:#0000!important;margin-top:-6.771vw;} @media (max-width: 767px) { .b-img{max-width:70vw;object-fit:contain;} .botan-hl{font-size:28px;margin-bottom:3vw;text-align:center;} .botan-txt{font-size:18px;max-width:70%;text-align:center;} .red-ul-text{font-size:18px;} .button-text{font-size:5vw;padding:3vw 6vw;} .main-text{font-size:18px;} .title-size{font-size:calc(22px + 6.25vw);} .blog-2 .title-size{font-size:calc(22px + 6.25vw);} .home-title{font-size:calc(24px + 8.333vw);} .blog-2 .home-title{font-size:calc(22px + 6.25vw);font-weight:300;color:#ffffff;} .word-button{font-size:18px;} .botanical-group{text-align:left;}.hr-red{width:50vw;height:5px;} .lrg-txt{font-size:30px;} .home header{margin-top:0;} .bottle-img.bottles-3{margin:12vw auto 0 !important;} } /* THE GIN ======================================================== */ #botanical-section > .ct-section-inner-wrap{padding-bottom:10vw;padding-top:5vw;align-items:center;} #botanical-section{background-image:linear-gradient(rgba(130,134,145,0.34),#f7f7f7),linear-gradient(rgba(162,166,183,0.8),rgba(162,166,183,0.8)),url(/wp-content/uploads/2022/05/berries-silver.jpg);background-size:auto,auto,25% auto;text-align:left;background-attachment:fixed;background-blend-mode:soft-light;filter:saturate(111%);background-position:50% 50%;} #botanical-section.nobg {background-image: none;} #overlay{background-image:linear-gradient(rgba(255,255,255,0.2),#ffffffaa);opacity:0.5;mix-blend-mode:soft-light;position:absolute;display:block;top:0;bottom:0;right:0;left:0;pointer-events:none;} #the-gin-hero-wrap > :last-child{grid-column:span 5;grid-row:span 2;height:100%;} #the-gin-hero-wrap > :nth-child(1){grid-column:span 5;grid-row:span 3;height:100%;} #the-gin-hero-wrap > :nth-child(2){grid-column:span 5;grid-row:span 1;} #the-gin-hero-wrap{justify-items:stretch;align-items:start;grid-template-columns:repeat(10,minmax(1px,1fr));grid-column-gap:0;grid-row-gap:0;display:grid;text-align:left;padding:5vw 3vw 0;} #div_block-67-104{position:relative;} #div_block-105-104{width:100%;padding:3vw 3vw 1vw;} #the-gin-blub-wrap{width:100%;} #hr-divider{padding-top:2vw;} #botanical-section #hr-divider{padding-bottom:4vw;} #botanical-wrap{text-align:center;flex-direction:column;display:flex;background-color:#000000;width:100%;align-items:center;max-width:90vw;margin:0 5em;padding:5vw 2vw;} #hz-line{margin-top:3vw;} #botanical-group > *{grid-column:span 2;} #botanical-group{align-items:stretch;grid-template-columns:repeat(4,minmax(1%,1fr));grid-column-gap:20px;grid-row-gap:20px;display:grid;text-align:left;padding:2vw;} #botanical > :nth-child(1){grid-row:span 2;height:100%;} #botanical{align-items:stretch;display:grid;grid-template-columns:repeat(2,minmax(50px,1fr));grid-column-gap:0;grid-row-gap:0;} #botanical-2 > :nth-child(1){grid-row:span 2;height:100%;} #botanical-2{align-items:stretch;grid-template-columns:repeat(2,minmax(200px,1fr));display:grid;} #headline-106-104{position:absolute;color:#ffffff;top:6vw;left:-2vw;} .blog-2 #headline-106-104{position:absolute;color:#ffffff;top:5vw;left:-6vw;} #the-gin-h1-mobile{position:absolute;color:#ffffff;left:-5vw;top:9vw;display:none;} #the-result{border-right-width:0;border-bottom-width:0;border-left-width:0;max-width:9em;margin-top:-5vw;} #botanical-h1{color:#ffffff;margin-bottom:3vw;z-index:2;margin-left:5vw;margin-right:5vw;} #bottle-img{height:48vw;object-fit:contain;width:100%;z-index:2;aspect-ratio:1/3;max-width:100%;position:relative;right:-2vw;} #the-gin-seal{width:15vw;height:auto;object-fit:contain;aspect-ratio:1/1;position:relative;left:-7vw;max-width:320px;top:-2vw;} #botanical-img{width:100%;height:auto;object-fit:contain;filter: contrast(1.05) brightness(110%);box-shadow:inset -2px -2px 10px 3px #000;} #the-span{font-size:80%;display:inline;float:left;margin-top:.15vw;margin-right:1vw;} @media (max-width:767px) { #the-gin-hero-wrap > :last-child{grid-column:span 10;} #the-gin-hero-wrap > :nth-child(1){grid-column:span 5;grid-row:span 2;height:100%;} #the-gin-hero-wrap > :nth-child(2){grid-column:span 5;grid-row:span 2;height:100%;} #the-gin-hero-wrap{justify-items:stretch;align-items:stretch;display:grid;text-align:left;grid-column-gap:0;grid-template-columns:repeat(1,minmax(55%,1fr));} #div_block-105-104{width:100%;position:relative;min-width:120px;justify-content:center;padding-left:0;} #the-gin-blub-wrap{align-items:center;margin-bottom:15vw;} #botanical-wrap{width:92%;margin-left:0;margin-right:0;padding:8vw 1vw;} #botanical-group{text-align:right;display:flex;align-items:center;} #botanical-2 > :last-child{grid-column:span 2;} #botanical-2 > :nth-child(1){grid-column:span 2;} #botanical-2 > :nth-child(2){grid-column:span 2;} #botanical-2{justify-items:center;align-items:stretch;text-align:left;display:grid;grid-template-columns:repeat(2,minmax(50px,1fr));grid-column-gap:0;grid-row-gap:0;} #botanical > *{height:100%;} #botanical > :last-child{grid-column:span 2;grid-row:span 1;} #botanical > :nth-child(1){grid-column:span 2;grid-row:span 1;} #botanical > :nth-child(2){grid-column:span 2;grid-row:span 1;} #botanical{justify-items:center;align-items:stretch;display:grid;text-align:left;grid-template-columns:repeat(2,minmax(50px,1fr));grid-column-gap:0;grid-row-gap:0;} #headline-106-104{display:none;} #the-gin-h1-mobile{top:0;left:-5vw;position:relative;font-size:54px;display:block;} #the-result{font-size:18px;text-align:center;max-width:70% !important;margin-bottom:6vw;margin-top:2vw;} #botanical-h1{font-size:10vw;line-height:1.1;} #bottle-img{object-fit:contain;height:115vw;aspect-ratio:inherit;} #the-gin-seal{width:40vw;margin-left:5px;display:flex;object-fit:contain;position:absolute;left: calc(100/375*-40vw);aspect-ratio:1/1;} #botanical-img{object-fit:contain;} #the-span{font-size:85%;} } /* PRODUCTS PAGE ======================================================== */ .woocommerce-notices-wrapper{margin-top:1em;margin-bottom:1em;position:fixed;z-index:999;width:100%;max-width:50%;margin:auto;transform:translateX(50%) translateY(100%)} .woocommerce-message{padding:3vw;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;text-align:center} .woocommerce-message a{padding:1vw;margin-top:1vw;pointer-events:all;cursor:pointer;} main > .product, body.woocommerce article { padding-top: 10vw; } .product-wrapper{margin:0 6.458vw 7.708vw!important; /*padding-top:7.708vw*/ border: 1px solid #66102d; } h1.product_title{font-size:2.708vw;line-height:1;padding-bottom:1em} .summary-inner .product_description h2,.woocommerce .cart_totals h2{font-size:1.667vw;padding-bottom:.5em;font-weight:400} .product_description h4 { font-weight: 300; } .summary-inner .product_description p{font-size:1.25vw;padding-bottom:.25em;line-height:1.2!important} .col-sm-5.col-md-4.col-lg-offset-1{background-color:#66102d;font-size:1.1vw} .shipping-calculator-button{font-size:.8vw} .shop_table td,.shop_table th{width:50%;text-align:left;height:10vh} .shop_table .order-total strong>span,.shop_table td>span{text-align:right;display:block} .cart-collaterals,.cart_totals{width:100%} .shipping-calculator-button,.wc-proceed-to-checkout a{font-size:1vw} .shop_table tr.order-total td{text-align:right} @media (max-width:767px){.woocommerce-message,.woocommerce-message a{padding:3vw} .shop_table td,.shop_table th{width:100%;height:12vh} .col-sm-5.col-md-4.col-lg-offset-1{font-size:18px} h1.product_title{font-size:24px} .summary-inner .product_description h2,.woocommerce .cart_totals h2{font-size:21px} .summary-inner .product_description p{font-size:16px;padding-bottom:.25em} } /* THE BLOG ======================================================== */ article#blog .inner-spacing{align-content:center;display:flex;flex-direction:column;align-items:center;padding:2vw;padding-top:5vw;max-width:920px;margin:auto} .blog div.panel-body.content.inner div.overlay span{font-size:1vw} .jcfe{justify-content:flex-end} .fh{height:100%} .p6{padding:6vw} .post-categories.grey.small-caps{text-transform:uppercase;font-size:1.1vw} .blog-title{font-size:3.333vw} #blog .min-height{height:35vw} article#blog>.auto-height{max-width:1180px;margin:auto;border-left:2px #3339 solid;border-right:2px #3339 solid;border-bottom:0 #000 solid;background-color:#000b} article#blog>.auto-height.content p{padding:2vw 2vw 0;margin:0;font-size:1.25vw;width:100%} article#blog>.auto-height.content h3 img,article#blog>.auto-height.content ol+img,article#blog>.auto-height.content p+img,article#blog>.auto-height.content ul+img{float:right;margin:0 2vw} article#blog>.auto-height.content p+img{padding-top:2vw} article#blog>.auto-height.content{padding-bottom:6vw} article#blog .content h2,article#blog .content h3,article#blog .content h4,article#blog .content h5,article#blog .content h6{padding:2vw 2vw 0;margin:0;width:100%} article#blog .content h2{font-size:2.25vw} article#blog>.auto-height.content ol,article#blog>.auto-height.content ul{max-width:100%;margin-left:2vw;font-size:1.15vw;line-height:1.6;padding:1.5vw 5vw 1.5vw 2vw;margin-right:3vw;width:80%} article#blog figure.wp-block-image{float:none;max-width:100%;margin:2vw;margin-bottom:1.5vw} article#blog div img{float:none;max-width:100%;margin-bottom:1.5vw} article#blog figure.wp-block-image.left,article#blog img.left{float:left;padding-right:2vw} article#blog figure.wp-block-image.left{float:left} article#blog img.right{float:right;padding-left:2vw} article#blog figure.wp-block-image.right{float:right} article#blog figure.wp-block-image:nth-of-type(2n){float:right} article#blog figure.wp-block-image img:nth-of-type(2n){float:right} article#blog figure.wp-block-image img{object-fit:cover;aspect-ratio:1.45;border-radius:4px} article#blog figure.wp-block-image:first-of-type{margin-top:2vw} article#blog figure.wp-block-image:last-of-type{margin-bottom:2vw} #blog .wp-block-image figcaption{margin-top:1vw;margin-bottom:0;font-size:1.05vw} article#blog{background-image:radial-gradient(circle farthest-side,#f7f7f7 5%,rgba(0,0,0,.52) 120%),linear-gradient(#fffcfc,#fffcfc),url(/wp-content/uploads/2022/05/Devil-Wallpaper_SILVER_1080-copy-2.jpg);background-size:auto,auto,auto;background-blend-mode:color-burn;text-align:left;background-attachment:fixed;background-color:#a3a3a3;padding-top:5vw} .red-divider>:not(:last-child){border-right:0px solid #790626} /*#blog figure + h3, #blog h3 + p {float:left;clear:both;} #blog h4, #blog h4 + ul, #blog h4 + ol { float: left; clear: both; padding: 1vw 3vw !important; margin-top: 0; } #blog h4 + ul, #blog h4 + ol {margin-left:3vw !important;}*/ .has-drop-cap:not(:focus)::first-letter { float: left; font-size: 3.5vw; line-height: 1; font-weight: 100; margin: 0.3vw 0.6vw 0vw; text-transform: uppercase; font-style: normal; } @media (max-width: 767px) { .blog div.panel-body.content.inner div.overlay span {font-size:16px;} article#blog > .auto-height.content p {font-size:18px;padding:16px;line-height: 1.2;} article#blog figure.wp-block-image {max-width: 100%;padding:16px 8px;} article#blog .content h1 {font-size: 200%;padding:8px 16px;} article#blog .content h2 {font-size: 180%;padding:8px 16px;} article#blog .content h3 {font-size: 160%;padding:8px 16px;} article#blog .content h4 {font-size: 140%;padding:8px 16px;} article#blog .content h5 {font-size: 120%;padding:8px 16px;} article#blog .content h6 {font-size: 100%;padding:8px 16px;} #blog .min-height.image-box { height: 70vw; background-image: radial-gradient(circle farthest-side,#0000000f 5%,rgba(0, 0, 0, 0.2) 120%),linear-gradient(#0084b730,#88888826),url('/wp-content/uploads/2019/12/taproom-on-19th-6-of-7.jpg') !important; } .blog-title { font-size: 24px; } .post-categories.grey.small-caps { font-size: 14px; } .jccm {justify-content: center;} article#blog > .auto-height.content ul, article#blog > .auto-height.content ol { max-width: 100%; margin-left: 24px; font-size: 16px; line-height: 1.6; padding: 16px; margin-right: 16px; } #blog .wp-block-image figcaption { margin-top: 8px; margin-bottom: 0; font-size: 14px; } article#blog { padding-top: 0; } } body.privacy-page .entry-content, body.page-privacy-and-cookies .entry-content {padding:10vw 20vw;} body.privacy-page .entry-content h2, body.page-privacy-and-cookies .entry-content h2 {font-size:3.5vw;} /*========================= 2023 UPDATES ========================*/ :root { --ss:100/1920; } @media(max-width:767px) { :root { --ss:100/375; } } .bottlesnew #bottle-wrap {top: -4.2em;position: relative;} .rel {position:relative;} #botanical-section2 > div {padding-bottom:10vw;padding-top:5vw;align-items:center;} #botanical-section2 { width: 100%;background-image:radial-gradient(circle at 50% 25%,rgba(255,255,255,.7) 1%,rgba(0,0,0,.6) 25%),linear-gradient(rgba(1,1,1,0),rgba(1,1,1,0)), url(/wp-content/uploads/2022/05/cross-grid.jpg); background-size: auto,auto,134px auto; background-color: #7f7f7f; background-repeat: repeat; text-align: left; background-blend-mode: overlay; background-position: center 14px; } #botanical-section2 .botanical-block > img {width:100%;} #botanical-wrap2 { text-align: center; flex-direction: column; display: flex; background-color: #000000; width: 100%; align-items: center; max-width: 90vw; margin: 0 3em; padding: 5vw 2vw; } #the-gin-seal-2 { width: calc(var(--ss)*200vw); position: absolute; translate: calc(var(--ss)*350vw); } @media (min-width: 768px) {.our-gins-3-bottles #the-gin-seal-2{translate: calc(var(--ss)*450vw);}} #our-gins-hero { display: flex; padding: 5em; max-width: calc(var(--ss)*1100vw); margin: auto; position: relative; justify-content: center; } #our-gins-hero h1 { position: absolute; translate: calc(0px - var(--ss)*300vw); } @media (min-width: 768px) {#our-gins-hero.our-gins-3-bottles h1{translate: calc(0px - var(--ss)*450vw);}} #botanical-section2 .new-buttons {display:flex;gap:1em;position:relative;right:auto;height:100%;transform:translateY(calc(var(--ss)*-110vw));flex-wrap:wrap;width:100%;margin:0;justify-content:center;} .new-buttons { display: flex; gap: 1em; position: relative; right: -16.5%; height: 100%; margin-top: calc(0px - var(--ss)*105vw); transform: translateY(calc(0px - var(--ss)*80vw)); flex-wrap: wrap; width: 33%; } .new-buttons .red-button {margin-top:0;} @media(min-width:768px) { #our-gins-hero + .new-buttons { margin-top: calc(-50px - var(--ss)*105vw); } } .home-top-section {background-size:auto,auto,134px auto;background-color: #7f7f7f;background-repeat:repeat;text-align: center;position:relative;overflow:hidden;background-clip:border-box;background-blend-mode:overlay; background-position: 50% 50%; perspective: 1500px; perspective-origin: 50% 500px;width:100%;} #bottle-wrap > img {margin: auto;} .home-top-section > div {max-width: 100%; padding-top: 15vw; padding-bottom: 5vw; display: flex; flex-direction: column; align-items: center; justify-content: flex-end;} .new-blog-title {display:none;} .button-text { line-height: 1.6; } #smooth-gin { position: absolute; color: #ffffff; top: calc(var(--ss)*125vw); left: calc(var(--ss)*-145vw); font-size: calc(var(--ss)*75vw); } .new-buttons-shop { display: flex; gap: .5em; position: relative; width: 100%; flex-direction: column; align-items: flex-start; margin-top: 1.5em; text-align: left; } .new-buttons-shop h3 {font-size:calc(var(--ss)*30vw);} .new-buttons-shop .red-button {margin-top:0;margin-bottom:.5em;} .new-buttons-shop .red-button > a {padding: 1em;line-height: 2.5;} #pbtext {text-align: left;color: #fff;max-width: calc(var(--ss)*500vw);min-width: 250px;} /*.moon-bg-white.orange-grad {background-image: radial-gradient(#d9ba99,#f6a019,#e9521c),linear-gradient(#606060,#606060),url(/wp-content/uploads/2022/05/moon-silver.jpg);}*/ .moon-bg-white.orange-grad:not(.a) {background-image: radial-gradient(#d9ba99,#f6a019,#e9521c),linear-gradient(#201e1e,#535050),url('../images/backgrounds-tiled/orange-kiss-background.jpg');background-blend-mode: hard-light !important;} .orange-kiss-color {color: #f6a019;} .orange-grad.brighten {filter: contrast(100%);} .agave-cut-color {color: #00b3b9;text-shadow: 2px 2px #000;} .p1 {color: #fff;max-width: calc(var(--ss)*540vw);font-size: calc(var(--ss)*28vw);font-weight: 300;text-align: left;} .berries-black-bg {background-image: radial-gradient(circle at 50% 50%,rgba(255,255,255,.3) 8%,rgba(0,0,0,.6) 60%),linear-gradient(rgba(1,1,1,0),rgba(1,1,1,0)), url('../images/backgrounds-tiled/berries-black.jpg');background-size: 20%;} #orange-kiss,#agave-cut { position: absolute; color: #ffffff; top: 6vw; left: -10vw; line-height:.9; } .menu-item-has-children > .sub-menu {position: absolute;white-space: nowrap;z-index: -1;opacity: 0;translate:calc(var(--ss)*-25vw) calc(var(--ss)*-75vw);transition:.5s ease;display: flex;flex-direction: column;text-align: left;align-items: flex-start;pointer-events: none;} .menu-item-has-children > .sub-menu > li {height: calc(var(--ss)*40vw);} #footer ul li{width:100%;} @media(min-width:768px) { #the-gin-hero-wrap.orange-kiss #div_block-105-104 {position:relative;} #the-gin-hero-wrap.orange-kiss #the-gin-seal {width: calc(var(--ss)*250vw);aspect-ratio: auto;position: absolute;left: calc(var(--ss)*-125vw);max-width: none;top: calc(var(--ss)*-30vw);padding-top: 0em;scale: 1.5;} .orange-kiss #the-gin-blub-wrap {top: 4em;position: relative;} #menu-brockmans-menu > li { z-index: 2; } #menu-brockmans-menu > li.menu-item-has-children { z-index: 1; } .menu-item-has-children > .sub-menu { overflow:visible; } .menu-item-has-children:hover > .sub-menu {position: absolute;white-space: nowrap;z-index: 10;opacity: 1;translate: calc(var(--ss)*-25vw) calc(var(--ss)*20vw); pointer-events: auto;} .menu-item-has-children:hover > .sub-menu::before { content:''; width: 300%; height: 110%; position: absolute; top:0; left: 0; background-color:#000; } .menu-item-has-children:hover > .sub-menu li { background-color:rgba(0,0,0,0.5); } #botanical-wrap #botanical-group > * {height: calc(var(--ss)*340vw);} #botanical-wrap .botan-hl {font-size: calc(var(--ss)*35vw);line-height: 1.15;position: relative;margin-top: 1em;} #smooth-gin-mobile {display:none;} #botanical-group2 .botanical-block > img {width:100%;} .mobile {display:none !important;} #botanical-group2 { align-items: stretch; grid-template-columns: repeat(4,minmax(1%,1fr)); grid-column-gap: 20px; grid-row-gap: 20px; display: grid; text-align: left; padding: 2vw; } #botanical-group2 > * { grid-column: span 2; } .orange-kiss #the-result {margin-top: -8vw;} } @media(max-width:767px) { .menu-item-has-children > .sub-menu {position: relative;white-space: normal;width:100%;z-index: inherit;opacity: 1;translate: 0;transition:.5s ease;display: flex;flex-direction: column;} .menu-item-has-children > .sub-menu > li {height: auto;font-size: 0.7em !important;white-space: normal;line-height: 1.15 !important;margin-bottom: 0.2em; text-align: center; } #the-gin-seal-2 {width: calc(var(--ss)*95vw);position: absolute;translate: calc(var(--ss)*76vw) calc(var(--ss)*-112vw);} #the-gin-hero-wrap.orange-kiss #bottle-img, #the-gin-hero-wrap.agave-cut #bottle-img {translate: 0;} #the-gin-hero-wrap.orange-kiss #the-gin-seal, #the-gin-hero-wrap.agave-cut #the-gin-seal {width: calc(var(--ss)*190vw);margin-left: 0;left: calc(var(--ss)*-50vw);top: calc(var(--ss)*-10vw);} #the-gin-hero-wrap.agave-cut h1#agave-cut-mobile{margin-left:-2vw;} #botanical-wrap .botan-hl {font-size: calc(var(--ss)*24vw);} #the-gin-hero-wrap #bottle-img {height: 115vw;object-fit: contain;width: 100%;z-index: 2;aspect-ratio: inherit;max-width: 100%;position: relative;right: 0;translate: calc(var(--ss)*-75vw);} #the-gin-hero-wrap #the-gin-seal {width: calc(var(--ss)*140vw);margin-left: 5px;display: flex;object-fit: contain;position: absolute;left: calc(var(--ss)*-170vw);aspect-ratio: 1/1;top: calc(var(--ss)*35vw);} #smooth-gin-wrap {position: relative;} #smooth-gin {display:none;} #smooth-gin-mobile {position: absolute;color: #ffffff;top: calc(var(--ss)*210vw);left: calc(var(--ss)*-160vw);font-size: calc(var(--ss)*30vw);line-height: .85;} .desktop {display:none !important;} .new-buttons { gap: 1em; right: auto; justify-content: center;margin-top: calc(0px - var(--ss)*0vw);transform: translateY(calc(0px - var(--ss)*25vw)); width: 100%; } #botanical-group2 .botanical-block > img, .botan-txt {margin: auto;} #botanical-group2 .botanical-block {flex: 1 0;} #botanical-group2 {flex-wrap: wrap;justify-content: center;} #botanical-group2 .botanical-block:not(.ct-section):not(.oxy-easy-posts) {display:block !important;} #our-gins-hero { display: flex; padding: 10em 0 2em; max-width: calc(var(--ss)*350vw);margin: auto;position: relative;justify-content: center;} #our-gins-hero h1 { position: absolute;translate: calc(var(--ss)*-60vw) calc(var(--ss)*-112vw);line-height:.9;} .button-text {padding: 3vw; display: inline-block;} #orange-kiss-mobile { top: 0; left: -2vw; position: relative; font-size: calc(var(--ss)*35vw); display: block; line-height: 0.9; } #botanical-section2 .new-buttons {transform: translateY(calc(var(--ss)*-0vw));} #h2bespoke {font-size: 11vw;line-height: 1;margin-bottom: 1em;} #div_block-119-119 {width: 100%;} #div_block-121-119 {width: 100%;} .title-size {font-size: calc(var(--ss)*52vw);} } .header-cart { display:block !important; } body.blog-2 .header-cart { display:none !important; } .cart-customlocation { position: absolute; right: 10px; } h2.woocommerce-loop-category__title > mark { opacity: 0; display:block; } .woocommerce-products-header__title.page-title { padding-top: 8vw; } .woocommerce-loop-product__title, li.product .price { text-align: center; } ul.products li.product { border-color:#999999; background-color:#fff; } ul.products li.product * { color: #000; } li.product > .product-category { display:none; } li.product > .add_to_cart_button { display:block; margin-left:auto; margin-right:auto; } .dgfw-available-gifts { background-color: transparent !important; } .product_actions > p.stock.in-stock { display:none; } a.ajax_add_to_cart.added { display:none; } a.ajax_add_to_cart.added + a.added_to_cart { border: 2px solid #8b252e !important; background-color: transparent !important; position: relative; cursor: pointer; display: block; margin-left: auto; margin-right: auto; font-family: 'Edwardian LT'; color: #000000; font-size: 1.25vw; line-height: 0.885vw; font-weight: 400; text-transform: uppercase; padding: 0.8vw 1.5vw; border-radius: 0; max-width: fit-content; margin-bottom: 2em; } .woocommerce-notices-wrapper p { border: 2px solid #8b252e !important; padding: 1em !important; margin: 0 auto; } .woocommerce-notices-wrapper ul { list-style: none; } label[for*="shipping_method_"] { margin-top:0.5em; display:block; width:80%; } .woocommerce-shipping-destination, .woocommerce-shipping-destination + form { display:none; } /*0109*/ .woocommerce .cart_totals h2::before { content: 'Free Delivery for all orders over £60'; display: block; font-size: calc(var(--ss)*20vw); top:calc(var(--ss)*-30vw); position: relative; } .woocommerce-shipping-totals.shipping th::before { content: 'Next day delivery order by 10:30am'; display: block; font-size: calc(var(--ss)*11vw); top:calc(var(--ss)*42vw); position: relative; } .woocommerce-notices-wrapper {pointer-events: none;} .bg-agave-cut > div.bg.full, .agave-cut-grad { background-image: url(//www.brockmansgin.com/wp-content/themes/brockmans/2021/images/backgrounds-tiled/agave.jpg); background-size: 20% !important; background-repeat: repeat; background-position: center center; position: fixed; z-index: -1; } .agave-cut-grad{ position: unset; background-attachment: fixed; z-index: auto; } body.woocommerce.product-pre-order-agave-cut-now { background-image: url(//www.brockmansgin.com/wp-content/themes/brockmans/2021/images/backgrounds-tiled/agave.jpg); background-size: 20% !important; background-repeat: repeat; background-position: center center; } form.post-password-form { position: fixed; top: 10vw; left: 50%; transform: translateX(-50%); } form.post-password-form label { display:block; } a[aria-label="Visit product category Under the counter"] { display:none; } @media( max-width:768px ){ .menu-item.cart-customlocation { right: unset; top:3vw; left:3vw; width:fit-content; } /* .home .menu-item.cart-customlocation{top:9.771vw}*/ #shipping_method { margin-top: 40px; } .shop_table td, .shop_table th { height: unset !important; } article div.woocommerce input[type="radio"], article div.woocommerce input[type="radio"]::before { width: 4vw; height: 4vw; max-width: 1.25em; max-height: 1.25em; margin: 0.6vw 0.33vw 0 0; } } .splittext:not(.not-block) .u-split-text-line > *, h2[id*="headline-"].uppercase:not(.not-block) > span { display: block !important; } .woocommerce-order { padding-top: 3em; padding-left: 7vw; padding-right: 7vw; } .thanks-order-details { max-width: 500px; padding-top: 1em; } .thanks-order-details h2 { font-size: 2em; margin-bottom: 1em; } .thanks-order-details .item--sub-totals, .thanks-order-details .woocommerce-table__line-item { display:table-row; } .thanks-order-details .item--sub-totals > *, .thanks-order-details .woocommerce-table__line-item > * { display:table-cell; width:50%; } .woocommerce-table--order-details ul.item-detail {border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px;} .woocommerce-table--order-details ul.item-detail, .woocommerce-table--order-details ul.item-detail + div {display:table; width:100%;} .woocommerce-terms-and-conditions-link { text-decoration: underline !important; } /** {margin: 0;padding: 0;box-sizing: border-box;} body {font-family: 'Arial', sans-serif;background-color: #000;color: #fff;line-height: 1.6;padding: 0 20px;} header {background-color: #222;padding: 10px 0;text-align: center;} header h1 {font-size: 2rem;color: #fff;margin-bottom: 10px;} header nav ul {list-style: none;padding: 0;} header nav ul li {display: inline-block;margin: 0 15px;} header nav ul li a {color: #fff;text-decoration: none;font-size: 1.2rem;} header nav ul li a:hover {text-decoration: underline;} main {margin: 20px 0;}*/ /*.gin-info {margin-bottom: calc(var(--ss)*40vw);} .gin-info h2 {font-size: calc(var(--ss)*32vw);margin-bottom: calc(var(--ss)*20vw);border-bottom: calc(var(--ss)*2vw) solid #fff;padding-bottom: calc(var(--ss)*5vw);} .gin-info-table {width: 100%;border-collapse: collapse;margin-bottom: calc(var(--ss)*20vw);} .gin-info-head {background-color: #444;} .gin-info-head th {padding: calc(var(--ss)*20vw);font-size: calc(var(--ss)*20vw);color: #fff;} .gin-info-body tr:nth-child(even) {background-color: #333;} .gin-info-body tr:nth-child(odd) {background-color: #222;} .gin-info-body td {padding: calc(var(--ss)*20vw);font-size: calc(var(--ss)*20vw);} @media (max-width: 768px) { .gin-info-table {font-size: 0.9rem;} .gin-info-table, .gin-info-head, .gin-info-body {display: block;} .gin-info-head {display: none;} .gin-info-body td {display: flex;justify-content: space-between;padding: calc(var(--ss)*8vw);} .gin-info-body td:before {content: attr(data-label);font-weight: bold;} }*/ /*:root { --primary-bg: #222; --secondary-bg: #333; --header-bg: #444; --text-color: #fff; --border-color: #fff; --spacing: 1rem; } .gin-info {max-width: calc(var(--ss)*1200vw);margin: 0 auto;} .gin-info h2 {font-size: 1.5rem;margin-bottom: var(--spacing);border-bottom: 2px solid var(--border-color);padding-bottom: calc(var(--spacing) / 2);} .gin-info-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: var(--spacing);} .info-card {background-color: var(--secondary-bg);padding: var(--spacing);border-radius: 5px;} .info-card h3 {font-size: 1.2rem;margin-top: 0;margin-bottom: calc(var(--spacing) / 2);color: var(--text-color);background-color: var(--header-bg);padding: calc(var(--spacing) / 2);border-radius: 3px;} .info-item {display: flex;justify-content: space-between;margin-bottom: calc(var(--spacing) / 2);} .info-label {font-weight: bold;font-size: calc(var(--ss)*20vw);} @media (max-width: 600px) { .gin-info-grid {grid-template-columns: 1fr;} }*/ :root { --primary-bg: #000B; --secondary-bg: #111; --header-bg: #333; --text-color: #fff; --border-color: #fff; --red: #8b252e; } .bottle-menu-wrap {display: flex; max-width: calc(var(--ss)* 1200vw); margin: calc(var(--ss)*160vw) auto calc(var(--ss)*100vw);} .button-column-wrap .button-column {flex-direction: column;justify-content: center; align-items: stretch;} .gin-bottle-wrapper #bottle-img {all:unset; height: calc(var(--ss) * 500vw);margin-top:calc(var(--ss) * 30vw);object-fit: contain;width: 100%;z-index: 2;aspect-ratio: 1/3;max-width: 100%;position: relative;} .gin-bottle-wrapper {margin-top: calc(var(--ss) * 120vw);} .gin-info {max-width: calc(var(--ss)* 1200vw); width: 100%;display: flex;flex-direction: column;margin: 2vw auto;margin-bottom: 2vw;margin-bottom: calc(var(--ss) * 40vw);} .gin-info .button-row {margin-top: 0;margin-bottom: calc(var(--ss) * 30vw);} h1.gin-info-title {font-size: calc(var(--ss) * 40vw); position: relative; z-index: 9; margin: auto; margin-bottom: calc(var(--ss) * 20vw); border-bottom: calc(var(--ss) * 2vw) solid var(--border-color); padding: calc(var(--ss) * 20vw); text-align: center; width: fit-content;} .gin-info-grid {display: flex;flex-wrap: wrap;justify-content: center;gap: calc(var(--ss) * 20vw);} .info-card {background-color: var(--secondary-bg);padding: calc(var(--ss) * 20vw);border-radius: calc(var(--ss) * 10vw);flex: 1 1 calc(50% - var(--ss) * 20vw);min-width: calc(var(--ss) * 300vw);max-width: calc(var(--ss) * 500vw);} .info-card h3 {font-size: calc(var(--ss) * 24vw);margin-top: 0;margin-bottom: calc(var(--ss) * 10vw);color: var(--text-color);background-color: var(--header-bg);padding: calc(var(--ss) * 10vw);border-radius: calc(var(--ss) * 5vw);text-align: center;} .info-item {display: flex;justify-content: space-between;margin-bottom: calc(var(--ss) * 10vw);} .info-item span {font-size: calc(var(--ss) * 18vw);} .info-label {font-weight: bold;} @media (max-width: 767px) { .gin-bottle #bottle-img {margin-top:calc(var(--ss) * 30vw); height: calc(var(--ss) * 300vw);} h1.gin-info-title {font-size: calc(var(--ss) * 28vw);} .gin-info-grid {flex-direction: column;align-items: center;} .info-card {width: 100%;max-width: calc(var(--ss) * 600vw);} } @media (max-width: 480px) { .info-card h3 {font-size: calc(var(--ss) * 22vw);} .info-item {font-size: calc(var(--ss) * 16vw);} } .production-info {background-color: var(--primary-bg); max-width: calc(var(--ss) * 1200vw); margin: calc(var(--ss) * 160vw) auto calc(var(--ss) * 40vw); padding: calc(var(--ss) * 30vw); border-radius:0.5em;} .production-info h1 {font-size: calc(var(--ss) * 60vw); margin: auto; margin-bottom: calc(var(--ss) * 30vw); border-bottom: calc(var(--ss) * 2vw) solid var(--border-color); padding: calc(var(--ss) * 60vw) calc(var(--ss) * 20vw) calc(var(--ss) * 20vw); text-align: center; width: fit-content;} .production-grid {display: flex; flex-direction: column; align-items: center;} .production-card {width: 100%; max-width: calc(var(--ss) * 1100vw); padding: calc(var(--ss) * 20vw); border-radius: calc(var(--ss) * 10vw); margin-bottom: calc(var(--ss) * 30vw); text-align: center;} .production-card p {max-width: calc(var(--ss) * 920vw); margin:0 auto 1em;} .production-img {width: 100%;max-width: calc(var(--ss) * 400vw); height: auto; margin: auto; margin-bottom: calc(var(--ss) * 60vw);} .production-img.v2 {max-width:calc(var(--ss) * 800vw); margin-bottom: calc(var(--ss) * 60vw); border-radius: 0.5em;} @media (max-width: 767px) { .production-info h1 {font-size: calc(var(--ss) * 32vw);} .production-info {padding: 0 calc(var(--ss) * 15vw);} .production-card {max-width: 100%;} } @media (max-width: 480px) { .production-info h1 {font-size: calc(var(--ss) * 28vw);} .production-info h2 {font-size: calc(var(--ss) * 28vw);} .production-card {font-size: calc(var(--ss) * 16vw);} } .sustainability-stats {display: flex;} .sustainability-info {max-width: calc(var(--ss) * 1260vw);margin: calc(var(--ss) * 160vw) auto calc(var(--ss) * 40vw);padding: calc(var(--ss) * 20vw);} .sustainability-info h1 {font-size: calc(var(--ss) * 60vw);margin: auto; margin-bottom: calc(var(--ss) * 30vw); border-bottom: calc(var(--ss) * 2vw) solid var(--border-color); padding: calc(var(--ss) * 60vw) calc(var(--ss) * 20vw) calc(var(--ss) * 20vw); text-align: center; width: fit-content;} .sustainability-block {margin: calc(var(--ss) * 5vw);display: flex;align-items: center; margin-bottom: calc(var(--ss) * 30vw);margin-top: calc(var(--ss) * 30vw);gap: calc(var(--ss) * 20vw);background: #000B; border-radius: 0.5em; padding: calc(var(--ss) * 40vw); justify-content: space-around;} .sustainability-block img {max-width: 50%;height: auto;object-fit: cover;border-radius: calc(var(--ss) * 5vw); max-height:calc(var(--ss)*938vw)} .sustainability-block .text-block .red-button{display: flex; justify-content: center;} .sustainability-block .text-block a.button-text{text-decoration: none; font-size:1.15vw} .sustainability-banner{margin: calc(var(--ss) * 5vw);} .sustainability-banner img{border-radius: 0.5em;} @media (max-width: 767px) { .sustainability-block .text-block a.button-text{font-size:2.7vw} } /* .sustainability-block.img1 img {height: calc(var(--ss) * 420vw);} .sustainability-block.img2 img {height: calc(var(--ss) * 500vw);} .sustainability-block.img3 img {height: calc(var(--ss) * 400vw);} */ .sustainability-block .text-block {max-width: 50%;} .sustainability-block h2 {font-size: calc(var(--ss) * 46vw);text-decoration: underline;margin-bottom: .75em;;} .sustainability-block p {font-size: calc(var(--ss) * 21vw);line-height: 1.4;} .left-image {flex-direction: row;} .right-image {flex-direction: row-reverse;} .temp-logo {max-height:calc(var(--ss) * 32vw);} .year-text {background: var(--red);border-radius: 500px;width: calc(var(--ss) * 120vw);margin: auto auto 0;top: 1em;position: relative;display: flex;text-align: center; align-items: center;justify-content: center;font-size:calc(var(--ss) * 24vw);} .year-text::before { content: 'Since:'; position: absolute; top: calc(var(--ss) * -20vw); font-size: 0.6em; } .stats-item {margin: calc(var(--ss) * 5vw);display: flex;flex-direction: column;font-size: calc(var(--ss) * 25vw);text-align: center;padding: calc(var(--ss) * 40vw);background: #000B; border-radius: 0.5em;} .temp-logo {max-height: calc(var(--ss) * 110vw);display: flex;justify-content: center;height: 100%;object-fit: contain; margin-bottom: 1em;} .top-padding-lower .bg-orange-kiss, .top-padding-lower .bg-agave-cut { padding: 2vw 5vw 5vw 5vw; } .fillbuttons .red-button:not(:hover), .button-row .button:not(:hover) {background-color: #66102D !important;} .button-row.agavecut-buttons .button:not(:hover), .button-row.agavecut-buttons .button::before, .fillagave .red-button:not(:hover), .fillagave .red-button::before {background-color: #35B3BF !important;border-color: #35B3BF !important;} .fillagave .red-button:hover, .button-row.agavecut-buttons .button:hover {border-color: #35B3BF !important;} .button-row.orangekiss-buttons .button:not(:hover), .button-row.orangekiss-buttons .button::before, .fillorange .red-button:not(:hover), .fillorange .red-button::before {background-color: #E9521C !important;border-color: #E9521C !important;} .button-row.orangekiss-buttons .button:hover, .fillorange .red-button:hover {border-color: #E9521C !important;} @media(min-width: 769px) { .button-row {white-space: nowrap;flex-wrap: nowrap;} .stats-item {width:50%} } .button-row {display: flex;flex-wrap: wrap;gap: .75em;justify-content: space-around;margin:auto;max-width: calc(var(--ss)*1200vw);} .sustainability-info-inner {background-color: var(--primary-bg);border-radius: .5em;padding: 1em;margin: calc(var(--ss) * 5vw);margin-bottom: calc(var(--ss)*30vw);} .button-row .button {margin-bottom: 0;font-size: 1vw;} #botanical-section .button-row {margin: calc(var(--ss) * 60vw) auto auto;} .temp-logo.invert {filter: invert(1) brightness(150%);} @media (max-width: 767px) { .button-row {margin-top: 2.5em;} .button-row .button {width: 80%; max-width: 100%;} .sustainability-block {flex-direction: column;} .sustainability-block img, .sustainability-block .text-block {max-width: 100%;} .sustainability-info h2 {font-size: calc(var(--ss) * 28vw);} .sustainability-stats {flex-direction: column;} .sustainability-info h1 {font-size: calc(var(--ss) * 30vw); padding: calc(var(--ss) * 30vw) calc(var(--ss) * 10vw) calc(var(--ss) * 20vw);} } @media (max-width: 480px) { .button-row {margin-top: 3em;} .sustainability-info h2 {font-size: calc(var(--ss) * 24vw);} .sustainability-block h3 {font-size: calc(var(--ss) * 22vw);} .sustainability-block p {font-size: calc(var(--ss) * 16vw);} }