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, 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 {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
-webkit-font-smoothing: antialiased;
}
pre {
background-color: #F3F3F3;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #F3F3F3), color-stop(50%, #EDEDED));
background-image: -webkit-linear-gradient(#F3F3F3 50%,#EDEDED 50%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #F3F3F3), color-stop(50%, #EDEDED));
background-image: -webkit-linear-gradient(#F3F3F3 50%, #EDEDED 50%);
background-image: linear-gradient(#F3F3F3 50%,#EDEDED 50%);
-webkit-background-size: 38px 38px;
background-size: 38px 38px;
border: 1px solid #E3E3E3;
display: block;
line-height: 19px!important;
margin-bottom: 10px;
overflow: visible;
overflow-y: hidden;
padding: 0 0 0 4px;
tab-size: 4;
-o-tab-size: 4;
-moz-tab-size: 4;
}
code {
display: inline-block;
padding: 0 5px;
font-size: 13px;
line-height: 150%;
vertical-align: middle;
background: #F3F3F3;
border-radius: 3px;
}
input,
textarea {
max-width: 100%
}
hr {
color: #e5e5e5;
background-color: #e5e5e5;
height: 1px;
border: #e5e5e5!important;
}
dt {
font-weight: bold;
margin-top: 10px;
}
dl {
margin-left: 20px
}
ul {
list-style: disc
}
ul ul,
ol ul {
list-style: disc
}
table {
border-collapse: collapse;
width: 100%;
margin: 20px 0 40px;
}
th,
td {
padding: 10px;
text-align: left;
border: 1px solid #ccc;
}
select {
padding: 10px;
border: 1px solid #e5e5e5;
}
::-moz-selection {
color: #fff;
background: #101010;
display: inline-block;
}
::selection {
color: #fff;
background: #101010;
display: inline-block;
}
body {
font-family: 'Noto Serif', serif;
font-size: 14px;
line-height: 27px;
position: relative;
-webkit-backface-visibility: hidden;
position: relative;
text-rendering: optimizeLegibility;
background: #f5f5f5;  }
a {
text-decoration: none;
color: #101010;
}
a > img {
border: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
font-family: 'Oswald', sans-serif;
}
.ampersand, h2 .ampersand{
font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif!important;
font-style: italic;
font-weight: lighter;
}
.clear {
clear: both
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.noleft {
padding-left: 0
}
.noright {
padding-right: 0
}
p {
margin: 28px auto;
font-size: 16px;
line-height: 27px;
} .zl_header {
width: 100%;
background: #fff url(//customersupport.thehempshop.co.uk/wp-content/themes/ths/lib/img/headpat.png) repeat-x left 3px;
padding: 30px 0;
text-align: center;
border-top: 3px solid #101010;
}
.zl_brand h1 {
font-size: 50px;
line-height: 60px;
letter-spacing: 4px;
text-transform: uppercase;
}
.zl_brand .zl_tagline {
margin-top: 20px;
display: block;
font-size: 16px;
line-height: 100%;
} .zl_navmenu {
padding: 0;
background: #000;
color: #fff;
}
.zl_navmenu.light .zl_mainmenu > li:before {
background: #D1D1D1
}
.is-sticky {
z-index: 100;
}
.zl_mainmenu {
display: block;
margin: 0;
padding: 0;
text-align: center;
width: 100%;
color: #fff;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
font-family: 'Oswald', sans-serif;
}
.zl_mainmenu > li {
display: inline-block;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
position: relative;
letter-spacing: 4px;
vertical-align: bottom;
z-index: 100;
}
.zl_mainmenu > li:before {
content: "";
position: absolute;
background: #fff;
-webkit-transform: rotate(25deg);
-ms-transform: rotate(25deg);
-o-transform: rotate(25deg);
transform: rotate(25deg);
width: 5px;
height: 5px;
right: -2.5px;
top: 0;
bottom: 0;
margin: auto;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.zl_mainmenu > li:last-child:before {
display: none;
content: none;
}
.zl_mainmenu > li > a {
color: #fff;
text-decoration: none;
padding: 25px 20px;
display: block;
letter-spacing: 4px;
text-transform: uppercase;
line-height: 100%;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
font-size: 16px;
position: relative;
}
.zl_navmenu.light .zl_mainmenu > li > a {
color: #353535
}
.zl_mainmenu li a.zl_searchcaller {
padding: 24px 25px
}
.zl_mainmenu > li:hover > a:after {
opacity: 1
}
.zl_mainmenu > li.menu-item-has-children > a:before {
content: "\f103";
font-family: fontAwesome;
position: absolute;
right: 20px;
font-size: 16px;
}
.zl_mainmenu > li.menu-item-has-children > a {
padding-right: 50px
}
.zl_mainmenu li:hover > a,
.zl_navmenu.light .zl_mainmenu li:hover > a {
color: #CCA34D
}
.is-sticky .light.zl_navmenu {
z-index: 100;
-webkit-box-shadow: 0 5px 4px -4px rgba(190, 190, 190, 0.26);
-moz-box-shadow: 0 5px 4px -4px rgba(190, 190, 190, 0.26);
-o-box-shadow: 0 5px 4px -4px rgba(190, 190, 190, 0.26);
box-shadow: 0 5px 4px -4px rgba(190, 190, 190, 0.26);
width: 100%;
}
.is-sticky .zl_mainmenu li a {
padding-top: 18px;
padding-bottom: 18px;
}
.zl_navmenu.light {
background: #fff;
border-top: 1px solid #e5e5e5; -webkit-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1);
-moz-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1);
box-shadow: 0 5px 4px -4px rgba(190,190,190,.1);
-webkit-backface-visibility: hidden;
} .zl_mainmenu ul {
position: absolute;
display: none;
top: 100%;
width: auto;
left: 0;
background: #CCA34D;
padding: 0;
margin: 0;
list-style: none;
margin-top: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
min-width: 100%;
text-align: left;
-webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,.1);
box-shadow: 3px 3px 0 0 rgba(0,0,0,.1);
z-index: 10;
}
.zl_mainmenu li:hover > ul {
display: block
}
.zl_mainmenu ul li {
width: auto;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
white-space: nowrap;
text-transform: capitalize;
z-index: 10;
position: relative;
}
.zl_mainmenu ul li a {
width: 100%;
display: block;
padding: 15px 20px;
color: #fff;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
position: relative;
-webkit-transition: all 100ms;
-o-transition: all 100ms;
transition: all 100ms;
left: 0;
overflow: hidden;
z-index: 0;
text-transform: none;
letter-spacing: 4px;
text-transform: uppercase;
font-size: 12px;
font-weight: normal;
width: auto;
line-height: 100%;
border-bottom: 1px dashed rgba(255,255,255,.25);
background: #CCA34D;
}
.zl_mainmenu ul li:hover > a {
background: #ffffff!important;
color: #000!important;
}  #zl_header2{
position: relative;
z-index: 10;
}
.zl_mainbarhead2 {
display: block;
line-height: 100%;
background: #fff;
width: 100%; -webkit-box-shadow: 0 5px 4px -4px rgba(190,190,190,.15);
-moz-box-shadow: 0 5px 4px -4px rgba(190,190,190,.15);
box-shadow: 0 5px 4px -4px rgba(190,190,190,.15);
-webkit-backface-visibility: hidden;
} .is-sticky .zl_mainbarhead2{
-webkit-box-shadow: 0 5px 4px -4px rgba(190,190,190,.26);
-moz-box-shadow: 0 5px 4px -4px rgba(190,190,190,.26);
-o-box-shadow: 0 5px 4px -4px rgba(190,190,190,.26);
box-shadow: 0 5px 4px -4px rgba(190,190,190,.26);
} .zl_logo {
display: inline-block;
float: left;
width: auto;
line-height: 70px;
-webkit-backface-visibility: hidden;
-webkit-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
.zl_mainbarhead2 .zl_logo h1{
font-size: 30px;
text-transform: uppercase;	
}
.zl_logo a {
line-height: 0;
}
.zl_logo img {
max-height: 50px;
line-height: 0;
margin: 0 0 1px 0;
padding: 0;
-webkit-backface-visibility: hidden;
-webkit-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
} .zl_mainbarhead2 .zl_tagline {
float: left;
display: inline-block;
width: auto;
line-height: 70px;
margin-left: 30px;
color: #000;
letter-spacing: 1px;
font-size: 14px;
-webkit-backface-visibility: hidden;
-webkit-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
} .zl_navbar2 {
float: right;
display: inline-block;
width: auto;
}
.zl_mainmenu2 {
list-style: none;
margin: 0;
padding: 0;
font-family: 'Oswald';
letter-spacing: 2px;
text-transform: uppercase;
font-size: 16px;
}
.is-sticky .zl_mainmenu2{
font-size: 14px;
}
.zl_mainmenu2 > li {
display: inline-block;
margin: 0;
padding: 0;
letter-spacing: 3px;
line-height: 100%;
float: left;
position: relative;
z-index: 200;
}
.zl_mainmenu2 > li > a {
display: inline-block;
line-height: 70px;
padding: 0 15px;
color: #000;
position: relative;
-webkit-backface-visibility: hidden;
-webkit-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
.zl_mainmenu2 > li:last-child > a {
padding-right: 0
}
.zl_mainmenu2 > li.menu-item-has-children > a {
padding-right: 35px
}
.zl_mainmenu2 > li.menu-item-has-children > a:before {
content: "\f107";
font-family: fontAwesome;
position: absolute;
right: 15px;
font-size: 16px;
}
.zl_mainmenu2 > li:hover > a {
color: #CCA34D
} .zl_mainmenu2 li a.zl_searchcaller {
font-size: 17px;
position: relative;
top: -1px;
}
.zl_mainmenu2 ul {
position: absolute;
top: 100%;
width: auto;
left: 0;
padding: 0;
margin: 0;
list-style: none;
visibility: hidden;
opacity: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
min-width: 100%;
-webkit-transition: all 70ms;
-o-transition: all 70ms;
transition: all 70ms;
text-align: left;
-webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,.1);
box-shadow: 3px 3px 0 0 rgba(0,0,0,.1);
background: #CCA34D;
}
.zl_mainmenu2 ul:before {
content: "";
position: absolute;
width: 100%;
height: 5px;
top: -5px;
left: 0;
display: block;
}
.zl_mainmenu2 > li:hover > ul {
display: block;
visibility: visible;
opacity: 1;
}
.zl_mainmenu2 ul li {
display: block;
width: auto;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
white-space: nowrap;
width: 100%;
position: relative;
text-transform: capitalize;
line-height: 100%;
display: block;
}
.zl_mainmenu2 ul li a {
width: 100%;
display: block;
padding: 15px 25px;
color: #fff;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
position: relative;
-webkit-transition: all 100ms;
-o-transition: all 100ms;
transition: all 100ms;
left: 0;
overflow: hidden;
z-index: 0;
text-transform: none;
letter-spacing: 4px;
text-transform: uppercase;
font-size: 14px;
font-weight: normal;
width: auto;
background: #CCA34D;
font-size: 12px;
border-bottom: 1px dashed rgba(255,255,255,.25);
line-height: 100%;
}
.zl_mainmenu2 ul li:last-of-type a {
border-bottom: none
}
.zl_mainmenu2 ul li:hover > a {
background: #fff;
color: #000;
position: relative;
}
.zl_mainmenu2 ul a {
padding: 10px 25px;
color: #fff;
display: inline-block;
}
.zl_mainmenu2 ul ul {
left: 100%;
top: 0;
margin-top: 0;
display: none;
}
.zl_mainmenu2 ul li:hover > ul {
display: block;
visibility: visible;
opacity: 1;
} .is-sticky .zl_logo,
.is-sticky .zl_tagline,
.is-sticky .zl_mainmenu2 > li > a
{
line-height: 50px;
}
.is-sticky .zl_logo img{
max-height: 35px;
width: auto!important;
} .zl_smallbarhead2 {
width: 100%;
height: auto;
display: block;
background: #fff;
border-bottom: 1px solid #F0F0F0;
letter-spacing: 1px;
position: relative;
}
.zl_smallbarhead2.dark {
border: none;
background: #000;
color: #fff;
}
.zl_smallbarhead2.dark .topbarmenu > li > a {
color: #fff;
border-color: #303030;
}
.topbarmenu {
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
float: left;
font-family: inherit;
vertical-align: top;
text-transform: uppercase;
}
.m_menu_btn{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto 0;
width: 40px;
height: 100%;
line-height: 35px;
text-align: center;
background: #CCA34D;
font-size: 21px;
}
.m_menu_btn_big{
width: 100%;
padding: 15px 10px;
margin-top: 30px;
font-size: 16px;
color: #000;
border-top: 1px solid #f0f0f0;
line-height: 100%;
text-align: center;
}
.m_menu_btn_big1{
width: 100%;
padding: 15px 10px;
font-size: 16px;
color: #000;
background: #fff;
border-top: 1px solid #f0f0f0;
line-height: 100%;
text-align: center;
}
.topbarmenu > li {
display: inline-block;
float: left;
position: relative;
z-index: 1;
font-size: 12px;
}
.topbarmenu > li.menu-item-has-children > a:after {
position: relative;
content: "\f107";
font-family: FontAwesome;
color: inherit;
display: inline-block;
left: 7px;
}
.topbarmenu > li > a {
display: inline-block;
padding: 0 20px;
color: #101010;
border-left: 1px solid #F0F0F0;
padding-top: 1px;
line-height: 36px;
}
.topbarmenu > li:hover > a {
background: #CCA34D;
color: #fff
}
.topbarmenu > li:first-child > a {
border-left: none;
margin-left: -15px;
}
.topbarmenu > li:first-child > ul {
left: -15px
}
.topbarmenu ul {
display: none
} .topbarmenu ul {
position: absolute;
top: 100%;
width: auto;
left: 0;
z-index: 100;
padding: 0;
margin: 0;
list-style: none;
margin-top: 0;
visibility: hidden;
opacity: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
min-width: 100%;
-webkit-transition: all 70ms;
-o-transition: all 70ms;
transition: all 70ms;
text-align: left;
background: #CCA34D;
-webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,.1);
box-shadow: 3px 3px 0 0 rgba(0,0,0,.1);
}
.topbarmenu > li:hover > ul {
display: block;
visibility: visible;
opacity: 1;
}
.topbarmenu ul li {
display: block;
width: auto;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
white-space: nowrap;
width: 100%;
min-width: 130px;
position: relative;
line-height: 100%;
display: block;
letter-spacing: 1px;
font-size: 11px;
}
.topbarmenu ul li a {
width: 100%;
display: block;
padding: 15px 20px;
color: #fff;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
position: relative;
-webkit-transition: all 100ms;
-o-transition: all 100ms;
transition: all 100ms;
left: 0;
overflow: hidden;
z-index: 0;
font-weight: normal;
width: auto;
background: #CCA34D;
}
.topbarmenu ul li > a {
border-bottom: 1px dashed rgba(255,255,255,.25);
}
.topbarmenu ul li:last-of-type > a {
border: none
}
.topbarmenu ul > li:hover > a {
background: #fff;
border-color: transparent;
color: #101010;
}
.topbarmenu ul a {
padding: 10px 25px;
color: #fff;
display: inline-block;
} .socheader {
display: inline-block;
width: auto;
float: right;
list-style: none;
text-align: right;
margin-bottom: 0;
padding: 0;
font-size: 12px;
vertical-align: top;
padding-top: 1px;
}
.socheader li {
display: inline-block;
float: left;
overflow: hidden;
margin: 0;
padding: 0;
color: #101010;
vertical-align: middle;
}
.socheader li.social_label {
margin-right: 15px;
line-height: 35px;
position: relative;
}
.socheader li a {
display: inline-block;
-webkit-transition: all 150ms;
-o-transition: all 150ms;
transition: all 150ms;
font-size: 12px;
line-height: 35px;
padding: 0 15px;
}
.socheader li a:hover {
color: #CCA34D
}
.socheader li a i {
font-size: 14px;
position: relative;
}
.socheader li:last-child > a {
padding-right: 5px;
}
.zl_smallbarhead2.dark .socheader li {
color: #fff
}
.zl_smallbarhead2.dark .socheader li a{
color: #fff;
} #zl_header3{
position: relative;
width: 100%;
height: auto;
background: #fff;
text-align: center;
z-index: 10;
-webkit-box-shadow: 0 5px 4px -4px rgba(190,190,190,.15);
-moz-box-shadow: 0 5px 4px -4px rgba(190,190,190,.15);
box-shadow: 0 5px 4px -4px rgba(190,190,190,.15);
border-top: 2px solid #000;
} .zl_topbar3{
z-index: -1;
position: absolute;
width: 100%;
left: 0;
right: 0;
margin: 0 auto;
top: 0;  overflow: hidden;
line-height: 50px;
}
.zl_topbar3 .zl_searchcaller{
position: absolute;
display: block;
width: 50px;
height: 50px;
top: 0;
right: 0;
background: #000;
color: #fff;
font-size: 16px;
line-height: 50px;
text-align: center;
-webkit-transition: background 150ms;
-o-transition: background 150ms;
transition: background 150ms;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.zl_topbar3 .zl_searchcaller:hover{
background: #CCA34D;
color: #fff;
}
.zl_topbar3 a{ }
.zl_topbarleft, .zl_topbarright{
float: left;
width: 50%;
display: inline-block;
}
.zl_topbarleft{
text-align: right;
padding-right: 190px;
}
.zl_topbarright{
text-align: left;
padding-left: 197px;
}
.zl_topbar3 .socheader li.social_label,
.zl_topbar3 .zl_tagline
{
line-height: 50px;
letter-spacing: 1px; }
.zl_topbar3 .socheader li > a{
line-height: 50px;
}
.zl_topbar3 .socheader{
text-align: left!important;
float: none;
color: #fff;
} .zl_logo3{
width: 100%;
max-width: 395px;
height: 150px;
margin: 0 auto;
background: #fff;
padding: 0 70px;
line-height: 150px; }
.zl_logo3 h1{
font-size: 50px;
}
.zl_logo3 .zl_tagline{
margin-top: 20px;
display: block;
}
.navbar3{
background: #000;
color: #fff;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
right: 0;
margin: 0 auto;
z-index: -1;
}
.navbar3.light{
background: #fff;
border-top: 1px solid #eeeeee;
color: #000;
}
.zl_mainmenu3{
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
text-align: right;
width: 50%;
float: left;
padding-right: 170px; font-family: 'Oswald';
}
.zl_mainmenu3.rightside{
text-align: left;
padding-right: 0;
padding-left: 170px;
}
.zl_mainmenu3 > li{
display: inline-block;
padding: 0 15px;
position: relative;
z-index: 0;
}
.zl_mainmenu3 > li:last-child{
padding-right: 28px;
}
.zl_mainmenu3.rightside > li:first-child{
padding-left: 28px;
}
.zl_mainmenu3 > li:last-of-type:after{
content: none;
display: none;
}
.zl_mainmenu3 > li:after{
content: "/";
color: #000;
color: rgba(0,0,0,.2);
position: absolute;
right: -4px;
top: 0;
bottom: 0;
display: block;
line-height: 100px;
z-index: -1;
}
.zl_mainmenu3 > li > a{
line-height: 100px;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
display: block;
position: relative;
-webkit-transition: color 200ms;
-o-transition: color 200ms;
transition: color 200ms;
}
.zl_mainmenu3 > li > a:before{
content:"";
position: absolute;
top: -1px;
left: 0;
right: 0;
width: 100%;
height: 3px;
margin-top: 20px;
background: #CCA34D;
opacity: 0;
-webkit-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
.zl_mainmenu3 > li:hover > a{
color: #CCA34D;
}
.zl_mainmenu3 > li:hover > a:before{
opacity: 1;
margin-top: 0;
}
.zl_mainmenu3 > li > a:after{
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 5px 0 5px;
border-color: #CCA34D transparent transparent transparent;
content:"";
position: absolute;
top: 1px;
left: 0;
right: 0;
margin: 0 auto;
opacity: 0;
-webkit-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
margin-top: 20px;
}
.zl_mainmenu3 > li:hover > a:after{
opacity: 1;
-webkit-transition-delay: 100ms;
-o-transition-delay: 100ms;
transition-delay: 100ms;
margin-top: 0;
}
.zl_mainmenu3 ul{
position: absolute;
top: 100%;
width: auto;
left: 0;
background: #fff;
border-top: none;
padding: 0;
margin: 0;
list-style: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
text-align: left;
z-index: 10;
visibility: hidden;
opacity: 0;
padding: 10px 0;
-webkit-box-shadow: 0 2px 30px 0 rgba(0,0,0,.1);
box-shadow: 0 2px 30px 0 rgba(0,0,0,.1);
-webkit-transition: all 150ms;
-o-transition: all 150ms;
transition: all 150ms;
}
.zl_mainmenu3 ul:before{
background: #CCA34D;
content: "";
position: absolute;
top: 0;
left: -1px;
right: -1px;
margin: 0 auto;
width: 100%;
display: block;
height: 3px;
}
.zl_mainmenu3 li:hover > ul{
visibility: visible;
opacity: 1;
}
.zl_mainmenu3 ul li:hover > a{
color: #CCA34D;
}
.zl_mainmenu3 ul li{
width: auto;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
white-space: nowrap;
text-transform: capitalize;
z-index: 10;
position: relative;
text-transform: uppercase;
position: relative;
font-size: 12px!important;
letter-spacing: 2px;
padding: 0 15px;
-webkit-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
.zl_mainmenu3 ul > li:after {
content: "";
position: absolute;
background: #e5e5e5;
width: 100%;
height: 1px;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
z-index: -1;
}
.zl_mainmenu3 ul li > a{
display: inline-block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: auto;
padding: 10px 15px;
line-height: 120%;
background: #fff;
position: relative;
display: inline-block;
-webkit-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
.zl_mainmenu3 ul li > a:before,
.zl_mainmenu3 ul li > a:after
{
content:"";
width: 5px;
height: 5px;
background: #e5e5e5;
border-radius: 90px;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
left: -2.5px;
}
.zl_mainmenu3 ul li > a:after{
right: -2.5px;
left: inherit;
}
.zl_mainmenu3 ul li:hover{
padding-left: 25px;
}
.zl_mainmenu3 ul li:hover > a:before,
.zl_mainmenu3 ul li:hover > a:after{
background: #CCA34D;
}
.zl_mainmenu3 ul ul{
top: -10px;
left: 100%;
} .header3mobile{
background: #fff;
position: relative;
}
.header3mobile .socheader li.social_label{
line-height: 40px;
}
.header3mobile .socheader li a i{
line-height: 100%;
vertical-align: middle;
}
.m_header_3_topbar{
padding: 0 10px;
background: #fff;
border-bottom: 1px solid #e5e5e5;
border-top: 2px solid #000;
position: relative;
}
.m_header_3_topbar .small-3 a{
line-height: 40px;
font-size: 18px;
}
.m_header_3_topbar .zl_searchcaller{
margin-left: 20px;
font-size: 20px;
}
.header3mobile_menu{
display: none;
}
.m_header3_menuswitch{
font-size: 20px;
line-height: 40px;
}
.m_header_3_topbar .socheader{
padding: 0;
}
.m_header_3_topbar .socheader li a{
line-height: 40px;
font-size: 18px!important;
}
.m_header3_logo{
text-align: center;
padding: 30px;
} .zl_searchscreen {
position: fixed;
top: 0;
left: 0;
right: 0;
margin: auto;
background: #f5f5f5;
overflow-x: hidden;
overflow-y: auto;
width: 100%;
height: 100%;
display: none;
z-index: 1000000;
padding: 50px 50px 0;
}
body.searchmode {
overflow: hidden;
overflow-y: hidden;
height: 100%;
}
.loader {
margin: 0;
height: 40px;
width: 40px;
text-align: center;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
position: absolute;
top: 0;
bottom: 0;
right: 11px;
margin: auto 0;
display: none;
} .loader svg path,
.loader svg rect {
fill: #F88F79
}
.zl_searchscreen form {
display: block;
width: 100%;
margin: 0 auto;
}
.srchead {
font-size: 22px;
text-transform: uppercase;
letter-spacing: 4px;
margin: 30px 0 30px;
}
.zl_formbox {
max-width: 1000px;
width: 100%;
margin: 0 auto;
max-width: 640px;
}
.zl_srcinputbox {
width: 100%;
border: 2px solid #d1d1d1;
line-height: 100%;
padding: 15px;
font-size: 18px;
border-radius: 5px;
margin: 0 auto;
position: relative;
background: #fff;
}
.zl_srcinputbox:hover {
border-color: #B3B3B3
}
.zl_srcinputbox .zl_ajaxsrcfire {
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
font-size: 20px;
height: 60px;
width: 60px;
text-align: center;
margin: auto 0;
}
.zl_srcinputbox .zl_ajaxsrcfire:hover > i{
color: #CCA34D;
}
.zl_srcinputbox .zl_ajaxsrcfire > i {
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 0;
left: 0;
font-size: 20px;
height: 20px;
width: 20px;
text-align: center;
line-height: 20px;
color: #969696;
}
.zl_searchscreen form input {
display: block;
height: auto;
line-height: 25px;
background: none;
padding-right: 100px;
width: 100%;
outline: none;
border: none;
border-radius: 3px;
font-size: 20px;
font-family: inherit;
letter-spacing: 1px;
}
.zl_searchscreen form input::-webkit-input-placeholder {
opacity: .5
}
.zl_searchscreen form input:-moz-placeholder { opacity: .5;
}
.zl_searchscreen form input::-moz-placeholder { opacity: .5;
}
.zl_searchscreen form input:-ms-input-placeholder {
opacity: .5
} .zlsrc_closer {
width: 40px;
height: 40px;
position: absolute;
right: 25px;
top: 25px;
cursor: pointer;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
z-index: 0;
}
.zlsrc_closer:after {
position: absolute;
content: "";
height: 40px;
width: 1px;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
background: #9A9A9A;
}
.zlsrc_closer:before {
position: absolute;
content: "";
width: 40px;
height: 1px;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
background: #9A9A9A;
}
.zlsrc_closer:hover:after,
.zlsrc_closer:hover:before {
background: #000
}
.ajaxsearchresult {
margin-top: 50px
}
.ajaxsearchresult ul {
list-style: none
}
ul.resultlist li {
padding: 25px 0;
border-bottom: 1px solid #d1d1d1;
overflow: hidden;
visibility: hidden;
-webkit-animation-duration: 500ms;
-o-animation-duration: 500ms;
animation-duration: 500ms;
}
.result-total {
display: block;
border-bottom: 1px solid #d1d1d1;
padding-bottom: 25px;
margin-bottom: 0;
line-height: 100%;
text-transform: uppercase;
letter-spacing: 2px;
}
.ajax_postlink {
font-size: 16px;
display: block;
margin-bottom: 5px;
}
.ajaxsearchresult .row a {
color: #000
}
.zl_aj_src_meta {
color: #CECECE;
font-size: 12px;
margin-bottom: 5px;
text-transform: capitalize;
}
.zl_aj_src_meta a {
font-size: 12px;
color: #9B9B9B!important;
font-style: italic;
display: inline-block;
padding-right: 5px;
}
.zl_aj_src_meta i {
display: inline-block;
margin-right: 5px;
color: #9B9B9B;
}
.ajaxsearchresult .row a:hover {
text-decoration: underline;
color: #CCA34D;
}
.ajaxsearchresult .row img {
border-radius: 5px
} ul.zl_paging {
list-style: none;
padding: 0;
margin: 20px 0;
text-align: center;
}
ul.zl_paging li {
display: inline-block;
border: none;
}
ul.zl_paging li a {
font-size: 16px;
display: inline-block;
line-height: 100%;
padding: 0;
border: 1px solid #d1d1d1;
border-radius: 90px;
width: 30px;
height: 30px;
text-align: center;
line-height: 29px;
letter-spacing: 0;
margin: 0 2px;
-webkit-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
color: #7E7E7E;
}
ul.zl_paging li a:hover {
border-color: #000;
color: #000;
}
ul.zl_paging li a.current {
background: #CCA34D;
color: #fff;
border-color: #CCA34D;
} .zl_big_slide .owl-controls {
text-align: center
}
.zl_big_slide.owl-carousel .owl-controls .owl-nav div {
position: absolute;
font-size: 25px;
background: #000;
background: rgba(0,0,0,.2);
height: 35px;
width: 35px;
color: #fff;
top: 10px;
line-height: 0;
text-align: center;
border: 2px solid #fff;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
-webkit-box-shadow: 2px 2px 0 0 rgba(0,0,0,0), inset 2px 2px 0 0 rgba(0,0,0,0);
box-shadow: 2px 2px 0 0 rgba(0,0,0,0), inset 2px 2px 0 0 rgba(0,0,0,0);
text-shadow: 2px 2px 0 rgba(0,0,0,0);
}
.zl_big_slide.owl-carousel .owl-controls .owl-nav div > i:before{
line-height: 33px;
display: block;
}
.zl_big_slide.owl-carousel .owl-controls .owl-nav div:hover {
-webkit-box-shadow: 2px 2px 0 0 rgba(0,0,0,.5), inset 2px 2px 0 0 rgba(0,0,0,.5);
box-shadow: 2px 2px 0 0 rgba(0,0,0,.5), inset 2px 2px 0 0 rgba(0,0,0,.5);
text-shadow: 2px 2px 0 rgba(0,0,0,.5);
}
.zl_big_slide.owl-carousel .owl-controls .owl-nav .owl-prev {
right: 53px
}
.zl_big_slide.owl-carousel .owl-controls .owl-nav .owl-next {
right: 10px
}
.zl_big_slide {
position: relative
}
.zl_big_slide .owl-controls {
text-align: center
} .zl_big_slide .owl-dots{
width: auto;
display: inline-block;
position: relative;
text-align: center;
line-height: 0;
position: relative;
}
.zl_big_slide .owl-dots:before{
content:"";
position: absolute;
width: 100%;
height: 1px;
top: 0;
bottom: 0;
margin: auto 0;
background: #B2B2B2;
z-index: -1;
}
.zl_big_slide .owl-dots div{
display: inline-block;
width: 15px;
height: 15px;
-webkit-box-shadow: 0 0 0 0 #CCA34D;
box-shadow: 0 0 0 0 #CCA34D;
border-radius: 90px;
margin: 20px 7px;
line-height: 100%;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
overflow: hidden;
}
.zl_big_slide .owl-dots div:first-child{
margin-left: 0;
}
.zl_big_slide .owl-dots div:last-child{
margin-right: 0;
}
.zl_big_slide .owl-dots div span{
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
display: block;
width: 100%;
height: 100%;
background: #B2B2B2;
border-radius: 90px;
}
.zl_big_slide .owl-dots div.active{
-webkit-box-shadow: 0 0 0 2px #CCA34D;
box-shadow: 0 0 0 2px #CCA34D;
background: #fff;
}
.zl_big_slide .owl-dots div:hover span{
background: #CCA34D;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.zl_big_slide .owl-dots div.active span{
background: #CCA34D;
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
-o-transform: scale(0.4);
transform: scale(0.4);
} .zl_fullslide .zl_slide_wrap {
position: relative;
text-align: center;
background: #9e5406;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
height: 500px;
position: relative;
background-size: cover; 
}
.zl_fullslide.owl-carousel .owl-controls .owl-nav div {
position: absolute;
font-size: 30px;
height: 40px;
width: 40px;
color: #fff;
top: 0;
bottom: 0;
margin: auto 0;
line-height: 38px;
text-align: center;
border: 2px solid #fff;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
-webkit-box-shadow: 2px 2px 0 0 rgba(0,0,0,0), inset 2px 2px 0 0 rgba(0,0,0,0);
box-shadow: 2px 2px 0 0 rgba(0,0,0,0), inset 2px 2px 0 0 rgba(0,0,0,0);
text-shadow: 2px 2px 0 rgba(0,0,0,0);
}
.zl_fullslide.owl-carousel .owl-controls .owl-nav div:hover {
-webkit-box-shadow: 2px 2px 0 0 rgba(0,0,0,.5), inset 2px 2px 0 0 rgba(0,0,0,.5);
box-shadow: 2px 2px 0 0 rgba(0,0,0,.5), inset 2px 2px 0 0 rgba(0,0,0,.5);
text-shadow: 2px 2px 0 rgba(0,0,0,.5);
}
.zl_fullslide.owl-carousel .owl-controls .owl-nav .owl-prev {
left: 20px
}
.zl_fullslide.owl-carousel .owl-controls .owl-nav .owl-next {
right: 20px
}
.zl_fullslide .owl-item:before {
content: "";
width: 100%;
height: 100%;
background: rgba(0,0,0,.3);
position: absolute;
z-index: 1;
} .zl_wideslidedesc_wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 100;
left: 0;
bottom: 0;
right: 0;
top: 0;
margin: auto;
}
.zl_wideslidedesc_wrapper img{
display: none;
}
.zl_wideslidedesc_table {
display: table;
width: 100%;
vertical-align: middle;
height: 100%;
}
.zl_wideslidedesc_cell {
display: table-cell;
width: 100%;
vertical-align: middle;
height: 100%;
}
.zl_wideslidedesc {
text-align: center;
color: #fff;
height: auto;
overflow: hidden;
width: 60%;
z-index: 10;
left: 0;
bottom: 0;
right: 0;
margin: 0 auto;
}
.zl_wideslidedesc a {
color: #fff!important
}
.zl_wideslidedesc_cat {
font-size: 18px;
color: #fff;
text-transform: uppercase;
}
.zl_wideslidedesc_cat a {
display: inline-block;
font-style: italic;
letter-spacing: 4px;
}
.zl_wideslidedesc_cat .fa {
display: inline-block;
margin-right: 15px;
}
.zl_wideslidedesc_title {
margin-top: 20px;
padding: 20px 0;
position: relative;
}
.zl_wideslidedesc_title:before {
content: "";
position: absolute;
width: 30%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
z-index: -1;
}
.zl_wideslidedesc_title h2 {
font-size: 40px;
letter-spacing: 4px;
text-align: center;
line-height: 52px;
color: #fff;
text-transform: uppercase;
margin-top: 0;
}
.zl_wideslidedesc em {
display: block;
margin-top: 15px;
letter-spacing: 2px;
word-spacing: 4px;
}
.zl_wideslidedesc_readmore a {
display: inline-block;
border: 1px solid #fff;
line-height: 0;
padding: 23px 25px;
font-size: 16px;
color: #fff;
text-transform: uppercase;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
letter-spacing: 4px;
margin-top: 30px;
border-radius: 23px;
}
.zl_wideslidedesc_readmore a:hover {
background: rgba(255,255,255,.3)
} .zl_featured_grid{
width: 100%;
display: none;
}
.fitgrid {
background: #000;
width: 33.3333333333%;
position: relative;
border: none;
padding: 0;
margin: 0;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden; }
.fitgrid img{
-webkit-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
line-height: 0;
opacity: .9;
width: 100%;
}
.fitgrid:hover img{
opacity: .6;
}
.fitgrid.w2{
width: 66.6666666667%;
width: calc(33.33% * 2);
}
.fitgrid.w2 .fitgrid_caption{
max-width: 450px;
}
.fitgrid.w2 .fitgrid_caption h2
{
font-size: 25px;
}
.fitgrid_caption{
position: absolute;
bottom: 0;
right: 30px;
left: 30px;
height: auto;
font-size: 16px;
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
padding: 30px 30px 30px;
text-align: center;
margin: 0 auto;
}
.fitgrid_caption a{
color: #fff;
}
.fitgrid_caption h2{
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 120%;
margin-bottom: 15px;
border-bottom: 1px solid #fff;
padding-bottom: 13px;
position: relative;
display: inline-block;
}
.fitgrid_caption h2 a{
display: block;
width: 100%;
border-top: 1px solid #fff;
padding-top: 13px;
}
.fitgrid_caption h2 a:before{
content:"";
width: 7px;
height: 7px;
display: block;
position: absolute;
top: -3.5px;
left: 0;
right: 0;
margin: 0 auto;
background: #fff;
border-radius: 10px;
}
.fitgrid_caption h2:before{
content: "";
width: 7px;
height: 7px;
display: block;
position: absolute;
bottom: -3.5px;
left: 0;
right: 0;
margin: 0 auto;
background: #fff;
border-radius: 10px;
}
.fitgrid_cat a, .fitgrid_readmore a{
display: inline-block;
line-height: 0;
font-size: 10px;
color: #000;
background: #fff;
padding: 12px 13px 12px;
margin-bottom: 15px;
text-transform: uppercase; -webkit-transition: all 0.15s;
-o-transition: all 0.15s;
transition: all 0.15s;
}
.fitgrid_cat a{
margin-bottom: 20px;
}
.fitgrid_readmore a{
font-size: 12px;
padding: 17px 15px 15px;
color: #fff;
background: transparent;
border: 1px solid #fff;
}
.fitgrid_readmore a:hover{
background: #fff;
border-color: transparent;
color: #000;
}
.fitgrid_meta{
font-size: 14px;
margin-bottom: 15px;
} .threecol-wrapper{
position: relative;
z-index: 0;
background: #000;
overflow: hidden;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
text-align: center;
} .threecol-wrapper:before,
.threecol-wrapper:after
{
content:"";
position: absolute;
width: 0;
height: 0;
-webkit-transition: all  0.35s;
-o-transition: all  0.35s;
transition: all  0.35s;
opacity: 0;
}
.threecol-wrapper:before{
top: 50px;
left: 50px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
}
.threecol-wrapper:after{
bottom: 50px;
right: 50px;
left: inherit;
top: inherit;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.threecol-wrapper:hover:before,
.threecol-wrapper:hover:after
{
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition-delay: 200ms;
-o-transition-delay: 200ms;
transition-delay: 200ms;
}
.threecol-wrapper.format-quote{
padding-bottom: 0!important;
} .threecol-wrapper img{
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
opacity: .9;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.threecol-wrapper:hover img{
opacity: .3;
} .threecol-cap{
position: absolute;
top: 30px;
bottom: 30px;
right: 30px;
left: 30px;
z-index: 10;
color: #fff;
padding: 40px;
background: rgba(0,0,0,0);
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
-webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);
box-shadow: 0 0 0 0 rgba(255,255,255,0);
opacity: .99
}
.threecol-cap > *{
position: relative;
z-index: 10;
}
.threecol-wrapper:hover .threecol-cap{
-webkit-box-shadow: 0 0 0 30px rgba(255,255,255,.2);
box-shadow: 0 0 0 30px rgba(255,255,255,.2);
}
.threecol-cap:before{
content:"";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: scale(1,0);
transform: scale(1,0);
}
.threecol-cap:after{
content:"";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}
.threecol-wrapper:hover .threecol-cap::before{
-webkit-transform: scale(1);
transform: scale(1);
}
.threecol-wrapper:hover .threecol-cap::after{
-webkit-transform: scale(1);
transform: scale(1);
} .threecol-cat{
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
-webkit-transform: translate3d(0,100%,0);
-ms-transform: translate3d(0,100%,0);
-o-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
opacity: 0;
text-transform: capitalize;
font-style: italic;
}
.threecol-wrapper:hover .threecol-cat{
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0%,0);
opacity: 1;
} .threecol-cap h3{
font-size: 25px;
text-transform: capitalize;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
-webkit-transform: translate3d(0,10%,0);
-ms-transform: translate3d(0,10%,0);
-o-transform: translate3d(0,10%,0);
transform: translate3d(0,10%,0);
margin-top: 10px;
margin-bottom: 0;
line-height: 120%;
padding-bottom: 10px;
}
.threecol-wrapper:hover .threecol-cap h3{
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition-delay: 50ms;
-o-transition-delay: 50ms;
transition-delay: 50ms;
}
.threecol-cap h3:after{
content:"";
position: absolute;
bottom: -5px;
width: 50px;
left: 0;
right: 0;
margin: 0 auto;
height: 3px;
background: #fff;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
}
.threecol-wrapper:hover h3:after{
width: 100px;
}
.threecol-cap a{
color: #fff;
} .threecol-exc{
margin-top: 20px;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
-webkit-transform: translate3d(0,100%,0);
-ms-transform: translate3d(0,100%,0);
-o-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
opacity: 0;
font-size: 15px;
line-height: 26px;
}
.threecol-wrapper:hover .threecol-exc{
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1;
-webkit-transition-delay: 100ms;
-o-transition-delay: 100ms;
transition-delay: 100ms;
} a.threecol-mor{
margin-top: 15px;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
display: inline-block;
background: #fff;
color: #000;
padding: 0 20px;
line-height: 40px;
-webkit-transform: translate3d(0,100%,0);
-ms-transform: translate3d(0,100%,0);
-o-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
opacity: 0;
border: 1px solid #fff;
}
.threecol-wrapper:hover a.threecol-mor{
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition-delay: 150ms;
-o-transition-delay: 200ms;
transition-delay: 200ms;
opacity: 1;
}
a.threecol-mor:hover{
background: transparent;
color: #fff;
-o-transition-delay: 0!important;
transition-delay: 0!important;
} .zl_page_info.zl_whitebox {
background: #FBFBFB;
text-align: center;
width: 100%;
max-width: none;
margin: 0;
padding: 40px 30px 50px; }
.page-title {
font-size: 25px;
line-height: 100%;
letter-spacing: 4px;
text-transform: uppercase;
}
.page-title em {
font-size: 14px;
display: inline-block;
margin-bottom: 10px;
font-family: 'Noto Serif', serif;
color: #999;
vertical-align: top;
letter-spacing: normal;
text-transform: capitalize;
letter-spacing: 1px;
} #zl_maincontent,
#zl_maincontent.is_sidebar.no-sidebar {
width: 100%;
max-width: 840px;
margin: 0 auto 50px;
}
#zl_blogroll {
width: 100%;
max-width: 840px;
margin: 0 auto;
}
#zl_maincontent.is_sidebar {
max-width: 1220px;
position: relative;
}
#zl_maincontent.is_sidebar.grid,
#zl_maincontent.is_sidebar.grid.no-sidebar {
max-width: 1220px;
width: 100%!important;
}
#zl_maincontent.is_sidebar.grid.no-sidebar #zl_blogroll {
max-width: 100%!important;
position: relative;
}
#zl_maincontent.is_sidebar #zl_blogroll {
display: inline-block
} .zl_post,
.zl_whitebox {
margin: 50px auto 0;
width: 100%;
max-width: 840px;
padding: 70px 70px 0;
background: #fff;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.03);
color: #000;
font-size: 16px;
line-height: 27px;
position: relative;
z-index: 0;
}
.noresult.zl_post {
padding-bottom: 70px
}
body.page .zl_post {
padding: 70px
}
body.page-template-homepage .zl_post:not(.format-quote) {
padding-bottom: 0
}
#zl_maincontent.zl_pagefullwidth #zl_blogroll,
#zl_maincontent.zl_pagefullwidth,
#zl_maincontent.zl_pagefullwidth .zl_post {
max-width: 1220px
} .is_sidebar.grid.no-sidebar .zl_gridpost,
.zl_gridpost {
width: 32%;
margin: 28px 0 0;
background: #fff;
padding: 50px 30px 0 30px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.03);
font-size: 14px;
line-height: 25px;
position: relative;
z-index: 0;
display: inline-block;
float: left;
}
.zl_gridpost .zl_postmeta {
margin-bottom: 20px
}
.is_sidebar.grid.no-sidebar .grid-sizer {
width: 32%
}
.is_sidebar.grid.no-sidebar .gutter-sizer {
width: 2%
}
.zl_gridpost .entry-title {
font-size: 28px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
line-height: 1.2;
}
.zl_gridpost p {
font-size: 16px;
line-height: 26px;
margin: 20px 0;
}
.zl_gridpost iframe,
.zl_post iframe {
max-width: 100%
}
.zl_gridpost .more-link {
font-size: 13px;
padding: 2px 17px 0;
position: relative;
margin-bottom: -10px;
line-height: 37px;
}
.zl_gridpost .zl_content blockquote {
margin-top: 0;
padding-top: 0;
font-size: 16px;
line-height: 140%;
}
.zl_gridpost .zl_content blockquote p {
font-size: 16px!important;
line-height: 160%;
}
.zl_gridpost .zl_postmeta,
.zl_gridpost .zl_datewrap {
font-size: 13px;
letter-spacing: 2px;
} .zl_gridpost.format-quote {
padding-top: 30px;
padding-bottom: 0;
}
.zl_gridpost.format-quote .entry-title {
display: none
}
.zl_gridpost.format-quote .zl_content blockquote:before {
font-family: Georgia;
display: block;
position: absolute;
width: 100%;
text-align: center;
}
.format-quote.zl_content blockquote {
padding-top: 30px
} .is_sidebar.grid .zl_gridpost {
width: 47%;
margin-top: 50px;
}
.is_sidebar.grid .grid-sizer {
width: 47%
}
.is_sidebar.grid .gutter-sizer {
width: 6%
} .zl_post:before {
font-family: FontAwesome;
font-size: 18px;
position: absolute;
top: 0;
right: 20px;
z-index: -1;
background: #CCA34D;
color: #fff;
display: inline-block;
padding: 9px 0;
text-align: center;
width: 35px;
height: 50px;
}
.zl_post:after{
content:"";
position: absolute;
top: 40px;
right: 20px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 17.5px 10px 17.5px;
border-color: transparent transparent #ffffff transparent;
}
.zl_post.format-standard:before {
content: "\f0f6"
}
.zl_post.format-gallery:before {
content: "\f03e"
}
.zl_post.format-image:before {
content: "\f083"
}
.zl_post.format-audio:before {
content: "\f028"
}
.zl_post.format-video:before {
content: "\f008"
}
.zl_post.format-quote:before {
content: "\f10e"
} .zl_post p {
font-size: 18px;
line-height: 32px;
margin: 30px 0;
}
.zl_post li {
font-size: 18px
}
.zl_post img {
margin-bottom: 10px
}
.zl_postmeta {
line-height: 100%;
clear: both;
margin-bottom: 20px;
letter-spacing: 3px;
font-family: 'Oswald', sans-serif;
font-size: 14px;
color: #adacac;
}
.zl_postmeta .fa-calendar {
margin-left: 20px
}
.zl_postmeta a {
border-bottom: 1px solid transparent;
-webkit-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
text-transform: uppercase;
}
.zl_postmeta a:hover {
border-bottom: 1px solid #101010
}
.zl_postmeta .column:first-of-type {
padding-left: 0
}
.zl_postmeta .column.text-right {
padding-right: 0
}
.zl_postmeta i.fa {
font-size: 14px;
position: relative;
top: -1px;
color: #000;
}
.zl_post .zl_postmeta .text-right i.fa,
.zl_post_footer .text-right i.fa {
padding-left: 10px;
padding-right: 0;
}
.zl_postcat_box {
position: relative
}
.zl_postcat_btn {
position: relative;
cursor: pointer;
}
.zl_hidden_cat {
position: absolute;
top: calc(100% + 10px);
width: auto;
height: auto;
background: #CCA34D;
line-height: 150%;
padding: 20px;
display: none;
z-index: 10;
font-family: 'Noto Serif';
text-transform: capitalize;
color: #d1d1d1;
letter-spacing: normal;
word-spacing: 3px;
overflow: hidden;
}
.zl_hidden_cat a {
display: inline-block;
vertical-align: middle;
font-size: 13px;
background: rgba(0,0,0,.2);
padding: 7px;
line-height: 100%;
float: left;
margin: 4px;
text-decoration: none!important;
border-radius: 3px;
clear: both;
color: #fff;
}
.zl_hidden_cat a:hover {
border-color: #000;
background: #000;
color: #fff;
} .zl_post_title {
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
line-height: 56px;
font-size: 40px;
font-weight: 700;
margin: 0 auto 20px;
text-align: center;
color: #000;
width: 100%;
letter-spacing: 1px;
}
.zl_post_title a {
display: block;
color: #000;
-webkit-transition: opacity 200ms;
-o-transition: opacity 200ms;
transition: opacity 200ms;
}
.zl_post_title a:hover {
opacity: .8
} .zl_datewrap { background: url(//customersupport.thehempshop.co.uk/wp-content/themes/ths/lib/img/pattern-7r8b.png) repeat-x left center;
color: #000;
font-size: 14px;
text-align: center;
line-height: 100%;
margin-bottom: 30px;
text-transform: uppercase;
letter-spacing: 3px;
overflow: hidden;
font-family: 'Oswald', sans-serif;
}
.zl_datewrap span i:last-of-type {
margin-left: 20px;
display: inline-block;
}
.grid .zl_datewrap span i:last-of-type{
margin-left: 0;
}
.zl_datewrap span {
display: inline-block;
line-height: 100%;
background: #fff;
padding: 5px 25px; }
.zl_datewrap span a {
color: #000;
border-bottom: 1px solid transparent;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.zl_datewrap span a:hover {
border-color: #353535
}
.zl_datewrap .zl_ower {
text-transform: lowercase
} .text-right {
text-align: right
}
.text-center {
text-align: center
}
.nogap {
padding: 0;
margin: 0;
}
.noleftgap {
padding-left: 0
}
.norightgap {
padding-right: 0
}
.alignleft {
float: left;
margin: 0 20px 20px 0;
display: inline-block;
}
.alignright {
float: right;
margin: 0 0 20px 20px;
display: inline-block;
}
.aligncenter {
float: none;
margin: 0 auto 20px;
text-align: center;
display: block;
}
.zl_post.sticky {
border: 1px dashed #101010
}
.zl_post blockquote {
position: relative;
width: 90%;
margin: 20px auto;
font-family: Georgia, serif;
font-style: italic;
font-size: 22px;
color: #959595;
overflow: hidden;
text-transform: capitalize;
}
.zl_post blockquote p {
font-size: 25px;
line-height: 37px;
color: #959595;
margin-top: 0;
}
.zl_post blockquote:before,
.zl_post blockquote:after {
content: "";
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 150px;
height: 1px;
background: #e5e5e5;
}
.zl_post blockquote:before {
top: 0
}
.zl_post blockquote:after {
bottom: 0
}
.zl_content input,
.zl_content textarea {
border: 1px solid #e5e5e5;
padding: 10px;
width: 100%;
font-family: inherit;
font-size: 14px;
line-height: 100%;
display: block;
}
.zl_content textarea{
outline-color: #CCA34D;
}
.zl_content input[type="submit"]{
padding: 0 40px;
line-height: 45px;
width: auto;
display: inline-block;
font-size: inherit;
background: #CCA34D;
color: #fff;
border: none;
text-transform: uppercase;
margin-top: 10px;
font-family: inherit;
letter-spacing: 2px;
cursor: pointer;
border-bottom: 3px solid rgba(0,0,0,.2);
outline: none;
position: relative;
} div.wpcf7 img.ajax-loader{
margin-bottom: 0;
}
.wpcf7-form-control-wrap{
display: block;
margin-bottom: 20px;
}
.zl_content input[type="submit"]:hover{
opacity: .8;
}
.zl_content textarea {
padding-top: 28px
}
.zl_content blockquote,
.zl_content q {
font-size: 20px;
line-height: 170%;
margin: 30px auto;
padding: 30px 0 0;
width: 90%;
margin-left: auto;
margin-right: auto;
color: #777;
position: relative;
z-index: 1;
}
.zl_content q {
margin: 0 auto;
width: 100%;
display: block;
padding: 0;
font-style: italic;
}
.zl_content  blockquote p,
.zl_content blockquote p {
color: #777!important;
font-size: 20px!important;
line-height: 170%;
font-style: italic;
}
.zl_content blockquote cite {
font-size: 16px;
display: block;
margin-top: 20px;
}
.zl_post .gallery {
clear: both;
}
.gallery-item{
display: inline-block;
margin: 0;
vertical-align: top;
}
.gallery-caption{
display: block;
width: 100%;
}
.bypostauthor {
}
.bypostauthor b.fn{
position: relative;
}
.bypostauthor b.fn:before{
content: "\f007";
font-family: FontAwesome;
display: inline-block;
margin-left: 10px;
color: #B4B4B4;
margin-right: 10px;
}
* .gallery-item:last-of-type{
clear: right;
}
.gallery-item img{
width: 100%;
}
.gallery-columns-2 .gallery-item{
width: 33.31%;
width: calc(100%/2);
}
.gallery-columns-3 .gallery-item{
width: 33.31%;
width: calc(100%/3);
}
.gallery-columns-4 .gallery-item{
width: 33.31%;
width: calc(100%/4);
}
.gallery-columns-5 .gallery-item{
width: 33.31%;
width: calc(100%/5);
}
.gallery-columns-6 .gallery-item{
width: 33.31%;
width: calc(100%/6);
}
.gallery-columns-7 .gallery-item{
width: 33.31%;
width: calc(100%/7);
}
.gallery-columns-8 .gallery-item{
width: 33.31%;
width: calc(100%/8);
}
.gallery-columns-9 .gallery-item{
width: 33.31%;
width: calc(100%/9);
}
.gallery-columns-10 .gallery-item{
width: 33.31%;
width: calc(100%/10);
}
.zl_wide_img {
width: 100%;
overflow: hidden;
padding: 200px 50px;
text-align: center;
font-size: 50px;
text-transform: uppercase;
color: #fff;
letter-spacing: 4px;
position: relative;
z-index: 0;
background-position: top;
background-size: cover!important;
background-repeat: no-repeat;
background-attachment: fixed !important;
} .zl_wide_img:before {
content: "";
background: url(//customersupport.thehempshop.co.uk/wp-content/themes/ths/lib/img/overlay.png) repeat;
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
top: 0;
left: 0;
}
.zl_wide_img h1 {
position: relative;
z-index: 2;
font-size: 40px;
background: transparent!important;
line-height: 120%;
display: inline-block;
padding: 15px 35px;
border: 3px solid #fff;
}
.zl_pagefullwidth .zl_content p:first-of-type {
margin-top: 0
}
.zl_pagefullwidth .zl_content p {
max-width: 700px;
margin-left: auto;
margin-right: auto;
font-size: 18px;
margin-top: 30px;
margin-bottom: 30px;
line-height: 32px;
}
.zl_pagefullwidth .zl_content img {
margin-bottom: 30px
}
.zl_pagefullwidth .zl_content img.alignleft {
position: relative;
margin-top: 10px;
margin-left: -180px;
margin-right: 40px;
margin-bottom: 0;
max-width: 50%!important;
width: 360px!important;
}
.zl_pagefullwidth .zl_content img.alignright {
position: relative;
margin-top: 10px;
margin-right: -180px;
margin-left: 40px;
margin-bottom: 0;
max-width: 50%!important;
width: 360px!important;
}
.zl_pagefullwidth .zl_content img.size-full {
position: relative;
margin-top: 30px;
margin-bottom: 30px;
margin-left: -185px;
margin-right: -185px;
max-width: 1057px !important;
width: 100%;
text-align: center;
}
.size-full {
text-align: center
}
.zl_pagefullwidth .zl_content blockquote {
max-width: 1100px;
width:70%;
}
.zl_pagefullwidth .zl_content blockquote p {
max-width: inherit;
font-size: 25px!important;
line-height: 37px;
}
.zl_pagefullwidth .zl_content h1,
.zl_pagefullwidth .zl_content h2,
.zl_pagefullwidth .zl_content h3,
.zl_pagefullwidth .zl_content h4,
.zl_pagefullwidth .zl_content h5,
.zl_pagefullwidth .zl_content h6,
.zl_pagefullwidth .zl_content pre,
.zl_pagefullwidth .zl_content dl,
.zl_pagefullwidth .zl_content table,
.zl_pagefullwidth .zl_content address {
max-width: 700px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.zl_pagefullwidth .zl_content > ul,
.zl_pagefullwidth .zl_content > ol {
max-width: 700px;
margin-right: auto;
margin-left: auto;
padding-left: 60px;
}
#zl_maincontent.zl_pagefullwidthboxed,
#zl_maincontent.zl_pagefullwidthboxed #zl_blogroll,
body.page #zl_maincontent.zl_pagefullwidthboxed #zl_blogroll .zl_post {
max-width: 1220px
} .zl_pagefullwidthboxed.isbanner .zl_content > *:first-child,
.isbanner .zl_content > *:first-child {
margin-top: 0;
}
#zl_maincontent.zl_pagefullwidth,
#zl_maincontent.zl_pagefullwidth .zl_post,
#zl_maincontent.zl_pagefullwidth #zl_blogroll {
max-width: none;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.page-template-page-templatesfullwidthbanner-php .zl_content {
max-width: 1220px;
margin: 0 auto;
} .zl_content h1,
.zl_content h2,
.zl_content h3,
.zl_content h4,
.zl_content h5,
.zl_content h6 {
line-height: 160%;
margin: 20px 0;
font-weight: bold;
}
.zl_content h1 {
font-size: 48px;
.: ;
}
.zl_content h2 {
font-size: 38px
}
.zl_content h3 {
font-size: 32px
}
.zl_content h4 {
font-size: 28px
}
.zl_content h5 {
font-size: 24px
}
.zl_content h6 {
font-size: 20px
}
.zl_content ul,
.zl_content ol {
margin-left: 40px
}
.zl_content ul ul {
list-style: circle
}
.zl_content ul ul ul {
list-style: square
}
.zl_content cite {
font-style: italic
}
sub {
vertical-align: bottom;
font-size: 70%;
line-height: 150%;
}
sup {
vertical-align: top;
font-size: 70%;
line-height: 150%;
}
dd {
margin-left: 40px
}
strong,
b {
font-weight: bold
}
address,
em {
font-style: italic
}
pre,
code {
font-size: 13px;
font-family: monospace;
line-height: 24px;
}
var {
font-style: italic
}
.zl_content a {
text-decoration: underline
}
.zl_content ul li,
.zl_content ol li {
margin-bottom: 12px
}
.zl_content img,
.wp-caption {
max-width: 100%!important;
height: auto!important;
}
.zl_content .wp-caption-text,
.zl_content p.wp-caption-text {
color: #858585!important;
font-style: italic;
font-size: 14px;
margin-top: 10px;
}
.zl_content .wp-caption-text {
margin-top: 0;
position: relative;
top: -10px;
}
.zl_content .wp-caption-text:before {
content: "- "
} .post-gallery.owl-theme {
margin-bottom: 30px;
position: relative;
}
.post-gallery.owl-theme .owl-controls .owl-nav [class*=owl-] {
background: #fff;
color: #000;
line-height: 39px;
font-size: 30px;
border-radius: 3px;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
width: 39px;
height: 39px;
text-align: center;
-webkit-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
text-align: center;
}
.post-gallery.owl-theme .owl-controls .owl-nav [class*=owl-] .fa {
line-height: 39px;
display: block;
text-align: center;
}
.post-gallery.owl-theme img {
line-height: 0;
margin-bottom: 0!important;
}
.post-gallery.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
background: rgba(255,255,255,.75)
}
.post-gallery.owl-theme .owl-controls .owl-nav .owl-prev {
left: 20px;
text-indent: -3px;
}
.post-gallery.owl-theme .owl-controls .owl-nav .owl-next {
right: 20px;
text-indent: 3px;
}
.post-gallery .owl-item > div {
position: relative;
overflow: hidden;
}
.zl_post_gallery_caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
height: auto;
padding: 20px;
background: #000;
background: rgba(0,0,0,.5);
color: #fff;
text-align: center;
} .tiled-gallery {
margin-bottom: 30px!important;
display: none;
}
.tiled-gallery img {
line-height: 0
}
.tiled-gallery-caption {
background: rgba(255,255,255,.7)!important;
color: #000!important;
max-width: 100%;
margin: 0 auto;
left: 0;
right: 0;
text-align: center;
font-style: italic;
text-transform: capitalize;
} .format-quote {
padding-bottom: 50px;
position: relative;
}
a.link-to-quote {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 3;
width: 100%;
height: 100%;
}
.format-quote .zl_content blockquote {
text-align: center;
width: 100%;
overflow: visible;
margin: 0 auto;
padding-top: 30px;
font-style: normal!important;
}
.format-quote .zl_content blockquote:before {
border: none;
background: none;
content: "\201C";
font-size: 70px;
height: auto;
display: block;
text-align: center;
color: #000;
font-style: normal;
}
.format-quote .zl_content blockquote:after {
content: none
}
.format-quote .zl_content blockquote p {
font-size: 22px!important;
line-height: 34px;
margin-bottom: 20px;
font-style: italic;
color: #000!important;
}
.format-quote .zl_content blockquote p:last-of-type {
margin-bottom: 0
}
.format-quote .zl_content blockquote p small,
.format-quote .zl_content blockquote p cite {
font-size: 16px!important;
letter-spacing: 2px;
position: relative;
display: inline-block;
width: auto;
margin-top: 0;
color: #777;
}
.format-quote .zl_content blockquote p small:before,
.format-quote .zl_content blockquote p cite:before,
.format-quote .zl_content blockquote p small:after,
.format-quote .zl_content blockquote p cite:after {
content: "";
height: 3px;
background: #e5e5e5;
width: 50px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.format-quote .zl_content blockquote p small:before,
.format-quote .zl_content blockquote p cite:before {
left: -70px;
right: inherit;
}
.format-quote .zl_content blockquote p small:after,
.format-quote .zl_content blockquote p cite:after {
left: inherit;
right: -70px;
}
.format-quote blockquote small,
.format-quote blockquote cite {
font-style: normal;
font-size: 16px;
} .more-link {
text-decoration: none!important;
display: inline-block;
padding: 0 25px;
color: rgba(0,0,0,0.44);
font-size: 16px;
text-align: center;
cursor: pointer;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 90px;
vertical-align: top;
-o-transition: all 200ms;
-webkit-transition: all 200ms;
transition: all 200ms;
letter-spacing: 2px;
font-style: normal;
line-height: 45px;
padding-top: 2px;
position: relative;
background: #fff;
}
.more-link::before {
content: "\f178";
font-family: FontAwesome;
right: 40px;
position: absolute;
opacity: 0;
visibility: hidden;
z-index: 1;
font-size: 20px;
height: 20px;
top: 0;
bottom: 0;
margin: auto;
color: #353535;
-webkit-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
line-height: 100%;
display: block;
}
.more-link.arrowIn:before {
right: 20px;
visibility: visible;
opacity: 1;
}
.more-link.arrowOut:before {
right: -20px;
visibility: hidden;
opacity: 0;
}
.more-link:hover {
border-color: #101010;
color: #101010;
padding-right: 60px;
}
.zlmorebutton {
display: inline-block;
width: 100%;
text-align: center;
position: relative;
z-index: 1;
}
.zl_content a:not(.more-link) {
color: #CCA34D;
text-decoration: none!important;
border-bottom: 1px solid #d1d1d1;
}
.zl_content a:hover:not(.more-link) {
border-color: #CCA34D
} .zl_post_footer {
background: #fff;
padding: 25px 0;
margin-top: 40px;
border-top: 1px solid #e5e5e5;
line-height: 100%;
position: relative;
}
.zl_post_footer .noleft {
line-height: 37px
} .zl_posttags a {
padding: 0 3px;
display: inline-block;
background: #fff;
border: 1px solid #d1d1d1!important;
color: #000!important;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
font-size: 12px;
text-decoration: none;
padding: 7px 10px;
margin-right: 5px;
line-height: 100%;
}
.zl_posttags a:hover {
background: #CCA34D;
border-color: #CCA34D!important;
color: #fff!important;
}
.zl_posttags span {
display: inline-block;
margin-right: 15px;
} .noshare{
height: 40px;
clear: both;
}
.links a {
font-size: 1em;
cursor: pointer;
margin: 0 2px;
width: 45px;
height: 45px;
line-height: 45px;
border-radius: 90px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #d1d1d1;
border: 1px solid #D1D1D1;
outline-color: #D1D1D1;
-webkit-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
.links > strong {
display: inline-block;
margin-right: 20px;
padding-right: 20px;
border-right: 1px solid #d5d5d5;
}
.links a:hover.fa-twitter {
background: #00aced
}
.links a:hover.fa-facebook {
background: #3b5998
}
.links a:hover.fa-google-plus {
background: #dd4b39
}
.links a:hover.fa-pinterest {
background: #cb2027
}
.links a:hover.fa-linkedin {
background: #007bb6
}
.links a:hover {
opacity: 1;
border-color: transparent;
color: #fff;
} .zl_whitebox {
padding: 50px 50px;
font-size: 14px;
line-height: 26px;
}
.zl_whitebox .zl_whiteboxlabel {
font-size: 20px;
line-height: 1;
text-align: center;
margin-bottom: 50px;
text-transform: uppercase;
letter-spacing: 4px;
background: url(//customersupport.thehempshop.co.uk/wp-content/themes/ths/lib/img/pattern-7r8b.png) repeat left center;
line-height: 100%;
}
.zl_whitebox .zl_whiteboxlabel span {
background: #fff;
padding: 0 15px;
display: inline-block;
margin: 0 auto;
}
.zl_whitebox img {
margin: 0 0 15px
} .rel_post {
float: left!important;
text-align: center;
}
.rel_post a {
}
.rel_post a:hover {
text-decoration: underline
}
.relpost_date {
font-size: 12px;
font-style: italic;
color: #999;
} .comments-area p,
.comments-area {
font-size: 14px;
line-height: 26px;
}
.comments-area p {
margin: 15px 0
}
.comment-list {
list-style: none;
margin-bottom: 50px;
}
.comment-list ol,
.comment-list ul {
padding-left: 25px;
margin-left: 25px;
list-style: none;
}
.comment-list ol.children,
.comment-list ul.children {
border-left: 1px solid #e5e5e5;
position: relative;
}
.comment-list ol.children:before,
.comment-list ul.children:before,
.comment-list ul.children:after,
.comment-list ul.children:after {
position: absolute;
content: "";
background: #e5e5e5;
width: 7px;
height: 7px;
left: -3.5px;
border-radius: 90px;
}
.comment-list ol.children:before,
.comment-list ul.children:before {
top: -3.5px
}
.comment-list ol.children:after,
.comment-list ul.children:after {
bottom: -3.5px
}
.comment-list ol.children,
.comment-list ul.children article {
position: relative
}
.comment-list ol.children,
.comment-list ul.children article:before {
content: "";
width: 25px;
height: 1px;
position: absolute;
top: 55px;
left: -26px;
background: #e5e5e5;
}
.comment-list ol.children,
.comment-list ul.children article:after {
content: "";
width: 7px;
height: 7px;
border-radius: 90px;
position: absolute;
top: 52px;
left: -3.5px;
background: #e5e5e5;
}
.comment article {
background: #fff;
border: 1px solid #e5e5e5;
clear: both;
margin-bottom: 15px;
padding: 30px;
border-radius: 5px;
}
.comment-content {
border-top: 1px solid #e5e5e5;
margin-top: 20px;
}
.comment .url {
color: #CCA34D
}
.reply {
text-align: right;
}
.reply a {
background: #CCA34D;
color: #fff;
-webkit-transition: all 150ms;
-o-transition: all 150ms;
transition: all 150ms;
display: inline-block;
padding: 0 20px;
line-height: 30px;
border-radius: 90px;
}
.reply a:hover{
background: #000;
}
.comment-list .avatar {
float: left;
vertical-align: top;
margin-right: 15px;
margin-bottom: 15px;
}
.comment-list .avatar {
border-radius: 90px
}
.comment-metadata {
font-style: italic;
color: #999;
}
.comment-metadata a {
color: #999
}
.comment-metadata a:hover{
text-decoration: underline;
}
.comment-metadata .edit-link {
display: inline-block;
margin-left: 10px;
}
#reply-title {
font-size: 20px;
line-height: 100%;
text-transform: uppercase;
letter-spacing: 4px;
}
.comment-respond a {
border-bottom: 1px solid #d1d1d1
}
.comment-respond a:hover {
border-color: #CCA34D
} .comment-form label {
display: block;
margin-top: 25px;
}
.comment-form input,
.comment-form textarea {
line-height: 28px;
display: block;
font-size: 16px;
padding: 10px 10px;
outline: none;
font-family: 'Noto Serif', serif;
width: 100%;
max-width: 500px;
border: 1px solid #e5e5e5;
background: #f9f9f9;
}
.required {
color: red
}
.comment-form textarea {
padding: 10px 10px;
max-width: 100%;
font-size: 14px;
}
.comment-form input:focus,
.comment-form textarea:focus {
border-color: #CCA34D
}
.comment-form input[type="submit"] {
display: inline-block;
border: none;
background: #CCA34D;
line-height: 38px;
padding: 10px 20px;
color: #fff;
cursor: pointer;
border-bottom: 2px solid rgba(0,0,0,.1);
font-size: 18px;
outline: none;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
width: 100%;
max-width: none;
}
.comment-form input[type="submit"]:hover {
background: #000
}
li.comment #respond {
margin-top: 50px
}
#cancel-comment-reply-link {
font-size: 12px;
vertical-align: top;
line-height: 18px;
padding: 2px 10px;
display: inline-block;
background: #FF6A67;
color: #fff;
}
p.form-submit{
margin-bottom: 0;
} #zl_sidebar {
display: inline-block;
width: 100%;
max-width: 326px;
vertical-align: top;
line-height: 25px;
margin-left: 49px;
position: relative;
z-index: 9;
}
#zl_sidebar ul {
list-style: none
}
#zl_sidebar p {
font-size: 14px;
line-height: 26px;
}
#zl_sidebar a:hover {
text-decoration: underline
}
#zl_maincontent.right-sidebar #zl_sidebar {
margin-left: 49px
}
#zl_maincontent.left-sidebar #zl_sidebar {
margin-right: 49px;
margin-left: 0;
} .zl_widget {
padding: 20px 40px 40px 40px;
background: #fff;
margin-top: 50px;
position: relative;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.03);
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.03);
z-index: 0;
overflow: hidden;
}
.zl_widget:before{
content:"";
position: absolute;
left: 18px;
top: 25px;
bottom: 18px;
right: 18px;
height: auto;
z-index: -1;
border: 4px double #EFEFEF;
}
.zl_widget li{
text-transform: capitalize;
}
.zl_widget img {
margin: 15px 0
}
.zl_widtitle {
margin-top: 0;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 14px; line-height: 1;
margin-bottom: 20px;
text-align: center;
clear: both;
}
.zl_widtitle span {
background: #fff;
padding: 0 15px;
display: inline-block;
margin: 0 auto;
}
.zl_widget ul:not(.zl_widget_recentposts) ul {
list-style: square!important;
margin-left: 17px;
}
.zl_widget ul:not(.zl_widget_recentposts) ul > li:last-of-type { }
.zl_widget ul:not(.zl_widget_recentposts) li {
border-top: 1px dashed #e5e5e5
}
.zl_widget ul:not(.zl_widget_recentposts) li:first-of-type{
border-top: none;
}
.zl_widget ul:not(.zl_widget_recentposts) li > a {
padding: 7px 0;
display: inline-block;
} .zl_widget label {
display: block
}
.zl_widget input {
padding: 10px;
display: block;
font-family: inherit;
}
.zl_widget input[type="search"],
.zl_widget input[type="text"],
.zl_widget input[type="password"],
.zl_widget input[type="email"] {
width: 100%;
border: 1px solid #e5e5e5;
margin-bottom: 10px;
outline-color: #CCA34D;
}
.zl_widget input[type="submit"],
.zl_widget button {
border: none;
padding: 10px 15px;
background: #CCA34D;
color: #fff;
cursor: pointer;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
text-transform: uppercase;
}
.zl_widget input[type="submit"]:hover,
.zl_widget button:hover {
background: #000;
color: #fff;
}
ul li a.rsswidget {
font-weight: bold;
display: block;
margin-top: 10px;
}
.rsswidget img {
margin: 0
}
.rss-date,
.zl_widget cite,
.zl_footerinner cite {
font-style: italic;
font-size: 12px;
margin-bottom: 10px;
display: block;
opacity: .7;
}
.rss-date {
margin-bottom: 0
}
.widget_flickr_image_gallery .zl_widtitle,
.zl_widget_postslider  .zl_widtitle,
.widget_instagram .zl_widtitle {
margin-bottom: 15px
}
.widget_instagram.zl_widtitle{
margin-bottom: 20px
}
.search-form{
padding-top: 30px;
}
.zl_aboutmebox{
margin-top: 50px;
}
.zl_aboutmebox img{
width: 100%;
}
.zl_widget.zl_aboutmebox{
padding: 0;
}
.zl_widget.zl_aboutmebox:before, .zl_widget.zl_aboutmebox:after{
display: none;
}
.zl_widget.zl_aboutmebox img {
margin: 0
}
.widget_zl_aboutme{
padding: 40px;
font-size: 14px;
margin-top: 0;
}
.aboutcover{
position: relative;
}
.aboutdetail img{
width: 60px!important;
height: 60px!important;
border-radius: 99px;
margin-right: 10px!important;
display: inline-block;
vertical-align: top;
}
.aboutdetail{
font-size: 18px;
color: #fff;
position: absolute;
bottom: 0;
padding: 15px 40px;
width: 100%;
height: auto;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.about_inner{
-webkit-transform: translate3d(0,40px,0);
-ms-transform: translate3d(0,40px,0);
-o-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
} ul.zl_widget_recentposts {
list-style: none;
margin: 30px 0 0 0;
}
ul.zl_widget_recentposts a:nth-of-type(2){
font-size: 13px;
}
.zl_widget_recentposts img.attachment-eighty {
margin: 0 20px 20px 0;
float: left;
vertical-align: top;
display: inline-block;
line-height: 0;
width: 80px!important;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.zl_widget_recentposts img.attachment-eighty:hover{
opacity: .75;
}
.rp_date {
font-style: italic;
color: #fff;
font-size: 12px;
display: inline-block;
line-height: 100%;
padding: 5px 10px;
margin-top: 0;
vertical-align: top;
text-transform: capitalize;
background: #CCA34D;
position: relative;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
margin-bottom: 5px;
}
.rp_date:after{
content:"";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 11px 0 11px 10px;
border-color: transparent transparent transparent #CCA34D;
position: absolute;
top: 0;
bottom: 0;
right: -10px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.rp_date:hover:after{
border-color: transparent transparent transparent #000;
}
.rp_date a {
color: #fff;
line-height: 100%;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.rp_date a:hover{
color: #fff!important;
}
.zl_widget_recentposts li {
margin: 10px 0;
line-height: 150%;
}
.zl_widget_recentposts li:last-of-type{
margin-bottom: 0;
} .zl_featured_posts_wie {
text-align: center;
overflow: hidden;
}
.zl_featured_posts_wie .owl-controls {
margin-top: 15px
}
.zl_featured_posts_wie img {
margin-bottom: 15px;
margin-top: 10px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
opacity: 1;
}
.zl_featured_posts_wie .owl-item:hover img{
opacity: .75;
}
.zl_featured_posts_wie .owl-nav {
width: 100%;
text-align: center;
}
.zl_featured_posts_wie .owl-nav div {
font-size: 20px;
display: inline-block;
padding: 0 15px;
background: #fff;
}
.zl_latestpost_paging {
list-style: none;
padding: 0;
text-align: center;
margin: 20px 0 0 0;
}
.zl_latestpost_paging li {
display: inline-block;
margin: 0 2.5px;
}
.zl_latestpost_paging li a {
width: 10px;
height: 10px;
background: #d5d5d5;
display: block;
border-radius: 90px;
border-radius: 50%;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.zl_latestpost_paging li a:hover {
background: #101010
}
.zl_latestpost_paging li.recent a {
background: #000
} .zl_reccom li{
padding: 30px 0;
margin: 0;
border-bottom: 1px solid #e5e5e5;
}
.zl_reccom li:first-of-type{
border-top: none;
padding-top: 0;
}
.zl_reccom li:last-of-type{
border-bottom: none;
}
.zl_comment_ava{
display: inline-block;
float: right;
margin: 0 0 15px 25px;
vertical-align: top;
}
.zl_comment_ava > img{
border-radius: 90px;
margin-top: 0;
}
.zl_commentdetail{
vertical-align: top;
font-size: 13px;
}
.zl_commentdetail em, .zl_commentdetail span{
color: #B2B2B2;
}
.zl_commentdetail strong{
display: block;
} .zl_tagcloud a {
display: inline-block;
vertical-align: middle;
margin: 0 3px 5px 0;
padding: 7px 10px;
font-size: 11px;
border: 1px solid #e5e5e5;
line-height: 1;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
text-transform: capitalize;
text-decoration: none!important;
}
.zl_tagcloud a:hover {
background: #CCA34D;
color: #fff;
text-decoration: none;
border-color: #CCA34D;
} .iqlan {
background: none;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
}
.iqlan img {
margin: 0;
width: 100%;
}
.iqlan.cols-4 {
text-align: left
}
.iqlan.cols-4 img {
width: 100%;
margin: 15px 0 15px 0;
} * .zltwitloop:last-of-type{
border: none;
}
.zltwitloop {
word-break: break-word;
-ms-word-wrap: break-word;
padding: 20px 0;
border-bottom: 1px solid #e5e5e5;
overflow: hidden;
}
.twit_noinfo.zl_twitter_slide .zltwitloop:first-child {
padding-top: 0
}
.twitter_intents p, p.timestamp{
margin: 0!important;
}
p.timestamp a{
opacity: .8
}
.twitter_intents {
display: inline-block;
float: left;
}
.twitter_intents p {
display: inline-block;
position: relative;
padding-right: 10px;
line-height: 100%;
margin: 0;
padding: 0;
}
.twitter_intents p a {
position: relative;
display: inline-block;
padding-right: 15px;
padding-left: 15px;
line-height: 0;
font-size: 16px;
color: #adadad;
}
.twitter_intents p:first-of-type a {
padding-left: 0
}
.twitter_intents p:first-of-type a:before {
display: none;
content: none;
}
.twitter_intents p a:hover {
color: #101010
}
.twitcontent {
margin-bottom: 15px
}
.twitcontent a {
color: #CCA34D;
font-weight: bold;
}
.twitcontent a:hover {
text-decoration: underline
}
.timestamp {
display: inline-block;
float: right;
clear: right;
margin: 0;
padding: 0;
line-height: 100%;
}
.timestamp a {
color: #B4B4B4;
font-size: 14px;
}
.owl-controls {
text-align: center
}
.zl_twitter_slide .owl-dots .owl-dot {
position: relative;
display: inline-block;
border-radius: 90px;
width: 10px;
height: 10px;
background: #d1d1d1;
padding: 0;
margin: 5px;
}
.zl_twitter_slide .owl-dots .owl-dot.active span,
.zl_twitter_slide .owl-dots .owl-dot:hover span {
background: #afc993!important
}
.zl_twitter_slide .owl-dot span {
position: relative!important;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.zl_twitter_slide .owl-controls {
margin-top: 20px
}
.zl_twitter_slide .owl-dot span:before {
content: "";
display: block;
width: 20px;
height: 20px;
background: transparent;
border: 2px solid #afc993;
position: absolute;
top: -5px;
left: -10px;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
opacity: 0;
border-radius: 90px;
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
.zl_twitter_slide .owl-dot:hover span:before,
.zl_twitter_slide .owl-dot.active span:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.zl_twit_userinfo {
display: block;
color: #e3e3e3;
line-height: 100%;
padding: 0 0 15px 0;
border-radius: 3px;
border-bottom: 1px solid #e5e5e5;
}
.zl_twit_userinfo .left > a {
color: #adadad
}
.zl_twit_userinfo a:hover {
text-decoration: underline
}
.zl_twit_userinfo img {
display: inline-block;
vertical-align: top;
margin-right: 15px;
margin-top: 0;
border-radius: 90px;
}
.zl_twt_un,
.zl_twt_un a {
font-size: 18px;
font-weight: bold;
color: #101010;
display: block;
margin-bottom: 10px;
}
.zl_twt_un a:hover {
color: #101010!important;
border-color: #101010!important;
} .instaitem img{
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
margin: 0!important;
padding: 1px;
}
.instaitem img:hover{
opacity: .75;
}
.instaitem{
width: 50%;
float: left;
}
.twocol .instaitem{
width: 50%;
}
.threecol .instaitem{
width: 33.3333333333%;
}
.fourcol .instaitem{
width: 25%;
}  .fw-container-fluid {
max-width: 1220px;
margin: 0 auto;
} .panel-grid-cell .panel-grid-cell {
padding-left: 50px!important;
padding-right: 50px!important;
}
.panel-row-style .panel-row-style {
width: 100%;
max-width: 1220px;
margin: 0 auto;
}
.panel-grid {
margin-right: 0!important;
margin-left: 0!important;
} .zl_pagination {
display: block;
margin: 50px auto 0;
font-size: 14px;
}
.zl_pagination a {
display: inline-block;
padding: 0 30px;
background: #fff;
line-height: 50px;
font-style: italic;
-webkit-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
text-transform: uppercase;
letter-spacing: 3px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.03);
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.03);
}
.zl_pagination a:hover {
color: #fff;
background: #CCA34D;
}
.zl_pagination a.older-post {
float: left;
text-align: center;
}
.zl_pagination a.older-post i.fa {
margin-right: 10px;
display: inline-block;
}
.zl_pagination a.newer-post {
float: right;
text-align: center;
}
.zl_pagination a.newer-post i.fa {
margin-left: 10px;
display: inline-block;
}
.zl_pagination a.disabled {
cursor: not-allowed;
background: #EEE;
color: gainsboro;
-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
box-shadow: 0 0 0 0 rgba(0,0,0,0);
} .zl_footer_soc {
background: #151616;
padding: 50px 0;
color: #fff;
letter-spacing: 3px;
font-family: Oswald;
}
.zl_footer_soc form {
display: inline-block
}
.zl_footer_soc input[type="text"],
.zl_footer_soc input[type="email"],
.zl_footer_soc input[type="password"] {
padding: 12px;
background: rgba(139, 139, 139, 0.18);
border: none;
line-height: 1;
display: inline-block;
margin: 0 5px 0 15px;
color: #fff;
outline: none;
font-family: inherit;
font-size: 16px;
font-family: 'Droid Serif', Serif;
color: #353535;
}
.zl_footer_soc input[type="text"]:focus {
background: rgba(0,0,0,.1)
}
.zl_footer_soc input[type="submit"] {
display: inline-block;
border: none;
background: #CCA34D;
line-height: 38px;
padding: 0 20px;
color: #fff;
cursor: pointer;
font-size: 14px;
outline: none;
-webkit-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
font-family: inherit;
line-height: 41px;
vertical-align: middle;
letter-spacing: 3px;
}
.zl_footer_soc input[type="submit"]:hover {
opacity: .75
}
.zl_footer_soc .zl_socicon li {
text-align: center;
}
.zl_footer_soc .zl_socicon li.social_label {
margin-right: 20px;
letter-spacing: 3px;
} .zl_footerinner {
background: #0E0E0E;
color: #8C919B;
overflow: hidden;
display: block;
clear: both;
padding: 70px 30px 20px;
z-index: 0;
overflow: hidden;
width: 100%;
max-width: 100%;
overflow: hidden;
position: relative;
font-size: 14px;
line-height: 24px;
}
.zl_footerinner .column,
.zl_footerinner .columns {
padding-left: 20px;
padding-right: 20px;
}
.zl_footerinner .row .row {
margin-left: -20px;
margin-right: -20px;
}
.zl_footerinner p {
font-size: 14px;
line-height: 24px;
margin: 25px 0;
}
.zl_footerinner a {
color: #8C919B
}
.zl_footerinner a:hover {
color: #CCA34D
}
.zl_footerinner blockquote {
color: #757575;
margin: 0;
font-style: italic;
position: relative;
display: inline-block;
font-size: 18px;
line-height: 30px;
margin-top: 0;
}
.zl_footerinner blockquote:before,
.zl_footerinner blockquote:after {
content: '\f10d';
font-family: FontAwesome;
display: inline-block;
position: absolute;
font-size: 30px;
color: rgba(255,255,255,.1);
}
.zl_footerinner blockquote:before {
position: relative;
top: 0;
left: -20px;
display: inline-block;
}
.zl_footerinner blockquote:after {
position: relative;
top: 0;
right: -20px;
display: inline-block;
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.zl_footerinner blockquote p {
font-size: 18px;
line-height: 30px;
margin-top: 0;
}
.footerlogo {
text-align: center
}
.footerlogo img {
-webkit-filter: invert(100%);
-o-filter: invert(100%);
filter: invert(100%);
} .zl_foo_widget {
margin-bottom: 50px
}
.zl_foo_wid_head {
margin-top: 0;
text-transform: uppercase;
letter-spacing: 3.5px; font-size: 16px;
line-height: 1;
margin-bottom: 30px;
text-align: center;
color: #CCA34D;
margin-bottom: 30px;
position: relative;
z-index: 0;
}
.zl_foo_wid_head:after {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto 0;
content: "";
width: 100%;
height: 5px;
border-top: 1.5px dotted #4A4D52;
border-bottom: 1.5px dotted #4A4D52;
z-index: -1;
}
.zl_foo_wid_head span {
background: #0E0E0E;
padding: 0 15px;
display: inline-block;
margin: 0 auto;
}
.zl_foo_widget .zl_featured_posts_wie .owl-nav div {
color: #fff;
background: #000;
background: rgba(0,0,0,.5);
padding: 0 8px;
margin: 0 2.5px;
}
.zl_foo_widget .zl_featured_posts_wie .owl-nav div:hover {
background: #CCA34D
}
.zl_foo_widget .rp_date {
margin-bottom: 10px;
display: inline-block;
line-height: 100%;
margin-top: 0;
vertical-align: top;
}
.zl_foo_widget .rp_date a{
color: #fff;
}
.zl_foo_widget .rp_date:hover, .rp_date:hover{
background: #000;
}
.zl_foo_widget #wp-calendar {
background: none
}
.zl_foo_widget #wp-calendar caption {
background: transparent;
padding: 10px;
border: 1px solid rgba(120, 120, 120, 0.13);
border-bottom: none;
color: #8C919B;
}
.zl_foo_widget #wp-calendar thead {
text-align: center;
background: transparent;
color: #fff;
}
.zl_foo_widget #wp-calendar th,
.zl_foo_widget #wp-calendar td {
border: 1px solid rgba(120, 120, 120, 0.13);
line-height: 100%;
padding: 10px;
}
.zl_foo_widget #wp-calendar thead tr th {
color: #fff;
background: rgba(255,255,255,.1);
}
.zl_foo_widget table#wp-calendar tr td {
color: #8C919B
}
.zl_foo_widget table#wp-calendar tr td a {
color: #fff
}
.zl_foo_widget table#wp-calendar tr td a:hover {
color: #CCA34D
}
.zl_foo_widget table#wp-calendar tr {
background: none
}
.zl_foo_widget table#wp-calendar tfoot {
background: transparent
}
.zl_foo_widget > ul {
list-style: none
}
.zl_foo_widget ul ul {
margin-left: 20px
}
.zl_foo_widget ul:not(.zl_widget_recentposts) li > a {
display: inline-block;
padding: 7px 0;
} .screen-reader-text {
display: block;
margin-bottom: 5px;
}
.zl_foo_widget label {
display: block;
margin-bottom: 5px;
}
.zl_foo_widget input {
padding: 10px;
display: block;
font-family: inherit;
}
.zl_foo_widget input[type="search"],
.zl_foo_widget input[type="text"],
.zl_foo_widget input[type="password"],
.zl_foo_widget input[type="email"] {
width: 100%;
border: none;
margin-bottom: 10px;
outline-color: #CCA34D;
background: rgba(110, 110, 110, 0.07);
color: #fff;
}
.zl_foo_widget input[type="submit"],
.zl_foo_widget button {
border: none;
padding: 10px 15px;
background: #CCA34D;
color: #fff;
cursor: pointer;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
text-transform: uppercase;
}
.zl_foo_widget input[type="submit"]:hover,
.zl_foo_widget button:hover {
background: #000;
color: #fff;
} .zl_footrd_post {
margin: 0 auto 50px
}
.zl_footrd_item {
text-align: center;
padding: 20px;
border: 1px solid rgba(255,255,255,.05);
border-radius: 3px;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.zl_footrd_item:hover {
border: 1px solid #CCA34D
}
.zl_footrd_post img {
margin-bottom: 20px;
line-height: 1;
}
.zl_footrd_post a {
color: #fff;
font-size: 14px;
line-height: 24px;
letter-spacing: 2px;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.zl_footrd_item:hover a {
color: #CCA34D
} .zl_socicon {
list-style: none;
display: block;
margin: 0;
padding: 0;
}
.zl_socicon li {
display: inline-block;
letter-spacing: normal;
}
.zl_socicon li a {
font-size: 16px;
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.2);
color: #fff;
margin: 0 10px;
border-radius: 90px;
display: block;
line-height: 40px!important;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
text-align: center;
letter-spacing: normal;
}
.zl_socicon li a i:before{
letter-spacing: -1px;
}
.zl_socicon li:last-child a {
margin-right: 0
}
.zl_socicon li a:hover {
background: #CCA34D
} .copyright {
background: #0E0E0E;
width: 100%;
margin: 0 auto;
text-align: center;
padding: 25px 0;
color: #444;
border-top: 1px solid rgba(255,255,255,.1);
}
.copyright a {
color: #8C919B
}
.copyright a:hover {
text-decoration: underline
} .fb_iframe_widget, 
.fb_iframe_widget iframe {
max-width: 100%;
width: 100%;
}
.fb_iframe_widget span {
max-width: 100%;
}