/* Importing Fonts */ @import url('//fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic'); @import url('//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700'); /* Default Styles */ body, html { margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; width: 100%; height: 100%; } h1, h2, h3, h4, h5, h6, p, ul, ol, li, span { margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; } input, select, textarea { margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; resize: none; } table, tr, th, td { margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; border-spacing: 0; border-collapse: collapse; vertical-align: top; } a, img { border: none; outline: 0; color: inherit; text-decoration: none; } .loading { background-image: url('../images/ajax-loader.gif'); background-repeat: no-repeat; background-position: center center; } /* Page Setup Styles */ html { background-color: #000000; } body { font-family: 'Open Sans', sans-serif; } div.page { margin: auto auto auto auto; overflow: hidden; background-image: url('../images/background-gorge.jpg'); background-position: top center; background-size: 100% auto; background-repeat: no-repeat; background-color: #000000; } div.offset { margin: 0% auto; padding: 0%; max-width: 1100px; clear: both; position: relative; } /* Header Styles */ header.main-et1a { background-color: transparent; z-index: 1000; } header.main-et1a div.header-left img { margin: 0% 10px 0% 0%; max-width: 34px; vertical-align: middle; display: block; float: left; } header.main-et1a div.header-logo div.header-logoblock1 { margin: -1px 0% 0% 0%; padding: 0% 5% 16px 5%; width: 100%; right: 0px; left: 0px; text-align: center; position: absolute; } header.main-et1a div.header-logo div.header-logoblock1 p { font-size: 1.5em; color: #0D69B5; font-family: "Times New Roman", Times, serif; } header.main-et1a div.header-contact { padding: 0%; } header.main-et1a div.header-contact div.block1 { display: inline-block; vertical-align: top; } header.main-et1a div.header-contact div.account-button { padding: 0.375em 1em; text-align: center; float: right; } header.main-et1a div.header-contact div.account-button img { max-height: 20px; vertical-align: middle; } header.main-et1a div.header-contact a.store-basket { margin: 0%; width: 204px; height: 34px; } header.main-et1a div.header-contact div.basket-count { margin: 0%; padding: 0% 0% 1px 0%; width: 62px; top: 0px; right: 0px; font-size: 0.938em; line-height: 2.25em; color: #FFFFFF; background-color: #CA9144; border: 0px; border-radius: 0px; } header.main-et1a div.header-contact div.basket-total { margin: 0%; padding: 0% 18px 1px 18px; width: 142px; font-size: 0.938em; line-height: 2.25em; text-align: right; color: #FFFFFF; background-color: #221E1E; background-image: url('../images/custom-basket-icon.png'); background-position: 13px 6px; } header.main-et1a .col_3 div.header-left { width: 32%; vertical-align: top; } header.main-et1a .col_3 div.header-logo { margin: -10px 0% 42px 0%; width: 35%; vertical-align: top; position: initial; } header.main-et1a .col_3 div.header-details { width: 33%; vertical-align: top; } /* Navigation Styles */ nav.main-et1a { margin: 0%; padding: 0%; width: 100%; background-color: rgba(18,19,27,0.8); user-select: none; -webkit-user-select: none; -moz-user-select: none; -webkit-touch-callout: none; } nav.main-et1a ul { margin: 0%; padding: 0%; text-align: center; } nav.main-et1a ul li { margin: 0%; padding: 0%; width: auto; border: 0px; } nav.main-et1a ul li a { margin: 0%; padding: 0.25em 1.25em; font-size: 0.9375em; line-height: 2em; font-weight: 400; text-transform: uppercase; color: #FFFFFF; text-align: left; display: block; -o-transition: background-color 0.3s ease 0s; -ms-transition: background-color 0.3s ease 0s; -moz-transition: background-color 0.3s ease 0s; -webkit-transition: background-color 0.3s ease 0s; transition: background-color 0.3s ease 0s; } nav.main-et1a ul li:hover a { background-color: #12131B; } nav.main-et1a ul li a.current { color: #CA9144; background-color: transparent; } nav.main-et1a ul li:hover a.current { background-color: #12131B; } nav.main-et1a ul li div.drop { margin: 0%; padding: 32px 8% 48px 8%; background-color: #12131B; } nav.main-et1a ul li:hover div.drop { display: block; } nav.main-et1a ul div.drop ul { margin: 0%; width: 100%; float: left; } nav.main-et1a ul li div.drop ul li { margin: 0%; padding: 0%; text-align: left; background-image: none; display: list-item; overflow: hidden; } nav.main-et1a ul li div.drop ul li a { margin: 0%; padding: 0%; font-size: 0.9375em; line-height: 1.6em; font-weight: normal; text-transform: none; color: #FFFFFF; text-align: left; } nav.main-et1a ul li:hover div.drop ul li a { background-color: transparent; } nav.main-et1a ul li div.drop ul li a:hover { color: #FFFFFF; text-decoration: underline; } /* Footer Styling */ footer.main-et1a { margin: auto; padding: 0%; width: 100%; position: relative; background-color: #4D4D4D; } footer.main-et1a div.footer-top { background-color: #4D4D4D; } footer.main-et1a div.footer-container { padding: 0%; } footer.main-et1a div.footer-left { width: 80%; } footer.main-et1a div.footer-left ul { padding: 21px 0% 0% 0%; } footer.main-et1a div.footer-left ul li { margin: 0% 2px; font-size: 0.6875em; text-transform: uppercase; color: #FFFFFF; display: inline-block; } footer.main-et1a div.footer-left ul li.footer-heading { display: none; } footer.main-et1a div.footer-left ul li:after { margin: 0% 5px 0% 8px; content: '|'; } footer.main-et1a div.footer-left ul li:last-of-type:after { margin: 0%; content: ''; } footer.main-et1a div.footer-right { width: 20%; } footer.main-et1a div.footer-right div.content { width: 100%; } footer.main-et1a div.footer-right div.content:first-of-type { display: none; } footer.main-et1a div.footer-social { margin: 0%; padding: 14px 0% 0% 0%; text-align: right; } footer.main-et1a div.footer-social img { margin: 0% 21px 0% 0%; max-width: 34px; } footer.main-et1a div.footer-social a:nth-of-type(2) img { margin: 0% 16px 0% 0%; } footer.main-et1a div.footer-copyright { margin: 0%; padding: 29px 0% 52px 0%; width: 100%; text-align: center; } footer.main-et1a div.footer-copyright p { margin: 0%; padding: 0%; font-size: 0.75em; line-height: 1.67em; display: inline-block; vertical-align: middle; color: #FFFFFF; } footer.main-et1a div.footer-copyright p strong { font-weight: 400; } footer.main-et1a div.footer-copyright p:first-of-type:after { margin: 0% 0% 0% 3px; content: '|'; } footer.main-et1a div.footer-copyright img { margin: 0% 0% 3px 0%; max-width: 14px; vertical-align: middle; } /* Heading & Paragraph Styles */ section.main div.standard-content h1 { margin: 0% 0% 1.5em 0%; padding: 0%; font-size: 1.5em; line-height: 1.25em; font-weight: 600; text-transform: uppercase; color: #221E1E; } section.main div.standard-content h2 { margin: 0% 0% 0.5em 0%; padding: 0%; font-size: 1.25em; line-height: 1.25em; font-weight: 400; text-transform: none; color: #221E1E; } section.main div.standard-content h3 { margin: 0.5em 0%; padding: 0%; font-size: 1.125em; line-height: 1.25em; font-weight: 600; text-transform: uppercase; color: #2372B4; } section.main div.standard-content h4 { margin: 0.5em 0%; padding: 0%; font-size: 1.25em; line-height: 1.25em; font-weight: 600; text-transform: none; color: #000000; text-decoration:underline; font-family: 'Open Sans Condensed', 'Open Sans', sans-serif;} section.main div.standard-content p { margin: 0.75em 0%; padding: 0% 0% 0% 0%; font-size: 0.9375em; line-height: 1.6em; font-weight: normal; text-transform: none; color: #1C1C1B; } section.main div.standard-content a { font-weight: 600; text-decoration: none; color: #2978BA; } section.main div.standard-content a:hover { color: #3F86C1; } section.main div.standard-content ul { margin: 0% 0% 1em 0%; padding: 0% 0% 0% 0%; font-size: 1em; line-height: 1.5em; font-weight: bold; text-transform: none; color: #1C1C1B; list-style-type: disc; } section.main div.standard-content ol { margin: 0% 0% 1em 0%; padding: 0% 0% 0% 0%; font-size: 1em; line-height: 1.5em; font-weight: bold; text-transform: none; color: #1C1C1B; } section.main div.standard-content ul li { margin: 0.75em 0% 0% 20px; padding: 0% 0% 0% 0.75em; font-size: 0.9375em; line-height: 1.6em; font-weight: normal; text-transform: none; color: #1C1C1B; } section.main div.standard-content ul ul li { font-size: 1em; } section.main div.standard-content ol li { margin: 1em 0% 0% 1.5em; padding: 0% 0% 0% 0.75em; font-size: 1em; line-height: 1.5em; font-weight: normal; text-transform: none; color: #1C1C1B; } section.main div.standard-content img { max-width: 100%; } /* Button Styles */ section.main div.standard-content a.button { padding: 7px 14px; font-weight: 400; text-transform: uppercase; color: #FFFFFF; background-color: #2978BA; -o-transition: background-color 0.3s ease 0s; -ms-transition: background-color 0.3s ease 0s; -moz-transition: background-color 0.3s ease 0s; -webkit-transition: background-color 0.3s ease 0s; transition: background-color 0.3s ease 0s; } section.main div.standard-content a.button:hover { background-color: #3F86C1; } /* Table Styles */ section.main div.standard-content table { margin: 0% 0% 4% 0%; padding: 0% 0% 0% 0%; min-width: 50%; border: 0; } section.main div.standard-content table tr { margin: 0% 0% 4% 0%; padding: 0% 0% 0% 0%; border: 0; } section.main div.standard-content table th { margin: 0% 0 4% 0%; padding: 1% 1%; border: 1px #ffffff solid; text-align: center; vertical-align: middle; border-collapse: collapse; color: #FFFFFF; background-color:#221E1E; font-size: 0.813em;} section.main div.standard-content table th * { color: #FFFFFF; } section.main div.standard-content table td { margin: 0% 0% 4% 0%; padding: 1% 1%; border: 1px #ffffff solid; text-align: center; vertical-align: top; border-collapse: collapse; font-size: 0.813em;} /* Custom Table Styles */ section.main div.standard-content table.meet-the-team { width: 100%; } section.main div.standard-content table.meet-the-team td { width: 50%; border: 0; text-align: left;} /* Breadcrumb Styles */ section.main div.breadcrumb { margin: 0% 0% 20px 0%; font-size: 0.75em; color: #7E7E7E; } section.main div.breadcrumb a { margin: 0% 0.25em 0% 0.25em; font-size: 1em; font-weight: normal; } /* Default Template Styles */ section.main { margin: 8px auto 0% auto; padding: 20px 20px; width: auto; min-height: 60vh; background-color: rgba(255,255,255,0.9); position: relative; } section.main div.standard-content { margin: 0%; padding: 0%; width: 100%; } section.main div.standard-content img { height: auto !important; } /* Home Template Styles */ section.main.home { margin-top: 0%; } section.main.home div.standard-content h1 { margin: 0% 0% 0.75em 0%; } section.main.home div.standard-content h3 { padding: 1em 0% 0% 0%; } section.main div.standard-content p.home-text { margin: 0.75em 0% 1.6em 0%; } section.main div.standard-content.home-left { margin: 0%; padding: 0% 0% 0% 4%; width: 65%; display: inline-block; vertical-align: top; } section.main div.standard-content.home-middle { margin: 0%; padding: 4em 0% 0% 3%; width: 22.5%; display: inline-block; vertical-align: top; } section.main div.standard-content.home-right { margin: 0%; padding: 0% 0% 0% 3%; width: 35%; display: inline-block; vertical-align: top; } section.main div.standard-content.home-bottom { margin: 0%; padding: 0% 3% 0% 3%; width: 100%; } section.main div.standard-content.home-bottom h4 { margin: 0.5em; font-weight: 600; text-decoration: none; } /* Standard Template Styles */ section.main div.standard-content.sub-left { margin: 0%; padding: 0% 32px 0% 10px; width: 22%; display: inline-block; vertical-align: top; } section.main div.standard-content.sub-right { margin: 0%; padding: 0% 21px 0% 0%; width: 78%; display: inline-block; vertical-align: top; } section.main div.standard-content.full { margin: 0%; padding: 0% 21px; width: 100%; } section.main div.standard-content nav.sub { margin: 0%; padding: 50px 0% 0% 0%; width: 100%; clear: both; float: left; } section.main div.standard-content nav.sub ul { margin: 0%; padding: 0%; width: 100%; font-size: 1em; line-height: 1em; font-weight: bold; text-transform: none; text-align: left; color: #FFFFFF; list-style-type: none; display: block; } section.main div.standard-content nav.sub ul li { margin: 0%; padding: 0%; width: auto; border-bottom: 1px solid #FFFFFF; text-align: left; display: list-item; position: relative; } section.main div.standard-content nav.sub ul li a { margin: 0%; padding: 10px 0%; font-size: 1em; line-height: 1em; font-weight: normal; text-transform: none; text-align: left; color: #12131B; display: block; } section.main div.standard-content nav.sub ul li a:hover { font-weight: 600; } section.main div.standard-content nav.sub ul li.current a { font-weight: 600; } /* Article Template Styles */ section.main div.standard-content.latest-article { margin: 0%; padding: 0% 4% 0% 2%; width: 64%; display: inline-block; vertical-align: top; } section.main div.latest-article { padding: 0% 4% 0% 0%; width: 70%; display: inline-block; vertical-align: top; } section.main div.recent-news { padding: 0% 0% 0% 0%; width: 30%; display: inline-block; vertical-align: top; } section.main div.recent-news h2 { margin: 0% 0% 0.5em 0%; padding: 7px 14px; font-size: 1.25em; line-height: 1.25em; font-weight: 400; text-transform: none; color: #FFFFFF; background-color: #2978BA; } section.main div.recent-news ul li { margin: 0.75em 0 0 20px; padding: 0 0 0 0.75em; font-size: 0.9375em; font-weight: normal; line-height: 1.6em; text-transform: none; color: #1C1C1B; } section.main div.recent-news a { font-weight: 600; text-decoration: none; color: #2978BA; } /* Contact Template Styles */ section.main div.standard-content.contact h2 { font-size: 24px;color: #7563A8; } section.main div.standard-content.contact h3 { font-size: 24px; } section.main div.standard-content.contact p { font-size: 16px; } section.main div.standard-content.contact-top { margin: 0%; padding: 0% 21px 21px 21px; width: 100%; display: inline-block; vertical-align: top; } section.main div.standard-content.contact-left { margin: 0%; padding: 0% 21px 0% 21px; width: 50%; display: inline-block; vertical-align: top; } section.main div.standard-content.contact-right { margin: 0%; padding: 0% 21px 0% 21px; width: 50%; display: inline-block; vertical-align: top; } section.main div.standard-content div.enquiry { margin: 0%; padding: 0%; width: 100%; } form { max-width: 520px; } form div.field-block { margin: 0%; padding: 6px 0%; width: 100%; } form div.field-block .form-control, form div.field-block input[type=text], form div.field-block input[type=date], form div.field-block input[type=time], form div.field-block textarea, form div.field-block select { padding: 7px 16px 6px 16px; display: inline-block; vertical-align: middle; background-color: #FFFFFF; border: 1px solid #9A9A9A; border-radius: 2px; } form div.field-block textarea { min-height: 6em; } form div.field-block select { margin: 0% !important; padding: 7px 16px 5px 16px; font-size: 1em; line-height: 1.5em; position: relative; color: #333333; background-color: #FFFFFF; border: 1px solid #9A9A9A; border-radius: 2px; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; } form div.field-block select:hover { background-color: #F1F1F1; cursor: pointer; } section.main div.standard-content div.captcha input { margin: 0% 10px 0% 0%; padding: 1% 2%; width: 28%; font-size: 0.875em; line-height: 1.375em; vertical-align: middle; display: inline-block; } section.main div.standard-content div.captcha img { border: 1px solid #D2D2D2; vertical-align: middle; display: inline-block; } section.main div.standard-content div.field-block input[type=submit] { margin: 5px 0%; padding: 0%; width: 100%; max-width: 250px; font-size: 0.875em; line-height: 2.5em; font-weight: 600; text-transform: uppercase; color: #FFFFFF; background-color: #CA9144; border: 0; border-radius: 0; -o-transition: background-color 0.3s ease 0s; -ms-transition: background-color 0.3s ease 0s; -moz-transition: background-color 0.3s ease 0s; -webkit-transition: background-color 0.3s ease 0s; transition: background-color 0.3s ease 0s; } section.main div.standard-content div.field-block input[type=submit]:hover { background-color: #CF9C57; } /* Slideshow Styles */ div.slideshow-container { margin: 8px auto 0% auto; padding: 20px; width: auto; background-color: rgba(255,255,255,0.9); position: relative; } div.wg-slider div.slide div.content { padding: 0; text-align: left; } div.wg-slider div.slide div.content h2 { margin: 0.5em 0%; padding: 0%; font-size: 2.25em; line-height: 1.25em; font-weight: 300; text-transform: none; color: #FFFFFF; } div.wg-slider div.slide div.content p { margin: 0.5em 0%; padding: 0%; font-size: 1.5em; line-height: 1.5em; font-weight: 300; text-transform: none; color: #FFFFFF; } div.wg-slider div.slide div.content a { color: inherit; text-decoration: none; } div.wg-slider div.slide-caption { background-color: transparent; -webkit-transition: all 1s ease 0.15s; -moz-transition: all 1s ease 0.15s; -o-transition: all 1s ease 0.15s; transition: all 1s ease 0.15s; } div.wg-slider div.slide-caption.caption-span-edge { padding: 0% 0% 0% 3%; width: 45%; right: auto; bottom: 16.5%; } div.wg-slider div.pips { padding: 0 3%; bottom: 3%; text-align: left; } div.wg-slider div.pips span.pip { margin: 0% 11px 0% 0%; width: 9px; height: 9px; background-color: rgba(255,255,255,0.5); } div.wg-slider div.pips span.pip.current { background-color: rgba(255,255,255,1); } /* Home Template Commerce Styles */ section.main div.standard-content.commerce { margin: 0%; padding: 0%; } /* Product Slideshow Feature Styles */ section.main div.product-slideshow { padding: 10px 0%; } section.main div.product-slideshow ul li { margin: 0% 0.5em 0% 0.5em; padding: 0% 0% 0% 0%; height: auto !important; } section.main div.product-slideshow .image_container { padding-top: 118.9%; } section.main div.product-slideshow .image_dimensions { padding: 0; background-color: transparent; } section.main div.pointer-icon { margin: 10px auto 0% auto; width: 30px; height: 29px; background-image: url('../images/slide-pointer.png');} /* Subpage Grid Feature Styles */ section.main div.page-tile { margin: 2% 4.5% 2% 4.5%; width: 16%; display: inline-block; vertical-align: middle; position: relative; overflow: hidden; } section.main div.page-tile img { width: 100%; max-width: 100%; display: block; } section.main div.page-tile:hover img { } section.main div.page-tile div.tile-overlay { margin: 0% 0% 4% 0%; width: 100%; height: 27%; bottom: 0; position: absolute; z-index: 500; overflow: hidden; display: none; } section.main div.page-tile div.tile-overlay h1 { margin: 0% 2% 0% 5%; color: #FFFFFF; font-size: 1.429em; line-height: 45px; font-weight: 300; } section.main div.page-tile a div.tile-overlay { height: 45px; background-color: rgba(90,36,95,0.8); -o-transition: background-color 0.4s ease 0s; -ms-transition: background-color 0.4s ease 0s; -moz-transition: background-color 0.4s ease 0s; -webkit-transition: background-color 0.4s ease 0s; transition: background-color 0.4s ease 0s; } section.main div.page-tile a:hover div.tile-overlay { background-color: rgba(255,153,0,0.8); } /* Google Map Feature Styles */ #google-map { margin: 30px 0%; width: 100%; height: 320px; } #google-map img { max-width: none; } #google-map .gmnoprint { display: none; } #google-map .gm-style-cc { display: none; } /* Form Styles */ section.main form.formBuilder { margin: 0% 0% 1.5em 0%; } section.main form.formBuilder button { padding: 7px 14px; font-weight: 400; text-transform: uppercase; color: #FFFFFF; background-color: #2978BA; border: 0px; border-radius: 0px; -o-transition: background-color 0.3s ease 0s; -ms-transition: background-color 0.3s ease 0s; -moz-transition: background-color 0.3s ease 0s; -webkit-transition: background-color 0.3s ease 0s; transition: background-color 0.3s ease 0s; } section.main form.formBuilder button:hover { background-color: #3F86C1; } section.main form.formBuilder div.form-buttons { text-align: left; } /* Popup Panel Styles */ div.popup-panel { padding: 48px 32px 32px 32px; width: 100%; max-width: 580px; color: #333333; border-radius: 0px; box-shadow: none; } div.popup-panel h2, div.popup-panel h3, div.popup-panel h4, div.popup-panel h5, div.popup-panel h6 { margin-top: 0%; } div.popup-panel p { margin: 0% 0% 1.5em 0%; font-family: 'Lato', sans-serif; font-size: 1em; line-height: 1.5em; font-weight: 400; text-transform: none; color: #333333; } div.popup-panel span.close { top: 18px; right: 18px; font-size: 0px; opacity: 0.1; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; } div.popup-panel span.close:before { width: 24px; height: 24px; content: '\f00d'; font-family: 'Font Awesome 5 Pro'; font-size: 22px; line-height: 26px; text-align: center; display: block; } div.popup-panel span.close:hover { opacity: 1; } div.popup-panel button { padding: 7px 14px; font-size: 0.938em; font-weight: 400; text-transform: uppercase; color: #FFFFFF; background-color: #2978BA; border: 0px; border-radius: 0px; -o-transition: background-color 0.3s ease 0s; -ms-transition: background-color 0.3s ease 0s; -moz-transition: background-color 0.3s ease 0s; -webkit-transition: background-color 0.3s ease 0s; transition: background-color 0.3s ease 0s; } div.popup-panel button:hover { background-color: #3F86C1; } div.popup-panel.alert { text-align: center; } div.popup-panel.alert p { margin: 0% 0% 32px 0%; } div.popup-panel.alert button.close { color: #221E1E; background-color: transparent; border: 1px solid #221E1E; } div.popup-panel.alert button.close:hover { color: #FFFFFF; background-color: #221E1E; border-color: #221E1E; } /* Class Styles */ .clear { height: 0px; display: block; clear: both; } /* 1100px Resolution-Specific Behaviour */ @media only screen and (min-width: 0px) and (max-width: 1100px) { /* Navigation Styles */ nav.main-et1a ul li a { padding: 0.25em 1em; } /* Home Template Styles */ section.main div.standard-content.home-left { padding: 0% 0% 32px 8px; } section.main div.standard-content.home-middle { padding: 0% 0% 0% 16px; } section.main div.standard-content.home-right { padding: 0% 0% 0% 16px; } /* 1000px Resolution-Specific Behaviour */ } @media only screen and (min-width: 0px) and (max-width: 1000px) { /* Slideshow Styles */ div.wg-slider div.slide div.content h2 { font-size: 2em; } div.wg-slider div.slide div.content p { font-size: 1.25em; } /* 950px Resolution-Specific Behaviour */ } @media only screen and (min-width: 0px) and (max-width: 950px) { /* Header Styles */ header.main-et1a div.header-logo div.header-logoblock1 p { color: #FFFFFF; text-shadow: 0 0 3px #000000; } /* Navigation Styles */ nav.main-et1a ul li a { padding: 0.25em 0.875em; font-size: 0.813em; } /* Home Template Styles */ section.main div.standard-content.home-left { padding: 0% 16px 32px 0%; width: 70%; } section.main div.standard-content.home-middle { padding: 0% 0% 32px 16px; width: 30%; } section.main div.standard-content.home-right { margin: 0% auto; padding: 0% 0% 32px 0%; width: 100%; max-width: 350px; display: block; } section.main div.standard-content.home-bottom { padding: 16px 0% 0% 0%; } /* Slideshow Styles */ div.wg-slider div.slide div.content h2 { font-size: 1.75em; } div.wg-slider div.slide div.content p { font-size: 1.125em; } /* 800px Resolution-Specific Behaviour */ } @media only screen and (min-width: 0px) and (max-width: 800px) { /* Page Setup Mobile Styles */ div.page { background-attachment: fixed; } /* Header Mobile Styles */ header.main-et1a div.header-logo div.header-logoblock1 { margin: -14px 0% 0% 0%; } header.main-et1a div.header-logo div.header-logoblock1 p { font-size: 1.25em; } header.main-et1a div.mobile-commerce .commerce-button { padding: 0.75em 0.5em; font-size: 1.375em; color: #FFFFFF; border-left: 0px; } header.main-et1a div.mobile-commerce .commerce-button .button-label { display: none; } header.main-et1a div.mobile-commerce .commerce-button.brands .icon { font-family: 'Font Awesome 5 Brands', sans-serif; } header.main-et1a .col_3 div.header-left { display: none; } header.main-et1a .col_3 div.header-logo { margin: -10px auto 28px auto; width: 60%; max-width: 200px; height: auto; display: block; } header.main-et1a .col_3 div.header-details { width: 100%; background-color: rgba(18,19,27,0.8); } /* Navigation Mobile Styles */ #mobile-nav { display: block; } #menu-container { width: 100%; z-index: 1000; position: absolute; } #menu-container ul { padding: 0% 0% 0% 0%; background-color: #222222; } #menu-container ul li { margin: 0% 0% 0% 0%; height: auto; list-style-type: none; border: 0px; } #menu-container ul li a { padding: 16px 25px; font-size: 1.5rem !important; color: #FFFFFF; } #menu-container ul li a > a { padding: 0%; } #menu-container ul li ul { padding: 0% 0% 0% 0%; background-color: #383838 !important; list-style-type: none; } #menu-container ul li ul li { list-style-type: none; } #menu-container ul li ul li a { padding: 16px 25px 16px 35px !important; font-size: 1.25rem !important; } /* Footer Mobile Styles */ footer.main-et1a div.footer-left { width: 100%; display: block; } footer.main-et1a div.footer-left ul { float: none; text-align: center; } footer.main-et1a div.footer-left ul li { margin: 0%; font-size: 0.813em; line-height: 2.375em; display: block; } footer.main-et1a div.footer-left ul li:after { margin: 0%; content: ''; } footer.main-et1a div.footer-right { width: 100%; display: block; } footer.main-et1a div.footer-social { margin: 0%; text-align: center; } footer.main-et1a div.footer-social img { margin: 0% 10px !important; } footer.main-et1a div.footer-social a { display: inline-block; } footer.main-et1a div.footer-copyright { margin: 0%; padding: 32px 0% 50px 0%; width: 100%; text-align: center; } footer.main-et1a div.footer-copyright p { margin: 0%; padding: 0%; font-size: 0.875em; line-height: 2.4375em; display: block; } footer.main-et1a div.footer-copyright p:first-of-type:after { margin: 0%; content: ''; } /* Heading & Paragraph Mobile Styles */ section.main div.standard-content h1 { margin: 0% 0% 0.5em 0%; font-size: 1.5em; line-height: 1.5em; } section.main div.standard-content h2 { margin: 0.5em 0% 0.5em 0%; font-size: 1.25em; line-height: 1.25em; } section.main div.standard-content h3 { margin: 0.5em 0% 0.5em 0%; font-size: 1.125em; line-height: 1.25em; } section.main div.standard-content h4 { margin: 0.5em 0% 0.5em 0%; font-size: 1.125em; line-height: 1.25em; } section.main div.standard-content p { margin: 0.5em 0% 0.5em 0%; font-size: 0.938em; line-height: 1.5em; } section.main div.standard-content ul { margin: 0% 0% 4% 0%; padding: 0% 0% 0% 0%; font-size: 1em; line-height: 1.25em; } section.main div.standard-content ul li { margin: 2.5% 0% 0% 7%; padding: 0% 0% 0% 3%; font-size: 0.9375em; line-height: 1.25em; } section.main div.standard-content img { margin: 0%; padding: 0%; height: auto; float: none; } /* Custom Table Mobile Styles */ section.main div.standard-content table.meet-the-team td { width: 100%; display: block; } /* Default Template Mobile Styles */ section.main { margin: 0% auto; padding: 24px 18px; } /* Home Template Mobile Styles */ section.main div.standard-content.home-left p.button { margin: 1.5em 0% 0% 0%; } /* Home Template Styles */ section.main div.standard-content.home-left { margin: 0%; padding: 0% 0% 32px 4%; width: 96%; } section.main div.standard-content.home-middle { margin: 0%; padding: 0% 0% 0% 4%; width: 50%; display: inline-block; } section.main div.standard-content.home-right { margin: 0%; padding: 0% 4% 0% 6%; width: 50%; display: inline-block; } /* Standard Template Mobile Styles */ section.main div.standard-content.sub-left { display: none; } section.main div.standard-content.sub-right { margin: 0%; padding: 0%; width: 100%; float: none; } section.main div.standard-content.sub-right div { margin: 0%; width: 100% !important; float: none; } section.main div.standard-content nav.sub { display: none; } /* Article Template Mobile Styles */ section.main div.standard-content.latest-article { padding: 0%; width: 100%; float: none; } section.main div.latest-article { padding: 0%; width: 100%; float: none; } section.main div.recent-news { padding: 30px 0%; width: 100%; float: none; } /* Contact Template Mobile Styles */ section.main div.standard-content.contact-left { margin: 0%; padding: 0%; width: 100%; } section.main div.standard-content.contact-right { margin: 0%; padding: 20px 0%; width: 100%; } section.main div.standard-content div.field-block input[type=submit] { max-width: none; } /* Slideshow Mobile Styles */ div.slideshow-container { margin: 0% auto; } div.wg-slider { margin: 0%; } div.wg-slider div.slide-image { background-size: cover; } div.wg-slider div.slide-caption.caption-span-edge { width: 33%; } div.wg-slider div.slide div.content h2 { font-size: 1.375em; } div.wg-slider div.slide div.content p { font-size: 1em; } div.wg-slider div.pips { display: none; } /* Subpage Grid Feature Mobile Styles */ section.main div.page-tile { margin: 2%; width: 21%; max-height: 600px; position: relative; overflow: hidden; } section.main div.page-tile a { width: 100%; } section.main div.page-tile img { width: 100%; -moz-transition: none; -webkit-transition: none; -o-transition: all 0 ease-in; transition: none; max-width: 100%; } section.main div.page-tile:hover img { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: scale(1); transform: none; } section.main div.page-tile div.tile-overlay { margin: 0% 0% 6% 0%; width: 100%; height: 35%; bottom: 0; position: absolute; z-index: 500; overflow: hidden; } section.main div.page-tile div.tile-overlay h1 { margin: 2% 2% 0% 5%; color: #FFFFFF; font-size: 1.286em; line-height: 2.5em; font-weight: 300; } /* Product Slideshow Feature Mobile Styles */ section.main div.product-slideshow ul li { margin: 0% 0.5em 0% 0.5em; padding: 0% 0% 0% 0%; } /* 600px Resolution-Specific Behaviour */ } @media only screen and (min-width: 0px) and (max-width: 600px) { /* Header Mobile Styles */ header.main-et1a div.header-logo div.header-logoblock1 { margin: -10px 0% 0% 0%; } header.main-et1a div.header-logo div.header-logoblock1 p { font-size: 0.875em; } /* Footer Mobile Styles */ footer.main-et1a div.footer-top { padding: 0%; } footer.main-et1a div.footer-right { margin: 0%; } /* Home Template Mobile Styles */ section.main div.standard-content.home-left { margin: 0%; padding: 0% 0% 0% 4%; width: 100%; } section.main div.standard-content.home-middle { margin: 0%; padding: 0% 0% 0% 4%; width: 100%; } section.main div.standard-content.home-right { margin: 0%; padding: 0% 4% 0% 6%; width: 100%; } section.main div.standard-content h3.home-head { padding: 0%; } section.main div.standard-content.home-left img.bottle-glass { padding: 0; } /* Standard Template Mobile Styles */ section.main.grey-background div.standard-content p { font-size: 1.125em; } section.main.grey-background div.standard-content a { font-size: 1em; } /* Slideshow Mobile Styles */ div.slideshow-container { padding: 0px; } div.wg-slider div.slide div.content h2 { font-size: 1.375em; } /* 450px Resolution-Specific Behaviour */ } @media only screen and (min-width: 0px) and (max-width: 450px) { /* Header Mobile Styles */ header.main div.header-logo { padding: 4% 0% 0% 2%; width: 58%; } /* Footer Mobile Styles */ footer.main div.footer-left ul li { font-size: 0.875em; } /* Standard Template Mobile Styles */ section.main.grey-background div.standard-content p { font-size: 1em; } /* Slideshow Mobile Styles */ div.wg-slider div.slide div.content h2 { font-size: 1em; } div.wg-slider div.slide div.content p { font-size: 0.875em; } /* Subpage Grid Feature Mobile Styles */ section.main div.page-tile { margin: 2%; width: 46%; max-height: 600px; position: relative; overflow: hidden; } /* 400px Resolution-Specific Behaviour */ } @media only screen and (min-width: 0px) and (max-width: 400px) { /* Home Template Mobile Styles */ section.main div.standard-content.home-left img.bottle-glass { margin: 12% 0% 0% 0% !important; padding: 0% 6% 10% 10%; width: 40% !important; height: auto; float: right; } /* Product Slideshow Feature Mobile Styles */ section.main div.standard-content div.product-slideshow .slideshow-category { margin: 0% 0% 2em 0px; } section.main div.standard-content div.product-slideshow h2 { margin: 0% 0em 0% 0em; padding: 0.75em 0.75em 0.75em 0.75em; } section.main div.standard-content div.product-slideshow .slideshow-category img { display: none; } }