*, ::after, ::before {
box-sizing: border-box;
word-break: break-word;
word-wrap: break-word;
}
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
overflow-x: hidden;
}
body {
background: #f0f0f0;
color: #000;
font-family: 'Roboto', sans-serif;
font-size: 1rem;
-webkit-font-smoothing: antialiased;
font-weight: 400;
line-height: 100%;
margin: 0px auto;
padding: 0px;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
-webkit-backface-visibility: hidden;
color: #000;
}
img {
max-width: 100%;
height: auto;
-webkit-backface-visibility: hidden;
}
iframe,
embed,
object,
video {
max-width: 100%;
}
#truethemes_container #main {
float: left;
}
#zox-home-widget-wrap .lazy-load {
-webkit-transition: opacity .25s, transform .5s ease-in;
-moz-transition: opacity .25s, transform .5s ease-in;
-ms-transition: opacity .25s, transform .5s ease-in;
-o-transition: opacity .25s, transform .5s ease-in;
transition: opacity .25s, transform .5s ease-in;
opacity: 0;
}
#zox-home-widget-wrap .lazy-load.is-loaded {
opacity: 1;
} a,
a:visited {
color: #ec2b8c;
opacity: 1;
text-decoration: none;
-webkit-transition: color .25s, background .25s, opacity .25s;
-moz-transition: color .25s, background .25s, opacity .25s;
-ms-transition: color .25s, background .25s, opacity .25s;
-o-transition: color .25s, background .25s, opacity .25s;
transition: color .25s, background .25s, opacity .25s;
-webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
}
a:hover {
text-decoration: none;
}
a:active,
a:focus {
outline: none;
}
#zox-side-wrap a {
color: #000;
font-weight: 700;
}
#zox-side-wrap a:hover {
color: #ec2b8c;
}
.zox-fly-but-wrap span,
span.zox-nav-search-but,
h2.zox-s-title1,
h2.zox-s-title1-feat,
h2.zox-s-title2,
h2.zox-s-title3,
.zox-feat-tech2-main .zox-art-text p.zox-s-graph,
ul.zox-post-soc-list li,
.zox-fly-fade,
#zox-site-main,
.zox-art-img,
.zox-art-img img,
ul.zox-post-soc-stat-list li,
h2.zox-authors-latest,
ul.zox-alp-soc-list li,
ul.zox-soc-more-list li,
ul.zox-post-soc-stat-list li ul.zox-soc-more-list li,
ul.zox-post-soc-list li ul.zox-soc-more-list li {
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
#zox-lead-top-wrap {
-webkit-transition: all 1.5s;
-moz-transition: all 1.5s;
-ms-transition: all 1.5s;
-o-transition: all 1.5s;
transition: all 1.5s;
}
#zox-fly-wrap,
#zox-search-wrap,
#zox-lead-top {
-webkit-transition: -webkit-transform 0.25s ease;
-moz-transition: -moz-transform 0.25s ease;
-ms-transition: -ms-transform 0.25s ease;
-o-transition: -o-transform 0.25s ease;
transition: transform 0.25s ease;
} .relative,
.zoxrel {
position: relative;
}
.zox100 {
width: 100%;
}
.zox-p24 {
padding: 24px;
}
.zox-lh0,
.zoxlh0 {
line-height: 0;
}
.right,
.alignright {
float: right;
}
.alignright {
margin: 20px 0 20px 20px;
}
.left,
.alignleft {
float: left;
}
.alignleft {
margin: 30px 30px 30px 0;
}
.aligncenter {
display: block;
margin: 0 auto;
}
.zox-mob-img {
display: none !important;
}
#zox-site,
#zox-site-wall {
overflow: hidden;
width: 100%;
}
#zox-wallpaper {
display: block;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.zox-wall-link {
margin: 0 auto;
position: fixed;
top: 0;
width: 100%;
height: 100%;
}
#zox-site-main {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: 100%;
z-index: 9999;
}
#zox-site-grid {
display: grid;
grid-template-columns: 100%;
width: 100%;
}
.single #zox-site-grid {
background: #f0f0f0;
}
#zox-main-body-wrap {
padding: 20px 0 40px;
width: 100%;
min-height: 600px;
}
#zox-feat-ent2-wrap {
margin: 4px 0 0;
}
.woocommerce #zox-main-body-wrap {
margin: 20px 0 0;
padding: 0;
}
.zox-sport3 #zox-main-body-wrap {
padding: 15px 0;
}
.zox-title-width,
.zox-body-width {
display: grid;
grid-template-columns: 100%;
margin: 0 auto;
padding: 0 30px;
width: 100%;
max-width: 1320px;
}
.zox-title-width {
padding: 0;
}
.zox-sport3 .zox-body-width {
padding: 0 15px;
}
.zox-sport3 .zox-title-width,
.zox-sport3 .zox-widget-home .zox-body-width,
.zox-tech2 .zox-title-width {
padding: 0;
}
.zox-sport3 .zox_feat_list_widget .zox-title-width {
margin: 0 0 0 20px;
}
#zox-home-main-wrap {
display: grid;
grid-gap: 40px;
grid-template-columns: 100%;
}
.zox-net3 #zox-home-main-wrap,
.zox-net3 #zox-home-widget-wrap,
.zox-sport2 #zox-home-main-wrap,
.zox-sport2 #zox-home-widget-wrap,
.zox-fash1 #zox-home-main-wrap,
.zox-fash1 #zox-home-widget-wrap {
grid-row-gap: 60px;
}
.home.zox-fash3 #zox-home-main-wrap #zox-feat-wrap {
display: none;
}
.search #zox-home-main-wrap {
background: #fff;
padding: 30px 0 60px;
min-height: 700px;
} #zox-lead-top-wrap {
overflow: hidden;
position: relative;
width: 100%;
}
#zox-lead-top-in {
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
}
#zox-lead-top {
background-color: #f0f0f0;
line-height: 0;
text-align: center;
width: 100%;
}
#zox-main-head-wrap {
width: 100%;
z-index: 99999;
}
#zox-top-head-wrap,
#zox-bot-head-wrap {
width: 100%;
}
#zox-top-head-wrap {
overflow: hidden;
}
.zox-head-bg {
margin: 0 auto;
position: absolute;
left: -9999px;
right: -9999px;
top: 0;
width: 100%;
}
#zox-bot-head-wrap,
.zox-bot-head-menu,
#zox-bot-head,
#zox-bot-head-left,
#zox-bot-head-right,
.zox-bot-head-logo {
height: 80px;
}
#zox-bot-head-wrap {
background: #fff;
}
.zox-head-width {
display: grid;
margin: 0 auto;
padding: 0 30px;
width: 100%;
max-width: 1320px;
}
#zox-top-head {
display: grid;
float: left;
grid-column-gap: 50px;
grid-template-columns: 250px auto 250px;
justify-content: space-between;
width: 100%;
}
#zox-top-head-left,
#zox-top-head-right {
position: relative;
width: 250px;
}
#zox-top-head-right {
display: grid;
align-content: center;
justify-content: end;
}
.zox-top-soc-wrap {
display: grid;
grid-gap: 25px;
grid-template-columns: auto auto auto auto;
margin-top: -9px;
overflow: hidden;
position: absolute;
top: 50%;
left: 0;
height: 18px;
}
#zox-top-head-right .zox-top-soc-wrap {
left: auto;
right: 0;
}
.zox-top-soc-wrap a {
overflow: hidden;
height: 18px;
}
span.mvp-top-soc-but {
color: #000;
display: grid;
float: left;
font-size: 18px;
}
.zox-woo-cart-wrap {
display: inline-block;
overflow: hidden;
height: 16px;
}
span.zox-woo-cart-icon {
float: right;
font-size: 16px;
margin: 0 10px 0 0;
}
span.zox-woo-cart-num {
color: #fff;
border-radius: 50%;
float: right;
font-size: 10px;
line-height: 1;
padding-top: 3px;
text-align: center;
width: 16px;
height: 16px;
}
#zox-top-head-mid {
display: grid;
align-content: center;
line-height: 0;
text-align: center;
width: 100%;
}
#zox-bot-head {
display: grid;
grid-column-gap: 30px;
grid-template-columns: auto 60px;
}
#zox-bot-head-left,
#zox-bot-head-right {
display: grid;
align-content: center;
}
#zox-bot-head-left {
display: none;
width: 24px;
}
#zox-bot-head-right {
grid-gap: 10px;
grid-template-columns: 1fr 1fr;
justify-content: end;
width: 60px;
}
#zox-bot-head-mid {
width: 100%;
}
.zox-bot-head-logo {
line-height: 0;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
text-align: center;
width: auto;
z-index: 1;
}
.zox-bot-head-logo,
.zox-bot-head-logo-main {
display: grid;
align-content: center;
}
h1.zox-logo-title,
h2.zox-logo-title {
display: block;
font-size: 0;
}
.zox-bot-head-menu {
display: grid;
grid-template-columns: 100%;
padding: 0 0 0 90px;
text-align: center;
width: 100%;
}
span.zox-nav-search-but {
align-self: center;
color: #000;
cursor: pointer;
font-size: 16px;
text-align: center;
width: 24px;
height: 16px;
}
h1.zox-logo-title,
h2.zox-logo-title {
display: block;
font-size: 0;
}
#zox-lead-bot {
line-height: 0;
padding: 20px 0 0;
overflow: hidden;
text-align: center;
width: 100%;
}
.zox-trans-head:before {
content: '';
background-image: -moz-linear-gradient(to top,rgba(0,0,0,0) 0, rgba(0,0,0,0.3) 50%, rgba(0,0,0,.6) 100%);
background-image: -ms-linear-gradient(to top,rgba(0,0,0,0) 0, rgba(0,0,0,0.3) 50%, rgba(0,0,0,.6) 100%);
background-image: -o-linear-gradient(to top,rgba(0,0,0,0) 0, rgba(0,0,0,0.3) 50%, rgba(0,0,0,.6) 100%);
background-image: -webkit-linear-gradient(to top,rgba(0,0,0,0) 0, rgba(0,0,0,0.3) 50%, rgba(0,0,0,.6) 100%);
background-image: -webkit-gradient(linear, center bottom, center top, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.6)));
background-image: linear-gradient(to top,rgba(0,0,0,0) 0, rgba(0,0,0,0.2) 50%, rgba(0,0,0,.4) 100%);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
} .zox-fix-up {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: fixed !important;
top: -80px !important;
-webkit-transform: translate3d(0,-80px,0) !important;
-moz-transform: translate3d(0,-80px,0) !important;
-ms-transform: translate3d(0,-80px,0) !important;
-o-transform: translate3d(0,-80px,0) !important;
transform: translate3d(0,-80px,0) !important;
-webkit-transition: -webkit-transform 0.4s ease;
-moz-transition: -moz-transform 0.4s ease;
-ms-transition: -ms-transform 0.4s ease;
-o-transition: -o-transform 0.4s ease;
transition: transform 0.4s ease;
z-index: 9999;
}
.zox-fix {
position: fixed !important;
top: -80px;
-webkit-transform: translate3d(0,80px,0) !important;
-moz-transform: translate3d(0,80px,0) !important;
-ms-transform: translate3d(0,80px,0) !important;
-o-transform: translate3d(0,80px,0) !important;
transform: translate3d(0,80px,0) !important;
}
#zox-bot-head-wrap.zox-fix-up,
.zox-fix-up .zox-bot-head-menu,
.zox-fix-up #zox-bot-head,
.zox-fix-up #zox-bot-head-left,
.zox-fix-up #zox-bot-head-right,
.zox-fix-up #zox-bot-head-mid,
.zox-fix-up .zox-bot-head-logo,
.zox-fix-up .zox-bot-head-logo-main,
.zox-fix-up .zox-nav-menu,
.zox-fix-up .zox-nav-menu ul {
height: 60px;
}
.zox-fix-up .zox-bot-head-logo img,
.zox-fix-up .zox-bot-head-logo-main img {
max-height: 40px;
width: auto;
}
#zox-bot-head-wrap.zox-trans-bot {
background-color: transparent;
background-image: -moz-linear-gradient(to top,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.95) 100%);
background-image: -ms-linear-gradient(to top,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.95) 100%);
background-image: -o-linear-gradient(to top,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.95) 100%);
background-image: -webkit-linear-gradient(to top,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.95) 100%);
background-image: -webkit-gradient(linear, center bottom, center top, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.95)));
background-image: linear-gradient(to top,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.95) 100%);
-webkit-transition: background .25s, transform 0.25s ease;
-moz-transition: background .25s, transform 0.25s ease;
-ms-transition: background .25s, transform 0.25s ease;
-o-transition: background .25s, transform 0.25s ease;
transition: background .25s, transform 0.25s ease;
}
.zox-nav-menu {
width: 100%;
height: 80px;
}
.zox-nav-menu ul,
.zox-top-nav-menu ul {
float: left;
text-align: center;
width: 100%;
}
.zox-top-nav-menu ul {
display: flex;
align-items: center;
}
#zox-top-head-right .zox-top-nav-menu ul {
float: right;
width: auto;
}
.zox-nav-menu ul li,
.zox-top-nav-menu ul li {
display: inline-block;
position: relative;
}
.zox-nav-menu ul li.menu-item-object-category.zox-mega-drop {
position: static;
}
.zox-nav-menu ul li a,
.zox-top-nav-menu ul li a {
color: #000;
float: left;
font-family: 'Roboto Condensed', sans-serif;
font-size: 22px;
font-weight: 300;
line-height: 1;
padding: 29px 10px;
position: relative;
text-transform: capitalize;
}
.zox-top-nav-menu ul li ul {
display: none;
}
#zox-top-head-left .zox-top-nav-menu ul {
left: -10px;
text-align: left;
}
#zox-top-head-right .zox-top-nav-menu ul {
right: -10px;
text-align: right;
}
.zox-nav-menu ul li.zox-mega-drop ul li a:after,
.zox-nav-menu ul li.menu-item-has-children ul.sub-menu li a:after,
.zox-nav-menu ul li.menu-item-has-children ul.sub-menu li ul.sub-menu li a:after,
.zox-nav-menu ul li.menu-item-has-children ul.sub-menu li ul.sub-menu li ul.sub-menu li a:after,
.zox-nav-menu ul li.menu-item-has-children ul.mvp-mega-list li a:after {
content: '';
display: inline-block;
border: none;
margin: 0;
position: absolute;
top: auto;
right: auto;
transform: none;
width: auto;
height: auto;
}
.zox-nav-menu ul li.menu-item-has-children a:after,
.zox-nav-menu ul li.zox-mega-drop a:after,
.zox-nav-menu ul li:hover ul.sub-menu li.menu-item-has-children a:after,
.zox-nav-menu ul li:hover ul.sub-menu li ul.sub-menu li.menu-item-has-children a:after {
content: '';
display: inline-block;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
margin: -4px 0 0 0;
position: absolute;
top: 50%;
right: -5px;
transform: rotate(45deg);
width: 6px;
height: 6px;
}
.zox-nav-menu ul li.menu-item-has-children a,
.zox-nav-menu ul li.zox-mega-drop a {
margin-right: 15px;
}
.zox-nav-menu ul li.zox-mega-drop ul li a {
margin: 0;
}
.zox-nav-menu ul li ul.sub-menu {
background: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.15);
-moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.15);
-ms-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.15);
-o-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.15);
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.15);
color: #000;
position: absolute;
top: 80px;
left: -7px;
max-width: 200px;
opacity: 0;
overflow: hidden;
text-align: left;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-ms-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
-webkit-transform: translateY(-999px);
-moz-transform: translateY(-999px);
-ms-transform: translateY(-999px);
-o-transform: translateY(-999px);
transform: translateY(-999px);
width: auto;
height: 0;
z-index: 1;
}
.zox-nav-menu ul li ul.sub-menu:after {
content: ''; 
border-left: 11px solid transparent;
border-right: 11px solid transparent;
border-bottom: 11px solid #fff;
position: absolute;
top: -10px;
left: 30px;
width: 0; 
height: 0;
}
.zox-nav-menu ul li.menu-item-has-children:hover a:before {
opacity: 1;
}
.zox-nav-menu ul li ul li ul.sub-menu:after {
display: none;
}
.zox-fix-up .zox-nav-menu ul li ul.sub-menu {
top: 60px;
}
.zox-nav-menu ul li.zox-mega-drop ul.sub-menu {
display: none;
}
.zox-nav-menu ul li:hover ul.sub-menu {
opacity: 1;
overflow: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
height: auto;
}
.zox-nav-menu ul li ul.sub-menu li {
display: block;
float: left;
position: relative;
width: 100%;
}
.zox-nav-menu ul li ul.sub-menu li a {
color: #444 !important;
float: left;
font-size: .875rem;
font-weight: 600;
letter-spacing: 0;
line-height: 1.1;
padding: 13px 20px !important;
text-transform: none;
width: 200px;
}
.zox-nav-menu ul li ul.sub-menu li a:hover {
background: rgba(0,0,0,.05);
border-bottom: none;
padding: 12px 20px;
}
.zox-nav-menu ul li ul.sub-menu ul.sub-menu li ul,
.zox-nav-menu ul li ul.sub-menu li ul,
.zox-fix-up .zox-nav-menu ul li ul.sub-menu ul.sub-menu li ul,
.zox-fix-up .zox-nav-menu ul li ul.sub-menu li ul {
display: none;
position: absolute;
top: 0;
left: 200px;
z-index: 10;
}
.zox-nav-menu ul li ul.sub-menu ul.sub-menu li:hover ul,
.zox-nav-menu ul li ul.sub-menu li:hover ul {
display: block;
}
.zox-nav-menu ul li ul.sub-menu li .zox-mega-dropdown {
display: none;
}
.zox-nav-menu ul li:hover ul.sub-menu li.menu-item-has-children a {
position: relative;
}
.zox-nav-menu ul li:hover ul.sub-menu li.menu-item-has-children a:after,
.zox-nav-menu ul li:hover ul.sub-menu li ul.sub-menu li.menu-item-has-children a:after {
right: 10px;
transform: rotate(-45deg);
}
.zox-nav-menu ul li.zox-mega-drop .zox-mega-dropdown {
background: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.08);
-moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,.08);
-ms-box-shadow: 0 5px 5px 0 rgba(0,0,0,.08);
-o-box-shadow: 0 5px 5px 0 rgba(0,0,0,.08);
box-shadow: 0 5px 5px 0 rgba(0,0,0,.08);
opacity: 0;
overflow: hidden;
padding: 20px 0;
position: absolute;
top: 80px;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-ms-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
-webkit-transform: translateY(-9999px);
-moz-transform: translateY(-9999px);
-ms-transform: translateY(-9999px);
-o-transform: translateY(-9999px);
transform: translateY(-9999px);
width: 100vw;
height: 0;
z-index: 1;
}
.zox-fix-up .zox-nav-menu ul li.zox-mega-drop .zox-mega-dropdown {
top: 60px;
}
.zox-nav-menu ul li.zox-mega-drop:hover .zox-mega-dropdown {
opacity: 1;
overflow: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
height: auto;
}
.zox-nav-menu ul li.zox-mega-drop:hover .zox-mega-dropdown .zox-mega-img img {
display: block;
}
.zox-nav-menu ul li ul.zox-mega-list li a,
.zox-nav-menu ul li ul.zox-mega-list li a p {
background: none !important;
border-bottom: none;
color: #000;
float: left;
font-size: .875rem;
font-weight: 400;
letter-spacing: 0;
line-height: 1.25;
padding: 0 !important;
text-align: left;
text-transform: capitalize;
}
.zox-nav-menu ul li ul.zox-mega-list li a p {
padding: 0 10px !important;
}
.zox-nav-menu ul li ul.zox-mega-list li .zox-mega-img a {
line-height: 0;
}
.zox-nav-menu ul.zox-mega-list {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-column-gap: 20px;
float: left;
left: auto;
width: 100% !important;
max-width: none !important;
height: auto;
}
ul.zox-mega-list li {
float: left;
overflow: hidden;
}
.zox-mega-img {
background: #fff;
float: left;
line-height: 0;
margin-bottom: 10px;
overflow: hidden;
position: relative;
width: 100%;
max-height: 130px;
}
.zox-mega-img img {
display: none;
width: 100%;
}
.zox-mega-img a {
padding: 0;
}
#zox-search-wrap {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: rgba(0,0,0,.75);
opacity: 0;
position: fixed;
top: 0;
left: 0;
-webkit-transform: translate3d(0,-100%,0);
-moz-transform: translate3d(0,-100%,0);
-ms-transform: translate3d(0,-100%,0);
-o-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
width: 100%;
height: 100%;
z-index: 999999;
}
.zox-search-but-wrap {
cursor: pointer;
position: absolute;
top: 60px;
right: 80px;
width: 60px;
height: 60px;
}
#zox-search-wrap .zox-search-but-wrap span {
background: #fff;
top: 27px;
}
.zox-search-cont {
margin: -12vh 0 0 -25%;
position: absolute;
top: 50%;
left: 50%;
width: 50%;
min-width: 200px;
}
p.zox-search-p {
color: #fff;
font-family: 'Roboto Condensed', sans-serif;
font-size: 2.5vw;
font-weight: 700;
margin: 0 0 30px;
text-align: center;
width: 100%;
}
.zox-search-box {
background: rgba(255,255,255,.15);
border: 1px solid #fff;
border-radius: 10px;
display: flex;
overflow: hidden;
position: relative;
width: 100%;
height: 80px;
}
#zox-main-body-wrap .zox-search-box {
background: #fff;
border: 1px solid #ddd;
border-radius: 0;
height: 36px;
}
.search .zox-body-width {
max-width: 1200px;
}
.search #zox-home-cont-wrap {
align-content: start;
grid-gap: 40px;
}
.zox-side-widget #zox-search-form,
.zox-widget-home #zox-search-form,
#zox-search-form2 {
border: 1px solid #ddd;
float: left;
position: relative;
width: 100%;
height: 36px;
}
#zox-search-input,
#zox-search-input2 {
background: none;
border: none;
color: #fff;
float: left;
font-size: 38px;
font-weight: 300;
line-height: 1;
padding: 20px;
position: relative;
text-transform: uppercase;
width: 75%;
height: 100%;
}
#zox-main-body-wrap #zox-search-input,
#zox-main-body-wrap #zox-search-input2 {
color: #aaa;
font-size: 16px;
font-weight: 400;
padding: 10px;
text-transform: none;
width: calc(100% - 80px);
}
#zox-search-form #zox-search-submit,
#zox-search-form2 #zox-search-submit2 {
background: #ec2b8c;
border: none;
color: #fff;
cursor: pointer;
font-size: 1rem;
font-weight: 700;
line-height: 1;
position: absolute;
top: 0;
right: 0;
text-align: center;
text-transform: uppercase;
width: 25%;
height: 100%;
}
#zox-main-body-wrap #zox-search-form #zox-search-submit,
#zox-main-body-wrap #zox-search-form2 #zox-search-submit2 {
font-size: 13px;
text-transform: capitalize;
width: 80px;
}
#zox-search-form #zox-search-input:focus,
#zox-search-form2 #zox-search-input2:focus {
outline: none;
}
.zox-search-toggle {
opacity: 1 !important;
-webkit-transform: translate3d(0,0,0) !important;
-moz-transform: translate3d(0,0,0) !important;
-ms-transform: translate3d(0,0,0) !important;
-o-transform: translate3d(0,0,0) !important;
transform: translate3d(0,0,0) !important;
}
.zox-fly-top {
color: #aaa;
cursor: pointer;
opacity: 0;
overflow: hidden;
position: fixed;
right: 0;
bottom: 10px;
text-align: center;
-webkit-transition: opacity .25s linear, color .25s linear;
-moz-transition: opacity .25s linear, color .25s linear;
-ms-transition: opacity .25s linear, color .25s linear;
-o-transition: opacity .25s linear, color .25s linear;
transition: opacity .25s linear, color .25s linear;
width: 70px;
height: 0;
z-index: 99999;
}
.zox-to-top {
opacity: 1;
height: 40px;
}
.zox-fly-top span {
font-size: 40px;
line-height: 1;
}
span.zox-night {
color: #000;
cursor: pointer;
font-size: 16px;
}
.zox-dark {
background: #111;
background-color: #111 !important;
}
.zox-dark .zox-art-wrap,
.zox-dark .zox-art-grid,
.zox-dark .zox-article-wrap,
.zox-dark .zox-side-widget,
.zox-dark.zox-ent1 .zox-feat-left-wrap,
.zox-dark.zox-sport3 .zox-widget-home,
.zox-dark.zox-sport3 #zox-main-blog-wrap,
.zox-dark .zox-feat-sports3-main-wrap,
.zox-dark .zox-feat-sports3-sub .zox-art-wrap,
.zox-dark .zox-feat-left-wrap,
.zox-dark .zox-widget-bgb,
.zox-dark .zox-widget-bgw,
.zox-dark .zox-widget-bgg,
.zox-dark .zox-widget-bgp,
.zox-dark .zox-widget-bgs,
.zox-dark .zox-s8 span.zox-s-cat,
.zox-s8 .zox-dark span.zox-s-cat,
.zox-dark .zox-s4 span.zox-s-cat,
.zox-s4 .zox-dark span.zox-s-cat,
.zox-o3 .zox-dark h3.zox-s-cat,
.zox-dark .zox-o3 .zox-art-text,
.zox-sport3 .zox-dark .zox-widget-home,
.zox-sport3 .zox-dark #zox-main-blog-wrap,
.zox-s7 .zox-dark .zox-art-text,
.zox-dark .zox-o6 span.zox-s-cat,
.zox-s2 .zox-dark span.zox-s-cat,
.zox-dark .zox-s2 span.zox-s-cat,
.zox-dark .alp-related-posts-wrapper .alp-related-post,
.zox-dark .alp-related-posts-wrapper .alp-related-posts .current,
.zox-dark #zox-author-page-top,
.zox-dark .zox-woo-wrap,
.woocommerce .zox-dark div.product .woocommerce-tabs ul.tabs li.active,
.zox-dark #add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart .zox-dark table.cart td.actions .coupon .input-text,
.woocommerce-checkout .zox-dark table.cart td.actions .coupon .input-text,
.zox-dark input,
.woocommerce .zox-dark #woo-content select,
.woocommerce .zox-dark #zox-side-wrap select,
.woocommerce .zox-dark #woo-content div.product form.cart .variations select,
.woocommerce-page .zox-dark #woo-content div.product form.cart .variations select,
.woocommerce .zox-dark #woo-content div.product form.cart .variations select,
.woocommerce-page .zox-dark #woo-content div.product form.cart .variations select,
.woocommerce .zox-dark #woo-content .woocommerce-ordering select,
.woocommerce-page .zox-dark #woo-content .woocommerce-ordering select,
.woocommerce .zox-dark #woo-content form .form-row select,
.woocommerce-page .zox-dark #woo-content form .form-row select,
.zox-dark .widget_product_categories select#dropdown_product_cat,
.zox-dark .zox-side-widget select {
background: #181818 !important;
color: #efefef;
}
.zox-dark #zox-top-head-wrap {
background: #000;
}
.zox-dark .zox-feat-ent3-main-wrap .zox-art-wrap,
.zox-dark .zox-feat-ent3-main-wrap .zox-art-grid,
.zox-s8 .zox-dark #zox-main-blog-wrap .zox-art-wrap,
.zox-s8 .zox-dark #zox-main-blog-wrap .zox-art-grid,
.zox-s8 .zox-dark #zox-home-widget-wrap .zox-art-wrap,
.zox-s8 .zox-dark #zox-home-widget-wrap .zox-art-grid,
.zox-s8 .zox-dark .zox-feat-ent3-sub-wrap .zox-art-wrap,
.zox-s8 .zox-dark .zox-feat-ent3-sub-wrap .zox-art-grid,
.zox-s8 .zox-dark .zox-post-more .zox-art-wrap,
.zox-s8 .zox-dark .zox-post-more .zox-art-grid,
.zox-dark #zox-feat-net1-wrap,
.zox-dark .zox-s5.zox-div1 .zox-art-wrap,
.zox-dark .zox-s5 .zox-art-wrap,
.zox-s5 .zox-dark .zox-art-wrap,
.zox-dark .zox-s5 .zox-art-grid,
.zox-s5 .zox-dark .zox-art-grid,
.zox-dark .zox-o3 h3.zox-s-cat,
.zox-dark #zox-lead-bot,
.single .zox-dark #zox-site-grid,
.zox-dark .zox-post-more-wrap span.zox-post-main-title,
.zox-dark .alp-related-posts-wrapper .alp-advert,
.zox-sport3 .zox-dark #zox-site-main,
.search .zox-dark #zox-home-main-wrap,
.zox-dark #zox-main-body-wrap .zox-search-box,
.woocommerce-page .zox-dark .zox-page-wrap,
.zox-dark #zox-bot-head-wrap,
.zox-dark .zox-nav-menu ul li ul.sub-menu,
.zox-dark .zox-nav-menu ul li.zox-mega-drop .zox-mega-dropdown,
.zox-dark #zox-fly-wrap,
.zox-dark #zox-bot-head-wrap.zox-trans-bot:hover {
background: #111 !important;
background-color: #111 !important;
}
.zox-dark #zox-bot-head-wrap,
.zox-dark .zox-nav-menu ul li.zox-mega-drop .zox-mega-dropdown {
border-bottom: 1px solid #222;
}
.zox-dark .zox-s5 .zox-widget-side-trend-wrap .zox-art-wrap,
.zox-s5 .zox-dark .zox-widget-side-trend-wrap .zox-art-wrap,
.zox-dark .zox-s5 .zox-widget-side-trend-wrap .zox-art-grid,
.zox-s5 .zox-dark .zox-widget-side-trend-wrap .zox-art-grid,
.zox-dark .zox-widget-side-trend-wrap .zox-art-text:before {
background: #181818 !important;
}
.woocommerce .zox-dark div.product .woocommerce-tabs ul.tabs li.active {
border-bottom-color: #181818 !important;
}
.zox-dark.zox-sport3 .zox-divr .zox-art-wrap,
.zox-dark.zox-sport3 .zox-div3 .zox-art-wrap,
.zox-dark.zox-sport3 .zox-div4 .zox-art-wrap,
.zox-dark.zox-sport3 .zox-widget-featl-sub .zox-art-wrap,
.zox-dark.zox-sport3 .zox-widget-altimg-wrap .zox-art-wrap,
.zox-ent1 .zox-dark .zox-feat-left-wrap,
.single .zox-dark .zox-side-widget,
.page .zox-dark .zox-side-widget,
.zox-ent1 .zox-dark .zox-divr .zox-art-wrap,
.zox-dark #zox-main-body-wrap .zox-search-box,
.woocommerce .zox-dark nav.woocommerce-pagination ul,
.woocommerce .zox-dark div.product .woocommerce-tabs ul.tabs li,
.woocommerce .zox-dark #reviews #comments ol.commentlist li .comment-text,
.zox-dark .woocommerce table.shop_table,
.zox-dark #add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart .zox-dark table.cart td.actions .coupon .input-text,
.woocommerce-checkout .zox-dark table.cart td.actions .coupon .input-text,
.zox-dark input,
.woocommerce .zox-dark #woo-content select,
.woocommerce .zox-dark #zox-side-wrap select,
.woocommerce .zox-dark #woo-content div.product form.cart .variations select,
.woocommerce-page .zox-dark #woo-content div.product form.cart .variations select,
.woocommerce .zox-dark #woo-content div.product form.cart .variations select,
.woocommerce-page .zox-dark #woo-content div.product form.cart .variations select,
.woocommerce .zox-dark #woo-content .woocommerce-ordering select,
.woocommerce-page .zox-dark #woo-content .woocommerce-ordering select,
.woocommerce .zox-dark #woo-content form .form-row select,
.woocommerce-page .zox-dark #woo-content form .form-row select,
.zox-dark .widget_product_categories select#dropdown_product_cat,
.zox-dark .zox-side-widget select {
border: 1px solid #333;
}
.woocommerce .zox-dark div.product .woocommerce-tabs ul.tabs::before,
.woocommerce .zox-dark #content div.product .woocommerce-tabs,
.woocommerce .zox-dark div.product .woocommerce-tabs,
.woocommerce-page .zox-dark #content div.product .woocommerce-tabs,
.woocommerce-page .zox-dark div.product .woocommerce-tabs,
.woocommerce .zox-dark .woocommerce-breadcrumb,
.zox-dark .zox-post-body tbody tr,
.zox-dark .zox-post-body thead {
border-bottom: 1px solid #333;
}
.woocommerce .zox-dark .widget_top_rated_products ul.product_list_widget li,
.zox-dark .woocommerce table.shop_table td {
border-top: 1px solid #333;
}
.zox-dark .zox-feat-net3-sub-wrap,
.zox-dark .zox-post-info-wrap,
.zox-dark nav.zox-fly-nav-menu ul li ul.sub-menu {
border-top: 1px solid #333;
}
.zox-dark ul.zox-post-soc-stat-list li,
.zox-dark ul.zox-alp-soc-list li {
border: 1px solid #333;
}
.zox-dark .zox-feat-ent1-left,
.zox-ent1 .zox-dark .zox-side-widget {
border-top: 2px solid #333;
}
.zox-dark .zox-nav-menu ul li ul.sub-menu:after {
border-bottom: 11px solid #111;
}
.zox-s6 .zox-dark .zox-widget-side-trend-wrap .zox-art-wrap,
.zox-s5 .zox-dark .zox-widget-side-trend-wrap .zox-art-wrap,
.zox-dark .alp-related-posts-wrapper .alp-related-post,
.zox-dark .zox-authors-cont,
.zox-dark .zox-widget-tab-head-wrap {
border-bottom: 1px solid #333;
}
.zox-dark .zox-feat-net3-sub-wrap .zox-art-wrap {
border-left: 1px solid #333;
}
.woocommerce .zox-dark nav.woocommerce-pagination ul li {
border-right: 1px solid #333;
}
.zox-dark .zox-author-thumb {
border: 3px solid #333;
}
.zox-dark ul.zox-widget-tab-head li.active a {
border-bottom: 3px solid #333;
}
.zox-dark.zox-s2 span.zox-s-cat,
.zox-dark .zox-s2 span.zox-s-cat {
background: #181818 !important;
}
.zox-dark .zox-o1 h2.zox-s-title1,
.zox-dark .zox-o1 h2.zox-s-title1-feat,
.zox-dark .zox-o1 h2.zox-s-title2,
.zox-dark .zox-s8 h2.zox-s-title2,
.zox-dark .zox-s8 a:hover h2.zox-s-title2,
.zox-s8 .zox-dark h2.zox-s-title2,
.zox-s8 .zox-dark a:hover h2.zox-s-title2 {
background-color: #111;
box-shadow: 15px 0 0 #111, -10px 0 0 #111;
color: #fff;
}
.zox-dark .zox-post-ad {
background-color: #181818 !important;
}
.zox-dark .zox-o2 .zox-art-text,
.zox-dark .zox-o4 .zox-art-text,
.zox-dark .zox-o5 .zox-art-text {
background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%) !important;
background-color: transparent !important;
}
@media screen and (min-width: 479px) {
.zox-dark .zox-div2 .zox-art-text,
.zox-dark .zox-div23 .zox-art-text,
.zox-dark .zox-div3 .zox-art-text,
.zox-dark .zox-div4 .zox-art-text {
padding-bottom: 20px !important;
}
}
.zox-dark .zox-s4.zox-blog-grid.zox-divr .zox-art-wrap,
.zox-dark .zox-s5.zox-blog-grid.zox-divr .zox-art-wrap {
border-top: none;
padding: 0;
}
.zox-dark span.zox-post-main-title,
.zox-dark span.zox-widget-main-title,
.zox-dark span.zox-widget-side-title {
background: #181818 !important;
background-color: #181818 !important;
color: #999 !important;
}
.zox-dark h1.zox-post-title,
.zox-dark h2.zox-s-title1,
.zox-dark h2.zox-s-title1-feat,
.zox-dark h2.zox-s-title2,
.zox-dark h2.zox-s-title3,
.zox-dark .zox-post-body p,
.zox-dark #woo-content p,
.zox-dark .zox-post-body a,
.zox-dark span.zox-author-name a,
.zox-dark ul.zox-post-soc-stat-list li,
.zox-dark #zox-side-wrap a,
.zox-dark .widget_product_categories ul.product-categories li a,
.zox-dark .woocommerce ul.product_list_widget span.product-title,
.zox-dark .woocommerce ul.product_list_widget li a,
.zox-sport3 .zox-dark .zox_feat_widget span.zox-widget-main-title,
.zox-dark .alp-related-posts-wrapper .alp-related-post .post-title,
.zox-dark span.zox-author-page-desc,
.zox-dark p.zox-authors-desc,
.zox-dark h2.zox-authors-latest,
.zox-dark ul.zox-alp-soc-list li span,
.zox-dark a.woocommerce-review-link,
.woocommerce .zox-dark div.product .woocommerce-tabs ul.tabs li a,
.zox-dark ul.zox-widget-tab-head li a,
.zox-dark #respond textarea,
.zox-dark #comments .c p,
.zox-dark .zox-nav-menu ul li a,
.zox-dark span.zox-night,
.zox-dark span.zox-nav-search-but,
.zox-dark .zox-nav-menu ul li ul.zox-mega-list li a,
.zox-dark .zox-nav-menu ul li ul.zox-mega-list li a p,
.zox-dark .zox-nav-menu ul li ul.sub-menu li a,
.zox-dark span.zox-top-soc-but,
.zox-dark .zox-top-nav-menu ul li a,
.zox-dark span.zox-woo-cart-icon,
.zox-dark nav.zox-fly-nav-menu ul li a,
.zox-dark span.zox-fly-soc-head,
.zox-dark nav.zox-fly-nav-menu ul li.menu-item-has-children:after,
.zox-dark ul.zox-fly-soc-list li a {
color: #efefef !important;
}
.zox-dark .zox-fly-but-wrap span,
.zox-dark .zox-trans-bot.zox-fix-up .zox-fly-but-wrap span,
.zox-dark .zox-fly-but-wrap span {
background: #efefef;
}
.zox-dark ul.zox-fly-soc-list li a {
background: rgba(255,255,255,.15)
}
.zox-dark .zox-nav-menu ul li.menu-item-has-children a:after,
.zox-dark .zox-nav-menu ul li.zox-mega-drop a:after {
border-right: 1px solid #efefef;
border-bottom: 1px solid #efefef;
}
.zox-dark .zox-nav-menu ul li.menu-item-has-children a:after,
.zox-dark .zox-nav-menu ul li.zox-mega-drop a:after,
.zox-dark .zox-nav-menu ul li:hover ul.sub-menu li.menu-item-has-children a:after,
.zox-dark .zox-nav-menu ul li:hover ul.sub-menu li ul.sub-menu li.menu-item-has-children a:after {
border-right: 1px solid #efefef;
border-bottom: 1px solid #efefef;
}
.woocommerce .zox-dark nav.woocommerce-pagination ul li a {
color: #8a7e88 !important;
}
.woocommerce .zox-dark nav.woocommerce-pagination ul li a:focus,
.woocommerce .zox-dark nav.woocommerce-pagination ul li a:hover,
.woocommerce .zox-dark nav.woocommerce-pagination ul li span.current,
.woocommerce #respond input#submit,
.zox-dark .woocommerce a.button,
.zox-dark .woocommerce button.button,
.zox-dark .woocommerce input.button,
.zox-dark .woocommerce .widget_price_filter .price_slider_amount .button {
background: #333 !important;
background-color: #333 !important;
color: #8a7e88 !important;
}
.zox-dark #respond textarea,
.woocommerce .zox-dark div.product .woocommerce-tabs ul.tabs li,
.zox-dark #comments .text {
background: #333 !important;
}
.zox-dark #respond #submit {
background: #000 !important;
}
.zox-dark .comment-reply a {
border-top: 5px solid #181818;
border-left: 5px solid #181818;
}
.zox-dark .zox-post-body p a {
box-shadow: inset 0 -1px 0 0 #181818, inset 0 -2px 0 0 #fff;
}
.zox-dark span.zox-s-cat,
.zox-dark span.zox-post-excerpt p,
.zox-dark .zox-author-info-wrap,
.zox-dark p.zox-s-graph,
.zox-dark.zox-s3 .zox-art-small span.zox-s-cat,
.zox-dark .zox-post-body h1,
.zox-dark .zox-post-body h2,
.zox-dark .zox-post-body h3,
.zox-dark .zox-post-body h4,
.zox-dark .zox-post-body h5,
.zox-dark .zox-post-body h6,
.zox-dark .zox-post-body h1 a,
.zox-dark .zox-post-body h2 a,
.zox-dark .zox-post-body h3 a,
.zox-dark .zox-post-body h4 a,
.zox-dark .zox-post-body h5 a,
.zox-dark .zox-post-body h6 a,
.zox-dark .zox-woo-wrap h1,
.zox-dark .zox-woo-wrap h2,
.zox-dark .zox-woo-wrap h3,
.zox-dark .zox-woo-wrap h4,
.zox-dark .zox-woo-wrap h5,
.zox-dark .zox-woo-wrap h6,
.zox-dark .zox-woo-wrap h1 a,
.zox-dark .zox-woo-wrap h2 a,
.zox-dark .zox-woo-wrap h3 a,
.zox-dark .zox-woo-wrap h4 a,
.zox-dark .zox-woo-wrap h5 a,
.zox-dark .zox-woo-wrap h6 a,
.zox-dark .zox-post-tags-header,
.zox-dark h3.zox-post-cat a,
.zox-dark .zox-byline-wrap span,
.zox-dark .zox-byline-wrap span a,
.zox-s6 .zox-dark span.zox-s-cat,
.zox-s7 .zox-dark span.zox-s-cat,
.zox-fash2 .zox-dark span.zox-s-cat,
.zox-dark h1.zox-author-top-head,
.zox-dark span.zox-authors-name a,
.zox-dark #comments a {
color: #999 !important;
}
.zox-sport3 .zox-dark .zox_feat_widget span.zox-widget-main-title {
background-color: transparent !important;
}
.zox-dark .zox-widget-side-trend-wrap .zox-art-text:before {
border: 1px solid #999;
color: #999;
}
.zox-dark .zox-post-type {
border: 3px solid #999;
}
.zox-dark .zox-widget-featl-sub .zox-post-type {
border: 2px solid #999;
}
.zox-ent1 .zox-dark .zox-side-widget.zox_ad_widget,
.zox-dark .zox-side-widget.zox_ad_widget,
.zox-sport3 .zox-dark .zox_ad_widget,
.zox-fash3 .zox-dark .zox_ad_widget,
.zox-tech1 .zox-dark .zox-side-widget.zox_ad_widget {
background: none !important;
}
.zox-logo-dark {
display: none;
}
.zox-dark .zox-logo-stand {
display: none;
}
.zox-dark .zox-logo-dark {
display: inline;
width: auto;
} .zox-fly-but-wrap {
display: grid;
align-content: center;
justify-content: center;
cursor: pointer;
margin: 28px 0;
width: 24px;
height: 14px;
}
#zox-fly-wrap {
overflow: hidden;
position: fixed;
top: 0;
bottom: 0;
left: 0;
-webkit-transform: translate3d(-400px,0,0);
-moz-transform: translate3d(-400px,0,0);
-ms-transform: translate3d(-400px,0,0);
-o-transform: translate3d(-400px,0,0);
transform: translate3d(-400px,0,0);
width: 400px;
height: 100%;
z-index: 999999;
}
.zox-fly-but-cont {
cursor: pointer;
margin: 31px 25px;
position: relative;
width: 24px;
height: 14px;
}
#zox-fly-menu-top {
display: grid;
grid-template-columns: calc(100% - 50px) 50px;
align-content: center;
justify-content: space-between;
margin: 10px 0 0;
padding: 0 30px;
width: 100%;
height: 60px;
}
#zox-fly-logo {
display: grid;
align-content: center;
padding: 0 0 0 50px;
text-align: center;
height: 60px;
}
#zox-fly-logo img {
width: auto;
max-height: 50px;
}
#zox-fly-wrap .zox-fly-but-wrap {
display: grid;
align-content: center;
justify-content: center;
margin: 17px 0 17px 24px;
width: 26px;
height: 26px;
}
.zox-fly-but-wrap span,
.zox-search-but-wrap span {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
background: #000;
display: block;
position: absolute;
right: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-ms-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
height: 2px;
}
.zox-fly-but-wrap span:nth-child(1) {
top: 0;
width: 24px;
}
.zox-fly-but-wrap span:nth-child(2),
.zox-fly-but-wrap span:nth-child(3) {
top: 12px;
width: 20px;
}
.zox-fly-but-wrap span:nth-child(4) {
top: 6px;
width: 16px;
}
.zox-fly-but-wrap.zox-fly-open span:nth-child(1),
.zox-fly-but-wrap.zox-fly-open span:nth-child(4) {
top: .5px;
left: 50%;
width: 0%;
}
.zox-fly-but-wrap.zox-fly-open span:nth-child(2),
.zox-search-but-wrap span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 30px;
}
.zox-fly-but-wrap.zox-fly-open span:nth-child(3),
.zox-search-but-wrap span:nth-child(2) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 30px;
}
.zox-search-but-wrap span:nth-child(1),
.zox-search-but-wrap span:nth-child(2) {
width: 60px;
}
.zox-fly-but-menu {
float: left;
margin-left: 15px;
position: relative;
}
.zox-fly-menu {
-webkit-transform: translate3d(0,0,0) !important;
-moz-transform: translate3d(0,0,0) !important;
-ms-transform: translate3d(0,0,0) !important;
-o-transform: translate3d(0,0,0) !important;
transform: translate3d(0,0,0) !important;
}
.zox-fly-content,
.zox-nav-over {
-webkit-transform: translate3d(100%,0,0) !important;
-moz-transform: translate3d(100%,0,0) !important;
-ms-transform: translate3d(100%,0,0) !important;
-o-transform: translate3d(100%,0,0) !important;
transform: translate3d(100%,0,0) !important;
}
#zox-fly-menu-wrap {
overflow: hidden;
position: absolute;
top: 70px;
left: 0;
width: 100%;
height: calc(100% - 142px);
}
nav.zox-fly-nav-menu {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: grid;
overflow: hidden;
padding: 30px 30px 0;
position: absolute !important;
width: 100%;
max-height: calc(100vh - 170px);
}
nav.zox-fly-nav-menu ul {
float: left;
position: relative;
width: 100%;
}
nav.zox-fly-nav-menu ul div.zox-mega-dropdown {
display: none;
}
nav.zox-fly-nav-menu ul li {
cursor: pointer;
float: left;
position: relative;
width: 100%;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
nav.zox-fly-nav-menu ul li:first-child {
margin-top: -14px;
}
nav.zox-fly-nav-menu ul li ul li:first-child {
margin-top: 0;
}
nav.zox-fly-nav-menu ul li a {
display: inline-block;
font-size: 24px;
line-height: 1;
padding: 14px 0;
text-transform: uppercase;
}
nav.zox-fly-nav-menu ul li.menu-item-has-children:after {
content: '+';
font-family: 'Open Sans', sans-serif;
font-size: 38px;
font-weight: 700;
position: absolute;
right: 0;
top: 10px;
}
nav.zox-fly-nav-menu ul li.menu-item-has-children.tog-minus:after {
content: '_';
right: 4px;
top: -9px;
}
nav.zox-fly-nav-menu ul li ul.sub-menu {
border-top: 1px solid rgba(0,0,0,.1);
display: none;
float: left;
padding-left: 20px;
width: 100%;
}
.zox-fly-fade {
background: rgba(0,0,0,.5);
cursor: pointer;
opacity: 0;
width: 100%;
position: fixed;
top: 0;
left: 0;
transform: scale(2);
z-index: 99999;
}
.zox-fly-fade-trans {
opacity: .7;
height: 100%;
}
.zox-body-blur {
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-ms-filter: blur(3px);
-o-filter: blur(3px);
filter: blur(3px);
}
.zox-fly-shadow {
box-shadow: 0 0 16px 0 rgba(0,0,0,0.7);
}
#zox-fly-soc-wrap {
margin: 0 5.40540540541%; position: absolute;
bottom: 20px;
left: 0;
text-align: center;
width: 89.1891891892%; }
span.zox-fly-soc-head {
color: #000;
display: inline-block;
font-size: .7rem;
font-weight: 400;
line-height: 1;
margin-bottom: 15px;
text-transform: uppercase;
}
ul.zox-fly-soc-list {
text-align: center;
width: 100%;
}
ul.zox-fly-soc-list li {
display: inline-block;
}
ul.zox-fly-soc-list li a {
background: rgba(0,0,0,.15);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
color: #000;
display: inline-block;
font-size: 14px;
line-height: 1;
margin-left: 2px;
padding-top: 9px;
text-align: center;
width: 32px;
height: 32px;
}
ul.zox-fly-soc-list li:first-child a {
margin-left: 0;
}
ul.zox-fly-soc-list li a:hover {
font-size: 16px;
padding-top: 7px;
height: 32px;
} .zox-art-grid {
display: grid;
grid-template-areas:
'zox-img'
'zox-text';
}
.zox-art-img {
-webkit-backface-visibility: hidden;
overflow: hidden;
grid-area: zox-img;
}
.zox-art-img img {
-webkit-transition: -webkit-transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-ms-transition: -ms-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
transition: transform .5s ease-in;
}
.zox-post-type {
background: rgba(0,0,0,.8);
border: 3px solid #ec2b8c;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
color: #fff;
display: grid;
align-content: center;
justify-content: center;
font-size: 16px;
margin: 0;
position: absolute;
top: 30px;
left: 30px;
width: 50px;
height: 50px;
}
.zox-post-type span {
margin: 0 0 0 2px;
opacity: 1;
}
.zox-widget-featl-main .zox-post-type,
.zox-widget-featl-sub .zox-post-type  {
display: grid;
}
.zox-widget-featl-sub .zox-post-type {
border: 2px solid #ec2b8c;
font-size: 10px;
margin: -15px 0 0 -15px !important;
top: 50% !important;
left: 50% !important;
width: 30px;
height: 30px;
}
.zox-widget-featl-sub .zox-post-type span {
margin: 0 0 0 1px;
}
.zox-widget-feat-wrap .zox-post-type {
display: none;
}
.zox-ent2 .zox-post-type,
.zox-ent3 .zox-post-type,
.zox-sport2 .zox-post-type,
.zox-sport3 .zox-post-type,
.zox-tech1 .zox-post-type,
.zox-tech2 .zox-post-type,
.zox-tech3 .zox-post-type {
margin: -25px 0 0 -25px;
left: 50%;
top: 50%;
}
.zox-ent3 .zox-post-type {
margin: -35px 0 0 -25px;
}
.zox-ent3 #zox-main-blog-wrap .zox-post-type {
margin: -25px 0 0 -25px;
}
.zox-ent2 .zox-feat-ent2-main-grid .zox-post-type,
.zox-ent2 .zox-feat-ent2-sub-wrap .zox-post-type {
margin: 0;
left: 20px;
top: 20px;
}
.zox-feat-left-wrap .zox-post-type {
margin: -25px 0 0 -25px;
left: 50%;
top: 50%;
}
.zox-net1 .zox-post-type,
.zox-net2 .zox-post-type {
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
font-size: 10px;
margin: 0;
top: auto;
left: auto;
right: 0;
bottom: 0;
height: 30px;
width: 30px;
z-index: 5;
}
.zox-net2 .zox-widget-featl-over .zox-post-type {
display: none;
}
#zox-feat-net1-wrap .zox-feat-net1-sub.zox-div4 .zox-art-img img {
object-fit: fill;
}
.zox-net3 .zox-post-type {
left: 20px;
top: 20px;
}
#zox-home-widget-wrap .zox-art-img:hover img,
#zox-main-blog-wrap  .zox-art-img:hover img{
transform: scale(1.06);
}
#zox-home-widget-wrap .zox-divs .zox-art-img:hover img {
transform: none;
}
.zox-art-text-cont {
width: 100%;
}
.zox-art-text {
display: grid;
grid-area: zox-text;
}
.zox-art-text2 {
padding: 30px;
}
h3.zox-s-cat {
float: left;
position: relative;
width: 100%;
margin: 0 0 10px;
}
.zox-sport3 h3.zox-s-cat {
margin: 0 0 7px;
}
span.zox-s-cat {
color: #ec2b8c;
float: left;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 900;
line-height: 1;
position: relative;
text-transform: uppercase;
}
.zox-sport3 span.zox-s-cat {
font-size: 12px;
}
h2.zox-s-title1,
h2.zox-s-title1-feat,
h2.zox-s-title2,
h2.zox-s-title3,
.zox-s8 .zox-art-small a:hover h2.zox-s-title3 {
box-shadow: none;
}
h2.zox-s-title1,
h2.zox-s-title1-feat {
color: #111;
display: inline;
font-family: 'Heebo', sans-serif;
font-size: 2.75rem;
font-weight: 900;
letter-spacing: -.02em;
line-height: 1.1;
position: relative;
width: 100%;
}
h2.zox-s-title1-feat {
font-size: 3.25rem;
}
h2.zox-s-title2 {
color: #000;
display: inline;
font-family: 'Heebo', sans-serif;
font-size: 1.375rem;
font-weight: 700;
letter-spacing: -.02em;
line-height: 1.125;
position: relative;
text-transform: capitalize;
width: 100%;
}
h2.zox-s-title3 {
color: #111;
display: inline;
font-family: 'Heebo', sans-serif;
font-size: 1rem;
font-weight: 700;
letter-spacing: -.02em;
line-height: 1.25;
position: relative;
text-transform: capitalize;
width: 100%;
}
p.zox-s-graph {
color: #555;
float: left;
font-family: 'Roboto', sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
margin: 5px 0 0;
position: relative;
width: 100%;
}
.zox-byline-wrap {
float: left;
margin: 8px 0 0;
position: relative;
width: 100%;
}
.zox-sport3 .zox-byline-wrap {
margin: 5px 0 0;
}
.zox-byline-wrap span,
.zox-byline-wrap span a {
color: #999;
font-size: .75rem;
font-weight: 400;
text-transform: none;
}
span.zox-byline-date {
margin: 0 0 0 7px;
}
span.zox-byline-date i {
margin: 0 5px 0 0;
}
.zox-div1 h2.zox-s-title1-feat,
.zox-div1t h2.zox-s-title1-feat {
font-size: 3.25rem;
}
.zox-div2 h2.zox-s-title1-feat,
.zox-div23 h2.zox-s-title1-feat,
.zox-div1 h2.zox-s-title1,
.zox-div1 h2.zox-s-title2,
.zox-div1t h2.zox-s-title1,
.zox-div1t h2.zox-s-title2 {
font-size: 2.125rem;
}
.zox-sport3 .zox-div23 h2.zox-s-title1-feat,
.zox-sport3 .zox-div23 h2.zox-s-title1,
.zox-sport3 .zox-div1 h2.zox-s-title1 {
font-size: 1.75rem;
}
.zox-s8 .zox-div1 h2.zox-s-title1,
.zox-div2 h2.zox-s-title1,
.zox-div2 h2.zox-s-title2,
.zox-div23 h2.zox-s-title1,
.zox-div23 h2.zox-s-title2 {
font-size: 2.125rem;
}
.zox-div3 h2.zox-s-title2,
.zox-div4t h2.zox-s-title2 {
font-size: 1.5rem;
}
.zox-side-widget .zox-div3 h2.zox-s-title2,
.zox-side-widget .zox-div4t h2.zox-s-title2 {
font-size: 1.125rem;
}
.zox-sport2 .zox-div3 h2.zox-s-title2 {
font-size: 1.875rem;
}
.zox-sport2 .zox-div4 h2.zox-s-title2 {
font-size: 1.5rem;
}
.zox-sport3 .zox-div3 h2.zox-s-title2,
.zox-sport3 .zox-div4 h2.zox-s-title2 {
font-size: 1rem;
}
.zox-divr h2.zox-s-title2 {
font-size: 1.75rem;
}
.zox-sport2 .zox-divr h2.zox-s-title2 {
font-size: 2.125rem;
}
.zox-fash2 .zox-div3 h2.zox-s-title2,
.zox-fash2 .zox-div4 h2.zox-s-title2 {
font-size: 1.5rem;
line-height: 1.35;
}
.zox-div5 h2.zox-s-title2,
.zox-div5 h2.zox-s-title3,
.zox-sport3 .zox-divr h2.zox-s-title2,
.zox-sport3 .zox-divr h2.zox-s-title3,
.zox-sport3 .zox-widget-altimg-wrap h2.zox-s-title2 {
font-size: 1rem;
}
.zox-div6 h2.zox-s-title2,
.zox-div6 h2.zox-s-title3 {
font-size: .875rem;
}
.zox-div4 p.zox-s-graph,
.zox-sport2 .zox-divr p.zox-s-graph {
display: none;
}
.zox-div4 span.zox-s-cat {
font-size: .75rem;
}
.zox-divr .zox-art-grid {
grid-gap: 40px;
grid-template-areas: 'zox-img zox-text';
grid-template-columns: minmax(auto, 600px) minmax(300px, calc(100% - 600px));
}
.zox-side-widget .zox-divr .zox-widget-flex1-cont {
grid-gap: 20px;
}
.zox-side-widget .zox-divr .zox-art-main .zox-art-grid {
grid-gap: 0;
grid-template-columns: 100%;
grid-template-areas:
'zox-img'
'zox-text';
}
.zox-s1 .zox-side-widget .zox-divr .zox-art-main .zox-art-text,
.zox-s1 .zox-side-widget .zox-div3 .zox-art-text,
.zox-s1 .zox-side-widget .zox-div4 .zox-art-text {
padding: 10px 10px 20px;
text-align: center;
}
.zox-side-widget .zox-divr .zox-art-main h2.zox-s-title2 {
font-size: 1.125rem;
}
.zox-side-widget .zox-divr .zox-art-mid .zox-art-grid {
grid-gap: 15px;
grid-template-columns: 80px auto;
}
.zox-side-widget .zox-divr .zox-art-mid .zox-reg-img,
.zox-side-widget .zox-divr .zox-art-mid .zox-byline-wrap {
display: none;
}
.zox-side-widget .zox-divr .zox-art-mid .zox-mob-img {
display: inline !important;
}
.zox-side-widget .zox-divr .zox-art-mid .zox-art-text {
padding: 0;
}
.zox-side-widget .zox-divr .zox-art-mid h3.zox-s-cat {
margin: 0 0 5px;
}
.zox-side-widget .zox-divr .zox-art-mid h2.zox-s-title2 {
font-size: .875rem;
}
.zox-tech2 .zox-divr .zox-art-grid,
.zox-tech3 .zox-divr .zox-art-grid {
grid-template-columns: 240px auto;
}
.zox-tech2 .zox-divr h2.zox-s-title2,
.zox-tech3 .zox-divr h2.zox-s-title2 {
font-size: 1.375rem;
}
.zox-divr .zox-art-text,
.zox-s4 .zox-divr .zox-art-text,
.zox-s5 .zox-divr .zox-art-text {
display: grid;
align-content: center;
padding: 0 30px;
text-align: left;
width: 100%;
}
.zox-s1 .zox-art-wrap,
.zox-s2 .zox-art-wrap {
background: #fff;
}
.zox-s1.zox-div1 .zox-art-wrap,
.zox-s2.zox-div1 .zox-art-wrap,
.zox-s3.zox-div1 .zox-art-wrap,
.zox-s4.zox-div1 .zox-art-wrap,
.zox-s5.zox-div1 .zox-art-wrap,
.zox-s6.zox-div1 .zox-art-wrap,
.zox-s1.zox-div23 .zox-art-grid,
.zox-s2.zox-div23 .zox-art-grid,
.zox-s3.zox-div23 .zox-art-grid,
.zox-s4.zox-div23 .zox-art-grid,
.zox-s5.zox-div23 .zox-art-grid,
.zox-o3.zox-div2 .zox-art-wrap {
display: grid;
grid-template-areas: 'zox-img zox-text';
grid-template-columns: 3fr 2fr;
}
.zox-s1 .zox-art-text {
padding: 15px 30px 30px;
text-align: center;
}
.zox-s1 .zox-divr .zox-art-text {
text-align: left;
}
.zox-s1.zox-div1 .zox-art-text,
.zox-s2.zox-div1 .zox-art-text,
.zox-s3.zox-div1 .zox-art-text,
.zox-s4.zox-div1 .zox-art-text,
.zox-s5.zox-div1 .zox-art-text,
.zox-s6.zox-div1 .zox-art-text,
.zox-s1.zox-div23 .zox-art-text,
.zox-s2.zox-div23 .zox-art-text,
.zox-s3.zox-div23 .zox-art-text,
.zox-s4.zox-div23 .zox-art-text,
.zox-s5.zox-div23 .zox-art-text {
align-content: center;
padding: 0;
}
.zox-s1 span.zox-s-cat,
.zox-s2 span.zox-s-cat {
float: none;
font-size: 12px;
font-weight: 900;
letter-spacing: .07em;
text-transform: uppercase;
}
.zox-s1 .zox-byline-wrap span,
.zox-s1 .zox-byline-wrap span a,
.zox-s2 .zox-byline-wrap span,
.zox-s2 .zox-byline-wrap span a {
color: #999;
font-size: .75rem;
font-weight: 400;
text-transform: none;
}
.zox-s2 .zox-art-text {
padding: 15px 30px 40px;
position: relative;
text-align: center;
}
.zox-s2.zox-div1 .zox-art-text,
.zox-s2.zox-div2 .zox-art-text {
padding: 15px 60px 30px;
}
.zox-s2.zox-div23 .zox-art-text,
.zox-s3.zox-div23 .zox-art-text {
padding: 0 30px;
text-align: left;
}
.zox-s2 .zox-widget-altimg-wrap .zox-art-text {
text-align: left;
}
.zox-s2 h3.zox-s-cat {
text-align: center;
position: absolute;
top: -14px;
left: 0;
width: 100%;
}
.zox-s2 .zox-div1 h3.zox-s-cat,
.zox-s2 .zox-div23 h3.zox-s-cat,
.zox-s2 .zox-divr h3.zox-s-cat,
.zox-s2 .zox-divs h3.zox-s-cat,
.zox-s2 .zox-widget-altimg-wrap h3.zox-s-cat {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
text-align: left;
}
.zox-s2 span.zox-s-cat {
background: #fff;
line-height: 1;
padding: 10px 25px 1px;
}
.zox-s2 .zox-div1 span.zox-s-cat,
.zox-s2 .zox-div23 span.zox-s-cat,
.zox-s2 .zox-divr span.zox-s-cat,
.zox-s2 .zox-divs span.zox-s-cat,
.zox-s2 .zox-widget-altimg-wrap span.zox-s-cat {
padding: 0;
}
.zox-s2 .zox-divs span.zox-s-cat {
font-size: .625rem;
}
.zox-s2 .zox-widget-featl-sub.zox-divs span.zox-s-cat {
background: none;
}
.zox-s2 .zox-div23 p.zox-s-graph,
.zox-s2 .zox-div3 p.zox-s-graph,
.zox-s2 .zox-div4 p.zox-s-graph,
.zox-s3 .zox-div23 p.zox-s-graph,
.zox-s3 .zox-div3 p.zox-s-graph,
.zox-s3 .zox-div4 p.zox-s-graph {
display: none;
} 
.zox-s3 .zox-art-wrap {
background: #fff;
}
.zox-s3 .zox-art-text {
padding: 15px 30px 30px;
text-align: left;
}
.zox-s3 h3.zox-s-cat {
display: flex;
margin: 0;
position: absolute;
left: 0;
top: 0;
}
.zox-s3 .zox-art-small h3.zox-s-cat {
margin: 0 0 4px;
position: relative;
left: auto;
top: auto;
}
.zox-s3 .zox-art-small span.zox-s-cat {
background: none;
color: #000;
padding: 0;
}
.zox-s3 span.zox-s-cat,
.zox-o1 span.zox-s-cat {
background: #111;
color: #fff;
float: left;
font-size: .875rem;
font-weight: 400;
letter-spacing: 1.5px;
text-transform: uppercase;
}
.zox-s3.zox-div4 span.zox-s-cat,
.zox-o1.zox-div4 span.zox-s-cat {
font-size: .75rem;
}
.zox-s3 span.zox-s-cat {
padding: 7px 14px 6px;
}
.zox-s3 .zox-byline-wrap span,
.zox-s3 .zox-byline-wrap span a {
font-weight: 500;
}
.zox-s4 .zox-art-text {
padding: 12px 20px 20px;
position: relative;
text-align: left;
}
.zox-s4.zox-main .zox-art-text {
padding: 15px 20px 0;
}
.zox-s4 h3.zox-s-cat {
display: flex;
margin: 0;
position: absolute;
top: -29px;
left: 0;
}
.zox-s4 .zox-widget-altimg-wrap h3.zox-s-cat {
margin: 0 0 10px;
position: relative;
top: auto;
left: auto;
}
.zox-s4 .zox-widget-altimg-wrap span.zox-s-cat {
background: none;
padding: 0;
}
.zox-s4 .zox-div1 h3.zox-s-cat,
.zox-s4 .zox-divr h3.zox-s-cat,
.zox-s4 .zox-art-small h3.zox-s-cat {
margin: 0 0 10px;
position: relative;
top: auto;
left: auto;
}
.zox-s4 span.zox-s-cat {
background: #fff;
color: #333;
float: left;
font-size: 12px;
padding: 15px 20px 4px;
text-transform: uppercase;
}
.zox-s4.zox-div1 span.zox-s-cat,
.zox-s4 .zox-divr span.zox-s-cat,
.zox-s4 .zox-art-small span.zox-s-cat {
background: none;
padding: 0;
}
.zox-s4 .zox-byline-wrap {
margin: 15px 0 0;
}
.zox-s4 .zox-byline-wrap span,
.zox-s4 .zox-byline-wrap span a {
color: #333;
font-weight: 500;
}
.zox-s5.zox-div1 .zox-art-wrap,
.zox-s5.zox-div23 .zox-art-wrap {
display: grid;
grid-area: feat-main;
grid-template-areas: 'zox-text zox-img';
}
.zox-s5.zox-div1 .zox-art-wrap {
grid-gap: 40px;
grid-template-columns: 1fr 2fr;
}
.zox-s5.zox-div23 .zox-art-wrap {
grid-gap: 30px;
grid-template-columns: 1fr 1fr;
}
.zox-s5 .zox-art-text {
align-content: center;
padding: 20px 0 0;
text-align: center;
}
.zox-s5 .zox-post-more .zox-art-text {
padding: 20px 30px 30px;
}
.zox-post-more p.zox-s-graph {
display: none !important;
}
.zox-s5.zox-div1 .zox-art-text {
margin: 0;
padding: 0;
}
.zox-s5 span.zox-s-cat {
color: #bbb;
float: none;
font-size: .75rem;
}
.zox-s5.zox-main span.zox-s-cat {
font-size: 1rem;
}
.zox-s5 p.zox-s-graph {
color: #000;
font-size: 1.125rem;
line-height: 1.45;
}
.zox-s5.zox-div1 p.zox-s-graph {
font-size: 1.5rem;
}
.zox-s5 .zox-divr p.zox-s-graph {
margin: 0;
}
.zox-s5 .zox-byline-wrap {
margin: 20px 0 0;
}
.zox-s5 .zox-divr .zox-byline-wrap {
margin: 10px 0 0;
}
.zox-s5 .zox-byline-wrap span,
.zox-s5 .zox-byline-wrap span a {
color: #bbb;
font-size: .875rem;
}
.zox-s6 .zox-art-wrap {
background: #fff;
float: left;
width: 100%;
}
.zox-s6 .zox-art-text {
padding: 20px 40px 50px;
text-align: left;
}
.zox-s6 .zox-widget-txtw .zox-widget-featl-sub .zox-art-text {
padding: 0 15px 0 0;
}
.zox-s6 .zox-widget-txtw span.zox-s-cat {
color: #fff;
}
.zox-tech2.zox-s6 .zox-div3 .zox-art-text,
.zox-tech2.zox-s6 .zox-div4 .zox-art-text {
padding: 20px 20px 30px;
}
.zox-s6 .zox-div4 .zox-art-text {
padding: 20px 20px 30px;
}
.zox-s6 span.zox-s-cat,
.zox-s7 span.zox-s-cat {
color: #000;
}
.zox-s6 #zox-home-widget-wrap span.zox-s-cat,
.zox-s6 #zox-main-blog-wrap span.zox-s-cat {
font-size: .75rem;
}
.zox-s6 .zox-div3 p.zox-s-graph {
display: none;
}
.zox-sport3 .zox-div3 .zox-art-text,
.zox-sport3 .zox-div4 .zox-art-text {
padding: 10px 20px 20px;
}
.zox-s7 .zox-art-wrap {
background: #fff;
}
.zox-s7.zox-div1 .zox-art-wrap,
.zox-s7.zox-div23 .zox-art-wrap {
display: grid;
grid-gap: 30px;
grid-template-areas: 'zox-text zox-img';
grid-template-columns: 1fr 1fr;
}
.zox-s7 .zox-art-text {
background: #fff;
float: none;
padding: 20px 20px 0;
position: relative;
top: -40px;
left: 20px;
width: calc(100% - 20px);
}
.zox-s7 .zox-divr .zox-art-text,
.zox-s7 .zox-widget-altimg-wrap .zox-art-text,
.zox-s7 .zox-divs .zox-art-text {
background: none;
float: none;
align-content: center;
padding: 0;
top: auto;
left: auto;
right: auto;
width: 100%;
}
.zox-s7 .zox-divs .zox-art-text {
padding: 0 15px;
}
.zox-s7 .zox-divr .zox-art-text,
.zox-s7 .zox-widget-altimg-wrap .zox-art-text {
padding: 0 40px;
}
.zox-s7 h2.zox-s-title2 {
line-height: 1.3;
}
.zox-fash3 .zox-widget-altimg-wrap h2.zox-s-title2 {
line-height: 1.15;
}
.zox-s7 span.zox-s-cat,
.zox-s7 .zox-divs span.zox-s-cat {
font-size: .6875rem;
letter-spacing: .15em;
text-transform: uppercase;
}
.zox-s7 .zox-byline-wrap {
margin: 25px 0 0;
padding: 15px 0 0;
}
.zox-s7 .zox-byline-wrap:before {
content: '';
background: rgb(184, 154, 106);
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 4px;
}
.zox-s7 .zox-byline-wrap span,
.zox-s7 .zox-byline-wrap span a {
color: #000;
letter-spacing: .15em;
}
.zox-s8.zox-div1 .zox-art-grid {
display: grid;
grid-template-areas: 'zox-text zox-img';
grid-template-columns: 1fr 2fr;
}
.zox-s8 .zox-divr .zox-art-grid {
grid-gap: 0;
grid-template-areas: 'zox-text zox-img';
grid-template-columns: 2fr 3fr;
}
.zox-s8 .zox-art-text {
padding: 0 30px;
}
.zox-s8 .zox-blog-grid.zox-divr .zox-art-text {
padding: 0;
}
.zox-s8 .zox-div4 .zox-art-text {
padding: 0 20px 0 15px;
}
.zox-s8.zox-div1 .zox-art-text {
align-content: center;
padding: 0;
}
.zox-s8 h3.zox-s-cat {
display: flex;
position: absolute;
top: 0;
left: 0;
}
.zox-s8.zox-div1 h3.zox-s-cat,
.zox-s8 .zox-divr h3.zox-s-cat,
.zox-s8 .zox-widget-altimg-wrap h3.zox-s-cat {
position: relative;
top: auto;
left: auto;
}
.zox-s8 .zox-widget-altimg-wrap h3.zox-s-cat {
margin: 0;
}
.zox-s8 .zox-divr h3.zox-s-cat {
margin: 0 0 5px 10px;
}
.zox-s8 span.zox-s-cat {
background: #fff;
font-size: 1rem;
padding: 3px 8px 3px 0;
}
.zox-s8.zox-div1 span.zox-s-cat {
background: none;
padding: 0;
}
.zox-s8 .zox-widget-altimg-wrap span.zox-s-cat {
background: #fff;
padding: 3px 10px;
}
.zox-s8 .zox-art-title {
float: left;
margin: 0 0 0 10px !important;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
width: 90%;
}
.zox-s8 .zox-div1 .zox-art-title,
.zox-s8 .zox-divr .zox-art-title,
.zox-s8 .zox-widget-altimg-wrap .zox-art-title,
.zox-o4 .zox-art-title {
width: 140%;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.zox-s8 .zox-divs .zox-art-title,
.zox-s8 .zox-divr .zox-art-title,
.zox-s8 .zox-widget-featl-sub .zox-art-title,
.zox-s8 .zox-widget-featl-main .zox-art-title {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.zox-s8 .zox-widget-featl-sub .zox-art-title {
margin: 0;
}
.zox-s8 h2.zox-s-title1,
.zox-s8 h2.zox-s-title1-feat,
.zox-s8 h2.zox-s-title2 {
background-color: #fff;
box-decoration-break: clone;
box-shadow: 15px 0 0 #fff, -10px 0 0 #fff;
color: #000;
display: inline;
float: none;
line-height: 1.25;
padding: 2px;
}
.zox-s8.zox-div1 h2.zox-s-title2 {
color: #fff;
font-size: 2.125rem;
padding: 3px;
}
.zox-s8 .zox-div3 h2.zox-s-title2 {
font-size: 1.125rem;
}
.zox-s8 .zox-div4 h2.zox-s-title2 {
font-size: 1rem;
}
.zox-s8 p.zox-s-graph,
.zox-s8 .zox-byline-wrap {
display: none;
}
.zox-o1 .zox-art-text {
padding: 0 24px 24px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
width: 100%;
}
.zox-o1 .zox-art-title,
.zox-o1.zox-div1 .zox-art-title {
float: left;
margin: 0 0 0 10px;
width: 90%;
}
.zox-o1 h3.zox-s-cat{
margin: 0 0 5px;
position: relative;
left: auto;
top: auto;
}
.zox-s8 .zox-o1 h3.zox-s-cat {
margin: 0;
}
.zox-o1 span.zox-s-cat {
color: #fff;
padding: 7px 14px 6px;
}
.zox-o1 h2.zox-s-title1,
.zox-o1 h2.zox-s-title1-feat,
.zox-o1 h2.zox-s-title2 {
background-color: #fff;
box-decoration-break: clone;
box-shadow: 15px 0 0 #fff, -10px 0 0 #fff;
display: inline;
float: none;
line-height: 1.22;
padding: 2px;
}
.zox-o1 .zox-art-wrap:hover h2.zox-s-title1,
.zox-o1 .zox-art-wrap:hover h2.zox-s-title1-feat,
.zox-o1 .zox-art-wrap:hover h2.zox-s-title2 {
background-color: #111;
box-shadow: 15px 0 0 #111, -10px 0 0 #111;
color: #fff;
}
.zox-o1 .zox-feat-ent2-sub1 h2.zox-s-title2 {
font-size: 1.875rem;
}
.zox-o1 .zox-feat-ent2-sub2 h2.zox-s-title2 {
font-size: 1.625rem;
}
.zox-o1.zox-feat-ent2-main .zox-art-text h2.zox-s-title1,
.zox-o1.zox-feat-ent2-main .zox-art-text h2.zox-s-title1-feat,
.zox-o1.zox-feat-ent2-sub1 .zox-art-text h2.zox-s-title2,
.zox-o1.zox-feat-ent2-sub2 .zox-art-text h2.zox-s-title2,
.zox-o1 h2.zox-s-title1,
.zox-o1 h2.zox-s-title1-feat {
text-transform: uppercase;
}
.zox-o1 .zox-art-text p.zox-s-graph,
.zox-o1 .zox-art-text .zox-byline-wrap {
display: none;
}
.zox-o1 .zox-widget-ad,
.zox-s3 .zox-widget-ad {
padding: 17px 0 0;
}
.zox-blog-grid.zox-s8.zox-divr {
grid-gap: 60px;
}
.zox-o3 .zox-art-text {
background: #fff;
padding: 0 30px 30px;
text-align: left;
width: 100%;
}
.zox-o3.zox-div1 .zox-art-text,
.zox-o3.zox-div23 .zox-art-text {
position: absolute;
left: 4%;
bottom: 6%;
min-width: 340px;
width: 30%;
}
.zox-o3.zox-widget-feat-main .zox-art-text,
.zox-o3.zox-widget-featl-wrap .zox-art-text {
min-width: 0;
width: 375px;
}
.zox-o3 h3.zox-s-cat {
margin: 0 0 20px -30px;
padding: 15px 60px 15px 30px;
position: relative;
width: calc(100% + 60px);
}
.zox-o3 span.zox-s-cat {
background: none !important;
color: #000 !important;
font-size: .75rem;
letter-spacing: .2em;
padding: 0;
}
.zox-o3 h2.zox-s-title1,
.zox-o3 h2.zox-s-title1-feat {
line-height: 1.1;
}
.zox-o3.zox-div1 h2.zox-s-title1,
.zox-o3.zox-div23 h2.zox-s-title1-feat {
font-size: 1.875rem;
}
.zox-o3 .zox-byline-wrap {
margin: 10px 0 0;
}
.zox-o3 .zox-byline-wrap span,
.zox-o3 .zox-byline-wrap span a {
color: #000;
font-size: .6875rem;
}
.zox-o4 .zox-art-text,
.zox-o5 .zox-art-text,
.zox-o2 .zox-art-text,
.zox-o6 .zox-art-text {
background-color: transparent;
background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%);
background-image: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%);
background-image: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%);
background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%);
background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.9)));
background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%);
float: left;
position: absolute;
top: auto;
bottom: 0;
left: 0;
width: 100%;
}
.zox-o6 .zox-art-text1 {
position: relative;
}
.zox-o4 .zox-art-text {
padding: 60px 30px 30px;
text-align: left;
}
.zox-sport3 .zox-o4 .zox-art-text,
.zox-sport3 .zox-o4.zox-div1 .zox-art-text {
padding: 60px 20px 20px;
}
.zox-o4.zox-div1 .zox-art-text {
padding: 100px 50px 50px;
}
.zox-o4 h3.zox-s-cat {
margin: 0 0 10px;
position: relative;
left: auto;
top: auto;
}
.zox-o4 span.zox-s-cat {
background: none !important;
color: #ccc !important;
float: none;
padding: 0;
text-transform: uppercase;
}
.zox-o4 .zox-art-title {
margin: 0;
width: 100% !important;
}
.zox-widget-feat-main.zox-o1 .zox-art-title,
.zox-widget-feat-main.zox-o4 .zox-art-title {
max-width: 600px;
}
.zox-o4 h2.zox-s-title1,
.zox-o4 h2.zox-s-title1-feat,
.zox-o4 h2.zox-s-title2,
.zox-o4 p.zox-s-graph {
background: none;
box-shadow: none;
color: #fff;
padding: 0;
}
.zox-o4 a:hover h2.zox-s-title1,
.zox-o4 a:hover h2.zox-s-title1-feat,
.zox-o4 a:hover h2.zox-s-title2 {
background: none;
color: #fff !important;
}
.zox-o4.zox-feat-sports3-main p.zox-s-graph {
display: none;
}
.zox-o4 .zox-byline-wrap span,
.zox-o4 .zox-byline-wrap span a {
color: #ccc;
}
.zox-o5 .zox-art-text {
background-color: transparent;
padding: 20px;
text-align: center;
top: auto;
right: auto;
}
.zox-o5.zox-div1 .zox-art-text,
.zox-o5.zox-div1t .zox-art-text {
padding: 40px;
}
.zox-o5 span.zox-s-cat,
.zox-o5 .zox-byline-wrap span,
.zox-o5 .zox-byline-wrap span a {
color: #fff;
font-weight: 700;
letter-spacing: .15em;
}
.zox-o5 span.zox-s-cat {
float: none;
font-size: .6875rem;
margin: 0 0 5px;
text-transform: uppercase;
}
.zox-o5 h2.zox-s-title1,
.zox-o5 h2.zox-s-title1-feat,
.zox-o5 h2.zox-s-title2 {
color: #fff;
}
.zox-o5 p.zox-s-graph  {
color: #fff;
}
.zox-o5 .zox-byline-wrap {
margin: 30px 0 0;
padding: 25px 0 0;
}
.zox-o5 .zox-byline-wrap:before {
content: '';
background: #fff;
margin: 0 0 0 -40px;
position: absolute;
top: 0;
left: 50%;
width: 80px;
height: 6px;
}
.zox-o5 .zox-byline-wrap span,
.zox-o5 .zox-byline-wrap span a {
font-size: .75rem;
}
.zox-o2 .zox-art-wrap {
grid-template-columns: 100%;
}
.zox-o2 .zox-art-text {
background-color: transparent;
padding: 100px 30px 40px;
top: auto;
right: auto;
text-align: center;
width: 100%;
}
.zox-o2 h3.zox-s-cat {
margin: 0 0 15px;
}
.zox-o2 span.zox-s-cat {
color: #fff;
float: none;
font-size: 1.125rem;
letter-spacing: 0;
text-transform: uppercase;
}
.zox-o2 .zox-byline-wrap {
display: none;
}
.zox-o2 h2.zox-s-title1,
.zox-o2 h2.zox-s-title1-feat,
.zox-o2 h2.zox-s-title2,
.zox-o2 p.zox-s-graph {
color: #fff;
display: inline-block;
float: none;
margin: 0 auto;
max-width: 800px;
}
.zox-feat-ent1-grid {
display: grid;
grid-gap: 20px;
grid-template-areas: 'feat-contw feat-right';
grid-template-columns: auto 300px;
width: 100%;
}
.zox-feat-ent1-cont-wrap {
display: grid;
grid-area: feat-contw;
grid-gap: 20px;
grid-template-areas: 'feat-left feat-cont';
grid-template-columns: 300px auto;
}
.zox-feat-ent1-cont {
display: grid;
align-content: start;
grid-area: feat-cont;
grid-gap: 20px;
grid-template-areas: 'feat-main' 'feat-sub';
}
.zox-feat-ent1-main-wrap {
box-shadow: 0 0 2px 1px rgba(0,0,0,.06);
background: #fff;
display: grid;
grid-area: feat-main;
width: 100%;
}
.zox-feat-ent1-main-wrap .zox-art-img {
height: 576px;
}
.zox-feat-ent1-main-wrap .zox-art-img img {
object-fit: cover;
position: absolute;
top: 0;
width: 1024px;
height: 576px;
}
.zox-o6 .zox-art-text {
padding: 60px 30px 30px;
text-align: left;
}
.zox-o6 span.zox-s-cat {
background: #ec2b8c;
color: #fff;
font-size: 11px;
letter-spacing: .2em;
padding: 3px 10px;
}
.zox-o6 h2.zox-s-title1,
.zox-o6 h2.zox-s-title2,
.zox-o6 h2.zox-s-title1-feat,
.zox-o6 p.zox-s-graph {
color: #fff;
}
.zox-o6 a:hover h2.zox-s-title1,
.zox-o6 a:hover h2.zox-s-title2,
.zox-o6 a:hover h2.zox-s-title1-feat {
color: #ccc;
}
.zox-o6 p.zox-s-graph {
font-size: .875rem;
}
.zox-feat-ent1-sub-wrap {
display: grid;
grid-area: feat-sub;
grid-gap: 20px;
grid-template-columns: repeat(2, 1fr);
width: 100%;
}
.zox-feat-ent1-sub-wrap .zox-art-img {
padding-top: 100%;
}
.zox-feat-ent1-sub-wrap .zox-art-img img {
margin: 0 auto;
position: absolute;
left: -9999px;
right: -9999px;
bottom: 0;
top: 0;
width: 100%;
min-width: 178%;
}
.zox-feat-ent1-sub-wrap p.zox-s-graph {
display: none;
}
.zox-feat-right-wrap {
grid-area: feat-right;
grid-gap: 20px;
grid-template-columns: 100%;
width: 100%;
}
.zox-ent1 .zox-feat-right-wrap {
width: 300px;
}
.zox-feat-left-wrap {
background: #fff;
grid-area: feat-left;
grid-template-columns: 100%;
}
.single .zox-side-widget.zox_ad_widget,
.page .zox-side-widget.zox_ad_widget,
.single #zox-woo-side-wrap .zox-side-widget,
.page #zox-woo-side-wrap .zox-side-widget {
border: none;
box-shadow: none;
}
.zox-feat-ent1-left {
border-top: 2px solid #ec2b8c;
display: grid;
padding: 20px;
}
.zox-ent1 .zox-side-widget {
border-top: 2px solid #ec2b8c;
}
.zox-ent1 .zox-side-widget.zox_ad_widget,
.zox-ent1 #zox-woo-side-wrap .zox-side-widget {
border-top: none;
}
.zox-feat-ent1-left p.zox-s-graph,
.zox-feat-ent1-left .zox-byline-wrap {
display: none;
}
.zox-feat-ent1-left .zox-art-small .zox-art-grid {
grid-template-areas: 'zox-text';
}
.zox-feat-ent1-left .zox-art-main,
.zox-feat-ent1-left .zox-art-small {
margin: 0 0 20px;
}
.zox-feat-ent1-left article:last-child {
margin: 0;
}
.zox-feat-ent1-left .zox-art-small .zox-art-img {
display: none;
}
.zox-feat-ent1-left .zox-art-text {
padding: 0;
text-align: left;
}
.zox-feat-ent1-left .zox-art-main .zox-art-text {
padding: 7px 0 0;
}
.zox-feat-ent1-left .zox-art-text h3.zox-s-cat {
margin: 0 0 3px;
}
.zox-feat-ent1-left .zox-art-text span.zox-s-cat,
.zox-feat-ent1-right .zox-art-text span.zox-s-cat {
font-size: .6875rem;
}
.zox-feat-ent1-left .zox-art-main h2.zox-s-title2 {
font-size: 1rem;
}
.zox-feat-ent1-left .zox-art-small h2.zox-s-title3 {
font-weight: 400;
}
.zox-ent1 .zox-blog-grid.zox-div3,
.zox-ent1 .zox-blog-grid.zox-div4 {
grid-column-gap: 20px;
}
.zox-feat-ent2-grid {
display: grid;
grid-gap: 24px;
grid-template-areas: 'feat-main' 'feat-bot';
}
.zox-feat-ent2-main-wrap {
display: grid;
grid-area: feat-main;
}
.zox-feat-ent2-main-grid {
display: grid;
grid-gap: 24px;
grid-template-columns: repeat(2, 1fr);
}
.zox-feat-ent2-main .zox-art-img,
.zox-feat-ent2-sub2 .zox-art-img {
padding-top: 100%;
}
.zox-feat-ent2-main .zox-art-img img,
.zox-feat-ent2-sub2 .zox-art-img img {
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.zox-feat-ent2-bot {
display: grid;
grid-area: feat-bot;
grid-gap: 24px;
grid-template-areas: 'feat-sub feat-right';
grid-template-columns: auto 376px;
}
.zox-feat-ent2-sub-wrap {
display: grid;
align-content: start;
grid-area: feat-sub;
grid-gap: 24px;
}
.zox-feat-ent2-sub2 {
display: grid;
grid-gap: 24px;
grid-template-columns: repeat(2, 1fr);
width: 100%;
}
.zox-feat-ent1-side .zox-widget-ad {
padding: 10px 0 0;
}
.zox-feat-ent3-grid {
display: grid;
grid-gap: 40px;
}
.zox-feat-ent3-sub-wrap {
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(3, 1fr);
}
.zox-feat-ent3-main-wrap a:hover h2.zox-s-title2 {
background-color: #fff;
box-shadow: 15px 0 0 #fff, -10px 0 0 #fff;
color: #000;
}
#zox-feat-net1-wrap {
background: #fff;
}
.zox-feat-net1-grid {
display: grid;
grid-gap: 20px;
grid-template-areas: 'feat-cont feat-right';
grid-template-columns: auto 300px;
}
.zox-feat-net1-cont {
display: grid;
grid-area: feat-cont;
grid-gap: 20px;
grid-template-areas: 'feat-left feat-main';
grid-template-columns: 265px auto;
}
.zox-feat-net1-main-wrap {
display: grid;
align-content: start;
grid-area: feat-main;
}
.zox-feat-net1-main h2.zox-s-title2 {
font-size: 2.5rem;
}
.zox-feat-net1-main p.zox-s-graph {
color: #000;
}
.zox-feat-net1-main .zox-byline-wrap {
margin: 15px 0 0;
}
.zox-feat-net1-sub {
display: grid;
align-content: start;
grid-area: feat-left;
grid-gap: 40px;
}
.zox-feat-net1-sub h2.zox-s-title2 {
font-size: 1.125rem;
}
.zox-feat-net1-sub p.zox-s-graph,
.zox-feat-net1-sub .zox-byline-wrap {
display: none;
}
.zox-feat-net1-right-wrap {
display: grid;
align-content: start;
grid-area: feat-right;
}
.zox-feat-net2-grid {
display: grid;
grid-gap: 2px;
grid-template-areas: 'feat-main feat-sub';
grid-template-columns: repeat(2, 1fr);
}
.zox-feat-net2-main-wrap {
display: grid;
grid-area: feat-main;
}
.zox-feat-net2-main-wrap .zox-art-img {
padding-top: 49.82%;
}
.zox-feat-net2-sub-wrap .zox-art-img {
padding-top: 100%;
}
.zox-feat-net2-main-wrap .zox-art-img img,
.zox-feat-net2-sub-wrap .zox-art-img img {
margin: 0 auto;
position: absolute;
left: -9999px;
right: -9999px;
top: 0;
bottom: 0;
}
.zox-feat-net2-main-wrap .zox-art-img img {
min-width: 100%;
}
.zox-feat-net2-sub-wrap .zox-art-img img {
min-width: 178%;
}
.zox-feat-net2-grid p.zox-s-graph {
display: none;
}
.zox-feat-net2-main-wrap h2.zox-s-title2 {
font-size: 2.5rem;
line-height: 1.1;
}
.zox-feat-net2-sub-wrap.zox-div4 h2.zox-s-title2 {
font-size: 1.5rem;
line-height: 1.2;
}
.zox-feat-net2-sub-wrap {
display: grid;
grid-area: feat-sub;
grid-gap: 2px;
grid-template-columns: repeat(2, 1fr);
}
.zox-feat-net3-grid {
display: grid;
grid-gap: 40px;
grid-template-areas:
'feat-main'
'feat-sub';
}
.zox-feat-net3-main-wrap .zox-art-text span.zox-s-cat {
font-size: 1rem;
}
.zox-feat-net3-main-wrap .zox-art-text h2.zox-s-title1,
.zox-feat-net3-main-wrap .zox-art-text h2.zox-s-title1-feat,
.zox-feat-net3-sub-wrap .zox-art-text h2.zox-s-title2 {
line-height: 1.1;
}
.zox-feat-net3-sub-wrap {
border-top: 1px solid #ddd;
display: grid;
grid-template-columns: repeat(3, 1fr);
padding: 40px 0 0;
}
.zox-feat-net3-sub-wrap .zox-art-wrap {
border-left: 1px solid #ddd;
padding: 0 40px;
}
.zox-feat-net3-sub-wrap .zox-art-wrap:first-child {
border-left: 0;
}
.zox-feat-sport1-grid {
display: grid;
grid-gap: 24px;
grid-template-areas:
'feat-main feat-right'
'feat-sub feat-sub';
grid-template-columns: auto 340px;
}
.zox-feat-sport1-main-wrap {
display: grid;
grid-area: feat-main;
}
.zox-feat-sport1-sub-wrap {
display: grid;
grid-area: feat-sub;
grid-gap: 24px;
grid-template-columns: repeat(3, 1fr);
}
.zox-feat-right-wrap {
display: grid;
align-content: start;
grid-area: feat-right;
}
.zox-feat-sport1-side-wrap .zox-widget-tab-wrap h3.zox-s-cat,
.zox-feat-sport1-side-wrap .zox-art-img {
display: none;
}
.zox-feat-sport1-side-wrap .zox-widget-tab-wrap {
background: #fff;
}
.zox-feat-sport1-side-wrap .zox-widget-tab-head-wrap {
border-bottom: 1px solid #ddd;
}
.zox-feat-sport1-side-wrap ul.zox-widget-tab-head {
padding: 0 24px;
}
.zox-feat-sport1-side-wrap ul.zox-widget-tab-head li a {
display: flex;
justify-content: center;
padding: 18px 24px 14px;
}
.zox-feat-sport1-side-wrap ul.zox-widget-tab-head li.active a {
border-bottom: 3px solid #000;
}
.zox-feat-sport1-side-wrap .zox-side-list-wrap {
padding: 10px 24px;
width: 100%;
}
.zox-feat-sport1-side-wrap .zox-widget-tab-wrap .zox-art-wrap {
border-top: 1px solid #ddd;
margin: 0;
padding: 12px 0 0;
}
.zox-feat-sport1-side-wrap .zox-widget-tab-wrap .zox-art-grid {
grid-template-columns: auto;
}
.zox-feat-sport1-side-wrap .zox-widget-tab-wrap .zox-art-wrap:first-child {
border-top: none;
padding: 0;
}
.zox-feat-sport1-side-wrap .zox-widget-tab-wrap h2.zox-s-title3 {
font-size: 1rem;
line-height: 1.15;
}
.zox-feat-sport2-grid {
display: grid;
grid-gap: 60px;
}
.zox-o3 h3.zox-s-cat {
background: #03fc96;
}
.zox-feat-sports3-main-wrap .zox-art-img {
overflow: hidden;
max-height: 400px;
}
.zox-feat-sports3-main-wrap,
.zox-feat-sports3-sub .zox-art-wrap {
box-shadow: 0 0 2px 1px rgba(0,0,0,.06);
background: #fff;
border-radius: 10px;
overflow: hidden;
}
.zox-sport3 .zox-divr .zox-art-wrap,
.zox-sport3 .zox-div3 .zox-art-wrap,
.zox-sport3 .zox-div4 .zox-art-wrap,
.zox-sport3 .zox-widget-featl-sub .zox-art-wrap,
.zox-sport3 .zox-widget-altimg-wrap .zox-art-wrap {
border-radius: 10px;
box-shadow: 0 1px 3px 1px rgba(0,0,0,.1);
overflow: hidden;
}
.zox-feat-sports3-sub {
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(3, 1fr);
padding: 20px;
}
.zox-feat-sports3-sub .zox-art-wrap {
box-shadow: 0 2px 2px 1px rgba(0,0,0,.06);
}
.zox-feat-sports3-sub .zox-art-text {
float: left;
padding: 10px 20px 20px;
}
.zox-feat-sports3-sub .zox-art-text h2.zox-s-title2 {
font-size: 1rem;
}
.zox-fash1 .zox-top-soc-wrap {
grid-gap: 10px;
margin-top: -20px;
height: 40px;
}
.zox-fash1 .zox-top-soc-wrap a {
height: 40px;
}
.zox-fash1 span.zox-top-soc-but {
border: 1px solid #aaa;
border-radius: 50%;
font-size: 16px;
display: grid;
align-content: center;
text-align: center;
width: 40px;
height: 40px;
}
.zox-feat-fash1-grid {
display: grid;
grid-gap: 40px;
grid-template-columns: repeat(2, 1fr);
}
.zox-feat-fash1-main .zox-art-img {
padding-top: 109%;
}
.zox-feat-fash1-main .zox-art-img img {
margin: 0 auto;
position: absolute;
left: -9999px;
right: -9999px;
top: 0;
width: 100%;
min-width: 195%;
}
.zox-feat-fash1-sub-wrap {
display: flex;
align-items: flex-start;
flex-flow: column wrap;
max-height: 1800px;
}
.zox-feat-fash1-sub-wrap .zox-art-wrap {
width: calc(50% - 20px);
}
.zox-feat-fash1-sub-wrap .zox-art-wrap:nth-child(odd) {
margin: 0 40px 0 0;
}
.zox-feat-fash1-sub-wrap .zox-art-wrap:nth-child(2n+1) {
order: 1;
}
.zox-feat-fash1-sub-wrap .zox-art-wrap:nth-child(2n) {
order: 2;
}
.zox-feat-fash1-right-wrap .zox-div4 .zox-art-img {
padding-top: 140%;
}
.zox-feat-fash1-right-wrap .zox-div4 .zox-art-img img {
position: absolute;
top: 0;
min-width: 0;
}
.zox-feat-fash1-sub-wrap .zox-art-wrap:nth-child(1) .zox-art-img,
.zox-feat-fash1-sub-wrap .zox-art-wrap:nth-child(6) .zox-art-img {
padding-top: 100%;
}
.home #zox-feat-fash2-wrap {
margin: -30px 0 0;
}
.zox-feat-fash2-grid {
display: grid;
align-content: start;
grid-gap: 0;
grid-template-columns: repeat(4, 1fr);
}
.zox-feat-fash2-grid .zox-art-img {
padding-top: 100%;
}
.zox-feat-fash2-grid .zox-art-img img {
margin: 0 auto;
position: absolute;
left: -9999px;
right: -9999px;
top: 0;
bottom: 0;
min-width: 178%;
}
.zox-feat-fash2-grid h3.zox-s-cat,
.zox-fash2 .zox-widget-flex1-col .zox-art-text h3.zox-s-cat {
margin: 0;
position: absolute;
left: 0;
top: -15px;
text-align: center;
}
.zox-feat-fash2-grid h2.zox-s-title2 {
font-size: 1.5rem;
line-height: 1.35;
}
.zox-feat-fash2-grid p.zox-s-graph {
display: none;
}
.zox-fash2 .zox-byline-wrap span,
.zox-fash2 .zox-byline-wrap span a {
color: #2f3846;
}
.zox-fash2 .zox-widget-feat-wrap .zox-byline-wrap span,
.zox-fash2 .zox-widget-feat-wrap .zox-byline-wrap span a {
color: #ccc;
}
.zox-fash2 .zox-byline-wrap span.zox-byline-date {
text-transform: capitalize;
}
#zox-feat-fash3-wrap {
overflow: hidden;
max-height: 780px;
}
#zox-feat-fash3-wrap .zox-art-img {
max-height: 680px;
}
#zox-feat-fash3-wrap .zox-art-img img {
width: 100%;
}
.zox-feat-fash3-grid,
.zox-feat-fash3-grid .zox-art-wrap {
height: 100%;
}
#zox-feat-tech1-wrap {
margin: -20px 0 0;
}
.category #zox-feat-tech1-wrap {
margin: 0;
}
.zox-feat-tech1-grid,
.zox-feat-tech1-sub {
display: grid;
grid-gap: 0;
grid-template-columns: 1fr 1fr;
}
.zox-feat-tech1-main .zox-art-img,
.zox-feat-tech1-sub .zox-art-img {
overflow: hidden;
height: 560px;
}
.zox-feat-tech1-main .zox-art-img img,
.zox-feat-tech1-sub .zox-art-img img {
object-fit: cover;
position: absolute;
top: 0;
}
.zox-feat-tech1-main .zox-art-img img {
width: 100%;
height: 100%;
}
.zox-feat-tech1-sub .zox-art-img img {
width: 100%;
height: 100%;
}
.zox-feat-tech1-sub .zox-art-text p.zox-s-graph {
display: none;
}
.zox-feat-tech1-main .zox-art-text .zox-art-text-cont {
margin: 0 auto;
max-width: 600px;
}
.zox-feat-tech1-main .zox-art-text .zox-art-title,
.zox-feat-tech1-main .zox-art-text h2.zox-s-title1,
.zox-feat-tech1-main .zox-art-text h2.zox-s-title1-feat {
margin: 0 auto;
}
.zox-feat-tech1-main .zox-art-text h3.zox-s-cat {
margin: 0 auto 10px;
}
.zox-feat-tech1-main .zox-art-text p.zox-s-graph {
font-size: 1.125rem;
margin: 10px auto 0;
}
.zox-feat-tech1-main .zox-art-text .zox-byline-wrap {
margin: 15px auto 0;
}
.zox-feat-tech1-sub .zox-art-text .zox-byline-wrap {
margin: 15px 0 0;
}
.zox-feat-tech2-grid {
display: grid;
grid-gap: 20px;
grid-template-columns: 100%;
}
.zox-feat-tech2-main {
display: grid;
grid-gap: 20px;
grid-template-columns: 5fr 3fr;
}
.zox-tech2 .zox-art-img,
.zox-feat-tech2-main .zox-art-wrap {
border-radius: 5px;
overflow: hidden;
}
.zox-feat-tech2-main .zox-art-wrap:nth-child(1) .zox-art-img {
padding-top: 60%;
}
.zox-feat-tech2-main .zox-art-wrap:nth-child(1) .zox-art-img img {
min-width: 107%;
}
.zox-feat-tech2-main .zox-art-img img {
margin: 0 auto;
position: absolute;
top: 0;
left: -9999px;
bottom: 0;
right: -9999px;
}
.zox-feat-tech2-main .zox-art-wrap:nth-child(2) .zox-art-img {
padding-top: 100%;
}
.zox-feat-tech2-main .zox-art-wrap:nth-child(2) .zox-art-img img {
min-width: 178%;
}
.zox-feat-tech2-main .zox-art-text p.zox-s-graph,
.zox-feat-tech2-main .zox-art-text .zox-byline-wrap,
.zox-feat-tech2-sub .zox-art-text h3.zox-s-cat,
.zox-feat-tech2-sub .zox-art-text p.zox-s-graph,
.zox-feat-tech2-sub .zox-art-text .zox-byline-wrap {
display: none;
}
.zox-feat-tech2-sub {
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(4, 1fr);
}
#zox-feat-tech3-wrap {
margin: -12px 0 0;
padding: 0 8px;
}
.zox-feat-tech3-grid,
.zox-feat-tech3-sub-wrap {
display: grid;
grid-gap: 8px;
grid-template-columns: 1fr 1fr;
}
.zox-feat-tech3-main .zox-art-wrap {
overflow: hidden;
}
.zox-feat-tech3-main .zox-art-img {
padding-top: 56.76%;
}
.zox-feat-tech3-main .zox-art-img img {
object-fit: cover;
position: absolute;
top: 0;
height: 100%;
}
.zox-feat-tech3-sub-right .zox-art-wrap {
overflow: hidden;
}
.zox-feat-tech3-sub-left.zox-div4 .zox-art-img {
padding-top: 114.7%;
}
.zox-feat-tech3-sub-left.zox-div4 .zox-art-img img {
width: 600px;
}
.zox-feat-tech3-sub-right {
display: grid;
grid-gap: 8px;
grid-template-columns: 100%;
}
.zox-feat-tech3-sub-right.zox-div4 .zox-art-img {
padding: 0;
}
.zox-feat-tech3-sub-right.zox-div4 .zox-art-img img {
margin: 0;
position: relative;
left: auto;
right: auto;
top: auto;
min-width: 0;
}
.zox-o4.zox-div4 .zox-art-text {
padding: 60px 30px 30px;
}
.zox-feat-tech3-sub-wrap .zox-div4 h2.zox-s-title2 {
font-size: 1.25rem;
}
#zox-feat-tech3-wrap p.zox-s-graph {
display: none;
} #zox-home-body-wrap {
display: grid;
grid-gap: 40px;
grid-template-columns: auto 300px;
}
#zox-home-cont-wrap {
display: grid;
grid-gap: 24px;
grid-template-columns: 100%;
}
.zox-sport3 #zox-home-body-wrap,
.zox-sport3 #zox-home-cont-wrap {
grid-gap: 20px;
}
#zox-home-widget-wrap {
display: grid;
grid-row-gap: 40px;
grid-template-columns: 100%;
}
.zox-sport3 #zox-home-widget-wrap {
grid-gap: 20px;
margin: 0;
}
.zox-widget-home {
width: 100%;
}
.zox-sport3 .zox-widget-home,
.zox-sport3 #zox-main-blog-wrap {
background: #fff;
border-radius: 10px;
overflow: hidden;
padding: 20px;
}
.zox-sport3 .zox_feat_widget {
padding: 0;
}
.zox-sport3 .zox_feat_widget .zox-art-img {
background: #000;
max-height: 400px;
}
.zox-sport3 .zox_feat_widget .zox-art-img img {
opacity: .7;
}
.zox-sport3 .zox_feat_widget .zox-widget-main-head {
position: absolute;
top: 20px;
left: 20px;
z-index: 10;
}
.zox-sport3 .zox_feat_widget span.zox-widget-main-title {
color: #fff;
}
.zox-widget-bgw .zox-widget-home,
.zox-widget-bgg .zox-widget-home,
.zox-widget-bgb .zox-widget-home,
.zox-widget-bgp .zox-widget-home,
.zox-widget-bgs .zox-widget-home {
margin: 40px 0;
}
.zox-sport3 .zox-widget-bgw .zox-widget-home,
.zox-sport3 .zox-widget-bgg .zox-widget-home,
.zox-sport3 .zox-widget-bgb .zox-widget-home,
.zox-sport3 .zox-widget-bgp .zox-widget-home,
.zox-sport3 .zox-widget-bgs .zox-widget-home {
padding: 20px 0;
}
.zox-widget-main-head {
float: left;
margin: 20px 0;
position: relative;
width: 100%;
}
h4.zox-widget-main-title {
text-align: center;
width: 100%;
}
span.zox-widget-main-title {
color: #111;
display: inline-block;
font-family: 'IM Fell French Canon', sans-serif;
font-size: 3rem;
font-weight: 400;
line-height: 1;
}
span.zox-widget-home-title {
font-size: 2.125rem;
}
.zox-tech3 h4.zox-widget-home-title {
margin: 0 0 15px;
}
.zox-tech3 span.zox-widget-home-title {
color: #f42;
font-size: 1.625rem;
}
.zox-widget-txtw .zox-widget-main-head {
margin: 0 0 20px;
}
.zox-widget-txtw h4.zox-widget-main-title {
border: none;
text-align: left;
}
.zox-widget-txtw h4.zox-widget-main-title:after,
.zox-widget-txtw span.zox-widget-main-title:after {
display: none;
}
.zox-widget-txtw span.zox-widget-main-title {
background: none;
border: none;
color: #fff;
font-size: 1.625rem;
font-style: normal;
font-weight: 800;
padding: 0;
top: auto;
}
.zox-widget-flex1-cont {
display: grid;
grid-gap: 30px;
}
.zox-widget-flex1-wrap {
display: grid;
grid-gap: 30px;
grid-template-columns: 100%;
}
.zox-ent1 .zox-widget-flex1-cont,
.zox-ent3 .zox-widget-flex1-cont,
.zox-net1 .zox-widget-flex1-cont,
.zox-tech2 .zox-widget-flex1-cont {
grid-column-gap: 20px;
}
.zox-ent2 .zox-widget-flex1-cont,
.zox-sport1 .zox-widget-flex1-cont {
grid-column-gap: 24px;
}
.zox-net2 .zox-widget-flex1-cont {
grid-column-gap: 2px;
}
.zox-net3 .zox-widget-flex1-cont {
grid-column-gap: 80px;
}
.zox-net3 .zox-div4 .zox-widget-flex1-cont,
.zox-fash1 .zox-div4 .zox-widget-flex1-cont {
grid-column-gap: 40px;
}
.zox-sport3 .zox-widget-flex1-cont {
grid-gap: 15px;
}
.zox-widget-flex1-ad {
grid-template-columns: auto 300px;
}
.zox-widget-flex1-wrap .zox-art-wrap {
background: #fff;
}
.zox-div4 .zox-art-img {
overflow: hidden;
padding-top: 100%;
position: relative;
}
#zox-feat-net1-wrap .zox-div4 .zox-art-img,
.zox-sport3 .zox-div4 .zox-art-img,
.zox-tech2 .zox-div4 .zox-art-img {
padding: 0;
}
.zox-div4 .zox-art-img img {
object-fit: cover;
position: absolute;
top: 0;
height: 100%;
}
#zox-feat-net1-wrap .zox-div4 .zox-art-img img,
.zox-sport3 .zox-div4 .zox-art-img img,
.zox-tech2 .zox-div4 .zox-art-img img {
margin: 0;
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto;
min-width: 0;
}
.zox-div3 .zox-widget-flex1-cont,
.zox-div4.zox-widget-flex1-ad .zox-widget-flex1-cont,
.zox-sport3 .zox-div4 .zox-widget-flex1-cont {
grid-template-columns: repeat(3, 1fr);
}
.zox-side-widget .zox-widget-flex1-adr {
float: left;
width: 100%;
}
.zox-side-widget .zox-div3 .zox-widget-flex1-cont,
.zox-side-widget .zox-div4 .zox-widget-flex1-cont,
.zox-side-widget .zox-div4.zox-widget-flex1-ad .zox-widget-flex1-cont,
.zox-sport3 .zox-side-widget .zox-div4 .zox-widget-flex1-cont {
grid-gap: 20px;
grid-template-columns: 100%;
}
.zox-sport3 .zox-side-widget .zox-div3 .zox-art-wrap,
.zox-sport3 .zox-side-widget .zox-div4 .zox-art-wrap,
.zox-sport3 .zox-side-widget .zox-divr .zox-art-wrap {
border-radius: 0;
box-shadow: none;
overflow: visible
}
.zox-sport3 .zox-side-widget .zox-div3 .zox-art-img,
.zox-sport3 .zox-side-widget .zox-div4 .zox-art-img {
margin: 0 0 0 -15px;
width: calc(100% + 30px);
}
.zox-side-widget .zox-byline-wrap {
display: none;
}
.zox-sport3 .zox-side-widget .zox-div3 .zox-art-text,
.zox-sport3 .zox-side-widget .zox-div4 .zox-art-text,
.zox-sport3 .zox-side-widget .zox-divr .zox-art-main .zox-art-text {
padding: 10px 0 0;
}
.zox-sport3 .zox-side-widget .zox-div3 h2.zox-s-title2,
.zox-sport3 .zox-side-widget .zox-div4 h2.zox-s-title2 {
font-size: .875rem;
}
.zox-sport3 .zox-side-widget .zox-div3 p.zox-s-graph,
.zox-sport3 .zox-side-widget .zox-div4 p.zox-s-graph,
.zox-sport3 .zox-side-widget .zox-divr .zox-art-main p.zox-s-graph {
color: #888;
display: inline;
font-size: .8125rem;
line-height: 1.25;
}
.zox-sport3 .zox-side-widget .zox-divr .zox-art-mid p.zox-s-graph {
display: none;
}
.zox-div4 .zox-widget-flex1-cont {
grid-template-columns: repeat(4, 1fr);
}
.zox-div3.zox-widget-flex1-ad .zox-widget-flex1-cont {
grid-template-columns: repeat(2, 1fr);
}
.zox-widget-flex1-col span.zox-s-cat {
float: none;
}
.zox-net2 .zox-div3 p.zox-s-graph,
.zox-net2 .zox-divr p.zox-s-graph {
display: none;
}
.zox-div4 h2.zox-s-title2 {
font-size: 1.125rem;
}
.zox-div4 p.zox-s-graph,
.zox-sport1 .zox-divr p.zox-s-graph {
display: none;
}
.zox-net1 .zox-divr .zox-art-grid,
.zox-net2 .zox-divr .zox-art-grid {
grid-gap: 30px;
grid-template-columns: minmax(auto, 250px) minmax(250px, calc(100% - 250px));
}
.zox-sport1 .zox-divr .zox-art-grid {
grid-gap: 30px;
grid-template-columns: 340px auto;
}
.zox-sport3 .zox-divr .zox-art-grid {
grid-gap: 20px;
grid-template-columns: 240px auto;
}
.zox-net1 .zox-divr h3.zox-s-cat,
.zox-net2 .zox-divr h3.zox-s-cat,
.zox-sport1 .zox-divr h3.zox-s-cat {
margin: 0 0 8px;
}
.zox-sport1 .zox-divr span.zox-s-cat,
.zox-sport1 .zox-div4 span.zox-s-cat,
.zox-sport1 .zox-widget-featl-sub span.zox-s-cat {
font-size: .75rem;
}
.zox-net1 .zox-divr h2.zox-s-title2,
.zox-net2 .zox-divr h2.zox-s-title2,
.zox-sport1 .zox-divr h2.zox-s-title2 {
font-size: 1.625rem;
}
.zox-net1 .zox-divr .zox-byline-wrap,
.zox-net2 .zox-divr .zox-byline-wrap {
margin: 8px 0 0;
}
.zox-sport1 .zox-divr .zox-byline-wrap {
margin: 3px 0 0;
}
.zox-net3 .zox-divr .zox-art-grid {
grid-gap: 30px;
grid-template-columns: minmax(auto, 340px) minmax(320px, calc(100% - 340px));
}
.zox-net3 .zox-div4 h2.zox-s-title2 {
font-size: 1.5rem;
}
.zox-sport3 .zox-divr p.zox-s-graph {
color: #888;
display: inline;
font-size: .8125rem;
line-height: 1.25;
}
.zox-net3 .zox-div4 p.zox-s-graph,
.zox-net3 .zox-divr p.zox-s-graph {
display: inline;
}
.zox-widget-flex1-adl .zox-widget-flex1-ad {
grid-template-areas: 'widget-ad widget-cont';
grid-template-columns: 300px auto;
}
.zox-widget-flex1-adl .zox-widget-flex1-ad .zox-widget-flex1-cont {
grid-area: widget-cont;
}
.zox-widget-flex1-adl .zox-widget-flex1-ad .zox-widget-side-ad {
grid-area: widget-ad;
}
.zox-widget-flex1-adl .zox-widget-flex1-ad {
grid-gap: 40px;
}
.zox-widget-flex1-adl .zox-widget-flex1-ad .zox-widget-flex1-cont {
border-left: 1px solid #ddd;
padding: 0 0 0 40px;
}
.zox-widget-altimg-over .zox-widget-altimg-cont {
display: grid;
padding: 0 40px;
width: 100%;
}
.zox-sport3 .zox-widget-altimg-over .zox-widget-altimg-cont {
padding: 0;
}
.zox-widget-altimg-stand .zox-widget-altimg-grid {
display: grid;
grid-gap: 0;
}
.zox-widget-altimg-over .zox-widget-altimg-grid {
display: grid;
grid-gap: 30px;
}
.zox-sport3 .zox-widget-altimg-wrap .zox-widget-altimg-grid {
grid-gap: 15px;
grid-template-columns: 1fr 1fr;
}
.zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-grid {
background: #fff;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.zox-tech2 .zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-grid {
background: none;
}
.zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-wrap:nth-child(odd) .zox-art-grid {
grid-template-areas: 'zox-img zox-text';
}
.zox-widget-altimg-over .zox-widget-altimg-grid .zox-art-wrap:nth-child(odd) .zox-art-grid {
grid-template-columns: auto 440px;
}
.zox-sport3 .zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-wrap:nth-child(odd) .zox-art-grid,
.zox-sport3 .zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-wrap:nth-child(even) .zox-art-grid {
grid-template-areas:
'zox-img'
'zox-text';
grid-template-columns: 100%;
}
.zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-wrap:nth-child(even) .zox-art-grid {
grid-template-areas: 'zox-text zox-img';
}
.zox-s3 .zox-widget-altimg-wrap .zox-widget-altimg-grid h3.zox-s-cat {
margin: 0 0 10px;
position: relative;
left: auto;
top: auto;
}
.zox-s3 .zox-widget-altimg-wrap .zox-widget-altimg-grid span.zox-s-cat {
background: none;
color: #000;
padding: 0;
}
.zox-widget-altimg-over .zox-widget-altimg-grid .zox-art-wrap:nth-child(even) .zox-art-grid {
grid-template-columns: 440px auto;
}
.zox-widget-altimg-stand .zox-art-img {
min-height: 563px;
}
.zox-sport3 .zox-widget-altimg-wrap .zox-art-img {
min-height: 0;
padding: 0;
}
.zox-widget-altimg-stand .zox-art-img img {
margin: 0 auto;
position: absolute;
left: -9999px;
right: -9999px;
top: 0;
bottom: 0;
min-width: 1000px;
}
.zox-sport3 .zox-widget-altimg-wrap .zox-art-img img {
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto;
min-width: 100%;
}
.zox-widget-altimg-wrap .zox-art-text {
display: grid;
align-content: center;
margin: 0 auto;
padding: 0 40px;
max-width: 500px;
}
.zox-sport3 .zox-widget-altimg-wrap .zox-art-text {
padding: 10px 20px 20px;
}
.zox-s8 .zox-widget-altimg-over .zox-widget-altimg-grid .zox-art-wrap:nth-child(odd) .zox-art-text-cont {
margin-left: -20%;
}
.zox-s8 .zox-widget-altimg-over .zox-widget-altimg-grid .zox-art-wrap:nth-child(odd) .zox-art-title {
width: 120%;
}
.zox-widget-altimg-wrap h2.zox-s-title2 {
font-size: 2.375rem;
}
.zox-ent1 .zox-widget-altimg-wrap h2.zox-s-title2 {
font-size: 2rem;
}
.zox-s7 .zox-widget-altimg-wrap h2.zox-s-title2,
.zox-s8 .zox-widget-altimg-wrap h2.zox-s-title2 {
font-size: 2.125rem;
}
.zox-sport3 .zox-widget-altimg-wrap p.zox-s-graph {
display: none;
}
.zox-widget-altimg-over .zox-art-img {
overflow: hidden;
position: relative;
height: 450px;
}
.zox-sport3 .zox-widget-altimg-over .zox-art-img {
height: auto;
}
.zox-widget-altimg-over .zox-art-img img {
margin: 0 auto;
position: absolute;
left: -9999px;
right: -9999px;
top: 0;
bottom: 0;
min-width: 800px;
}
.zox-widget-bg {
float: left;
width: 100%;
}
.zox-side-widget .zox-widget-bg {
margin: 20px 0 0;
}
.zox-widget-bgw,
.zox-widget-bgw.zox-widget-txtw .zox-art-wrap,
.zox-widget-bgw.zox-widget-txtw .zox-widget-featl-sub .zox-art-wrap {
background: #fff;
}
.zox-widget-bgg,
.zox-widget-bgg.zox-widget-txtw .zox-art-wrap,
.zox-widget-bgg.zox-widget-txtw .zox-widget-featl-sub .zox-art-wrap {
background: #f0f0f0;
}
.zox-widget-bgb,
.zox-widget-bgb.zox-widget-txtw .zox-art-wrap,
.zox-widget-bgb.zox-widget-txtw .zox-widget-featl-sub .zox-art-wrap {
background: #000;
}
.zox-widget-featl-grid {
display: grid;
grid-template-columns: minmax(auto,1000px) minmax(400px,calc(100% - 1000px));
}
.zox-sport3 .zox-widget-featl-grid {
grid-template-columns: 100%;
}
.zox-widget-featl-over .zox-widget-featl-grid {
grid-gap: 0;
}
.zox-widget-featl-main .zox-art-img {
height: 500px;
}
.zox-widget-featl-main .zox-post-type,
.zox-widget-featl-sub .zox-post-type  {
display: grid;
}
.zox-tech2 .zox-widget-featl-main {
border-radius: 10px;
overflow: hidden;
}
.zox-widget-featl-main .zox-art-img img {
margin: 0 auto;
position: absolute;
left: -9999px;
right: -9999px;
min-width: 890px;
}
.zox-widget-txtw .zox-widget-featl-main {
background: none;
}
.zox-widget-featl-main p.zox-s-graph {
display: none;
}
.zox-widget-featl-sub {
display: grid;
grid-gap: 15px;
align-content: start;
margin: 0 0 0 15px;
}
.zox-sport3 .zox-widget-featl-sub {
padding: 15px 0 0;
}
.zox-widget-txtw .zox-widget-featl-sub {
background: none;
}
.zox-widget-txtw .zox-widget-featl-sub .zox-art-text {
background: none;
}
.zox-widget-featl-sub .zox-art-grid {
grid-template-areas: 'zox-img zox-text';
grid-gap: 15px;
grid-template-columns: 88px auto;
}
.zox-widget-featl-sub .zox-art-text {
display: grid;
align-content: center;
padding: 0 15px 0 0;
text-align: left;
}
.zox-widget-featl-sub h3.zox-s-cat {
margin: 0 0 4px;
}
.zox-widget-featl-sub span.zox-s-cat {
font-size: 12px;
}
.zox-s8 .zox-widget-featl-sub span.zox-s-cat {
display: none;
}
.zox-widget-featl-sub h2.zox-s-title3 {
font-size: 1rem;
}
.zox-fash3 .zox-widget-featl-sub h2.zox-s-title3 {
font-weight: 400;
}
.zox-widget-featl-over .zox-widget-featl-main .zox-art-img {
min-height: 506px;
}
.zox-widget-featl-over .zox-widget-featl-main .zox-art-img img {
margin: 0 auto;
position: absolute;
left: -9999px;
right: -9999px;
min-width: 900px;
}
.zox-widget-txtw .zox-widget-featl-wrap span.zox-s-cat,
.zox-widget-txtw .zox-widget-featl-wrap .zox-byline-wrap span,
.zox-widget-txtw .zox-widget-featl-wrap .zox-byline-wrap span a {
color: #ccc;
}
.zox-widget-txtw .zox-widget-featl-wrap .zox-o1 span.zox-s-cat,
.zox-widget-txtw .zox-widget-featl-wrap .zox-o6 span.zox-s-cat {
color: #fff;
}
.zox-widget-txtw span.zox-s-cat,
.zox-widget-txtw h2.zox-s-title1,
.zox-widget-txtw h2.zox-s-title2,
.zox-widget-txtw h2.zox-s-title3,
.zox-widget-txtw p.zox-s-graph,
.zox-widget-txtw .zox-byline-wrap span,
.zox-widget-txtw .zox-byline-wrap span a {
color: #fff;
}
.zox-widget-txtw .zox-o1 h2.zox-s-title1 {
color: #000;
}
.zox-widget-widthw .zox-body-width {
margin: 0;
max-width: none;
padding: 0;
}
.zox-widget-widthw .zox-art-text-cont {
margin: 0 auto;
max-width: 900px;
}
.zox-widget-widthw .zox-o3 .zox-art-text {
padding: 0 30px 30px;
width: 30%;
}
.zox-widget-feat-wrap .zox-art-img {
max-height: 670px;
}
.zox-widget-feat-wrap.zox-o1 .zox-art-text-cont,
.zox-widget-feat-wrap.zox-o4 .zox-art-text-cont,
.zox-widget-feat-main.zox-o1 .zox-art-text-cont,
.zox-widget-feat-main.zox-o4 .zox-art-text-cont {
margin: 0 auto;
max-width: 1220px;
padding: 0 30px;
}
.zox-widget-feat-main .zox-art-img img {
width: 100%;
}
.zox-widget-feat-wrap .zox-art-text span.zox-s-cat {
float: none;
}
.zox-widget-feat-wrap .zox-art-text p.zox-s-graph {
display: none;
}
.zox-widget-feat-over .zox-art-text {
background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.3) 50%, rgba(0,0,0,.6) 100%);
background-image: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.3) 50%, rgba(0,0,0,.6) 100%);
background-image: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.3) 50%, rgba(0,0,0,.6) 100%);
background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.3) 50%, rgba(0,0,0,.6) 100%);
background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.6)));
background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.3) 50%, rgba(0,0,0,.6) 100%);
padding: 100px calc(50% - 450px) 40px;
position: absolute;
bottom: 0;
left: 0;
text-align: center;
width: 100%;
}
.zox-blog-grid {
display: grid;
grid-gap: 20px;
grid-template-columns: 100%;
}
.zox-sport3 .zox-blog-grid {
grid-gap: 15px;
}
.zox-blog-grid.zox-div3 {
grid-template-columns: 1fr 1fr;
}
.zox-blog-grid.zox-div4 {
grid-template-columns: 1fr 1fr 1fr;
}
.zox-blog-grid.zox-divr.zox-s2 .zox-art-grid {
grid-template-columns: 1fr 1fr;
}
.zox-blog-grid.zox-div4 .zox-art-img {
padding-top: 100%;
}
.zox-blog-grid.zox-div4 .zox-art-img img {
margin: 0 auto;
object-fit: cover;
position: absolute;
top: 0;
}
.zox-blog-grid.zox-divr .zox-art-text,
.zox-s6 .zox-divr .zox-art-text,
.zox-s2 .zox-divr .zox-art-text {
align-content: center;
background: none;
padding: 0 40px 0 0;
position: static;
top: auto;
bottom: auto;
left: auto;
right: auto;
text-align: left;
width: 100%;
}
.zox-blog-grid.zox-divr .zox-art-text2 {
padding: 30px;
}
.zox-blog-grid p.zox-s-graph,
.zox-tech2 .zox-divr p.zox-s-graph {
display: none;
}
.zox-s4.zox-blog-grid.zox-divr .zox-art-wrap,
.zox-s5.zox-blog-grid.zox-divr .zox-art-wrap {
border-top: 1px solid #ddd;
padding: 20px 0 0;
}
.zox-s4.zox-blog-grid.zox-divr .zox-art-wrap:first-child,
.zox-s5.zox-blog-grid.zox-divr .zox-art-wrap:first-child {
border-top: none;
padding: 0;
}
.zox-widget-flex1-wrap.zox-divr .zox-art-text {
padding: 0 30px 0 0;
} #zox-side-wrap,
.zox-side-wrap {
display: grid;
grid-gap: 20px;
grid-template-columns: 100%;
}
.zox-widget-side-head {
float: left;
margin: 0 0 20px;
width: 100%;
}
h4.zox-widget-side-title {
float: left;
text-align: center;
width: 100%;
}
span.zox-widget-side-title {
color: #111;
display: inline-block;
font-family: 'IM Fell French Canon', sans-serif;
font-size: 2.125rem;
font-weight: 400;
line-height: 1;
}
.zox-side-widget {
background: #fff;
float: left;
padding: 20px 20px 30px;
width: 100%;
}
.single .zox-side-widget {
padding: 20px 0 30px;
}
.zox-ent2 .zox-side-widget {
margin: 24px 0 0;
padding: 20px;
}
.zox-sport3 .zox-side-widget {
padding: 15px;
}
.zox-side-widget:first-child {
margin: 0;
}
.zox-widget-ad {
float: left;
line-height: 0;
padding: 13px 0 0;
text-align: center;
width: 100%;
}
.zox-ent1 .zox-side-widget.zox_ad_widget,
.zox-side-widget.zox_ad_widget,
.zox-sport3 .zox_ad_widget,
.zox-fash3 .zox_ad_widget,
.zox-tech1 .zox-side-widget.zox_ad_widget {
background: none;
border: none;
padding: 0;
}
.zox-widget-ad span.zox-ad-label,
.alp-advert span.zox-ad-label,
.zox-post-ad-wrap span.zox-ad-label,
.zox-post-bot-ad span.zox-ad-label {
color: #aaa;
float: left;
font-size: 10px;
letter-spacing: 1.5px;
line-height: 1;
margin: -13px 0 0;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.zox-post-ad-wrap span.zox-ad-label {
margin: -20px 0 0;
position: absolute;
left: 0;
top: 0;
}
ul.zox-widget-tab-head {
display: grid;
grid-template-columns: repeat(3, 1fr);
padding: 0 20px;
}
ul.zox-widget-tab-head li {
float: left;
text-align: center;
}
ul.zox-widget-tab-head li a {
color: #000;
float: left;
font-size: .75rem;
font-weight: 700;
padding: 0 0 10px;
text-align: center;
text-transform: uppercase;
width: 100%;
}
ul.zox-widget-tab-head li.active a {
border-bottom: 3px solid #000;
}
.zox-side-list-wrap {
display: grid;
float: left;
grid-gap: 15px;
overflow: hidden;
width: 100%;
}
.zox-sport3 .zox-side-widget {
border-radius: 10px;
overflow: hidden;
}
.zox-sport3 .zox_ad_widget {
border-radius: 0;
}
.zox-widget-tab-head-wrap {
border-bottom: 1px solid #ddd;
margin: 0 0 15px -20px;
width: calc(100% + 40px);
}
.zox-widget-tab-wrap {
width: 100%;
}
.zox-widget-tab-wrap .zox-art-wrap {
overflow: hidden;
width: 100%;
}
.zox-widget-tab-wrap .zox-art-grid {
display: grid;
grid-gap: 10px;
grid-template-areas: 'zox-img zox-text';
grid-template-columns: 50px auto;
}
.zox-widget-tab-wrap .zox-art-text {
display: grid;
align-content: center;
overflow: hidden;
padding: 0;
width: 100%;
}
.zox-widget-tab-wrap h2.zox-s-title3 {
float: left;
font-size: 13px;
font-weight: 600;
line-height: 1.25;
overflow: hidden;
width: 100%;
}
.zox-tab-noimg h2.zox-s-title3 {
line-height: 1.25;
height: 16px;
}
.zox-widget-tab-wrap h3.zox-s-cat {
display: none;
}
.zox-sport3 .zox-widget-tab-wrap .zox-art-img {
border-radius: 5px;
overflow: hidden;
}
.zox-ent1 .zox-side-widget {
background: #fff;
padding: 20px 20px 30px;
}
.zox-ent1 .zox-side-widget.zox_ad_widget,
.zox-net1 .zox-side-widget.zox_ad_widget {
padding: 0;
}
.zox-widget-side-trend-wrap {
display: grid;
grid-gap: 20px;
}
.zox-widget-side-trend-wrap .zox-art-wrap {
counter-increment: zox-trend;
}
.zox-widget-side-trend-wrap .zox-art-grid {
grid-template-areas: 'zox-text';
}
.zox-widget-side-trend-wrap .zox-art-img,
.zox-widget-side-trend-wrap h3.zox-s-cat {
display: none;
}
.zox-widget-side-trend-wrap .zox-art-text,
.zox-divs .zox-widget-side-trend-wrap .zox-art-text,
.zox-s1 .zox-widget-side-trend-wrap .zox-art-text,
.zox-s7 .zox-divs .zox-widget-side-trend-wrap .zox-art-text {
padding: 0 0 0 41px;
text-align: left;
}
.zox-widget-side-trend-wrap .zox-art-text:before {
content: counter(zox-trend);
border: 1px solid #ec2b8c;
border-radius: 50%;
color: #ec2b8c;
display: grid;
align-content: center;
justify-content: center;
font-family: 'Roboto', sans-serif;
font-size: .875rem;
font-weight: 700;
margin: -13px 0 0;
position: absolute;
left: 0;
top: 50%;
width: 26px;
height: 26px;
}
.zox-widget-side-trend-wrap h2.zox-s-title3 {
font-size: .875rem;
font-weight: 700;
}
.zox-s3 .zox-widget-side-trend-wrap {
display: grid;
grid-gap: 15px;
}
.zox-s3 .zox-widget-side-trend-wrap .zox-art-grid {
grid-gap: 15px;
grid-template-areas: 'zox-img zox-text';
grid-template-columns: 100px auto;
}
.zox-s3 .zox-widget-side-trend-wrap .zox-art-img {
display: block;
}
.zox-s3 .zox-widget-side-trend-wrap .zox-art-text {
align-content: center;
padding: 0;
text-align: left;
}
.zox-s3 .zox-widget-side-trend-wrap .zox-art-text:before {
content: counter(zox-trend);
background: #111;
border: none;
border-radius: 0;
color: #fff;
display: grid;
font-size: .875rem;
font-weight: 700;
margin: 0;
position: absolute;
left: 0;
bottom: 0;
top: auto;
width: 26px;
height: 26px;
}
.zox-s3 .zox-widget-side-trend-wrap h2.zox-s-title3 {
font-size: 1.125rem;
font-weight: 700;
}
.zox-s4 .zox-widget-side-trend-wrap .zox-art-text,
.zox-s4 .zox-divs .zox-widget-side-trend-wrap .zox-art-text {
padding: 0 0 0 32px;
}
.zox-s4 .zox-widget-side-trend-wrap .zox-art-text:before {
content: counter(zox-trend);
border: none;
border-radius: 0;
display: grid;
font-size: 30px;
font-weight: 700;
margin: -15px 0 0;
width: auto;
height: auto;
vertical-align: text-top;
}
.zox-s4 .zox-widget-side-trend-wrap h2.zox-s-title3 {
font-weight: 700;
}
.zox-s5 .zox-widget-side-trend-wrap .zox-art-wrap {
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
}
.zox-s5 .zox-widget-side-trend-wrap .zox-art-wrap:last-child {
border-bottom: none;
padding: 0;
}
.zox-s5 .zox-divs .zox-widget-side-trend-wrap .zox-art-text {
padding: 0 0 0 46px;
}
.zox-s5 .zox-widget-side-trend-wrap .zox-art-text:before {
content: counter(zox-trend);
border: none;
border-radius: 0;
display: grid;
font-size: 46px;
font-weight: 700;
margin:  -23px 0 0;
top: 50%;
width: auto;
height: auto;
vertical-align: text-top;
}
.zox-s5 .zox-widget-side-trend-wrap h2.zox-s-title3 {
font-size: 1.25rem;
font-weight: 700;
text-transform: uppercase;
}
.zox-s6 .zox-widget-side-trend-wrap {
grid-gap: 15px;
}
.zox-s6 .zox-widget-side-trend-wrap .zox-art-wrap {
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
}
.zox-s6 .zox-widget-side-trend-wrap .zox-art-wrap:last-child,
.zox-tech2.zox-s6 .zox-widget-side-trend-wrap .zox-art-wrap {
border-bottom: none;
padding: 0;
}
.zox-s6 .zox-divs .zox-widget-side-trend-wrap .zox-art-text,
.zox-s6 .zox-widget-side-trend-wrap .zox-art-small .zox-art-text {
padding: 0 0 0 30px;
}
.zox-s6 .zox-widget-side-trend-wrap .zox-art-text:before {
content: counter(zox-trend);
border: none;
border-radius: 0;
display: grid;
font-size: 24px;
font-weight: 700;
margin: -12px 0 0;
width: auto;
height: auto;
vertical-align: text-top;
}
.zox-s6 .zox-widget-side-trend-wrap h2.zox-s-title3 {
font-size: 1.125rem;
font-weight: 700;
}
.zox-s6.zox-sport2 .zox-widget-side-trend-wrap h2.zox-s-title3 {
font-size: 1rem;
}
.zox-sport3 .zox-widget-side-trend-wrap h2.zox-s-title3 {
font-size: .875rem;
font-weight: 400;
}
.zox-s8 .zox-divs .zox-widget-side-trend-wrap .zox-art-text {
padding: 0 0 0 24px;
}
.zox-s8 .zox-widget-side-trend-wrap .zox-art-text:before {
content: counter(zox-trend);
border: none;
border-radius: 0;
display: grid;
align-content: center;
justify-content: start;
font-size: 24px;
font-weight: 700;
margin: -12px 0 0;
width: auto;
height: auto;
}
.zox_facebook_widget {
text-align: center;
}
.widget_calendar {
float: left;
}
#wp-calendar {
width: 100%;
}
#wp-calendar caption {
text-align: right;
color: #333;
font-size: 12px;
margin-bottom: 15px;
}
#wp-calendar thead {
font-size: 10px;
}
#wp-calendar thead th {
padding-bottom: 10px;
}
#wp-calendar tbody {
color: #aaa;
}
#wp-calendar tbody td {
background: #f5f5f5;
border: 1px solid #fff;
text-align: center;
padding:8px;
}
#wp-calendar tbody td:hover {
background: #fff;
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tfoot #next {
font-size: 10px;
text-transform: uppercase;
text-align: right;
}
#wp-calendar tfoot #prev {
font-size: 10px;
text-transform: uppercase;
padding-top: 10px;
}
.widget_rss ul,
.widget_rss ul li {
float: left;
width: 100%;
}
.widget_rss ul li a {
float: left;
font-weight: 700;
line-height: 123%;
margin-bottom: 5px;
width: 100%;
}
.widget_rss ul li span.rss-date {
float: left;
font-size: .75rem;
margin-bottom: 5px;
width: 100%;
}
.widget_rss ul li .rssSummary {
float: left;
margin-bottom: 8px;
width: 100%;
}
.widget_rss ul li cite {
float: left;
font-size: .8rem;
width: 100%;
}
.widget_recent_entries li {
float: left;
margin-bottom: 10px;
width: 100%;
}
.widget_categories ul,
.widget_categories ul li,
.widget_archive ul,
.widget_archive ul li,
.widget_recent_comments ul,
.widget_recent_comments ul li,
.widget_pages ul,
.widget_pages ul li {
float: left;
width: 100%;
}
.widget_categories ul li,
.widget_archive ul li,
.widget_pages ul li,
.widget_meta ul li,
.widget_nav_menu ul li {
float: left;
padding: 10px 0 0;
width: 100%;
}
.widget_categories ul li ul,
.widget_pages ul li ul,
.widget_nav_menu ul li ul {
padding: 0 0 0 10px;
}
.widget_recent_comments ul li,
.widget_recent_entries ul li {
border-top: 1px solid #ddd;
line-height: 1.4;
margin-top: 10px;
padding-top: 10px;
}
.widget_rss ul li {
border-top: 1px solid #ddd;
line-height: 1.4;
margin-top: 15px;
padding-top: 15px;
}
.widget_recent_comments ul li:first-child,
.widget_recent_entries ul li:first-child,
.widget_rss ul li:first-child {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.widget_rss {
line-height: 1.4;
}
#zox-side-wrap #searchform input,
#zox-home-widget-wrap #searchform input {
background: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
color: #999;
font-size: 16px;
margin: 0;
padding: 10px;
height: auto;
width: 100%;
}
.textwidget p,
.textwidget div {
float: left;
line-height: 1.4;
}
.textwidget p {
margin-bottom: 15px;
}
.tagcloud {
display: flex;
float: left;
flex-wrap: wrap;
align-items: center;
}
#zox-side-wrap .tagcloud a {
background: #eee;
color: #999;
display: inline-block;
float: left;
margin: 2px;
padding: 5px;
}
#zox-side-wrap .tagcloud a:hover {
background: #ccc;
color: #000;
} .zox-post-top-wrap,
.zox-post-bot-wrap {
display: grid;
grid-gap: 40px;
grid-template-columns: 100%;
}
.zox-auto-post-grid .zox-post-top-wrap .zox-post-img-wrap .zox-post-width {
padding: 0;
}
.zox-auto-post-grid .zox-post-bot-wrap .zox-post-img-wrap {
margin: 0 0 0 -30px;
width: calc(100% + 60px);
}
.zox-post-head-min,
.zox-auto-post-grid .zox-post-title-wrap {
padding: 0 30px;
}
.zox-post-head-min .zox-post-width,
.zox-auto-post-grid .zox-post-title-wrap {
margin: 0 auto;
padding: 0;
max-width: 660px;
}
.zox-alp-img-full {
margin: -30px 0 0;
}
.page .zox-post-top-wrap {
margin: 0 0 30px;
}
.page-template-page-latest .zox-post-top-wrap {
margin: 20px 0 0;
}
.zox-post-width {
margin: 0 auto;
padding: 0 30px;
max-width: 1320px;
}
.zox-post-main {
float: left;
width: 100%;
}
.zox-post-video1-wrap {
background: #000;
padding: 60px 0;
}
.zox-post-video1-img {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.zox-post-video1-img .zox-post-img {
height: 100%;
}
.zox-post-video1-img img {
object-fit: cover;
opacity: .15;
width: 100%;
height: 100%;
max-width: none;
}
.zox-post-video1-cont .zox-post-width {
display: grid;
grid-row-gap: 30px;
grid-template-columns: 100%;
}
.zox-post-video1-title {
margin: 0 auto;
text-align: center;
width: 100%;
max-width: 800px;
}
.zox-post-video1-right h1.zox-post-title,
.zox-post-video1-right span.zox-post-excerpt p {
color: #fff;
text-align: left;
}
.zox-post-video1-right h1.zox-post-title {
font-size: 2rem;
}
.zox-post-video1-right a.zox-post-cat-link,
.zox-post-video1-right span.zox-author-name a  {
color: #aaa;
}
.zox-post-video1-right span.zox-post-date {
float: left;
}
.zox-post-video1-grid {
display: grid;
grid-gap: 30px;
grid-template-columns: auto 300px;
}
.zox-post-video1-left .zox-video-embed-wrap {
margin: 0;
}
.zox-post-video1-right span.zox-post-excerpt p {
font-size: 1rem;
}
.zox-post-video1-right .zox-post-info-wrap {
border-top: 1px solid #999;
grid-gap: 30px;
grid-template-columns: 100%;
}
.zox-post-video1-right .zox-author-info-wrap {
color: #fff;
display: grid;
grid-gap: 5px;
}
.zox-post-video1-right ul.zox-post-soc-stat-list {
justify-content: start;
}
.zox-post-video1-right ul.zox-post-soc-stat-list li {
border: 1px solid #999;
color: #999;
background: none !important;
}
.zox-post-video1-right ul.zox-post-soc-stat-list li:hover {
border: 1px solid #fff;
color: #fff;
}
.zox-auto-post-grid .zox-post-video1-grid {
grid-template-areas:
'zox-title'
'zox-video';
grid-template-columns: 100%;
}
.zox-auto-post-grid .zox-post-video1-left {
display: grid;
grid-area: zox-video;
}
.zox-auto-post-grid .zox-post-video1-right {
display: grid;
grid-area: zox-title;
margin: 0 auto;
max-width: 600px;
text-align: center;
}
.zox-auto-post-grid .zox-post-video1-right .zox-post-info-wrap {
grid-template-columns: auto auto;
}
.zox-auto-post-grid .zox-post-video1-right .zox-post-byline-wrap {
justify-content: start;
}
.zox-auto-post-grid .zox-post-video1-right ul.zox-post-soc-stat-list {
justify-content: end;
}
.zox-article-wrap {
background: #fff;
display: grid;
align-content: start;
grid-gap: 40px;
grid-template-columns: 100%;
grid-template-rows: auto;
padding: 40px 0;
min-height: 700px;
}
.zox-auto-post-grid .zox-article-wrap,
.single .zox-auto-post-grid .zox-article-wrap {
padding-top: 30px;
}
h3.zox-post-cat {
float: left;
margin: 0 0 15px;
width: 100%;
}
span.zox-post-cat {
font-size: 1.125rem;
text-transform: uppercase;
}
h1.zox-post-title {
color: #000;
float: left;
Font-family: 'Roboto Condensed', sans-serif;
font-size: 3.5rem;
font-weight: 700;
letter-spacing: -.02em;
line-height: 1.125;
word-wrap: break-word;
text-transform: capitalize;
width: 100%;
}
.page h1.zox-post-title {
text-align: center;
}
.zox-auto-post-main h1.zox-post-title {
font-size: 2.5rem;
}
span.zox-post-excerpt {
float: left;
margin: 20px 0 0;
width: 100%;
}
span.zox-post-excerpt p {
color: #555;
font-size: 1.25rem;
line-height: 1.375;
}
.zox-post-info-wrap {
border-top: 1px solid #ddd;
display: grid;
align-content: center;
float: left;
grid-gap: 50px;
grid-template-columns: auto auto;
margin: 25px 0 0;
padding: 15px 0 0;
width: 100%;
}
.zox-post-byline-wrap {
display: grid;
align-items: center;
grid-gap: 14px;
grid-template-columns: 40px auto;
width: 100%;
}
.zox-post-byline-date {
grid-template-columns: auto;
}
.zox-author-thumb {
border: 3px solid #eee;
border-radius: 50%;
overflow: hidden;
width: 40px;
height: 40px;
}
.zox-author-info-wrap {
color: #555;
font-size: .875rem;
line-height: 1;
}
.zox-author-name-wrap,
.zox-author-name-wrap p,
.zox-post-date-wrap p {
margin: 0 5px 0 0;
}
.zox-auto-post-grid .zox-author-name-wrap {
margin: 0 0 5px 0;
width: 100%;
}
.zox-author-info-wrap,
.zox-author-name-wrap,
.zox-author-name-wrap p,
.zox-author-name,
.zox-post-date-wrap,
.zox-post-date-wrap p {
display: inline-block;
float: left;
}
.zox-post-img {
text-align: center;
width: 100%;
}
span.zox-post-img-cap {
color: #888;
float: right;
font-size: .75rem;
line-height: 1;
padding: 8px 30px 0;
text-align: right;
width: 100%;
}
.zox-post-img-hide {
display: none;
}
.zox-video-embed-wrap {
margin-bottom: 30px;
width: 100%;
}
.zox-video-embed-cont {
width: 100%;
}
span.zox-video-close {
background: #000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
color: #fff;
cursor: pointer;
display: none;
font-size: 14px;
line-height: 1;
padding-top: 5px;
position: absolute;
top: -10px;
left: -10px;
text-align: center;
width: 24px;
height: 24px;
z-index: 5;
}
.zox-video-embed {
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
text-align: center;
width: 100%;
height: 0;
}
.zox-vid-fixed {
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
-ms-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
-o-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
margin-top: -102px;
padding-bottom: 0 !important;
position: fixed !important;
right: 80px;
bottom: 20px;
width: 360px !important;
height: 203px !important;
z-index: 9999;
}
.zox-video-embed iframe,
.zox-video-embed object,
.zox-video-embed embed,
span.embed-youtube iframe,
span.embed-youtube object,
span.embed-youtube embed,
.wp-block-embed-youtube iframe,
.wp-block-embed-youtube object,
.wp-block-embed-youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.zox-post-main-wrap {
display: grid;
grid-gap: 60px;
grid-template-columns: calc(100% - 360px) 300px;
}
.zox-auto-post-grid .zox-post-main-wrap {
display: block;
grid-gap: 0;
grid-template-columns: 100%;
}
.zox-post-main-wide {
float: left;
width: 100%;
}
.zox-post-bot-wrap {
float: left;
margin: 0 0 40px;
width: 100%;
}
.zox-post-body-wrap {
width: 100%;
}
ul.zox-post-soc-stat-list {
display: grid;
grid-gap: 5px;
grid-template-columns: auto auto auto auto auto;
justify-content: end;
width: 100%;
}
ul.zox-post-soc-stat-list li {
border: 1px solid #ddd;
color: #000;
display: grid;
float: left;
font-size: 16px;
align-content: center;
justify-content: center;
line-height: 1;
position: relative;
text-align: center;
width: 36px;
height: 36px;
}
ul.zox-post-soc-stat-list li:hover,
ul.zox-alp-soc-list li:hover {
background: #000;
border: 1px solid #000;
color: #fff;
}
ul.zox-post-soc-stat-list li.zox-post-soc-fb:hover,
ul.zox-alp-soc-list li.zox-alp-soc-fb:hover {
background: #3b5998;
border: 1px solid #3b5998;
}
ul.zox-post-soc-stat-list li.zox-post-soc-twit:hover,
ul.zox-alp-soc-list li.zox-alp-soc-twit:hover {
background: #55acee;
border: 1px solid #55acee;
}
ul.zox-post-soc-stat-list li.zox-post-soc-flip:hover,
ul.zox-alp-soc-list li.zox-alp-soc-flip:hover {
background: #f52828;
border: 1px solid #f52828;
}
.zox-post-soc-scroll {
margin: -125px 0 0;
opacity: 0;
position: fixed;
left: -50px;
top: 50%;
-webkit-transition: opacity .25s;
-moz-transition: opacity .25s;
-ms-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s;
width: 50px;
z-index: 10;
}
.zox-post-soc-scroll-out {
left: 0;
opacity: 1;
}
.zox-auto-post-grid .zox-post-soc-scroll {
display: none;
}
ul.zox-post-soc-list {
width: 100%;
}
ul.zox-post-soc-list li {
background: #000;
border-top: 1px solid rgba(255,255,255,.15);
color: #fff;
display: grid;
float: left;
font-size: 16px;
align-content: center;
justify-content: center;
line-height: 1;
position: relative;
text-align: center;
width: 50px;
height: 50px;
}
ul.zox-post-soc-list a:first-child li {
border-top: none;
}
ul.zox-post-soc-list li.zox-post-soc-fb:hover {
background: #3b5998;
}
ul.zox-post-soc-list li.zox-post-soc-twit:hover {
background: #55acee;
}
ul.zox-post-soc-list li.zox-post-soc-flip:hover {
background: #f52828;
}
ul.zox-post-soc-list li.zox-post-soc-email:hover {
background: #555;
}
ul.zox-post-soc-list li.zox-post-soc-com:hover {
background: #555;
}
ul.zox-post-soc-list li.zox-post-soc-more,
ul.zox-post-soc-stat-list li.zox-post-soc-more,
ul.zox-post-soc-list li.zox-post-soc-copy,
ul.zox-post-soc-stat-list li.zox-post-soc-copy {
cursor: pointer;
}
.zox-soc-more-stat,
.zox-soc-more-scroll {
background: #000;
opacity: 0;
padding: 20px;
position: absolute;
transition: max-height 0s .25s, top 0s .25s, bottom 0s .25s, opacity .25s;
z-index: 9999;
width: 150px;
max-height: 0;
}
.zox-soc-more-open {
opacity: 1;
transition: opacity .25s;
max-height: 200px;
}
.zox-soc-more-stat {
top: -9999px;
right: 15px;
}
.zox-soc-more-open.zox-soc-more-stat {
top: 53px;
}
.zox-soc-more-scroll {
bottom: -9999px;
left: 65px;
}
.zox-soc-more-open.zox-soc-more-scroll {
bottom: 20px;
}
.zox-soc-more-stat:before {
content: '';
border-left: 10px solid transparent;
border-bottom: 10px solid black;
position: absolute;
top: -10px;
right: 0;
width: 0;
height: 0;
}
.zox-soc-more-scroll:before {
content: '';
border-top: 10px solid transparent;
border-right: 10px solid black;
position: absolute;
left: -10px;
bottom: 0;
width: 0;
height: 0;
}
ul.zox-soc-more-list {
display: grid;
grid-gap: 15px;
}
ul.zox-soc-more-list li {
background: none !important;
border: none !important;
color: #fff;
grid-template-columns: auto auto;
float: left;
font-size: 16px;
justify-content: space-between;
line-height: 1;
padding: 0;
position: relative;
width: 100% !important;
height: auto !important;
}
ul.zox-soc-more-list li p {
font-size: 14px;
font-weight: 700;
}
ul.zox-post-soc-list li ul.zox-soc-more-list li:hover,
ul.zox-post-soc-stat-list li ul.zox-soc-more-list li:hover,
ul.zox-post-soc-scroll-list li ul.zox-soc-more-list li:hover,
ul.zox-soc-more-list li:hover {
border: none;
color: #888;
font-size: 16px;
}
.zox-whats-mob {
display: none;
}
.zox-soc-mob-wrap {
display: none;
}
.zox-post-body p {
color: #000;
display: block;
font-size: 1.125rem;
line-height: 1.55;
margin: 0 auto 20px;
max-width: 660px;
}
.zox-post-body p a {
box-shadow: inset 0 -1px 0 0 #fff, inset 0 -2px 0 0 #ec2b8c;
color: #000;
}
.zox-post-body p a:hover {
color: #ec2b8c;
}
.zox-post-body pre,
.comment-inner pre {
border: 1px solid #ddd;
margin: 0 auto 20px;
overflow: auto;
padding: 30px;
max-width: 660px;
}
em,
i,
q,
dfn,
var {
font-style: italic;
}
.zox-post-body q,
.comment-inner q {
quotes: "\0022" "\0022";
}
.zox-post-body q:before,
.comment-inner q:before {
content: open-quote;
}
.zox-post-body q:after,
.comment-inner q:after {
content: close-quote;
}
.zox-post-body small,,
.comment-inner small {
font-size: .75em;
}
.wp-audio-shortcode {
padding: 0 20px;
max-width: 740px;
}
.page .zox-post-body p {
max-width: none;
}
.zox-post-body .twitter-tweet {
margin: 0 auto 20px;
padding: 20px 0;
}
.zox-post-body iframe.instagram-media {
margin: 0 auto 20px !important;
}
.zox-post-body ul,
.comment-inner ul {
list-style: disc outside;
padding: 0 0 20px;
}
.zox-post-body ol,
.comment-inner ol {
list-style: decimal outside;
padding: 0 0 20px;
}
.zox-post-body ul li,
.zox-post-body ol li,
.comment-inner ul li,
.comment-inner ol li {
font-size: 1.125rem;
line-height: 1.55;
margin-left: 50px;
}
.zox-post-body ul li ul,
.zox-post-body ul li ol,
.zox-post-body ol li ul,
.zox-post-body ol li ol,
.comment-inner ul li ul,
.comment-inner ul li ol,
.comment-inner ol li ul,
.comment-inner ol li ol {
padding: 0;
}
.zox-post-body h1,
.zox-post-body h2,
.zox-post-body h3,
.zox-post-body h4,
.zox-post-body h5,
.zox-post-body h6,
.comment-inner h1,
.comment-inner h2,
.comment-inner h3,
.comment-inner h4,
.comment-inner h5,
.comment-inner h6 {
font-weight: 800;
letter-spacing: -.02em;
line-height: 1.2;
padding: 1rem 0 2rem;
overflow: hidden;
width: 100%;
text-transform: none !important;
}
.zox-post-body h1,
.comment-inner h1 {
font-size: 3rem;
}
.zox-post-body h2,
.comment-inner h2 {
font-size: 2.75rem;
}
.zox-post-body h3,
.comment-inner h3 {
font-size: 2.25rem;
}
.zox-post-body h4,
.comment-inner h4 {
font-size: 2rem;
}
.zox-post-body h5,
.comment-inner h5 {
font-size: 1.625rem;
}
.zox-post-body h6,
.comment-inner h6 {
font-size: 1.325rem;
text-transform: uppercase !important;
}
.single .zox-post-body ul,
.single .zox-post-body ol,
.single .zox-post-body h1,
.single .zox-post-body h2,
.single .zox-post-body h3,
.single .zox-post-body h4,
.single .zox-post-body h5,
.single .zox-post-body h6 {
margin: 0 auto;
max-width: 660px;
}
.zox-post-body > * {
font-size: 1.125rem;
line-height: 1.55;
margin: 0 auto 20px;
}
.zox-post-body blockquote,
.comment-inner blockquote {
border-left: 3px solid #ccc;
clear: both;
margin: 40px auto;
padding: 10px 0 10px 30px;
max-width: 660px;
width: 100%;
}
.zox-post-body blockquote.is-style-large,
.comment-inner blockquote.is-style-large {
border: none;
margin: 30px auto;
padding: 0;
max-width: 660px;
}
.zox-post-body blockquote.is-style-large p,
.comment-inner blockquote.is-style-large p {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.55;
}
.zox-post-body blockquote.has-text-align-right,
.comment-inner blockquote.has-text-align-right {
border-left: none;
border-right: 3px solid #ccc;
padding: 10px 30px 10px 0;
}
.zox-post-body .gallery-item img {
border: none !important;
}
cite em {
font-weight: 700;
}
.zox-post-body .has-drop-cap:not(:focus)::first-letter {
font-size: 6rem;
font-weight: 800;
}
.zox-post-body .has-small-font-size,
.comment-inner .has-small-font-size {
font-size: .875rem;
}
.zox-post-body .wp-block-pullquote {
clear: both;
margin: 40px auto;
max-width: 660px;
width: 100%;
}
.zox-post-body .wp-block-pullquote blockquote {
border: none;
margin: 0 auto;
padding: 0;
text-align: center;
max-width: 500px;
}
.zox-post-body .wp-block-pullquote.alignfull {
max-width: none;
padding: 0 30px;
}
.zox-post-body .wp-block-pullquote.alignfull blockquote {
max-width: none;
}
.zox-post-body .wp-block-pullquote.alignleft {
margin: 30px 30px 30px 40px;
padding: 0;
text-align: left;
max-width: 330px;
}
.zox-post-body .wp-block-pullquote.alignleft blockquote {
text-align: left;
}
.zox-post-body .wp-block-pullquote.alignright {
margin: 30px 40px 30px 30px;
padding: 0;
text-align: right;
max-width: 330px;
}
.zox-post-body .wp-block-pullquote.alignright blockquote {
text-align: right;
}
.zox-post-body .wp-block-pullquote blockquote p {
font-size: 2.25rem;
font-weight: 800;
letter-spacing: -.02em;
line-height: 1.125;
max-width: none;
}
.zox-post-body blockquote p {
color: #000;
font-family: 'Roboto';
font-size: 1.125rem;
font-weight: 400;
line-height: 1.55;
margin: 0;
padding: 0;
text-transform: none !important;
}
.zox-post-body blockquote p cite,
.zox-post-body blockquote cite {
color: #777;
display: inline-block;
font-size: .875rem;
font-weight: 600;
margin: 20px 0 0;
width: 100%;
}
.zox-post-body blockquote p a {
box-shadow: none;
}
.zox-post-body .wp-block-column blockquote {
margin: 0 0 30px;
width: 100%;
}
.zox-post-body .has-large-font-size,
.comment-inner .has-large-font-size {
font-size: 1.5rem;
}
.wp-block-audio {
margin: 0 0 30px;
}
.zox-post-body .wp-block-archives-dropdown,
.zox-post-body .wp-block-categories-dropdown {
margin: 0 auto 20px;
text-align: right;
max-width: 740px;
}
.zox-post-body .wp-block-search {
margin: 0 auto 20px;
text-align: left;
max-width: 660px;
}
.wp-block-group,
.wp-block-media-text {
margin: 0 0 20px;
}
.wp-block-group.has-background {
padding: 30px 0;
}
.zox-post-body cite,
.comment-inner cite {
color: #777;
font-size: .875rem;
font-weight: 600;
}
.zox-post-body dl,
.zox-post-body address,
.comment-inner dl,
.comment-inner address {
line-height: 1.55;
margin: 0 auto 20px;
max-width: 660px;
}
.zox-post-body dt,
.comment-inner dt {
font-weight: bold;
margin: 1.5rem 0 0;
}
.zox-post-body dd,
.comment-inner dd {
line-height: 1.55;
margin: .5rem 0 0 40px;
}
.zox-post-body abbr,
.zox-post-body acronym,
.comment-inner abbr,
.comment-inner acronym {
cursor: help;
}
.zox-post-body code,
.zox-post-body kbd,
.comment-inner code,
.comment-inner kbd {
background: #ddd;
font-size: .875rem;
line-height: 1.5;
padding: 4px 6px;
}
.zox-post-body pre code,
.zox-post-body pre kbd,
.comment-inner pre code,
.comment-inner pre kbd {
background: none;
}
.zox-post-body hr,
.comment-inner hr {
border: none;
background: #777;
margin: 30px auto;
max-width: 660px;
height: 1px;
}
.zox-post-body ul ul,
.comment-inner ul ul {
list-style: circle;
}
.zox-post-body ul ul ul,
.comment-inner ul ul ul {
list-style: square;
}
.zox-post-body ol ol,
.comment-inner ol ol {
list-style: lower-alpha;
}
.zox-post-body ol ol ol,
.comment-inner ol ol ol {
list-style: lower-roman;
}
.zox-post-body sub,
.comment-inner sub {
font-size: smaller;
vertical-align: sub;
}
.zox-post-body sup,
.comment-inner sup {
font-size: smaller;
vertical-align: super;
}
.zox-post-body table,
.comment-inner table {
font-size: .875rem;
margin: 0 auto 20px;
padding: 0 20px;
max-width: 740px;
width: 100%;
}
.zox-post-body thead {
border-bottom: 1px solid #aaa;
}
.comment-inner thead {
border-bottom: #777;
}
.zox-post-body tbody tr {
border-bottom: 1px solid #ddd;
}
.comment-inner tbody tr {
border-bottom: 1px solid #bbb;
}
.zox-post-body td,
.zox-post-body th,
.comment-inner td,
.comment-inner th {
padding: 12px 5px;
}
.wp-block-image {
margin: 30px 0 30px;
}
.wp-block-image .alignleft {
margin: 30px 30px 30px 0;
}
.wp-block-image .alignright {
margin: 30px 0 30px 30px;
}
.wp-caption {
display: inline-block;
line-height: 0;
margin: 15px 0 0;
width: 100%;
}
.wp-caption.alignleft,
.wp-caption.alignright {
margin: 30px;
}
.wp-caption.aligncenter {
display: block;
margin: 0 auto;
}
.wp-caption.alignleft p.wp-caption-text,
.wp-caption.alignright p.wp-caption-text {
padding: 8px 0 0;
}
.wp-caption,
.gallery-caption {
margin-bottom: 20px;
max-width: 100%;
text-align: center;
}
.wp-block-button.aligncenter,
.wp-block-button {
margin: 0 auto 20px;
text-align: center;
width: 100%;
max-width: 660px;
}
.wp-block-button {
text-align: left;
}
.wp-block-button.aligncenter {
text-align: center;
}
.wp-block-button.alignleft {
margin: 0 20px 20px 0;
text-align: left;
width: auto;
}
.wp-block-button.alignright {
margin: 0 0 20px 20px;
text-align: right;
width: auto;
}
.wp-block-group__inner-container {
padding: 0 30px;
}
.blocks-gallery-caption {
color: #777;
font-size: .875rem;
margin: -15px 0 30px;
text-align: left;
width: 100%;
}
.wp-block-video figcaption {
color: #777;
font-size: .875rem;
margin: 0 0 30px;
text-align: left;
width: 100%;
}
.wp-block-gallery.alignleft {
margin: 0 30px 0 0;
}
.wp-block-gallery.alignright {
margin: 0 0 0 30px;
}
.single .zox-post-body .wp-block-gallery.alignwide ul {
max-width: 120rem;
}
.zox-post-body .wp-block-file {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.zox-post-body p.wp-block-cover-text {
color: #fff;
}
.zox-post-body p.wp-block-cover-text a {
box-shadow: none;
color: #fff;
}
.zox-post-body p.wp-block-cover-text a:hover {
color: #ddd;
}
.wp-block-cover,
.wp-block-cover-image {
margin: 0 0 30px;
}
.wp-block-cover.alignleft {
margin: 0 30px 30px 0;
}
.wp-block-cover.alignright {
margin: 0 0 30px 30px;
}
.zox-post-body p.wp-caption-text,
.zox-post-body .wp-block-image figcaption {
color: #888;
font-size: .75rem;
line-height: 1;
margin: 0 0 20px;
padding: 8px 20px 0;
text-align: right;
max-width: none;
width: 100%;
}
.zox-post-body .gallery {
padding: 0 60px;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.sticky {
font-weight: 700;
}
.posts-nav-link {
display: none;
}
.zox-org-wrap {
display: none;
}
.theiaPostSlider_nav {
margin: 0 auto;
width: 100%;
max-width: 660px;
}
.post-password-form label {
font-size: 1rem;
font-weight: 700;
}
.post-password-form p {
font-size: 1rem !important;
}
.post-password-form {
float: left;
margin: 100px 0;
text-align: center;
width: 100%;
}
.post-password-form input {
background: #000;
border: none;
color: #fff;
cursor: pointer;
font-size: 12px;
font-weight: 700;
line-height: 1;
padding: 5px 10px;
text-transform: uppercase;
height: 26px;
}
.post-password-form label input {
background: #fff;
border: 1px solid #ddd;
color: #000;
margin: 0 10px;
}
.zox-post-body-bot {
margin: 30px 0 0;
}
.zox-post-body-width {
margin: 0 auto;
max-width: 660px;
}
.zox-post-tags {
color: #999;
font-size: 1rem;
line-height: 1;
width: 100%;
}
.zox-post-tags a,
.zox-post-tags a:visited {
color: #999;
display: inline-block;
margin: 0 0 5px;
position: relative;
}
.zox-post-tags a:hover {
color: #333;
}
.zox-post-tags-header {
color: #333;
float: left;
font-weight: 700 !important;
margin-right: 5px;
}
.zox-posts-nav-link,
.zox-prev-next-wrap,
.zox-org-wrap {
display: none;
}
.zox-author-box-wrap {
border-top: 1px solid #ddd;
display: grid;
grid-template-columns: auto auto;
grid-column-gap: 30px;
justify-content: start;
margin: 40px 0 0;
padding: 40px 0 0;
width: 100%;
}
.zox-author-box-right {
display: grid;
align-content: center;
grid-template-rows: auto auto;
grid-row-gap: 10px;
}
.zox-author-box-img {
display: grid;
align-content: center;
line-height: 0;
width: 125px;
}
.zox-author-box-img img {
border: 2px solid #ddd;
border-radius: 50%;
}
.zox-author-box-head,
.zox-author-box-text {
width: 100%;
}
.zox-author-box-head {
display: grid;
grid-template-columns: auto auto;
justify-content: space-between;
}
.zox-author-box-name-wrap {
display: grid;
align-content: center;
grid-row-gap: 5px;
}
span.zox-author-box-name-head {
color: #aaa;
font-size: .875rem;
line-height: 1;
text-transform: uppercase;
}
span.zox-author-box-name {
font-size: 1.5rem;
line-height: 1;
}
span.zox-author-box-name a {
color: #777;
font-weight: 700;
}
span.zox-author-box-name a:hover {
color: #555;
}
.zox-author-box-text p {
color: #aaa;
float: left;
font-size: 1rem;
line-height: 1.5;
margin-bottom: 0;
width: 100%;
}
.zox-author-box-soc-wrap {
margin-top: 10px;
width: 100%;
}
span.zox-author-box-soc {
border: 1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
color: #aaa;
display: inline-block;
font-size: 18px;
line-height: 1;
margin-left: 3px;
padding: 9px 0 0;
text-align: center;
width: 36px;
height: 36px;
}
span.zox-author-box-soc:hover {
border: 1px solid #777;
color: #777;
}
.zox-post-body .zox-post-ad-wrap {
line-height: 0;
margin: 60px auto 50px;
position: relative;
text-align: center;
width: 100%;
}
.zox-post-ad {
background: none !important;
overflow: hidden;
position: relative;
width: 100%;
}
.zox-post-ad-in1 {
position: relative;
width: 100%;
}
.zox-post-ad-in2 {
line-height: 0;
position: relative;
text-align: center;
width: 100%;
}
.zox-post-ad-in2 img {
max-height: 100vh;
}
.editor-post-title__block .editor-post-title__input,
.editor-styles-wrapper p.has-large-font-size,
.wp-block-pullquote blockquote>.block-editor-rich-text p {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
text-transform: capitalize;
}
.editor-styles-wrapper p,
.editor-styles-wrapper ul li,
.editor-styles-wrapper ol li,
.wp-block-image figcaption,
.editor-styles-wrapper .wp-block-button__link,
.editor-styles-wrapper .wp-block-quote__citation,
.wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer,
.wp-block-audio figcaption,
.wp-block-video figcaption,
.wp-block-embed figcaption,
.wp-block-verse pre,
pre.wp-block-verse,
.editor-styles-wrapper .wp-block-quote p,
.wp-block-freeform.block-library-rich-text__tinymce blockquote p {
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-transform: none;
}
.block-editor-rich-text__editable a,
.wp-block-freeform.block-library-rich-text__tinymce a {
box-shadow: inset 0 -4px 0 #ed1c24;
}
.wp-block-freeform.block-library-rich-text__tinymce h1,
.wp-block-freeform.block-library-rich-text__tinymce h2,
.wp-block-freeform.block-library-rich-text__tinymce h3,
.wp-block-freeform.block-library-rich-text__tinymce h4,
.wp-block-freeform.block-library-rich-text__tinymce h5,
.wp-block-freeform.block-library-rich-text__tinymce h6,
.wp-block-heading h1,
.wp-block-heading h2,
.wp-block-heading h3,
.wp-block-heading h4,
.wp-block-heading h5,
.wp-block-heading h6 {
font-family: 'Roboto', sans-serif;
font-weight: 700;
text-transform: uppercase;
}
.zox-post-more-wrap {
margin: 30px 0 0;
}
.zox-auto-post-grid .zox-post-more-wrap {
margin: 20px 0 0;
}
.zox-auto-post-grid .zox-post-more-wrap .zox-post-width {
padding: 0 20px;
}
.zox-post-more-wrap .zox-art-wrap {
background: #fff;
}
.zox-post-main-head {
margin: 0 0 20px;
}
h4.zox-post-main-title {
text-align: left;
}
span.zox-post-main-title {
color: #000;
font-family: 'Roboto', sans-serif;
font-size: 1.5rem;
font-weight: 800;
text-transform: capitalize;
}
.zox-post-more-grid {
display: grid;
grid-gap: 20px;
grid-template-columns: 1fr 1fr 1fr 1fr;
width: 100%;
}
.zox-post-more-wrap h3.zox-s-cat {
display: none;
}
.zox-auto-post-main .zox-post-more-grid {
grid-gap: 20px;
grid-template-columns: 1fr 1fr 1fr;
}
.zox-auto-post-main .zox-post-more-grid .zox-art-wrap:last-of-type {
display: none;
}
.zox-auto-post-main .zox-div4 .zox-art-img {
padding: 0;
}
.zox-auto-post-main .zox-div4 .zox-art-img img {
margin: 0;
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
min-width: 0;
}
.zox-post-bot-ad {
padding: 40px 0 0;
text-align: center;
}
.zox-auto-post-grid .zox-post-bot-ad {
padding: 33px 0 0;
} .zox-alp-width {
margin: 0 auto;
padding: 0 30px;
max-width: 1400px;
width: 100%;
}
.zox-auto-post-main {
display: grid;
grid-template-columns: 100%;
grid-row-gap: 20px;
width: 100%;
}
.zox-auto-post-main article::after {
clear: both;
display: block;
content: "";
visibility: hidden;
opacity: 0;
}
.zox-auto-post-grid {
display: grid;
grid-column-gap: 20px;
grid-template-columns: auto 300px;
margin: 0;
width: 100%;
}
.zox-auto-post-grid .zox-post-side-noalp {
display: none;
}
.zox-alp-side {
position: relative;
width: 300px;
}
.zox-alp-side-in {
width: 100%;
height: calc(100vh - 100px);
overflow: hidden;
}
.zox-alp-side-in:hover {
overflow-y: scroll !important;
}
.alp-related-posts {
display: grid;
grid-row-gap: 0;
grid-template-columns: 100%;
}
.zox-alp-soc-wrap {
display: none;
float: left;
margin: 20px 0 0;
width: 100%;
}
ul.zox-alp-soc-list {
display: grid;
grid-column-gap: 5px;
grid-template-columns: repeat(4, 1fr);
width: 100%;
}
ul.zox-alp-soc-list li {
color: #000;
border: 1px solid #ddd;
display: grid;
align-content: center;
font-size: 16px;
text-align: center;
height: 32px;
}
ul.zox-alp-soc-list li.mvp-alp-soc-fb {
background: #3b5998;
}
ul.zox-alp-soc-list li.mvp-alp-soc-twit {
background: #55acee;
}
ul.zox-alp-soc-list li.mvp-alp-soc-pin {
background: #bd081c;
}
.alp-related-posts-wrapper .alp-related-post::after {
content: "";
display: block;
clear: both;
visibility: hidden;
opacity: 0;
}
.alp-related-posts-wrapper .alp-related-post .featured-image-link {
float: left;
width: 80px;
height: 80px;
display: block;
position: relative;
}
.alp-related-posts-wrapper .alp-related-post .featured-image-link .featured-image {
width: 80px;
height: 80px;
max-width: 100%;	
display: block;
}
.alp-related-posts-wrapper .alp-related-post .post-details {
float: left;
width: 100%;
}
.alp-related-posts-wrapper .alp-related-post .post-details p.post-meta {
margin-bottom: 0;
}
.alp-related-posts-wrapper .alp-related-post .post-details p.post-meta,
.alp-related-posts-wrapper .alp-related-post .post-details p.post-meta a {
color: #555;
font-size: .7rem;
line-height: 1;
margin: 0 0 7px;
text-transform: uppercase !important;
}
.alp-related-posts-wrapper .alp-related-post.current .post-details p.post-meta a {
display: none;
}
.alp-related-posts-wrapper .alp-related-post p.post-meta .post-category {
text-transform: uppercase;
}
.alp-related-posts-wrapper .alp-related-post .post-title {
display: inline-block;
color: #111;
font-size: 1rem;
letter-spacing: -.02em;
line-height: 1.15;
-ms-word-wrap: break-word;
word-wrap: break-word;
max-width: 260px;
}
.alp-related-posts .current .zox-alp-soc-wrap {
display: grid;
}
.alp-related-posts .current .featured-image-link {
display: none;
}
.alp-related-posts .current .post-details {
margin: 0;
width: 100%;
}
.alp-related-posts .current .post-title {
font-size: 1.25rem;
line-height: 1.15;
}
.alp-related-posts-wrapper,
.alp-related-posts-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.alp-related-posts-wrapper {
padding: 0 0 20px;
}
.alp-related-posts-wrapper .alp-related-post {
background: #fff;
border-bottom: 1px solid #ddd;
padding: 15px 20px;
}
.alp-related-posts-wrapper .alp-advert {
line-height: 0;
padding: 25px 0 20px;
text-align: center;
width: 100%;
}
.alp-related-posts-wrapper .alp-related-posts .current {
background: #fff;
border-bottom: none;
padding: 30px;
}
.alp-related-posts-wrapper .alp-related-post:last-of-type {
border-bottom: none;
padding-bottom: 20px;
}
.alp-related-posts .current {
margin: 0;
}
.zox-auto-post-grid li.zox-post-soc-com,
.zox-auto-post-grid #zox-comments-button {
display: none;
}
.zox-auto-post-grid #comments {
display: block;
} #zox-comments-button {
margin-top: 70px;
text-align: center;
width: 100%;
}
.zox-disqus-comm-wrap {
display: none;
float: left;
width: 100%;
}
#zox-comments-button a,
#zox-comments-button span.zox-comment-but-text {
background: #000;
border-radius: 5px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 1rem;
line-height: 100%;
padding: 15px 0;
width: 100%;
}
#zox-comments-button span.zox-comment-but-text i {
margin: 0 5px 0 0;
}
#zox-comments-button span.zox-comment-but-text:hover {
background: #222;
}
#comments {
display: none;
float: left;
font-size: 1rem;
line-height: 1.35;
margin: 60px 0 0;
overflow: hidden;
width: 100%;
}
#comments a {
color: #000;
}
.woocommerce #comments {
display: block;
margin-top: 0;
}
#disqus_thread {
display: none;
float: left;
margin-top: 30px;
width: 100%;
}
.comment-inner {
float: left;
margin-bottom: 20px;
padding: 15px 0 0;
width: 100%;
}
ol.commentlist li.bypostauthor > .comment-wrapper > .comment-inner {
border: 1px solid #ddd;
padding: 20px 20px 0;
}
#comments .comment-inner:after {
content: '';
display: block;
clear: both;
}
#comments .comment-avatar,
#tab3 .comment-avatar {
float: left;
width: 46px;
}
#comments .avatar {
display: block;
background-color: #fff;
}
.comment-avatar img {
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
-ms-border-radius: 23px;
-o-border-radius: 23px;
border-radius: 23px;
overflow: hidden;
}
#comments .commentmeta {
display: block;
float: left;
margin: 0 10px 10px;
width: 75%;
}
.comment-reply a,
#cancel-comment-reply-link {
clear: both;
color: #fff !important;
font-size: 10px;
line-height: 1;
padding: 5px 10px;
position: relative;
}
.comment-reply a {
background: #000;
border-top: 5px solid #fff;
border-left: 5px solid #fff;
float: right;
top: -15px;
}
#cancel-comment-reply-link {
background: #999;
float: left;
margin: 0 0 20px;
}
.comment-reply a:hover,
#cancel-comment-reply-link:hover {
background: #222;
color: #fff !important;
text-decoration: none;
}
#content-main ol.commentlist {
float: left;
list-style: none;
margin: 0;
width: 100%;
}
#content-main ol.commentlist li {
margin: 0;
padding: 0;
}
ol.commentlist h3.comment-header {
display: none;
}
ol.commentlist #respond {
border-top: none;
}
#comments .comment-meta-1 {
display: block;
float: left;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
width: 100%;
}
#comments .comment-meta-1 .fn {
float: left;
font-size: 1.2rem;
font-style: normal;
font-weight: bold;
line-height: 1;
width: auto;
}
#comments .comment-meta-1 .reply {
display: inline-block;
float: right;
font-size: 11px;
line-height: 11px;
padding-top: 2px;
}
#comments .comment-meta-1 .reply a {
color: #555;
}
#comments .comment-meta-2  {
display: block;
float: left;
font-size: .9rem;
line-height: 1;
margin: 0;
}
#comments .text {
background: #f5f5f5;
border-radius: 5px;
clear: both;
display: block;
float: left;
margin-top: 10px;
padding: 20px 20px 35px;
width: 100%;
}
#comments .text .waiting_approval {
font-size: 14px;
font-style: italic;
font-weight: bold;
}
#comments .c {
line-height: 20px;
}
#comments .c p,
#comments .c code,
#comments .c blockquote,
#comments .c ul,
#comments .c ol {
display: block;
margin: 15px 0;
}
#comments .c p {
color: #444;
font-size: 1.1rem;
line-height: 1.35;
}
#comments .c a {
text-decoration: underline;
}
#comments .c a:hover {
text-decoration: none;
}
#comments .depth-2 .comment-wrapper {
padding-left: 40px;
}
#comments .depth-2 .commentmeta {
width: 75%;
}
#comments .depth-3 .comment-wrapper {
padding-left: 80px;
}
#comments .depth-3 .commentmeta {
width: 75%;
}
#comments .depth-4 .comment-wrapper {
padding-left: 120px;
}
#comments .depth-4 .commentmeta {
width: 75%;
}
#comments .depth-5 .comment-wrapper {
padding-left: 160px;
}
#comments .depth-5 .commentmeta {
width: 75%;
}
#respond {
clear: both;
position: relative;
}
#respond form {
float: left;
padding-bottom: 20px;
width: 100%;
}
#respond p {
font-size: 1rem;
margin: 0;
}
#respond .logged-in-as {
margin-bottom: 10px;
}
#respond .comment-notes {
margin-bottom: 1rem;
}
.children #respond {
margin: 0 48px 0 0;
}
#zox-comments-list #respond {
margin: 0 0 18px 0;
}
#zox-comments-list ul #respond {
margin: 0;
}
#respond .required {
color: #ff4b33;
font-weight: bold;
}
#respond label {
color: #888;
display: inline-block;
font-size: 1rem;
margin-bottom: 5px;
width: 100%;
}
#respond input {
background: #f5f5f5;
border: none;
display: inline-block;
font-size: 1rem;
margin: 0 0 10px 1px;
padding: 15px;
width: auto;
}
#respond textarea {
background: #f5f5f5;
border: none;
display: inline-block;
font-size: 1rem;
margin: 0 0 20px;
padding: 15px;
width: 100%;
}
#respond #submit {
background: #000;
border: 0;
box-shadow: none;
color: #fff;
cursor:pointer;
font-size: 12px;
line-height: 1;
margin-top:10px;
padding: 7px 20px;
}
#respond #submit:hover {
background: #555;
}
h3#reply-title,
h2.comments {
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 1;
margin-bottom: 10px;
padding: 5px 10px;
text-shadow: 1px 1px 0 #000;
text-transform: uppercase;
}
h3#reply-title {
display: none;
}
span.comments {
background: #fff;
color: #aaa;
float: left;
font-size: 20px;
line-height: 100%;
padding-right: 15px;
text-transform: uppercase;
}
span.comments a {
color: #666;
}
span.comments a:hover {
color: #f00;
text-decoration: none;
}
#comment-input label {
margin-bottom: 10px;
}
p.cancel-comment-reply {
clear: both;
}
#respond p.comment-form-cookies-consent {
display: grid;
align-content: center;
grid-gap: 10px;
grid-template-columns: auto auto;
justify-content: start;
padding: 5px 0;
}
#respond input#wp-comment-cookies-consent,
#respond p.comment-form-cookies-consent label {
margin: 0;
}
#respond p.comment-form-cookies-consent label {
color: #aaa;
font-size: .75rem;
}
p.form-allowed-tags {
display: none !important;
}
.fb-comments,
.fb-comments span {
width: 100% !important;
}
.post.pingback {
margin: 0 0 20px;
width: 100%;
}
#comments .post.pingback a {
clear: both;
font-weight: 700;
}
#comments .post.pingback a.comment-edit-link {
color: #999;
font-size: .75rem;
} #zox-author-page-top {
background: #fff;
margin: 0 0 30px;
padding: 60px 5%;
width: 100%;
}
.zox-author-top {
display: grid;
grid-template-columns: auto auto;
grid-column-gap: 50px;
width: 100%;
}
#zox-author-top-left {
display: grid;
align-content: center;
width: 200px;
}
#zox-author-top-left img {
border: 8px solid #ddd;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
line-height: 0;
margin-top: -8px;
}
h1.zox-author-top-head {
color: #222;
font-family: 'Roboto', sans-serif;
font-size: 3.25rem;
font-weight: 800;
letter-spacing: -.02em;
line-height: 1;
margin-bottom: 15px;
width: 100%;
}
span.zox-author-page-desc {
color: #444;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.5;
width: 100%;
}
ul.zox-author-page-list {
margin-top: 20px;
width: 100%;
}
ul.zox-author-page-list li {
background: #444;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 20px;
line-height: 1;
margin: 0 0 0 8px;
padding-top: 10px;
text-align: center;
width: 40px;
height: 40px;
}
ul.zox-author-page-list a:first-child li {
margin: 0;
}
ul.zox-author-page-list .fa-facebook:hover {
background: #3b5997;
}
ul.zox-author-page-list .fa-twitter:hover {
background: #00aced;
}
ul.zox-author-page-list .fa-pinterest-p:hover {
background: #cb2027;
}
ul.zox-author-page-list .fa-instagram:hover {
background: url(//www.business-on.de/koeln-bonn/wp-content/themes/zoxpress/images/insta-bg.gif) no-repeat;
}
ul.zox-author-page-list .fa-google-plus:hover {
background: #cd3627;
}
ul.zox-author-page-list .fa-linkedin:hover {
background: #069;
}
.zox-authors-wrap {
display: grid;
grid-template-columns: 100%;
margin: 30px auto 60px;
padding: 0 30px;
max-width: 900px;
}
.zox-authors-grid {
display: grid;
grid-row-gap: 40px;
width: 100%;
}
.zox-authors-cont {
display: grid;
border-bottom: 1px solid #ddd;
grid-template-columns: auto auto;
grid-column-gap: 40px;
padding: 0 0 40px;
width: 100%;
}
.zox-authors-cont:last-child {
border-bottom: none;
padding: 0;
}
.zox-authors-left {
display: grid;
align-content: center;
width: 200px;
}
.zox-authors-left img {
border: 5px solid #ddd;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
}
.zox-authors-right {
display: grid;
align-content: center;
}
.zox-authors-text {
display: grid;
grid-row-gap: 20px;
width: 100%;
}
span.zox-authors-name a {
color: #000;
font-family: 'Roboto', sans-serif;
font-size: 2.5rem;
font-weight: 800;
line-height: 1;
}
span.zox-authors-name a:hover {
color: #ec2b8c;
}
p.zox-authors-desc {
color: #444;
font-size: 1.125rem;
line-height: 1.35;
}
h2.zox-authors-latest {
color: #000;
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.3rem;
font-weight: 700;
letter-spacing: -.02em;
line-height: 1.15;
}
a:hover h2.zox-authors-latest {
color: #ec2b8c;
}
.error404 #zox-main-body-wrap {
background: #fff;
}
#zox-404 {
margin: 200px 0 200px;
text-align: center;
width: 100%;
height: 200px;
}
#zox-404 h1 {
color: #000;
font-size: 6rem;
letter-spacing: -.02em;
line-height: 1;
margin-bottom: 20px;
}
#zox-404 p {
color: #999;
font-size: 1rem;
line-height: 130%;
}
.archive .zox-post-title-wrap,
.search .zox-post-title-wrap {
text-align: center;
width: 100%;
}
.archive #zox-home-main-wrap,
.search #zox-home-main-wrap {
grid-row-gap: 40px;
}
#bbpress-forums ol,
#bbpress-forums ul {
list-style: none;
margin: 0;
}
#bbpress-forums ul li,
#bbpress-forums ol li {
margin-left: 0;
padding: 0;
}
div.bbp-breadcrumb,
div.bbp-topic-tags,
div.bbp-breadcrumb a,
div.bbp-breadcrumb span {
font-size: .75rem;
}
#subscription-toggle {
float: left;
margin: 5px 0 15px;
width: 100%;
}
.rwp-review-wrap {
border-bottom: 1px solid #ddd;
margin: 30px auto;
padding-bottom: 30px;
max-width: 740px;
}
.rwp-summary,
.rwp-u-review__comment,
.rwp-review-wrap .rwp-review .rwp-pros-wrap .rwp-pros,
.rwp-review-wrap .rwp-review .rwp-cons-wrap .rwp-cons {
font-size: 1rem;
line-height: 1.55;
}
.rwp-review-wrap .rwp-review .rwp-title em {
text-transform: none !important;
} .zox-woo-wrap {
background: #fff;
display: grid;
grid-gap: 40px;
grid-template-rows: auto;
align-content: start;
padding: 30px 40px 40px;
min-height: 600px;
}
.zox-woo-grid {
display: grid;
grid-template-columns: 210px auto;
grid-gap: 60px;
width: 100%;
}
#woo-content {
float: left;
position: relative;
width: 100%;
}
.woocommerce-page .zox-page-wrap {
background: #fff;
padding: 40px 0;
width: 100%;
}
.woocommerce-page h1.zox-post-title {
font-size: 1.75rem;
margin: 0 0 20px;
}
.woocommerce-page .zox-post-body h2 {
font-size: 1.25rem;
}
.product-name a,
.product-name a:visited {
color: #000;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
min-width: 120px;
}
.woocommerce-page .zox-post-body table {
padding: 0;
max-width: none;
}
.zox-woo-main-grid {
background: #fff;
display: grid;
grid-template-columns: 210px auto;
grid-column-gap: 35px;
padding: 60px;
width: 100%;
}
#zox-woo-side-wrap .zox-side-widget,
.zox-woo-main-grid .zox-post-main {
padding: 0;
}
#zox-woo-side-wrap .zox-side-widget {
margin: 50px 0 0;
}
#zox-woo-side-wrap .zox-widget-side-head {
margin: 0 0 20px;
}
#zox-woo-side-wrap .zox-side-widget:first-child {
margin: 0;
}
#zox-woo-side-wrap h4.zox-widget-side-title {
text-align: left;
}
#zox-woo-side-wrap span.zox-widget-side-title {
font-family: 'Roboto', sans-serif;
font-size: 1rem;
font-style: normal;
font-weight: 800;
text-transform: capitalize;
}
.woocommerce .zox-post-content {
grid-template-columns: auto;
grid-column-gap: 0;
}
#zox-woo-side-wrap {
width: 210px;
}
#woo-content h1.page-title {
color: #222;
font-size: 2.9rem;
line-height: 100%;
margin-bottom: 30px;
text-align: center;
width: 100%;
}
#woo-content p {
color: #111;
display: block;
font-size: 1rem;
line-height: 1.55;
margin-bottom: 20px;
}
#woo-content .summary p.price {
color: #222;
}
.woocommerce div.product .woocommerce-product-rating {
margin-bottom: 15px;
}
.woocommerce div.product form.cart {
margin-top: 15px;
}
.woocommerce .woocommerce-breadcrumb {
border-bottom: 1px solid #ddd;
font-size: .75rem;
line-height: 100%;
margin: 20px 0 30px;
padding-bottom: 15px;
}
.woocommerce .woocommerce-breadcrumb a {
font-weight: 700;
}
.woocommerce div.product .product_title {
font-size: 1.7rem;
line-height: 1.3;
margin-bottom: 15px;
}
.woocommerce div.product p.price {
margin-bottom: 15px;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del,
.woocommerce ul.products li.product .price del {
display: inline-block;
margin-right: 10px;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
color: #222;
text-decoration: none;
}
.woocommerce div.product p.price,
.woocommerce div.product p.price ins,
.woocommerce div.product p.price del {
font-size: 1rem;
}
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price {
font-size: .9rem;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
font-weight: 700;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: #000;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color: #222;
}
.woocommerce div.product {
overflow: hidden;
}
.woocommerce .quantity .qty {
height: 29px;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
color: #fff !important;
opacity: .8;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .widget_price_filter .price_slider_amount .button {
background: #ccc;
font-size: .75rem;
font-weight: 700;
line-height: 100%;
padding: 9px 25px;
text-transform: uppercase;
transition: all .25s;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
font-size: 1.125rem;
}
.woocommerce div.product form.cart div.quantity {
margin-right: 10px;
}
.woocommerce .product_meta {
font-size: .875rem;
}
.woocommerce span.onsale {
border-radius: 0;
font-weight: 700;
line-height: 100%;
padding: 30px 35px 8px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: -10px;
left: -35px;
min-width: 0;
min-height: 0;
}
.woocommerce ul.products li.product .onsale {
top: -5px;
left: -35px;
right: auto;
}
.woocommerce ul.products li.product h3 {
font-size: 1.1rem;
font-weight: 400;
line-height: 120%;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
overflow: hidden;
}
.woocommerce ul.products li.product .add_to_cart_button {
display: none;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
.woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content {
float: left;
margin: 10px 5% 20px;
width: 90%;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
margin-left: 10px;
width: 60px;
}
.woocommerce ul.product_list_widget span.product-title,
.woocommerce ul.product_list_widget li a {
color: #000;
font-size: .75rem;
font-weight: 500 !important;
line-height: 1.25;
margin-bottom: 5px;
}
.woocommerce ul.product_list_widget li a.remove {
font-size: 1.5rem;
}
.woocommerce ul.product_list_widget span.quantity,
.woocommerce ul.product_list_widget span.amount {
font-size: .8rem;
text-decoration: none !important;
}
.woocommerce ul.product_list_widget del {
margin-right: 5px;
}
.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
border-top: 1px solid #ddd;
font-size: .9em;
line-height: 100%;
margin-top: 10px;
padding: 10px 0;
text-align: center;
}
.woocommerce .sidebar-widget a {
color: #222;
}
.woocommerce .sidebar-widget p.buttons a,
.woocommerce .sidebar-widget p.buttons a:hover {
color: #222;
}
.widget_shopping_cart_content {
float: left;
font-size: .9rem;
}
.woocommerce .sidebar-widget select,
.zox-side-widget select {
width: 100%;
}
.woocommerce #woo-content select,
.woocommerce #zox-side-wrap select,
.woocommerce #woo-content div.product form.cart .variations select,
.woocommerce-page #woo-content div.product form.cart .variations select,
.woocommerce #woo-content div.product form.cart .variations select,
.woocommerce-page #woo-content div.product form.cart .variations select,
.woocommerce #woo-content .woocommerce-ordering select,
.woocommerce-page #woo-content .woocommerce-ordering select,
.woocommerce #woo-content form .form-row select,
.woocommerce-page #woo-content form .form-row select,
.widget_product_categories select#dropdown_product_cat,.zox-side-widget select {
padding: 5px;
background: #fff;
border: 1px solid #ddd;
color: #888;
font-size: 12px;
text-transform: uppercase;
}
.woocommerce #zox-side-wrap select,
.zox-side-widget select {
padding: 5px 2%;
width: 95.6%;
}
.woocommerce .related h2,
.woocommerce div.product .woocommerce-tabs .panel h2 {
color: #000;
font-size: 1.1rem;
line-height: 100%;
margin-bottom: 15px;
position: relative;
}
.woocommerce .related h2 {
margin-bottom: 30px;
}
.woocommerce-review-link {
font-size: .75rem;
font-weight: 400;
}
.woocommerce .star-rating {
margin-bottom: 5px;
}
.woocommerce .widget_top_rated_products ul.product_list_widget li {
border-top: 1px solid #ddd;
margin: 15px 0 0 0;
padding: 15px 0 0 0;
}
.woocommerce .widget_top_rated_products ul.product_list_widget li:first-child {
border-top: none;
margin: 0;
padding: 0;
}
#woo-content p.woocommerce-result-count {
font-size: .8rem;
font-weight: 400;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-width: 0;
box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: .8rem;
font-weight: 400;
}
.woocommerce #content div.product .woocommerce-tabs,
.woocommerce div.product .woocommerce-tabs,
.woocommerce-page #content div.product .woocommerce-tabs,
.woocommerce-page div.product .woocommerce-tabs {
border-bottom: 1px solid #ddd;
margin-bottom: 30px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
background: none;
border: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: .8rem;
font-weight: 400;
}
.woocommerce div.product .woocommerce-tabs .panel {
margin-bottom: 30px;
}
.widget_top_rated_products .star-rating {
display: none;
}
.widget_product_categories ul.product-categories li {
font-size: .9rem;
margin-bottom: 5px;
}
.widget_product_categories ul.product-categories li a {
color: #000;
}
#zox-woo-side-wrap a {
opacity: 1;
}
#zox-woo-side-wrap a:hover {
opacity: .6;
}
li.product:hover .woocommerce-LoopProduct-link .woocommerce-loop-product__title {
opacity: .6;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background-color: #ddd;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #555;
}
.woocommerce-page .zox-post-soc-out,
.woocommerce-page .zox-post-soc-in {
margin-left: 0;
}
.woocommerce-page .zox-post-soc-wrap {
display: none;
}
.woocommerce nav.woocommerce-pagination ul li a,
a.woocommerce-review-link {
color: #000;
}
.pswp {
z-index: 9999;
}
.woocommerce-page .zox-post-content {
grid-template-columns: 100%;
}
.woocommerce-page .zox-content-main table {
border: none;
max-width: none;
padding: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
font-size: .875rem;
} #zox-foot-wrap {
background: #fff;
padding: 80px 30px 40px;
}
#zox-foot-wrap:before {
content: '';
background: rgba(0,0,0,.03);
position: absolute;
left: 0;
top: -3px;
width: 100%;
height: 3px;
}
#zox-foot-wrap p {
color: #aaa;
font-size: .75rem;
line-height: 1.25;
}
#zox-foot-wrap a {
color: #aaa;
}
.zox-foot-grid {
display: grid;
align-content: center;
grid-gap: 40px;
grid-template-columns: auto auto;
justify-content: space-between;
width: 100%;
}
.zox-foot-left-wrap {
display: grid;
align-content: center;
grid-gap: 20px;
grid-template-columns: auto auto;
justify-content: start;
}
.zox-foot-logo {
display: grid;
align-content: center;
justify-content: center;
}
.zox-foot-left {
display: grid;
align-content: center;
grid-gap: 6px;
grid-template-rows: auto auto;
}
.zox-foot-menu ul li {
display: inline-block;
float: left;
margin: 0 0 0 10px;
}
.zox-foot-menu ul li:first-child {
margin: 0;
}
.zox-foot-menu ul li a {
font-size: .75rem;
font-weight: 700;
line-height: 1;
}
.zox-foot-menu ul li ul {
display: none;
}
.zox-foot-right-wrap {
display: grid;
align-content: center;
}
ul.zox-foot-soc-list li {
float: left;
margin: 0 0 0 7px;
}
ul.zox-foot-soc-list li a {
border: 1px solid #aaa;
border-radius: 50%;
display: grid;
font-size: 14px;
align-content: center;
justify-content: center;
width: 36px;
height: 36px;
} .zox-nav-links {
float: left;
margin-top: 20px;
position: relative;
width: 100%;
}
.zox-inf-more-wrap .zox-nav-links {
margin: 0;
}
.pagination {
clear: both;
display: inline-block;
position: relative;
font-size: .8rem;
font-weight: 700;
line-height: 100%;
padding: 0;
text-transform: uppercase;
}
.pagination span, .pagination a {
background: #fff;
border: 1px solid #ddd;
color: #aaa;
display: block;
float: left;
font-size: .8rem;
font-weight: 400;
margin: 2px 5px 2px 0;
padding: 9px 12px 8px;
text-decoration: none;
width: auto;
}
.pagination .current,
.pagination a:hover {
background: #ec2b8c;
border: 1px solid #ec2b8c;
color: #fff !important;
}
.pagination a,
.pagination a:visited {
color: #aaa;
}
.zox-inf-more-wrap {
margin-top: 20px;
text-align: center;
width: 100%;
}
.zox-sport3 .zox-inf-more-wrap {
margin-top: 20px;
}
a.zox-inf-more-but {
background: #000;
border-radius: 5px;
color: #ffff !important;
display: inline-block;
font-size: 1rem;
font-weight: 700;
letter-spacing: .02em;
line-height: 1;
padding: 20px 0;
text-align: center;
text-transform: uppercase;
width: 100%;
}
a.zox-inf-more-but:hover {
background: #333;
}
#infscr-loading,
#infscr-loading img {
display: none !important;
}
#infscr-loading em {
float: left;
width: 100%;
}
.paginate-links {
display: none;
} .sportspress .zox-article-wrap {
grid-gap: 20px;
padding: 40px 0;
}
.sportspress h1.zox-post-title {
font-size: 2.125rem;
}
.sp-template-event-logos .sp-team-name,
.sp-template-event-logos .sp-team-result {
line-height: 1.2;
}
.sportspress .zox-post-body h4,
.sp-table-caption {
color: #fff;
font-size: 1.125rem;
font-weight: 700;
line-height: 1;
padding: 15px;
text-align: center;
text-transform: uppercase !important;
}
.sp-event-logos {
font-size: 40px;
}
.sp-event-logos .sp-team-logo .sp-team-result {
background: #fff;
border: 1px solid #ddd;
margin: 15px !important;
padding: 5px 10px !important;
min-width: 1.5em;
text-align: center;
}
.sp-template-event-logos .sp-team-result {
font-size: 40px !important;
font-weight: 700 !important;
}
.sportspress table {
border-top: 0 !important;
font-size: .9rem;
margin: 0 auto 20px;
padding: 0 20px;
max-width: 740px;
width: 100%;
}
.sportspress thead {
background: #ccc;
}
.sportspress tbody tr {
background: #eee;
}
.sportspress tbody tr:nth-child(2n+2) {
background: none;
}
.sportspress  td,
.sportspress  th {
padding: 5px 1.5%;
}
.sportspress  tr.odd {
background: #eee;
}
.sportspress table,
.sportspress td,
.sportspress th,
.sportspress table:before,
.sportspress td:before,
.sportspress th:before,
.sportspress table:after,
.sportspress td:after,
.sportspress th:after  {
box-sizing: content-box;
}
.sportspress td,
.sportspress th,
.sp-data-table .data-rank  {
padding: 8px 1.5%;
text-align: center;
}
.sp-data-table .data-rank {
min-width: 50px;
}
.sportspress table,
.sportspress td,
.sportspress th {
border: 1px solid #c0c0c0;
}
.sportspress td,
.sportspress th {
border-top-width: 0;
border-bottom-width: 0;
}
.sportspress tr {
border: 0;
}
.sportspress th,
.sportspress table thead {
border-color: #000;
background-color: #000;
color: #fff;
}
.sp-data-table tr td.data-w,
.sp-data-table tr td.data-l,
.sp-data-table tr td.data-gb,
.sp-data-table tr th.data-w,
.sp-data-table tr th.data-l,
.sp-data-table tr th.data-gb {
text-align: right;
}
.sp-scoreboard-wrapper {
float:left
}
.sportspress .zox-post-body p,
.sportspress .zox-post-body table,
.sportspress.single .zox-post-body h3,
.sportspress.single .zox-post-body h4 {
max-width: none;
}
.sportspress #wp-calendar caption {
color: #fff;
font-size: 1.125rem;
margin: 0;
text-align: center;
}
.sportspress #wp-calendar tbody td {
border-top: 0;
}