/*
Theme Name: Exquisite WP
Theme URI: http://themeforest.net/user/bitpub/portfolio
Description: Designed by bitpub. Follow Bitpub on Twitter for the updates. All support requests should be sent through the contact form on the Bitpub user page!
Author: bitpub
Author URI: http://themeforest.net/user/bitpub
Version: 0.9.1
License: GNU GENERAL PUBLIC LICENSE
License URI: http://www.gnu.org/licenses/gpl.html
*/
/*---------------------------------------------------------------------------------------------
CSS Stylesheet
T.O.C
=RESET
=GENERAL
=headings
=text-elements
=tables
=default-classes
=grid
=LAYOUT
=logo
=quote
=nav
=navigation
=scroll-replacement
=social-media
=PAGES
=INDEX
=slideshow
=MENU
=EVENT
=GALLERY
=CONTACT
-----------------------------------------------------------------------------------------------*/
/* =RESET
-----------------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}/* tables still need 'cellspacing="0"' in the markup */caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}
/* =WP-DEFAULT
-----------------------------------------------------------------------------------------------*/
.sticky{}
.gallery-caption{}
.bypostauthor{}
.alignleft{ float:left;margin-right:10px; }
.alignright{ float:right;margin-left:10px; }
.aligncenter{}
.all-comments { list-style-type:none; }
.all-comments img { float:left;margin-right:10px;margin-bottom:5px; }
.comment-body { float:right;width:450px; }
.wp-caption{}
.wp-caption-text{}
.map { height:300px; }
.ewf-categs { margin:0;padding:0;list-style-type:none; }
/* =GENERAL
-----------------------------------------------------------------------------------------------*/
body{
background:#222222 url(images/bg-body.jpg) repeat top left;
/*
background:#222222 url(images/bg-body2.jpg) repeat top left;
background:#222222 url(images/bg-body3.jpg) repeat top left;
background:#222222 url(images/bg-body4.jpg) repeat top left;
*/
font:11px Arial, sans-serif;
line-height:20px;
color:#cccccc;
padding-top:75px;
}
/* =headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{ font-weight: bold; color:#ffffff; }
h1{ font-size:16px; line-height:18px; margin-bottom:12px; }
h2{ font-size:14px; line-height:16px; margin-bottom:12px; }
h3{ font-size:13px; line-height:15px; margin-bottom:8px; font-style:italic;}
h4{ font-size:12px; line-height:14px; margin-bottom:8px; }
h5{ font-size:11px; line-height:13px; margin-bottom:8px; }
h6{ font-size:10px; line-height:12px; margin-bottom:8px; }
/* =text-elements
-------------------------------------------------------------- */
a{ color:#ffffff; }
a:hover{ text-decoration:underline; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover, h6 a:hover{ text-decoration:none; }
a img{ border:none; }
strong{ font-weight: bold; }
em{ font-style: italic; }
p, ul, ol{ margin-bottom:20px; }
ul{ list-style-type:circle; list-style-position:inside; }
ol{ list-style-type:decimal; list-style-position:inside; }
blockquote{ padding:5px 20px 0 50px; line-height:24px; background:url(images/bg-blockquote.png) no-repeat top left; color:#ffffff; }
.ie6 blockquote{ background:none; }
blockquote span{ color:#ffffff; }
.blockquote-left{ width:200px; float:left; }
.blockquote-right{ width:200px; float:right; }
/* due to IE HR margin bugs I had to made classes and apply them to divs to achieve the visual effect of a HR */
.hr{ border-top:1px solid #575757; margin:20px 0; }
/* =tables
-------------------------------------------------------------- */
table{ border-collapse:separate; border-spacing:0; border-top-width:5px; margin-bottom:20px; border:1px solid #575757; }
th{ padding:10px 15px; text-transform:uppercase; font-weight:bold; }
td{ padding:10px 15px; border-top:1px solid #575757; }
/* =default-classes
-------------------------------------------------------------- */
.img-align-left{ margin:5px 10px 0 0; float:left; }
.img-align-right{ margin:5px 0 0 10px; float:right; }
.text-right{ text-align:right; }
.text-center{ text-align:center; }
.text-highlight{ padding:2px 5px; background-color:#A42C2E; color:#ffffff; }
.text-highlight2{ padding:2px 5px; background-color:#ffffff; color:#111111; }
/* =grid
-------------------------------------------------------------- */
/* Clear Fix Hack - add class="fixed" to div's that have floated elements in them */
.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fixed{display:block;}
/* \*/
.fixed{min-height:1%;}
* html .fixed{height:1%;}
.row{ width:460px; }
.col-480{ width:480px; float:left; margin-right:20px; }
.col-300{ width:300px; float:left; margin-right:20px; }
.col-220{ width:220px; float:left; margin-right:20px; }
.col-140{ width:140px; float:left; margin-right:20px; }
.last{ margin-right:0; }
.clear{ clear:both; }
.block{ display:block; }
.hide{ display: none; }
/* =LAYOUT
-----------------------------------------------------------------------------------------------*/
#wrap{ position:relative; margin:0 auto; width:980px; height:615px; }
.content-container{ }
#index { top:320px; } /* on the index page the TOP positining is increased to push the content lower */
.slideshow-container{ width: 780px; position:absolute; top:0; left:205px; z-index:5; }
.slideshow-container img {
width: 780px;
height: 585px;
}
#content{ overflow: hidden; width: 985px; height: 585px; position:relative; z-index:10; overflow:hidden;
}
.error404 .slideshow-container {
display: none;
}
.newContent {
background: #333;
position: absolute;
bottom: 0px;
right: 0px;
padding: 15px;
overflow: hidden;
}
.newContent.full {
width: 749px;
height: 554px;
}
.newContent.full #page {
width: 749px;
height: 554px;
}
.single-product .newContent, .woocommerce-page .newContent{
border-left: 1px groove #666;
width: 750px;
top: 0px;
bottom: auto;
height: 555px;
}
.woocommerce #content #page ul.tabs li a{
color: #333;
}
.woocommerce-tabs .panel {
height: auto;
}
ul#nav li#menu-item-404 a {
color: #C054EB;
}
.woocommerce-page #page.panel {
height: 555px;
width: 750px;
overflow-y: scroll;
}
.woocommerce-page #content div.product .single-product div.images {
max-height: 300px;
}
.woocommerce div.images img {
margin: auto;
max-height: 300px;
width: auto !important;
}
.single-product .slideshow-container, .post-type-archive-product .slideshow-container {
display: none;
}
a.added_to_cart.wc-forward {
position: relative;
z-index: 100;
}
#page.panel {
height: 220px;
}
.newContent #content {
width: 725px;
height: auto;
}
body.page-id-10 .newContent { /*about page */
bottom: 0px;
right: 0px;
top: auto;
left: auto;
}
body.page-id-2 .newContent { /* vineyard page */
bottom: 0px;
right: 0px;
top: auto;
left: auto;
width: 345px;
}
body.page-id-2 .newContent .panel {
width: 345px;
}
body.page-id-53 .newContent { /* our wines page */
top: 33px;
left: 220px;
width: 345px;
height: 498px;
}
body.page-id-53 .newContent #page.panel {
height: 469px;
width: 345px;
}
body.page-id-41 .newContent { /* our wines page */
top: auto;
left: auto;
bottom: 0px;
right: 0px;
width: 345px;
height: 260px;
}
body.page-id-41 .newContent #page.panel {
height: 260px;
width: 345px;
}
body.page-id-49 #wrap .newContent, body.page-id-49 #wrap .newContent ul, body.page-id-49 #wrap .newContent li { /* our wines page */
top: auto;
left: auto;
bottom: 0px;
right: 0px;
width: 345px;
height: 250px;
}
body.page-id-49 .newContent #page.panel {
height: 250px;
width: 345px;
}
.left {
background: #333;
padding: 15px;
height: 555px;
width: 175px;
}
/* =logo
-----------------------------------------------------------------------------------------------*/
#logo{ display:block; float:left;text-decoration:none; }
#logo img{ display:block; }
/* =quote
-----------------------------------------------------------------------------------------------*/
#quote{ float:right; margin:10px 0 0 20px; }
/* =navigation
-----------------------------------------------------------------------------------------------*/
ul#nav{ list-style:none; margin-top:15px; margin-bottom:20px; }
ul#nav li{ position: relative; }
ul#nav li a{ display: block; padding:8px 10px 8px 10px; font-size:12px; text-decoration:none; color:#949494; }
ul#nav li:hover a{ color:#ffffff; }
ul#nav li.current a{ color:#ffffff; }
ul#nav li.first a{ padding-left:10px; }
ul#nav li ul {
display: none;
position: absolute;
left: 133px;
background: #333;
list-style: none;
margin: 0px;
border-bottom: 1px solid white;
top: 0px;
padding: 0px;
z-index: 9000;
}
ul#nav li:hover ul {
width: 265px;
display: block;
}
ul#nav ul li {
border: 1px solid white;
border-bottom: 0px;
}
/* =scroll-replacement
-----------------------------------------------------------------------------------------------*/
.panel{overflow:auto; height:275px; }
#footer{ position:absolute; bottom:0; left:0; width:980px; z-index: 500;}
#footer p{ margin-bottom:0; float:left; margin-left:25px;color:#666666; }
.ie6 #footer p{ margin-left:15px; }
/* =social-media
-----------------------------------------------------------------------------------------------*/
#social-media{ list-style-type:none; margin-bottom:0; float:right; margin-right:15px; margin-top:4px; }
.ie6 #social-media{ margin-right:5px; }
#social-media li{ float:left; }
#social-media li img{ display:block; float:left; margin-right:5px; }
#social-media li a{ display:block; float:left; margin-right:5px; line-height:14px; color:#666666; text-decoration:none; }
#social-media li a:hover{ color:#ffffff; }
/* =PAGES
-----------------------------------------------------------------------------------------------*/
/* =INDEX
-----------------------------------------------------------------------------------------------*/
/* =slideshow
-------------------------------------------------------------------------------------------*/
#slideshow{ position:relative; z-index:5; }
#slideshow ul{ position:relative; width:980px; height:620px; overflow:hidden; margin-bottom:0; list-style:none; }
#slideshow ul li{ width:980px; height:620px; position:relative; }
#slideshow ul li img{ position:absolute; top:0; left:0; }
#slideshow-pager{ width:200px; text-align:right; z-index:35; position:absolute; right:25px; bottom:25px; }
#slideshow-pager a{ text-align:left; background:url(images/bg-pager.png) no-repeat 0 0; display:inline-block;
width:14px; height:14px; margin-left:1px; outline-style:none; text-indent:-9999px; }
#slideshow-pager .activeSlide{ background:url(images/bg-pager.png) no-repeat 0 -64px; }
.ie6 #slideshow-pager .activeSlide{ background:url(images/bg-pager.png) no-repeat 0 0; }
/* =MENU
-----------------------------------------------------------------------------------------------*/
#menu-nav{ list-style-type:none; list-style-position:outside; margin-bottom:0; }
#menu-nav li{ padding:5px 15px 5px 0; border-bottom:1px solid #575757; }
#menu-nav li.last{ border-bottom:none; }
#menu-nav li a{ display:block; text-decoration:none; color:#ffffff; }
#menu-nav li a.active{ background: url(images/bg-menu-nav.gif) no-repeat center right; color:#ffffff; }
#menu-nav li a:hover{ color:#ffffff; }
#menu-container{ overflow: hidden; position: relative; height:265px; margin-top:5px; }
.menu{ height:265px; padding:0px 10px; margin-bottom:30px; overflow:auto; }
.menu h5{ margin-bottom:5px; }
.menu .img-align-left{ margin-top:2px; }
/* =EVENT
-----------------------------------------------------------------------------------------------*/
#events{ position:relative; }
#events-slider{ list-style:none; width:460px; height:275px; overflow:hidden;position:relative; margin:0 auto; z-index:80; }
#events-slider .event{ width:440px; height:275px;overflow:hidden; }
#events-slider .post { width:440px; height:275px;overflow:hidden; }
#events-slideshow-prev{ background:#555555 url(images/bg-gallery-slideshow-nav.png) no-repeat 0 0; width:20px;
height:35px; position:absolute; bottom:-50px; right:21px; z-index:85;display:block; }
#events-slideshow-prev:hover{ height:40px; background-color:#575757; }
#events-slideshow-next{ background:#555555 url(images/bg-gallery-slideshow-nav.png) no-repeat 0 -60px; width:20px;
height:35px; position:absolute; bottom:-50px; right:0; z-index:85;display:block; }
#events-slideshow-next:hover{ height:40px; background-color:#575757; }
.date{ margin-bottom:0; color:#ccc; }
/* =GALLERY
-----------------------------------------------------------------------------------------------*/
#gallery{ position:relative; }
#gallery-slider{ list-style:none; width:460px; height:270px; overflow:hidden; position:relative; margin:0 auto; z-index:80; overflow:hidden; }
#gallery-slider li{ width:460px; height:270px; position:relative; }
#gallery-slider li a{ display:block; float:left; margin-top:10px; margin-right:20px; }
#gallery-slider a.last{ margin-right:0; }
#gallery img{ outline:10px solid #444444; outline-offset:-10px; }
#gallery img:hover{ outline-width:0; outline-color:invert; }
.ie8 #gallery img, .ie9 #gallery img{ outline:none; } /* IE8 + IE9 support outline but do not implement it corectly so we remove it in them... */
#gallery-slideshow-prev{ background:#555555 url(images/bg-gallery-slideshow-nav.png) no-repeat 0 0; width:20px;display:block;
height:35px; position:absolute; bottom:-55px; right:21px; z-index:85; }
#gallery-slideshow-prev:hover{ height:40px; background-color:#575757; }
#gallery-slideshow-next{ background:#555555 url(images/bg-gallery-slideshow-nav.png) no-repeat 0 -60px; width:20px;display:block;
height:35px; position:absolute; bottom:-55px; right:0px; z-index:85; }
#gallery-slideshow-next:hover{ height:40px; background-color:#575757; }
/* =CONTACT
-----------------------------------------------------------------------------------------------*/
/* background image for the google map - it should be a static map that if javascript is off will be shown */
#map{ background: url(../_content/contact/bg-map.jpg) no-repeat top left; }
/* Overrides */
.age-gate-message {
color: #ffffff;
font-size: 18px;
padding-top: 25px;
}
body.age-restriction {
padding-top: 0 !important;
}
form.age-gate-form button {
margin-bottom: 0 !important;
}