/* * Prefixed by https://autoprefixer.github.io * PostCSS: v7.0.29, * Autoprefixer: v9.7.6 * Browsers: last 4 version */ /* Theme Name: Dutch Liquors Incs Theme URI: Author: the Development team Author URI: https://wordpress.org/ Description: A theme for WordPress 5. Requires at least: WordPress 4.9.6 Version: 1.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: wp5default Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. WP5 Default is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Layouts # Fonts # Buttons # Search Box # Flexbox # Forms ## Quick Form ### Responsive ## Contact Us Form ### Responsive # Menus ## Main Menu ### Responsive ## Sub Menu ### Responsive ## Footer Menu ### Responsive ## Social Menu ### Responsive # Header # Banner # Contents ## Welcome Section ### Responsive ## Practice Areas Section ### Responsive ## Profile Section ### Responsive ## Gallery Section ### Responsive ## Contact Us Section ### Responsive ## Badges Section ### Responsive # Footer # Sidebar Section ## Responsive # Inner Pages ## Blog Page ### Responsive ## Search Page ### Responsive ## Error Page ### Responsive ## Attorney Profile Page --------------------------------------------------------------*/ html {line-height: 1.15; -webkit-text-size-adjust: 100%;} body {font-family: 'Barlow', sans-serif; margin: 0 auto; width: 100%; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } /*################################### ## Layouts ###################################*/ .screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; word-wrap: normal !important; overflow: hidden; height: 1px; margin: -1px; padding: 0; width: 1px; border: 0;} .wp-block-column, .blocks-gallery-item {margin: 0 !important;} .has-1-columns .wp-block-column {-ms-flex-preferred-size: 100%;flex-basis: 100%;} .container {width: 100%; max-width: 1600px; margin: 0 auto; padding: 0;} .row {max-width: 1440px; margin: 0 auto;} .cta {display: none;} .grecaptcha-badge {z-index: 999999;} .inner #content .container{max-width: 1200px;margin: 0 auto;} /*################################### ## Fonts ###################################*/ a, a:visited { -webkit-transition: all .5s ease; text-decoration: none !important; text-decoration: none; -o-transition: all .5s ease; transition: all .5s ease;color: #555;} /*a:hover {text-shadow: 0px 0px 5px #000;}*/ a:focus {outline: none !important;} h1, h2 , h3, h4 {font-family: 'Barlow', sans-serif; font-weight: 400; line-height: 110%; margin: 0 auto;} h1 {font-size: 70px;} h2 {font-size: 60px;} h3 {font-size: 25px; font-weight: 700;} p, ul, ol {font-family: 'Barlow', sans-serif; letter-spacing: .03em; line-height: 180%; font-weight: 400; font-size: 15px; } /*################################### ## Text Align ###################################*/ .tl { text-align: left; } .tc { text-align: center; } .tr { text-align: right; } /*################################### ## Buttons ###################################*/ .btn { max-width: 193px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 1; display: inline-block; background: #B3894C; font-weight: 700; text-align: center; color: #FFFFFF!important; padding: 12px 0; box-sizing: border-box; font-family: 'Barlow', sans-serif; border: 2px solid #FFFFFF; font-size: 17px; text-transform: uppercase; line-height: 1; letter-spacing: 5px; } .btn:hover { -webkit-box-shadow: 0px 10px 20px -10px #000; box-shadow: 0px 10px 20px -10px #000; text-decoration: none!important; text-shadow: 0px 0px 5px #000; } .btn::after {content: ""; background: #171717; -webkit-transition: all .2s linear; -o-transition: all .2s linear; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; position: absolute; height: 100%; width: 100%;z-index: -1;left: 0; top: 0; ; } .btn:hover::after {-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);} .btn.alt { background: transparent; } .button p { margin: 0; } /*################################### ## Age Verification ###################################*/ .uk-modal { height: 100%; } .uk-modal .uk-modal-dialog { border-top: 5px solid #B3894C; text-align: center; transform: translateY(-45%) !important; top: 45% !important; } .uk-modal .uk-modal-content { max-width: 400px; margin: 0 auto 20px; } .uk-modal .uk-modal-footer { text-align: center !important; } .uk-modal .uk-modal-footer .uk-button {width: 90px;} .uk-modal .uk-modal-footer #button1 { background-color: #000; color: #FFF; margin-right: 10px; } .uk-modal .uk-modal-footer #button2 { background-color: #B3894C; } /*################################### ## Search ###################################*/ .sidebar form, .error-404 form {position: relative; max-width: 700px; margin: 10px auto;} .sidebar input[type="search"], .error-404 input[type="search"] {width: 100%; padding: 5px 10px;} .sidebar input[type="submit"], .error-404 input[type="submit"] {background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ccc));background: -o-linear-gradient(top, #FFF, #ccc);background: linear-gradient(to bottom, #FFF, #ccc);border: 1px solid #000; position: absolute; padding: 6px; right: 0; top: 0;} .sidebar .widget:not(:nth-of-type(1)) {background: rgba(255, 255, 255, .5);border-bottom: 1px solid #CCC;padding-bottom: 20px;margin-bottom: 20px; padding: 10px 20px;} .sidebar input[type="submit"], .error-404 input[type="submit"] {-webkit-transition: all .4s linear;-o-transition: all .4s linear;transition: all .4s linear;} .sidebar input[type="submit"]:hover, .error-404 input[type="submit"]:hover {-webkit-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;} /*################################### ## Flexbox ###################################*/ .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .flexs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .flexc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flexe { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } /*################################### ## Forms ###################################*/ form p {margin: 0 0 10px !important;width: 100%;} form label {display: inline-block; color: #FFF; line-height: 0.5!important; width: 100%; } form input[type="submit"] {-webkit-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;} .ctc-hide { display: none!important; } /*.formLabel { display: inline-block; } */ /*.formLabel label { width: 32.52%; position: relative; }*/ .formLabel input[type="text"], .formLabel input[type="email"], .formLabel input[type="tel"] { background: rgba(239,239,239,0.4); width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Barlow', sans-serif; font-weight: 400; font-size: 17px; color: #000; padding: 5px 10px; box-sizing: border-box; height: 40px; border: 1px solid #FFFFFF; margin: 0 0 10px; } .formLabel span.wpcf7-not-valid-tip { color: red; font-size: 10px; font-weight: 400; display: block; position: absolute; top: -10%; right: 3%; } .formTextarea textarea { background: rgba(239,239,239,0.4); width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Barlow'; font-weight: 400; font-size: 16px; color: #000; padding: 10px; box-sizing: border-box; height: 130px; margin-top: 0; position: relative; border: 1px solid #FFFFFF; } .formConsent { text-align: center;padding: 5px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .formConsent .wpcf7-list-item-label { color: #FFFFFF; font-family: 'Barlow', sans-serif; font-weight: 400; font-size: 14px; line-height: 120%; } .formTextarea span.wpcf7-not-valid-tip { color: red; font-size: 10px; font-weight: 400; display: block; position: absolute; bottom: 115px; right: 1%; } span.wpcf7-list-item { margin: 0!important; } .formLabel.col { width: 32.46%; } /*Quick Form*/ ::-webkit-input-placeholder { /* WebKit browsers */ color: #FFFFFF !important; opacity: 1; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #FFFFFF !important; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #FFFFFF !important; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #FFFFFF !important; opacity: 1 } /*INNER*/ .inner ::-webkit-input-placeholder { /* WebKit browsers */ color: #000 !important; opacity: 1; } .inner :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000 !important; opacity: 1; } .inner ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000 !important; opacity: 1; } .inner :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #000 !important; opacity: 1 } .inner .formConsent .wpcf7-list-item-label { color: #000000!important; } /*################################### ## Menus ###################################*/ /*Main Menu*/ .main-navigation {} .main-navigation ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-flex; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0;} .main-navigation ul li {padding: 0;} .main-navigation ul li:last-of-type { margin-top: -10px; } .main-navigation ul li:last-of-type a { padding: 10px 30px; border: 2px solid #B3894C; } /*.main-navigation ul li.menu-item-has-children a::after {content: "\f0d7"; font-family: 'FontAwesome'; color: #FFF; transition: all .2s linear; display: inline-block; vertical-align: middle; font-size: 18px; margin-left: 10px; position: relative; top: -2px;} .main-navigation ul li.menu-item-has-children a:hover::after {transform: rotateZ(180deg);}*/ .main-navigation ul li a {font-weight: 700; font-size: 17px; color: #111111; line-height: 120%; padding: 0 0 40px; text-transform: uppercase; display: inline-block; position: relative; letter-spacing: 5px; } .main-navigation ul li a::before {content: ""; background: #B3894C; width: 100%; max-width: 100%; height: 5px; border-radius: 0; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left;} .main-navigation ul li a:hover::before, .main-navigation .current-menu-item a::before {-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);} .main-navigation ul li a:hover, .main-navigation .current-menu-item a, .main-navigation .current_page_item a { } .main-navigation ul li:hover ul {visibility: visible; opacity: 1; margin-top: 0;} /*Sub Menu*/ .main-navigation ul ul {background: rgba(179, 137, 76, 0.88); -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; -webkit-box-shadow: 0px 0px 2px #555; box-shadow: 0px 0px 2px #555; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 5px; position: absolute; visibility: hidden; margin-top: 50px; width: 205px;display: block; opacity: 0; z-index: 9999999999999999999; } .main-navigation ul ul li:last-of-type { margin-top: 0; } .main-navigation ul ul li:last-of-type a { padding: 10px; border: none; margin: 0; } .main-navigation ul ul li {display: block; margin-right: 0;} .main-navigation ul ul li a {padding: 10px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; color: #FFFFFF!important; } .main-navigation ul ul li a::after, .main-navigation ul ul li a::before {display: none !important;} .main-navigation ul ul li a:hover {background: #D7BA5A;} /*Sub Sub Menu*/ .main-navigation ul ul ul {visibility: hidden !important; margin-top: -48px !important; opacity: 0 !important; position: absolute; margin-left: 240px; } .main-navigation ul ul li:hover ul {visibility: visible !important; opacity: 1 !important; margin-left: 200px; } /*Footer Menu*/ .footer-navigation ul {margin: 0; padding: 0; list-style: none; display: block;} .footer-navigation ul li {display: block; margin: 0 0 30px;position: relative} .footer-navigation ul li:last-of-type { margin-bottom: 0; } .footer-navigation ul li a { color: #FFF; text-transform: uppercase; letter-spacing: 5px; padding: 5px;} .footer-navigation ul li a:hover {text-shadow: 0px 0px 20px #FFF, 0px 0px 20px #FFF, 0px 0px 20px #FFF;} .footer-navigation ul li ul{display: none;position:absolute;width: 110px;left: 110px;top:0;} .footer-navigation ul li ul li{margin-bottom:5px;padding: 0 5px;} .footer-navigation ul ul ul {width:205px;} .footer-navigation ul ul ul li{display:none;} .footer-navigation ul li:hover ul {display:block; } .footer-navigation ul ul li:hover ul li{display:block;} .inner .footer-navigation ul li .sub-menu li {width: 100%;} /*Social Menu*/ .social-navigation {} .social-navigation .svg-icon {display: none;} .social-navigation ul {margin: 0 !important; list-style: none; display: block; padding: 0; } .social-navigation ul li {-webkit-transition: all .4s linear;-o-transition: all .4s linear;transition: all .4s linear; border-radius: 50%; margin: 0 20px 0 0; height: 55px; width: 55px; ;} .social-navigation ul li:hover {-webkit-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000; -webkit-transform: rotateZ(360deg); -ms-transform: rotate(360deg); transform: rotateZ(360deg);} .social-navigation ul li a {color: #FFF;} .social-navigation ul li a::before {font-size: 25px; position: relative; top: 15px;} /*################################### ## HEADER ###################################*/ .site-header { position: relative; } .site-header .container { max-width: 100%; width: 100%; } .header-content .wrap { max-width: 1640px; width: 100%; margin: 0 auto; align-items: center;} .header-content .header-top { background: #B3894C; padding: 30px 0; } .header-top .header-info { position: relative; max-width: 915px; width: 100%; margin-left: auto; } .header-top .header-info::before { content: ""; background: rgba(255,255,255,0.2); max-width: 1px; width: 100%; height: 23px; position: absolute; top: 0; left: 69%; } .header-info .loc, .header-info .tel a { position: relative; font-weight: 700; font-size: 17px; color: #FFFFFF; letter-spacing: 5px; text-transform: uppercase; } .header-info .loc::before, .header-info .tel a::before { font-family: 'FontAwesome'; font-size: 18px; color: #FFFFFF; display: inline-block; vertical-align: middle; padding-right: 10px; } .header-info .loc::before { content: "\f041"; } .header-info .tel a::before { content: "\f095"; } .header-info .tel a { font-size: 22px; } .header-bottom .header-logo { width: 19.20%; margin-top: -37px; padding-bottom: 10px; } .header-bottom .header-nav { width: 62.80%; padding-top: 20px; } /*################################### ## BANNER ###################################*/ .site-banner { position: relative; overflow: hidden!important; } .banner-container .metaslider .slides img { width: 100%; height: 1020px!important; display: block; -o-object-fit: cover; object-fit: cover; } /* .banner-container video { height: 100vh!important; object-fit: cover; } */ .banner-container video { height: 100%!important; } /* .banner-content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; z-index: 999; } */ .banner-content { position: relative; background: #000000; padding: 30px 0; } /* .banner-cell { max-width: 1160px; width: 100%; margin-left: auto; padding: 0 30px; } */ .banner-cell { max-width: 1160px; width: 100%; margin: 0 auto; padding: 0 30px; } .banner-box .banner-text { color: #FFFFFF; } /* .banner-box .banner-text h2 { font-weight: 400; font-size: 150px; } */ .banner-box .banner-text h2 { font-weight: 400; font-size: 70px; } /* .banner-box .banner-text p { font-weight: 700; font-size: 25px; letter-spacing: 5px; margin: 15px 0 40px; } */ .banner-box .banner-text p { font-weight: 700; font-size: 20px; letter-spacing: 5px; margin: 15px 0 40px; } .banner-box .btn { max-width: 270px; font-weight: 500; font-size: 40px; padding: 8px 0; border: none; letter-spacing: 0;} .banner-box .btn2 {margin-top: 30px; background: #171717; border: 2px solid #B3894C;} .banner-box .btn2::after {background: #B3894C;} .social-block .social-navigation li { display: block!important; } .social-block .social-navigation ul li { margin: 0 0 20px auto!important; } /*################################### ## CONTENT ###################################*/ .site-content { position: relative; } .content-text h1, .content-text h2 { font-weight: 400; font-size: 95px; } .content-text h3 { font-weight: 400; font-size: 70px; color: #FFFFFF; line-height: 100%; } .content-text h4 { font-weight: 700; font-size: 25px; color: #B3894C; } .content-text p { font-weight: 400; font-size: 17px; line-height: 180%; } .content-img img, .products-box img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; } #info .loc h4, #info .mail a, #info .tel a { color: #fff !important; font-size: 20px; margin-left: 10%; line-height: 35px; } /*################################### ## PRODUCTS ###################################*/ /* , .products-box */ #products, .products-cell, .products-box{ position: relative; } #products .row { max-width: 100%; width: 100%; margin-top: -25px; } .products-cell > div:nth-child(2)::before { content: ""; background: #FFFFFF; max-width: 100%; width: 100%; height: 26px; position: absolute; top: -25px; left: -25px; right: 0; margin: 0 auto; z-index: 2; border-left: 25px solid #FFFFFF; border-right: 25px solid #FFFFFF; } .products-cell > div { /*position: relative;*/ margin: 25px 0 0; background: #FFFFFF; } .products-cell > div:nth-child(2) {/*position: relative;*/ margin: 25px 25px 0; } .products-box .widget-title { font-weight: 700; font-size: 40px; color: #FFFFFF; letter-spacing: 5px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; padding: 25px 0; } .products-box .widget-title::before { content: ""; background: #B3894C; max-width: 70px; width: 100%; height: 3px; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; } .products-box .widget-title::after { content: ""; background: #B3894C; max-width: 70px; width: 100%; height: 3px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } #products{ position: relative; } #products .menucols { position: absolute; content: ''; /* width: 100%; */ left: 0; z-index: 99999;} #products .products-cell .wineMenu .menucols, #products .products-cell .liquorMenu .menucols, #products .products-cell .beerMenu .menucols{ max-width: 0; overflow-y: hidden; -webkit-transition: max-width 0.5s ease-in-out; -moz-transition: max-width 0.5s ease-in-out; -o-transition: max-width 0.5s ease-in-out; transition: max-width 0.5s ease-in-out;} #products .products-cell .wineMenu:hover .menucols, #products .products-cell .liquorMenu:hover .menucols, #products .products-cell .beerMenu:hover .menucols{ max-width: 100%; } #products .products-cell .categories-desc{ background: #fff; } /*################################### ## CATEGORIES ###################################*/ #categories { display: none; position: relative; padding: 60px 0 40px; } #categories .row { max-width: 100%; width: 100%; } .categories-box { position: relative; overflow: hidden; } .categories-text.first { background: #B3894C; } .categories-text.second { background: #9E7A43; } .categories-text.third { background: #94723F; } .categories-text p { font-weight: 400; font-size: 230px; color: #B78F55; margin: 0; line-height: 100%; min-height: 310px; } .categories-box .content-img { max-width: 45.31%; width: 100%; margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; } .categories-desc p { font-weight: 400; font-size: 30px; color: #181818; margin: 0!important; padding: 20px 0; } /*################################### ## ABOUT ###################################*/ #about { position: relative; padding: 0 0 95px; } #about .row { max-width: 100%; width: 100%; } .about-cell .about-box { max-width: 650px; width: 100%; margin-left: auto; padding: 125px 15px 0; position: relative; z-index: 3; } .about-box .content-text { color: #FFFFFF; } .about-box .content-text h1 { position: relative; margin: 20px 0 0; padding-bottom: 15px; text-align:center; font-size:50px;} .about-box .content-text h1::after { content: ""; background: rgba(255,255,255,0.2); max-width: 370px; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; } .about-box .content-text p { margin: 16px 0; text-align:justify;} .about-box .button-cell { max-width: 405px; width: 100%; } .about-box .tel { padding: 70px 0 30px; } .about-box .tel a { position: relative; font-weight: 700; font-size: 40px; color: #FFFFFF; letter-spacing: 5px; } .about-box .tel a::before { content: "\f095"; font-family: 'FontAwesome'; font-size: 30px; color: #FFFFFF; display: inline-block; vertical-align: middle; padding-right: 10px; } .about-box .socials .social-navigation ul li a { color: #B3894C; } /*################################### ## GALLERY ###################################*/ #gallery { position: relative; padding-bottom: 75px; } #gallery .row { position: relative; max-width: 1475px; width: 100%; margin: -440px auto 0; z-index: 2; } .gallery-cell .gallery-box { max-width: 680px; width: 100%; margin-left: 0; padding: 0 15px; } .gallery-box .content-text p { margin: 50px 0; text-align:justify;} .gallery-cell .inner-gallery { padding: 13px; border: 2px solid #B3894C; } .inner-gallery .content-img { margin: 12px; } .inner-gallery .content-img img { height: 265px!important; } /*################################### ## REVIEWS ###################################*/ #reviews { position: relative; padding: 115px 0 0; overflow: hidden; } #reviews .row { max-width: 100%; width: 100%; } #reviews .button { position: relative; background: #FFFFFF; z-index: 1; padding: 25px 0; margin-top: -35px; } #reviews .btn { background: #000000; border: none; } .reviews-box { position: relative; max-width: 1015px; width: 100%; margin: 0 auto; } .reviews-content .strong-view.wpmtst-simple .wpmtst-testimonial-inner, .reviews-content .strong-view.wpmtst-simple .wpmtst-testimonial-content p { font-size: 17px; line-height: 180%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } .reviews-content .strong-rating span.star:before { background: #B3894C; color: #B3894C; padding: 0 15px; } .reviews-content .testimonial-field { width: 100%; } .reviews-content .testimonial-name { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .reviews-content .testimonial-content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .reviews-box .content-img { position: relative; max-width: 74.38%; width: 100%; margin: 0 auto; z-index: 2; } .reviews-box .content-img img { position: relative; z-index: 9; } .reviews-box::after { content: ""; background: #A27C44; max-width: 100%; width: 100%; height: 500px; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; border-radius: 50% 50% 0 0/100% 100% 0 0; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } /*################################### ## RETRUNS ###################################*/ .returns p{text-align:justify;} /*################################### ## GOOGLE MAP ###################################*/ #map { position: relative; } #map .row { max-width: 100%; width: 100%; } #map iframe { width: 100%; height: 440px; border: none; display: block; } /*################################### ## INFORMATION ###################################*/ #info { position: relative; padding: 125px 0 0; } #info .row { max-width: 100%; width: 100%; } #info .socials { background: #B3894C; padding: 15px 0; } .info-cell { max-width: 1460px; width: 100%; margin: 0 auto; padding-bottom: 115px; } .info-box .loc, .info-box .tel, .info-box .mail { position: relative; } .info-box .loc, .info-box a { font-weight: 400; font-size: 17px; color: #FFFFFF; letter-spacing: 5px; } .info-box .loc::before, .info-box .tel::before, .info-box .mail::before { font-family: 'FontAwesome'; font-size: 18px; color: #B3894C; display: inline-block; vertical-align: middle; padding-bottom: 10px; } .info-box .loc::before { content: "\f041"; } .info-box .tel::before { content: "\f095"; } .info-box .mail::before { content: "\f003"; } .info-box .tel { padding: 30px 0; } /*################################### ## FOOTER ###################################*/ .site-footer { position: relative; background-size: cover; background-position: center center; padding: 110px 0 0; background: url(https://www.dutchliquors.com/wp-content/uploads/2020/10/contact-bg.jpg);} .site-footer .container { max-width: 100%; width: 100%; } .footer-wrap { max-width: 1440px; width: 100%; margin: 0 auto; padding-bottom: 115px; } .footer-wrap .footer-nav { padding-top: 40px; } .footer-wrap .form { width: 66.31%; } .footer-wrap .form .content-text h3 { padding-bottom: 30px; } /*COPYRIGHT*/ .footer-bottom { background: #171717; padding: 30px 0; } .copyright p, .copyright a { font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 14px; color: #FFFFFF; margin: 0; } .copyright .td img { width: 40px; display: inline-block; vertical-align: middle; padding-right: 5px; } /*################################### ## Sidebar Blog ###################################*/ .sidebar {border: 1px solid #535353; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-preferred-size: 30%; flex-basis: 30%; padding: 20px; } .sidebar h2 {font-size: 25px; margin: 0; } .sidebar .widget_search {-webkit-box-sizing: border-box;box-sizing: border-box; background: #6A7A64; margin-bottom: 25px; padding: 20px; width: 100%; } .sidebar .widget:last-of-type {margin-bottom: 0;} /*################################### ## Inner Pages ###################################*/ .inner .site-header { border-bottom: 1px solid #DDDDDD; } .inner #content {padding: 30px 10px; min-height: 600px;} .inner #content .row { max-width: 1200px; width: 100%; margin: 0 auto; } .inner #content h1 { margin: 10px auto 30px; text-align: center; letter-spacing: 5px; font-size:40px; color:#b3894c; } .inner #content h2{font-size:70px; text-align:center;} .inner #content p { text-align: justify; font-weight: 400; font-size: 17px; line-height: 180%; } .inner .site-footer { padding: 30px 0 0; } .inner .footer-wrap { padding-bottom: 30px;} .inner .site-footer .form { display: none; } .inner .footer-wrap .footer-nav { padding: 0; margin: 0 auto; } .inner .footer-navigation ul li { display: inline-block; margin: 0 10px; } .content-text ul{columns:4; text-align:left;} .content-text p a{color:#b3894c;} /*################################### ## Blog Page ###################################*/ /* .blog h1 {display: none;} */ .blog-container {padding-right: 5%; -ms-flex-preferred-size: 65%; flex-basis: 65%;} .blog-list article {-webkit-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear; border: 1px solid #535353; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; } .blog-list article:not(:last-of-type) {margin-bottom: 40px;} .blog-list article:hover {-webkit-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;} .blog-title h2 {margin: 0 0 20px !important; font-size: 30px;} .blog-header { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 10px; } .blog-header p {margin: 0;} .blog-header p span {font-style: italic;} .blog-image {text-align: center;} .blog-image img {-webkit-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear; max-width: 500px !important; height: auto !important;} .blog-container .btn {margin-top: 10px !important; padding: 10px 20px; font-size: 13px;} .pagination-n {text-align: right; margin-top: 15px;} .pagination-n a {background: #D7BA5A; padding: 2px 10px; } .pagination-n .current {background: #6A7A64; padding: 2px 10px; color: #FFF;} /*################################### ## Search Page ###################################*/ .page-description {text-align: center; margin-bottom: 40px; font-weight: 700; font-size: 25px; display: block;} .page-description::after {content: ' "';} .page-description::before {content: '" ';} .search article {-webkit-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear; border: 1px solid #000; margin-bottom: 30px; padding: 20px; display: block; } .search article:hover {-webkit-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;} .search article:last-of-type {margin-bottom: 0;} .search article h2 {margin: 0 0 20px; font-size: 35px;} .search-con {padding-right: 5%; -ms-flex-preferred-size: 65%; flex-basis: 65%;} /*################################### ## Error Page ###################################*/ .error-404 {text-align: center;} #below-banner-logos .img-hover-zoom img { width: 80%; height: auto; padding-bottom: 30px; } /*################################### ## RESPONSIVE ###################################*/ @media screen and (max-width: 1660px) { .wrap, #gallery .row, .reviews-box, .footer-wrap { width: 97%!important; } .header-content .header-top { padding-left: 15px; padding-right: 15px; } } @media screen and (max-width: 1260px) { /* BANNER */ .banner-box .banner-text h2 { font-size: 45px; } .banner-box .banner-text p { font-size: 14px; } .banner-box .btn { max-width: 180px; font-size: 18px; padding: 15px 0; } /*CONTENT*/ .content-text h1, .content-text h2 { font-size: 80px; } } @media screen and (max-width: 1075px) { /*HEADER*/ .header-bottom .header-nav { width: 65.8%; } /*CONTENT*/ .content-text h1, .content-text h2 { font-size: 70px; } .content-text p { font-size: 15px; } /*ABOUT*/ #about { padding: 0 0 25px; } /*REVIEWS*/ .reviews-box::after { bottom: -70px; } } @media(max-width:1024px){ .wrap.flexe { justify-content: center; } .header-nav { display: none; } .header-bottom .header-logo { width: 100%; max-width: 300px; margin-top: 0; padding-bottom: 10px; } } @media screen and (max-width: 960px) { /*HEADER*/ .header-top .wrap { max-width: 800px; margin: 0 0 0 auto; } .header-info .loc, .header-info .tel a, .main-navigation ul li a { font-size: 14px; } .header-bottom .header-nav { width: 70.8%; } .main-navigation ul li:last-of-type { margin-top: -5px; } /*BANNER*/ /* .banner-box .banner-text h2 { font-size: 120px; } .banner-box .banner-text p { font-size: 20px; } */ /*CONTENT*/ .content-text h1, .content-text h2 { font-size: 60px; } .content-text h4 { font-size: 20px; } /*PRODUCTS*/ .products-box .widget-title { font-size: 30px; } /*CATEGORIES*/ .categories-text p { font-size: 130px; min-height: 200px; } /*ABOUT*/ .about-cell .about-box { position: relative; z-index: 3; } .about-cell .button p { margin: 5px; } /*INFO*/ .info-box .loc, .info-box a { letter-spacing: 2px; } } @media screen and (max-width: 830px) { .header-top .header-info::before { left: 71%; } } @media screen and (max-width: 800px) { #below-banner-logos .img-hover-zoom img { width: unset; height: auto; padding-bottom: 30px; } body {min-width: 320px;} h1, h2 { font-size: 50px; } #map .row, #info .row { width: 100%!important; } .row, .wrap, #gallery .row, .reviews-box, .footer-wrap { width: 95%!important; } .formLabel.col { width: 100%; } .flex, .flexs, .flexc, .flexe { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important; } .social-navigation ul li { width: 40px; height: 40px; } .social-navigation ul li a::before { font-size: 18px; top: 12px; } /*BUTTON*/ .btn { max-width: 160px!important; font-size: 16px!important; letter-spacing: 3px!important; padding: 12px 0!important; } /*TEXT ALIGN*/ .tl, .tr { text-align: center; } /*BANNER*/ .banner-container .metaslider .slides img { height: 400px!important; } .banner-container video { height: 100%!important; object-fit: cover; } .banner-cell { padding: 30px 15px; } .banner-box .banner-text h2 { font-size: 80px; } .banner-box .banner-text p { font-size: 16px; margin: 15px 0; } /*CONTENT*/ #categories, #about, #gallery, #reviews { padding: 30px 0; } .content-text h3 { font-size: 45px; } .content-text p { margin: 15px 0!important; } .content-text ul{columns:2;} /*PRODUCTS*/ #products .row { margin: 0 auto; } .products-box { margin: 20px 0 0; } .products-box .widget-title { font-size: 35px; } .products-cell > div, .products-cell > div:nth-child(2) { margin: 0; } .products-cell > div:nth-child(2)::before { display: none; } #products .products-cell .menucols{ right: 0; margin: 0 auto; } #products .products-cell .wineMenu:hover .menucols, #products .products-cell .liquorMenu:hover .menucols, #products .products-cell .beerMenu:hover .menucols{ max-width: 400px; } /*CATEGORIES*/ .categories-text p { min-height: 250px; } .categories-box .content-img { max-width: 200px; } .categories-desc p { margin: 20px 0; line-height: 1; } /*ABOUT*/ .about-cell .content-img { margin-top: 20px; } .about-cell .about-box { max-width: 100%; margin: 0 auto; padding-top: 0; padding: 0; } .about-box .content-text h1::after { margin: 0 auto; } .about-box .button-cell { max-width: 100%; } .about-box .tel { padding: 20px 0; } /*GALLERY*/ #gallery .row { margin: 0 auto; } .inner-gallery .content-img img { height: 100%!important; } .gallery-cell .inner-gallery { -webkit-box-orient: unset!important; -webkit-box-direction: unset!important; -ms-flex-direction: unset!important; flex-direction: unset!important; } /*REVIEWS*/ #reviews .button { padding: 20px 0; margin-top: 0; } .reviews-box::after { display: none; } .reviews-box .content-img { max-width: 100%; padding: 20px; padding-bottom: 0!important; background: #A27C44; } /*INFO*/ #info { padding: 30px 0 0; } #info .socials { padding: 10px 0 15px; } .info-cell { padding: 0 0 30px; } /*FOOTER*/ .site-footer { padding: 30px 0 0; } .footer-wrap { padding-bottom: 30px; } .footer-wrap .form { width: 100%; } /*COPYRIGHT*/ .copyright p, .copyright a { font-size: 14px; } /*INNER PAGES*/ .inner .site-footer, .inner .footer-wrap { padding: 0; } .blog-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} .blog-container {margin-bottom: 30px; padding-right: 0;} .search-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .search-con {margin-bottom: 30px; padding-right: 0;} .cta {background: #D7BA5A url("assets/images/phonecall.png") no-repeat center center; border-bottom-left-radius: 40px;border-top: 2px solid #000; border-top-left-radius: 40px; text-decoration: none; text-indent: -9999em; position: fixed; display: block; bottom: 13%; height: 80px; width: 100px; z-index: 999; right: 0;} #wprmenu_bar {-webkit-box-shadow: 0px 0px 2px #000;box-shadow: 0px 0px 2px #000;} #wprmenu_bar .bar_logo { height: 33px; } #wprmenu_bar .menu_title a {color: #FFF; top: 0;} html body div.wprm-overlay {background: transparent;} .logged-in #wprmenu_menu_ul {top: 47px !important;} } .hrs{ color:#fff; text-align:center; } .img-hover-zoom { } .img-hover-zoom img { transition: transform .5s ease; } .img-hover-zoom:hover img { transform: scale(1.2); } .entry-meta{ display:none; } .readmore{ padding: 10px 30px; border: 2px solid #B3894C; } .readmore:hover{ background:#B3894C; color:#fff; } .entry-header h2 a{ margin-top: 50px; display: block; font-size:27px; } .txt-title h3{ font-weight: 700; font-size: 40px; color: #FFFFFF; letter-spacing: 5px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; } .txt-title h3 a:before{ content: ""; background: #B3894C; max-width: 70px; width: 100%; height: 3px; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; } .txt-title h3 a:after{ content: ""; background: #B3894C; max-width: 70px; width: 100%; height: 3px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } .txt-title h3 a{ color:#fff; text-align:center; display:block; padding: 25px 0; } #commentform label{ color:#000; } #commentform input{ width: 100%; max-width: 383px; } #commentform input.submit{ width:inherit; } .aligncenter{ margin:0 auto; display:block; } @media screen and (max-width: 500px) { h1, h2 { font-size: 40px; } .blog-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} .blog-header p, .blog-header h2 {text-align: center; width: 100%;} .blog-list article {text-align: center;} .blog-header h2 {font-size: 30px;} .blog-container .btn {margin-top: 20px !important;} } @media screen and (max-width: 440px) { /*BUTTON*/ .btn { max-width: 140px!important; font-size: 12px!important; } /*BANNER*/ .banner-box .banner-text h2 { font-size: 50px; } .banner-box .banner-text p { font-size: 14px; } .banner-container .metaslider .slides img { height: 300px!important; } /*CONTENT*/ .content-text h1, .content-text h2 { font-size: 40px; } .inner #content h1{font-size:35px;} .inner #content h2{font-size:50px;} .content-text ul{columns:auto;} /*ABOUT*/ .about-box .tel a { font-size: 30px; } .about-box .tel a::before { font-size: 25px; } .about-box .content-text h1{font-size:35px;} /*GALLERY*/ .gallery-cell .inner-gallery { -webkit-box-orient: vertical!important; -webkit-box-direction: normal!important; -ms-flex-direction: column!important; flex-direction: column!important; } /*INFO*/ .info-box .loc, .info-box a { letter-spacing: 0px; } /*MAP*/ #map iframe { width: 100%; height: 300px; border: none; display: block; } /*COPYRIGHT*/ .footer-bottom { padding: 20px 10px; } .copyright p, .copyright a { font-size: 10px; } }