.codevz-featured-image-expand {
margin: 0 -100px;
width: calc(100% + 200px)
}
ul.next_prev {
position: relative;
margin: 0;
display: flex;
align-items: center;
box-sizing: border-box
}
ul.next_prev li, 
.widget_nav_menu ul.menu {
background: none !important
}
.next_prev .previous {
float: left;
width: 45%
}
.next_prev .next {
float: right;
width: 45%;
text-align: right;
margin-left: auto
}
.next_prev h4 {
display: inline-block;
vertical-align: middle;
margin: -6px 0 0 0;
font-size: 16px;
padding-left: 70px;
word-break: break-word
}
.next_prev small {
font-size: .8em
}
.next_prev .next h4 {
padding: 0;
padding-right: 70px;
word-break: break-word
}
.next_prev a {
position: relative
}
.next_prev i {
font-size: 26px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background: rgba(167, 167, 167, .07);
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
border-radius: 100%;
transition: all .2s ease-in-out
}
.next_prev .next i {
left: auto;
right: 0
}
.next_prev li:hover i {
background: #fff;
color: #111
}
.cz_back_to_archive a {
font-size: 24px;
width: auto !important;
height: auto !important;
line-height: 1 !important;
background: initial !important;
border-radius: initial !important;
opacity: .6 !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
box-shadow: none !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important
}
.cz_back_to_archive a:hover {
opacity: 1 !important
}
.cz_related_post {
margin-bottom: 20px
}
.cz_related_post .cz_post_image {
width: 100%;
margin: 0 0 20px;
float: none
}
.cz_related_post img {
border-radius: inherit;
transition: all .2s ease-in-out;
width: 100% !important
}
.cz_related_post h3 {
font-size: 20px
}
.cz_related_post_date {
font-size: 12px;
color: rgb(167, 167, 167)
}
.cz_nocomment {
padding-bottom: 40px
} .cz_post_author img {
vertical-align: text-bottom
}
.cz_author_box img {
border-radius: 2px
}
.cz_author_box a {
font-weight: bold;
color: inherit
}
.cz_view_author_posts {
position: absolute;
right: 20px;
top: 43%;
opacity: .6;
font-size: 14px;
font-weight: normal;
transform: translateY(-50%);
}
.cz_view_author_posts a {
color: inherit
}
.cz_view_author_posts a:hover {
color: inherit;
opacity: .5
}.header_5,
.onSticky,
[class*='header_onthe_cover'] .page_header.onSticky {
position: fixed;
z-index: 999;
top: 0;
transform: translateY(-120%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: transform 400ms ease-in-out, padding 400ms ease-in-out !important
}
.onSticky,
[class*='header_onthe_cover'] .page_header.onSticky {
transform: none
}
.header_5 {
transform: translateY(-120%)
}
.smart_sticky_on,
[class*='header_onthe_cover'] .page_header.smart_sticky_on {
transform: translateY(-160%);
margin-top: 0;
top: 0
}
.show_on_sticky, .onSticky .hide_on_sticky {
visibility: hidden;
overflow: hidden;
opacity: 0;
width: 0;
height: 1px;
transition: all .4s ease-in-out
}
.onSticky .show_on_sticky, .hide_on_sticky {
visibility: visible;
width: auto;
height: auto;
opacity: 1
}
.onSticky .row {
transition: width .5s ease-in-out
}
.cz_sticky_h12 > div, 
.cz_sticky_h13 > div, 
.cz_sticky_h23 > div, 
.cz_sticky_h123 > div {
transition: none !important
}
.onSticky .sf-menu > .cz > a {
z-index: inherit
}
.onSticky .sf-menu {
z-index: 1
}