.mobileonly {
display: none
}
.desktoponly {
display: inherit
}
@media only screen and (max-width: 1192px) {
.desktoponly {
display: none;
}
.mobileonly {
display: inherit!important;
}
.zl_fullslide.owl-carousel,
.zl_acacia_slider.owl-carousel
{
width: auto;
margin-left: 10px;
margin-right: 10px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1192px){
.zl_postthumb img{
width: 100%;
}
.gallery-row{
margin-left: auto;
margin-right: auto;
float: none;
}
}
@media only screen and (min-width: 667px) and (max-width: 1192px) {
.is_sidebar.grid.no-sidebar .zl_gridpost,
.zl_gridpost {
width: 48%!important
}
.is_sidebar.grid.no-sidebar .grid-sizer {
width: 48%
}
.is_sidebar.grid.no-sidebar .gutter-sizer {
width: 2%
}
.fitgrid_caption {
padding: 10px;
font-size: 14px;
}
.fitgrid_caption h2,
.fitgrid.w2 .fitgrid_caption h2 {
font-size: 14px;
}
.zl_pagination {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 480px) {
.zl_postmeta i.fa{
margin: 0;
}
.zl_post .zl_post_title{
margin-bottom: 15px!important;
}
.zl_post_footer .links{
width: 100%;
height: auto;
}
.zl_post_footer .column{
padding: 0;
}
.zl_datewrap span i:last-of-type{
margin-left: 5px;
}
.zl_acacia_slide_content h2{
font-size: 20px;
}
.zl_acacia_slide_content{
padding: 0 20px;
}
.zl_acacia_slide_content em{
font-size: 13px;
}
.zl_acacia_slider_excerpt{
display: none;
}
.zl_acacia_more{
width: 70%;
margin-bottom: 20px;
}
.zl_acacai_slider_cat{
margin-top: 20px;
}
}
@media only screen and (min-width: 320px) and (max-width: 667px) {
.mobileonly {
display: inherit
}
.fitgrid_caption {
padding: 0;
font-size: 12px;
bottom: 10px;
}
.fitgrid_caption h2 {
font-size: 16px;
}
.fitgrid_caption h2,
.fitgrid.w2 .fitgrid_caption h2 {
font-size: 14px;
}
.fitgrid_cat a {
margin-bottom: 10px;
}
.fitgrid.w2 .fitgrid_readmore {
display: none;
}
.fitgrid,
.fitgrid.w2 {
width: 100%;
}
.fitgrid_meta {
font-size: 12px;
margin-bottom: 5px;
}
.fitgrid_caption h2,
.fitgrid.w2 .fitgrid_caption h2 {
margin-bottom: 5px
}
.socheader li.social_label {
display: none
}
.zl_smallbarhead2 {
min-height: 35px;
}
.is_sidebar.grid.no-sidebar .zl_gridpost,
.zl_gridpost {
width: 100%!important
}
.is_sidebar.grid.no-sidebar .grid-sizer {
width: 100%!important
}
.is_sidebar.grid.no-sidebar .gutter-sizer {
width: 5%
}
.zl_post_title {
font-size: 22px;
line-height: 1.1;
margin-bottom: 15px;
}
.zl_datewrap span a:hover {
border-bottom: 1px solid #000
}
.zl_post p {
font-size: 16px;
line-height: 26px;
margin: 26px 0;
}
.more-link {
font-size: 14px;
line-height: 37px;
}
.zl_postmeta {
margin-top: 10px;
margin-bottom: 15px;
}
.zl_postmeta,
.zl_datewrap,
.zl_postmeta i.fa {
font-size: 10px
}
.zl_postmeta i.fa{
margin-left: 5px;
}
.zl_datewrap span {
padding: 0 5px
}
.zl_datewrap span i:last-of-type {
margin-left: 10px
}
.zl_post:before {
font-size: 22px;
width: 100%;
text-align: center;
left: 0;
background: transparent!important;
color: #d1d1d1;
}
.zl_post:after {
display: none!important;
} .zl_post.format-quote:before {
display: none
}
.zl_post.format-quote {
padding-bottom: 50px
}
.format-quote .zl_content blockquote p small:before,
.format-quote .zl_content blockquote p cite:before {
width: 20px;
left: -40px;
}
.format-quote .zl_content blockquote p small:before,
.format-quote .zl_content blockquote p cite:after {
width: 20px;
right: -40px;
} .links a {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 14px;
} .zl_pagination > div {
float: none
}
.zl_pagination a {
width: 100%;
display: block;
margin: 0 auto;
float: none;
text-align: center;
}
.zl_pagination a:first-of-type {
margin-bottom: 20px
} .zl_insta img {
height: auto
}
.rel_post {
margin-bottom: 30px
}
.zl_wide_img {
padding: 100px 20px
}
.zl_pagefullwidth .zl_content img.size-full,
.zl_pagefullwidth .zl_content img {
max-width: 100%!important;
margin: 10px auto!important;
}
.zl_wide_img .row {
width: 100%;
text-align: center;
}
.zl_wide_img h1 {
font-size: 22px;
padding: 10px 20px;
}
.zl_pagination > div {
display: block;
float: none;
width: 100%;
}
.zl_wideslidedesc_cell {
padding-top: 0;
padding-bottom: 0;
width: 90%;
}
.zl_fullslide.owl-carousel .owl-controls{
left: 0;
right: 0;
margin: 0 auto;
bottom: 0;
top: inherit;
position: absolute;
}
.zl_slide_wrap {
position: relative;
}
.zl_fullslide .zl_slide_wrap{
height: auto;
}
.zl_fullslide.owl-carousel{
min-height: inherit!important;
}
.zl_wideslide_image{
position: relative!important;
height: auto!important;
width: 100%!important;
}
.zl_wideslide_image img{
max-width: none!important;
width: 100%!important;
left: 0;
right: 0;
height: auto!important;
margin: 0 auto!important;
position: relative!important;
}
.zl_fullslide.owl-carousel .owl-controls .owl-nav .owl-prev,
.zl_fullslide.owl-carousel .owl-controls .owl-nav .owl-next{
position: relative;
display: inline-block;
left: 0;
right: 0;
}
.zl_wideslidedesc_title h2 {
font-size: 22px;
line-height: 32px;
}
.zl_wideslidedesc_cat,
.zl_wideslidedesc em {
font-size: 14px;
letter-spacing: normal;
}
.zl_wideslidedesc {
width: 90%
}
.zl_fullslide .zl_wideslidedesc_wrapper .zl_wideslidedesc_intro{
display: none;
}
.zl_wideslidedesc_readmore a{
font-size: 14px;
}
.zl_fullslide .zl_wideslidedesc_wrapper{
padding-top: 30px;
padding-bottom: 30px;
top: inherit;
bottom: 0;
width: 100%!important;
right: 0;
left: 0;
margin: 0 auto;
height: auto;
max-width: none!important;
position: relative!important;
}
.zl_wideslidedesc_readmore, .zl_wideslidedesc em{
display: none;
}
.zl_wideslidedesc_cell:before, .zl_wideslidedesc_cell:after{
content: none;
display: none;
} .zl_listpost:not(.format-quote) p {
display: none;
} .rel_post{
width: 45%;
margin: 1%;
float: left;
min-height: 310px;
}
.rel_post.relpostbig{
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
}
@media only screen and (width: 667px) {
#zl_maincontent.right-sidebar #zl_sidebar,
#zl_maincontent.left-sidebar #zl_sidebar {
width: 96%
}
}
@media only screen and (max-width: 375px) {
a.threecol-mor {
display: none;
}
.threecol-exc {
margin-top: 10px;
}
.threecol-cap h3 {
font-size: 18px;
}
.zl_relposts_wrapper .columns{
padding: 0;
}
.zl_relposts_wrapper .rel_post{
width: 100%;
}
.zl_relposts_wrapper .rel_post .columns{
padding: 0;
}
}
@media only screen and (min-width: 375px) and (max-width: 667px) {
a.threecol-mor {
display: none;
}
.threecol-exc {
margin-top: 10px;
}
.threecol-cap h3 {
font-size: 18px;
}
.zl_relposts_wrapper .columns{
padding: 0;
}
.zl_relposts_wrapper .rel_post{
width: 100%;
min-height: inherit;
}
.zl_relposts_wrapper .rel_post .columns{
padding: 0;
}
.zl_relposts_wrapper .rel_post .medium-9.columns{
padding-left: 20px;
}
#zl_maincontent.right-sidebar #zl_sidebar,
#zl_maincontent.left-sidebar #zl_sidebar {
margin-top: 50px;
margin-left: 0!important;
margin-right: 0!important;
width: 100%!important;
}
}
@media only screen and (max-width: 1192px) {
.mobileonly {
display: inherit
}
.sticky-wrapper {
height: 0!important
}
.zl_brand {
padding: 0 30px
}
.topbarmenu {
display: none
}
.zl_navmenu {
position: relative
}
.zl_navmenu > ul.zl_mainmenu {
display: none
}
.zl_mainmenu li a.zl_searchcaller {
display: none;
}
.zl_navmenu.light .zl_mainmenu>li:before {
content: none
}
.zl_smallbarhead2,
.zl_mainbarhead2 {
padding-left: 0;
padding-right: 0;
}
.row .row{
margin-left: 0!important;
margin-right: 0!important;
} .topbarmenu,
.zl_mainmenu2,
.zl_mainmenu,
.header3mobile_menu {
width: 100%;
max-width: 100%;
background: #fff;
position: absolute;
left: 0;
top: 100%;
z-index: 100;
padding: 20px;
border-top: 1px solid #e5e5e5;
-webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
float: none;
clear: both;
line-height: 24px;
font-size: 14px;
}
.topbarmenu {
z-index: 10
}
.zl_mainmenu2 {
z-index: 9
}
.topbarmenu > li,
.zl_mainmenu2 > li,
.zl_mainmenu > li,
.header3mobile_menu > li {
display: inherit;
clear: both;
max-width: 100%;
float: none;
margin: 5px 0;
}
.topbarmenu > li > a,
.zl_mainmenu2 > li > a,
.zl_mainmenu > li > a,
.header3mobile_menu > li > a,
{
display: block;
width: 100%;
max-width: 100%;
background: #fff;
padding: 0;
border: none;
line-height: 25px;
font-size: 12px!important;
text-align: left;
}
.topbarmenu > li:first-child > a,
.zl_mainmenu2 > li:first-child > a,
.zl_mainmenu > li:first-child > a,
.header3mobile_menu > li:first-child > a {
margin: 0
}
.topbarmenu ul,
.zl_mainmenu2 ul,
.zl_mainmenu ul,
.header3mobile_menu ul {
position: relative;
padding-left: 15px;
display: none;
visibility: visible;
opacity: 1;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: transparent;
border-left: 1px solid #e5e5e5;
left: 0;
list-style: none;
}
.topbarmenu ul li,
.zl_mainmenu2 ul li,
.zl_mainmenu ul li,
.header3mobile_menu ul li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-transform: capitalize;
}
.header3mobile_menu ul li a {
color: #000;
padding: 7px;
display: block;
background: transparent;
background: #F5F5F5;
}
.header3mobile_menu ul li{
margin: 7px 0;
}
.topbarmenu > li:first-child > ul,
.zl_mainmenu2 > li:first-child > ul,
.zl_mainmenu > li:first-child > ul,
.header3mobile_menu > li:first-child > ul {
left: 0
}
.zl_mainmenu2 .zl_searchcaller {
display: none
}
.zl_navbar2 {
position: relative
}
.socheader {
padding: 0 20px
}
.socheader li a {
padding: 0 7px;
font-size: 16px;
line-height: 30px;
}
.zl_mainbarhead2 {
text-align: center;
padding-top: 10px;
}
.zl_mainbarhead2 div {
float: none
}
.zl_mainbarhead2 .zl_tagline {
margin: 0;
text-align: center;
width: 100%;
line-height: 120%;
clear: both;
overflow: hidden;
display: block;
}
.zl_fullslide .owl-item.active .zl_wideslidedesc_wrapper{
width: 50%;
}
#zl_maincontent.right-sidebar #zl_sidebar {
margin-left: 0;
width: 100%;
max-width: 100%;
}
#zl_maincontent.right-sidebar #zl_sidebar img {
width: 100%
}
.zl_footer_soc .row .row {
margin: 0
}
.zl_footer_soc {
padding-left: 30px;
padding-right: 30px;
}
.zl_navbar2 {
display: none
}
.zl_post,
.zl_whitebox,
body.page .zl_post:not(.post) {
padding-top: 50px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 50px;
}
.zl_post {
padding-bottom: 0
}
.zl_widget {
width: 95%;
margin-right: auto;
margin-left: auto;
} .zl_footer_soc form {
width: 100%;
display: block;
margin: 20px auto;
}
.zl_newsletter {
text-align: center;
margin-bottom: 30px;
}
.zl_newsletter * {
width: 100%;
display: block;
}
.zl_footer_soc input[type="text"],
.zl_footer_soc input[type="email"],
.zl_footer_soc input[type="password"] {
margin-left: 0;
margin-right: 0;
margin-bottom: 10px;
}
.zl_footer_soc .zl_socicon {
text-align: center
}
.zl_footer_soc .zl_socicon li a {
margin: 0 2px!important;
width: 35px;
height: 35px;
line-height: 35px!important;
}
.zl_footer_soc .zl_socicon li.social_label {
display: block;
width: 100%;
margin-bottom: 20px;
}
.zl_footerinner iframe {
width: 100%;
height: auto;
}
.zl_footerinner {
padding: 40px
}
#zl_maincontent.right-sidebar #zl_sidebar,
#zl_maincontent.left-sidebar #zl_sidebar {
margin-left: auto;
margin-right: auto;
max-width: 780px;
width: 91%;
float: none;
display: block;
}
.zl_widget {
width: 48%;
margin: 1%;
float: left;
display: block;
vertical-align: top;
} .zl_listpost {
padding: 40px 20px;
font-style: 14px;
}
.zl_listpost p {
font-size: 14px;
line-height: 22px;
}
.zl_listpost .zl_list_cat,
.zl_list_post_meta {
font-size: 12px;
}
.zl_listpost .zl_list_cat span i:not(:nth-of-type(1)) {
margin-left: 10px;
}
.zl_listpost_thumb img {
max-width: 100px;
}
.zl_listpost .zl_post_title {
font-size: 18px;
line-height: normal;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.zl_navmenu {
width: 100%
}
.is-sticky .zl_mainbarhead2 .zl_logo,
.is-sticky .zl_mainbarhead2 .zl_tagline {
display: none;
line-height: 100%;
padding: 0;
}
.is-sticky .zl_mainbarhead2 {
padding-top: 0
}
.is-sticky .zl_mainbarhead2 .m_menu_btn_big {
margin: 0
}
.is-sticky .zl_mainbarhead2 .zl_mainmenu2 {
overflow-y: auto;
height: auto;
}
.zl_post,
.zl_whitebox,
body.page-template-homepage .zl_post {
padding-left: 20px!important;
padding-right: 20px!important;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.zl_featured_grid{
width: auto;
margin-left: 10px;
margin-right: 10px;
}
#zl_maincontent {
width: auto;
margin-left: 10px;
margin-right: 10px;
} .zl_post.format-quote:before {
display: none
}
.format-quote.zl_post {
padding-bottom: 50px!important
}
.format-quote .zl_content blockquote p small:before,
.format-quote .zl_content blockquote p cite:before {
width: 20px;
left: -40px;
}
.format-quote .zl_content blockquote p small:before,
.format-quote .zl_content blockquote p cite:after {
width: 20px;
right: -40px;
}
.zl_pagination {
margin-bottom: 50px
}
#zl_maincontent.right-sidebar #zl_sidebar,
#zl_maincontent.left-sidebar #zl_sidebar {
width: auto;
margin: 0 20px;
}
.zl_mainmenu>li>a {
padding-left: 15px;
padding-right: 15px;
}
.fitgrid_caption {
padding: 10px;
font-size: 14px;
}
.fitgrid_caption h2,
.fitgrid.w2 .fitgrid_caption h2 {
font-size: 14px;
}
.fitgrid_caption {
padding: 0;
font-size: 12px;
bottom: 0;
}
.fitgrid_caption h2 {
font-size: 16px;
}
.fitgrid_caption h2,
.fitgrid.w2 .fitgrid_caption h2 {
font-size: 14px;
}
.fitgrid_meta {
font-size: 12px;
margin-bottom: 5px;
}
.fitgrid_caption h2,
.fitgrid.w2 .fitgrid_caption h2 {
margin-bottom: 5px
}
.fitgrid_readmore a {
font-size: 12px;
padding: 15px 10px;
}
.fitgrid_cat {
display: none;
}
.zl_pagination.row .row .column{
padding-left: 0;
padding-right: 0;
}
.zl_pagination.row .row .column:nth-child(1) a{
margin-bottom: 20px;
}
}
@media only screen and (max-width: 768px) {
.zl_pagination.row .row {
margin-left: 0;
margin-right: 0;
}
.zl_wideslide_image {
top: 0;
left: 0;
width: 100%;
}
.zl_wideslide_image img {
height: 100%;
width: auto;
max-width: none;
margin-right: -10px;
}
.zl_wideslidedesc_wrapper {
position: absolute;
top: 0;
left: 0;
}
.zl_wideslidedesc_title h2{
font-size: 23px;
line-height: normal;
}
.smallgrid .zlarticlelist {
margin: 0 auto;
}
#zl_maincontent{
width: auto;
display: block;
margin-left: 10px;
margin-right: 10px;
}
.zl_pagination .column{
padding: 0;
}
}
@media only screen and (max-width: 640px) {
.is-sticky .zl_mainbarhead2 .zl_logo,
.is-sticky .zl_mainbarhead2 .zl_tagline {
display: none;
line-height: 100%;
padding: 0;
}
.is-sticky .zl_mainbarhead2 {
padding-top: 0
}
.is-sticky .zl_mainbarhead2 .m_menu_btn_big {
margin: 0
}
.zl_post,
.zl_whitebox {
padding-left: 20px;
padding-right: 20px;
margin-left: 0;
margin-right: 0;
width: auto;
}
#zl_blogroll {
width: 100%
}
#zl_maincontent.right-sidebar #zl_sidebar,
#zl_maincontent.left-sidebar #zl_sidebar {
width: auto;
float: none;
display: block;
}
.zl_searchscreen{
padding: 50px 10px;
}
.zl_widget {
width: 100%;
margin: 0 auto 30px;
float: left;
display: block;
vertical-align: top;
}
.zl_pagination {
margin-bottom: 50px
} .zl_sg_wrap .zl_smallgridpost {
width: 100%;
display: block;
margin-bottom: 10px;
}
}
@media only screen and (width: 1192px) {
.is-sticky .light.zl_navmenu {
width: 100%
}
.zl_footer_soc {
text-align: center
}
.zl_socicon {
text-align: center!important;
margin-top: 30px;
}
iframe {
width: 100%;
height: auto;
}
}
@media only screen and (min-width: 1192px) {
.zl_navbar2,
.topbarmenu {
display: inherit!important
}
}
@media only screen and (min-width: 900px) and (max-width: 1192px) {
.zl_smallbarhead2,
.zl_mainbarhead2 {
padding-left: 30px;
padding-right: 30px;
}
.zl_mainmenu2>li>a {
padding: 0 10px
}
.zl_mainbarhead2 .zl_tagline {
margin-left: 15px
}
.zl_logo img {
max-height: 35px;
width: auto!important;
}
.zl_post,
.zl_whitebox {
max-width: 95%;
margin-left: auto;
margin-right: auto;
width: 95%;
}
#zl_blogroll {
max-width: 840px;
margin-left: auto;
margin-right: auto;
width: 95%;
display: block;
}
.zl_pagination {
max-width: 840px;
margin-left: auto;
margin-right: auto;
width: 95%;
margin-bottom: 50px;
}
#zl_maincontent.is_sidebar #zl_blogroll {
display: block
}
#zl_maincontent.right-sidebar #zl_sidebar,
#zl_maincontent.left-sidebar #zl_sidebar {
margin-left: 10px;
margin-right: 10px;
margin-top: 50px;
max-width: none;
width: auto;
float: none;
display: block;
}
#zl_maincontent.is_sidebar.right-sidebar #zl_blogroll,
#zl_maincontent.is_sidebar.left-sidebar #zl_blogroll{
max-width: none;
}
.zl_fullslide.owl-carousel{
width: auto;
margin-left: 10px;
margin-right: 10px;
}
.zl_widget {
width: 31.3%;
margin: 1%;
float: left;
display: block;
vertical-align: top;
}
.zl_insta img {
height: auto;
width: auto;
}
.zl_footer_soc .row .row {
margin: 0
} #zl_blogroll {
max-width: none;
display: block;
margin-left: 0;
margin-right: 0;
width: 100%;
}
.zl_pagination {
max-width: none;
width: 100%;
}
}