* {
padding:0;
margin:0
}
body {
margin:0 auto;
padding:0;
font-family:'Open Sans','FontAwesome',sans-serif;
font-size:18px;
font-weight:300;
line-height:1.5em;
color:#323030;
text-align:center;
background:#fff
}
input,select,textarea {
font-family:'Open Sans',sans-serif;
font-weight:300;
background:#fff;
color:#323030;
font-size:.85em
}
input,textarea {
border:1px solid silver
}
hr {
display:block;
border:0;
width:150px;
background:#c7bfb6;
height:5px;
margin:50px auto;
clear:both
}
.moblgo {
display:none;
position:absolute;
right:80px;
line-height:60px;
font-size:30px;
}
.moblgo a,
.moblgo a:visited,
.moblgo a:hover {
text-decoration:none;
color:#fff;
}
#site-nav {
font-family: 'Open Sans', sans-serif;
font-weight:400;
margin:0 auto;
padding:0;
font-size:.82em;
text-transform:uppercase;
letter-spacing:1px;
text-align:center
}
#site-nav ul {
list-style-type:none;
height:100px;
margin:0;
padding:0;
position:absolute;
top:5px;
z-index:998
}
#site-nav li {
display:inline-block;
vertical-align: middle;
width:150px;
text-align:center;
margin-right:40px;
}
#site-nav li a {
display:block;
padding:0;
color:#fff;
text-decoration:none
}
#site-nav li:hover a {
color:#dedede
}
#site-nav li.current_page_item {
color:silver
}
li.logo {
margin:0;
padding:0;
}
li.logo img {
width:80px;
height:auto
}
.nav-menu {
width: 100%;
white-space: nowrap
}
.show-menu {
position:absolute;
right:30px;
width:50px;
line-height:60px;
text-decoration:none;
color:#fff;
font-size:1.1em;
font-weight:700;
padding:0;
margin:0;
text-align:right;
display:none
}
#headcontainer input[type=checkbox] {
display:none
}
#headcontainer input[type=checkbox]:checked ~ #site-nav ul.nav-menu {
display:block
}
#soc {
position:absolute;
right:0
}
#soc a,#soc a:hover {
display:inline-block;
font-size:1.4em;
margin:35px 10px 0 0;
font-weight:400;
color:#fff;
opacity:.5;
filter:alpha(opacity=50)
}
#soc a:hover {
opacity:1;
filter:alpha(opacity=100)
}
button,input[type="button"],input[type="reset"],input[type="submit"] {
border:0;
cursor:pointer
}
input[type="checkbox"],input[type="radio"] {
box-sizing:border-box
}
input[type="search"] {
box-sizing:content-box
}
button::-moz-focus-inner,input::-moz-focus-inner {
padding:0;
border:0
}
button,input.action,a.action,a.action:visited,.gform_button,.gform_button:visited,#commentform .submit {
display:inline-block;
margin:10px 0 5px;
background:#882426;
min-width:100px;
max-width:500px;
font-style:400;
color:#fff;
font-size:1em;
padding:8px 20px;
text-align:center;
text-decoration:none;
border-radius:5px
}
button:hover,input.action:hover,a.action:hover,.gform_button:hover,#commentform .submit:hover {
background:#6b1c1e;
color:#fff
}
input.ghost,a.ghost,a.ghost:visited {
display:inline-block;
margin:10px 0;
background:none;
border:2px solid #323030;
min-width:100px;
max-width:365px;
font-weight:700;
font-size:.75em;
color:#323020;
text-transform:uppercase;
padding:5px 10px;
text-align:center;
line-height:1.3em;
text-decoration:none;
border-radius:5px
}
input.ghost:hover,input.ghost:active,a.ghost:hover,a.ghost:active {
background:#323030;
color:#fff;
border:2px solid #323030;
transition:background-color .3s ease-in,color .3s ease-in
}
a.phnbtn,a.phnbtn:visited,a.phnbtn:hover {
display:inline-block;
margin:0 auto;
height:28px;
background:#882426;
border-top:2px solid #fff;
position:fixed;
bottom:0;
font-style:normal;
width:100%;
z-index:999;
color:#fff;
font-size:1.2em;
padding:10px 0;
margin-top:10px;
text-align:center;
text-decoration:none
}
a.phnbtn {
display:none
}
a.back-to-top {
background:#323030;
color:#fff!important;
margin:0;
position:fixed;
bottom:25px;
right:20px;
width:40px;
height:30px;
line-height:40px;
border-radius:50%;
z-index:99998;
display:none;
text-decoration:none;
text-align:center;
padding:10px 0 0
}
a.back-to-top i {
display:block;
color:#fff!important
}
#wrapper {
width:100%;
position:relative;
text-align:left
}
#headcontainer {
width:100%;
display:block;
background:none;
overflow:visible;
position:fixed;
top:0;
text-align:center;
min-height:100px;
z-index:9999
}
#headcontainer.active {
background-color:rgba(0,0,0,0.4);
}
body.admin-bar #headcontainer {
top:32px
}
#container {
width:100%;
display:block;
}
.gray {
background:#ded6cc;
color:#fff
}
.dkgray {
background:#323030;
color:#fff
}
.gray,.dkgray {
box-sizing:border-box;
overflow:hidden
}
#hmcontent {
width:100%;
padding:0;
text-align:center
}
#hmcontent .textwidget {
padding:0 30px 10px;
font-size:.9em
}
h3.hmttl {
display:none
}
.billboard {
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
box-sizing:border-box;
overflow:hidden;
margin:0 auto;
margin-bottom:3em
}
.cvrimg {
margin:0 auto;
padding:0;
}
.hilite {
background-color:rgba(0,0,0,0.6);
position:relative;
top:0;
width:100%;
height:60px;
margin:0 auto;
padding:350px 0 40px;
text-align:left;
}
#maincontent {
background:#fff;
clear:both;
width:100%;
margin:0 auto;
padding:1.5em 0;
position:relative;
box-sizing:border-box;
text-align:left;
color:#555;
min-height:600px
}
#nocvrcont {
background:#fff;
clear:both;
width:100%;
margin:0 auto;
margin-top:4em;
padding:1.5em 0;
position:relative;
box-sizing:border-box;
text-align:left;
color:#555;
min-height:600px
}
.plncontent {
clear:both;
width:100%;
max-width:1000px;
margin:0 auto;
padding:1em 0;
position:relative;
box-sizing:border-box;
text-align:left;
overflow:visible
}
.bxcontent {
margin:0 auto;
padding:1em 2em;
position:relative;
box-sizing:border-box;
text-align:left;
overflow:hidden
}
.ltcont {
background:#fdeacc;
padding:30px;
box-sizing:border-box;
overflow:hidden
}
.span_2_of_5 .ltcont {
font-size: 0.85em
}
.dirinfo {
float:right;
width:98%;
max-width:400px;
margin:0 0 25px 25px
}
.revinfo {
background:#fdeacc;
padding:30px;
box-sizing:border-box;
overflow:hidden;
width:98%;
max-width:400px;
float:right;
margin:0 0 25px 25px
}
.breakit {
display:block;
clear:both;
margin:0 auto;
width:100%;
max-width:1000px;
height:100px
}
.breakit::before {
content:"";
display:table
}
footer {
width:100%;
background:#fff;
}
.ftrcontent {
clear:both;
width:100%;
max-width:1000px;
margin:0 auto;
padding:.3em 0 1em;
position:relative;
box-sizing:border-box;
text-align:left;
left:50px
}
.ftrcontent h3.coltitle {
color:#ded6cc;
font-size:1em;
margin-top:.6em
}
.ftrcontent ul,.ftrcontent ul li {
list-style-type:none;
margin:0;
padding:0
}
.ftrcontent a,.ftrcontent a:visited {
color:#fff;
font-size:1em;
text-decoration:none
}
#smallprint {
clear:both;
width:100%;
max-width:1000px;
margin:0 auto;
padding:15px 0 30px;
position:relative;
color:#666;
background:#fff;
font-size:.7em;
text-align:center;
border-top:1px dotted silver
}
#smallprint p {
vertical-align:middle
}
#smallprint a,#smallprint a:visited {
text-decoration:none;
margin:0
}
#smallprint a:hover {
text-decoration:underline
}
#smallprint ul {
list-style-type:none;
display:inline-block;
padding:0;
margin:0
}
#smallprint ul li {
list-style-type:none;
display:inline-block;
padding:0;
margin:0 10px;
font-size:1em
}
#smallprint ul li::before {
content:"•";
margin:0 20px 0 0
}
.menu-footer-links-container {
display:inline-block
}
h1,h2,h3,h4,#n2-ss-5item1 {
font-family: 'Italiana', serif !important;
line-height:1.1;
letter-spacing:1px;
font-weight: 400;
text-transform:uppercase
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
text-decoration:none
}
h1 {
margin-top:2em;
margin-bottom:1em;
font-size:2.7em;
padding:0
}
h2 {
margin-bottom:.5em;
margin-top:1em;
font-size:41px
}
h2.revw {
color:#fff;
background: rgba(0,0,0,0.8);
padding:10px;
margin-bottom:0;
margin-top:0;
position:absolute;
bottom:10px;
}
.ltcont h2 {
margin-top:0
}
.blg {
height:75px;
margin:10px 0
}
.stry {
height:60px;
margin:5px
}
.ltcont .blg {
height:auto;
margin:5px 0
}
h3 {
margin-top:1.2em;
margin-bottom:1em;
font-size:1.9em
}
h4 {
margin-top:.5em;
margin-bottom:1em;
font-size:1.5em
}
.blg h4 {
margin-bottom:.5em
}
.drbox h4 {
margin-top:0
}
h5 {
font-family: 'Open Sans', sans-serif;
margin:5px 10px;
font-size:1.1em
}
h5 a {
text-decoration:none
}
h6 {
position:absolute;
left:50%;
margin-left:-100px;
bottom:15px;
width:60%;
display:block;
font-weight:300;
font-size:1.2em;
letter-spacing:4px;
border:1px solid #fff;
padding:5px;
}
.hilite h1,
.hilite h5 {
color: rgba(255, 255, 255, 1);
width: 99%;
max-width:1000px;
margin:0px auto;
}
h3.widget-title {
display:none;
line-height:0
}
h2 a, h2 a:hover, h2 a:visited,
h4 a, h4 a:hover, h4 a:visited,
h6 a, h6 a:hover, h6 a:visited {
color: #fff;
text-decoration:none
}
.tgln {
font-family: 'Open Sans', sans-serif;
font-weight:300;
font-size:0.9em;
margin-top:0.5em;
margin-bottom:0;
letter-spacing:2px;
}
#rvw h2,
#rvw h3,
#drcty h2,
#drcty h3 {
border:double 4px #323030;
padding:10px;
width: -moz-fit-content;
width: fit-content;
display: table;
}
.notop {
margin-top:0
}
.nomarg {
margin-top:0;
margin-bottom:0
}
p,dl,address {
margin-bottom:1.3em
}
.col p {
padding-right: 60px
}
ul,ol {
margin:0 0 1.5em;
padding:0 0 0 24px
}
li ul,li ol {
margin:0
}
.dirpst p {
color: #fff;
font-size:0.8em;
padding-right:0;
text-align:center
}
.entry p {
margin-bottom:none;
}
.cntr {
text-align:center!important
}
#maincontent ul,#maincontent ol {
margin:0 10px 1.5em 30px;
padding:0
}
#maincontent ul li {
list-style-type:disc;
margin:0 20px 5px 0
}
#maincontent ol li {
list-style-type:decimal;
margin:0 20px 5px 0
}
#maincontent ol.fancylist {
list-style-type: none;
margin: 2em;
padding: 2em;
counter-reset: li-counter;
}
#maincontent ol.fancylist > li{
position: relative;
padding: 0.5em 0 0 0.5em;
min-height: 1.5em;
}
#maincontent ol.fancylist > li:before {
position: absolute;
top: 8px;
left: -1.4em;
width: 1.4em;
font-size: 1.2em;
line-height: 1.4em;
font-weight: bold;
text-align: center;
color: #fff;
background: #882426;
border-radius: 50%;
content: counter(li-counter);
counter-increment: li-counter;
}
#sidebar ul {
margin:0 0 2em
}
#sidebar ul li {
margin:0 0 .2em;
font-size:.75em;
font-weight:500
}
#sidebar ul li:before {
content:"";
padding:0 5px;
color:#6eb8e7;
font-size:.85em
}
#sidebar ul li a {
text-decoration:none
}
dl,dd {
margin-bottom:1.5em
}
dt {
font-weight:400
}
b,strong,bold {
font-family:'Open Sans', sans-serif;
font-weight:700;
}
small {
font-size:.82em
}
sub,sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sup {
top:-.5em
}
sub {
bottom:-.25em
}
.subtext {
color:#666
}
a {
color:#323030;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
}
a:visited {
color:#777;
}
a:hover {
color:#777;
}
a.vnlnk {
display:inline-block;
}
a.vnlnk::after {
content:', ';
}
a.vnlnk:last-of-type::after {
content:none;
}
a.more,a.more:visited {
display:block;
margin:0px auto;
margin-top:25px;
margin-bottom:0;
max-width:75px;
font-weight:700;
color:#fff;
font-size:.7em!important;
padding:2px 10px;
border:1px solid #fff;
text-transform:uppercase;
text-align:center;
text-decoration:none
}
a.more:hover {
background:#fff;
color:#323030
}
a.smlnk {
font-size:0.8em
}
img {
border:none !important
}
.wp-post-image {
float:right;
margin:0 0 0 10px;
padding:0
}
.box .wp-post-image {
float:none;
width:100% !important;
height:300px;
margin:0 auto!important;
padding:0;
overflow:hidden;
}
.dirctbg {
text-align:center;
height:325px;
padding:0;
box-sizing:border-box;
overflow:hidden
}
.dctybg {
text-align:center;
height:325px;
box-sizing:border-box;
overflow:hidden;
}
.dctybg img {
height:325px !important;
}
.dirpst {
position:relative;
background: rgba(0,0,0,0.5);
text-align:center;
box-sizing:border-box;
overflow:hidden;
height:325px;
}
.drbox {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border:double 4px #fff;
color: #fff;
width:263px;
height:265px;
display:flex
}
.drbxcont {
margin:auto
}
.tstimg {
position:relative;
}
.hmblok {
position:relative;
background: rgba(0,0,0,0.5);
width:100%;
height:100%;
text-align:center;
color: #fff;
}
img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img {
max-width:100%;
height:auto
}
.alignleft,img.alignleft {
display:inline;
float:left;
margin-right:24px;
margin-bottom:3px
}
.alignright,img.alignright {
display:inline;
float:right;
margin-left:24px;
margin-bottom:3px
}
.aligncenter,img.aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto
}
.alignleft,.alignright,.aligncenter {
margin-bottom:10px
}
.ltcont.alignright,
.ltcont.alignleft {
padding: 0 45px;
width:98%;
max-width:400px
}
.ltcont.aligncenter {
margin-bottom:1.5em
}
img.rnded {
margin:20px 0;
border-radius:50%;
border:2px solid #ded6cc;
max-width:200px
}
.wp-caption {
line-height:18px;
margin-bottom:20px;
max-width:1000px!important;
padding:10px 0 5px 0;
text-align:center
}
.wp-caption img {
margin:5px 5px 0
}
.wp-caption-text {
display:block;
color:#666;
font-weight:700;
font-size:.8em;
margin:15px 10px 5px;
text-align:center!important
}
img.avatar {
float:left;
margin:5px 10px 0 0;
width:50px;
height:inherit
}
img.winery-logo {
width: 150px;
height:auto
}
figure.gallery-item {
position: relative;
width: inherit;
float:left;
margin:10px;
text-align:center
}
.gallery-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: url(//vintnerandvine.online/wp-content/themes/griddles/images/grytrns.png);
overflow: hidden;
width: 100%;
height: 0;
transition: .5s ease;
}
.gallery-item:hover .gallery-caption {
height: 30%;
}
.wp-caption-text.gallery-caption {
white-space: nowrap; 
color: white;
background: rgba(0,0,0,0.5);
font-weight: 400;
font-size: 14px;
line-height: 1.1em;
margin: 0;
position: absolute;
overflow: hidden;
bottom: 0;
left: 50%;
transform: translate(-50%, -10%);
-ms-transform: translate(-50%, -10%);
}
.gallery-caption h5, .gallery-caption h5 a, .gallery-caption h5 a:hover, .gallery-caption h5 a:visited {
color: #fff;
margin-bottom: 0;
}
.gallery::after {
clear:both;
content:"";
display:table
}
.row {
display: flex; }
.col {
display:block;
float:left;
margin:1% 0 1% 1.6%
}
.col:first-child {
margin-left:0
}
.span_2_of_2 {
width:100%
}
.span_1_of_2 {
width:49.2%
}
.span_3_of_3 {
width:100%
}
.span_2_of_3 {
width:66.13%
}
.span_1_of_3 {
width:32.26%
}
.span_4_of_4 {
width:100%
}
.span_3_of_4 {
width:74.6%
}
.span_2_of_4 {
width:49.2%
}
.span_1_of_4 {
width:23.8%
}
.span_5_of_5 {
width:100%
}
.span_4_of_5 {
width:79.68%
}
.span_3_of_5 {
width:59.36%
}
.span_2_of_5 {
width:39.04%
}
.span_1_of_5 {
width:18.72%
}
.span_6_of_6 {
width:100%
}
.span_5_of_6 {
width:83.06%
}
.span_4_of_6 {
width:66.13%
}
.span_3_of_6 {
width:49.2%
}
.span_2_of_6 {
width:32.26%
}
.span_1_of_6 {
width:15.33%
}
.span_7_of_7 {
width:100%
}
.span_6_of_7 {
width:85.48%
}
.span_5_of_7 {
width:70.97%
}
.span_4_of_7 {
width:56.45%
}
.span_3_of_7 {
width:41.94%
}
.span_2_of_7 {
width:27.42%
}
.span_1_of_7 {
width:12.91%
}
.span_8_of_8 {
width:100%
}
.span_7_of_8 {
width:87.3%
}
.span_6_of_8 {
width:74.6%
}
.span_5_of_8 {
width:61.9%
}
.span_4_of_8 {
width:49.2%
}
.span_3_of_8 {
width:36.5%
}
.span_2_of_8 {
width:23.8%
}
.span_1_of_8 {
width:11.1%
}
embed,iframe,object,video {
max-width:100%
}
.ftfwd {
display:none
}
.section {
clear:both;
padding:0;
margin:0
}
.single-author .entry-meta .author,.sticky.format-standard .entry-meta .date,.sticky.format-audio .entry-meta .date,.sticky.format-chat .entry-meta .date,.sticky.format-image .entry-meta .date,.sticky.format-gallery .entry-meta .date {
display:none
}
blockquote {
display:inline-block;
margin:20px 80px 20px 40px;
padding:15px 40px;
border-left:6px solid #c9c69c;
background:#f2f2f2
}
blockquote p {
margin-bottom:0
}
#crumbs {
font-size:.8em;
text-align:right;
margin:0 0 25px;
padding:5px;
background:#f7f7f7
}
#lndr #topbar,#lndr footer {
display:none
}
#lndr h1 {
color:#39c;
margin-bottom:1.2em;
border-bottom:none
}
#lndr h2 {
color:#D70508;
margin-top:1.2em;
margin-bottom:1.2em;
font-size:1.8em
}
#lndr h3 {
font-size:1.5em;
margin-top:1em;
margin-bottom:1em
}
#lndr .ltcont {
width:98%;
max-width:480px;
padding:20px 30px
}
.related {
background:#f7f7f7;
padding:25px 25px 0;
box-sizing:border-box
}
.divider {
width:100%;
max-width:1000px;
display:block;
margin:25px 0 -20px
}
#sidebar h3.widget-title {
display:block;
clear:left;
color:#323030;
font-size:.85em;
font-weight:700;
text-transform:uppercase;
padding:0;
margin:30px 0;
}
#sidebar a.action {
font-size:1em;
margin:0 0 5px
}
#maincontent form ul li,#sidebar ul li {
list-style-type:none
}
img.error {
float:left;
margin:0 25px 0 0
}
#err {
float:right;
width:24%;
margin:50px 0 0
}
.spchd {
font-size:2em;
font-weight:400;
color:#9c3;
margin:20px 0 45px;
padding:0;
line-height:1em
}
.box {
box-shadow:0 0 6px 3px #dedede;
padding:0 0 10px;
text-align:center;
box-sizing:border-box;
overflow:hidden
}
.postinfo .fa,
.postinfo .fas {
padding:0 4px
}
.blgcont {
padding:30px 50px 30px 0
}
.blgdt {
font-size:.6em;
margin:10px 0;
padding:0;
text-align:center
}
.blgdt .fa.fa-calendar {
padding-right:3px
}
.blgdt .fa.fa-list-ul {
padding:0 3px 0 3px
}
.exc {
margin:15px 0;
font-size:.95em
}
.box .exc {
display:none
}
.entry {
text-align:left;
margin:5px 10px;
line-height:1.2em;
height:70px;
}
.entry2 {
text-align:center;
margin:5px 10px;
font-size:0.85em;
line-height:1.1em;
text-transform:uppercase;
height:36px
}
.informa {
font-size: 0.82em;
height:100px;
}
.stories figure,
.stories img {
width:1000px !important;
height:auto;
margin: 0px auto;
margin-top:20px;
margin-bottom:20px
}
.postinfo {
display:block;
width:100%;
box-sizing:border-box;
overflow:hidden;
font-size:.92em;
color:#323030;
margin:0 auto;
padding:30px 0;
text-align:center;
clear:both
}
.box .more {
display:none
}
#pgnav {
font-size:.8em;
padding:10px 0;
color:#666;
margin-top:20px
}
#pgnav a {
padding:0 50px;
margin:0
}
.comments-area {
width:98%;
padding:0;
margin:50px 0 0
}
.comment-reply-title,.comments-title {
margin:10px 0 20px;
font-weight:400
}
#maincontent ol.comment-list {
list-style:none;
padding:0 5px 1px 30px;
box-sizing:border-box;
overflow:hidden;
margin:24px 0
}
.comment-author {
font-size:1em;
line-height:1.7
}
.comment-list .reply,.comment-metadata {
font-size:.85em;
line-height:2
}
.comment-list .reply {
margin-top:24px
}
.comment-author .fn {
font-weight:400
}
.comment-author a {
color:#323030
}
.comment-list .trackback a,.comment-list .pingback a,.comment-metadata a {
color:#767676
}
.comment-author a:hover,.comment-list .pingback a:hover,.comment-list .trackback a:hover,.comment-metadata a:hover {
color:#323020
}
.comment-list article,.comment-list .pingback,.comment-list .trackback {
border-top:1px solid rgba(0,0,0,0.1);
margin-bottom:24px;
padding-top:24px
}
.comment-list > li:first-child > article,.comment-list > .pingback:first-child,.comment-list > .trackback:first-child {
border-top:0
}
.comment-author .avatar {
border:1px solid rgba(0,0,0,0.1);
height:50px;
padding:2px;
position:relative;
top:0;
right:0;
width:50px
}
.bypostauthor > article .fn:before {
content:"\f02d";
margin-right:2px;
font-family:FontAwesome;
text-decoration:none
}
.says {
display:none
}
.comment-meta, .comment-content {
width:99%
}
.comment-meta {
margin-bottom:20px;
}
.comment-content {
position: relative;
background: #f2ece5;
border-radius: .4em;
}
.comment-content:after {
content: '';
position: absolute;
top: 0;
left: 6%;
width: 0;
height: 0;
border: 20px solid transparent;
border-bottom-color: #f2ece5;
border-top: 0;
border-left: 0;
margin-left: -10px;
margin-top: -20px;
}
.comment-content p {
padding:15px;
}
.comment-author,.comment-awaiting-moderation,.comment-content,.comment-list .reply,.comment-metadata {
padding-left:0
}
.comment-edit-link {
margin-left:10px
}
.comment-edit-link:before {
content:"\f044";
margin-right:2px;
font-family:FontAwesome;
text-decoration:none!important
}
.comment-reply-link:before,.comment-reply-login:before {
content:"\f112";
margin-right:2px;
font-family:FontAwesome;
text-decoration:none
}
.comment-content {
-webkit-hyphens:auto;
-moz-hyphens:auto;
-ms-hyphens:auto;
hyphens:auto;
word-wrap:break-word
}
.comment-content ul,.comment-content ol {
margin:0 0 24px 22px
}
.comment-content li > ul,.comment-content li > ol {
margin-bottom:0;
list-style-type:none
}
#comments ol li,#comments ul li {
list-style-type:none!important
}
#commentform {
margin-left:0
}
.comment-form-comment {
width:97%
}
.form-allowed-tags {
display:none
}
.comment-content > :last-child {
margin-bottom:0
}
.comment-list .children {
list-style:none;
margin-left:15px
}
.comment-respond {
margin-bottom:24px;
padding:0
}
.comment .comment-respond {
margin-top:24px
}
textarea#comment {
width:98%
}
.comment-respond h3 {
margin-top:25px;
margin-bottom:24px
}
.comment-notes,.comment-awaiting-moderation,.logged-in-as,.no-comments,.form-allowed-tags,.form-allowed-tags code {
color:#767676
}
.comment-notes,.comment-awaiting-moderation,.logged-in-as {
font-size:.9em;
line-height:1.5
}
.no-comments {
font-size:1em;
font-weight:7;
line-height:1.5;
margin-top:24px;
text-transform:uppercase
}
.comment-form label {
display:block
}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"] {
width:100%
}
.form-allowed-tags,.form-allowed-tags code {
font-size:12px;
line-height:1.5
}
.required {
color:#c0392b
}
.comment-reply-title small a {
color:#2b2b2b;
float:right;
height:24px;
overflow:hidden;
width:24px
}
.comment-reply-title small a:hover {
color:#41a62a
}
.comment-reply-title small a:before {
content:"\f112";
margin-right:2px;
font-family:FontAwesome;
text-decoration:none
}
.comment-navigation {
font-size:.75em;
line-height:2;
margin-bottom:48px;
text-transform:uppercase
}
.comment-navigation .nav-next,.comment-navigation .nav-previous {
display:inline-block
}
.comment-navigation .nav-previous a {
margin-right:10px
}
#comment-nav-above {
margin-top:36px;
margin-bottom:0
}
.screen-reader-text {
display:none
}
.search-form {
position:absolute;
top:2px;
right:30px;
z-index:999
}
.search-field {
background-color:#9c3;
background-image:url(//vintnerandvine.online/wp-content/themes/griddles/images/search.svg);
background-position:5px center;
background-repeat:no-repeat;
background-size:13px 13px;
border:none;
cursor:pointer;
height:25px;
margin:3px 0;
padding:0 0 0 22px;
position:relative;
-webkit-transition:width 400ms ease,background 400ms ease;
transition:width 400ms ease,background 400ms ease;
width:0
}
.search-field:focus {
background-color:#DBDBDB;
cursor:text;
outline:0;
width:140px
}
.search-submit {
display:none
}
input[type="search"] {
-webkit-appearance:textfield
}
.span_1_of_3:nth-child(3n+1) {
clear:both;
margin-left:0
}
#blgpg .span_1_of_4:nth-child(4n+1) {
clear:both;
margin-left:0
}
.breaker {
clear:both;
margin-bottom:10px
}
.group:before,.group:after {
content:"";
display:table
}
.group:after {
clear:both
}
.group {
zoom:1
}
@media print {
body {
background:#fff;
color:#000;
margin:0;
font:10pt Verdana,Helvetica,sans-serif
}
a:link,a:visited {
background:transparent;
font-weight:400;
text-decoration:underline;
color:#00f
}
h1,h2,h3,h4 {
font-family:Verdana,Helvetica,sans-serif
}
h1 {
font-size:1.5em
}
h2 {
font-size:1.3em
}
h3 {
font-size:1.2em
}
h4 {
font-size:1.1em
}
img {
display:block;
border:0
}
div#navcontain,div#socmed,div#sidebar,div#commentblock,div#crumbs,div#footer {
display:none
}
hr {
background:#000;
color:#000;
width:100%;
height:1px;
margin:2em 0;
border:none
}
blockquote {
margin:10px 0 10px 35px;
padding:0 35px 0 15px;
border-left:4px solid silver
}
}
@media screen and (max-width: 768px) {
#maincontent {
padding:1em 0
}
#headcontainer {
display:block;
position:relative;
min-height:0;
height:60px;
background:#323030
}
#container {
margin-top:0
}
.row {
display: block;
}
.col {
float:none;
margin:1% 0
}
.search-form {
margin:10px auto;
position:relative;
top:0;
left:0;
bottom:0;
right:0
}
a.white,a.white:visited,a.white:hover {
margin-right:15px
}
.plncontent {
width:90%;
}
.ltcont {
padding:10px
}
h1 {
margin-top:1em;
text-align:center
}
.wp-post-image {
float:none;
margin:0 auto
}
.moblgo {
display:block
}
.show-menu {
display:block
}
#site-nav {
margin-top:0
}
.nav-menu {
white-space:normal
}
#site-nav ul {
background-color: rgba(255,255,255,.97);
height:auto;
position:relative;
top:60px;
padding:20px;
box-sizing:border-box;
overflow:hidden;
display:none;
}
#site-nav li.logo {
display:none;
}
#site-nav ul li,#site-nav li a {
display:block;
text-align:left;
width:100%;
float:none;
margin:0 auto;
margin-right:0
}
#site-nav li a {
font-size:1.5em;
height:48px;
color:#323030;
padding:0;
line-height:48px;
}
#site-nav li a:hover {
color:#D4C9BC
}
h2.posted {
font-size:22px
}
#sidebar {
padding:0
}
.ftrcontent {
left:0
}
footer ul.ftmenu {
display:block;
margin:0 auto;
margin-bottom:30px;
text-align:center
}
footer .span_1_of_5 {
text-align:center
}
}
@media screen and (max-width: 736px) {
a.back-to-top {
bottom:55px
}
a.phnbtn {
display:block
}
img.icon {
max-height:none;
}
.ctatop {
text-align:center
}
#smallprint {
width:90%;
margin-bottom:110px
}
.span_8_of_8 {
width:100%;
margin-left:0
}
.span_7_of_8 {
width:100%;
margin-left:0
}
.span_6_of_8 {
width:100%;
margin-left:0
}
.span_5_of_8 {
width:100%;
margin-left:0
}
.span_4_of_8 {
width:100%;
margin-left:0
}
.span_3_of_8 {
width:74.2%;
margin:1% 0 1% 3.2%
}
.span_2_of_8 {
width:48.4%;
margin:1% 0 1% 3.2%
}
.span_1_of_8 {
width:22.6%;
margin:1% 0 1% 3.2%
}
}
@media screen and (max-width: 480px) {
a.phnbtn {
display:block
}
a.action,a.ghost,a.gstwhite,a.actblu {
height:32px
}
#topbar {
display:none
}
#soc {
position:relative
}
#soc a,#soc a:hover {
font-size:2em;
margin:20px 5px
}
.box {
margin-bottom:10px
}
img {
max-width: 100%;
height: auto;
width: auto;
}
.alignleft,img.alignleft,.alignright,img.alignright,a.action,a.ghost,.revinfo,.dirinfo {
display:block;
float:none;
margin:0 auto;
clear:both;
margin-bottom:15px
}
.hilite {
padding:180px 0 40px;
}
a.action,a.ghost {
margin-top:25px
}
h2 {
font-size:1.5em
}
.tgln {
margin:10px auto;
text-align:center
}
#rvw h2,
#rvw h3,
#drcty h2,
#drcty h3 {
margin:0px auto;
margin-top:.5em;
margin-bottom:.5em;
}
.span_2_of_2,.span_1_of_2,.span_3_of_3,.span_2_of_3,.span_1_of_3,.span_4_of_4,.span_3_of_4,.span_2_of_4,.span_1_of_4,.span_5_of_5,.span_4_of_5,.span_3_of_5,.span_2_of_5,.span_1_of_5,.span_6_of_6,.span_5_of_6,.span_4_of_6,.span_3_of_6,.span_2_of_6,.span_1_of_6,.span_7_of_7,.span_6_of_7,.span_5_of_7,.span_4_of_7,.span_3_of_7,.span_2_of_7,.span_1_of_7,.span_8_of_8,.span_7_of_8,.span_6_of_8,.span_5_of_8,.span_4_of_8,.span_3_of_8,.span_2_of_8,.span_1_of_8 {
width:100% !important
}
#maincontent ul,#maincontent ol {
margin:0 0 1.5em
}
#smallprint li {
margin:10px 10px 0 0
}
img.error {
float:none;
margin:0 0 20px;
width:auto;
max-height:200px
}
#err {
float:none;
width:90%;
margin:10px 0
}
.spchd {
font-size:2.5em;
font-weight:400;
color:#000;
margin:0 0 45px;
padding:0
}
}