/*
Theme Name: OllySmith
Theme URI: https://OllySmithbrewery.co.uk/
Author: Trigger Solutions
Author URI: http://triggersolutions.co.uk
Description: Custom theme
Version: 1.0

*/

  
 
 
 

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	zoom:1;
	font-size:100%
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,label { 
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: none;
}


table {
	border-collapse:collapse;
	border-spacing:0;
}



fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}





ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
a {text-decoration:none}
html{overflow-x: hidden;}
body {
	width:100%;
	padding: 0px;
	background-color:#fff;
	
	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	

	
}

header {
 position:static;
  transition: top 0.2s ease-in-out;
    z-index: 999;
    width: 100%; background: white;
}
body.nav-down #banner {
  margin-top: 110px; 
}
body.nav-down header {
	position: fixed;
  top: 0;
 
}
 .inner {width:100%; margin:auto; max-width:1280px; overflow:hidden; position:relative; box-sizing:border-box; padding-left:20px; padding-right:20px}
 .thinner-width .inner {max-width:980px}
  .thinner-width.inner {max-width:980px}



.left {width:50%; float:left}
.right {width:50%; float:right}
.spacer {height:60px; width:100%}
body:before, .topslide:before {content:'';
  width: 100%;
  height: 5px;
  background: linear-gradient(to right, 
    
	  #6458cd    10%, 
      #ed7fb8  10%, 
      #ed7fb8   20%, 
      #6458cd   20%, 
      #6458cd   30%, 
      #ed7fb8  30%, 
      #ed7fb8  40%, 
      #6458cd 40%,
	   #6458cd 60%, 
      #ed7fb8  60%,
	   #ed7fb8  70%, 
      #6458cd 70%,
	   #6458cd 80%, 
      #ed7fb8  80%,
	   #ed7fb8  90%, 
      #6458cd 90%,
      #6458cd 100%
  );
  display:block
}
.alignleft {float:left}
.alignright {float:right}
.aligncenter {text-align:center}
.mejs-controls{
display: none !important;
}


.wp-video {
 
    margin: auto;
    text-align: center;
}
header {padding-top:20px; padding-bottom:15px}
#lottie {width:300px; height:auto; margin-top:15px;     float: left;}
#chink{width:500px; height:auto; margin-top:20px; margin:auto}
header .logo img{width:300px; height:auto; margin-top:20px}
header .right img  {
    width: auto;
    height: 28px;
}
header p {margin-bottom:0}
header .left {width:30%}
header .right {text-align:right; width: 68%;}
header .right li {display:inline-block; margin-left:10px}
header .right a {display:inline-block; margin-left:10px; font-family: 'Raleway', sans-serif; font-size:15px; letter-spacing: 2px;     font-weight: 800;}
header .right a:hover , header .right .current-menu-item a{color:#ed7fb7}
header nav {margin-top:30px; float:right}
header nav a {color:#675ed0; font-size:19px; text-transform:uppercase; font-weight:bold; display:inline-block; margin-left:25px}
#featured {background:#ed7fb7; padding-top:30px; padding-bottom:30px; text-align:center; margin-top:30px}
#featured p, .pinkbg p {color:white}
#featured img {    height: 225px;
    width: auto;
    margin: 10px;}
/*#featured img:nth-child(1) {height:64px;     margin-bottom: 35px;}
#featured img:nth-child(2) {height:41px;     margin-bottom: 35px;}
#featured img:nth-child(3) {height:33px;     margin-bottom: 44px;}
#featured img:nth-child(4) {height:73px}*/
#sb_instagram .sbi_follow_btn a {
    transition: all .1s ease-in;
    color: #675ed0 !important;
    background: none !important;
    font-size: 20px;
}
#sb_instagram svg:not(:root).svg-inline--fa {
    height: 1.3em;
}
.signedcopy {    background-repeat: no-repeat;width:100px; height:100px; background-image:url(https://ollysmith.com/wp-content/uploads/2024/06/Shop-BookSigned-Copy-Purple.png); background-size:contain; position:absolute; right:50px; top:20px; display:block}
.pinkbg   {background:#ed7fb7; padding-top:30px; padding-bottom:30px; text-align:center}
.pinkbg img {height:50px; width:auto; margin:20px}
.section4.pinkbg img {margin-bottom:0}
.section4.pinkbg  {padding-top:50px}
footer {background:#675ed0; padding-top:70px; padding-bottom:40px}
footer .inner {padding-left:50px; padding-right:40px}
footer a {color:#fff}
footer a:hover {color:#ed7fb7}
footer .right p:first-child img {
    width: auto;
    height: 22px;
}
footer p {margin-bottom:10px; font-size:18px; margin-top:30px}
footer .left p , footer .right p {margin-top:0}
footer .right {text-align:right}
footer .right a {display:inline-block; margin-left:10px}
footer .right p {color:white}
footer .inner:nth-child(2) a {color:#ed7fb7; float: right;
    margin-left: 100px;
    margin-top: 96px;}
footer .left, footer .right {width:33.33%; float:left}
footer .right {width:66.33%; float:right}
footer .wp-image-21654 {margin-top:70px}
.footersignup {
    color: white;
    margin-top: 50px; text-align: left;     position: relative;
}
.footersignup .success, #email-error {
    margin-top: 5px !important;
    position: static;
    left: 0;
    right: 0;
    padding-top: 10px;
    color: #fff;
    display: block;
}
.footersignup input[type=text],.home .footersignup input[type=text]{
    width: 100%;
    max-width: 583px;
    float: left;
    margin-right: 8px;
}
.footersignup p {
    max-width: 550px;
    text-align: left;
}
#copyright p {margin-top:20px; text-align:left; font-size:16px; color:grey}
#copyright .right p {text-align:right}
#copyright .right p a { color: grey; font-size:12px}
#copyright a{
    color: grey; font-size:12px
}
 section {width:100%; height:auto; position:relative}
 #banner {height:840px; position:relative}
 .home #banner {height:840px}
 .blog #banner, .single #banner {background-size:cover !important; background-position:center;  height:820px }
 .single-recommendations.single #banner { height:500px ; background-size:contain !important; background-position:center; background-repeat:no-repeat} 
 .single-podcast #chink {float:left; margin-top:60px}
 .single-podcast h4 em {text-align:left;     max-width: none;}
 .single-podcast #banner, .single-podcast #banner .inner {overflow:visible}
  .single-podcast #banner {margin-bottom:100px; height:540px}
  
  .single-podcast #banner.older img {width:336px; height:auto; padding-top:50px}
 .winelabel { text-align:left}
  .winelabel strong {width:200px; display:inline-block; text-align:left; margin-left:250px}
 #banner iframe {width:100%;     margin-top: 153px;}
 #banner.older iframe {
    width: 100%;
    margin-top: 53px;
}
 h1,h2,h3,h4,h5,h6 {font-size:57px;  font-family: 'Raleway', sans-serif;letter-spacing:2px; color:#6458cd; font-weight:800; text-transform:uppercase; margin-bottom:30px; line-height:1.2}
 h1 span {color:#ed7fb7}
 h1 span.pink {font-size:32px}
 .single h1 {text-align:center}
 .single-recommendations.single h1 {
    text-align: center; max-width:565px; margin:auto; margin-bottom:25px;
}
.single-recommendations.single #mainbody .inner p:nth-child(3) {
	   text-align: center; max-width:545px; margin:auto; margin-bottom:25px;
}
 h1 {font-size:54px}
 .single-post section {text-align:center}
 h4 {font-size:28px; margin-top:50px}
  h5 {font-size:26px; color:#ed7fb7}
 .home h4 {font-size:45px; margin-top:0}
 h3 em {font-style:italic; font-weight:500; font-family: 'Playfair Display', serif; text-transform:none}
 h4 em {color:#ed7fb8;font-style:italic; font-weight:400; font-family: 'Playfair Display', serif; text-transform:none; max-width:680px; margin:auto;     display: block; text-align:center}
 a {font-style:inherit; font-family:inherit}
 p, section li {font-family: 'Raleway', sans-serif; color:black; font-size:19px; letter-spacing:2px; margin-bottom:30px; line-height:1.3}
 section li{list-style: outside;}
 section ul {margin-left:30px}
 #mainbodylower p {text-align:left}
#content  p strong, #mainbody p strong, #mainbodylower p strong {color:#6458cd}
#content  p a, #mainbody p a, #mainbodylower p a {color:#ed7fb7}
 .pastelbg { background:#f1edf3;}
 .home .section4 {padding-top:80px; margin-top:30px;}
 /*.home .section4 .inner, .page-id-8105  #mainbody .inner { background-image:url(/wp-content/uploads/2021/03/arrows-193x258.png); background-size:193px 258px; background-position:964px  0px; background-repeat:no-repeat}*/
 .home .section4:before {position:absolute; top:0; left:-40vw; right:-10vw; background:#f1edf3; border-radius:50%; height:150vw; width:170vw; content:' '; display:block}
 .home .section7, .home .section6 {display:none}
  .home .section8   {    padding-top: 40px;
    margin-top: 0px;
    margin-bottom: 120px;}
  .home .section8:before {position:absolute; bottom:0; left:-40vw; right:-10vw; background:#f1edf3; border-radius:50%; height:150vw; width:170vw; content:' '; display:block}
  
 .latest p {font-size:15px; color:#6458cd}
 section {overflow:hidden}
 .wpcart_gallery {display:none !important}
 .button, .wpsc_buy_button , .continue-shopping{font-family: 'Raleway', sans-serif;color:#ed7fb8; font-size:18px; letter-spacing:2px; padding:10px 20px; border:1px solid #ed7fb8; text-transform:uppercase; cursor:pointer;     width: 176px; text-align:center}
 .topslide  .button  {background:#ed7fb8; color:#fff}
 .wpsc_buy_button{width:auto}
 input.button, .wpsc_buy_button {background:#fff}
 .button:hover, .wpsc_buy_button:hover {background:#ed7fb8; color:#fff}
 .signup-formd .button {background:#ed7fb8; color:#fff}
.signup-formd  p {    font-size: 15px;}
 input[type=text]{
    background: #fff;
        border: 1px solid grey;
       padding: 10px;
    line-height: 21px;
}
.home  input[type=text]{
	background: #f0ecf1; width: 281px;
}
#name {display:none}
 .topslide img {margin-bottom:0px; width:60%; height:auto}
 .topslide .left {text-align:center;     padding: 30px 46px;
    box-sizing: border-box;}
 .topslide .left p { color:#6458cd;     font-size: 16px;}
 .slide {width:31.33%; margin:5px; float:left}
 .page-id-21419  .wp-image-26712{
    width: 100%;
    height: auto;
    padding: .5%;
    box-sizing: border-box;
}
 .page-id-21419 .slide {
    width: 32.33%;
    box-sizing: border-box;
    margin: .5%;
    float: left;
}
 .blacktext {color:black;
 text-transform:none; text-align:center}
 @media only screen and (min-width: 769px) {
 .home .podcasts  .grid .slide {
    width: 33%;
	margin:0;
	margin-bottom:.5%
   
}
 .home .podcasts .grid .slide:nth-child(2), .home .podcasts .grid .slide:nth-child(4) {margin-left:.5%; margin-right:.5%}
 }
 
 
 .item1 {width:66.66%; box-sizing:border-box; padding:20px; margin:0}
 .item2,.item3,.item4,.item5,.item6,.item7,.item8 {width:33.33%; box-sizing:border-box; padding:20px; margin:0}
 .item1 .image {
    height: 650px;
}
.item2 .image{
    height: 350px;
}
.item3 .image {
    height: 350px;
}
.item4 {
    margin-top: -253px;
}
.item4 .image {
    height: 350px;
}
.item5 {
    margin-top: -283px;
}
.item5 .image {
    height: 450px;
}
.item6 .image {
    height: 500px;
}
.item7 {
    margin-top: -349px;
}
.item7 .image {
    height: 450px;
}
.item8 {
    margin-top: -279px;
}
.item8 .image {
    height: 350px;
}

#otherposts .item3 {
    margin-top: -50px;
}
#otherposts .item3 {
    margin-top: -50px;
}
#otherposts .item3 .image {
    height: 250px;
}
#otherposts .item4 {
    margin-top: -150px;
}
#otherposts .item5 {
    margin-top: -150px;
}
 .outer {overflow:hidden; clear:both}
 .slide .left {width:46%; height:150px}
 .podcasts .outer p {text-align:center; }
  .slide .right {width:54%; height:150px; background:#f2eff2; box-sizing:border-box; padding:20px; text-align:center}

 .slide p ,  .products .col p {font-family: 'Raleway', sans-serif;color:#6458cd; font-size:20px; letter-spacing:2px; text-align:center; font-weight:800; text-transform:uppercase; line-height:1.2; margin-top:10px }
 .slide p span,  .products .col p span { color:#ed7fb8; font-size:16px; display:block; text-align:center; font-weight:600}
 .latest-wines .slide p ,.latest-posts .slide p, .products p  { font-size:24px;}
 .latest-wines .slide p span,.latest-posts .slide p span,  .products .col p span { font-size:16px;}
 .slide p span.details,  .products .col p span {font-size:15px; font-weight:600; text-transform:uppercase}
  .slide p span.details span,  .products .col p span span{font-size:21px; font-weight:900}
 .image {height:392px; width:100%;     display: block; background:#f1edf3;  background:transparent;     background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat;border:0px solid #f1edf3; box-sizing:border-box}
	.products .image {height:auto;  border:none; background:#fff; padding:20px 40px}
	.products .image img {}
 .slide p span.grey,  .products .col p span.grey, .grey {color:#CCC; text-transform:uppercase}
 .details span {font-weight:400}
 .details {padding: 0 20px; min-height:140px; display: block;}
 .filterlink {text-align:center; color:#ed7fb8; font-size:15px; font-weight:600; text-transform:uppercase}
 .filterlink a {color:#ed7fb8; font-size:15px; font-weight:600; text-transform:uppercase; cursor:pointer; display:inline-block; margin-left:10px; margin-right:10px}
 .grid-sizer,
.grid-item { width: 33.33%;box-sizing:border-box; float:left }
.grid-item {width:33.33%; box-sizing:border-box; padding:15px; float:left}
.grid-item1 {width:66.66%}
.grid-item img {width:100%; height:auto}
.hoverbox, .products .image {overflow: hidden;
    width: 100%;
    height: auto;
    display: block;}
	.slide a {overflow:hidden; display:block}
.grid-item:hover img, .products .image:hover img , .grid .image:hover, .latest-posts .image:hover, .latest-wines .image:hover {
    transform: scale(1.05) rotate(
0deg
); 

}
.grid-item img, .products .image img, .grid .image , .latest-posts .image, .latest-wines .image {
    transition: transform .5s ease-in-out;
}
.outerimage {
    display: block;
    overflow: hidden;
}

.grid-item span.details p span {font-size:15px; font-weight:600; text-transform:uppercase; color: #ed7fb8; display:block; text-align:center}
  .grid-item  span.details p {font-size:21px; font-weight:900; color:#6458cd; display:block; text-align:center}

 .grid-item span.details p span.grey {color:#CCC; text-transform:uppercase; display:block; text-align:center}

.signup-box {padding-top:30px; padding-bottom:30px; background:#f1edf3 }



.pum-content .signup-box {
    
    padding: 0;
}
.pum-theme-21657 .pum-container, .pum-theme-lightbox .pum-container {
    padding: 0;
    border-radius: 0;
    border: 0;
}
.pum-container .signup-box { background:#fff }

.pum-theme-21657 .pum-container .signup-box .inner{    max-width: none; margin:0}
.signup-box p:first-child {margin-bottom:5px}
.signup-box .inner {  padding:60px; text-align:center;  }
.signup-box.mainsignup {background-color:white}
.signup-box.mainsignup .inner {
    padding: 60px;
    text-align: center;
    background-image: url(https://ollysmith.com/wp-content/uploads/2024/06/website-chevron-border.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1280px;
    height: 871px;
    text-align: center; background-color:white
}
.signup-box.mainsignup .inner .wp-image-21459 {
    width: 200px;
    height: auto;
    position: static;
    left: 0;    margin-top: -36px;
}
.signup-box .inner {
    border: 18px solid #ed7fb8;
	background-image:none !important;
    border-image: 17 repeating-linear-gradient(45deg, #ed7fb8 0, #ed7fb8 1em, transparent 0, transparent 2em, #ed7fb8 0, #ed7fb8 3em, transparent );
	border-image: 16 repeating-linear-gradient(45deg, #ed7fb8 0, #ed7fb8 1em, transparent 0, transparent 2em, #ed7fb8 0, #ed7fb8 3em, transparent 0, transparent 4em);
	height:auto !important
}
@media only screen and (max-width: 1000px) {
.signup-box.mainsignup .inner {

width:100%
}
}
/*
@media only screen and (max-width: 1000px) {

.signup-box.mainsignup .inner {
    padding: 60px;
    text-align: center;
    padding-top: 100px;
    background-image: url(https://ollysmith.com/wp-content/uploads/2024/06/web-chevron-border-640px.png);
    background-size: contain;
    background-repeat: no-repeat;
          width: 640px;
        height: 900px;
        padding: 100px !important;
              padding-top: 100px !important;
        text-align: center;
        background-position: center top 30px;
        text-align: center;    margin-top: 0;
		border-image: 17 repeating-linear-gradient(45deg, #ed7fb8 0, #ed7fb8 1em, transparent 0, transparent 2em, #ed7fb8 0, #ed7fb8 3em, transparent 0, transparent 4em);

}
}
@media only screen and (max-width: 680px) {

.signup-box.mainsignup .inner {
     padding: 60px;
    text-align: center;
    padding-top: 100px;
    background-image: url(https://ollysmith.com/wp-content/uploads/2024/06/web-chevron-border-320px.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 320px;
          height: 523px;
    padding: 47px !important;
    text-align: center;          background-position: center top 30px;


}
.signup-box.mainsignup .inner h4 {font-size:14px;    margin-top: 11px;}
.signup-box.mainsignup .inner p:nth-child(3){display:none}
.signup-box.mainsignup .inner .wp-image-21459 {
    width: 100px;
margin-top: 0;}


}*/
.signup-box h4 {margin-top:25px}
.signup-box form {overflow:hidden; 
    padding-top: 2px;     overflow: hidden;
    padding-top: 2px;
    width: 556px;
    mawrgin: auto;
    display: block;
    margin: auto;}
.signup-box input {float:left;}
.signup-box #email {margin-left:0; margin-right:5px; width:352px}
 .pum-container .signup-box #email {margin-right:5px}
/*
.signup-box .inner {border:2px solid #6458cd}
 .signup-box {background:#fff}*/
.wp-image-21459 {width:200px; height:auto;     position: absolute;
    left: 0;}
.pum-container .wp-image-21459 {width:150px; height:auto;     position: static;
    left: 0;}
.pum-container 	.signup-box .inner {
    padding: 30px;
    text-align: center;
}
#email-error {
    position: absolute;
    left: 20px;
    bottom: 4px;
    color: red;
}
.success 
    {
    margin-top: 5px !important;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4px;
    color: #6458cd;
}

.col {}
.col2 {width:50%; float:left}
.home .col2 {float:right}
.col2  img{
    width: 100%;
    height: auto;
    max-width: 466px;
    float: left;
}


section, .col3, articles {transition: all 1s cubic-bezier(0.23,1,0.32,1);
    transform: translate3d(0px,100px,0px); opacity:0}
.col3:nth-child(2) {	  transform: translate3d(0px,200px,0px); transition: all 1.4s cubic-bezier(0.23,1,0.32,1);} 
.col3:nth-child(3) {	  transform: translate3d(0px,250px,0px); transition: all 1.7s cubic-bezier(0.23,1,0.32,1);} 
section.spacer,section.section1, article.article1, #banner ,.latest-wines.section3,.latest-wines.section5{transform: translate3d(0px,0px,0px);opacity:1}
section.transition,article.transitiona,section.transition .col3 {
	transform: translate3d(0px,0px,0px) !important; opacity:1
}
.hoverimage {transition: all 1s cubic-bezier(0.23,1,0.32,1);opacity:0; position:absolute; top:0; left:10%; width:80%; height:80%;}
.col3:hover .hoverimage {opacity:1; z-index:9}
#copyright {
	transform: translate3d(0px,0px,0px) !important; opacity:1
}
/*.grid {min-height:2000px !important}*/

.ff-sc-label2 .ff-label-wrapper {
  
    top: -15px !important;
   
}
.ff-stream {background:#fff !important}

.wp-image-21533 , .wp-image-21582{  position: absolute;
    margin-left: 238px;
    margin-top: -66px; width: 264px;
    height: auto;}
	.parent-pageid-8105 .wp-image-21582, .page-id-8105 .wp-image-21582{
    margin-top: -24px;}
.page-id-8103 .section4 img {height:130px; width:auto}

#display-products li {
    list-style-type: none;
    margin: 0 !important;
    width: 33.33%; text-align:center; height:auto !important; min-height:400px !important; float: left;
}
.wpsc_description p, h2.prodtitles {
    font-family: 'Raleway', sans-serif;
    color: #6458cd;
    font-size: 23px;
    letter-spacing: 2px;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
}
.wpsc_description  a{
    color: #ed7fb8;
    font-size: 24px;
    display: block;
    text-align: center;
}
div.single_product_display div.textcol div.imagecol {
    position: static !important;
    margin-left: 0 !important;
    float: left;
    width: 48%;
}
div.single_product_display div.textcol {
    margin-left: 0 !important;
    min-height: 640px;
}
div.single_product_display div.textcol div.imagecol a img {
    width: 100% !important;
    height: auto !important;
}
.producttext{
    position: static !important;
    margin-left: 0 !important;
    float: right;
    width: 48%;
}
div.textcol form{
    position: static !important;
    margin-left: 0 !important;
    float: right;
    width: 48%;
}
div.textcol {
   
    text-align: center !important;
    width: 100%; padding:15px; box-sizing:border-box
}
a.wpsc_product_title{
    color: #ed7fb8;
    font-size: 24px;
    display: block;
    text-align: center;
	    font-size: 16px;
		    font-weight: 400;
}
.wpsc_description{
    font-family: 'Raleway', sans-serif;
    color: #6458cd;
    font-size: 23px;
    letter-spacing: 2px;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
	 font-size: 24px;
		 
}


hr {
    background: #ed7fb7;
    border: none;
    height: 2px;
    margin-bottom: 30px;
    margin-top: 30px;
}
#mainbodylower hr {margin-top:0}
.col3 {float:left; width:25%; padding:20px; box-sizing:border-box; padding-top:40px}
.col3:nth-child(2) { padding:0; width:48%}

.products  .col3,.products .col3:nth-child(2){width:33.33%; padding:15px}

.page-id-2  .col3, .page-id-2  .col3:nth-child(2){width:33.33%; padding:15px 0}
.page-id-2  .col3 p, .page-id-2  .col3 a {color:#6458cd}
.page-id-2  .col3 a {font-weight:bold}
.page-id-2  #mainbody p a  {color:#6458cd}
.col3 img {width:100%; height:auto}
.extraimages .col2:nth-child(1){ width:58%; padding:15px; box-sizing:border-box}
.extraimages .col2:nth-child(2){ width:42%; padding:15px; box-sizing:border-box; padding-top:120px}
.extraimages .col2 img {max-width:none}
.addtoany_shortcode {
    margin: auto;
    text-align: center;
}
.addtoany_shortcode {margin-bottom:40px}
.addtoany_list:before {display:inline-block; content:'SHARE'; margin-right:10px; color:#bfbfbf}
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}


/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -15px;
}
[dir='rtl'] .slick-prev
{
    right: -15px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -20px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -20px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
.slick-next:before,.slick-prev:before {color:#6458cd}
.slick-prev {left:-21px}
.slick-next {right:-21px}

.latest-posts .slick-prev,.latest-posts .slick-next,.latest-wines .slick-prev,.latest-wines .slick-next  {   margin-top: -80px;}
.slick-prev:before {
    content: ''; background-image:url(/wp-content/themes/OllySmith2021/img/arrow-left.png); background-size:cover; height:22px; width:17px; display:block
}
.slick-next:before {
     content: ''; background-image:url(/wp-content/themes/OllySmith2021/img/arrow-right.png); background-size:cover; height:22px; width:17px; display:block
}
a {outline:none !important}

.podcasts .inner .inner, .podcasts .inner .inner .outer,.home .latest-wines .inner,.home  .latest-wines .outer, .latest-posts .inner, .latest-posts .outer , #otherposts .inner {overflow:visible; padding-left:0; padding-right:0}
.podcasts .inner .outer,.latest-posts .outer,.latest-wines .outer {padding:10px}
.podcasts .inner .topslide {padding:0}
.topslide {margin-bottom:10px}
.home .section9  .box{
   
    background-size: 132px;
    background-repeat: no-repeat;
       background-position: 242px top;
    
}
 #otherposts .slick-prev, #otherposts .slick-next {
 
    top: 28%;
}
table {
    
    width: 100%;
}
.wpsc_checkout_table {width: 48%;
    margin: 1%;float:left; box-sizing:border-box}
table td {border-bottom:1px solid #6458cd}
#checkout_page_container h3,#checkout_page_container h2 ,#checkout_page_container h4 {font-size:20px}
#checkout_page_container td {padding:5px}
#checkout_page_container  th{
    font-size: 17px;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 2px;
    color: #6458cd;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 30px;
    line-height: 1.3;
}


.pum-theme-21657, .pum-theme-lightbox {
    background-color: rgba( 0, 0, 0, 0.1 ) !important;
}

.pum-container.pum-responsive.pum-responsive-medium{
  
    box-shadow: none !important; 
    border: none !important;
}

#bannerlower {margin-top:20px; margin-bottom:60px; }
#bannerlower .inner{ height:400px}
.single #mainbody p {font-size:16px}

.home .podcasts .inner .inner .outer{
   
    padding-top: 30px;
}
@media only screen and (max-width: 1130px) {
footer .inner:nth-child(2) a {
 
    margin-left: 10px;
   
}	
	
}
@media only screen and (max-width: 1024px) {
	.single-podcast #banner.older img {
    width: 454px;
    height: auto;
    padding-top: 50px;
}
#banner, .home #banner,.blog #banner, .single #banner {height:640px}
.pum-container .signup-box #email {
    margin-left: 0;
    margin-right: 5px;     width: 305px;
}
.signup-box #email {
    margin-left: 0;
    margin-right: 5px;
    width: 191px;
}
.signup-box #email {
    margin-left: 0;
    margin-right: 5px;
    width: 191px;
    float: none;
}
.signup-box form {
    overflow: hidden;
    text-align: center;
}
.signup-box input {
    float: none;
}
}
@media only screen and (max-width: 895px) {
	.pum-container .signup-box #email {
   
    width: 100%;
}

	.winelabel strong {
    width: 100%;
    display: block;
    text-align: left;
    margin-left: 0;
}
	.signup-box #email {
    margin-left: 0;
    margin-right: 5px;
    width: 191px;
}
	.pum-container .signup-box #email {
    margin-left: 80px;
    margin-right: 5px;
}

.slide {
    width: 49%;
    margin: 3px;
    float: left;
}
.podcasts  .slide {
    width: 31.33%;
    margin: 5px;
    float: left;
}

.item1 .image {
    height: 250px;
}
.item2 .image{
    height: 250px;
}
.item3 .image {
    height: 250px;
}
.item4 {
    margin-top: 0;
}
.item4 .image {
    height: 250px;
}
.item5 {
    margin-top: 0;
}
.item5 .image {
    height: 250px;
}
.item6 .image {
    height: 250px;
}
.item7 {
    margin-top: 0;
}
.item7 .image {
    height: 250px;
}
.item8 {
    margin-top: 0;
}
.item8 .image {
    height: 250px;
}

#otherposts .item3 {
    margin-top: 0;
}
#otherposts .item3 {
    margin-top: 0;
}
#otherposts .item3 .image {
    height: 250px;
}
#otherposts .item4 {
    margin-top: 0;
}
#otherposts .item5 {
    margin-top: 0;
}
.details {
   
    min-height: 0;
    display: block;
}
footer .right {
    text-align: center;
}

footer .left:nth-child(1){
    padding-top: 32px;
}
footer .left:nth-child(2){
   margin-left: -33.3%;
    margin-right: 33%;
}


.icon {
  z-index: 999999999999999;
  position: absolute;
  background: none;
  display: block;
  padding: 11px;
  height: 40px;
  width: 28px;
  margin: 0px;
     top: 60px;
    right: 5px;
  cursor:pointer;
  display:none;
  color:#fff;
  font-size:14px;
  display: block;

background:transparent;

width: auto;

box-sizing: border-box;



top: 0px; padding-left:15px
  
}

.icon span {color: #6e5600; display:inline-block; margin-left: 33px;

float: left;

margin-top: 0px;

font-size: 16pt;

margin-top: -1px;}
.hamburger {

    float: left;
    float: left !important;
    width: 22px !important;

}
.hamburger  div { width: 22px !important;}
.menui {
  background: #675ed0;
  transition: 0.35s linear;
  margin-top: 16px;
  position: absolute;
}
.top-menu {
  top: -5px;
  width: 22px;
  height: 3px;
  border-radius: 0;
}
.mid-menu {
  top: 3px;
  width: 22px;
  height: 3px;
  border-radius: 0;
}
.bottom-menu {
  top:11px;
   width: 22px;
  height: 3px;
  border-radius: 0;
}
.hamburger {float:left}
.icon {display:block}
	.navactive .top-menu{    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(45deg);
    top: 5px;}
.navactive .bottom-menu{transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); top:5px}
.navactive .mid-menu {display:none}	
.navactive.icon {}
header nav { width:100% !important; height:95vh; background:#fff; position:fixed; top:0px; left:-9999px; right:auto; z-index: 999999999999999999999;  padding-top:5vh; overflow-y:scroll;
    top: 0 !important;
    margin: 0; margin-left:0 !important; margin-top:0 !important}
	header nav ul {
    display: block;
    justify-content: normal;
}
header .right a {
  
    font-size: 27px;
}
header nav li,header nav li a {
   text-align: center;

display: block;

font-size: 24px;
line-height: 1.1;
margin-top: 10px;

width: 100%;

clear: both;

margin: 10px auto;
}
header nav.active {left:0}	
	
  header .logo img {
    width: 30px;
    height: auto;
}
 .home header .logo img {
    width: 150px;
    height: auto;
}
header .right p{
   
    display: none;
}
.home #banner, #banner,.blog #banner, .single #banner {
    height: 320px;
}
.single-podcast #banner {
    height: 420px;
}
#banner iframe {
    width: 100%;
    margin-top: 0;
}
.image {
    height: 240px;
	
}


.parent-pageid-8105 .wp-image-21582, .page-id-8105 .wp-image-21582 {
    margin-top: 0;
}
.parent-pageid-8105 #mainbody p, .parent-pageid-8105 #mainbody p, .page-id-21669 #mainbody p  {max-width:60%; margin:auto}
.wp-image-21533, .wp-image-21582 {
    position: absolute;
    right: 0;
    margin-left: auto;
    margin-top: -66px;
    width: 164px;
    height: auto;
}
img{
    max-width: 100%;
    height: auto;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 30px;
}
h1 br,h2 br, h3 br, p br {display:none}
.single-podcast h1 br {display:block}
.topslide .left {
    
    padding: 20px 20px;
    box-sizing: border-box;
}
.left, .right {
    width: 100%;
    float: left;
}
.podcasts .inner {padding:0}
body.podcasts .inner p:nth-child(3) {display:none}
.topslide {padding-bottom: 20px;
    background-position: right bottom !important;}
	.podcasts .outer a p {
    text-align: center;
    margin-top: 0px;
}
.products .col3, .products .col3:nth-child(2) {
    width: 100%;
    padding: 15px;
}
.home .section4 .inner {
    background-image: url(/wp-content/uploads/2021/03/arrows-193x258.png);
    background-size: 140px 176px;
    background-position: center top;
    background-repeat: no-repeat;    padding-top: 200px;
}
.home .section4:before {
   
    height: 200vw;
}
.signup-box {
       box-sizing: border-box;
    padding: 40px 20px;
}
.signup-box h4 {
    margin-bottom: 15px; font-size:20px;
}
.signup-box .inner {
 padding: 50px 20px;
    background-position: center 163px;
}
input[type=text] {
   
    margin-bottom: 10px;
}
footer .wp-image-21654 {
    margin-top: 70px;
    width: 200px;
}
footer .inner:nth-child(2) a {
    margin-left: 5px;     margin-top: 78px;
}
.col2, .col3 {
    width: 100% !important;
    float: none;
}
.home .section8:before {
   
    height: 232vw;
}
footer .left a {font-size:12px}
footer .right p {color:white}
.home .section9  .col{
   
    background-size: 150px;
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 160px;
}

.signup-box form {
    
    width: 100%;
}
}
@media only screen and (max-width: 600px){

.single-podcast #banner.older img {
    width: 183px;
    height: auto;
    padding-top: 50px;
}
}
@media only screen and (max-width: 768px){
	
	.topslide p:nth-child(2) {opacity:1 !important}
.home .section9 .col {
 
    padding-top: 0;}
	
	.signup-box form {
    
    width: 100%;
}
footer .inner:nth-child(2) a {
    margin-left: 10px;
    font-size: 14px;
    margin-top: 78px;
}
.single-podcast #banner.older img {
    width: 250px;
    height: auto;
    padding-top: 50px;
}
#copyright .left, #copyright .right {width:50%; float:left}
.wp-image-21459 {
    width: 132px;
    height: auto;
    position: absolute;
    top: -13px;
    left: 0;
}
}
@media only screen and (max-width: 600px){
	.signup-box.mainsignup .inner .wp-image-21459 {
    width: 100px;
    height: auto;
    position: static;
    left: 0;
    margin-top: -5px;
}
	 video {width:100% !important; height:auto !important}
	 .footersignup input[type=text], .home .footersignup input[type=text] {
    width: 94%;
    max-width: 100%;
    float: none;
    margin-right: 8px;
}
.home .section1 {display:none}
    .home .section8 {
        padding-top: 0;
        padding-bottom: 100px;
    }
	    footer .right {
        text-align: center;
        width: 100%;
        clear: both;
    }
	
	    footer .right p {
    float: right;
    margin-top: -201px;
    }
	.footersignup {
    color: white;
    margin-top: 50px;
    text-align: left;
    position: relative;
    clear: both;
    display: block;
    margin-top: 70px;
}
	.footersignup p {margin-top:0 !important}
.signup-box h4 {
        margin-bottom: 15px;
        font-size: 18px;
        text-align: center;
    }
	.signup-box.mainsignup .inner {
    padding: 10px;

	}
	.signup-box.mainsignup .inner p {font-size:14px}
	.single-podcast #banner.older img {
    width: 183px;
    height: auto;
    padding-top: 50px;
}
.topslide img {
    margin-bottom: 0px;
    width: 60%;
    padding-right: 40%;
    height: auto;
     float: left; margin-bottom:50px 
}
}
@media only screen and (max-width: 480px){
	    .image {
        height: 321px;
    }
	.wp-image-21459 {
    width: 67px;
    height: auto;
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    margin: auto;
}
footer .right a {
    display: block;
    margin-bottom: 10px;
}
#copyright .left, #copyright .right {
    width: 100%;
    float: none;
}
.wp-image-215579 {
    width: 50px;
}
	.home .section8 {
    padding-top: 0;
   
}
.home #banner, #banner, .blog #banner, .single #banner {
    height: 240px;
}
#chink {
    width: 320px;
  
}
.wp-image-21533, .wp-image-21582 {display:none}
footer .wp-image-21654 {
    margin-top: 0px;
    width: 200px;
}
footer .inner:nth-child(2) a {
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
	    font-size: 13px;
}
.slide {
    width: 100%;
    margin: 0;
    float: none;
}
.home .latest-wines .slide {
   width: 98%;
    margin: 0;
}
.signup-box #email {
    margin-left: 54px;
    margin-right: 0;
}
.signup-box input {
    float: none;
    margin: 10px auto !important;
}
.single-podcast #banner {
    height: 343px;
}
#copyright p {
   
    color: grey; margin-top:10px; margin-bottom:0; font-size:11px
}
#copyright .right p {
    text-align: left;
}
#lottie {
      width: 240px;
    height: auto;
    margin-top: -11px;
    float: left;
}
header {
    padding-top: 20px;
    padding-bottom: 0;
}
.slide p, .products .col p {
   
    font-size: 18px;
}
.signup-box #email {
    margin-left: 0;
    margin-right: 0;
    width: 90%;
}
header .right li {
    display: inline-block;
    margin-left: 0;
}
.single-recommendations.single #banner {
    height: 200px;
   
}
.podcasts .slide {
    width: 100%;
    margin: 5px;
    float: none;
}
.page-id-2 .col3, .page-id-2 .col3:nth-child(2) {
   
    margin: 0 !important;
}
}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}