/* Theme Name: portphillipestate Theme URI: http://underscores.me/ Author: Underscores.me Author URI: http://underscores.me/ Description: Description Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: portphillipestate Tags: Enhance By: CRU Team /*-------------------------------------------------------------- # Importing purchase typefaces --------------------------------------------------------------*/ @font-face {font-family: 'TiemposMedium'; src: url('../fonts/TiemposTextWebMedium.eot'); src: url('../fonts/TiemposTextWebMedium.eot') format('embedded-opentype'), url('../fonts/TiemposTextWebMedium.woff2') format('woff2'), url('../fonts/TiemposTextWebMedium.woff') format('woff'), url('../fonts/TiemposTextWebMedium.ttf') format('truetype'), url('../fonts/TiemposTextWebMedium.svg#TiemposTextWebMedium') format('svg'); } @font-face {font-family: 'TiemposMediumItalic'; src: url('../fonts/TiemposMediumItalic.eot'); src: url('../fonts/TiemposMediumItalic.eot') format('embedded-opentype'), url('../fonts/TiemposMediumItalic.woff2') format('woff2'), url('../fonts/TiemposMediumItalic.woff') format('woff'), url('../fonts/TiemposMediumItalic.ttf') format('truetype'), url('../fonts/TiemposMediumItalic.svg#TiemposMediumItalic') format('svg'); } @font-face {font-family: 'ARG_Tiempos'; src: url('../fonts/TiemposTextWeb-Regular.eot'); src: url('../fonts/TiemposTextWeb-Regular?#iefix') format('embedded-opentype'), url('../fonts/TiemposTextWeb-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-stretch: normal; } @font-face {font-family: 'ARG_Tiempos'; src: url('../fonts/TiemposTextWeb-RegularItalic.eot'); src: url('../fonts/TiemposTextWeb-RegularItalic?#iefix') format('embedded-opentype'), url('../fonts/TiemposTextWeb-RegularItalic.woff') format('woff'); font-weight: 400; font-style: italic; font-stretch: normal; } @font-face {font-family: 'TiemposSemibold'; src: url('../fonts/TiemposSemibold.eot'); src: url('../fonts/TiemposSemibold.eot') format('embedded-opentype'), url('../fonts/TiemposSemibold.woff2') format('woff2'), url('../fonts/TiemposSemibold.woff') format('woff'), url('../fonts/TiemposSemibold.ttf') format('truetype'), url('../fonts/TiemposSemibold.svg#TiemposSemibold') format('svg'); } @font-face {font-family: 'TiemposSemiboldItalic'; src: url('../fonts/TiemposSemiboldItalic.eot'); src: url('../fonts/TiemposSemiboldItalic.eot') format('embedded-opentype'), url('../fonts/TiemposSemiboldItalic.woff2') format('woff2'), url('../fonts/TiemposSemiboldItalic.woff') format('woff'), url('../fonts/TiemposSemiboldItalic.ttf') format('truetype'), url('../fonts/TiemposSemiboldItalic.svg#TiemposSemiboldItalic') format('svg'); } @font-face {font-family: 'ARG_Tiempos-Headline'; src: url('../fonts/TiemposHeadlineWeb-Semibold.eot'); src: url('../fonts/TiemposHeadlineWeb-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/TiemposHeadlineWeb-Semibold.woff') format('woff'); font-weight: 700; font-style: normal; font-stretch: normal; } @font-face {font-family: 'ARG_Tiempos-Headline'; src: url('../fonts/TiemposHeadlineWeb-SemiboldItalic.eot'); src: url('../fonts/TiemposHeadlineWeb-SemiboldItalic?#iefix') format('embedded-opentype'), url('../fonts/TiemposHeadlineWeb-SemiboldItalic.woff') format('woff'); font-weight: 700; font-style: italic; font-stretch: normal; } @font-face {font-family: 'TiemposRegularItalic'; src: url('../fonts/TiemposRegularItalic.eot'); src: url('../fonts/TiemposRegularItalic.eot') format('embedded-opentype'), url('../fonts/TiemposRegularItalic.woff2') format('woff2'), url('../fonts/TiemposRegularItalic.woff') format('woff'), url('../fonts/TiemposRegularItalic.ttf') format('truetype'), url('../fonts/TiemposRegularItalic.svg#TiemposRegularItalic') format('svg'); } /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html {font-family: 'ARG_Tiempos', sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; } body {margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block; } audio, canvas, progress, video {display: inline-block; vertical-align: baseline; } audio:not([controls]) {display: none; height: 0; } [hidden], template {display: none; } a {background-color: transparent; outline: 0; border: 0; } a:hover, a:active, a:focus {outline: 0; border: 0; } :focus {outline: none; } ::-moz-focus-inner {border: 0; } input::-moz-focus-inner {border: 0; outline: 0; } a:active, a:hover {outline: 0; } b, strong {font-weight: bold; } dfn {font-style: italic; } h1 {font-size: 2em; margin: 0.67em 0; } mark {background: #ff0; color: #000; } small {font-size: 80%; } sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup {top: -0.5em; } sub {bottom: -0.25em; } img {border: 0; } svg:not(:root) {overflow: hidden; } figure {margin: 1em 40px; } hr {box-sizing: content-box; height: 0; } pre {overflow: auto; } code, kbd, pre, samp {font-size: 1em; } button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0; } button {overflow: visible; outline: 0; } button, select {text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer; outline: 0; } button[disabled], html input[disabled] {cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0; } input {line-height: normal; } input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto; } input[type="search"] {-webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none; } fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend {border: 0; padding: 0; } textarea {overflow: auto; } optgroup {font-weight: bold; } table {border-collapse: collapse; border-spacing: 0; } td, th {padding: 0; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, textarea {color: #000;font-size: 16px; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 {clear: both; } p {margin-bottom: 1.5em; } dfn, cite, em, i { /* changed by DV to fix homepagefont-style: italic; */ font-style: normal !important;} blockquote {margin: 0 1.5em; } address {margin: 0 0 1.5em; } pre {background: #eee; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var {font-size: 15px; font-size: 0.9375rem; } abbr, acronym {border-bottom: 1px dotted #666; cursor: help; } mark, ins {background: #fff9c0; text-decoration: none; } big {font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html {box-sizing: border-box; } *, *:before, *:after {box-sizing: inherit; } body {background: #fff;} blockquote:before, blockquote:after, q:before, q:after {content: ""; } blockquote, q {quotes: "" ""; } hr {background-color: #000; border: 0; height: 1px;} ul, ol {margin: 0 0 1.5em 3em; } ul {list-style: disc; } ol {list-style: decimal; } li > ul, li > ol {margin-bottom: 0;} dt {font-weight: bold; } dd {margin: 0 1.5em 1.5em; } img {height: auto;max-width: 100%;} table {margin: 0 0 1.5em; width: 100%; } h1, h2, h3, h4, h5, h5, ul, li, p, br, hr {padding: 0; margin: 0; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] {border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); padding:0px; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {border-color: #ccc #bbb #aaa; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {border-color: #aaa #bbb #bbb; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {color: #666; border: 1px solid #ccc; border-radius: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {color: #111; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] {padding: 3px; } textarea {padding-left: 3px; width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ .nav_header {height: 80px; background-color: #ffffff; padding: 12px 0 10px; position: fixed; width: 100%; z-index: 99; margin: 0 auto; left: 0; right: 0; top: 0; overflow: hidden; } .nav_header_wrap {position: relative; height: 100%; margin: 0 20px; border-bottom: 1px solid black; } .abso-middle {position: absolute; width: 130px; left: 0; right: 0; bottom: 3px; margin: 0 auto; } .abso-left {position: absolute; left: 0; bottom: 3px; width: 40%; height: 50px; } .abso-right {position: absolute; right: 0; bottom: 3px; width: 40%; height: 50px; } .abso-right .open, .abso-right .close {right: 0; } .nav_header_logoLink {font-size: 14px; text-decoration: none; } .nav_header_link {cursor: pointer; padding-top: 5px; font-size: 14px; position: absolute; bottom: 0; } .open {-webkit-transition: opacity 1s; transition: opacity 1s; } .open.is-gone {opacity: 0; } .menuPanel {height: 100vh; width: 100%; position: fixed; z-index: 98; top: 0; } .panel--one {background-color: rgba(255, 255, 255, 0.9); -webkit-transition: -webkit-transform 1s cubic-bezier(0.37, 0.01, 0.67, 1); transition: -webkit-transform 1s cubic-bezier(0.37, 0.01, 0.67, 1); transition: transform 1s cubic-bezier(0.37, 0.01, 0.67, 1); transition: transform 1s cubic-bezier(0.37, 0.01, 0.67, 1), -webkit-transform 1s cubic-bezier(0.37, 0.01, 0.67, 1); -webkit-transform: translateX(-100%); transform: translateX(-100%); left: 0; } .panel--two {background-color: rgba(255, 255, 255, 0.9); -webkit-transition: -webkit-transform 1s cubic-bezier(0.37, 0.01, 0.67, 1); transition: -webkit-transform 1s cubic-bezier(0.37, 0.01, 0.67, 1); transition: transform 1s cubic-bezier(0.37, 0.01, 0.67, 1); transition: transform 1s cubic-bezier(0.37, 0.01, 0.67, 1), -webkit-transform 1s cubic-bezier(0.37, 0.01, 0.67, 1); -webkit-transform: translateX(100%); transform: translateX(100%); right: 0; } .close {-webkit-transition: opacity 1s; transition: opacity 1s; opacity: 0; } .close.is-visible {opacity: 1; } .panel--one.is-visible, .panel--two.is-visible {-webkit-transform: translateX(0); transform: translateX(0); } /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a {color: #000; } a:visited {color: #282828; } a:hover, a:focus, a:active {color: #282828; } a:focus {outline: thin dotted; } a:hover, a:active {outline: 0; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .main-navigation {clear: both; display: block; float: left; width: 100%; } .main-navigation ul {display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation li {float: left; position: relative; } .main-navigation a {display: block; text-decoration: none; } .main-navigation ul ul {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 1.5em; left: -999em; z-index: 99999; } .main-navigation ul ul ul {left: -999em; top: 0; } .main-navigation ul ul a {width: 200px; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {left: auto; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {left: 100%; } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul {display: block; } @media screen and (min-width: 37.5em) {.menu-toggle {display: none; } .main-navigation ul {display: block; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- # Argonaut Menu --------------------------------------------------------------*/ .nav__list {list-style: none;} .nav__heading {font-size: 26px; color: #282828; } .nav__heading--dot {color: #282828; } .nav__item {font-size: 14px; } .nav__link {text-decoration: none; color: #282828; -webkit-transition: all 0.8s; transition: all 0.8s; } .nav__link:hover {cursor: pointer; text-decoration: underline; } .menuHover__Wrap {overflow: hidden; position: absolute; } .nav__content {padding-top: 15px; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */} /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft {display: inline; float: left; margin-right: 1.5em; } .alignright {display: inline; float: right; margin-left: 1.5em; } .aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {content: ""; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .sections:after {clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget {margin: 0 0 1.5em; } /* Make sure select elements fit in widgets. */ .widget select {max-width: 100%; } /* Search widget. */ .widget_search .search-submit {display: none; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ #content {width: 100vh; min-width: 800px; margin: 0 auto; } .body-Container {width: 95%; margin-top: 80px; } .top-Container {background-size: cover; background-position: center center; } .mobile-top-Container {background-size: cover; background-position: center center; } .tablet-top-Container {background-size: cover; background-position: center center; } .sticky {display: block; } .hentry {margin: 0 0 1.5em; } .byline, .updated:not(.published) {display: none; } .single .byline, .group-blog .byline {display: inline; } .page-content, .entry-content, .entry-summary {margin: 1.5em 0 0; } .page-links {clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- ## Sidebar --------------------------------------------------------------*/ .sidebar__Posts {width: 30%; padding: 0 10px; float: left; } .sideBar--hr {height: 1px; background-color: #000; } /*-------------------------------------------------------------- ## Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title {display: none; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a {word-wrap: break-word; } .bypostauthor {display: block; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer {display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object {max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption {margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] {display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text {margin: 0.8075em 0; } .wp-caption-text {text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery {margin-bottom: 1.5em; } .gallery-item {display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item {max-width: 50%; } .gallery-columns-3 .gallery-item {max-width: 33.33%; } .gallery-columns-4 .gallery-item {max-width: 25%; } .gallery-columns-5 .gallery-item {max-width: 20%; } .gallery-columns-6 .gallery-item {max-width: 16.66%; } .gallery-columns-7 .gallery-item {max-width: 14.28%; } .gallery-columns-8 .gallery-item {max-width: 12.5%; } .gallery-columns-9 .gallery-item {max-width: 11.11%; } .gallery-caption {display: block; } .lazyload, .lazyloading {opacity: 0; } .lazyloaded {opacity: 1; -webkit-transition: opacity 800ms; transition: opacity 800ms; -webkit-transition-delay: 1500ms; transition-delay: 1500ms; } .error__Body {-webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; position: absolute; height: auto; left: 0; right: 0; } .error__Callout {font-family: "ARG_Tiempos-Headline"; font-size: 50px; line-height: 55px; color: white; width: 90%; margin: auto; font-weight: normal; } /**joan here**/ hr.cw-quote-breaker{height: 2px;width: 20px;margin: 20px 0 15px;display: block;} body.single-product.woocommerce-page h1.entry-title span.cw-newline{display:block;} h3.cw-product-descrition-heading{padding-bottom: 8px;font-weight: normal;border-bottom: 1px solid #000;margin-bottom: 10px;font-size: 16px;font-family: 'TiemposSemibold',sans-serif;} footer#colophon::before{clear:both;} .voucher-fields input{border-radius:0;} .voucher-fields textarea.input-text{border:none!important;border-bottom:1px solid #000!important;border-radius:0;height:31px!important;} .voucher-fields .form-row{padding-top:10px!important;} .product_cat-voucher .wineBottle__cart span.quantity-title, .product_cat-voucher .wineBottle__cart input.quantity{display:none} body.single-product.woocommerce-page button.button.alt.addCart__link, .gift-voucher-page button.button.alt.addCart__link{border: none !important;color: #000 !important;border-bottom:1px solid #000 !important;text-transform: uppercase;padding:0!important;height: auto;padding-bottom:2px!important;font-family: 'TiemposSemibold',sans-serif;} body.single-product.woocommerce-page button.button.alt.addCart__link:hover, .gift-voucher-page button.button.alt.addCart__link:hover {background:none !important;opacity: 0.9;} table.shop_table th{font-weight: 500!important;font-size: 17px!important;text-transform: uppercase;} body.single-product div.woocommerce-message a{float: right!important;margin-top: 0 !important;} body.single-product div.woocommerce-message{float: right;margin-right: 17% !important;} body.woocommerce-checkout header.entry-header, body.woocommerce-cart header.entry-header, body.woocommerce-cart .cw-our-suggestions ul.products{display:none;} .desktop-wine__Items:nth-last-child(-n+2){height: auto !important;} .woocommerce table.shop_table_responsive tr td:before, .woocommerce-page table.shop_table_responsive tr td:before{font-weight: 500;text-transform: uppercase;} body.page-id-6 .sidebar__Posts h1{width:80%;font-size: 16px; line-height: 22px;} body.page-id-10 .sidebar__Posts h1{width: 77%;} body.home.page-id-33 .mediaGroup--callOut{width:55%;} input.button.cw-update-cart{margin-right: 20px;width: 200px;font-size: 20px;} body.woocommerce-cart table.shop_table, body.woocommerce-cart table.shop_table tbody, body.woocommerce-cart table.shop_table tbody td.product-name a,body.woocommerce-cart table.shop_table tbody td.product-quantity input, body.woocommerce-cart table.shop_table tbody a.shipping-calculator-button, body.woocommerce-checkout label, body.woocommerce-checkout input, body.woocommerce-checkout p, body.woocommerce-checkout a, body.woocommerce-checkout textarea, body.woocommerce-checkout th, body.woocommerce-checkout td,body.woocommerce-checkout p.form-row strong, body.woocommerce-checkout select, body.woocommerce-checkout div#order_review table.shop_table td a{color:#2b3d5c;} body.woocommerce-cart main#main article .entry-content{margin-top:0;} .cw-transform-uppercase{text-transform:uppercase!important;} body.woocommerce-cart td[data-title="Total"] strong span.woocommerce-Price-amount.amount, body.woocommerce-checkout div#order_review table.shop_table td h3 strong span.woocommerce-Price-amount.amount{font-size: 30px;color: #2b3d5c;} body.woocommerce-cart td[data-title="Total"] strong span.woocommerce-Price-amount.amount span.woocommerce-Price-currencySymbol, body.woocommerce-checkout div#order_review table.shop_table td h3 strong span.woocommerce-Price-amount.amount span.woocommerce-Price-currencySymbol{font-size: 22px;} body.woocommerce-cart article table.shop_table td,body.woocommerce-cart article table.shop_table th,body.woocommerce-checkout div#order_review table.shop_table th, body.woocommerce-checkout div#order_review table.shop_table td{padding-left:0;} body.woocommerce-checkout label[for='billing_country']{display:inline-block;margin-right: 10px;} .cw-additional-notes{margin-top:60px;} /*body.woocommerce-checkout form.woocommerce-checkout #billing_country_field{display:none;}*/ p.wc-terms-and-conditions label[for="terms"] a{text-transform:capitalize;} .woocommerce form .form-row label, .woocommerce-page form .form-row label[for='shipping_country']{display: inline;margin-right: 15px;} body.woocommerce-checkout label[for="ship-to-different-address-checkbox"]{font-weight:normal;font-size: 17px;margin-right: 10px;margin-left: 2px;color:#666;} body.woocommerce-checkout input#ship-to-different-address-checkbox{color:#666;} body.woocommerce-checkout form.checkout.woocommerce-checkout input, body.woocommerce-checkout form.checkout.woocommerce-checkout h3#ship-to-different-address{border-color:#666!important;} body.woocommerce-checkout div.shipping_address p#shipping_country_field{display:none;} h3#ship-to-different-address {border: none !important; } .woocommerce table.shop_table, .shop_table small.includes_tax {font-family: 'TiemposMedium',sans-serif; } .sidebar__Post--textWrap strong {font-family: 'TiemposSemibold',sans-serif; font-weight: normal !important; } .sidebar__Post--textWrap em { font-family: 'TiemposRegularItalic', sans-serif; font-style: normal; } body.woocommerce-cart h3.with_separator, body.woocommerce-cart .order-total h3, .wc-proceed-to-checkout, body.woocommerce-checkout .entry-content h3 { font-family: 'TiemposSemibold', sans-serif;font-weight: normal; } span.s1 b, .four__column--col-4 h3 { font-family: 'TiemposSemibold', sans-serif; font-weight: normal;} .footer__flexItem { font-family: 'TiemposMedium', sans-serif; line-height: 1.4em; } .four__column a.red.border-bottom { font-family: 'TiemposSemibold', sans-serif; text-transform: uppercase; font-weight: normal; } .sections .mediaGroup--callOut {max-width: 530px; font-size: 48px; line-height: 1.2em; } .sections .mediaGroup--callOut br { display: none; } h3.vineyard--header:not(.border-bottom) { font-family: 'TiemposSemibold', sans-serif; } body.page-template-template-trade .trade__title, body.page-template-template-trade .trade__column > h3 {font-family: 'TiemposSemibold',sans-serif; font-weight: normal; } .wine-flexbox__Wrapper .desktop-wine__Items h2, .wine-flexbox__Wrapper .wine__description--link, .wine-flexbox__Wrapper .wine__description--header {font-family: 'TiemposSemibold',sans-serif; font-weight: normal; } @media only screen and (min-width: 1800px) {body.single-product.woocommerce-page div#page div.body-Container{padding:0!important;} body.single-product.woocommerce-page div.wineBottle__heroImg img{width:80%;float: right;} } @media only screen and (min-width: 568px) {.error__Callout {font-size: 80px; line-height: 85px; } } @media only screen and (min-width: 768px) {.error__Callout{font-size: 115px;line-height: 120px;width: 80%;} body.archive.post-type-archive-product.woocommerce-page .desktop-wine__List .desktop-wine__rhs .desktop-wine__rhs__Statement{width:100%;transform:translateX(-47.2%);} } @media only screen and (min-width: 769px) {body.woocommerce-cart article table.shop_table td.product-quantity input{transform: translateX(-28%);} body.woocommerce-checkout div#order_review td.product-quantity{transform: translateX(-15%);} } @media only screen and (min-width: 1024px) {.error__Callout {width: 70%; max-width: 650px; } } .background__Container {position: fixed; top: -50%; left: -50%; width: 200%; height: 200%; z-index: -1; } img.background__Image {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%; } .accordion {padding-top: 10px; } @media only screen and (min-width: 768px) {.accordion {padding-top: 0; } } .accordion__container {clear: both; width: 50%; margin-top: 25px; } @media only screen and (min-width: 768px) {.accordion__container {position: relative; display: block; float: left; width: 25%; padding: 0; margin: 0; clear: none; position: absolute; right: 28%; top: 0; } } @media only screen and (min-width: 1024px) {.accordion__container {width: 185px; right: 250px; } } .accordion__title {font-family: 'TiemposSemibold', sans-serif; font-weight: normal; font-size: 16px; } @media only screen and (min-width: 768px) {.accordion__title{width: 120px;font-size: 16px;line-height: 20px;} } @media only screen and (min-width: 1025px) {.accordion__title {padding-top: 3px; } } @media only screen and (min-width: 1280px) {.accordion__title {font-size: 16px; line-height: 20px; } } .accordion__hr {margin: 5px 0 10px; } @media only screen and (min-width: 768px) {.accordion__hr {margin: 8.5px 0 10px; } } @media only screen and (min-width: 1025px) {.accordion__hr {margin: 19.5px 0 10px; } } @media only screen and (min-width: 1025px) {.accordion__hr {margin: 16px 0 10px; } } .accordion__link {-webkit-transition: opacity 400ms; transition: opacity 400ms; } .accordion__link:hover {opacity: 1!important; } .accordion__link h3 {font-size: 16px; line-height: 26px; font-weight: 400; cursor: pointer; margin-bottom: 5px; display: inline; } @media only screen and (min-width: 1280px) {.accordion__link h3{line-height: 20px;margin-bottom: 8px;} } .accordion__link h3{border-bottom: 1px solid #000; } .accordion__link.current {opacity: 1!important; } .accordion__link.current h3{border-bottom: 1px solid #000;} .accordion__content {padding: 10px 0 0; display: none; opacity: 0; -webkit-transition: opacity 800ms; transition: opacity 800ms; } @media only screen and (min-width: 768px) {.accordion__content {top: 0; right: 0; width: 100%; position: relative; margin: 0; } } @media only screen and (min-width: 1023px) {.accordion__content {width: 100%; padding-bottom: 15px; } } .accordion__content p {font-size: 16px; line-height: 20px; margin-bottom: 0.5em; } .accordion__header {font-size: 15px; line-height: 17px; margin-bottom: 0.5em; } /* Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { /* --------------------------------------------- Argonaut menu --------------------------------------------*/ .nav {overflow: auto; height: 240px; } .abso-middle {width: 210px; } .nav__header__additional--mob {-webkit-transform: translateY(-150%); transform: translateY(-150%); } } @media only screen and (min-width: 767px) { /* --------------------------------------------- Argonaut Menu --------------------------------------------*/ .mobile__menuButtonWrap {display: none; } .menuHover__Wrap {display: block; height: 45%; width: calc(100% - 20px); bottom: 20px; left: 0; right: 0; margin: 0 auto; display: none; } .menuPanel {min-height: 950px; width: 40.5%; } .nav__list .nav__heading {font-size: 77px; } .nav__list .nav__heading--dot {font-size: 77px; } .nav__list .nav__item {font-size: 12px; } .panel--one {padding: 60px 15px 30px 36px; } .panel--two {padding: 60px 36px 30px 15px; } .nav__content h1 {font-size: 26px; } } @media only screen and (min-width: 1023px) { /* --------------------------------------------- Argonaut Menu --------------------------------------------*/ .menuHover__Wrap {display: block; height: 50%; width: 60%; width: 50%; top: 98px; right: 20px; left: initial; display: none; } .menuPanel {width: 33.33%; } .nav__list .nav__heading {font-size: 80px; } } @media only screen and (min-width: 1025px) { /* --------------------------------------------- Argonaut Menu --------------------------------------------*/ .menuHover__Wrap {display: none;top: 138px;right: 15px;} .menuHover__Quote {font-size: 16px;font-weight: 800;line-height: 18px;text-align: center;padding-top: 40px;padding-right: 5px;} .menuPanel {width: 535px;} .menuHover__Wrap {top: 98px;right: 15px;width: 50%;} .nav__contentWrap {padding-top: 15px;} .nav__list {padding-bottom: 15px;} } .body-Container {width: 100%;padding: 0 20px;margin-top: 10px;} @media only screen and (min-width: 768px){.body-Container {padding: 0px 50px 0;}} @media only screen and (min-width: 1024px) {.body-Container {padding: 0px 50px 0;} } @media only screen and (min-width: 1280px) {.body-Container {padding: 0px 116px 0;} } .brandmark__wrapper {font-weight: 600;margin: 20px 20px 0;position: relative;} @media only screen and (min-width: 768px) {.brandmark__wrapper {margin: 35px 50px 0;} } @media only screen and (min-width: 1024px) {.brandmark__wrapper {margin: 35px 50px 0;} } @media only screen and (min-width: 1280px) {.brandmark__wrapper {margin: 35px 95px 0;} } .brandmark__link {font-size: 16px;line-height: 19px;font-weight: normal;text-decoration: none;display: inline-block;font-family: "ARG_Tiempos-Headline", Helvetica;}.four__column {width: 70%;} @media only screen and (min-width: 768px) {.four__column {width: 25%;float: left;padding: 0 10px 15px;} } @media only screen and (min-width: 1199px) {.four__column {padding: 0 20px 15px;} } .four__column p {font-size: 16px;line-height: 20px;margin-top: 0.75em;} .four__column--col-1 {padding: 0;font-weight: normal;margin: 15px 0;font-family: 'ARG_Tiempos-Headline';} @media only screen and (min-width: 568px) {.four__column--col-1 {width: 50%;} } @media only screen and (min-width: 768px) {.four__column--col-1 {margin: 0;margin-left: 40px;width: 32%;font-weight: normal;} } @media only screen and (min-width: 1024px) {.four__column--col-1 {margin-left: 65px;} } @media only screen and (min-width: 1280px) {.four__column--col-1 {margin-left: 90px;} } .four__column--col-1 p {font-size: 24px;line-height: 27px;} .four__column--col-2 {display: none;} @media only screen and (min-width: 768px) {.four__column--col-2 {display: block;height: 1px;width: 55px;} } @media only screen and (min-width: 1024px) {.four__column--col-2 {width: 115px;} } @media only screen and (min-width: 1280px) {.four__column--col-2 {width: 140px;} } .four__column--col-3 {padding: 10px 0;} @media only screen and (min-width: 768px) {.four__column--col-3 {float: left;width: 25%;float: none;position: absolute;right: 250px;right: 28%;top: 0;} } @media only screen and (min-width: 1024px) {.four__column--col-3 {padding-top: 0;width: 220px;right: 250px;} } .four__column--col-3 h3 {font-size: 16px;line-height: 20px;font-family: 'TiemposSemibold', sans-serif; font-weight: normal; } .four__column--col-4 {padding: 10px 0;} @media only screen and (min-width: 768px) {.four__column--col-4 {float: right;width: 25%;} } @media only screen and (min-width: 1024px) {.four__column--col-4 {padding-top: 0;width: 220px;} } .four__column--col-4 h3 {font-size: 16px;line-height: 18px;} @media only screen and (min-width: 1280px) {.four__column--col-4 h3 {font-size: 16px;line-height: 20px;} } .four__column hr {margin: 5px 0 10px;width: 100%;height: 1px;background-color: #282828;} .four__column a {color: #e04c70;} .four__column--imageWrap {display: none;} .footer__flexWrapper {text-transform: uppercase;font-weight: 100;font-size:13px;line-height:16px;margin: 60px 20px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;padding-top: 50px;box-sizing: border-box;} @media only screen and (min-width: 568px) { .footer__flexWrapper {position: relative;height: 150px;width: calc(100% - 40px);margin-left: auto;margin-right: auto;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;} } @media only screen and (min-width: 768px) {.footer__flexWrapper {margin: 0 auto 70px;width: calc(100% - 100px);} } @media only screen and (min-width: 1280px) {.footer__flexWrapper {width: calc(100% - 190px);margin: 120px auto 150px;} } .footer__flexItem {margin: 20px 0;width: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;} @media only screen and (min-width: 568px) {.footer__flexItem {margin: 0;-webkit-box-flex: 200px;-webkit-flex: 200px;-ms-flex: 200px;flex: 200px;padding-bottom: 20px;} } @media only screen and (min-width: 768px) {.footer__flexItem {-webkit-box-flex: 150px;-webkit-flex: 150px;-ms-flex: 150px;flex: 150px;} } .footer__flexItem a {text-decoration:underline;display: inline;-webkit-transition: opacity 400ms;transition: opacity 400ms;} body.page-template-template-enquiries .footer__flexItem a{border-color: #fff!important;font-weight:normal;} body.page-template-template-enquiries .footer__flexItem{font-weight:normal;} .footer__flexItem a:hover {opacity: 1!important;} @media only screen and (min-width: 568px) {.footer__flexItem--1 {-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;width: 30%;} } @media only screen and (min-width: 768px) {.footer__flexItem--1 {max-width: 200px;} } .footer__flexItem--2 {width: 70%;} @media only screen and (min-width: 568px) {.footer__flexItem--2 {-webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 768px) {.footer__flexItem--2 {min-width: 200px; } } .footer__flexItem--3 {-webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; width: 35%; } @media only screen and (min-width: 768px) {.footer__flexItem--3 {-webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } .footer__flexItem--4 {-webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; width: 65%; } @media only screen and (min-width: 768px) {.footer__flexItem--4 {-webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } @media only screen and (min-width: 768px) {.footer__flexGrow {-webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; } } @media only screen and (min-width: 319px) {.nav_header_link_wrap {color: #282828; text-decoration: none; line-height: 19px; padding-top: 11px; } .nav_header_logoLink {font-weight: 800; color: #282828; line-height: 19px; } .panel--oneBtn .open:before {content: 'Menu'; } .panel--twoBtn .open:before {content: 'Contact'; } } @media only screen and (min-width: 568px) {.panel--oneBtn .open:before {content: 'Eat.Drink.Sleep'; } .panel--twoBtn .open:before {content: 'Book/Contact'; } .top-Container {height: 90vh; margin-bottom: 30px; } .mobile-top-Container {height: 995px; margin-bottom: 30px; } .tablet-top-Container {height: 1210px; margin-bottom: 30px; } .abso-middle {width: 210px; } } @media only screen and (min-width: 319px) {.top-Container {width: calc(100% - 20px); height: 568px; overflow: hidden; margin-left: 10px; display: none; } .mobile-top-Container {width: calc(100% - 40px); height: 568px; overflow: hidden; margin-left: 20px; } .tablet-top-Container {width: calc(100% - 20px); height: 568px; overflow: hidden; margin-left: 10px; display: none; } .top-Container__TextWrap {position: absolute; top: -10px; left: 0; right: 0; margin: auto; z-index: 1; color: #fff; text-align: center; display: none; } .hero--video__item {display: none; } } @media only screen and (min-width: 768px) {.top-Container {width: 100%; height: 95vh; margin-left: 0; } .mobile-top-Container {display: none; } .tablet-top-Container {display: block; width: 95%; height: 755px; margin-left: auto; margin-right: auto; width: calc(100% - 72px); } .hero--video__item {display: block; width: 100%; margin-top: 10px; } .hero--video__replacement--mobile {display: none; } .top-Container__TextWrap {top: -50px; z-index: 400;-webkit-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out; opacity: 1; } .top-Container__TextWrap.is-visible {opacity: 1; } .top-Container__TextWrap h2 {font-size: 78px; line-height: 85px; } } @media only screen and (min-width: 1025px) {.top-Container__TextWrap {-webkit-transition: all 2s ease-in-out; transition: all 2s ease-in-out; top: 0; } .top-Container__TextWrap.is-visible {top: -75px; } .top-Container__TextWrap h2 {font-size: 110px; line-height: 115px; } .top-Container__TextWrap p {font-weight: 800; padding-top: 15px; font-size: 18px; } .top-Container {height: 100%; z-index: 0; position: absolute; top: 0; left: 0; right: 0; width: calc(100% - 72px); margin-left: auto; margin-right: auto; display: block; } .tablet-top-Container {display: none; } .smaller__detail {padding-top: 10px; } .hero--video__Wrap {position: relative; width: 100%; height: 100%; } .hero--video__item {display: inline; position: relative; } } @media only screen and (min-width: 1399px) {.video__Wrap {padding-right: 7px; } } .topContainer__wrapper {position: relative; margin: 20px 20px 0; } @media only screen and (min-width: 768px) {.topContainer__wrapper {margin: 20px 50px 0; } } @media only screen and (min-width: 1280px) {.topContainer__wrapper {margin: 20px 95px 0; } } @media only screen and (min-width: 1280px) {.topContainer__image {width: 100%; } } @media only screen and (min-width: 319px) {.map_wrap {position: fixed; top: -50%; left: -50%; width: 200%; height: 200%; z-index: -1; } img.map {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%; } } .mediaGroup--wrapper {margin-top: 20px; } @media only screen and (min-width: 768px) {.mediaGroup--wrapper {margin-top: 30px; } } @media only screen and (min-width: 1024px) {.mediaGroup--wrapper {margin-top: 80px; } } @media only screen and (min-width: 1280px) {.mediaGroup--wrapper {margin-top: 100px; } } .mediaGroup--callOut{font-family: 'ARG_Tiempos-Headline';font-weight: normal;} @media only screen and (min-width: 768px) {.mediaGroup--callOut {position: absolute; display: block; font-size: 60px; line-height: 64px; z-index: 1; } } @media only screen and (min-width: 1280px) {.mediaGroup--callOut {font-size: 80px; line-height: 84px; } } .mediaGroup--text{display: none;font-size: 16px;line-height: 20px;letter-spacing: 0.2px;margin-bottom: 1em;} @media only screen and (min-width: 768px) {.mediaGroup--text {display: block; } } .mediaGroup--image {width: 100%; } .mediaGroup--video {display: none; width: 100%; } @media only screen and (min-width: 1025px) {.mediaGroup--video {display: block; } } .mediaGroup--imageReplacement {width: 100%; } @media only screen and (min-width: 1025px) {.mediaGroup--imageReplacement {display: none; } } @media only screen and (min-width: 768px) {.mediaGroupOne {margin-top: -50px; } } @media only screen and (min-width: 768px) {.mediaGroupOne--image {padding-left: 20%; margin-top: 100px; } } @media only screen and (min-width: 1024px) {.mediaGroupOne--image {padding-left: 15%; } } @media only screen and (min-width: 1280px) {.mediaGroupOne--image {margin-top: 90px; } } @media only screen and (min-width: 768px) {.mediaGroupTwo {width: 50%; padding-right: 5%; float: left; } } @media only screen and (min-width: 1280px) {.mediaGroupTwo {padding-right: 70px; } } @media only screen and (min-width: 768px) {.mediaGroupTwo--text {width: 300px; margin-top: 20px; } } @media only screen and (min-width: 1280px) {.mediaGroupTwo--text {width: 320px; } } .mediaGroupThree {position: relative; overflow: hidden; } @media only screen and (min-width: 768px) {.mediaGroupThree--image {padding-left: 20%; } } @media only screen and (min-width: 1024px) {.mediaGroupThree--image {padding-left: 25%; } } @media only screen and (min-width: 1280px) {.mediaGroupThree--callOut {top: 10px; } } @media only screen and (min-width: 768px) {.mediaGroupThree--imageWrap {position: relative; } } @media only screen and (min-width: 768px) {.mediaGroupThree--image-LHS {position: relative; width: 48%; padding-top: 60%; float: left; margin-right: 4%; } } @media only screen and (min-width: 1280px) {.mediaGroupThree--image-LHS {width: 46%; margin-right: 7%; } } .mediaGroupThree--image-RHS {padding-top: 20px; } @media only screen and (min-width: 768px) {.mediaGroupThree--image-RHS {padding-top: 0; position: relative; width: 48%; float: left; padding-bottom: 30px; } } @media only screen and (min-width: 1280px) {.mediaGroupThree--image-RHS {width: 46%; } } @media only screen and (min-width: 768px) {.mediaGroupThree--image-A {padding: 0; } } .mediaGroupThree--image-B {padding-top: 15px; } @media only screen and (min-width: 768px) {.mediaGroupThree--image-B {padding: 0; } } @media only screen and (min-width: 768px) {.mediaGroupThree--text-A {max-width: 370px; margin-top: 30px; } } @media only screen and (min-width: 1280px) {.mediaGroupThree--text-A {max-width: 400px; } } @media only screen and (min-width: 768px) {.mediaGroupThree--text-B {position: absolute; top: 30%; max-width: 400px; padding-left: 15%; } } @media only screen and (min-width: 1024px) {.mediaGroupThree--text-B {top: 25%; } } @media only screen and (min-width: 1280px) {.mediaGroupThree--text-B {top: 28%; max-width: 450px; } } @media only screen and (min-width: 768px) {.mediaGroupFour--text {margin-left: 52%; padding-top: 15px; width: 300px; } } @media only screen and (min-width: 1280px) {.mediaGroupFour--text {width: 400px; } } .mobile-display {display: block!important; } @media only screen and (min-width: 768px) {.mobile-display {display: none!important; } } .swiper-container {width: 100%; height: auto; margin: 20px 0 0; } @media only screen and (min-width: 568px) {.swiper-container {height: auto; } } .swiper-slide {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 48%; width: 50%; } @media only screen and (min-width: 568px) {.swiper-slide {width: 33.33%; } } @media only screen and (min-width: 568px) {.swiper-pagination {text-align: right; right: 6px; left: auto!important; bottom: 8px; } .swiper-pagination .swiper-pagination-bullets {bottom: 8px; right: 6px; } .swiper-pagination .swiper-pagination-bullet {margin: 0!important; margin-right: 10px!important; } } .swiper-pagination-bullet-active {background: #222D4A!important; opacity: 1!important; } .swiper-pagination-bullet {width: 10px; height: 10px; display: inline-block; border-radius: 100%; opacity: 0.5; background: #222D4A; border: 1px solid #222D4A; } .swiper-slide .desktop-wine__Items.red{color: #E04C70;} .swiper-slide .desktop-wine__Items.red hr{background: #E04C70;} .swiper-slide .desktop-wine__Items.red a{color: #E04C70;border-bottom-color: #E04C70;} .mobile-wine__lhs__imageWrap {width: 50%; height: 50vh; float: left; } @media only screen and (min-width: 568px) {.mobile-wine__lhs__imageWrap{width: 37%;float: left;} } @media only screen and (min-width: 768px) {.mobile-wine__lhs__imageWrap {display: none; } .desktop-wine__lhs__imageWrap {display: block; } } .mobile-wine__lhs__imageWrap img {height: 100%; width: auto; max-width: none; } @media only screen and (min-width: 768px) {.mobile-wine__lhs__imageWrap img {height: 100%; width: auto; } } @media only screen and (min-width: 200px) {.mobile-wine__lhs__imageWrap img {-webkit-transform: translateX(65%) rotate(90deg); transform: translateX(65%) rotate(90deg); -webkit-transform-origin: right; transform-origin: right; height: auto; width: 18.5vw; width: 17.5vw; } } .mobile__wineList--hr {background: #a2a9b9; margin-right: 15px; height: 1px; } .mobile-wine__rhs__Statement {display: none; } .wine__descriptionDetails {position: absolute; bottom: 5%; } @media only screen and (min-width: 768px) {.wine__descriptionDetails {width: 120px; position: absolute; bottom: 25%; left: 25px; } } @media only screen and (min-width: 1280px) {.wine__descriptionDetails {width: 180px; bottom: 190px; } } .desktop-wine__lhs__description {height: 50vh; width: 50%; float: left; position: relative; } @media only screen and (min-width: 568px) {.desktop-wine__lhs__description {height: 100%; float: none; overflow: hidden; position: absolute; right: 0; top: 0; width: 30.5%; width: 33.33%; } } @media only screen and (min-width: 768px) {.desktop-wine__lhs__description {float: left; width: 50%; } } .desktop-wine__lhs {clear: both; overflow: hidden; position: relative; padding-top: 25px; } @media only screen and (min-width: 568px) {.desktop-wine__lhs {padding: 0; } } @media only screen and (min-width: 768px) {.desktop-wine__lhs {margin: 0; width: 50%; } } @media only screen and (min-width: 568px) {.desktop-wine__rhs {margin-top: 40px; } } @media only screen and (max-width: 567px) {.desktop-wine__lhs__description {margin-bottom: 40px; } } @media only screen and (min-width: 768px) {.desktop-wine__rhs {border-bottom: none; padding: 0; margin: 0; width: 50%; } } .desktop-wine__rhs__Statement {font-size: 7px; width: 90%; } @media only screen and (min-width: 768px) {.desktop-wine__rhs__Statement {padding: 10px; margin-bottom: 50px; margin-top: 0; padding-top: 20px; display: block; } } @media only screen and (min-width: 1024px) {.desktop-wine__rhs__Statement {padding-top: 30px; } } @media only screen and (min-width: 1280px) {.desktop-wine__rhs__Statement {padding-right: 15px; } } @media only screen and (min-width: 768px) {.desktop-wine__rhs__Statement h1 {max-width: 340px; } } .desktop-wine__rhs__Statement h1 {font-size: 24px; line-height: 27px; font-family: 'ARG_Tiempos-Headline'; max-width: none; } .desktop-wine__rhs__Statement p {margin-bottom: .5em; } .desktop-wine__Items {min-height: 325px; width: 100%; padding-right: 15px; } @media only screen and (min-width: 768px) {.desktop-wine__Items {width: 50%; padding-right: 0; padding: 10px; float: left; overflow: hidden; } } @media only screen and (min-width: 1025px) {.desktop-wine__Items {height: 325px; } } @media only screen and (min-width: 1280px) {.desktop-wine__Items {width: 45%; } } .desktop-wine__Items h2 {font-size: 16px; line-height: 20px; padding-bottom: 0; } .desktop-wine__Items li {list-style: none; font-size: 13.5px; line-height: 16px; } li.desktop-wine__Item.one, li.desktop-wine__Item.two, li.desktop-wine__Item.three { margin-top: 10px; } @media only screen and (min-width: 1025px) {.desktop-wine__Items li {line-height: 17px; } } .desktop-wine__Items:nth-child(even) {padding-right: 12px; } .desktop-wine__Items.red{color:#E04C70;padding-bottom:15px;} .desktop-wine__Items.red a{color:#E04C70;border-bottom-color:#E04C70;} .desktop-wine__Items.red hr{background-color:#E04C70;} .desktop-wine__Link{color: #000000;font-weight: 600;font-size: 10px;line-height: 14px;font-weight: 100;text-decoration: none;-webkit-transition: opacity 400ms;transition: opacity 400ms;opacity: 0.4;font-size: 16px;line-height: 22px;} .desktop-wine__Link:hover {opacity: 1!important; border-bottom: 1px solid #000; } .desktop-wine__Link:visited {color: #000000; } .desktop-wine__Link.current {opacity: 1; border-bottom: 1px solid #000; } .tablet-wine__lhs__imageWrap {display: none; } .wine__description--link, .wine__description--header{font-size:16px!important;line-height:135%!important;} .wine__description--link{text-decoration:none;padding-bottom:3px;} .wine__description--link:hover{text-decoration:none;padding-bottom:3px;opacity:0.9;} .wine__description--link span{border-bottom:1px solid;} @media only screen and (min-width: 768px) {.tablet-wine__lhs__imageWrap {display: block; width: 50%; float: left; } } .tablet-wine__lhs__image {max-height: 730px; } .desktop-wine__List {display: none; } @media only screen and (min-width: 768px) {.desktop-wine__List {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: auto; } .desktop-wine__List ul {list-style-type: none; } } @media only screen and (min-width: 1024px) {.desktop-wine__List {height: initial; max-width: 1066px; margin: 0 auto; } } @media only screen and (min-width: 319px) {.desktop-wine__lhs__imageWrap {display: none; } .winelist--hr {margin: 5px 0; margin-bottom: 10px; } .wine__description--link{font-weight: 800;color: #282828;display: inline-block;margin-top: 35px;} } @media only screen and (min-width: 768px) {.mobile-wine-accordion__List {display: none; } } @media only screen and (min-width: 1023px) {.wine__description--rating{font-size: 14px; line-height: 17px; } } @media only screen and (min-width: 1280px) {.wine__description--rating{font-size: 15px!important; line-height: 17px!important; } } @media only screen and (min-width: 319px) {.nav__Wrapper {margin-top: 75px; margin-left: 20px; width: calc(100% - 20px); overflow-y: auto; height: 80vh; } .nav__list .nav__heading {font-size: 60px; line-height: 55px; display: inline-block; height: 60px; margin: 5px 0 0; font-weight: 800; } .nav__list .nav__heading--dot {font-size: 60px; line-height: 55px; display: inline-block; height: 60px; margin: 5px 0 0 -1px; font-weight: 800; } .nav__list > li {margin-bottom: 15px; } .nav__list .nav__item {font-size: 14px; } .nav__list .nav__item.is-current {text-decoration: underline; } .nav__list .nav__item .nav__link {color: #282828; } .menuHover__Wrap {display: none; } .nav__contentWrap {color: #282828; } .nav__content {padding: 10px 15px 10px 0; } .nav__content h1 {height: auto; display: inline-block; margin-bottom: 10px; line-height: 30px; } .nav__content h4 {height: auto; margin-top: 0; padding-bottom: 5px; line-height: 105%; color: #282828; font-size: 14px; } .nav__content p {font-size: 14px; line-height: 16px; } .nav__contentWrap hr {margin: 20px 0 0; background-color: #282828; } } @media only screen and (min-width: 767px) {.nav__flexWrap {padding-left: 0; } .nav_header {z-index: 99; } .nav__Wrapper {margin: 0; width: 100%; height: 89.5vh; padding-top: 25px; } .nav_header_wrap {margin: 0 36px; } .nav {overflow: auto; height: auto; } .nav_header {height: 52px; padding: 0; } .nav_header {height: 60px; } .nav_header_link {font-size: 12px; } .nav_header_logoLink {font-size: 14px; font-weight: 800; } .abso-middle {text-align: middle; width: 210px; } .nav_header_link {font-size: 14px; } .abso-middle, .abso-right, .abso-left {bottom: 10px; } } @media only screen and (min-width: 1199px) {.nav__Wrapper {height: 90vh; } .nav__contentWrap {overflow: hidden; } .nav__content {width: 50%; float: left; padding: 10px 10px 10px 0; } .nav__list .nav__heading {font-size: 105px; margin: 25px 0; } .nav__list .nav__heading--dot {font-size: 105px; } .nav__list .nav__item {font-size: 16px; } .nav__list > li {margin-bottom: 30px; } } .nav__header {position: relative; } .nav__flexWrap {height: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .nav__flexItem {margin: 5px; } .nav__flexItem ul {list-style: none; } @media only screen and (min-width: 319px) {.nav__contactNumber {display: none; } .nav__header__topLinks {display: none; position: absolute; top: 0; right: 0; } .nav__header__topLinks ul {margin: 15px 0; padding: 0; list-style-type: none; } .nav__header__topLinks ul li {display: inline; margin: 0 25px; } .nav__header__topLinks--mob {width: 50%; font-size: 11px; font-weight: 700; line-height: 13px; float: left; padding-left: 12px; } .nav__header__topLinks--mob ul {list-style: none; } .nav__flexWrap {display: none; width: 100%; padding-left: 20px; height: 82%; height: 100%; position: fixed; top: 18%; top: 0; left: 0; z-index: 14; background-color: #fff; } .nav__flexItem {display: none; width: 100%; margin-left: 0; } .nav__flexItem a {color: #282828; } .nav__header {width: calc(100% - 40px); margin-left: 20px; clear: both; overflow: auto; -webkit-transition: all 2.5s ease-in; transition: all 2.5s ease-in; } .nav__header.has-opacity {background-color: rgba(255, 255, 255, 0.9); } .nav__header__logoLink--Wrap {margin: 15px 0; width: 75%; } .nav__header__logoLink {font-family: "ARG_Tiempos-Headline", Helvetica; font-size: 22px; line-height: 24px; font-weight: 800; color: #282828; text-decoration: none; } .nav__logoLink {display: none; } .nav__header__additional--mob {width: 100%; position: fixed; height: 100%; background-color: #fff; left: 0; top: 0; z-index: 160; -webkit-transform: translateY(-101%); transform: translateY(-101%); -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; /*margin-bottom: 30px;*/ padding: 25px 20px 0; } .nav__header__additional--mob.is-visible {-webkit-transform: translateY(0) !important; transform: translateY(0) !important; } .nav__header--rhs {display: none; } .mobileMenu__ListWrap {margin-left: 50%; position: relative; margin-top: 60px; } .mobileMenu__List {list-style: none; } .mobileMenu__Item {font-size: 11px; font-weight: 700; line-height: 15px; } .mobileMenu__Item:nth-child(2) {color: blue; } .mobileMenu__LowerSection {clear: both; overflow: hidden; width: 100%; position: absolute; bottom: 40px; } .mobileMenu__ContactList {list-style: none; width: 50%; float: left; } .mobileMenu__Buttons {width: calc(50% - 8px); float: left; padding-right: 20px; margin-top: 5px; } .mobileMenu__Buttons button {outline: none; border: 1px solid #282828; background-color: transparent; color: #282828; border-radius: 0; box-shadow: none; font-weight: 700; font-size: 9px; padding-bottom: 8px; text-transform: uppercase; margin: 5px 0; width: 100%; height: 35px; } .mobileMenu__loginWrap {height: 40px; margin: 10px 0; } .mobileMenu__cart__Unit {border: 1px solid #282828; width: 26px; height: 26px; border-radius: 26px; display: inline-block; font-family: sans-serif; font-size: 12px; font-weight: 700; } .mobileMenu__cart__Unit span {padding-left: 6px; margin-top: 3px; display: block; } .mobileMenu__cartLink, .mobileMenu__loginLink {display: inline-block; padding-top: 5px; margin: 5px 10px 0 5px; font-size: 12px; text-decoration: underline; } .flex--item_Three span {display: inline-block; margin: 5px 0; } .mobile__menuButtonWrap {position: fixed; top: 30px; right: 20px; z-index: 15; width: 35px; height: 35px; cursor: pointer; } .mobile__menuButton {position: absolute; top: 10px; right: 0; z-index: 15; width: 100%; height: 4px; background-color: #111; border-radius: 0; } .mobile__menuButton:after {content: ''; width: 100%; height: 4px; background-color: #111; position: absolute; border-radius: 0; } .mobile__menuButton:after {top: 10px; } .mobile__menuButton--close {position: absolute; top: 30px; right: 20px; z-index: 150; width: 30px; height: 3px; background-color: #111; border-radius: 0; cursor: pointer; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .mobile__menuButton--close:after {content: ''; width: 100%; height: 3px; background-color: #111; position: absolute; border-radius: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @media only screen and (min-width: 568px) {.flex--container {width: 100%; } .flex--item {padding: 20px 15px 0 0; width: 25%; } .flex--item:first-child {width: 25%; padding-right: 50px; } .flex--item.Col_One_Container {width: 30%; } .flex--item.flex--item_One, .flex--item.flex--item_Two {width: 100%; } .flex--item.flex--item_Two {padding-top: 20px; } .flex--item button {width: 100%; font-size: 10px; } .nav__header__topLinks--mob {width: 25%; padding-left: 10px; } .nav__flexItem {width: auto; } .mobile__menuFlexWrap {padding-top: 0; } .mobile__menuButton {display: block; } .nav__link, .contact__btn {font-size: 11px; line-height: 15px; } .mobileMenu__Wrap {position: relative; height: 70vh; } .mobileMenu__ListWrap {margin-left: 65%; margin-top: 0; } .mobileMenu__LowerSection {width: 50%; padding-top: 0; margin-left: 0; padding-bottom: 15px; bottom: 0; left: 0; } .mobileMenu__Buttons {width: 50%; } } @media only screen and (min-width: 767px) {.nav__header__additional--mob {display: none; } .nav__contactNumber {display: inline; margin: 10px 0; } .js-contactNumber {-webkit-transition: opacity 1.2s ease-in-out; transition: opacity 1.2s ease-in-out; opacity: 0; } .js-contactNumber.is-visible {opacity: 1; } .nav__contactNumber a {color: #282828; font-size: 11px; font-weight: 400; text-decoration: none; } li.nav__link.js-contactInfo-1, li.nav__link.js-contactInfo-2 {font-size: 10px; line-height: 12px; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; } .nav__link {font-weight: 100; } .nav__header {position: fixed; width: calc(100% - 72px); height: auto; z-index: 20; background-color: #ffffff; -webkit-transition: top 0.4s ease-in-out; transition: top 0.4s ease-in-out; top: 0; margin-left: 36px; padding: 0; clear: both; overflow: hidden; } .nav-up {top: -135px; } .nav__header--lhs {width: 75%; display: block; position: relative; float: left; padding-top: 50px; } .nav__header--rhs {width: 25%; display: block; position: relative; float: left; padding-top: 50px; height: 300px; } .contactInfo__Wrapper {height: auto; display: block; position: relative; width: 100%; clear: both; } .nav__header--Wrap {width: calc(100% - 72px); height: auto; margin: 40px 0 0 36px; } .nav__header__topLinks {display: block; width: 27.5%; font-size: 10.5px; top: 40px; font-weight: 800; position: relative; float: right; } .nav__header__topLinks--mob {display: none; } .nav__flexWrap {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; background-color: transparent; top: auto; left: auto; margin-left: 0; position: relative; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .nav__flexItem {width: 25%; font-size: 11px; margin: 15px 5% 5% 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .nav__flexItem:last-child {margin-right: 0;} .js-navColumns {-webkit-transition: opacity 1.2s ease-in-out; transition: opacity 1.2s ease-in-out; opacity: 0; } .js-navColumns.is-visible {opacity: 1; } .nav__flexItem ul {width: 100%; } .nav__header__topLinks ul li {margin: 0 15px 0 0px; } .js-topLinks ul li {-webkit-transition: opacity 1.2s ease-in-out; transition: opacity 1.2s ease-in-out; opacity: 0; } .js-topLinks ul li.is-visible {opacity: 1; } .nav__header__logoLink--Wrap {display: none; } .js-logoFade { -webkit-transition: opacity 1.2s ease-in-out; transition: opacity 1.2s ease-in-out; opacity: 0; } .js-logoFade.is-visible {opacity: 1; } .nav__logoLink {font-family: "ARG_Tiempos-Headline", Helvetica; font-size: 22px; line-height: 24px; font-weight: 800; color: #282828; text-decoration: none; display: block; width: 180px; margin-bottom: 10px; -webkit-transition: color 0.8s; transition: color 0.8s; } .nav__titles {font-family: "ARG_Tiempos-Headline", Helvetica; font-size: 11px; font-weight: 800; } .nav--hr {height: 1px; margin: 8px 0 10px; } .nav__header--phone {height: 118px; position: relative; } .nav__header--contactWrap {position: relative; } .nav__header--contactWrap ul {list-style: none; } } @media only screen and (min-width: 1023px) {.nav__header__topLinks {width: 26.5%; } .nav__header__topLinks ul li {margin: 0 35px 0 0; } } @media only screen and (min-width: 1025px) {.nav__logoLink {font-size: 28px; } .nav_header {z-index: 105; position: relative; overflow: visible; background-color: rgba(255, 255, 255, 0); -webkit-transition: background-color 1s; transition: background-color 1s; } .anchor__point {height: 10px; width: 10px; position: fixed; top: 58%; left: 0; right: 0; padding-top: 28px; margin: auto; } .abso-middle {position: fixed; top: 58%; bottom: auto; z-index: 110; padding-top: 28px; text-align: center; width: 300px; } .abso-middle.sticky {position: relative; top: 0; } a.nav_header_logoLink {color: #fff; -webkit-transition: color 0.6s, opacity 0.5s; transition: color 0.6s, opacity 0.5s; font-size: 18px; /*opacity:0;*/ } a.nav_header_logoLink.is-black {color: #282828; opacity: 1; } .nav_header.is-fixed {position: fixed; background-color: #ffffff; /*top:0;*/ } .openingImages--intro {display: block; } .nav__flexWrap {margin-top: 30px; } .nav__header--Wrap {max-width: calc(1300px - 72px); } .nav__header__topLinks {top: 45px; font-size: 14px; } .nav__header__topLinks ul li {margin: 0 26px 0 0; } .nav__logoLink {font-size: 30px; line-height: 34px; } .nav__titles, .nav__contactNumber a {font-size: 14px; } .nav__contactNumber a {font-family: "ARG_Tiempos"; font-weight: 400; } .nav__flexItem {font-size: 14px; line-height: 17.5px; margin-bottom: 25px; } .nav__flexItem:last-child {width: 25%; } .nav--colFour {clear: both; } .nav--colFour ul li {float: left; margin: 0 5px; } .nav-up {top: -180px; } .nav__header--phone {height: 161px; } li.nav__link.js-contactInfo-1, li.nav__link.js-contactInfo-2 {display: inline-block; margin: 0 10px 0 0; } } @media only screen and (min-width: 1199px) {.nav__header {max-width: 1228px; } .nav__header--phone {height: 160px; } .nav__flexItem {width: 220px; margin: 15px 35px 15px 0; } .nav-up {top: -155px; } .nav--colFour ul li {margin: 0 40px 0 0; } .nav--colFour ul li:first-child {margin: 0 40px 0 30%; } .nav__link {font-size: 12px; } li.nav__link.js-contactInfo-1, li.nav__link.js-contactInfo-2 {font-size: 11px; line-height: 13px; } } @media only screen and (min-width: 1399px) {.nav__flexItem {width: 210px; } } .notification__wrapper {background: rgba(255, 244, 237, 0.98); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 999; font-family: "ARG_Tiempos-Headline", Helvetica; -webkit-transition: -webkit-transform 800ms; transition: -webkit-transform 800ms; transition: transform 800ms; transition: transform 800ms, -webkit-transform 800ms; } .notification__wrapper.hiding-notification {-webkit-transform: translateX(100%); transform: translateX(100%); } .notification__container {height: calc(100vh - 125px); overflow-y: scroll; -webkit-overflow-scrolling: touch; padding: 100px 0; margin: 100px 25px; padding: 20px; border: 1.5px solid #e8aca2; } @media only screen and (min-width: 768px) {.notification__container {padding: 20px 0; height: auto; margin: 120px 50px 0; position: relative; min-height: 700px; overflow: visible; } } @media only screen and (min-width: 1280px) {.notification__container {margin: 120px auto 0; max-width: calc(1300px - (95px * 2)); } } .notification__close {position: absolute; width: 35px; height: 35px; display: block; top: 40px; right: 25px; } @media only screen and (min-width: 768px) {.notification__close {right: 10px; top: -20px; } } .notification__close span {position: absolute; left: 0; height: 2px; width: 100%; background: #000; background: #e8aca2; } .notification__close span:nth-child(1) {top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .notification__close span:nth-child(2) {top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media only screen and (min-width: 768px) {.notification__columnWrap {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 200px; -ms-flex-preferred-size: 200px; flex-basis: 200px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 568px) {.notification__column {padding: 20px 10% 20px 20px; width: 50%; } } @media only screen and (min-width: 768px) {.notification__column {width: 33.33%; } } .notification__header h3 {font-size: 24px; line-height: 27px; margin-bottom: 0.8em; } .notification__content {font-size: 16px; line-height: 20px; } .notification__content p {margin-bottom: 0.4em; } @media only screen and (min-width: 768px) {.notification__calloutWrap {position: absolute; bottom: 100px; } } .notification__callout {font-size: 38px; line-height: 45px; letter-spacing: -1px; } @media only screen and (min-width: 768px) {.notification__callout {font-size: 60px; line-height: 70px; letter-spacing: -1.5px; } } @media only screen and (min-width: 1024px) {.notification__callout {font-size: 80px; line-height: 90px; letter-spacing: -2px; } } .nav-active {overflow-y: hidden; } .menu-toggle {position: absolute; width: 30px; height: 20px; display: block; right: 0; top: 10px; z-index: 100; } .menu-toggle span {position: absolute; left: 0; height: 2px; width: 100%; background: #000; -webkit-transition: all 800ms; transition: all 800ms; } @media all and (min-width: 768px) {.menu-toggle span {-webkit-transition-delay: 0.7s; transition-delay: 0.7s; } } .menu-toggle span:nth-child(1) {top: 0; right: 0; } .menu-toggle span:nth-child(2) {top: 50%; width: 50%; left: auto; right: 0; } .menu-toggle span:nth-child(3) {top: calc(100% - 1px); } .menu-toggle--active span {height: 1px; } .menu-toggle--active span:nth-child(1) {width: 85%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background: #fff; left: 0; top: 6px; } .menu-toggle--active span:nth-child(2) {width: 85%; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #fff; right: 15%; top: 6px; } .nav-large-overlay {position: fixed; left: 0; top: 0; width: 100vw; height: 100%; z-index: 10; background: rgba(255, 255, 255, 0.7); opacity: 1; visibility: visible; -webkit-transition: opacity 601ms, visibility 1ms; transition: opacity 601ms, visibility 1ms; } .nav-large-overlay--hidden {visibility: hidden; opacity: 0; -webkit-transition: opacity 601ms, visibility 1ms 600ms; transition: opacity 601ms, visibility 1ms 600ms; } .nav-large {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .nav-large__wrap {position: fixed; left: 0; top: 0; width: 100vw; height: 100%; z-index: 100; visibility: visible; overflow-y: auto; -webkit-overflow-scrolling: touch; } .nav-large__wrap--hidden {visibility: hidden; } .nav-large__wrap.shift-navigation {-webkit-transform: translateX(-100%); transform: translateX(-100%); } .nav-large * {color: white!important;} .nav-large li {list-style-type: none;} .nav-large a {text-decoration: none;} .nav-large a:visited {color: #fff;} .nav-large__close {position: fixed;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: opacity 600ms, visibility 1ms;transition: opacity 600ms, visibility 1ms;width: 20px;height: 20px;background: url(../images/close.svg) center no-repeat;background-size: contain;visibility: visible;z-index: 100;} .nav-large__close--hidden {visibility: hidden;-webkit-transition: opacity 600ms, visibility 1ms 599ms;transition: opacity 600ms, visibility 1ms 599ms;opacity: 0;} .nav-large__small-br {content:' ';display: block;height: 5px;} .nav-large__section {position: relative;} .nav-large__section--blue {background: #222D4A;z-index: 2;} .nav-large__section--grey {background: #9B9B9B;} .nav-large__section--grey .nav-link__link:hover {color: #fff!important;} .nav-large__button {display:inline-block;width:232px;height:50px;line-height:46px;text-align: center;font-family: 'TiemposSemibold',sans-serif;color: #fff;border: 1px solid #fff;background: transparent;text-transform: uppercase;font-size:14px;-webkit-transition: background 800ms, color 800ms, border 800ms;transition: background 800ms, color 800ms, border 800ms;} .nav-large__button:hover {color: #222D4A !important;background: #F3EDA6;border: 1px solid #F3EDA6;} .nav-large__button:visited {color: #fff;} .nav-large__button:focus { border: 1px solid #fff; } .nav-large__links-heading {font-size:16px;line-height: 1.1875;width: 60%;border-bottom:1px solid #fff!important;padding-bottom: 0.25em;margin-bottom: 0.5em;font-family: 'ARG_Tiempos-Headline', sans-serif;} .nav-large__link, .nav-large__link span{font-family: 'ARG_Tiempos-Headline',sans-serif;font-size:32px;line-height: 1.15;color: white !important;-webkit-transition: color 200ms;transition: color 200ms;} .nav-large__section--grey .nav-large__link, .nav-large__link span {color: #6D6D6D !important;} .nav-large__link--create-account {color: #676767 !important;} h3.nav-large__contacts-heading, .nav-large__contacts-p strong { font-family: 'ARG_Tiempos-Headline', sans-serif; font-weight: normal; } .nav-large__link:hover, .nav-large__link:hover span {color: #F3EDA6 !important;} .nav-large__phone {font-size: 1.333em;line-height: 0.9;} .nav-large__form-row{-webkit-box-align: baseline;-webkit-align-items: baseline;-ms-flex-align: baseline;align-items: baseline;}/*display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;*/ .subscribe .nav-large__form-row{width: 100%;display: flex;} .nav-large__input {background: none;border: none !important;border-radius: 0 !important;padding: 0;-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;font-family: 'ARG_Tiempos-Headline', serif;border-bottom: 1px solid white !important;color: #fff !important;} .nav-large__input::-webkit-input-placeholder {color: #676767;text-transform: uppercase;} .nav-large__input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #9B9B9B inset;color: white !important;-webkit-text-fill-color: white;} .nav-large__input::-moz-placeholder {color: #676767;text-transform: uppercase;} .nav-large__input:-ms-input-placeholder {color: #676767!important;text-transform: uppercase;} .nav-large__input--margin {margin-right:25px;} .nav-large__input--with-submit {padding-right: 25px !important;} .nav-large__submit{background: url(../images/submit-arrow.svg) center no-repeat!important;background-size: contain!important;width: 19px;height: 9px;box-shadow: none !important;border:none !important;margin-left: -19px;padding:0!important;-webkit-align-self: center;-ms-flex-item-align: center;align-self: center;} .nav-large__contacts-heading{font-size:16px;line-height: 1;border-bottom: 1px solid white;padding-bottom: 0.5em;margin-bottom: 0.6em;} .nav-large__contacts-p{font-size:15px;line-height: 1.2;font-family: 'ARG_Tiempos', serif;margin-bottom: 1.5em;} @media all and (max-width: 1024px) {html.nav-active, body.nav-active {overflow: hidden; position: fixed; height: 100%; } } @media all and (max-width: 767px) {.nav-active .menu-toggle {z-index: 200; position: fixed; top: 30px; right: 20px; } .nav-active .menu-toggle span {background: #fff; } .nav-large {font-size: 6.5px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: auto; } .nav-large__wrap {opacity: 1; -webkit-transition: opacity 600ms, visibility 1ms; transition: opacity 600ms, visibility 1ms; } .nav-large__wrap--hidden {opacity: 0; -webkit-transition: opacity 600ms, visibility 1ms 599ms; transition: opacity 600ms, visibility 1ms 599ms; } .nav-large__section {padding: 20px; } .nav-large__section--grey {-webkit-transition: opacity 1ms; transition: opacity 1ms; } .nav-large__section--grey .nav-large__block {margin-bottom: 20px; } .nav-large__section--grey-hidden {opacity: 0.99; } .nav-large__block {margin-bottom: 1.5rem; } .nav-large__button {font-size: 2em; margin-bottom: 1em; margin-right: 1em; } .nav-large__close {position: fixed; top: 20px; right: 20px; -webkit-transform: none; transform: none; display: none; } .nav-large__form--sign-in {margin-top: -1.5rem; } .nav-large__form--hidden {display: none; -webkit-transform: scale(0); transform: scale(0); } .nav-large__form-row {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nav-large__input {-webkit-flex-basis: 90%; -ms-flex-preferred-size: 90%; flex-basis: 90%; } .nav-large__contacts-section a:hover {color: #F3EDA6; } } @media all and (min-width: 768px) {body.nav-active{overflow:hidden;} .nav-large{font-size:6px;height:auto;min-height:100%;} .nav-large__wrap{-webkit-transition: visibility 1ms, -webkit-transform 600ms;transition: visibility 1ms, -webkit-transform 600ms;transition: transform 600ms, visibility 1ms;transition: transform 600ms, visibility 1ms, -webkit-transform 600ms;overflow-y:unset;} .nav-large__wrap--hidden{-webkit-transform: translateX(-51%);transform: translateX(-51%);-webkit-transition: visibility 1ms 599ms, -webkit-transform 600ms;transition: visibility 1ms 599ms, -webkit-transform 600ms;transition: transform 600ms, visibility 1ms 599ms;transition: transform 600ms, visibility 1ms 599ms, -webkit-transform 600ms;} .nav-large__close{left: 2%;} .nav-large__section{width: 50%;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;padding: 35px 0 3rem;min-height:-webkit-fit-content;min-height:fit-content;} .nav-large__section--grey{-webkit-transition: -webkit-transform 600ms 600ms;transition: -webkit-transform 600ms 600ms;transition: transform 600ms 600ms;transition: transform 600ms 600ms, -webkit-transform 600ms 600ms;-webkit-transform: translateX(0);transform: translateX(0);-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;} .nav-large__section--grey-hidden{-webkit-transition: -webkit-transform 600ms;transition: -webkit-transform 600ms;transition: transform 600ms;transition: transform 600ms, -webkit-transform 600ms;-webkit-transform: translateX(-101%);transform: translateX(-101%);} .nav-large__content{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: grid;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;width: 100%;max-width: 650px;box-sizing: border-box;height:auto;min-height: 600px;} .nav-large__body{-webkit-flex-basis: 550px;-ms-flex-preferred-size: 550px;flex-basis: 550px;min-height: 550px;-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;/*-webkit-justify-content: space-around;*/-ms-flex-pack: distribute;/*justify-content: space-around;*/} .nav-large__section--blue .nav-large__content{padding-left: 50px;padding-right: 8em;} .nav-large__section--grey .nav-large__content{padding-left: 70px;padding-right: 50px;} .nav-large__heading{-webkit-flex-basis: 15%;-ms-flex-preferred-size: 15%;flex-basis: 15%;-webkit-box-flex: 2;-webkit-flex-grow: 2;-ms-flex-positive: 2;flex-grow: 2;} .nav-large__buttons{-webkit-flex-basis: 10%;-ms-flex-preferred-size: 10%;flex-basis: 10%;-webkit-flex-basis: 20%;-ms-flex-preferred-size: 20%;flex-basis: 20%;-webkit-flex-basis: 25%;-ms-flex-preferred-size: 25%;flex-basis: 25%;} .nav-large__links--eat{-webkit-flex-basis: 35%;-ms-flex-preferred-size: 35%;flex-basis: 35%;} .nav-large__links--drink{-webkit-flex-basis: 35%;-ms-flex-preferred-size: 35%;flex-basis: 35%;} .nav-large__links--sleep{-webkit-flex-basis: 20%;-ms-flex-preferred-size: 20%;flex-basis: 20%;} .nav-large__form{-webkit-flex-basis: 12.5%;-ms-flex-preferred-size: 12.5%;flex-basis: 12.5%;} .nav-large__form{-webkit-flex-basis: 12.5%;-ms-flex-preferred-size: 12.5%;flex-basis: 12.5%;} .nav-large__contacts{-webkit-flex-basis: 55%;-ms-flex-preferred-size: 55%;flex-basis: 55%;margin-top: 40px;margin-top: 50px;} .nav-large__contacts { display: inline-block; } .nav-large__contacts-section{width: 47%;float: left;padding-right: 20px;margin-bottom: 20px;} .nav-large__contacts-section a{color: #fff;-webkit-transition: color 400ms;transition: color 400ms;} .nav-large__contacts-section a:hover{color: #F3EDA6;} .nav-large__button--contacts{display: none;} .nav-large__form{-webkit-transition: opacity 400ms, visibility 1ms;transition: opacity 400ms, visibility 1ms;visibility: visible;opacity: 1;} .nav-large__form--hidden{-webkit-transition: opacity 400ms, visibility 1ms 399ms;transition: opacity 400ms, visibility 1ms 399ms;visibility: hidden;opacity: 0;} } @media all and (max-height:1000px) {body.nav-active .nav-large__wrap{overflow:auto;} .nav-large__section--grey h2.nav-large__block.nav-large__heading.brandmark__link{min-height:60px!important;} .nav-large__section.nav-large__section--blue .nav-large__heading{min-height:80px!important;} } @media all and (min-width: 1023px) {.nav-large {font-size: 7px; } .nav-large__buttons {-webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; } .nav-large__button {margin-bottom: 1em; } .nav-large__button--first {margin-right: 20px; } .nav-large__links--contacts {-webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; } } @media all and (min-width: 1199px) {.nav-large {font-size: 7.25px; } } @media all and (min-width: 1280px) {.nav-large__buttons {-webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; } .nav-large__links--contacts {-webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; margin-top: 0; } .nav-large__contacts{margin-top:5px;} .nav-large__section--blue .nav-large__content {padding-left: 95px; } .nav-large__section--grey .nav-large__content {padding-right: 95px; } } @media all and (min-width: 1399px) {.nav-large {font-size: 8px; } .nav-large__heading {-webkit-box-flex: 3; -webkit-flex-grow: 3; -ms-flex-positive: 3; flex-grow: 3; } .nav-large__body {-webkit-flex-basis: 700px; -ms-flex-preferred-size: 700px; flex-basis: 700px; } } .openingAnimation__wrapper {display: none; position: fixed; top: -50%; left: -50%; width: 200%; height: 200%; z-index: 100; } .openingAnimation__video {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%; } .openingAnimation__image {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%; } @media only screen and (min-width: 1025px) {.openingAnimation__image {display: none; } } .enquiries__wrapper {position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: -1; } .enquiries__container {height: calc(100vh - 630px); position: relative; margin: auto; min-height: 350px; } @media only screen and (min-width: 1280px) {.enquiries__container {min-height: 400px; } } .enquiries__content {position: absolute; top: 33.33%; left: 20px; width: 265px; } @media only screen and (min-width: 568px) {.enquiries__content {left: 22%; left: 0; } } @media only screen and (min-width: 768px) {.enquiries__content {width: 325px; } } .enquiries__title {font-size: 15px; line-height: 17px; } @media only screen and (min-width: 1024px) {.enquiries__title {font-size: 16px; line-height: 20px; } } .enquiries__hr {background-color: #fff; margin: 4px 45px 8px 0; } .enquiries__email--wrap{font-family:'ARG_Tiempos-Headline';font-weight:600;padding:5px 0;} .enquiries__email--link{text-decoration: none;font-size: 24px;line-height: 18px; font-family:'ARG_Tiempos-Headline'; font-weight: normal;border-bottom: 2px solid;} .enquiries__email--link:hover {border-bottom:2px solid #fff; } .functions__content {font-weight: 600; font-weight: normal; } @media only screen and (min-width: 768px) {.functions__content {width: 50%; max-width: 550px; } } @media only screen and (min-width: 1024px) {.functions__content {width: 50%; margin-left: 10%; } } @media only screen and (min-width: 1280px) {.functions__content {width: 50%; margin-left: 90px; } } .functions__content p {font-size: 24px; line-height: 27px; margin-top: 0; margin-bottom: 10px; } .functions__form {margin: 50px 0; } .functions__form form {margin-top: 25px; } .functions__form h3 {font-size: 16px; } .functions__form p {font-size: 16px; } .functions__form input, .functions__form textarea {width: 100%; font-size: 16px; } .functions__form input[type="text"] {border: 0; outline: 0; border-bottom: 1px solid #9b9b9b; border-radius: 0; } .functions__form input[type="email"], .functions__form textarea {border: 0; outline: 0; border-bottom: 1px solid #9b9b9b; border-radius: 0; height: 25px; } @media only screen and (min-width: 1280px) {.functions__form input[type="email"], .functions__form textarea {height: 30px; } } .functions__form textarea {overflow: hidden; } .functions__form input[type="submit"] {border: 0; background-color: transparent; outline: 0; border-radius: 0; box-shadow: none; color: #282828; text-decoration: underline; width: auto; text-transform: uppercase; padding: 3px; font-size:14px; margin-top: 15px; } .functions__form span span.wpcf7-not-valid {border-bottom: 1px solid #e04c70; font-size: 11px; color: #e04c70; } .functions__form span.wpcf7-not-valid-tip {font-size: 11px; margin: 8px 0; color: #e04c70; } .functions__form div.wpcf7-validation-errors {background: transparent; border: none!important; color: #e04c70; font-size: 11px; } .functions__form div.wpcf7-response-output {margin: 1.5em 0; padding: 0; border-radius: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .functions__form .wpcf7-mail-sent-ok {border: none; color: #158c57; font-size: 11px; } .trade__LargeCallout {padding-bottom: 0px; width: 70%; -webkit-transition: opacity 400ms; transition: opacity 400ms; } @media only screen and (min-width: 768px) {.trade__LargeCallout {width: 50%; cursor: pointer; } } @media only screen and (min-width: 1024px) {.trade__LargeCallout {width: 40%; padding-bottom: 0px; } } .trade__LargeCallout:hover{opacity: 1!important;} .trade__LargeCallout h1 {font-size: 24px;line-height: 27px;font-family: "ARG_Tiempos-Headline";display: inline-block;padding: 5px 0px;cursor:pointer;} .trade__LargeCallout h1:hover{opacity:0.9;} .trade__LargeCallout.current{opacity: 1!important;} .trade__column--wrapper{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;padding: 0 0 10px;} @media only screen and (min-width: 768px) {.trade__column--wrapper {padding-top: 25px; } } @media only screen and (min-width: 1024px) {.trade__column--wrapper {padding-left: 20%; } } .trade__column {width: 50%; width: 100%; padding-bottom: 45px; overflow: hidden; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; padding: 10px 0; } @media only screen and (min-width: 568px) {.trade__column {width: 50%; padding: 10px; } } @media only screen and (min-width: 768px) {.trade__column {max-width: none; min-width: 25%; width: 25%; } } .trade__column:nth-child(odd) {padding-left: 0; } @media only screen and (min-width: 768px) {.trade__column:nth-child(odd) {padding: 10px; } } .trade__column:nth-child(even) {padding-right: 0; } @media only screen and (min-width: 768px) {.trade__column:nth-child(even) {padding: 10px; } } @media only screen and (min-width: 768px) {.trade__column:first-child {padding-left: 0; } } @media only screen and (min-width: 768px) {.trade__column:last-child {padding-right: 0; } } .trade__column h3{font-size: 16px;line-height: 20px;padding-bottom: 4px;text-transform: uppercase;} .trade__row--items{width: 70%;} @media only screen and (min-width: 568px) {.trade__row--items {width: 100%; } } .trade__row--items:first-child {margin-top: 25px; } @media only screen and (min-width: 768px) {.trade__row--items:first-child {margin-top: 50px; } } .trade__row--block {display: none; opacity: 0; width: 100%; -webkit-transition: opacity 800ms; transition: opacity 800ms; } .trade__lists{list-style: none;font-size: 16px;line-height: 20px;} .trade__title {font-weight: 600; padding: 10px 0 0; margin-bottom: 10px; } .trade__website a {color: #282828; text-decoration: underline; } .trade__email {padding-top: 10px; } @media only screen and (min-width: 1024px) {.trade__email {padding-top: 8px; } } .trade__email a {color: #282828; text-decoration: underline; } @media only screen and (min-width: 319px) {.content__image.groupC--img_one {position: relative; float: left; width: 35%; margin: 0; } .content__image.groupC--img_two {position: relative; float: left; width: 60%; margin: 0; margin-left: 14px; } .content__image.groupD--img_one {position: relative; float: left; margin: 0; width: 63%; } .content__image.groupD--img_two {position: relative; float: left; margin: 0; width: 32%; margin-left: 14px; } } @media only screen and (min-width: 568px) {.content__image.groupC--img_two {width: 62.3%; height: auto; } } @media only screen and (min-width: 767px) {.content__image.groupC--img_one {width: 35.5; height: auto; } .content__image.groupC--img_two {margin-left: 30px; width: 60%; height: auto; } } @media only screen and (min-width: 1023px) {.content__image.groupC--img_two {width: 61.8%; } .content__image.groupD--img_one {width: 64.5%; } .content__image.groupD--img_two {width: 33.1%; } } @media only screen and (min-width: 1025px) {.content__image.groupC--img_two {width: 58%; margin-left: 70px; } .content__image.groupD--img_two {width: 33.1%; margin-left: 70px; } .content__image.groupD--img_one {width: 61%; } .content__image.groupD--img_two {width: 31.4%; margin-left: 70px; } .single__colText--luxury {padding-right: 30px; max-width: 250px; width: 25%; } } @media only screen and (min-width: 768px) {.vineyard__accordion {width: 50%; float: left; padding: 10px; } } .vineyard__accordion--wrapper {margin-top: 20px; width: 70%; } @media only screen and (min-width: 768px) {.vineyard__accordion--wrapper {clear: both; overflow: hidden; margin-top: 50px; width: 100%; } } @media only screen and (min-width: 1024px) {.vineyard__accordion--wrapper {margin: 100px 0 50px; } } @media only screen and (min-width: 1280px) {.vineyard__accordion--wrapper {margin: 100px 0 0px; } } @media only screen and (min-width: 768px) {.vineyard__accordion--lhs {padding: 60px 32px 0; } } @media only screen and (min-width: 1024px) {.vineyard__accordion--lhs {padding: 60px 100px 0 10%; } } .vineyard__accordion--rhs {margin-top: 25px; } @media only screen and (min-width: 768px) {.vineyard__accordion--rhs {margin: 0; padding-right: 0; } } .vineyard__accordion--rhs .vineyard__accordion--item:nth-child(2) {margin-top: 15px; } @media only screen and (min-width: 768px) {.vineyard__accordion--rhs .vineyard__accordion--item:nth-child(2) {margin-top: 20px;} } @media only screen and (min-width: 1025px) {.vineyard__accordion--rhs .vineyard__accordion--item:nth-child(2) {margin-top: 50px;} } @media only screen and (min-width: 768px) {.vineyard__accordion--rhs .vineyard__content {padding-right: 35px;} } @media only screen and (min-width: 1025px) {.vineyard__accordion--rhs .vineyard__content {padding-right: 80px;} } .vineyard__title {cursor: pointer;font-family: "ARG_Tiempos-Headline";-webkit-transition: opacity 400ms;transition: opacity 400ms;display: inline-block;} @media only screen and (min-width: 1280px) {.vineyard__title {font-size: 22px;line-height: 30px;padding-bottom: 3px;} } .vineyard__title:hover {opacity: 1!important;} .vineyard__title h3 {display: inline;font-size:24px;font-weight: normal;} .vineyard__title.current {opacity: 1!important;} .vineyard__content {display: none;padding: 10px 0 15px;font-size:16px;line-height: 20px;letter-spacing: 0.2px;-webkit-transition: opacity 800ms;transition: opacity 800ms;opacity: 0;} @media only screen and (min-width: 1024px) {.vineyard__content {padding: 15px 0 22px;} } .vineyard__content p {margin-bottom: 8px;} .vineyard__image {width: 100%;} h3.vineyard--header {font-size: 16px;line-height: 17px;width: 140px;letter-spacing: -0.5px;font-family: "ARG_Tiempos-Headline";} @media only screen and (min-width: 1024px) {h3.vineyard--header {line-height: 26px;width: 175px;} } @media only screen and (min-width: 1280px) {h3.vineyard--header{line-height: 26px;width: 210px;} } .sections {overflow: hidden;} @media only screen and (min-width: 767px) {.sections {min-height: 220px;} } .sections:last-child {clear: both;overflow: auto;} @media only screen and (min-width: 1025px) {.sections:last-child {margin-bottom: 0;padding-bottom: 36px;} } @media only screen and (min-width: 767px) {.sections__Wrapper {position: relative;} } @media only screen and (min-width: 767px) {.sections .type__One p {font-size: 11px!important;line-height: 16px;} } @media only screen and (min-width: 1023px) {.sections .type__One p {font-size: 18px!important;line-height: 22px!important;letter-spacing: .2px!important;} } @media only screen and (min-width: 1025px) {.sections .type__One p {font-size: 22px!important;line-height: 26px!important;} } @media only screen and (min-width: 1199px) {.sections .type__One .supportText__Wrap p {font-size: 11.5px!important;line-height: 17px!important;} } .sidebar__Posts {width: 50%;padding: 0;float: left;} @media only screen and (min-width: 767px) {.sidebar__Posts {width: 25%;float: right;} } @media only screen and (min-width: 1024px) {.sidebar__Posts {float: right;width: 220px;} } .sidebar__Posts h1 {font-family: 'TiemposSemibold',sans-serif;font-size: 16px;line-height: 22px;font-weight: normal;} .sidebar__Posts > p {font-size: 16px;line-height: 20px;} .sidebar__Posts p {text-shadow:none;font-size: 16px;line-height: 20px;margin-bottom: 0.75em;} .woocommerce-cart article {margin-bottom: 300px;} .woocommerce-cart article#post-1147, .woocommerce-cart article#post-1148 {margin-bottom:0px !important;} .close_button_wrapper {text-align: right;position: relative;} .close_button_wrapper a {text-decoration: none;border-bottom: 1px solid black;padding-bottom: 7px;font-style: italic;font-size: 20px;opacity:0.5;} .close_button_wrapper a:hover{opacity:1;} .sidebar__Post {padding-bottom: 15px;clear: both;position: relative;} @media only screen and (min-width: 767px) {.sidebar__Post {padding-bottom: 15px;} } @media only screen and (min-width: 1024px) {.sidebar__Post {padding-bottom: 10px;} } .sidebar__Post--textWrap {padding-top: 10px;} @media only screen and (min-width: 767px) {.sidebar__Post--textWrap h4 {font-size: 13px;line-height: 17px;padding-bottom: 5px;} } @media only screen and (min-width: 1280px) {.sidebar__Post--textWrap h4 {font-size: 16px;line-height: 20px;} } .sidebar__Post--textWrap hr {margin-bottom: 10px;} .sidebar__Post--textWrap b,.sidebar__Post--textWrap strong{line-height: 17px;display: block;font-weight: 500;} .sidebar__Post--textWrap strong { font-weight: 600; } .sidebar__Post img {width: 50%;} @media only screen and (min-width: 767px) {.sidebar__Post img {width: 100%; padding-top: 20px; } } @media only screen and (min-width: 768px) {.desktop-sidebarPosts {display: block; } } @media only screen and (min-width: 1024px) {.desktop-sidebarPosts {overflow: hidden; } } .sideBar--hr {margin: 5px 0; } .bottom--hr {margin-top: 0; } .mobile-sidebar {display: block; } @media only screen and (min-width: 767px) {.mobile-sidebar {display: none; } } .mobile-logoButton {display: block; } @media only screen and (min-width: 1024px) {.mobile-logoButton {display: none; } } body.post-type-archive-product .footer__flexWrapper { width: 100%; } .WinePost--article {position: relative;} .openingImages--intro {z-index: 101; position: absolute; left: 0; } .wineBottle__checkOut--wrap {position: absolute; display: block; top: -220px; right: 0px; height: 170px; width: 170px; border-radius: 100px; background:#f6f1bc; } @media only screen and (min-width: 768px) {.wineBottle__checkOut--wrap {height: 180px; width: 180px; border-radius: 90px; } } @media only screen and (min-width: 1280px) {.wineBottle__checkOut--wrap {height: 210px; width: 210px; border-radius: 50%; } } .wineBottle__checkOut--container {position: relative; top: 48%; -webkit-transform: translateY(-60%); transform: translateY(-60%); width: 60%; text-align: left; margin: auto; } .wineBottle__checkOut--hr {background-color: #000; margin: 11px 0 0; } .wineBottle__checkOut--span{color:#000;display:inline;width:100%;text-align:left;font-size:18px;position:relative;top:4px;font-family: 'TiemposSemibold', sans-serif;} .wineBottle__checkOut--link{font-weight: 600;color:#000;display: block;text-align: left;width: 100%;padding: 0;font-size: 13px;} .wineBottle__checkOut--bottomLink {padding-top: 10px;} .wineBottle__cart .quantity {margin-left: 10px;border: 0;border-bottom: 1px solid #000;width: auto;border-radius: 0;} .wineBottle__cart {width: auto !important;} .wineBottle__cart .quantity-title {font-weight: 900;top: 10px;position: relative;font-size: 16px;font-family: 'TiemposSemibold', sans-serif; font-weight: normal;} .button.addCart__link {margin-top: 25px !important;} .hidden {display: none; } @media only screen and (min-width: 319px) {.WinePost--article {margin-top: 300px; } .wineBottle__detailWrap {width: 50%; float: right; padding-left: 0px; } .wineBottle__cart {height: 25px; width: 50%; background-color: transparent;color: #282828; margin-top: 15px; font-size: 8px; padding-top: 4px; font-weight: 600; } .addCart__link {font-weight: 600; position: relative; margin-top: 5px; display: block; } .wineBottle__heroImg {float: left; width: 50%; padding-right: 12px; } .wineBottle__heroImg__mobile {display: block; } .wineBottle__heroImg__tablet {display: none; } .wineBottle__heroImg__desktop {display: none; } h1.entry-title {font-size: 17px;} .wineBottle__overview {width: 50%; float: right; padding-left: 0px; } .wineBottle__body-mobile {clear: both; overflow: hidden; font-size: 8px; width: 100%; padding-top: 35px; padding-right: 12px; } .wineBottle__body-mobile--colOne {width: 50%; float: left; padding-right: 12px; } .wineBottle__body-mobile--colTwo {width: 50%; float: left; padding-left: 5px; } .tastingNote__link {color: #282828; font-weight: 600; font-size: 8px; text-decoration: none; } .wineBottle--hr {margin: 10px 0; } .wineBottle__select {font-size: 8px; width: 40px; background-size: 10px auto; } } @media only screen and (min-width: 768px) {.WinePost--article {margin-top: 250px; } .wine__description--rating {font-size: 11px; line-height: 14px; } .wineBottle__detailWrap {float: none;width: 75%;float: right;padding-left: 5px;padding-top: 50px;} .wineBottle__header {width: 35%; } h1.entry-title {line-height: 17px; letter-spacing: .2px; font-size:17px; width: 135px; overflow: visible; } .wineBottle__heroImg {width: 25%; margin-bottom: 25px; padding-top: 25px; } .wineBottle__heroImg__mobile {display: none; } .wineBottle__heroImg__tablet {display: block; } .wineBottle__heroImg__desktop {display: none; } .wineBottle__overview {width: 22%;float: left;padding-right: 10px;padding-left: 10px;} .wineBottle__overview:after {clear: both; } .wineBottle__overview {padding-top: 45px; margin-top: 0; } .wineBottle__body {display: block;width: 53%;float: left;padding-left: 5px;padding-top: 45px;} .wineBottle__body--colOne {width: 50%; padding-right: 10px; float: left; } .wineBottle__body--colTwo {width: 50%; padding-left: 5px; float: left; } .wineBottle__body--colOne p, .wineBottle__body--colTwo p {margin-bottom: 10px; font-size: 16px; line-height: 20px; } .wineBottle__body-mobile {display: none; } .wineBottle__cart {height: 30px; } .wineBottle--hr {margin-top: 50px; } .tastingNote__link {font-size: 11px; } } @media only screen and (min-width: 1023px) {.wineBottle__heroImg {float: left; width: 25%; padding-top: 10px; } .wineBottle__heroImg__tablet {display: none; } .wineBottle__heroImg__desktop {display: block; } .wineBottle__detailWrap {margin-bottom: 25px; padding-left: 5px; } .wineBottle__header {width: 45%; } h1.entry-title {font-size: 17px; line-height: 22px; width:250px; font-family: 'TiemposSemibold', sans-serif; font-weight: normal; } .wineBottle__cart {font-size: 14px; margin-top: 35px; height: 35px; } .wineBottle__select {width: 58px; } } @media only screen and (min-width: 1199px) {.wineBottle__detailWrap{padding-left: 17px;} .wineBottle__body--colTwo,.wineBottle__body--colOne {padding:0 50px 0 13px;} .tastingNote__Wrap{width: 75%;} .tastingNote__link{width: 50%;} .wineBottle__cart {padding-top: 9px; height: 45px; font-size: 14px; } .wineBottle__select {width: 75px; margin-left: 20px; font-size: 17px; } } @media only screen and (min-width: 319px) {.content__image.groupB--img_one {position: relative; float: left; width: 55%; margin: 0; } .content__image.groupB--img_two {position: relative; float: left; width: 40%; margin: 0; margin-left: 14px; } .content__image.content--single_img_rhs {position: relative; float: right; width: 50%; margin: 0; } } @media only screen and (min-width: 568px) {.content__image.groupB--img_two {width: 42.3%; height: auto; } .content__image.groupD--img_one {width: 64%; height: auto; } .content__image.groupD--img_two {width: 33%; height: auto; } } @media only screen and (min-width: 767px) {.content__image.groupB--img_one {height: auto; } .content__image.groupB--img_two {width: 30%; margin-left: 30px; } .groupB--img_one {height: 400px; width: 250px; } .groupB--img_two {height: 400px; width: 250px; } .groupC--img_one {height: 220px; width: 220px; } .groupC--img_two {height: 570px; width: 400px; } .groupD--img_one {height: 290px; width: 300px; } .groupD--img_two {height: 290px; width: 250px; } .content--img_large {width: 100%; position: relative; float: left; } } @media only screen and (min-width: 1199px) {.content__image.groupB--img_one {width: 45%; } } .three__column {width: 25%; } .three__column--col-1 {padding: 0; font-weight: 800; margin: 15px 0; width: 190px; } @media only screen and (min-width: 375px) {.three__column--col-1 {width: 220px; } } @media only screen and (min-width: 768px) {.three__column--col-1 {width: 40%; float: left; margin: 0; margin-right: 40px; font-weight: 600; } } @media only screen and (min-width: 1024px) {.three__column--col-1 {width: 45%; margin-right: 85px; } } @media only screen and (min-width: 1280px) {.three__column--col-1 {margin-right: 95px; margin-right: 150px; } } .three__column--col-1 p {font-size: 13.5px; line-height: 16px; } .three__column--quote {font-size: 20px; line-height: 27px; padding: 0; font-family: "ARG_Tiempos-Headline"; margin-bottom: 15px; quotes: "\201C" "\201D" "\2018" "\2019"; font-weight: normal; } @media only screen and (min-width: 768px) {.three__column--quote {padding-left: 40px; width: 260px; margin-bottom: 80px; } } @media only screen and (min-width: 1024px) {.three__column--quote {width: 320px; font-size: 20px; line-height: 26px; } } @media only screen and (min-width: 1280px) {.three__column--quote {width: 280px; padding-left: 0; margin-left: 90px; } } .three__column--quote:before {color: #000; content: open-quote; font-size: 2em; line-height: 0.1em; margin-right: 0.05em; vertical-align: -0.4em; } @media only screen and (min-width: 1280px) {.three__column--heading {margin-left: 125px; font-size: 70px; } } @media only screen and (min-width: 1280px) {.three__column--paragraph {margin-top: 20px; font-size: 25px; } } @media only screen and (min-width: 1280px) {.three__column p {font-size: 11.5px; line-height: 17px; } } @media only screen and (min-width: 1280px) {.three__columnImgWrap {padding-right: 0px; } } .three__column--image {display: none; } @media only screen and (min-width: 768px) {.three__column--image {display: block; } } @media only screen and (min-width: 767px) {.three__column--content {padding-top: 15px; } .three__column--content h2 {padding: 0; } } @media only screen and (min-width: 1023px) {.three__column h4 {font-size: 23px; line-height: 27px; } } @media only screen and (min-width: 1280px) {.three__column h4 {line-height: 28.5px; font-size: 23px; padding-top: 5px; } } @media only screen and (min-width: 1023px) {.three__column p {font-size: 13px; line-height: 16px; } } @media only screen and (min-width: 1023px) {.column__left, .column__right, .column__middle {font-size: 11px; line-height: 16px; letter-spacing: .2px; } } @media only screen and (min-width: 1199px) {.column__left, .column__right, .column__middle {font-size: 11.5px; line-height: 17px; letter-spacing: .2px; } } @media only screen and (min-width: 767px) {.largeCallout {display: block; position: relative; } } @media only screen and (min-width: 1024px) {.largeCallout {margin-top: 30px; } } @media only screen and (min-width: 1280px) {.largeCallout {margin-top: 60px; } } .largeCallout__header {width: 80%; float: left; padding-bottom: 5px; } @media only screen and (min-width: 375px) {.largeCallout__header {width: 75%; } } @media only screen and (min-width: 767px) {.largeCallout__header {margin: 0; padding-bottom: 50px; position: relative; top: 0; float: none; } } @media only screen and (min-width: 1280px) {.largeCallout__header {width:60%; } } .page-id-10 .largeCallout__header, .largeCallout__header{margin-bottom:50px;} .largeCallout__header h1 {font-size: 32px; line-height: 34px; padding: 0; font-family: "ARG_Tiempos-Headline"; letter-spacing: -0.5px; font-weight: normal; } @media only screen and (min-width: 375px) {.largeCallout__header h1 {font-size: 36px; line-height: 38px; } } @media only screen and (min-width: 568px) {.largeCallout__header h1 {font-size: 52px; line-height: 56px; } } @media only screen and (min-width: 767px) {.largeCallout__header h1 {font-size: 70px; line-height: 72px; letter-spacing: -1px; } } @media only screen and (min-width: 1023px) {.largeCallout__header h1 {font-size: 85px; line-height: 89px; } } @media only screen and (min-width: 1280px) {.largeCallout__header h1 {font-size: 110px; line-height: 112px; padding-left: 25px; } } .smaller__detail {padding-top: 10px; width: 20%; float: right; } @media only screen and (min-width: 375px) {.smaller__detail {width: 22%; max-width: 110px; } } @media only screen and (min-width: 568px) {.smaller__detail {margin-top: 20px; } } @media only screen and (min-width: 768px) {.smaller__detail {max-width: none; position: absolute; top: 0px; right: 0px; width: 25%; padding-top: 0px; margin-top: 25px; } } @media only screen and (min-width: 1024px) {.smaller__detail {width: 220px; } } .smaller__detail h4, .smaller__detail p {margin: 0; } .smaller__detail h4 {font-size: 9px; width: 100%; line-height: normal; } @media only screen and (min-width: 767px) {.smaller__detail h4 {width: 115px; font-size: 11px; line-height: 12px; } } @media only screen and (min-width: 1023px) {.smaller__detail h4 {font-size: 13px; width: 135px; } } @media only screen and (min-width: 1199px) {.smaller__detail h4 {font-size: 13px; line-height: 15px; margin-bottom: 0px; width: 135px; } } .smaller__detail p {padding-bottom: 5px;font-size: 16px;line-height: 18px;} @media only screen and (min-width: 767px) {.smaller__detail p {margin-bottom: 5px; } } .smaller__detail a {color: black; } .woocommerce .woocommerce-Message a.button.woocommerce-Button {margin-right: 10px!important; } .woocommerce {font-family: 'ARG_Tiempos', sans-serif !important; } .woocommerce-checkout .content-area, .woocommerce-cart .content-area {max-width: 1228px; margin: auto; } .woocommerce-page article.page {margin-top: 350px; } .woocommerce form.checkout_coupon{border:none;padding:0;} input[name="apply_coupon"]{font-family:TiemposSemiBold;font-weight:normal!important;font-size:14px!important;} @media screen and (max-width: 767px){.woocommerce-page article.page {margin-top: 300px; padding: 0 10px 0 10px; } .wineBottle__cart .quantity {width: 120px; }body.single-product div.woocommerce-message, body.single-product.woocommerce .WinePost--article .woocommerce-message{bottom:400px!important;padding: 0!important;width: 50%!important;}.woocommerce-cart .cart-collaterals .cart_totals table tr.cart-discount th{width:80%;}} @media screen and (max-width: 480px) {.wineBottle__cart .quantity {width: 45px; } } #add_payment_method #payment, .woocommerce-checkout #payment {background: none !important; } #add_payment_method #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {border-bottom: 1px solid #282828 !important; } .woocommerce-cart select{border-color: #2b3d5c;} .woocommerce-checkout .input-text,.woocommerce-cart .input-text,.woocommerce-checkout .state_select,.woocommerce-cart .state_select,.woocommerce-checkout .country_select,.woocommerce-cart .country_select,.woocommerce-cart select {-webkit-appearance: none;border-radius: 0 !important;background: none !important;padding: 0;padding-bottom: 0px; height: 44px;font-weight:600;color:#666;border-color: #666!important;padding-top: 13px;} .woocommerce-checkout .state_select,.woocommerce-cart .state_select,.woocommerce-checkout .country_select,.woocommerce-cart .country_select,.woocommerce-cart select {background: url('../images/qty_arrow.png') 98% center no-repeat !important;background-size: 15px auto !important;} .button {background: none !important; border: none !important; color: #282828 !important; -webkit-transition: background 800ms, color 800ms, border 800ms; transition: background 800ms, color 800ms, border 800ms; } .button:hover {background: #2b3d5c !important; color: #fff !important; box-shadow: none !important; } .shop_table {border: 2px solid #282828 !important; border-radius: 0 !important; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table td {border-top: 2px solid #282828 !important; } .cart_totals .shop_table {border-top: 0 !important; } .woocommerce.single-product .woocommerce-message {margin-top: 18px !important; } .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {border: none; background: none !important; margin: 0 !important; } .woocommerce .woocommerce-info:before,.woocommerce .woocommerce-message:before {color: #282828 !important;content:'';} .woocommerce .WinePost--article .woocommerce-message {width: 78%; height: 65px; margin-top: 30px !important; background: none !important; } body.single-product div.woocommerce-message,body.single-product.woocommerce .WinePost--article .woocommerce-message{margin-top: 0px !important;position:absolute;bottom:50px;} @media screen and (max-width: 1023px) {.woocommerce .WinePost--article .woocommerce-message {width: 75% !important; height: 65px !important; margin-top: 50px !important; float: left !important; } } @media screen and (max-width: 944px) {.woocommerce .WinePost--article .woocommerce-message {width: 73% !important; } } @media screen and (max-width: 850px) {.woocommerce .WinePost--article .woocommerce-message {width: 69% !important; } } @media screen and (max-width: 766px) {.woocommerce .WinePost--article .woocommerce-message {width: 100% !important; } } .woocommerce-breadcrumb {display: none !important; } button.single_add_to_cart_button.button.alt {clear: both; padding: 0 !important; margin: 10px 0 0 0 !important; background: none !important; border: none !important; color: #282828; text-transform: uppercase; font-size: 14px; } button.single_add_to_cart_button.button.alt:hover {color: #282828; } @media screen and (max-width: 1023px) {button.single_add_to_cart_button.button.alt {font-size: 8px !important; line-height: 10px !important; font-weight: 600 !important; margin-top: 5px !important; } } @media only screen and (min-width:1025px) {::-webkit-scrollbar {width: 8px; } ::-webkit-scrollbar-track {border-radius: 0px; background-color: rgba(255, 255, 255, 0.1); } ::-webkit-scrollbar-thumb {border-radius: 0px; background: rgba(0, 0, 0, 0.8); } ::-webkit-scrollbar-thumb:window-inactive {background: rgba(0, 0, 0, 0.4); } } .wineBottle__select {border: 0; outline: 0; box-shadow: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: no-repeat; background-size: 15px auto; background-position: right; } .wineBottle__select ::-ms-expand {display: none; } html {display: none; } a, a:focus, a:active {outline: none!important; } @media only screen and (min-width: 319px) {#content {width: 100%; min-width: 320px; } .openingImages--intro {display: none; } .introAnimation__Wrapper {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background-color: #fff; } .desktop__quoteImage {display: none; } .desktop__labelImage {display: none; } .mobile__quoteImage {position: absolute; top: -5px; left: 0; bottom: 0; right: 0; margin: auto; width: 250px; height: 155px; display: none; background-repeat: no-repeat; background-size: contain; } .mobile__labelImage {position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 255px; height: 160px; display: none; background-repeat: no-repeat; background-size: contain; } .video__item {display: none; width: 100%; } .col__OneText {font-size: 10px!important; letter-spacing: -0.1px !important; } .functions__ReducedContent {display: none; } } @media only screen and (min-width: 767px) {.open {overflow: visible; } .extra-top-margin {margin-top: 50px; } .extra-bottom-margin {margin-bottom: 50px; } .contact__container {overflow-y: auto; } .column__right, .column__middle {margin-top: 32px; } .column__left h1 {width: 250px; } .desktop__quoteImage {display: block; position: absolute; top: -5px; left: 0; bottom: 0; right: 0; margin: auto; width: 545px; height: 335px; display: none; background-repeat: no-repeat; background-size: contain; } .desktop__labelImage {display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 545px; height: 340px; display: none; background-repeat: no-repeat; background-size: contain; } .mobile__quoteImage {display: none; } .mobile__labelImage {display: none; } .title__Wrapper + .accordion__Link {padding-top: 10px; } .wineBottle__select {font-size: 10px; width: 60px; } .nav__flexItem {position: relative; } .cart__Wrapper {height: 75px; width: 35px; position: absolute; top: 0; right: 15px; } .cart__Icon {position: relative; width: 100%; height: 100%; } .cart__Icon img {position: absolute; height: 100%; } .cart__Unit {height: 22px; width: 22px; background-color: #282828; border-radius: 25px; position: absolute; bottom: 16px; right: 0px; color: #fff; font-weight: 700; font-size: 12px; display: table-cell; text-align: center; font-family: sans-serif; padding-top: 1px; padding-left: 1px; } .cart__Unit span {vertical-align: middle; } .video__Wrap {width: 75%; padding-right: 12px; } .video__item {display: block; width: 100%; } .video__replacement--mobile {display: none; } .functions__ReducedContent {display: block; } } @media only screen and (min-width: 1024px) {.column__middle, .column_right {margin-top: 32px; } .error_Callout {width: 65%; } .single__colText--luxury {padding-right: 65px; } .three__column-img {width: 460px; } .extra-top-margin {margin-top: 70px; margin-top: 130px; } } @media only screen and (min-width: 1100px) {.error_Callout {width: 60%; } } @media only screen and (min-width: 1199px) {.column__right, .column__middle {margin-top: 32px; } .single__colText--luxury p {line-height: 17px; font-size: 11.5px; } body {max-width: 1300px; margin-left: auto; margin-right: auto; } #content {margin-left: auto; margin-right: auto; } .top-Container {height: 930px; max-width: 1500px; margin-left: auto; margin-right: auto; } .top-Container__Wrap {height: 930px; margin: 0 0 0 0; margin-top: 900px; margin-top: 330px; } .top-Container__Wrap.is-visible {margin-top: 330px; } .top-Container__TextWrap h2 {font-size: 130px; line-height: 140px; width: 1170px; margin-left: auto; margin-right: auto; } .top-Container__TextWrap {top: 30px; } .top-Container__TextWrap.is-visible {top: -85px; } .flex--item button {font-size: 10px; } .single__colText--luxury {padding-right: 15px; } } @media only screen and (min-width: 1399px) {.desktop__quoteImage {width: 700px; height: 400px; display: none; } .desktop__labelImage {width: 705px; height: 425px; display: none; top: 30px; } } #reviews {display: none !important; } table.shop_table, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table td {border:none !important; } @media only screen and (min-width: 768px){main#main {margin-left: 35px; margin-right: 35px; } } @media only screen and (min-width: 1024px){main#main {margin-left: 35px; margin-right: 35px; } } @media only screen and (min-width: 1280px){main#main {margin-left: 95px; margin-right: 95px; } } .woocommerce .quantity .qty{border:none !important;border-bottom: 1px solid #2b3d5c !important;-webkit-box-shadow: 0 2px 1px -2px #2b3d5c;-moz-box-shadow: 0 2px 1px -2px #2b3d5c;box-shadow: 0 2px 1px -2px #2b3d5c;} .wc-proceed-to-checkout a, #place_order, .button,.wc-proceed-to-checkout a.checkout-button.button, .wc-proceed-to-checkout input.button.cw-update-cart{border: 2px solid #2B3D5C !important;display: inline !important;padding: 16px 40px !important;border-radius: 0px !important;float: left !important;margin-top:15px!important;margin-bottom:25px!important;text-transform: uppercase;color: #2B3D5C !important;} .woocommerce-account .button{margin:5px!important;} .woocommerce #payment input#place_order, .woocommerce-page #payment input#place_order {float: right !important;padding: 15px 50px !important;text-transform: capitalize;letter-spacing: 1.5px;font-family: 'TiemposSemibold', sans-serif;font-weight: normal;} .cart-discount td, .order-total td[data-title="Total"]{text-align:right;} .woocommerce-cart .cart-collaterals .cart_totals{width:100%;} div#primary{margin-top: -200px;} td.product-name a {text-decoration: none; } a.post-edit-link {display: none !important; } .woocommerce-cart .woocommerce-message {border-top:0px !important; } .woocommerce-cart .woocommerce-message a {display: none !important; } .woocommerce form .form-row { margin: 0 !important; padding: 3px 0 0; } input.input-text{border: none!important;border-bottom: 1px solid #2b3d5c !important;} .cpg-sign-forms input.input-text{border-bottom: 1px solid #fff !important;-webkit-box-shadow: 0 2px 1px -2px #fff;-moz-box-shadow: 0 2px 1px -2px #fff;box-shadow: 0 2px 1px -2px #fff;width:47%;} textarea.input-text {width: 100%; height: 200px !important; resize: none; border:2px solid #000!important; box-sizing: border-box; -webkit-box-sizing: border-box; } .entry-header {padding:20px 0px !important; border-bottom: 2px solid #000 !important; } .select2-drop {border: 2px solid #000 !important; border-radius: 0px !important; } .select2-search input {border:none !important; border-radius: 0px !important; } .select2-container {padding: 0 !important; margin: 0 !important; } .select2-container .select2-choice {border:none !important; border-bottom: 2px solid #000 !important; color: #000 !important; border-radius: 0px !important; } table.shop_table.woocommerce-checkout-review-order-table {border: none !important; } #order_review_heading {margin-top: 50px !important; border-bottom: 1px solid #2b3d5c !important; padding: 5px 0px !important; text-transform: capitalize; } .login, .register {border: none !important;padding: 0 !important;margin:0 !important;margin-top: 20px!important;} body.logged-in .nav-large__body .login,body.logged-in .nav-large__body .register{display:none;} .with_separator{border-bottom:1px solid #2b3d5c!important;margin-bottom: 15px;padding: 15px 0px;} .product-subtotal, .product-quantity, .product-price {text-align: right !important; } tr.shipping {font-weight: normal !important; } tr.shipping td {text-align: left; font-weight: 300 !important; } tr.shipping th {font-weight: 300 !important; } .checkout_table .order-total {border-bottom: 2px solid #000 !important; } .tr-bordered th,.tr-bordered td {padding: 0 !important; margin:0 !important; } .tr-bordered .with_separator {margin-top: 0; padding: 0; } label.inline {margin: 18px 11px !important; float: left; } @media only screen and (max-width: 1024px){body.page-id-6 .sidebar__Posts h1 { line-height: 20px; } .three__column--quote br { display: none; } } @media screen and (max-width:767px){.smaller__detail a.border-bottom { line-height: 20px !important; } .desktop-sidebarPosts{margin-top: 40px;width: 100%;} .sidebar__Posts{width: 100%;float: none;} .largeCallout .largeCallout__header, .largeCallout .smaller__detail { width: 100%; float: none;margin: 0 0 10px;max-width: 100%; } .largeCallout .largeCallout__header h1, .sections .mediaGroup--callOut { line-height: 1em; font-size: 40px; } .sections .mediaGroup--callOut { width: 100% !important; } .largeCallout .largeCallout__header h1 br { display: none; } .smaller__detail p.p1 > span.s1 { margin-bottom: 6px; display: block; } .three__column--quote { font-size: 24px; } .three__column--col-1 { width: 100%; } .three__column--quote br { display: none; } .accordion__container { width: 100%; } .mediaGroup--callOut h1 br { display: none; } .sections__Wrapper .sidebar__Posts h1 { width: 100% !important; } .mediaGroup--wrapper h1 { line-height: 1em; margin-bottom: 20px; } .mediaGroup--wrapper h1 br { display: none; } .footer__flexWrapper.mobile { margin: 0; padding-top: 20px; overflow: hidden; } .functions__content, .four__column, .vineyard__accordion--wrapper, .desktop-wine__rhs__Statement { width: 100% !important; } h3.accordion__title br, .smaller__detail p br { display: none; } .footer__flexItem--4 { width: 100%; } .nav-large__section.nav-large__section--blue .nav-large__heading { min-height: 100% !important; } .trade__row--items { width: 100%; } .WinePost--article.nyp-product { margin-top: 20px;} .gift-voucher-page form.cart div.voucher-fields-wrapper { margin-top: 0 !important; } p.form-row.form-row-wide.create-account { padding-bottom: 20px; } .woocommerce ul.woocommerce-thankyou-order-details.order_details li { width: 50%; box-sizing: border-box; margin: 10px 0 0; border: none; } fieldset#wc-stripe-cc-form label { font-size: 12px !important;margin-right: 0;} } @media only screen and (max-width: 480px){.woocommerce form.checkout_coupon .form-row { width: 100%; } body.woocommerce-checkout .entry-content h3 { font-size: 16px; } } @media only screen and (max-width: 340px){.footer__flexItem a { font-size: 12px; } .footer__flexWrapper.mobile { max-width: 290px; margin: 0 auto;padding: 20px 0 0 !important; } } @media screen and (max-width:900px){body.home.page-id-33 .mediaGroup--callOut{width: 85%;} } .nav-large__body .register input.input-text, .nav-large__body .login input.input-text{border-color:#fff!important;font-family:'ARG_Tiempos-Headline', serif;} p.woocommerce-FormRow.woocommerce-FormRow--first{margin-right:25px;} p.woocommerce-FormRow.woocommerce-FormRow--first, p.woocommerce-FormRow.woocommerce-FormRow--last{display:inline-block;} .woocommerce-page p.woocommerce-FormRow.woocommerce-FormRow--first, .woocommerce-page p.woocommerce-FormRow.woocommerce-FormRow--last{width:40%;} .woocommerce-page p.woocommerce-FormRow.woocommerce-FormRow--last{float:none;} .woocommerce .order_details li strong, body.woocommerce-order-received table.shop_table th, body.woocommerce-order-received table.shop_table td{font-weight:400!important;font-family:ARG_Tiempos;} body.woocommerce-order-received a.button{font-size: 14px;font-family: 'TiemposSemibold', sans-serif;margin-right: 10px;} .woocommerce-account .order-actions .button.view{min-width: 183px;text-align: center;} .woocommerce-account .order-actions .button{margin-bottom:0!important;} @media only screen and (max-width: 1388px){ input#nyp {max-width: 198px;} } input#nyp {text-align: left;}