#gnpub-gnfollow-shortcode-wrapper a{text-decoration:none;color:#000;border:1px solid #c6d2d9;padding:7px 15px 3px 16px;line-height:1;height:40px;vertical-align:middle;position:absolute}#gnpub-gnfollow-shortcode-wrapper a:focus{box-shadow:none}#gnpub-gnfollow-shortcode-wrapper img{width:120px;position:relative;top:9px;left:5px}#gnpub-gnfollow-shortcode-wrapper a:hover{border:1px solid #000}#gnpub-gnfollow-shortcode-follow-text{font-weight:500;font-size:13px}.container-choice-footer-msg{text-align:center}.container-choice-footer-msg .container-inside .ccpa-msg-added{padding:2rem}html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
li,
summary {
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
figure,
ol,
dl,
ul {
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
}
strong {
font-weight: bold;
}
a,
button {
color: inherit;
}
a, ins {
text-decoration: none;
}
button {
overflow: visible;
border: 0;
font: inherit;
-webkit-font-smoothing: inherit;
letter-spacing: inherit;
background: none;
cursor: pointer;
}
::-moz-focus-inner {
padding: 0;
border: 0;
}
:focus {
outline: 0;
}
img {
max-width: 100%;
height: auto;
border: 0;
}
pre {
overflow: auto;
}
code,
tt,
kbd,
pre,
samp {
color: #555;
padding: 3px 5px;
font-size: .8666666em;
background-color: #cce7ff;
}
kbd {
background: #111;
border-radius: 2px;
color: #fff;
padding: 4px 8px;
margin: 0 5px;
}
code,
tt,
kbd,
pre,
var,
samp {
font-family: "Roboto Mono",Monaco,courier,monospace;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
* {
box-sizing: border-box;
}
ul ul, ol ol, ul ol, ol ul {
margin-top: 0;
margin-bottom: 0;
}
hr {
height: 1px;
background: #d5d5d5;
margin: -1px 0 30px;
border: 0;
}
b, strong, em, small {
line-height: 1;
}
sup {
line-height: 0;
position: relative;
vertical-align: baseline;
top: -0.5em;
}
sub {
bottom: -0.25em;
}
blockquote, q {
margin: 45px 0;
width: 80%;
margin-left: 10%;
position: relative;
}
blockquote:before, q:before {
content: '\e908';
font-family: 'codetipi-15zine';
position: absolute;
left: -10%;
font-style: normal;
transform: scale(-1, 1);
}
blockquote p:last-child, q p:last-child {
margin-bottom: 0;
}
blockquote cite, blockquote + p cite, q cite, q + p cite {
font-size: 12px;
display: block;
margin-top: 0.7em;
margin-bottom: 1.4em;
}
.rtl blockquote:before, .rtl q:before {
transform: none;
}
.block-wrap-quote blockquote {
margin-bottom: 0;
margin-top: 0;
}
.wp-block-pullquote, .wp-block-quote.is-large {
padding-left: 40px;
}
.wp-block-pullquote blockquote, .wp-block-quote.is-large blockquote {
margin: 0;
width: 100%;
}
.wp-block-pullquote blockquote:before, .wp-block-quote.is-large blockquote:before {
left: -40px;
}
.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
text-align: left;
max-width: 40%;
padding: 0;
}
.wp-block-pullquote.alignleft {
padding-left: 0;
text-align: left;
}
.wp-block-pullquote.alignright {
text-align: right;
}
.wp-block-pullquote.alignright blockquote {
padding-left: 30px;
}
.wp-block-pullquote.alignright blockquote:before {
left: 0;
}
.wp-block-quote.is-large {
width: 100%;
}
q {
font-size: 1em;
margin: 30px 10px 30px 30px;
}
cite {
font-style: italic;
}
dt {
font-weight: 700;
margin-bottom: 15px;
}
dd {
padding: 0 0 15px 15px;
}
acronym {
border-bottom: 1px dotted #888;
cursor: help;
}
table {
width: 100%;
margin-bottom: 30px;
}
table th, table .shipping {
font-weight: inherit;
}
table td, table th {
border-top: 1px solid #f1f1f1;
padding: 15px 10px;
}
.woocommerce table img {
width: 75px;
vertical-align: top;
}
address {
margin-bottom: 15px;
}
ul {
list-style: none;
}
.entry-content ol, .entry-content ul, .block-html-content ol, .block-html-content ul {
list-style-position: inside;
}
.entry-content ol li, .entry-content ul li, .block-html-content ol li, .block-html-content ul li {
display: list-item;
}
.entry-content ol li ol, .entry-content ol li ul, .entry-content ul li ol, .entry-content ul li ul, .block-html-content ol li ol, .block-html-content ol li ul, .block-html-content ul li ol, .block-html-content ul li ul {
margin: 0 0 0 1em;
}
.entry-content ul, .entry-content ol, .block-html-content ul, .block-html-content ol {
margin-left: 1em;
list-style-position: outside;
margin-bottom: 1em;
}
.entry-content ul, .block-html-content ul {
list-style: disc;
}
.entry-content iframe, .block-html-content iframe {
margin: 20px 0;
}
ol {
list-style-type: decimal;
}
.codetipi-15zine-widget li {
margin: 6px 0;
}
dd {
margin-left: 0;
font-size: 0.9em;
color: #787878;
margin-bottom: 1.5em;
}
pre {
background: #eee;
padding: 15px;
}
video, object {
max-width: 100%;
height: auto;
}
mark {
background: #eee;
padding: 3px 5px;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.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; }
.elementor p {
margin-bottom: 1em;
}
.wp-caption,
.gallery-caption {
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.gallery {
margin-bottom: 30px;
float: left;
width: 100%;
}
.gallery img {
width: 100%;
margin-bottom: 0 !important;
}
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
padding: 20px 10px 5px;
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25) 75%);
}
ul.blocks-gallery-grid {
margin: 0;
}
.wp-block-gallery.is-cropped .blocks-gallery-item picture {
height: 100%;
flex: 1;
-o-object-fit: cover;
object-fit: cover;
}
.gallery-item {
float: left;
vertical-align: top;
width: 100%;
padding-right: 5px;
padding-bottom: 5px;
text-align: center;
position: relative;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.33%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.66666666666667%;
}
.gallery-columns-7 .gallery-item {
width: 14.28%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.11111%;
}
.tiled-gallery__gallery, .tiled-gallery__row {
display: flex;
}
.tiled-gallery__gallery {
flex-wrap: wrap;
}
.gallery-icon {
line-height: 0;
}
.gallery-caption {
position: absolute;
opacity: 0;
background: rgba(0, 0, 0, 0.5);
margin-bottom: 5px;
bottom: 0;
color: #fff;
left: 0;
width: 100%;
max-height: 100%;
padding: 10px;
transition: 0.3s ease-out opacity;
}
select {
max-width: 100%;
}
.alignleft {
display: inline;
float: left;
margin-bottom: 25px;
margin-right: 1.5em;
max-width: 50%;
}
.alignright {
display: inline;
float: right;
margin-bottom: 25px;
margin-left: 1.5em;
max-width: 50%;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft, .alignright, .aligncenter {
clear: left;
margin-top: 20px;
}
.alignleft, .alignright, .aligncenter, .alignnone {
transition: all 0.4s cubic-bezier(0.3, 0.7, 0.7, 1);
}
.alignright {
clear: right;
}
.tipi-fse {
max-width: none;
}
.tipi-fse .wp-caption-text {
padding-left: 10px;
}
.align-fs {
overflow-x: hidden;
}
.align-fs .alignfull img {
max-width: none;
width: 100%;
}
.align-fs .alignfull:not(.alignwide), .align-fs img.alignnone.size-full, .align-fs .wp-caption.alignnone .size-full {
margin: 30px calc( 50% - 50vw);
}
.align-fs .alignfull, .align-fs img.alignnone.size-full, .align-fs .wp-caption.alignnone .size-full {
width: 100vw !important;
max-width: none;
}
.align-fs .wp-caption.alignnone .size-full {
margin-bottom: 0;
}
.align-fs .contents-wrap .video-wrap {
margin-bottom: 30px;
}
.video-wrap, .wp-block-embed.is-type-video .wp-block-embed__wrapper {
position: relative;
clear: both;
width: 100%;
padding-bottom: 56.25%;
}
.wp-block-video video {
width: 100%;
}
.media-wrap-audio {
padding-bottom: 0;
}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed,
.video-wrap audio,
.video-wrap video,
.wp-block-embed.is-type-video iframe,
.wp-block-embed.is-type-video embed,
.wp-block-embed.is-type-video object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wp-block-image img {
vertical-align: top;
}
.wp-block-image figcaption {
font-size: 13px;
margin-bottom: 0;
margin-top: .5em;
text-align: center;
color: #555d66;
display: block !important;
}
ul.wp-block-gallery {
margin-left: 0;
}
abbr {
text-decoration: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 48px !important;
padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 48px !important;
right: 10px !important;
}
.site-inner select, .site-inner .select2-container--default .select2-selection--single, .site-inner input[type="text"], .site-inner input[type="tel"], .site-inner input[type="number"], .site-inner input[type="password"], .site-inner input[type="email"], .site-inner input[type="url"], .site-inner textarea, .site-inner .woocommerce:not(.widget_product_search) button, .site-inner fieldset, .site-inner .drop-search input, .site-inner .post-password-form input[type="submit"] {
border-radius: 0;
color: inherit;
}
.site-inner select[multiple="multiple"] {
height: auto;
}
.site-inner input[type="submit"], .site-inner input[type="text"], .site-inner input[type="tel"], .site-inner input[type="number"], .site-inner input[type="password"], .site-inner input[type="email"], .site-inner input[type="url"], .site-inner textarea, .site-inner .woocommerce:not(.widget_product_search) button, .site-inner fieldset {
-webkit-appearance: none;
-moz-appearance: textfield;
}
.site-inner textarea {
padding: 15px;
min-height: 96px;
}
.site-inner fieldset, .site-inner textarea {
height: auto;
}
.site-inner fieldset {
margin-bottom: 30px;
}
.site-inner .post-password-form input[type="submit"] {
background: #111;
color: #fff;
}
.site-inner .post-password-form input {
margin-top: 15px;
}
.site-inner .post-password-form p:nth-child(2) {
display: flex;
align-items: flex-end;
}
.site-inner .post-password-form p:nth-child(2) label {
width: 100%;
}
.site-inner .post-password-form p:nth-child(2) input[type="submit"] {
width: 200px;
} .wrap, .tipi-row {
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 1200px;
}
.side-spacing {
padding-left: 15px;
padding-right: 15px;
}
.tipi-col {
position: relative;
min-height: 1px;
float: left;
}
.tipi-cols {
position: relative;
}
.codetipi-15zine-cols {
position: relative;
}
.tipi-xs-1 {
width: 8.333333333333333%;
}
.tipi-xs-2 {
width: 16.66666666666667%;
}
.tipi-xs-3 {
width: 25%;
}
.tipi-xs-4 {
width: 33.33333333333333%;
}
.tipi-xs-5 {
width: 41.66666666666667%;
}
.tipi-xs-6 {
width: 50%;
}
.tipi-xs-7 {
width: 58.33333333333333%;
}
.tipi-xs-8 {
width: 66.66666666666667%;
}
.tipi-xs-9 {
width: 75%;
}
.tipi-xs-10 {
width: 83.33333333333333%;
}
.tipi-xs-11 {
width: 91.66666666666667%;
}
.tipi-xs-12 {
width: 100%;
}
@media all and (orientation: portrait) {
.cb-gallery-post-wrap {
height: 500px !important;
position: relative !important;
}
.bg-parallax .bg {
height: 130%;
top: -15%;
}
} body {
line-height: 1.8;
-webkit-font-smoothing: antialiased;
}
ins {
max-width: 100%;
}
.all-c {
justify-content: center;
}
.tipi-flex-eq-height {
align-items: stretch;
}
.tipi-flex-right {
margin-left: auto;
text-align: right;
}
.logo img {
width: auto;
vertical-align: top;
}
.logo a {
line-height: 0;
vertical-align: top;
display: inline-block;
}
.logo h1 {
margin: 0;
line-height: 0;
}
.single-content .entry-content {
padding-bottom: 30px;
}
.single-content .entry-content h1, .single-content .entry-content h2, .single-content .entry-content h3, .single-content .entry-content h4, .single-content .entry-content h5, .single-content .entry-content h6 {
margin: 30px 0;
}
.link-color-wrap a {
position: relative;
transition: 0.3s ease;
}
.link-color-wrap a:after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
transition: opacity 0.2s, transform 0.2s;
margin-top: 1px;
}
.block-da-cb_banner_code {
width: 100%;
}
.tipi-vertical-c, .vertical-c, .all-c {
align-items: center;
}
.tipi-flex-lcr {
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.tipi-flex-lcr, .tipi-vertical-c, .vertical-c, .all-c, .tipi-flex, .tipi-flex-eq-height, .contains-blocks, .block {
display: flex;
}
.contains-blocks, .block {
flex-wrap: wrap;
justify-content: space-between;
}
.menu-icons > li > a {
padding-left: 10px;
padding-right: 10px;
height: 100%;
}
.site-inner {
min-height: 100vh;
position: relative;
}
.site-skin-1, .site-skin-11 {
background: #fff;
color: #333;
}
.site-skin-1 a, .site-skin-11 a {
color: #333;
}
.site-skin-11 {
background: #eee;
}
.site-skin-2 {
background: #010101;
color: #fff;
}
.site-skin-2 a {
color: #fff;
}
.bg-area {
position: relative;
z-index: 1;
}
.background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.site-img-1 .background {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.site-img-2 .background, .bg-img-2 .site-inner, .bg-img-2 .site {
background-repeat: repeat;
}
.site-img-3 .background, .bg-img-3 .site-inner, .bg-img-3 .site {
background-repeat: no-repeat;
}
.site-img-4 .background, .bg-img-4 .site-inner, .bg-img-4 .site {
background-repeat: repeat-x;
}
.site-img-5 .background, .bg-img-5 .site-inner, .bg-img-5 .site {
background-repeat: repeat-y;
}
.bg-img-1 .site-inner, .bg-img-1 .site {
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.header-skin-1 .bg-area {
background: #fff;
}
.header-skin-2 .bg-area {
background: #010101;
}
.header-skin-1.stuck .bg-area, .header-skin-1.slidedown .bg-area {
background: rgba(255, 255, 255, 0.9);
}
.header-skin-2.stuck .bg-area, .header-skin-2.slidedown .bg-area {
background: #010101;
}
.site-main {
padding-top: 30px;
}
.block-da img {
vertical-align: top;
}
.block-da .small-print {
color: #bbb;
}
.horizontal-menu .drop, .horizontal-menu > li > a, .horizontal-menu .logo-main-menu a {
display: inline-block;
}
.horizontal-menu .icon-wrap a {
display: inline-flex;
}
.horizontal-menu .logged--in a {
padding-top: 0 !important;
padding-bottom: 0 !important;
height: auto;
}
.logo-main {
flex-shrink: 0;
}
.logo-main-wrap-center {
text-align: center;
justify-content: center;
}
.logo-main-wrap-center .tipi-flex-right {
text-align: center;
}
.logo-h1 {
line-height: 0;
}
.main-navigation {
position: relative;
}
.menu-icon-style-3 .tipi-i-search {
text-transform: inherit;
}
.main-menu-l .main-navigation {
text-align: left;
}
.main-menu-l .secondary-wrap .current-date {
padding-left: 12px;
}
.main-menu-c .main-navigation {
text-align: center;
}
.menu-icon a:before {
font-weight: 400 !important;
}
.menu-icon i {
font-weight: 400 !important;
}
.main-menu-tight .menu-icon {
float: none !important;
}
.bg-area > *, .bg-area .bg-area-inner > * {
position: relative;
z-index: 11;
}
.bg-area > .splitter {
z-index: 12;
position: absolute;
}
.bg-area .background {
z-index: 0;
position: absolute;
}
.header-padding.tipi-flex-eq-height {
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.logo {
display: inline-block;
}
.logo-p_menu {
display: flex;
align-items: center;
margin-right: 10px;
}
.block-da-header_top, .logo-main-wrap-center .block-da {
width: 100%;
padding: 30px 0;
line-height: 1.5;
text-align: center;
}
.logo-main-wrap-center .header-padding + .block-da {
padding-top: 10px;
}
.block-da-header_top {
padding: 15px 20px;
}
.cb-circle {
border-radius: 50%;
}
.cb-link-overlay {
position: absolute;
z-index: 15;
top: 0;
left: 0;
bottom: 0;
right: 0;
max-height: 100%;
max-width: 100%;
transition: 0.5s opacity ease;
}
.sidebar {
padding: 20px;
}
.cb-hidden {
display: none;
}
#cb-bg-to {
top: 0;
left: 0;
position: fixed;
display: inline;
width: 100%;
cursor: pointer;
height: 100%;
}
.has-bg-cover {
background-attachment: fixed;
background-size: cover;
}
.cb-bg-to-on {
background-attachment: fixed;
background-position: 50% 0%;
background-repeat: no-repeat no-repeat;
background-color: #fff;
}
.cb-no-more i {
display: none;
}
.cb-no-more .cb-end {
display: block;
}
article.sticky .title:before {
content: "*";
padding-right: 5px;
}
.cb-read-more {
padding-left: 3px;
transition: 0.35s background, 0.35s color;
font-size: 1em;
letter-spacing: 1px;
display: inline-block;
font-weight: 700;
}
.mask-img {
width: 100%;
height: 100%;
display: block;
}
.cb-body-light .cb-alp-ld {
color: #000;
background: #fff;
}
.cb-body-light .widget_tag_cloud a,
.cb-body-light .tags-title,
.cb-body-light .bbp-topic-tags a {
color: #161616;
border: 1px solid #161616;
}
.cb-body-light .cb-text-buttons a {
color: #161616;
}
.cb-body-light blockquote {
color: #161616;
}
.cb-body-light .cb-contact-icon i {
color: #444;
}
.cb-body-light .cb-pagination a,
.cb-body-light .entry-content .cb-pagination a {
color: #161616;
border: 1px solid #161616;
}
.cb-body-light .cb-pagination a:hover,
.cb-body-light .entry-content .cb-pagination a:hover {
background: #161616;
color: #fff;
}
.cb-body-light .cb-pagination .current,
.cb-body-light .cb-pagination > .cb-page,
.cb-body-light .entry-content .cb-pagination .current,
.cb-body-light .entry-content .cb-pagination > .cb-page {
background: #161616;
border: 1px solid #161616;
color: #fff;
}
.cb-body-light .widget-title {
border-bottom: 3px solid #161616;
}
.cb-body-light .cb-sidebar-widget a {
color: #161616;
}
.cb-body-light .cb-sidebar-widget .preview-slider {
color: #161616;
}
.cb-body-light .cb-sidebar-widget .preview-slider .title a {
color: #161616;
}
.cb-body-light .cb-sidebar-widget .preview-slider .byline {
color: #777;
}
.cb-body-light .cb-toggler,
.cb-body-light .cb-toggle {
color: #161616;
}
.cb-body-light .codetipi-15zine-tabs > ul li a {
color: #999;
}
.cb-body-light .codetipi-15zine-tabs > ul li a:hover {
color: #666;
}
.cb-body-light .codetipi-15zine-tabs > ul .current {
border-bottom: #161616 3px solid;
}
.cb-body-light .codetipi-15zine-tabs > ul .current a {
color: #161616;
}
.cb-body-light .cb-read-more {
color: #161616;
}
.cb-body-light .cb-next-previous i {
color: #000;
}
.cb-body-light .cb-separated {
border-bottom: 1px dotted #ddd;
}
.cb-body-light .cb-article-small.cb-separated {
border-bottom: 1px dotted #ddd;
}
.cb-body-light .block-title-wrap .title a {
color: #161616;
}
.cb-body-light .block-title-wrap .title a:hover {
color: #444;
}
.cb-body-light .block-title-wrap .title:after {
background: #161616;
}
.cb-body-light .block-title-wrap .block-subtitle {
color: #828282;
}
.cb-body-light #cb-content,
.cb-body-light .cb-hp-section {
background: #fff;
}
.cb-body-light .sidebar, .cb-body-light .author-box {
background: #f2f2f2;
}
.cb-body-light .sidebar .preview-thumbnail, .cb-body-light .author-box .preview-thumbnail {
border-bottom-color: #ddd;
}
.cb-body-light .byline {
color: #777;
}
.cb-body-light h1,
.cb-body-light h2,
.cb-body-light h3,
.cb-body-light h4,
.cb-body-light h5 {
color: #161616;
}
.cb-body-light .block-wrap .title a {
color: #161616;
}
.cb-body-light .cb-post-block-bg {
background: #f2f2f2;
}
.cb-body-light .cb-post-block-bg .title {
color: #161616;
}
.cb-body-light .singular-block-header .title,
.cb-body-light .singular-block-header #reply-title {
color: #161616;
}
.cb-body-light .author-box .cb-meta a {
color: #161616;
}
.cb-body-light .cb-meta-below .slides li .cb-post-title a {
color: #161616;
}
.cb-body-light .cb-multi-widget .tab-title.active {
border-bottom-color: #161616;
}
.cb-body-light .commentlist .comment .fn a {
color: #202020;
}
.cb-body-light .commentlist .comment .comment-reply-link,
.cb-body-light .commentlist .comment .comment-edit-link,
.cb-body-light .commentlist .comment .alert p {
color: #4d4d4d;
}
.cb-body-light .commentlist article {
border-bottom: 1px solid #ddd;
}
.cb-body-light .comment-form input,
.cb-body-light .comment-form textarea {
background: #f2f2f2;
color: #858585;
}
.cb-body-light .comment-form input:focus,
.cb-body-light .comment-form textarea:focus {
background: #e1e1e1;
}
.cb-body-light .comment-form #submit,
.cb-body-light .comment-form label {
color: #161616;
}
.cb-body-light .comment-form #submit {
border: 2px solid #161616;
background: transparent;
}
.cb-body-light .comment-form #submit:hover {
background: #161616;
color: #f2f2f2;
}
.cb-body-light .wpcf7-submit {
color: #161616;
border: 2px solid #161616;
background: transparent;
}
.cb-body-light .wpcf7-submit:hover {
background: #161616;
color: #f2f2f2;
}
.cb-body-light .bypostauthor > article {
border-bottom: 1px solid #ddd;
}
.cb-body-light .grid-spacing {
border-color: #fff;
}
.cb-body-light .entry-content .alignleft .wp-caption-text,
.cb-body-light .entry-content .alignright .wp-caption-text,
.cb-body-light .entry-content .aligncenter .wp-caption-text {
color: #464646;
}
.cb-body-light .entry-content .alignnone.cb-fs-embed .wp-caption-text {
background: #f2f2f2;
color: #464646;
}
.cb-body-dark {
color: #c5c5c5;
background: #161616;
}
.cb-body-dark .preview-classic, .cb-body-dark .preview-review {
border-color: #404040 !important;
}
.cb-body-dark .contains-blocks .flickity-viewport {
background-color: #161616;
}
.cb-body-dark .cb-alp-ld, .cb-body-dark .block--light {
color: #fff;
background: #161616;
}
.cb-body-dark .tipi-button.block-loader, .cb-body-dark .wpcf7-submit {
background-color: #2a2a2e;
}
.cb-body-dark .widget_tag_cloud a,
.cb-body-dark .tags-title,
.cb-body-dark .bbp-topic-tags a {
color: #c5c5c5;
border: 1px solid #c5c5c5;
}
.cb-body-dark .cb-read-more {
color: #f2f2f2;
}
.cb-body-dark .cb-text-buttons a {
color: #f2f2f2;
}
.cb-body-dark blockquote, .cb-body-dark .preview-review .score {
color: #f2f2f2;
}
.cb-body-dark .entry-content .alignleft .wp-caption-text,
.cb-body-dark .entry-content .alignright .wp-caption-text,
.cb-body-dark .entry-content .aligncenter .wp-caption-text {
color: #999;
}
.cb-body-dark .entry-content .alignnone.cb-fs-embed .wp-caption-text {
background: #161616;
color: #999;
}
.cb-body-dark .cb-pagination a,
.cb-body-dark .entry-content .cb-pagination a {
color: #f2f2f2;
border: 1px solid #f2f2f2;
}
.cb-body-dark .cb-pagination a:hover,
.cb-body-dark .entry-content .cb-pagination a:hover {
background: #f2f2f2;
color: #161616;
}
.cb-body-dark .cb-pagination .current,
.cb-body-dark .cb-pagination > .cb-page,
.cb-body-dark .entry-content .cb-pagination .current,
.cb-body-dark .entry-content .cb-pagination > .cb-page {
background: #f2f2f2;
border: 1px solid #f2f2f2;
color: #161616;
}
.cb-body-dark .codetipi-15zine-tabs > ul li a {
color: #555;
}
.cb-body-dark .codetipi-15zine-tabs > ul li a:hover {
color: #f2f2f2;
}
.cb-body-dark .codetipi-15zine-tabs > ul .current {
border-bottom: #f2f2f2 3px solid;
}
.cb-body-dark .codetipi-15zine-tabs > ul .current a {
color: #f2f2f2;
}
.cb-body-dark .cb-contact-icon i {
color: #fff;
}
.cb-body-dark .cb-sidebar-widget a {
color: #f2f2f2;
}
.cb-body-dark .cb-toggler,
.cb-body-dark .cb-toggle {
color: #f2f2f2;
}
.cb-body-dark .cb-next-previous i {
color: #f2f2f2;
}
.cb-body-dark .block-title-wrap a {
color: #f2f2f2;
}
.cb-body-dark .block-title-wrap a:hover {
color: #e0e0e0;
}
.cb-body-dark .block-title-wrap .title:after {
background: #f2f2f2;
}
.cb-body-dark .cb-separated {
border-bottom: 1px dotted #282828;
}
.cb-body-dark .cb-article-small.cb-separated {
border-bottom: 1px dotted #282828;
}
.cb-body-dark #cb-content,
.cb-body-dark .cb-hp-section {
background: #161616;
}
.cb-body-dark .sidebar, .cb-body-dark .author-box {
background: #0f0f0f;
}
.cb-body-dark .sidebar .preview-thumbnail, .cb-body-dark .author-box .preview-thumbnail {
border-bottom-color: #161616;
}
.cb-body-dark h1,
.cb-body-dark h2,
.cb-body-dark h3,
.cb-body-dark h4,
.cb-body-dark h5 {
color: #f2f2f2;
}
.cb-body-dark .byline {
color: #f2f2f2;
}
.cb-body-dark .byline a {
color: #f2f2f2;
}
.cb-body-dark .cb-module-block .cb-post-title a {
color: #f2f2f2;
}
.cb-body-dark .cb-post-block-bg {
background: #0f0f0f;
}
.cb-body-dark .singular-block-header .title,
.cb-body-dark .singular-block-header #reply-title {
color: #f2f2f2;
}
.cb-body-dark .singular-block-header .title {
border-bottom-color: #161616;
}
.cb-body-dark .author-box .cb-meta a {
color: #f2f2f2;
}
.cb-body-dark .cb-multi-widget .tab-title.active {
border-bottom-color: #f2f2f2;
}
.cb-body-dark .commentlist .comment .fn a {
color: #f2f2f2;
}
.cb-body-dark .commentlist .comment .comment-reply-link,
.cb-body-dark .commentlist .comment .comment-edit-link,
.cb-body-dark .commentlist .comment .alert p {
color: #9a9a9a;
}
.cb-body-dark .commentlist article {
border-bottom-color: #202020;
}
.cb-body-dark .comment-form input,
.cb-body-dark .comment-form textarea {
background: #0f0f0f;
color: #858585;
}
.cb-body-dark .comment-form input:focus,
.cb-body-dark .comment-form textarea:focus {
background: #111;
}
.cb-body-dark .comment-form #submit,
.cb-body-dark .comment-form label {
color: #4d4d4d;
}
.cb-body-dark .comment-form #submit {
background: #0f0f0f;
}
.cb-body-dark .comment-form #submit:hover {
background: #111;
}
.cb-body-dark .wpcf7-submit {
color: #858585;
background: #0f0f0f;
}
.cb-body-dark .wpcf7-submit:hover {
background: #111;
}
.cb-body-dark .bypostauthor > article {
border-bottom: 1px solid #202020;
}
.cb-body-dark .grid-spacing {
border-color: #161616;
}
.cb-footer-dark .cb-footer-widget-title {
color: #f2f2f2;
border-bottom: 0;
}
.cb-footer-dark .site-footer {
background-color: #10100f;
}
.cb-footer-dark .site-footer .block-wrap .title a, .cb-footer-dark .site-footer a {
color: #fff;
}
.cb-footer-dark .site-footer .cats .cat-with-bg {
background-color: #333;
}
.cb-footer-dark .site-footer .byline {
color: #777;
}
.cb-footer-dark .site-footer .byline a {
color: #777;
}
.cb-footer-dark .site-footer .cb-arrows-tr .flex-direction-nav a {
color: #161616;
}
.cb-footer-dark .site-footer .cb-article-small.cb-separated {
border-bottom: 1px dotted #282828;
}
.cb-footer-dark .site-footer .cb-multi-widget .active {
border-bottom-color: #f2f2f2;
}
.cb-footer-dark .site-footer .preview-review, .cb-footer-dark .site-footer .preview-thumbnail, .cb-footer-dark .site-footer .block-wrap-d .preview-classic {
border-bottom-color: #282828;
}
.cb-footer-dark .cb-footer-lower {
background: #0c0c0b;
color: #a6a6a6;
}
.cb-footer-dark .cb-footer-lower a {
color: #a6a6a6;
}
.cb-footer-dark .cb-footer-lower .cb-to-top a {
color: #fff;
}
.cb-footer-dark .cb-to-top a i {
border: 2px solid #fff;
}
.cb-footer-light .cb-footer-widget-title {
color: #161616;
border-bottom: 0;
}
.cb-footer-light .site-footer {
background-color: #f2f2f2;
}
.cb-footer-light .site-footer a {
color: #161616;
}
.cb-footer-light .site-footer .cb-arrows-tr .flex-direction-nav a {
color: #161616;
}
.cb-footer-light .site-footer .cb-article-small.cb-separated {
border-bottom: 1px dotted #ddd;
}
.cb-footer-light .cb-footer-lower {
background: #e1e1e1;
color: #999;
}
.cb-footer-light .cb-footer-lower a {
color: #999;
}
.cb-footer-light .cb-footer-lower .cb-to-top a {
color: #161616;
}
.cb-footer-light .cb-to-top a i {
border: 2px solid #161616;
} .attachment-hero .hero-wrap {
padding-bottom: 60px;
} .tipi-button {
display: inline-block;
border-radius: 2px;
-webkit-appearance: none;
padding: 0 20px;
background: #161616;
outline: none;
border: 0;
height: 44px;
line-height: 40px;
transition: all 0.3s ease-out;
font-weight: 700;
border: 2px solid transparent;
cursor: pointer;
color: #fff;
}
.tipi-button:hover {
background-color: #262626;
}
.site-skin-2 .tipi-button {
background-color: #333;
}
.site-skin-2 .tipi-button:hover {
background-color: #444;
}
.tipi-button-border {
background: transparent;
color: inherit !important;
border-color: #111;
}
.tipi-button-border:hover {
background: #111;
color: #fff !important;
}
.button-underline {
position: relative;
display: inline-block;
}
.button-underline:after {
background: #888;
height: 2px;
width: 100%;
content: '';
display: block;
transform: scale3d(0, 1, 1);
transition: 0.1s transform ease-out;
transform-origin: 0 0;
}
.button-underline:hover:after {
transform: scale3d(1, 1, 1);
}
.button-arrow {
position: relative;
padding-left: 30px;
padding-right: 30px;
}
.button-arrow > i {
opacity: 0;
position: absolute;
top: 50%;
transition: 0.2s ease-out all;
font-size: 1em;
transform: translate3d(0, -50%, 0);
}
.button-arrow .button-title {
transition: 0.2s ease-out all;
display: inline-block;
}
.button-arrow:hover i {
opacity: 1;
}
.button-arrow-l:hover > i {
transform: translate3d(-10px, -50%, 0);
}
.button-arrow-l:hover .button-title {
transform: translate3d(10px, 0, 0);
}
.button-arrow-r > i {
transform: translate3d(-10px, -50%, 0);
}
.button-arrow-r:hover > i {
transform: translate3d(0px, -50%, 0);
}
.button-arrow-r:hover .button-title {
transform: translate3d(-10px, 0, 0);
}
@keyframes slidedown {
from {
transform: translate3d(0, -100%, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes tipiMenuSlide {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(calc(60px - 100vw), 0, 0);
}
}
@keyframes tipiOpa {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes tipiSlideUpOpa {
from {
opacity: 0;
transform: translatey(15px);
}
to {
opacity: 1;
transform: translatey(0);
}
}
@keyframes tipiSlideLeftOpa {
from {
opacity: 0;
transform: translatex(-15px);
}
to {
opacity: 1;
transform: translatex(0);
}
}
@keyframes tipiSlideRightOpa {
from {
opacity: 0;
transform: translatex(15px);
}
to {
opacity: 1;
transform: translatex(0);
}
}
@keyframes tipiSlideDownOpa {
from {
opacity: 0;
transform: translatey(-10px);
}
to {
opacity: 1;
transform: translatey(0);
}
}
@keyframes aniUpOpa {
from {
opacity: 0;
transform: translatey(60px);
}
to {
opacity: 1;
transform: translatey(0);
}
}
@keyframes aniLeftOpa {
from {
opacity: 0;
transform: translatex(-60px);
}
to {
opacity: 1;
transform: translatex(0);
}
}
@keyframes aniRightOpa {
from {
opacity: 0;
transform: translatex(60px);
}
to {
opacity: 1;
transform: translatex(0);
}
}
@keyframes aniDownOpa {
from {
opacity: 0;
transform: translatey(-60px);
}
to {
opacity: 1;
transform: translatey(0);
}
}
.cb-pb .cb-full-width {
padding: 0 0 30px 0;
}
.cb-box-light .wrap {
box-shadow: -1px 0px 0px 0px #ddd, 1px 0px 0px 0px #ddd;
}
.cb-box-heavy .wrap {
box-shadow: -1px 0px 0px 0px #888, 1px 0px 0px 0px #888;
}
.cb-box-light.cb-nav-bar-wrap.wrap,
.cb-box-light.cb-main-nav.wrap,
.cb-box-light #cb-widgets.wrap,
.cb-box-light .cb-footer-lower .wrap,
.cb-box-heavy.cb-nav-bar-wrap.wrap,
.cb-box-heavy.cb-main-nav.wrap,
.cb-box-heavy #cb-widgets.wrap,
.cb-box-heavy .cb-footer-lower .wrap {
box-shadow: none !important;
}
a, a:visited {
text-decoration: none;
} h1,
h2,
h3,
h4,
h5 {
font-family: sans-serif;
text-rendering: optimizelegibility;
line-height: 1.3;
font-weight: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
text-decoration: none;
}
h1, h2 {
font-size: 1.1em;
}
h3, h4, h5 {
font-size: 1em;
} .entry-content {
margin: 0 0 20px;
}
.entry-content p, .entry-content > div {
margin-bottom: 1em;
}
.entry-content dt {
font-weight: bold;
}
.entry-content dd {
padding-left: 50px;
}
.entry-content table {
width: 100%;
margin-bottom: 20px;
}
.entry-content table tr td {
border-bottom: 1px solid #e7e7e7;
padding: 10px;
}
.entry-content table tr th {
border-bottom: 1px solid #e7e7e7;
padding: 10px;
background-color: #f0f0f0;
}
.entry-content ol,
.entry-content ul {
margin: 15px 0;
list-style-position: inside;
}
.entry-content ol li ol,
.entry-content ol li ul,
.entry-content ul li ol,
.entry-content ul li ul {
margin: 0 0 0 20px;
}
.entry-content ul {
list-style-type: circle;
}
.entry-content ol {
list-style-type: decimal;
}
.entry-content dd {
margin-left: 0;
font-size: 0.9em;
color: #787878;
margin-bottom: 1.5em;
}
.entry-content pre {
background: #eee;
border: 1px solid #cecece;
padding: 10px;
}
.entry-content video,
.entry-content object {
max-width: 100%;
height: auto;
}
.entry-content .alignnone img {
width: 100%;
}
.entry-content .alignnone, .entry-content .aligncenter {
max-width: 100%;
}
.entry-content .alignleft, .entry-content .alignright {
max-width: 66%;
}
.entry-content .alignnone {
position: relative;
padding: 20px 0;
}
.entry-content .aligncenter {
position: relative;
padding: 20px 0;
display: block;
margin: 0 auto;
text-align: center;
}
.entry-content .alignleft {
float: left;
margin: 5px 1.5em 1em 0;
}
.entry-content .alignright {
float: right;
margin: 5px 0 1em 1.5em;
}
.entry-content .alignleft .wp-caption-text,
.entry-content .alignright .wp-caption-text,
.entry-content .aligncenter .wp-caption-text {
line-height: 1.5;
padding: 7px 12px;
margin: 0;
font-style: italic;
text-align: center;
}
.entry-content .alignnone.cb-fs-embed .wp-caption-text,
.entry-content .aligncenter .wp-caption-text {
padding: 7px 12px;
margin: 0;
line-height: 1.8;
}
.entry-content .alignnone .wp-caption-text {
font-style: italic;
text-align: center;
}
.entry-content .wp-caption.alignleft,
.entry-content .wp-caption.alignright {
margin-bottom: 0;
}
.align-fs {
overflow-x: hidden;
}
.align-fs .alignfull img {
max-width: none;
width: 100%;
}
.align-fs .alignfull:not(.alignwide), .align-fs img.alignnone.size-full, .align-fs .wp-caption.alignnone .size-full {
margin: 30px calc( 50% - 50vw);
}
.align-fs .alignfull, .align-fs img.alignnone.size-full, .align-fs .wp-caption.alignnone .size-full {
width: 100vw !important;
max-width: none;
}
.align-fs .wp-caption.alignnone .size-full {
margin-bottom: 0;
}
.align-fs .contents-wrap .video-wrap {
margin-bottom: 30px;
}
.cb-entry-title {
margin: 0;
}
.with--dropcap .entry-content > p:first-of-type:first-letter {
font-size: 6em;
font-weight: 700;
float: left;
line-height: 1;
margin: 0 20px 0 0;
}
.cb-dropcap-big {
font-size: 6em;
font-weight: 700;
float: left;
line-height: 1;
margin: 0 20px 0 0;
} .sidebar {
width: 100%;
float: left;
}
.cb-sidebar-widget {
margin-bottom: 40px;
max-width: 100%;
overflow: hidden;
}
.cb-sidebar-widget:last-child {
margin-bottom: 0;
}
.widget-title {
font-size: 14px;
margin: 0 0 30px 0;
position: relative;
padding-bottom: 10px;
display: inline-block;
line-height: 1.2;
}
.cb-footer-widget-title {
width: 100%;
text-align: center;
}
.fb_iframe_widget {
display: block;
} .cb-fw {
width: 100%;
}
.cb-large {
float: left;
padding: 0 10px;
width: 100%;
}
.cb-medium {
float: right;
}
.cb-block {
margin-top: 10px;
text-align: center;
width: 100%;
}
.cb-block img,
.cb-block iframe {
max-width: 100%;
}
.cb-category-top {
width: 100%;
text-align: center;
margin: 0 0 30px 0;
}
.cb-category-top img {
width: auto;
}
.cb-header {
background: #fff;
z-index: 15;
position: relative;
} .mm-51 .menu-wrap > .sub-menu > li .sub-menu {
transform: none;
}
.mm-51 .menu-wrap > .sub-menu > li > a {
padding-left: 0;
padding-right: 0;
}
.mm-51 .standard-drop .sub-menu {
position: static;
min-width: 0;
}
.mm-51 .sub-menu li {
border-bottom: 0;
}
.secondary-menu li a {
padding-left: 7px;
padding-right: 7px;
}
.secondary-menu-wrap {
display: block;
position: relative;
z-index: 7;
}
.secondary-menu-wrap.site-skin-11 .sub-menu {
background: #eee;
}
.secondary-menu-wrap.site-skin-1 .sub-menu {
background: #f2f2f2;
}
.secondary-menu-wrap .menu-icons {
margin-left: auto;
}
.secondary-menu-wrap ul li {
display: inline-block;
}
.secondary-menu-wrap ul li .menu-item-has-children > a:after {
content: "+";
float: right;
}
.secondary-menu-wrap ul li a:not(.vertical-c) {
display: block;
}
.secondary-menu-wrap ul li ul {
margin-top: 0;
position: absolute;
opacity: 0;
transition: 0.15s opacity;
visibility: hidden;
z-index: 999;
min-height: 40px;
width: 200px;
}
.secondary-menu-wrap ul li ul li {
position: relative;
width: 100%;
}
.secondary-menu-wrap ul li ul li a {
padding: 10px 20px;
margin: 0 !important;
width: 100%;
line-height: 20px;
}
.secondary-menu-wrap ul li:hover > ul {
top: 100%;
opacity: 1;
visibility: visible;
}
.secondary-menu-wrap ul li:hover > ul li > ul {
opacity: 0;
visibility: hidden;
left: 100%;
top: 0;
}
.secondary-menu-wrap ul li:hover > ul li:hover > ul {
opacity: 1;
visibility: visible;
}
.cb-mob-menu { transform: translateX(-100%);
transition: transform 0.5s ease;
width: 100%;
height: 100%;
position: fixed;
top: 0;
right: 0;
background: #161616;
z-index: 110;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
max-width: 100%;
}
.cb-mob-menu .cb-mob-bg {
background-size: cover;
background-position: 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
position: absolute;
opacity: 0.8;
z-index: -1;
}
.cb-mob-menu .cb-mob-close-wrap {
width: 100%;
display: block;
height: 50px;
line-height: 50px;
padding: 0 20px;
position: absolute;
z-index: 3;
top: 0;
background: #010101;
}
.cb-mob-menu #cb-mob-close {
color: #fff;
float: right;
}
.cb-mob-menu .cb-mob-social {
float: left;
}
.cb-mob-menu .cb-mob-social a {
color: #fff;
padding: 0 15px 0 0;
font-size: 16px;
}
.cb-mob-menu .cb-mob-menu-wrap {
position: relative;
z-index: 2;
padding-top: 70px;
height: 100%;
}
.cb-mob-menu .cb-mob-menu-wrap .cb-mobile-nav {
padding: 0 20px;
}
.cb-mob-menu .cb-mob-menu-wrap ul {
width: 100%;
display: none;
}
.cb-mob-menu .cb-mob-menu-wrap ul .cb-icon-plus {
display: inline-block;
float: right;
color: #fff;
padding: 0 5px;
font-size: 24px;
line-height: 24px;
}
.cb-mob-menu .cb-mob-menu-wrap ul .cb-icon-plus:after {
content: "+";
font-weight: 700;
}
.cb-mob-menu .cb-mob-menu-wrap ul .cb-selected:after {
content: "-";
}
.cb-mob-menu .cb-mob-menu-wrap ul li {
display: block;
margin: 15px 0;
font-size: 16px;
}
.cb-mob-menu .cb-mob-menu-wrap ul li a {
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
text-decoration: none;
color: #f2f2f2;
}
.cb-mob-menu .cb-mob-menu-wrap ul li a:hover {
text-decoration: underline;
}
.cb-mob-menu .cb-mob-menu-wrap .cb-mob-ul-show {
display: block;
overflow-y: auto;
}
.cb-mob-menu .cb-mob-menu-wrap .sub-menu {
padding-left: 20px;
}
.cb-mob-menu .cb-mob-menu-wrap .sub-menu li:last-of-type {
margin-bottom: 0;
}
.cb-full-height {
height: 100%;
}
.cb-no-margin {
margin: 0;
}
.cb-fi-cover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
background-size: cover;
background-position: 50%;
opacity: 0.8;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.block-title-wrap {
width: 100%;
overflow: hidden;
position: relative;
margin-bottom: 30px;
font-weight: 700;
}
.block-title-wrap .block-subtitle-above {
margin-bottom: 10px;
}
.block-title-wrap .block-title-inner {
position: relative;
overflow: hidden;
}
.block-title-wrap .title {
margin: 0;
position: relative;
display: inline-block;
padding: 0 30px 0 0;
}
.block-title-wrap .title:after {
content: "";
display: block;
height: 6px;
position: absolute;
top: 50%;
margin-top: -3px;
width: 1920px;
left: 100%;
}
.block-title-wrap p {
color: #828282;
margin: 5px 0 0;
letter-spacing: 1px;
}
.post-wrap + .builder-container {
padding-top: 15px;
}
.cb-blog-style-roll .cb-module-d {
clear: both;
}
.cb-box .cb-module-title {
margin: 0 0 5px;
text-transform: uppercase;
color: #aeaeae;
font-size: 10px;
}
.cb-a-medium,
.cb-a-large {
height: auto;
width: 100%;
}
.cb-a-square,
.cb-a-medium,
.cb-a-large {
text-align: center;
height: auto;
}
.cb-relative {
position: relative;
}
.cb-style-1 .cb-meta {
text-align: center;
}
.cb-style-1 .cb-meta .cb-post-title {
margin: 0;
}
.cb-style-1 .cb-meta .byline {
color: #777;
}
.cb-style-1 .cb-mask {
line-height: 0;
margin-bottom: 15px;
background: #000;
}
.cb-style-1 .cb-mask img {
min-width: 100%;
}
.cb-meta-style-1 .mask img,
.cb-meta-style-5 .mask img {
opacity: 1;
}
.cb-meta-style-1 .cb-article-meta,
.cb-meta-style-5 .cb-article-meta {
padding: 30px;
background: rgba(0, 0, 0, 0.6);
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
transition: background 0.35s;
}
.cb-meta-style-1 .cb-article-meta .title a,
.cb-meta-style-5 .cb-article-meta .title a {
color: #fff;
}
.cb-meta-style-1 .cb-article-meta .byline,
.cb-meta-style-5 .cb-article-meta .byline {
margin: 0;
}
.cb-meta-style-5 .cb-article-meta {
background: rgba(0, 0, 0, 0.6);
padding: 40px 20px 20px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
}
.cb-meta-style-1.cb-s .cb-article-meta {
padding: 15px 20px;
}
.cb-meta-style-2 {
position: relative;
}
.cb-meta-style-2 .cb-article-meta {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
width: 100%;
text-align: center;
padding: 0 20px;
}
.cb-meta-style-2 .cb-article-meta .byline {
margin: 0;
color: inherit;
}
.cb-meta-style-1.cb-s.cb-meta-style-3 .cb-article-meta {
padding: 20px 15px;
}
.cb-meta-style-3 .cb-article-meta {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
}
.cb-meta-style-4 {
position: relative;
}
.cb-meta-style-4 .cb-article-meta {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
padding: 15px;
}
.cb-meta-style-4 .cb-article-meta .title {
margin: 0 0 5px;
font-weight: 700;
}
.cb-meta-style-4 .cb-article-meta .byline {
margin: 0;
} .widget_tag_cloud a,
.tags-title,
.bbp-topic-tags a {
padding: 5px 10px;
font-weight: 700;
font-size: 9px !important;
display: inline-block;
margin: 0 10px 10px 0;
letter-spacing: 2px;
text-transform: uppercase;
}
.tags a {
text-transform: uppercase;
margin-right: 10px;
font-size: 12px;
display: inline-block;
}
.tags a:before {
content: '#';
}
.instagram-pics {
width: calc(100% + 4px);
list-style-type: none;
margin: 0;
}
.instagram-pics li {
position: relative;
overflow: hidden;
float: left;
width: 33.33333%;
border-right: 4px solid transparent;
line-height: 0;
margin: 0 0 4px;
}
.instagram-pics li a {
display: block;
}
.instagram-pics li img {
width: 100%;
}
.fb-like-box {
min-height: 210px;
}
.widget_categories ul {
margin: 15px 0;
list-style-type: circle;
list-style-position: inside;
}
.widget_categories ul li ol,
.widget_categories ul li ul {
margin: 0 0 0 20px;
}
.widget_nav_menu ul,
.widget_rss ul,
.widget_recent_entries ul,
.widget_recent_comments ul,
.widget_meta ul,
.widget_categories ul,
.widget_archive ul,
.widget_pages ul {
list-style-type: disc;
list-style-position: inside;
}
.codetipi-15zine-widget .search {
margin-top: 0;
position: relative;
color: #161616;
}
.codetipi-15zine-widget .search .search-field {
font-weight: 700;
width: 100%;
font-size: 16px;
padding: 10px 80px 10px 20px;
height: 60px;
outline: none;
background: #e4e4e4;
border: 0;
}
.codetipi-15zine-widget .search .search-submit {
background: transparent;
font-size: 18px;
border: 0;
width: 60px;
height: 60px;
position: absolute;
top: 0;
right: 0;
-webkit-appearance: none;
outline: none;
}
.codetipi-15zine-widget .search .search-submit:hover {
color: #555;
}
.codetipi-15zine-widget ::-webkit-input-placeholder {
color: #161616;
}
.codetipi-15zine-widget :-moz-placeholder {
color: #161616;
}
.codetipi-15zine-widget ::-moz-placeholder {
color: #161616;
}
.codetipi-15zine-widget :-ms-input-placeholder {
color: #161616;
}
.cb-widget-subtitle {
position: relative;
top: -25px;
margin-bottom: 5px;
width: 100%;
text-align: center;
display: block;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
color: #777;
}
#calendar_wrap {
background-color: #e4e4e4;
}
#calendar_wrap td {
padding: 10px;
text-align: center;
}
#wp-calendar {
width: 100%;
font-size: 12px;
}
#wp-calendar caption {
padding: 10px;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
}
#wp-calendar thead,
#wp-calendar tfoot {
background-color: #e4e4e4;
}
#wp-calendar thead tr th {
padding: 5px 0;
}
#wp-calendar a {
text-decoration: underline;
}
.cb-small-squares-widget {
text-align: center;
}
.cb-small-squares-widget li {
display: inline-block;
margin: 5px;
}
.cb-small-squares-widget li p {
margin: 0;
}
.cb-small-squares-widget li img {
vertical-align: top;
}
.tabber .widget-title {
display: none;
}
.tabber .widget-titles {
margin: 0 0 30px 0;
justify-content: space-around;
}
.tabber .widget-titles .tab-title {
font-size: 14px;
text-align: center;
display: inline-block;
letter-spacing: 1px;
font-weight: 700;
text-transform: uppercase;
padding-bottom: 10px;
line-height: 1.2;
margin: 0 5px;
border-bottom: 3px solid transparent;
}
.tabber .widget-titles .tab-title:not(.active) {
opacity: 0.5;
}
.tabber .widget-wrap:not(.loaded) .widget {
display: none;
}
.tabber .widget-wrap:not(.loaded) .widget:first-child {
display: block;
}
.tabber .loaded .widget:not(.active) {
display: none;
} .codetipi-15zine-stylish-posts-wrap:not(.rounded-img) .counter {
border-radius: 0;
}
.codetipi-15zine-stylish-posts .tipi-row-inner-style {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.codetipi-15zine-stylish-posts .block-wrap-2 .title {
font-size: 15px;
}
.codetipi-15zine-stylish-posts .block-wrap-2 article {
border-bottom: 0;
padding-bottom: 0;
}
.codetipi-15zine-stylish-posts .tipi-s-typo .title-wrap:first-of-type .title {
padding-top: 15px;
}
.codetipi-15zine-stylish-posts article:last-of-type {
margin-bottom: 0;
}
.codetipi-15zine-stylish-posts .only-filters .load-more-wrap-2 {
text-align: left;
margin-bottom: 20px !important;
}
.codetipi-15zine-stylish-posts .only-filters .filters {
justify-content: center;
margin-top: 0;
}
.codetipi-15zine-stylish-posts .block .stack-1 {
padding-bottom: 30px;
}
.codetipi-15zine-stylish-posts .block .stack-1 .title {
font-size: 15px !important;
}
.rounded-img.codetipi-15zine-stylish-posts-wrap article:hover .media-tr {
opacity: 1;
}
.rounded-img.codetipi-15zine-stylish-posts-wrap .preview-thumbnail .lets-review-api-wrap {
border-radius: 50%;
height: 30px;
}
.rounded-img.codetipi-15zine-stylish-posts-wrap .counter ~ .media-icon {
display: none;
}
.rounded-img.codetipi-15zine-stylish-posts-wrap img, .rounded-img.codetipi-15zine-stylish-posts-wrap .counter {
border-radius: 50% !important;
}
.rounded-img.codetipi-15zine-stylish-posts-wrap .media-tr {
top: 0 !important;
left: 0 !important;
width: 100%;
height: 100%;
margin: 0 !important;
opacity: 0;
}
.rounded-img.codetipi-15zine-stylish-posts-wrap .media-tr .icon-bg {
border-radius: 50%;
}
.rounded-img.codetipi-15zine-stylish-posts-wrap .media-tr:hover .icon-bg {
transform: none;
}
.rounded-img .mask {
background-color: transparent !important;
}
.rounded-img img {
border-radius: 50%;
}
.rounded-img .preview-thumbnail {
border-bottom: 0;
} .site-footer #cb-widgets {
overflow: hidden;
padding: 30px 0 50px;
}
.site-footer #cb-widgets > div {
float: left;
padding-top: 10px;
}
.site-footer #cb-widgets .cb-125-ads li {
margin: 0 10px 15px;
}
.site-footer #cb-widgets .cb-single-image-widget {
padding-bottom: 0;
text-align: center;
}
.site-footer #cb-widgets .cb-single-image-widget img {
padding: 10px 0 20px 0;
}
.site-footer #cb-widgets .widget_tag_cloud a {
background: #242424;
}
.site-footer .cb-column {
padding-right: 10px;
padding-left: 10px;
}
.site-footer .cb-footer-x .cb-one {
width: 100%;
}
.site-footer .cb-footer-x .cb-two {
width: 100%;
}
.site-footer .cb-footer-x .cb-three {
width: 100%;
}
.site-footer .codetipi-15zine-widget {
margin: 0 10px;
padding-bottom: 20px;
}
.site-footer .cb-under-footer #sb_instagram {
margin: 0 -5px;
}
.site-footer .cb-footer-lower {
padding: 40px 20px;
font-size: 10px;
font-weight: 700;
text-align: center;
letter-spacing: 3px;
}
.site-footer .cb-footer-lower .cb-copyright {
width: 100%;
margin-bottom: 50px;
}
.site-footer .cb-footer-lower .cb-footer-links {
width: 100%;
margin-bottom: 15px;
}
.site-footer .cb-footer-lower .cb-footer-links ul {
margin: 0;
}
.site-footer .cb-footer-lower .cb-footer-links ul li {
display: inline-block;
margin: 0 3px;
}
.site-footer .cb-footer-lower .cb-footer-links ul li .sub-menu {
display: none;
}
.site-footer .cb-footer-lower .cb-footer-links ul li:before {
content: "/";
margin: 0 10px;
}
.site-footer .cb-footer-lower .cb-footer-links ul li:nth-of-type(1):before {
content: " ";
}
#cb-footer-logo {
line-height: 0;
margin-bottom: 50px;
}
.cb-to-top {
margin: 30px auto;
font-size: 30px;
letter-spacing: 0;
}
.cb-to-top a i {
height: 60px;
width: 60px;
display: inline-block;
padding-top: 10px;
top: 0;
position: relative;
transition: 0.2s;
}
.cb-to-top a i:hover {
top: -5px;
} .cb-post-entry embed {
max-width: 100%;
}
.cb-blog-style-d .wp-caption {
max-width: 100%;
} .singular-block-header {
margin-bottom: 0;
}
.singular-block-header .title,
.singular-block-header #reply-title {
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
padding-right: 0;
}
.singular-block-header .title:after,
.singular-block-header #reply-title:after {
display: none;
}
.singular-block-header .title {
border-bottom: 5px solid #161616;
font-size: 18px;
margin: 0 0 30px;
padding-bottom: 10px;
display: inline-block;
}
.cb-post-footer-block {
margin: 0 0 60px;
}
.cb-img-fw a:hover img {
opacity: 1;
} .fb-comments {
margin-bottom: 30px;
}
.commentlist {
margin-top: 15px;
}
.commentlist .fn {
font-size: 16px;
}
.commentlist time {
font-size: 12px;
color: #9a9a9a;
}
.commentlist .comment-author img {
float: left;
margin-right: 30px;
width: 60px;
}
.commentlist .says {
display: none;
}
.commentlist .comment-content {
padding-top: 15px;
}
.commentlist .reply {
display: inline-flex;
align-items: center;
text-transform: uppercase;
font-size: 12px;
margin-top: 15px;
}
.commentlist .reply a {
color: #3a3a3a;
}
.commentlist .reply a:before {
content: '\e923';
margin-right: 5px;
font-family: 'codetipi-15zine';
}
.commentlist .edit-link {
position: absolute;
right: 0;
font-size: 12px;
top: 0;
}
.commentlist .comment-body {
position: relative;
padding-bottom: 30px;
border-bottom: 1px solid #eee;
margin-bottom: 30px;
}
.commentlist .comment-body:after {
content: "";
display: block;
clear: both;
}
.commentlist .children {
margin-left: 30px;
}
.commentlist .children .children .children {
margin-left: 0;
}
.comment-form > * {
margin-top: 15px;
}
.comment-form input:not(.submit),
.comment-form textarea {
width: 100%;
border: none;
padding: 20px;
font-size: 14px;
transition: background 0.35s;
}
.comment-form input:not(.submit):focus,
.comment-form textarea:focus {
outline-width: 0;
}
.comment-form .logged-in-as {
font-size: 12px;
margin: 15px 0;
}
.comment-form textarea {
max-width: 100%;
min-width: 100%;
height: 320px;
}
.comment-form #submit,
.comment-form label {
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 15px;
display: block;
font-weight: 700;
}
.comment-form #submit {
font-size: 12px;
margin: 50px 0;
}
.comment-form input[type=checkbox] {
width: auto;
margin-bottom: 0;
margin-right: 10px;
-webkit-appearance: checkbox;
}
.comment-form .wpgdprc-checkbox label {
display: flex;
align-items: center;
}
.comment-form .comment-form-cookies-consent {
margin-top: 30px;
display: flex;
align-items: center;
}
.comment-form .comment-form-cookies-consent label {
margin-bottom: 0;
}
#cancel-comment-reply-link {
display: block;
font-size: 10px;
margin-top: 10px;
} .cb-social-sharing.cb-text-buttons {
letter-spacing: 1px;
text-align: center;
}
.cb-social-sharing.cb-text-buttons a {
margin: 5px 15px;
display: inline-block;
}
.cb-social-sharing.cb-text-buttons .cb-sharing-buttons,
.cb-social-sharing.cb-text-buttons .cb-title {
float: none;
}
.cb-social-sharing.cb-on .cb-twitter {
margin-left: 0;
}
.cb-social-sharing.cb-color-buttons a {
padding: 7px 0;
width: 130px;
text-align: center;
text-transform: uppercase;
margin-right: 25px;
color: #fff;
font-size: 18px;
display: inline-block;
margin-bottom: 25px;
}
.cb-social-sharing.cb-color-buttons .cb-social-fb {
background: #3b5998;
}
.cb-social-sharing.cb-color-buttons .cb-social-tw {
background: #1da1f2;
}
.cb-social-sharing.cb-color-buttons .cb-social-pin {
background: #bd081c;
}
.cb-social-sharing.cb-color-buttons .cb-social-go {
background: #dc4e41;
}
.cb-social-sharing.cb-color-buttons .cb-social-su {
background: #fd2212;
}
.cb-social-sharing.cb-color-buttons .cb-social-em {
background: #222222;
margin-right: 0;
}
.cb-separation {
display: block;
background: #ddd;
height: 2px;
width: 100%;
margin: 0 0 40px 0;
} .cb-next-previous {
text-align: center;
padding: 10px;
}
.cb-next-previous .cb-next-previous-block {
width: 100%;
line-height: 1.2;
font-weight: 700;
}
.cb-next-previous .cb-next-previous-block .cb-read-title {
text-transform: uppercase;
font-size: 10px;
margin-bottom: 10px;
display: block;
letter-spacing: 2px;
}
.cb-next-previous .cb-next-previous-block .cb-read-title a {
color: #999999;
}
.cb-next-previous .title {
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
font-size: 14px;
}
.cb-next-previous .cb-next-post {
padding-top: 10px;
}
.cb-next-previous .cb-next-post i {
padding-left: 20px;
float: right;
}
.cb-next-previous .cb-previous-post i {
padding-right: 20px;
float: left;
}
.cb-next-previous i {
font-size: 40px;
padding-bottom: 500px;
margin-bottom: -500px;
}
.cb-post-large {
width: 100%;
} .breadcrumbs-wrap {
text-align: left;
}
.breadcrumbs-wrap + .meta-wrap, .breadcrumbs-wrap + .entry-content {
padding-top: 20px !important;
}
.codetipi-15zine-bbp-breadcrumbs {
margin: 30px 0;
}
.breadcrumbs-wrap.breadcrumbs-sz-m .breadcrumbs {
padding-top: 0 !important;
}
.breadcrumbs {
font-size: 11px;
padding: 0 0 15px;
flex-wrap: wrap;
}
.breadcrumbs .crumb, .breadcrumbs i {
color: #161616;
margin-right: 5px;
display: inline-block;
}
article .breadcrumbs {
padding-bottom: 0;
}
.cb-body-dark .breadcrumbs .crumb, .cb-body-dark .breadcrumbs i {
color: #f2f2f2;
}
.codetipi-15zine-bbp-breadcrumbs i {
margin-right: 0;
margin-left: 5px;
}  .wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-textarea {
width: 100%;
height: 60px;
border: none;
background: #e1e1e1;
padding: 20px;
color: #858585;
transition: background 0.35s;
}
.wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form-control.wpcf7-textarea:focus {
background: #eaeaea;
outline: none;
}
.wpcf7-form-control.wpcf7-text:invalid,
.wpcf7-form-control.wpcf7-textarea:invalid {
outline: none;
background-color: #f6e7eb;
box-shadow: none;
}
.wpcf7-form-control.wpcf7-textarea {
width: 100%;
height: 320px;
}
.wpcf7-form p {
font-size: 12px;
letter-spacing: 4px;
text-transform: uppercase;
color: #4d4d4d;
display: block;
font-weight: 700;
margin: 40px 0;
}
.wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form-control.wpcf7-textarea:focus {
background-color: #f2f2f2;
}
.wpcf7-form-control-wrap {
display: block;
margin: 10px 0;
}
.wpcf7-submit {
letter-spacing: 2px;
display: block;
font-weight: 700;
font-size: 12px;
width: auto;
padding: 10px 20px;
margin: 50px 0;
transition: background 0.35s;
}
.wpcf7-response-output {
font-size: 20px;
} .post-not-found {
text-align: center;
}
.post-not-found .search {
margin: 40px 0 200px;
}
.post-not-found .search .search-field {
margin: 0;
height: 80px;
font-size: 18px;
}
.post-not-found .search .search-submit {
height: 80px;
width: 80px;
}
.error404-title-wrap {
text-align: center;
text-transform: uppercase;
position: relative;
margin: 45px 0 90px;
}
.error404-title-wrap .title {
font-weight: 700;
font-size: 3em;
margin-bottom: 10px;
}
.error404-title-wrap p {
color: #828282;
margin: 0;
font-size: 18px;
letter-spacing: 1px;
} .team-wrap {
display: flex;
flex-flow: row wrap;
}
.team-wrap .author-box-wrap {
margin-bottom: 30px;
}
.team-wrap-1 .user-page-box {
margin-bottom: 30px;
}
.no-posts-found-wrap p {
margin-bottom: 30px;
} .author-box {
padding: 30px 20px;
}
.author-box .mask {
float: left;
background-color: transparent;
overflow: hidden;
}
.author-box .mask img {
margin: 0;
border-radius: 50%;
transition: opacity 0.35s;
}
.author-box .mask img:hover {
opacity: 0.7;
}
.author-box .title {
font-size: 18px;
letter-spacing: 3px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 5px;
}
.author-box .title + .biography {
margin-top: 15px;
}
.author-box .author-job {
margin-bottom: 15px;
font-size: 12px;
letter-spacing: 3px;
font-weight: 700;
text-transform: uppercase;
}
.author-box .biography {
font-size: 0.9rem;
margin-bottom: 20px;
line-height: 1.6;
}
.author-box .meta {
overflow: hidden;
}
.author-box .social-icons a {
margin-right: 15px;
display: inline-block;
}
.author-box .social-icons a i {
font-size: 18px;
}
.author-page-box {
text-align: center;
flex-wrap: wrap;
}
.author-page-box .mask {
margin: 0 auto;
max-width: 150px;
margin-bottom: 30px;
}
.author-page-box .mask img {
border-radius: 50%;
}
.author-page-box .biography {
font-size: 1rem;
}
.author-page-box .social-icons {
margin-bottom: -10px;
}
.author-page-box .social-icons a {
margin-bottom: 10px;
}
.author-page-box .title {
margin-bottom: 10px;
}
.author-page-box.author-box .meta {
width: 100%;
padding-left: 0;
} .bottom-options {
display: flex !important;
font-size: 12px;
}
.bottom-options .lwa-links-remember, .bottom-options .br-option {
width: 50%;
}
.bottom-options .bl-option:last-child {
width: 100%;
text-align: center;
}
.bottom-options .bl-option:last-child label {
width: 100%;
}
.codetipi-15zine-checkbox {
padding-top: 10px;
display: flex;
width: 100%;
text-align: left;
}
.codetipi-15zine-checkbox input[type="checkbox"] {
position: absolute;
opacity: 0;
top: 5px;
left: 0;
height: 12px;
width: 12px;
margin: 0;
}
.codetipi-15zine-checkbox input[type="checkbox"]:checked + .codetipi-15zine-i:before {
opacity: 1;
background: #1d69d0 !important;
transform: translatey(0);
}
.codetipi-15zine-checkbox a {
margin-left: 3px;
}
.codetipi-15zine-checkbox label {
position: relative;
}
.codetipi-15zine-checkbox label .codetipi-15zine-i {
width: 12px;
margin-top: 2px;
text-align: center;
margin-right: 7px;
height: 12px;
display: inline-block;
background: #ddd;
position: relative;
line-height: 12px;
border-radius: 2px;
}
.codetipi-15zine-checkbox label .codetipi-15zine-i:before {
border-radius: 2px;
content: "\e913";
font-family: 'codetipi-15zine';
color: #fff;
font-size: 8px;
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
height: 100%;
transform: translatey(3px);
transition: .2s ease background, .2s ease opacity, .2s ease transform;
}
.lwa-terms a {
text-decoration: none;
}
.lwa-form .codetipi-15zine-checkbox {
margin-top: 0;
margin-bottom: 10px;
font-size: 12px;
}
.lwa-form .codetipi-15zine-checkbox label .codetipi-15zine-i {
margin-top: 0;
} .fa.cb-times {
color: #fff;
font-size: 20px;
}
.fa.cb-times:before {
content: "\f105";
}
.fa.cb-times:after {
content: "\f104";
position: relative; left: -3px;
}
.cb-ta-right {
text-align: right;
}
.cb-ta-left {
text-align: left;
}
.cb-ta-center {
text-align: center;
} .entry-content > span {
display: block;
}
.entry-content .tabber {
margin: 0 0 30px 0;
}
.entry-content .tabber .widget-titles {
justify-content: flex-start;
}
.entry-content .tabber .widget-titles a {
background: #e5e5e5;
padding: 15px 30px;
}
.entry-content .tabber .tab-title {
margin: 0 5px 0 0;
}
.entry-content .tabber .widget-wrap .widget p {
margin: 20px 0;
}
.entry-content .cb-video-frame {
margin: 20px 0;
}
.entry-content p embed {
max-width: 100%;
}
.cb-toggler {
margin-bottom: 15px;
}
.cb-toggler .fa-minus,
.cb-toggler .fa-plus {
display: inline-block;
margin-right: 10px;
float: left;
line-height: 26px;
font-size: 10px;
}
.cb-toggler .fa-minus {
display: none;
}
.cb-toggler .cb-toggle {
display: block;
margin-bottom: 5px;
font-weight: 700;
letter-spacing: 1px;
}
.cb-toggler .cb-toggle-content {
display: none;
margin-bottom: 15px;
}
.cb-toggler.cb-on .fa-plus {
display: none;
}
.cb-toggler.cb-on .fa-minus {
display: inline-block;
}
.cb-toggler.cb-on .cb-toggle-content {
display: block;
}
.cb-accordion a,
.cb-accordion span {
color: #fff;
display: block;
padding: 10px;
}
.cb-accordion span {
background-color: #666;
}
.cb-accordion a {
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
background-color: #2d2d2d;
}
.cb-alert {
width: 100%;
padding: 40px;
color: #fff;
border: 3px solid transparent;
margin: 20px 0;
text-align: center;
letter-spacing: 2px;
}
.cb-alert.cb-red {
background: #d62f2f;
border-color: #af2323;
}
.cb-alert.cb-yellow {
background: #f0d544;
color: #666;
border-color: #bfa40f;
}
.cb-alert.cb-green {
background: #1ba83f;
border-color: #13732b;
}
.cb-alert.cb-white {
background: #f2f2f2;
color: #161616;
border-color: #eee;
}
.cb-alert.cb-blue {
background: #263852;
border-color: #16202f;
}
.cb-highlight {
border-radius: 3px;
padding: 3px 1px;
color: #fff;
}
.cb-button {
letter-spacing: 2px;
}
.cb-button a {
border-radius: 3px;
padding: 10px 30px;
color: #f2f2f2 !important;
display: inline-block;
margin: 2px 2px 2px 0;
border: 3px solid transparent;
}
.cb-button.cb-center {
display: block;
text-align: center;
}
.cb-button.cb-no-url {
border-radius: 3px;
padding: 10px 30px;
color: #f2f2f2;
display: inline-block;
margin: 2px 2px 2px 0;
border: 3px solid transparent;
}
.cb-button.cb-yellow a,
.cb-button.cb-yellow.cb-no-url {
background: #eccb15;
}
.cb-button.cb-white a,
.cb-button.cb-white.cb-no-url {
background: transparent;
color: #808080 !important;
border-color: #777;
}
.cb-button.cb-pink a,
.cb-button.cb-pink.cb-no-url {
background: #ca56b0;
}
.cb-button.cb-green a,
.cb-button.cb-green.cb-no-url {
background: #1a9f3c;
}
.cb-button.cb-red a,
.cb-button.cb-red.cb-no-url {
background: #d62f2f;
}
.cb-button.cb-black a,
.cb-button.cb-black.cb-no-url {
background: #1a1a1a;
}
.cb-button.cb-grey a,
.cb-button.cb-grey.cb-no-url {
background: #4d4d4d;
}
.cb-button.cb-blue a,
.cb-button.cb-blue.cb-no-url {
background: #263852;
}
.cb-button.cb-brown a,
.cb-button.cb-brown.cb-no-url {
background: #975021;
}
.cb-button.cb-big a,
.cb-button.cb-big.cb-no-url {
padding: 15px 40px;
font-size: 18px;
}
.cb-divider {
width: 100%;
overflow: hidden;
position: relative;
text-align: center;
margin: 30px 0;
}
.cb-divider .cb-title {
color: #777;
margin: 0;
position: relative;
display: inline-block;
letter-spacing: 2px;
line-height: 1.2;
text-transform: uppercase;
padding: 7px 30px;
font-size: 14px;
font-weight: 700;
background: #fff;
}
.cb-divider .cb-title:after {
content: "";
display: block;
height: 10px;
position: absolute;
top: 50%;
margin-top: -5px;
width: 1920px;
left: 100%;
background: #ddd;
}
.cb-divider .cb-title:before {
content: "";
display: block;
height: 10px;
position: absolute;
top: 50%;
margin-top: -5px;
width: 1920px;
right: 100%;
background: #ddd;
}
.cb-video-gallery .cb-media-icon {
color: #161616;
background: #fff;
background: rgba(255, 255, 255, 0.7);
height: 60px;
width: 60px;
position: absolute;
top: 50%;
left: 50%;
text-align: center;
line-height: 60px;
border-radius: 50% 50%;
margin-left: -30px;
margin-top: -30px;
z-index: 10;
}
.lets-social-count-wrap i {
font-family: "codetipi-15zine";
font-style: normal;
}
.lsc-facebook {
content: "\f09a";
}
.lsc-twitter {
content: "\f099";
}
.lsc-pinterest {
content: "\f231";
}
.lsc-rss {
content: "\f09e";
}
.lsc-instagram {
content: "\f16d";
}
.lsc-youtube {
content: "\f16a";
} .icon-wrap a {
display: flex;
}
.icon-wrap i + .title {
padding-left: 7px;
} .site-mob-header {
position: relative;
z-index: 10;
}
.site-mob-header .bg-area {
background: inherit;
max-width: 100%;
}
.site-mob-header .tipi-i-user {
font-size: 18px;
}
.site-mob-header .menu-icon-login + .menu-icon-mobile-slide a {
margin-top: 2px;
}
.site-mob-header .menu-left {
text-align: left;
flex: 1;
}
.site-mob-header .logo-mob-wrap {
text-align: center;
padding: 0 20px;
}
.site-mob-header .menu-right {
flex: 1;
margin-left: auto;
text-align: right;
justify-content: flex-end;
}
.site-mob-header .icons-wrap li {
display: flex;
}
.site-mob-header .icons-wrap li a {
padding: 0 10px;
font-size: 18px;
}
.site-mob-header .menu-right-2x {
justify-content: flex-end;
}
.site-mob-header-1 .logo-main-wrap {
display: flex;
justify-content: center;
}
.site-mob-header-1.site-skin-2 .logo-fallback {
color: #fff;
}
.site-mob-header-2 .logo-main-wrap {
text-align: left;
}
.site-mob-header-3-logo {
text-align: center;
padding: 20px;
}
.site-mob-header-3 .logo-main-wrap {
background: #fff;
padding: 25px;
} .admin-bar .mob-menu-wrap .bg-area {
padding-top: 30px;
}
.mob-menu-wrap {
position: fixed;
width: 100%;
height: 100%;
z-index: 102;
top: 0;
left: 0;
bottom: 0;
font-size: 18px;
}
.mob-menu-wrap .menu-icon-subscribe {
font-size: 1rem;
}
.mob-menu-wrap .content-wrap {
height: 100%;
}
.mob-menu-wrap .open-child {
float: right;
}
.mob-menu-wrap .open-child i {
font-size: 1rem;
font-weight: 700;
position: relative;
display: inline-block;
}
.mob-menu-wrap .opened-child {
height: auto !important;
position: relative !important;
}
.mob-menu-wrap .content {
height: 100%;
padding: 30px 45px;
display: flex;
flex-direction: column;
flex-grow: 1;
overflow: auto;
}
.mob-menu-wrap .content .logo {
animation-delay: 0.3s;
}
.mob-menu-wrap .content .logo + .menu-icons {
margin-top: 60px;
}
.mob-menu-wrap .content .mobile-navigation {
animation-delay: 0.4s;
}
.mob-menu-wrap .content .menu-icons {
animation-delay: 0.65s;
}
.mob-menu-wrap .menu-icons {
margin-top: auto;
}
.mob-menu-wrap .vertical-menu {
margin: auto;
width: 100%;
font-size: 18px;
}
.mob-menu-wrap .vertical-menu li {
margin-bottom: 7px;
font-weight: 400;
text-transform: none;
padding-right: 0;
}
.mob-menu-wrap .vertical-menu > li > .sub-menu {
font-size: 0.9rem;
padding-top: 7px;
}
.mob-menu-wrap .mobile-navigation {
margin-top: 30px;
margin-bottom: 30px;
display: flex;
overflow: auto;
flex-direction: column;
flex-grow: 1;
}
.mob-menu-wrap .menu-icons {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
}
.mob-menu-wrap .menu-icons li {
margin: 0 5px 10px;
}
.mob-menu-wrap .menu-icons .menu-icon-login a {
padding-right: 0;
display: inline-block;
}
.mob-menu-wrap .menu-icons .menu-icon-login img {
vertical-align: baseline;
}
.mob-menu-wrap .menu-icons .menu-icon-style-3, .mob-menu-wrap .menu-icons .menu-icon-style-4 {
display: block;
margin-bottom: 10px;
}
.mob-menu-wrap .menu-icons .menu-icon-style-3 img, .mob-menu-wrap .menu-icons .menu-icon-style-4 img {
vertical-align: middle;
}
.mob-menu-wrap .bg-area {
height: 100%;
}
.mob-menu-wrap .tipi-close-icon {
margin-left: auto;
font-size: 24px;
position: absolute;
right: -30px;
line-height: 0;
}
.mob-menu-wrap .content > * {
opacity: 0;
transform: translatex(-20px);
}
.mob-open .mob-menu-wrap .content > * {
animation-timing-function: ease-out;
animation-fill-mode: forwards;
animation-duration: 0.25s;
animation-name: mobMenuL;
}
.mob-open.site-mob-menu-a-2 .mob-menu-wrap .content > * {
animation-name: tipiSlideUpOpa;
}
.menu-mobile .sub-menu {
opacity: 0;
visibility: hidden;
transition: all 0.35s cubic-bezier(0, 0.99, 0.99, 1);
margin-left: -5px;
text-align: left;
position: absolute;
}
.menu-mobile .sub-menu:not(.opened-child) li {
display: none;
}
.menu-mobile .sub-menu li {
margin: 0;
position: relative;
padding: 5px 30px;
}
.mob-open {
overflow: hidden;
}
.mobile-navigation-dd .menu-item-has-children > a:after {
display: none;
}
.mobile-navigation-dd .open-child i {
transition: 0.2s ease-out;
}
.mobile-navigation-dd .child-is-open i {
transform: rotate(-90deg);
}
.mobile-navigation-dd .opened-child {
visibility: visible !important;
opacity: 1 !important;
}
@keyframes mobMenuL {
from {
opacity: 0;
transform: translatex(-20px);
}
to {
opacity: 1;
transform: translatex(0);
}
}
.site-mob-menu-2 .mob-menu-wrap {
text-align: center;
}
.site-mob-menu-2 .mob-menu-wrap .menu-item-has-children > a:first-child {
margin-left: 15px;
}
.site-mob-menu-2 .mob-menu-wrap .sub-menu {
text-align: center;
}
.site-mob-menu-2 .mob-menu-wrap .vertical-menu li {
padding-left: 0;
}
.site-mob-menu-3 .mob-menu-wrap {
font-size: 15px;
}
.site-mob-menu-3 .mob-menu-wrap .mobile-navigation {
margin-top: 0;
}
.site-mob-menu-3 .mob-menu-wrap .tipi-close-icon {
color: #111;
border-radius: 50%;
padding: 10px;
background: rgba(255, 255, 255, 0.9);
font-size: 15px;
}
.site-mob-menu-3 .mob-menu-wrap .content-wrap {
padding: 25px;
background: rgba(0, 0, 0, 0.9);
height: 40vh;
color: #fff;
position: absolute;
bottom: 15px;
width: calc( 100% - 30px);
left: 15px;
}
.site-mob-menu-3 .mob-menu-wrap .content-wrap a {
color: #fff;
}
.site-mob-menu-3 .mob-menu-wrap .content {
padding: 0;
}
.site-mob-menu-3 .mob-menu-wrap .menu-icons {
padding-top: 15px;
margin-bottom: -15px;
}
.site-mob-menu-3 .mob-menu-wrap .logo-mobile-menu {
position: fixed;
top: 30px;
left: 30px;
}
.site-mob-menu-3 .mob-menu-wrap .mobile-navigation {
justify-content: flex-start;
}
.site-mob-menu-4 .mob-menu-wrap .mobile-navigation {
margin-top: 0;
padding-top: 30px;
}
.site-mob-menu-4 .mob-menu-wrap .tipi-close-icon {
top: 30px;
}
.site-mob-menu-4 .mob-menu-wrap .menu-mobile li, .site-mob-menu-4 .mob-menu-wrap .menu-icons, .site-mob-menu-4 .mob-menu-wrap .logo-mobile-menu {
padding: 15px 20px;
margin: 0;
}
.site-mob-menu-4 .mob-menu-wrap .menu-mobile li, .site-mob-menu-4 .mob-menu-wrap .logo-mobile-menu {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.site-mob-menu-4 .mob-menu-wrap .sub-menu {
border-top: 1px solid rgba(255, 255, 255, 0.2);
margin-top: 15px;
}
.site-mob-menu-4 .mob-menu-wrap .sub-menu li:last-of-type {
border-bottom: 0;
padding-bottom: 0;
}
.site-mob-menu-4 .mob-menu-wrap .content {
padding-left: 0;
padding-right: 0;
}
.site-mob-menu-4 .mob-menu-wrap .menu-icons {
padding-bottom: 5px;
}
.site-mob-menu-4 .mob-menu-wrap .logo-mobile-menu {
width: 100%;
padding-top: 0;
padding-bottom: 30px;
}
.site-mob-menu-4 .mob-menu-wrap.site-skin-1 .menu-mobile li, .site-mob-menu-4 .mob-menu-wrap.site-skin-1 .logo-mobile-menu {
border-bottom: 1px solid #f1f1f1;
}
.site-mob-menu-a-1 .mob-menu-wrap {
transform: translateX(100%);
}
.site-mob-menu-a-1 .site-mob-header.sticky-menu-2.stuck, .site-mob-menu-a-1 .site-mob-header, .site-mob-menu-a-1 .site-inner, .site-mob-menu-a-1 .sticky-menu-2 .stuck.active {
transition: transform 1s cubic-bezier(0.2, 1, 0.3, 1) !important;
}
.site-mob-menu-a-1.mob-open .mob-menu-wrap {
transform: translateX(0);
}
.site-mob-menu-a-1.mob-open .site-mob-header, .site-mob-menu-a-1.mob-open .site-inner, .site-mob-menu-a-1.mob-open .sticky-menu-2 .stuck.active {
transform: translate3d(-50px, 0, 0) !important;
}
.site-mob-menu-a-2 .mob-menu-wrap {
opacity: 0;
visibility: hidden;
transition: all 0.3s !important;
}
.site-mob-menu-a-2.mob-open {
overflow: hidden;
}
.site-mob-menu-a-2.mob-open .mob-menu-wrap {
opacity: 1;
visibility: visible;
}
.site-mob-menu-a-4 .site-mob-header.sticky-menu-2 .stuck {
z-index: 2;
}
.site-mob-menu-a-4 .site-inner, .site-mob-menu-a-4 .sticky-menu-2 .stuck.active {
z-index: 3;
}
.site-mob-menu-a-4 .mob-menu-wrap {
transition: transform 1s cubic-bezier(0.2, 1, 0.3, 1), visibility 0s 1.1s;
width: calc(100vw - 60px);
z-index: 1;
visibility: hidden;
transform: translate3d(-50%, 0, 0);
}
.site-mob-menu-a-4 .site-inner:after {
content: '';
background: #aaa;
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
display: block;
z-index: 300;
opacity: 0;
visibility: hidden;
}
.site-mob-menu-a-4.mob-open .spacer-mob-header {
left: 80vw !important;
}
.site-mob-menu-a-4.mob-open .tipi-i-menu-mob {
background: transparent !important;
height: 100%;
top: 0;
}
.site-mob-menu-a-4.mob-open .tipi-i-menu-mob:before, .site-mob-menu-a-4.mob-open .tipi-i-menu-mob:after {
background: #fff;
width: 100%;
height: 2px;
top: calc( 50% - 1px);
}
.site-mob-menu-a-4.mob-open .tipi-i-menu-mob:before {
transform: rotate(-45deg);
}
.site-mob-menu-a-4.mob-open .tipi-i-menu-mob:after {
width: 100%;
transform: rotate(45deg);
}
.site-mob-menu-a-4.mob-open .mob-menu-wrap {
transform: translate3d(0, 0, 0);
transition: transform 1s cubic-bezier(0.2, 1, 0.3, 1), visibility 0s;
visibility: visible;
}
.site-mob-menu-a-4.mob-open .mob-bot-share, .site-mob-menu-a-4.mob-open .site-mob-header, .site-mob-menu-a-4.mob-open .site-inner, .site-mob-menu-a-4.mob-open .sticky-menu-2 .stuck.active, .site-mob-menu-a-4.mob-open .top-bar-message {
transform: translate3d(calc(100vw - 60px), 0, 0) !important;
}
.site-mob-menu-a-4.mob-open .site-inner, .site-mob-menu-a-4.mob-open .flickity-enabled.is-fade .flickity-slider > .is-selected {
pointer-events: none;
}
.site-mob-menu-a-4.mob-open .site-content, .site-mob-menu-a-4.mob-open .site-footer {
opacity: 0.2;
}
.site-mob-menu-a-4.mob-open .site-inner:after {
opacity: 0.5;
}
.site-mob-menu-a-4.mob-open .sticky-menu-2 .stuck.active {
left: 0;
}
.site-mob-menu-a-4.mob-open .site-skin-1.site-mob-header .tipi-i-menu-mob:before, .site-mob-menu-a-4.mob-open .site-skin-1.site-mob-header .tipi-i-menu-mob:after {
background: #111;
}
.mob-tr-open {
display: block;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.codetipi-15zine-icon img {
max-width: 22px;
vertical-align: middle;
border-radius: 50%;
} .sticky-menu {
z-index: 50;
top: 0;
position: relative;
}
.site-mob-header.sticky-menu {
width: 100% !important;
}
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 6;
}
.sticky-menu-2.stuck {
position: -webkit-sticky;
position: sticky;
top: 0;
transform: translate3d(0, -100%, 0);
transition: 0.3s all;
will-change: transform;
}
.sticky-menu-2.stuck.active {
transform: translate3d(0, 0, 0);
}
.still {
transition: none !important;
}
.sticky-menu-3.slidedown {
position: -webkit-sticky;
position: sticky;
top: 0;
animation: slidedown .3s ease-out forwards;
}
@keyframes slidedown {
from {
transform: translate3d(0, -100%, 0);
}
to {
transform: translate3d(0, 0, 0);
}
} .lwa-active-1 .tipi-lwa-register, .lwa-active-1 .tipi-lwa-remember {
display: none;
}
.tipi-logged-out-wrap, .tipi-logged-in {
width: 100%;
}
.lwa-active-2 .tipi-lwa-login, .lwa-active-2 .tipi-lwa-remember {
display: none;
}
.lwa-active-3 .tipi-lwa-register, .lwa-active-3 .tipi-lwa-login {
display: none;
}
.lwa-terms a {
text-decoration: none;
}
.lwa-form .codetipi-15zine-checkbox {
margin-top: 0;
margin-bottom: 15px;
padding-top: 0;
font-size: 12px;
}
.lwa-form .codetipi-15zine-checkbox label .codetipi-15zine-i {
margin-top: 0;
}
.logo-lwa {
text-align: center;
width: 100%;
}
.lwa-status {
margin: 10px 0 20px;
color: #fff;
font-size: 12px;
padding: 10px;
display: none;
border-radius: 3px;
}
.lwa-status a {
color: white;
text-decoration: underline;
}
.lwa-status a:hover {
color: #eee;
}
.lwa-status-invalid {
background: #d04a4a;
display: block;
}
.lwa-status-invalid a {
display: none;
}
.lwa-status-confirm {
background: #8cb68c;
display: block;
}
.lwa-status-live {
padding: 10px;
display: block;
}
.content-lwa {
position: relative;
}
.content-lwa .tipi-modal-bg {
padding: 45px;
width: 390px;
justify-content: center;
}
.content-lwa .logo {
margin-bottom: 30px;
}
.content-lwa .close {
right: 20px;
top: 20px;
}
.content-lwa .bg-area .background {
border-radius: 3px;
}
.content-lwa .tipi-x:after, .content-lwa .tipi-x:before {
background: white;
}
.content-lwa.site-skin-1 .lwa-input-wrap input {
border: 1px solid #eee;
}
.tipi-lwa {
text-align: center;
}
.tipi-lwa .tipi-button {
width: 100%;
}
.tipi-lwa .lwa-submit-button {
width: 100%;
position: relative;
}
.tipi-lwa .lwa-submit-button input {
width: 100%;
}
.tipi-lwa .title-wrap {
margin-bottom: 15px;
text-align: center;
justify-content: center;
}
.tipi-lwa .title-wrap .avatar-wrap {
margin-right: 10px;
line-height: 0;
}
.tipi-lwa .title-wrap img {
width: 25px;
border-radius: 50%;
}
.tipi-lwa .title-wrap .title {
font-weight: 700;
text-transform: uppercase;
}
.tipi-lwa .bottom-options {
margin-top: 5px;
}
.lwa-log-out {
margin-top: 30px;
width: auto;
}
.lwa-lostpassword {
float: left;
width: 50%;
text-align: left;
}
.br-option, .lwa-cancel-wrap {
text-align: right;
}
.bottom-options {
font-size: 12px;
}
.lwa-cancel-wrap {
margin-left: auto;
}
.bl-option {
float: left;
width: 70%;
}
.br-option {
float: left;
width: 50%;
}
.lwa-submit-button .tipi-button {
width: 100%;
margin-bottom: 5px;
}
.widget_loginwithajaxwidget .logo {
display: none;
}
.widget_loginwithajaxwidget .tipi-small-print .i-wrap {
background: #eee;
}
.lwa-input-wrap {
text-align: left;
}
.lwa-input-wrap input {
border: none;
height: 40px;
line-height: 40px;
outline: none;
background: rgba(255, 255, 255, 0.85);
margin-bottom: 15px;
font-size: 1rem;
width: 100%;
border-radius: 2px;
padding: 0 10px;
transition: all 0.2s;
}
.lwa-input-wrap input:focus {
background: white;
}
.tipi-small-print {
line-height: 12px;
display: block;
font-size: 12px;
margin-bottom: 15px;
}
.tipi-small-print:hover {
cursor: pointer;
}
.wp-social-login-provider {
position: relative;
height: 45px;
width: calc(50% - 15px);
position: relative;
border-radius: 2px;
color: #fff;
}
.wp-social-login-provider i {
font-size: 15px;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
transition: 0.2s ease-out;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.wp-social-login-connect-with {
margin-bottom: 10px;
font-size: 12px;
display: none;
}
.wp-social-login-provider-list {
text-align: center;
width: 100%;
display: flex;
justify-content: space-between;
line-height: 0;
}
.wp-social-login-provider-list a {
display: inline-block;
}
.modal-wrap.active-2 .wp-social-login-provider-list a:hover i {
transform: scale(1.2, 1.2) translate3d(-50%, -50%, 0);
}
.wp-social-login-provider-facebook {
background: #3b5998;
}
.wp-social-login-provider-twitter {
background: #55acee;
}
.wp-social-login-provider-google {
display: none !important;
}
.tipi-wsl-divider {
width: 100%;
display: block;
float: left;
text-align: center;
margin: 12px 0 10px;
position: relative;
overflow: hidden;
}
.tipi-wsl-divider span {
display: inline-block;
position: relative;
padding: 0 15px;
font-size: 10px;
}
.tipi-wsl-divider span:after, .tipi-wsl-divider span:before {
content: '';
height: 1px;
background: #fff;
width: 380px;
opacity: 0.75;
top: 50%;
}
.tipi-wsl-divider span:after {
left: 100%;
position: absolute;
}
.tipi-wsl-divider span:before {
right: 100%;
position: absolute;
} .search-field {
-webkit-appearance: none;
background: transparent;
border: 0;
}
.search-field::-webkit-search-cancel-button {
-webkit-appearance: none;
pointer-events: none;
opacity: 0;
}
input[type=search]::-ms-clear {
display: none;
}
.content-search {
width: 100%;
color: #111;
}
.content-search .search-submit {
display: none;
}
.content-search .search-field {
border-radius: 0;
color: #111;
font-size: 1rem;
border: none;
font-weight: 700;
letter-spacing: 2px;
font-size: 20px;
width: 100%;
text-transform: uppercase;
padding-bottom: 15px;
border-bottom: 3px solid #161616;
}
.content-search .search-field:focus {
outline: none !important;
}
.content-search .search-field::-webkit-input-placeholder {
color: #111;
}
.content-search .search-field::-moz-placeholder {
color: #111;
opacity: 1;
}
.content-search .search-field:-ms-input-placeholder {
color: #111;
}
.content-search .suggestions-wrap a {
margin-right: 5px;
}
.content-search .suggestions-wrap a:before {
content: '#';
}
.content-search .search {
transition: 0.2s ease all;
opacity: 0;
transform: translate3d(0, -20px, 0);
}
.content-search .search-hints {
opacity: 0;
font-size: 12px;
align-items: baseline;
transform: translate3d(0, 10px, 0);
transition: 0.2s ease all;
margin-top: 7px;
}
.content-search .search-hints .search-hint {
display: block;
margin-left: auto;
flex-shrink: 0;
}
.search-title {
margin-bottom: 20px;
display: block;
text-align: center;
}
.content-found-wrap {
opacity: 0;
transform: translate3d(0, 5px, 0);
transition: 0.2s opacity, 0.2s transform;
height: 0;
}
.content-found-wrap .search-kw {
opacity: 0.5;
}
.content-found-wrap .preview-thumbnail {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 25px !important;
}
.content-found-wrap .preview-thumbnail .meta .title {
color: #111;
}
.content-found-wrap .preview-thumbnail .mask {
width: 75px;
}
.content-found-wrap .article-ani-1:not(.article-window) img {
opacity: 1;
}
.content-found-wrap .button-wrap {
text-align: center;
}
.with-results .content-found-wrap {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.with-results-cache .content-found-wrap {
padding-top: 10px;
height: auto;
}
.zero-typo .content-found-wrap {
padding-top: 0;
height: 0;
}
.no-results-found .tipi-button {
opacity: 0;
visibility: hidden;
} .tipi-overlay, .mask-overlay, .overlay {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.tipi-overlay-base {
z-index: 101;
position: fixed;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-out, transform 0.3s cubic-bezier(0, 0, 0.3, 1), visibility 0s 0.4s;
}
.tipi-overlay-base.active {
opacity: 0.9;
visibility: visible;
transition: opacity 0.3s ease-out, transform 0.3s cubic-bezier(0, 0, 0.3, 1), visibility 0s;
}
.tipi-overlay-base.active .close {
opacity: 1;
}
.tipi-overlay-dark {
background: #000;
}
.modal-wrap {
position: fixed;
z-index: 110;
opacity: 0;
visibility: hidden;
transition: 0.2s all;
}
.modal-wrap .close, .tipi-overlay-base .close {
z-index: 2;
position: absolute;
top: 30px;
right: 30px;
}
.modal-wrap .close i, .tipi-overlay-base .close i {
font-size: 30px;
color: #fff;
transition: 0.3s all;
}
.active-3 .close i {
color: #000;
}
.tipi-overlay-base .close {
opacity: 0;
}
.modal-wrap {
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.modal-wrap iframe, .modal-wrap video, .modal-wrap audio {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
transition: all 0.4s;
}
.modal-wrap .content-custom {
position: relative;
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
max-width: calc( 100vw - 30px);
}
.modal-wrap .content-custom .embed-error {
position: absolute;
top: 50%;
left: 0;
width: 100%;
}
.modal-wrap .content-custom.is-video, .modal-wrap .content-custom.is-audio {
width: 90vw;
}
.modal-wrap .content-custom.is-video iframe, .modal-wrap .content-custom.is-video video, .modal-wrap .content-custom.is-video audio, .modal-wrap .content-custom.is-audio iframe, .modal-wrap .content-custom.is-audio video, .modal-wrap .content-custom.is-audio audio {
opacity: 0;
margin: 0;
}
.modal-wrap .content-custom.is-video {
padding-bottom: 50.75%;
transition: transform 0.2s ease-in-out;
background: #111;
}
.modal-wrap .content-custom.is-video iframe {
background: #000;
}
.modal-wrap .content-custom.frame-ldd iframe, .modal-wrap .content-custom.frame-ldd video, .modal-wrap .content-custom.frame-ldd audio {
opacity: 1;
visibility: visible;
}
.modal-wrap .ani-in.content-custom {
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%);
}
.modal-wrap .is-audio iframe {
height: auto;
}
.modal-wrap .is-audio iframe[src*="playlists"] {
height: 315px;
top: -155px;
}
.modal-wrap .tipi-overlay {
background-color: #fff;
z-index: 1;
opacity: 0.8;
}
.modal-wrap.dark-overlay .tipi-overlay {
background: #000;
}
.modal-wrap.dark-overlay .close i {
color: #fff !important;
}
.modal-wrap.dark-overlay .search-all-results {
background: #282828;
}
.modal-wrap.dark-overlay .content-search {
color: #fff;
}
.modal-wrap.dark-overlay .content-search .search-field {
color: inherit;
border-bottom-color: #444;
}
.modal-wrap.dark-overlay .content-search .search-field::-webkit-input-placeholder {
color: #fff;
}
.modal-wrap.dark-overlay .content-search .search-field::-moz-placeholder {
color: #fff;
}
.modal-wrap.dark-overlay .content-search .search-field:-ms-input-placeholder {
color: #fff;
}
.modal-wrap.dark-overlay .content-search .content-found-wrap .preview-thumbnail .meta .title {
color: #fff;
}
.modal-wrap .content-block {
z-index: 2;
border-radius: 10px;
transition: 0.2s opacity, 0.2s visibility, 0.2s transform;
position: absolute;
opacity: 0;
padding: 0 30px;
visibility: hidden;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.modal-wrap .content-block .bg-area {
border-radius: 3px;
}
.modal-wrap .content-custom {
transform: translate(-50%, -50%) translatey(-30px);
}
.modal-wrap .subscribe-wrap {
transition: 0.2s all;
padding: 0;
}
.modal-wrap .content {
position: relative;
height: 100%;
padding: 0 30px;
justify-content: center;
}
.modal-wrap .close i {
opacity: 0;
transition: 0.2s;
}
.modal-wrap.active {
visibility: visible;
opacity: 1;
}
.modal-wrap.active .tipi-x-outer {
opacity: 1;
}
.modal-wrap.active .close i {
opacity: 1;
}
.modal-wrap.active-3 .tipi-overlay {
opacity: 0.975;
}
.modal-wrap.active-3 .dark-overlay .tipi-overlay {
opacity: 0.925;
}
.modal-wrap.active-3 .search {
transition-delay: 0.3s;
transform: translate3d(0, 0, 0);
opacity: 1;
visibility: visible;
}
.modal-wrap.active-3 .search-hints {
transition-delay: 0.4s;
transform: translate3d(0, 0, 0);
opacity: 0.5;
visibility: visible;
}
.modal-wrap.active-3 .content-search {
opacity: 1;
visibility: visible;
}
.modal-wrap .content-subscribe, .modal-wrap .content-lwa {
transform: translateY(-50%) translateY(-20px) translateX(-50%);
}
.modal-wrap.active-4 .content-subscribe {
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%);
}
.modal-wrap.active-4 .close i {
color: #000;
}
.modal-wrap .wp-social-login-provider-list, .modal-wrap .content-lwa form, .modal-wrap .logo-lwa, .modal-wrap .tipi-wsl-divider, .modal-wrap .tipi-lwa > .title-wrap, .modal-wrap .tipi-lwa > .lwa-contents {
transform: translatey(-15px);
opacity: 0;
transition: opacity 0.3s, transform 0s 0.4s;
}
.modal-wrap.active-2 .content-lwa {
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%);
}
.modal-wrap.active-2 form, .modal-wrap.active-2 .logo-lwa, .modal-wrap.active-2 .tipi-wsl-divider, .modal-wrap.active-2 .tipi-lwa > .title-wrap, .modal-wrap.active-2 .tipi-lwa > .lwa-contents, .modal-wrap.active-2 .wp-social-login-provider-list {
transform: translatey(0);
opacity: 1;
transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 0, 0.3, 1);
}
.modal-wrap.active-2 .logo-lwa {
transition-delay: 0.15s;
}
.modal-wrap.active-2 .wp-social-login-provider-list, .modal-wrap.active-2 .tipi-lwa > .title-wrap {
transition-delay: 0.25s;
}
.modal-wrap.active-2 form, .modal-wrap.active-2 .tipi-wsl-divider, .modal-wrap.active-2 .tipi-lwa > .lwa-contents {
transition-delay: 0.35s;
}
.modal-wrap.active-qv:before {
color: #fff;
}
.modal-wrap.active-qv .tipi-x:before, .modal-wrap.active-qv .tipi-x:after {
background: #fff;
}
.modal-wrap.active-qv .content-custom {
opacity: 1;
transition-delay: 0s;
visibility: visible;
}
.light-overlay.modal-wrap .close i {
color: #333;
}
.admin-bar .modal-wrap .close, .admin-bar .tipi-overlay-base .close {
top: 62px;
}
.tipi-x-outer {
opacity: 0;
}
.active-1 .tipi-x-outer {
opacity: 1;
}
.active-1.content-rdy .content-custom {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
.tipi-x {
display: inline-block;
overflow: hidden;
width: 15px;
height: 15px;
display: block;
transition: all 0.3s ease-out;
}
.tipi-x:before, .tipi-x:after {
transition: all 0.3s ease-out;
content: '';
position: absolute;
height: 2px;
width: 100%;
top: 50%;
left: 50%;
background: #000;
border-radius: 5px;
}
.tipi-x:before {
transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.tipi-x:after {
transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.tipi-x-m {
width: 30px;
height: 30px;
}
.tipi-x-m:before, .tipi-x-m:after {
height: 2px;
}
.tipi-x-l {
width: 50px;
height: 50px;
}
.tipi-x-l:before, .tipi-x-l:after {
height: 3px;
}
.tipi-x-wrap {
transition: 0.2s ease-out all;
line-height: 0;
}
.tipi-x-wrap:hover {
transform: rotate(90deg);
}
.tipi-i-cart-1:before {
top: 1px;
position: relative;
}
.modal-active {
overflow: hidden;
} .sec-img {
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: 0.3s ease-out opacity;
z-index: 4;
}
.mask {
overflow: hidden;
background: #fff;
line-height: 0;
position: relative;
}
.mask img, .mask picture {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mask:hover .sec-img {
opacity: 1;
}
.mask:hover .extras {
opacity: 1;
}
.mask-overlay {
transition: all 0.35s ease-out;
}
.hero {
width: 100%;
line-height: 0;
background: #eee;
overflow: hidden;
height: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.hero img, .hero picture {
width: 100%;
height: 100%;
margin-top: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.hero-wrap {
position: relative;
overflow: hidden;
width: 100%;
}
.hero-wrap .mask-overlay {
background-color: rgba(5, 5, 5, 0.3);
}
.hero-wrap:not(.cover-11) .hero {
max-height: 100vh;
}
.hero-wrap.is-portrait .hero img {
height: auto;
margin-top: 0;
}
.hero-wrap.hero-41 .hero img, .hero-wrap.hero-41 .hero picture, .hero-wrap.hero-42 .hero img, .hero-wrap.hero-42 .hero picture {
height: 100%;
}
.hero-wrap.hero-41.parallax .hero img, .hero-wrap.hero-42.parallax .hero img {
min-height: 120%;
margin-top: -10%;
}
.hero-wrap .caption {
background: rgba(255, 255, 255, 0.5);
color: #333;
}
.hero-wrap .meta-with-color a, .hero-wrap .meta-with-color h1, .hero-wrap .meta-with-color .subtitle, .hero-wrap .meta-with-color .byline {
color: inherit;
}
.hero-wrap .hero-has-splitter .caption {
top: 0;
bottom: auto;
}
.hero-s .hero-wrap.parallax .hero img, .hero-m .hero-wrap.parallax .hero img {
width: 110%;
flex-shrink: 0;
max-width: none;
margin-top: -10%;
margin-bottom: -10%;
}
.hero-s .flickity-fullscreen-button {
display: none;
}
.md-11.format-audio:not(.hero-s) .hero {
height: auto !important;
padding: 30px 30px 0;
}
.md-11.format-audio:not(.hero-s) .meta-wrap + .hero-wrap .hero {
padding-top: 0;
}
.hero-l.format-gallery .hero {
display: block;
}
.hero-l .parallax .hero img {
height: 120%;
margin-top: -5%;
min-height: 100%;
}
.hero-l .parallax.cover-2 .hero img, .hero-l .parallax.cover-3 .hero img {
height: 132%;
}
.hero-wrap.cover-1 .hero {
height: 56.25vw;
max-height: 56.25vw;
min-height: 280px;
}
.hero-wrap.cover-2 .hero {
height: 66vh;
max-height: 66vh;
}
.hero-wrap.cover-3 .hero {
height: 50vh;
max-height: 50vh;
}
.hero-m .hero-wrap.parallax .hero {
overflow: hidden;
}
.hero-wrap .caption, .gallery-block__wrap .caption {
position: absolute;
z-index: 2;
bottom: 0;
right: 0;
transition: 0.2s ease-out;
padding: 5px 7px;
}
.meta-wrap {
width: 100%;
}
.hero-fi-off.title-beneath-c .breadcrumbs-wrap {
text-align: center;
}
.hero-core-10 .breadcrumbs-wrap + .meta-wrap {
padding-top: 15px;
}
.hero-core-10 .breadcrumbs {
padding: 15px 0 0 !important;
}
.hero-1 + .breadcrumbs-wrap {
padding-top: 20px;
}
.title-beneath .meta-wrap {
padding-bottom: 20px;
}
.title-beneath .hero-wrap + .meta-wrap {
padding-top: 20px;
}
.byline + .title-wrap {
padding-top: 10px;
}
.title-wrap + .byline {
margin-top: 12px;
}
.title-above-c .meta-wrap, .title-beneath-c .meta-wrap {
text-align: center;
padding-top: 30px;
}
.title-above-c .share-it-4.share-it-bold, .title-beneath-c .share-it-4.share-it-bold {
padding-left: 10px;
}
.title-above .meta-wrap, .title-above-c .meta-wrap {
padding-bottom: 30px;
}
.title-above.hero-m .meta-wrap, .title-above-c.hero-m .meta-wrap {
padding-bottom: 30px;
padding-top: 30px;
}
.title-above.hero-s .hero-wrap, .title-above-c.hero-s .hero-wrap {
margin-bottom: 30px;
}
.title-above-c .meta-wrap + .single-content .cb-main, .title-above-c .meta-wrap + .single-content .sidebar {
margin-top: 0;
}
.title-above-c .meta-wrap + .single-content .cb-main {
padding-top: 0;
}
.title-middle .hero-wrap .meta-wrap {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
padding: 0 30px;
z-index: 2;
position: absolute;
left: 50%;
width: 100%;
top: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.title-middle .hero-wrap .media-icon, .title-fixed .hero-wrap .media-icon, .title-middle-bl .hero-wrap .media-icon {
display: inline-block;
margin-top: 15px;
position: relative;
top: auto;
left: auto;
}
.title-middle .meta-wrap, .title-fixed .meta-wrap, .title-middle-bl .meta-wrap {
transition: 0.2s ease-out;
}
.title-middle .active-embed .meta-wrap, .title-fixed .active-embed .meta-wrap, .title-middle-bl .active-embed .meta-wrap {
opacity: 0;
visibility: hidden;
}
.title-middle .hero-meta .title, .title-middle .hero-meta .byline, .title-fixed .hero-meta .title, .title-fixed .hero-meta .byline, .title-middle-bl .hero-meta .title, .title-middle-bl .hero-meta .byline {
color: #fff;
}
.title-middle .hero-meta .title a, .title-middle .hero-meta .byline a, .title-fixed .hero-meta .title a, .title-fixed .hero-meta .byline a, .title-middle-bl .hero-meta .title a, .title-middle-bl .hero-meta .byline a {
color: inherit;
}
.title-middle .hero-meta .title-wrap + .byline, .title-fixed .hero-meta .title-wrap + .byline, .title-middle-bl .hero-meta .title-wrap + .byline {
margin-top: 15px;
}
.title-middle .hero-meta .byline + .title-wrap, .title-fixed .hero-meta .byline + .title-wrap, .title-middle-bl .hero-meta .byline + .title-wrap {
padding-top: 15px;
}
.hero-m .hero-meta {
text-align: center;
}
.hero-core-9 .hero-meta {
text-align: left;
}
.title-middle-bl .hero-meta {
text-align: left;
}
.title-middle-bl .hero-wrap .meta-wrap {
position: absolute;
bottom: 0;
z-index: 5;
left: 0;
padding: 15px 30px;
width: 100%;
}
.title-middle-bl.hero-s .meta-wrap {
padding-left: 20px;
}
.title-beneath .hero-meta {
text-align: left !important;
} .share-button-content {
justify-content: center;
width: 100%;
height: 100%;
}
.share-it a {
display: inline-block;
} .inline-post {
margin: 30px 0;
clear: both;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
position: relative;
padding: 20px 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: 100%;
display: flex;
}
.inline-post .block-wrap .block-inner-style {
margin-bottom: 0;
}
.inline-post .block .split-1 {
padding: 0;
}
.inline-post .block article {
width: 100%;
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.inline-post .block article .title {
margin: 0;
}
.inline-post .block article .meta {
width: 100%;
}
.inline-post .block article .mask {
flex: 0 0 25%;
max-width: 100px;
}
.inline-post .block article .icon-base-3 {
top: auto;
bottom: 0;
}
.inline-post .block article .media-icon {
position: absolute;
}
.inline-post .post-pre-title {
font-size: 12px;
margin-bottom: 10px;
} .sb--narrow > .tipi-cols {
display: flex;
justify-content: center;
}
.sb--left > .tipi-cols {
display: flex;
flex-direction: row-reverse;
} .block-piece {
width: 100%;
}
.block-piece article {
float: left;
}
.title-base .title + .byline {
margin-top: 5px;
} .block--feature {
padding-left: 0 !important;
padding-right: 0 !important;
}
.block--feature .block-inner-style {
margin-bottom: 0 !important;
}
.block--feature + .block-wrap, .block--feature + .block-title-wrap {
margin-top: 40px;
}
.block {
counter-reset: block;
}
.block article {
counter-increment: block;
}
.preview-thumbnail {
width: 100%;
}
.preview-thumbnail:hover .counter:after {
opacity: 0.9;
}
.preview-thumbnail .lr-api-has-icons {
display: none;
}
.preview-thumbnail .counter {
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
height: 100%;
left: 0;
top: 0;
}
.preview-thumbnail .counter:before {
font-weight: 400;
font-size: 1.5rem;
}
.preview-thumbnail .counter:after {
transition: 0.3s;
opacity: 0.4;
}
.lr-api-has-icons:not(.lr-api-wrap-has-subtitle) {
height: 36px !important;
width: 85px !important;
}
.counter {
position: absolute;
z-index: 2;
top: 0;
left: 0;
display: inline-block;
height: 40px;
width: 40px;
text-align: center;
}
.counter:before {
font-size: 12px;
position: absolute;
display: block;
content: counter(block);
z-index: 2;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
}
.counter:after {
z-index: 1;
background-color: #121314;
content: '';
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
border-radius: inherit;
}
.block-wrap {
width: 100%;
display: block;
}
.block-wrap .block-inner-style {
margin-bottom: 40px;
position: relative;
}
.block-wrap .cb-article-row {
width: 100%;
float: left;
}
.block-wrap .cb-article-row img {
min-width: 100%;
}
.block-wrap .cb-no-1 {
margin-left: 0 !important;
}
.block-wrap .cb-article {
margin-bottom: 30px;
}
.block-wrap .cb-mask {
line-height: 0;
}
.block-wrap .excerpt {
margin-top: 10px;
}
.block-wrap .cb-article-small {
width: 100%;
float: left;
margin-bottom: 20px;
}
.block-wrap .cb-article-small .cb-mask {
float: left;
margin-right: 30px;
display: block;
max-width: 100px;
}
.block-wrap .cb-article-small .cb-meta {
overflow: hidden;
}
.block-wrap .cb-article-small .cb-post-title {
font-size: 14px;
margin: 0;
letter-spacing: 2px;
}
.block-wrap .cb-article-big.cb-meta-style-2 .cb-post-title {
background: #000;
}
.block-wrap .cb-article-big.cb-meta-style-2 .cb-post-title a {
color: #fff;
}
.block-wrap .cb-article-big.cb-meta-style-2 .cb-article-meta {
padding: 0 20px;
}
.block-wrap .cb-meta-style-6 .cb-article-meta {
display: none;
}
.block-wrap .cb-article-big.cb-meta-style-2.cb-article-review img {
opacity: 0.5;
}
.block-wrap .cb-article-big.cb-meta-style-2.cb-article-review:hover img {
opacity: 0.25;
}
.block-wrap .cb-article-small.cb-separated {
padding-bottom: 20px;
margin-bottom: 20px;
}
.block-wrap .cb-article-small:last-child {
margin-bottom: 0;
border-bottom: none !important;
padding-bottom: 0;
}
.entry-content {
word-break: break-word;
}
.entry-content .block-wrap .title {
margin: 0;
}
.block-wrap-grid {
overflow: hidden;
background-color: #fff;
}
.block-wrap-grid .block .cb-link {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
z-index: 17;
}
.block-wrap-grid .block .cb-m .byline {
display: none;
}
.block-wrap-grid .block .byline,
.block-wrap-grid .block .byline a {
color: #fff;
}
.block-wrap-grid .mask {
height: 100%;
padding-bottom: 80%;
}
.block-wrap-grid .tipi-s-12 .mask {
padding-bottom: 40%;
}
.block-wrap-g-81 .preview-grid:first-child {
border-top: 0;
}
.preview-grid {
position: relative;
overflow: hidden;
border-top: 3px solid transparent;
border-right: 3px solid transparent;
}
.preview-grid .mask img, .preview-grid .mask picture {
position: absolute;
}
.preview-grid.preview-classic {
border: 0;
}
.preview-grid:not(.no-fi) .meta, .preview-slider:not(.no-fi) .meta {
pointer-events: none;
}
.preview-grid:after, .preview-slider:after {
position: absolute;
content: '';
height: 100%;
width: 100%;
top: 0;
left: 0;
background-color: #161616;
transition: 0.3s;
pointer-events: none;
}
.preview-grid.tile-overlay--2:after, .preview-slider.tile-overlay--2:after {
opacity: 0;
}
.preview-grid.tile-overlay--2 .meta:after, .preview-slider.tile-overlay--2 .meta:after {
position: absolute;
content: '';
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: -1;
background-color: #161616;
transition: 0.3s;
pointer-events: none;
}
.preview-grid.tile-overlay--gradient .meta:after, .preview-slider.tile-overlay--gradient .meta:after {
background-color: transparent !important;
background-image: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.65) 100%);
}
.preview-grid .meta .title, .preview-grid .meta .byline, .preview-slider .meta .title, .preview-slider .meta .byline {
color: #fff;
}
.preview-grid .meta .title a, .preview-grid .meta .byline a, .preview-slider .meta .title a, .preview-slider .meta .byline a {
color: #fff;
}
.preview-grid .meta .price ins, .preview-slider .meta .price ins {
color: #fff;
}
.preview-grid .mask, .preview-slider .mask {
background: #000 !important;
} .loading > * {
opacity: 0.35;
}
.title-overlay-c .mask {
background: #111 !important;
}
.title-overlay-c .mask .wp-post-image {
opacity: 0.5;
}
.title-overlay-c .extras {
top: 15px;
right: 15px;
left: auto;
}
.title-overlay-c a {
color: #666;
}
.title-overlay-c .has-post-thumbnail a, .title-overlay-c .has-post-thumbnail p, .title-overlay-c .has-post-thumbnail .byline-part {
color: #fff;
}
.title-overlay-c .meta {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
width: 80%;
}
.title-overlay-c .media-icon, .title-overlay-c .secondary-img, .title-overlay-c .lets-review-api-wrap {
display: none !important;
}
.tipi-doc-info {
line-height: 1.5;
font-weight: 400;
text-transform: none;
font-size: 12px;
text-align: left;
}
.trending-inline .main-title-wrap .trending-text {
padding-left: 5px;
}
.trending-inline .main-title-wrap .trending-text:empty {
margin-left: 0;
padding-left: 0;
}
.trending-accent-border {
border: 2px solid transparent;
}
.trending-inline-wrap .counter {
line-height: 50px;
width: 50px;
height: 50px;
}
.trending-inline-wrap .counter:before {
font-size: 1rem;
height: 100%;
width: 100%;
left: 0;
top: 0;
transform: none;
}
.trending-inline-wrap .trending-accent-border {
line-height: 36px;
}
.trending-inline {
transition: 0.3s;
}
.trending-inline a {
transition: 0.3s;
}
.trending-inline:hover {
background-color: #121314;
}
.trending-inline:hover a {
color: #fff;
}
.trending-inline-drop {
top: 100%;
padding: 0 !important;
z-index: 105 !important;
color: #fff;
background-color: #121314;
}
.trending-inline-drop .trending-inline-wrap .block article a {
padding: 0;
font-size: inherit;
color: #fff;
}
.trending-inline-drop .separation-border {
margin: 0 !important;
}
.trending-inline-drop .trending-inline-title {
width: 100%;
padding: 20px 40px 0;
display: flex;
align-items: center;
margin-bottom: -20px;
}
.trending-inline-drop .trending-inline-title .trending-op-title {
float: left;
font-size: 2em;
}
.trending-inline-drop .trending-inline-title .trending-ops {
margin-left: auto;
}
.trending-inline-drop .trending-inline-title .trending-op {
margin-left: 15px;
display: inline-block;
padding: 0;
cursor: pointer;
}
.trending-inline-drop .trending-selected {
border-bottom: 2px solid white;
}
.trending-inline-drop .block-wrap {
background-color: #121314;
}
.trending-inline-drop .block-wrap .mask {
background-color: #121314;
}
.trending-inline-drop .block-wrap article .title {
font-size: 14px;
}
.trending-inline-drop .block-wrap .grid-meta-bg .mask:before {
display: none;
} .social-icons-bg .network-bg {
background: #333;
}
.social-icons-bg .network-facebook {
background: #3b5998;
}
.social-icons-bg .network-flipboard {
background: #F52828;
}
.social-icons-bg .network-twitter {
background: #1da1f2;
}
.social-icons-bg .network-pinterest {
background: #bd081c;
}
.social-icons-bg .network-youtube {
background: #ff0000;
}
.social-icons-bg .network-vk {
background: #4a76a8;
}
.social-icons-bg .network-linkedin {
background: #0078BA;
}
.social-icons-bg .network-reddit {
background: #FF4500;
}
.social-icons-bg .network-email {
background: #222;
}
.social-icons-bg .network-tumblr {
background: #32506d;
}
.social-icons-bg .network-whatsapp {
background: #00EC67;
}
.social-icons-bg .network-messenger {
background: #0084ff;
}
.social-icons-bg .network-youtube {
background: #dc403c;
}
.social-icons-bg .network-rss {
background: #e67e21;
}
.social-icons-bg .network-vimeo {
background: #1ab7ea;
}
.social-icons-bg .network-soundcloud {
background: #ff8800;
}
.social-icons-bg .network-spotify {
background: #1db954;
}
.social-icons-bg .network-dribbble {
background: #ea4c89;
}
.social-icons-bg .network-snapchat {
background: #fffc00;
}
.social-icons-bg .network-mixcloud {
background: #52aad8;
}
.social-icons-bg .network-bandcamp {
background: #629aa9;
}
.social-icons-bg .network-medium {
background: #00ab6c;
}
.social-icons-bg .network-instagram {
background: #e1306c;
}
.codetipi-15zine-widget .widget-social-icons ul {
display: inline-block;
}
.codetipi-15zine-widget .widget-social-icons ul li {
display: inline-block;
line-height: 1;
text-align: center;
}
.codetipi-15zine-widget .widget-social-icons ul li a {
display: inline-block;
color: #fff;
}
.codetipi-15zine-widget .widget-social-icons ul li .widget-social-icons-3 {
color: #000;
}
.codetipi-15zine-widget .widget-social-icons a {
margin: 0 20px 20px;
}
.codetipi-15zine-widget .widget-social-icons .tipi-i-sz-1 {
margin: 0 10px 20px;
}
.codetipi-15zine-widget .social-align-0 {
text-align: center;
}
.codetipi-15zine-widget .widget-social-icons-3 ul li a {
color: #161616;
}
.codetipi-15zine-widget .tipi-i-sz-2 {
font-size: 24px;
}
.codetipi-15zine-widget .tipi-i-sz-3 {
font-size: 40px;
}
.codetipi-15zine-widget .social-icons-bg a {
font-size: 26px;
display: inline-block;
vertical-align: top;
text-align: center;
top: 0;
height: 70px;
line-height: 70px;
width: 70px;
border-radius: 3px;
position: relative;
margin: 10px;
color: white;
}
.codetipi-15zine-widget .social-icons-bg .tipi-i-sz-2 {
font-size: 16px;
height: 50px;
line-height: 50px;
width: 50px;
}
.codetipi-15zine-widget .social-icons-bg .tipi-i-sz-1 {
font-size: 12px;
height: 35px;
line-height: 35px;
width: 35px;
}
.codetipi-15zine-widget .block-wrap-grid {
background-color: transparent;
border-color: transparent;
}
.codetipi-15zine-widget .block-wrap-grid .preview-grid .meta {
padding: 0 15px;
}
.codetipi-15zine-widget .block-wrap-grid .preview-grid .mask {
padding-bottom: 66%;
}
.codetipi-15zine-widget .block-wrap-grid .tile-loc-bl .meta {
padding-bottom: 15px;
padding-top: 15px;
}
.codetipi-15zine-widget .flickity-viewport {
background-color: transparent;
}
.codetipi-15zine-widget .block-wrap .block-inner-style {
margin-bottom: 0;
}
.codetipi-15zine-widget .block-wrap .preview-slider .title, .codetipi-15zine-widget .block-wrap .preview-grid .title {
font-size: 1rem;
margin-bottom: 5px;
letter-spacing: 1px;
}
.codetipi-15zine-widget .block-wrap .preview-slider .title + .byline, .codetipi-15zine-widget .block-wrap .preview-grid .title + .byline {
margin-top: 10px;
} .preview-slider {
width: 100%;
max-width: 2000px;
}
.preview-slider .mask img {
transition: 0.3s;
}
.slider {
display: block;
}
.slider.tipi-spin:before {
z-index: 11;
}
.slider .slide {
position: absolute;
}
.slider .meta, .slider .lets-review-api-wrap {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slider .slider-arrow {
color: #161616;
}
.slider article {
display: none;
padding-bottom: 50%;
}
.slider article:first-of-type {
display: block;
}
.slider:not(.flickity-enabled) {
padding-bottom: 50%;
}
.slider:not(.slider-rdy) img {
opacity: 0;
}
.slider:not(.slider-rdy) .meta, .slider:not(.slider-rdy) .slider-arrow {
opacity: 0;
}
.slider:not(.slider-rdy) .slider-arrow {
transform: translateY(-10px);
}
.gallery__slider {
background-color: transparent;
}
.gallery__slider.slider-rdy .slide {
background-color: #f2f2f2;
}
.gallery__slider .slide img {
max-width: none;
width: auto;
height: 100%;
}
.gallery__slider.slider-16 {
padding-left: 0;
padding-right: 0;
}
.slider-of-one .mask, .slider .mask {
position: absolute;
height: 100%;
width: 100%;
}
.slider.parallax .mask {
top: -15%;
height: 130%;
}
.slider-of-one {
padding-bottom: 0 !important;
}
.format-gallery.md-2 .hero-wrap {
overflow: visible;
}
.flickity-viewport {
background: #fff;
}
.slider-for, .slider-imgs {
width: 100%;
height: 250px;
}
.slider-for .slide, .slider-imgs .slide {
margin-right: 5px;
height: 100%;
}
.slider-for {
position: relative;
margin-bottom: 5px;
}
.slider-for:not(.slider-rdy) .slide img {
transform: translatey(15px);
}
.slider-imgs:not(.slider-rdy) .slide img {
transform: translatey(10px);
}
.slider-imgs .slide img {
transition: 0.3s;
}
.slider-imgs.tipi-spin:before {
border-color: #555;
}
.hero-wrap.gallery-viewing .mask-overlay {
opacity: 0;
visibility: hidden;
}
.title-middle .gallery-viewing .hero-meta, .title-middle-bl .gallery-viewing .hero-meta {
opacity: 0;
pointer-events: none;
}
.title-middle .gallery-viewing .slide:before, .title-middle-bl .gallery-viewing .slide:before {
opacity: 0 !important;
}
.gallery__slider .slider-arrow {
border: 1px solid #fff;
background-color: rgba(0, 0, 0, 0.15);
color: #fff;
height: 40px;
width: 40px;
line-height: 40px;
font-size: 20px;
}
.gallery__slider .slider-arrow:hover {
background-color: #fff;
color: #000;
}
.tiled-gallery .gallery-row {
overflow: hidden;
width: 100% !important;
}
.format-gallery.md-2 .hero-wrap {
overflow: visible;
}
.flickity-viewport {
background: #fff;
}
.slider-for, .slider-imgs {
width: 100%;
height: 250px;
}
.slider-for .slide, .slider-imgs .slide {
margin-right: 5px;
height: 100%;
}
.slider-for {
position: relative;
margin-top: 5px;
margin-bottom: 5px;
}
.slider-for:not(.slider-rdy) .slide img {
transform: translatey(15px);
}
.slider-nav {
background: inherit;
height: 75px;
padding-bottom: 0 !important;
position: relative;
}
.slider-nav .slide {
margin-right: 5px;
background: #f2f2f2;
height: 100%;
}
.slider-nav .slide img {
opacity: 0;
transition: 0.3s;
}
.slider-nav.nav-slider-rdy .slide img {
opacity: 0.5;
}
.slider-nav.nav-slider-rdy .is-nav-selected img {
opacity: 1;
}
.block-wrap-slider article {
padding-bottom: 43.333333333%;
}
.block-wrap-55 .slider .slider-arrow {
opacity: 0;
}
.block-wrap-55:hover .slider .slider-arrow {
opacity: 1;
}
.block-wrap-55 .slide {
flex-wrap: wrap;
width: 100%;
}
.block-wrap-55 .slide:not(:first-of-type) article {
display: none;
}
.block-wrap-55 .slide:first-of-type article {
display: block;
}
.block-wrap-55 .block-piece-1 article {
height: 100%;
}
.block-wrap-55 .flickity-enabled article {
display: block !important;
}
.block-wrap-55 .slider:not(.flickity-enabled) {
padding-bottom: 151.5%;
}
.block-wrap-55 article {
width: 100%;
padding-bottom: 80%;
}
.block-wrap-55 .block-piece-2 article {
border-right: 0;
}
.block-wrap-52 article {
padding-bottom: 39%;
}
.block-wrap-53 article {
padding-bottom: 25%;
}
.block-wrap-59 .lets-review-api-wrap {
left: 0;
right: auto;
}
.block-wrap-59 article {
padding-bottom: 0 !important;
}
.block-wrap-59 article:after {
display: none;
}
.block-wrap-59 article .mask {
position: relative;
}
.block-wrap-59 article .meta {
padding: 20px 10px 0;
text-align: center;
}
.block-wrap-59 article .meta:after {
display: none;
}
.block-wrap-59 article .meta .byline:last-child {
margin-bottom: 0;
}
.block-wrap-59 .slider-arrow {
width: 40px;
height: 40px;
font-size: 22px;
}
.block-wrap-59 .slider-arrow-prev {
right: 40px;
}
.flickity-enabled:not(.slider-imgs) article {
display: block;
}
.slider__img {
opacity: 0;
}
.slider-rdy.tipi-spin:before {
opacity: 0;
pointer-events: none;
animation-iteration-count: 2;
}
.slider-rdy .slider-arrow {
opacity: 1;
}
.slider-rdy .slider-arrow-2 {
opacity: 0.25;
}
.slider-rdy .mask, .slider-rdy .meta {
opacity: 1;
}
.slider-rdy .flickity-lazyloaded {
opacity: 1;
}
.block-wrap-51 .slider-art[data-effect="0"] .flickity-slider, .block-wrap-59 .slider-art[data-effect="0"] .flickity-slider {
transform: none !important;
}
.block-wrap-51 .slider-art[data-effect="0"] .flickity-slider .slide, .block-wrap-59 .slider-art[data-effect="0"] .flickity-slider .slide {
left: 0 !important;
}
.block-wrap-51 .slider-art[data-effect="0"] .flickity-slider .slide, .block-wrap-59 .slider-art[data-effect="0"] .flickity-slider .slide {
z-index: 7 !important;
}
.block-wrap-51 .slider-art[data-effect="0"] .flickity-slider .old-slide, .block-wrap-59 .slider-art[data-effect="0"] .flickity-slider .old-slide {
z-index: 8 !important;
}
.block-wrap-51 .slider-art[data-effect="0"] .flickity-slider .new-slide, .block-wrap-51 .slider-art[data-effect="0"] .flickity-slider .is-selected, .block-wrap-59 .slider-art[data-effect="0"] .flickity-slider .new-slide, .block-wrap-59 .slider-art[data-effect="0"] .flickity-slider .is-selected {
z-index: 9 !important;
}
.block-wrap-51 .slider-art[data-effect="0"] .slider-arrow, .block-wrap-59 .slider-art[data-effect="0"] .slider-arrow {
z-index: 10;
}
.block-wrap-51 .slider-art .tipi-arrow, .block-wrap-59 .slider-art .tipi-arrow {
border-color: #fff;
color: #fff;
border-radius: 50%;
}
.block-wrap-51 .slider-art .tipi-arrow i:after, .block-wrap-59 .slider-art .tipi-arrow i:after {
background: #fff;
}
.block-wrap-51 .media-tr, .block-wrap-59 .media-tr {
display: none;
}
.block-wrap-51.block-wrap-fs .slider-arrow {
background: transparent;
color: #fff;
border: 3px solid #fff;
transform: translatey(-50%);
top: 50%;
}
.block-wrap-51.block-wrap-fs .slider-arrow:hover {
background: #fff;
color: #161616;
}
.block-wrap-51.block-wrap-fs .slider-arrow-prev {
left: 30px;
}
.block-wrap-51.block-wrap-fs .slider-arrow-next {
right: 30px;
}
.slider-arrow {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
transition: .3s ease-out;
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
z-index: 3;
text-align: center;
justify-content: center;
font-size: 30px;
cursor: pointer;
}
.slider-arrow:hover {
background-color: #161616;
color: #fff;
}
.slider-arrow-prev {
right: 50px;
}
.preview-review .score {
font-weight: 700;
color: #5a5a5a;
line-height: 1.5;
font-size: 14px;
margin-left: auto;
}
.preview-review .score-bar {
width: 100%;
height: 10px;
background: #f2f2f2;
margin-top: 5px;
clear: both;
float: left;
}
.preview-review .score-bar .score-overlay {
background: #f8d92f;
height: 100%;
}
.preview-review .title {
font-size: 14px;
}
.preview-review .submeta {
font-size: 12px;
margin-top: 10px;
color: #939393;
}
.preview-review .cb-format-1:after {
margin-left: 2px;
content: '%';
}
.preview-review, .block-wrap-d .preview-classic {
border-bottom: 1px dotted #ddd;
margin-bottom: 20px;
padding-bottom: 20px;
}
.preview-review:last-of-type {
margin-bottom: 0 !important;
padding-bottom: 0;
border-bottom: 0 !important;
}
.preview-classic .title, .preview-thumbnail .title {
letter-spacing: 1px;
font-weight: 700;
margin: 0 0 5px;
}
.preview-2 {
flex: 0 0 100% !important;
}
.preview-thumbnail {
display: flex;
align-items: center;
padding-bottom: 20px;
}
.preview-thumbnail .byline-1 {
top: 2px;
left: 2px;
padding: 0;
}
.preview-thumbnail .meta .byline-2 + .title {
margin-top: 7px;
}
.preview-thumbnail .meta .title + .byline {
margin-top: 10px;
}
.preview-thumbnail .byline .separator {
margin-left: 3px;
margin-right: 3px;
}
.preview-thumbnail .mask {
width: 90px;
flex-shrink: 0;
}
.preview-thumbnail .mask + .meta {
padding-left: 20px;
}
.preview-thumbnail .codetipi-15zine-review {
top: 0;
right: 0;
width: 34px;
height: 28px;
line-height: 28px;
}
.preview-thumbnail .codetipi-15zine-review .lets-review-final-score {
font-size: 12px;
letter-spacing: 0;
opacity: 1;
}
.preview-thumbnail .codetipi-15zine-review .lets-review-final-score .cb-percent-sign {
padding-left: 1px;
font-size: 8px;
}
.preview-thumbnail .codetipi-15zine-review .lets-review-final-score .cb-bar {
display: none;
}
.preview-thumbnail .codetipi-15zine-review .lets-review-subtitle {
display: none;
} .codetipi-15zine-review-2.lets-review-api-wrap {
width: 38px;
height: 30px;
}
.codetipi-15zine-review-2.lets-review-api-wrap .lets-review-subtitle {
display: none;
}
.codetipi-15zine-review-2.lets-review-api-wrap .lets-review-final-score {
font-size: 14px;
}
.lr-api-has-icons {
opacity: 1;
}
.lr-api-has-icons .lets-review-api-score-box {
display: flex;
align-items: center;
height: 100%;
justify-content: center;
flex-wrap: wrap;
}
.lr-api-has-icons .lets-review-final-score {
line-height: 0 !important;
position: relative;
font-size: 13px;
}
.lr-api-has-icons .lets-review-final-score i, .lr-api-has-icons .lets-review-final-score img {
margin: 0 1px;
}
.lr-api-has-icons .lets-review-final-score img {
max-width: 16px;
}
.lr-api-has-icons.lr-api-wrap-has-subtitle .lets-review-api-score-box {
flex-direction: column;
}
.lr-api-has-icons.lr-api-wrap-has-subtitle .lets-review-final-score {
margin-top: 3px;
}
.lr-api-has-icons.lr-api-wrap-has-subtitle .lets-review-subtitle {
margin-top: 10px;
padding: 0 3px;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.lets-review-api-wrap {
z-index: 2;
}
.lets-review__widget__design-1:last-child {
margin-bottom: 0;
}
.lets-review__widget__design-1 .score-bar {
height: 10px;
margin-top: 7px;
}
.preview-thumbnail .lr-api-has-icons, .review-box--xs .lr-api-has-icons {
display: none;
}
.split {
width: 100%;
}
.split .byline:last-child {
margin-bottom: 0;
}
.stack .meta {
padding-top: 20px;
}
.meta .read-more-wrap {
display: block;
transition: 0.3s ease-out;
margin-top: 15px;
}
.meta .read-more-wrap .read-more {
height: auto;
line-height: 1;
padding: 10px 15px;
background: black;
color: white;
display: inline-block;
font-size: 10px;
text-transform: uppercase;
border-radius: 3px;
}
.preview-classic.preview-grid {
padding-bottom: 0;
}
.preview-classic .price {
font-size: 1rem;
margin-top: 5px;
}
.preview-classic .star-rating {
margin-top: 3px;
}
.preview-classic .byline .author-avatar img {
width: 14px;
}
.preview-classic .byline-1 {
padding: 0 15px;
top: 15px;
}
.preview-classic .byline-1 .byline-part {
vertical-align: top;
}
.preview-classic .byline-1 .byline-part a {
vertical-align: top;
}
.preview-classic.elements-location-2 .meta .title, .preview-classic.elements-location-4 .meta .title, .preview-classic.elements-location-5 .meta .title {
padding-top: 30px;
}
.preview-grid .title + .byline, .preview-slider .title + .byline {
margin-top: 15px;
}
.preview-grid .byline-2 + .title, .preview-slider .byline-2 + .title {
margin-top: 10px;
}
.preview-grid .byline a, .preview-slider .byline a {
color: inherit !important;
}
.block-wrap-reviews .preview-grid, .block-wrap-f .preview-grid {
border: 0;
}
.block-wrap-reviews .preview-grid .meta .separator-likes, .block-wrap-reviews .preview-grid .meta .likes-count, .block-wrap-reviews .preview-grid .meta .author-avatar, .block-wrap-f .preview-grid .meta .separator-likes, .block-wrap-f .preview-grid .meta .likes-count, .block-wrap-f .preview-grid .meta .author-avatar {
display: none;
}
.block-wrap-g-81 .mask {
padding-bottom: 50%;
}
.block-wrap-b .preview-classic {
padding-bottom: 20px;
padding-top: 20px;
}
.block-wrap-b article {
border-bottom: 1px solid #f1f1f1;
}
.block-wrap-b .preview-thumbnail {
padding-left: 0;
padding-right: 0;
}
.block-wrap-b .preview-thumbnail:last-child {
border-bottom: 0;
}
.block-wrap-f .grid-spacing {
border-right: 0;
}
.block-wrap-links .meta {
pointer-events: none;
}
.img-shape-1 .mask {
padding-bottom: 66.5%;
}
.img-shape-2 .mask {
padding-bottom: 100%;
}
.img-shape-3 .mask {
padding-bottom: 137%;
} .tipi-spin:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 3px solid #fff;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-radius: 50%;
width: 50px;
height: 50px;
margin-top: -28px;
z-index: 2;
transition: opacity 0.3s;
margin-left: -28px;
animation: fullspin 1s infinite ease-out;
}
.tipi-spin.tipi-row-inner-style:before {
opacity: 1;
border-color: #111;
}
.tipi-spin-dark:before {
border-color: #111;
}
.no-more {
opacity: 0.25;
pointer-events: none;
}
.ipl-wrap {
transition: 0.5s all;
}
.ipl-loader {
position: relative;
height: 150px;
}
.ipl-loader:before {
border-top-color: #1d1d1d;
border-bottom-color: #1d1d1d;
}
.ipl-loader.ipl-end {
display: none;
}
.ipl-loader.ipl-end:before {
animation: none;
}
.ipl-loading {
opacity: 0;
transform: translateY(150px);
} .img-ani-base .mask {
overflow: hidden;
}
.img-ani-base .fi-bg, .img-ani-base .mask img {
transition: transform 1s ease, opacity 0.5s ease;
}
.img-ani-1:not(.with-second-img).preview-grid:hover .wp-post-image, .img-ani-1:not(.with-second-img).preview-slider:hover .wp-post-image, .img-ani-1:not(.with-second-img):hover .fi-bg, .img-ani-1:not(.with-second-img) .mask:hover .wp-post-image {
transform: scale(1.1, 1.1);
}
.img-ani-1.with-second-img.preview-grid:hover .secondary-img, .img-ani-1.with-second-img.preview-slider:hover .secondary-img, .img-ani-1.with-second-img:hover .fi-bg, .img-ani-1.with-second-img .mask:hover .secondary-img {
transform: scale(1.1, 1.1);
}
.img-ani-2:not(.with-second-img).preview-grid .wp-post-image, .img-ani-2:not(.with-second-img).preview-slider .wp-post-image, .img-ani-2:not(.with-second-img) .fi-bg, .img-ani-2:not(.with-second-img) .mask .wp-post-image {
transform: translate3d(-5px, 0, 0) scale(1.05);
}
.img-ani-2:not(.with-second-img).preview-grid:hover .wp-post-image, .img-ani-2:not(.with-second-img).preview-slider:hover .wp-post-image, .img-ani-2:not(.with-second-img):hover .fi-bg, .img-ani-2:not(.with-second-img) .mask:hover .wp-post-image {
transform: translate3d(5px, 0, 0) scale(1.05);
}
.img-ani-3:not(.with-second-img).preview-grid:hover .wp-post-image, .img-ani-3:not(.with-second-img).preview-slider:hover .wp-post-image, .img-ani-3:not(.with-second-img):hover .fi-bg, .img-ani-3:not(.with-second-img) .mask:hover .wp-post-image {
transform: rotate(-1.8deg) scale(1.08);
}
.img-ani-4:not(.with-second-img).preview-grid:hover .wp-post-image, .img-ani-4:not(.with-second-img).preview-slider:hover .wp-post-image, .img-ani-4:not(.with-second-img):hover .fi-bg, .img-ani-4:not(.with-second-img) .mask:hover .wp-post-image {
transform: rotate(1.8deg) scale(1.08);
}
.img-ani-3:not(.with-second-img).preview-grid .wp-post-image, .img-ani-3:not(.with-second-img).preview-slider .wp-post-image, .img-ani-3:not(.with-second-img) .fi-bg, .img-ani-3:not(.with-second-img) .mask .wp-post-image, .img-ani-4:not(.with-second-img).preview-grid .wp-post-image, .img-ani-4:not(.with-second-img).preview-slider .wp-post-image, .img-ani-4:not(.with-second-img) .fi-bg, .img-ani-4:not(.with-second-img) .mask .wp-post-image, .img-ani-2:not(.with-second-img).preview-grid .wp-post-image, .img-ani-2:not(.with-second-img).preview-slider .wp-post-image, .img-ani-2:not(.with-second-img) .fi-bg, .img-ani-2:not(.with-second-img) .mask .wp-post-image {
transition: transform 0.3s cubic-bezier(0.3, 0.4, 0.5, 1), opacity 0.3s;
transform: scale(1.05);
}
@keyframes swing {
0%, 100% {
transform: rotate(30deg);
}
50% {
transform: rotate(-30deg);
}
}
@keyframes fullspin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .separator:last-child {
display: none;
}
.byline .with-name .author-avatar {
margin-right: 8px;
}
.byline .no-name .author-avatar {
padding-right: 10px;
}
.byline a {
color: inherit;
}
.byline .author-avatar {
display: inline-block;
line-height: 0;
vertical-align: middle;
}
.byline .author-avatar img {
width: 20px;
border-radius: 50%;
position: relative;
}
.byline .byline-part {
vertical-align: middle;
}
.byline .byline-part a {
color: inherit;
}
.byline .separator {
margin-right: 8px;
margin-left: 8px;
font-weight: 700;
opacity: 0.7;
}
.byline-2 {
margin-bottom: -3px;
}
.byline-2 + .title {
margin-top: 15px;
}
.byline-1 {
position: absolute;
width: 100%;
top: 25px;
left: 0;
padding: 0 30px;
line-height: 1;
z-index: 3;
}
.byline-1 .cats .cat-with-bg {
font-weight: 700;
padding: 3px 7px;
}
.byline-1 .comments {
margin-right: 0 !important;
font-weight: 700;
background: #000000;
padding: 0 5px;
border-radius: 2px;
height: 15px;
min-width: 15px;
text-align: center;
line-height: 15px;
font-size: 0.8em;
float: right;
}
.byline-1 .comments a {
color: #fff !important;
}
.byline-cats-design-5 .cats {
margin-left: 10px;
margin-right: 10px;
}
.byline-cats-design-5 .cats:first-child {
margin-left: 0;
}
.byline-cats-design-5 .cats:last-child {
margin-right: 0;
}
.cats .cat {
margin-right: 10px;
display: inline-block;
}
.cats .cat:last-of-type {
margin-right: 0;
}
.cats .byline-in {
padding-right: 2px;
}
.cats .cat-with-bg {
font-size: 0.9em;
border-radius: 2px;
padding: 2px 4px;
color: #fff !important;
}
.cats .cat-with-bg-dark {
background: #111;
}
.cats .cat-with-line {
border-bottom: 3px solid transparent;
margin-bottom: -3px;
}
.byline-shaded .byline-part {
display: inline-flex;
flex-wrap: wrap;
margin-right: 5px;
font-size: 0.8em;
letter-spacing: 1px;
font-weight: 700;
transition: 0.2s ease-out all;
text-transform: uppercase;
padding: 0 8px;
height: 26px;
line-height: 26px;
color: #868686;
}
.byline-shaded .byline-part a {
display: block;
}
.byline-shaded .cats {
padding: 0;
height: auto;
margin-bottom: 0;
}
.byline-shaded .cats a {
height: 26px;
transition: 0.2s ease-out all;
padding: 0 8px;
margin-right: 5px;
margin-bottom: 5px;
}
.byline-shaded .cats a:hover {
color: #fff;
}
.byline-shaded .cats a:last-child {
margin-right: 0;
}
.byline-shaded .byline-part-inner-bg {
background-color: transparent !important;
padding: 0;
}
.byline-shaded .tipi-like-count {
transition: 0s !important;
}
.byline-shaded .tipi-like-count i {
transition: 0s !important;
}
.byline-shaded .likes-count {
padding: 0;
}
.byline-shaded .likes-count a {
padding: 9px 8px;
}
.byline-shaded .separator {
display: none;
}
.byline-10 {
margin-top: 15px;
margin-bottom: -5px;
}
.byline-9 {
margin-bottom: 15px;
}
.cb-body-light .byline-shaded .byline-part:not(.cats) {
background-color: #f2f2f2;
}
.cb-body-light .byline-shaded .byline-part:not(.cats):hover {
background-color: #161616;
color: #fff;
}
.cb-body-light .byline-shaded .byline-part:not(.cats):hover a {
color: inherit;
}
.cb-body-light .byline-shaded .byline-part:not(.cats):hover .codetipi-15zine-i-heart {
opacity: 1;
}
.cb-body-light .byline-shaded .cats {
background-color: transparent;
}
.cb-body-light .byline-shaded .cats a {
background-color: #f2f2f2;
}
.cb-body-light .byline-shaded .cats a:hover {
background-color: #161616;
}
.cb-body-dark .byline-shaded .byline-part:not(.cats) {
background-color: #333;
}
.cb-body-dark .byline-shaded .cats {
background-color: transparent;
}
.cb-body-dark .byline-shaded .cats a {
background-color: #333;
}
.cb-body-dark .byline-shaded .cats a:hover {
background-color: #444;
}
.byline-3 {
margin-top: 15px;
}
.byline-part {
margin-bottom: 5px;
display: inline-block;
}
.byline-part i {
margin-right: 3px;
}
.last__updated {
padding-bottom: 15px;
opacity: 0.6;
font-size: 0.8em;
}
.last__updated__title {
margin-right: 5px;
display: inline-block;
}
.byline-part .last__updated {
padding-bottom: 0;
opacity: 1;
font-size: 1em;
}
.elements-location-5 .byline-4 .byline-part:not(.cats), .elements-location-5 .byline-4 .cats a {
color: #9a9a9a;
background: #e9e9e9;
padding: 4px 7px;
display: inline-block;
font-size: 0.8em;
letter-spacing: 1px;
border-radius: 2px;
margin-right: 5px;
}
.elements-location-5 .byline-4 .cats {
margin-right: 0;
}
.elements-location-5 .byline-4 .likes-count {
height: 23px;
padding-top: 7px;
}
.elements-location-5 .byline-4 .separator {
display: none !important;
}
.tipi-like-count {
display: flex;
transition: 0.2s ease-out all;
line-height: 1;
}
.tipi-like-count .likes-heart {
position: relative;
margin-right: 3px;
display: inline-block;
}
.tipi-like-count .likes-heart .codetipi-15zine-i-heart {
opacity: 0;
}
.tipi-like-count .likes-heart .codetipi-15zine-i-heart {
transition: 0.2s ease-out all;
position: absolute;
top: 0;
left: 0;
}
.tipi-like-count:hover .codetipi-15zine-i-heart {
opacity: 1;
}
.liking {
opacity: 0.5;
}
.liked {
cursor: default;
pointer-events: none;
}
.liked .codetipi-15zine-i-heart {
opacity: 1 !important;
}
.liked:hover {
cursor: default;
}
.title-loc-c .media-icon {
position: relative;
display: inline-block;
margin-top: 10px;
}
.title-loc-c .icon-base-2 {
bottom: auto;
color: #111;
}
.title-loc-c .icon-base-2 .icon-bg {
border-radius: 50%;
background: white;
}
.title-loc-c .icon-base-2 i {
color: #111;
}
div[class*="title-mid"].hero-s .hero-wrap {
margin-bottom: 30px;
}
div[class*="title-mid"] .meta-wrap .share-it-icons a {
color: #fff;
}
div[class*="title-mid"] .hero-wrap .meta .byline, div[class*="title-mid"] .hero-wrap .meta .entry-title, div[class*="title-mid"] .hero-wrap .meta .subtitle, div[class*="title-mid"] .hero-wrap .media-icon, div[class*="title-mid"] .hero-wrap .share-it {
transition: 0.5s ease-out;
transition-delay: 0.2s;
}
div[class*="title-mid"] .hero-wrap .meta .entry-title {
transition-delay: 0.3s;
}
div[class*="title-mid"] .hero-wrap .meta .subtitle, div[class*="title-mid"] .hero-wrap .meta .byline-3 {
transition-delay: 0.45s;
}
div[class*="title-mid"] .hero-wrap .meta .title-with-sub + .byline {
transition-delay: 0.6s;
}
div[class*="title-mid"] .hero-wrap .media-icon {
transition-delay: 0.6s;
}
div[class*="title-mid"] .hero-wrap:not(.mask-loaded) .meta .byline, div[class*="title-mid"] .hero-wrap:not(.mask-loaded) .meta .entry-title, div[class*="title-mid"] .hero-wrap:not(.mask-loaded) .meta .subtitle, div[class*="title-mid"] .hero-wrap:not(.mask-loaded) .media-icon, div[class*="title-mid"] .hero-wrap:not(.mask-loaded) .share-it {
opacity: 0;
transform: translatey(15px);
}
.media-icon {
text-align: center;
z-index: 3;
color: #fff;
position: absolute;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.media-icon i {
display: inline-block;
}
.title-middle .meta-wrap .share-it-text, .title-fixed .meta-wrap .share-it-text, .title-middle-bl .meta-wrap .share-it-text {
color: #fff;
}
.title-middle .meta-wrap .share-it-text a, .title-fixed .meta-wrap .share-it-text a, .title-middle-bl .meta-wrap .share-it-text a {
color: inherit;
}
.title-middle .hero-wrap .media-icon, .title-fixed .hero-wrap .media-icon, .title-middle-bl .hero-wrap .media-icon {
display: inline-block;
margin-top: 15px;
position: relative;
top: auto;
left: auto;
}
.title-middle .meta-wrap, .title-fixed .meta-wrap, .title-middle-bl .meta-wrap {
transition: 0.2s ease-out;
}
.title-middle .active-embed .meta-wrap, .title-fixed .active-embed .meta-wrap, .title-middle-bl .active-embed .meta-wrap {
opacity: 0;
visibility: hidden;
}
.active-embed .hero {
background: #000;
}
.active-embed .hero img {
animation: none;
opacity: 0.25;
}
.active-embed .media-icon {
opacity: 0;
visibility: hidden;
}
.active-embed .caption {
opacity: 0;
visibility: hidden;
}
.media-icon {
width: 40px;
height: 40px;
}
.media-icon i {
font-size: 18px;
line-height: 40px;
}
.icon-size-s i {
font-size: 15px;
}
.hero-18 .media-icon, .hero-19 .media-icon {
width: 80px;
height: 80px;
}
.hero-18 .media-icon i, .hero-19 .media-icon i {
font-size: 30px;
line-height: 80px;
}
.icon-size-xs {
width: 30px;
height: 30px;
}
.icon-size-xs i {
font-size: 15px;
line-height: 30px;
}
.icon-size-l {
width: 75px;
height: 75px;
border-radius: 50%;
}
.icon-size-l .icon-bg {
border-width: 3px;
}
.icon-size-l i {
font-size: 25px;
font-weight: 700;
}
.icon-size-l:hover .icon-bg {
transform: scale(1.1, 1.1);
}
.icon-base-1.icon-size-l .icon-bg, .block-wrap .icon-size-l .icon-bg {
border-style: solid;
border-color: #fff;
background: rgba(0, 0, 0, 0.15);
}
.icon-base-2 {
bottom: 0;
left: 0;
}
.icon-base-2 .icon-bg {
background: #212121;
}
.icon-base-2 i {
color: #fff;
}
.icon-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.icon-base-3 {
top: 10px;
left: 10px;
}
.icon-base-3 i {
color: #000;
}
.icon-base-3 .icon-bg {
background: #fff;
}
.icon-base-3:hover .icon-bg {
transform: scale(1.05, 1.05);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}
.mask .byline + a + .icon-base-3 {
top: auto;
bottom: 15px;
left: 15px;
}
.tile-design-4 .icon-base-3 {
left: 0;
}
.icon-base-1 {
color: #161616;
text-align: center;
}
.icon-base-1 i {
color: #161616;
}
.icon-base-1 .icon-bg {
border-radius: 50%;
background: rgba(255, 255, 255, 0.9);
}
.icon-base-1:hover .icon-bg {
transform: scale(1.1, 1.1);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}
.icon-base-1.media-icon.center-abs:hover {
transform: translate(-50%, -50%) scale(1.1, 1.1);
}
.preview-grid:not(.tile-design-4) .icon-base-1, .preview-slider:not(.tile-design-4) .icon-base-1, .preview-classic .icon-base-1 {
left: 50%;
top: 50%;
margin-top: -20px;
margin-left: -20px;
}
.preview-thumbnail .media-icon:not(.icon-base-3) {
left: 50%;
top: 50%;
}
.preview-thumbnail .icon-size-xs:not(.icon-base-3) {
margin-top: -15px;
margin-left: -15px;
}
.preview-thumbnail .icon-base-3 {
top: 0;
left: 0;
}
.preview-thumbnail .mask .byline + a + .icon-base-3 {
top: auto;
bottom: 0;
left: 0;
}
.media-icon, .duration, .playing-msg, .icon-bg {
transition: all 0.3s cubic-bezier(0.3, 0.4, 0.5, 1);
} .media-icon.center-abs {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.codetipi-15zine-video {
position: relative;
line-height: 0;
}
.codetipi-15zine-video .media-icon .icon-bg {
background: rgba(0, 0, 0, 0.15);
border: 4px solid #fff;
}
.codetipi-15zine-video .media-icon i {
color: #fff;
}
.playing img {
opacity: 0.2 !important;
}
.playing .media-icon {
opacity: 0 !important;
}
.playing .playing-msg {
opacity: 1;
visibility: visible;
} .video-wrap {
display: block;
}
.hero-m .media-wrap-audio {
max-width: 80%;
}
.md-11.format-audio .hero {
background-color: transparent;
}
.md-11 .hero-wrap .caption, .md-11 .hero-wrap .splitter {
display: none;
}
.md-11 .hero-wrap iframe {
background: #000;
}
.md-11 .hero-wrap iframe, .md-11 .hero-wrap video {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.md-11 .hero-wrap audio {
width: 100%;
}
.md-11.format-audio .hero-wrap iframe {
margin-bottom: 0;
position: relative;
height: auto;
}
.md-11 .hero-19 .splitter, .md-11 .hero-43 .splitter {
display: block;
}
.has-bg .hero-m.format-video.md-11 .hero-wrap:not(.hero-18) .hero {
max-height: 700px;
}
.hero-m .hero-wrap:not(.hero-18) .hero {
max-height: 630px;
}
.hero-m.format-video.md-11 .hero-wrap:not(.hero-18) .hero {
max-height: 710px;
}
.hero-m .medium-uncrop .hero {
max-height: none !important;
}
.md-1.title-middle .hero-wrap .slide:before, .md-1.title-middle-bl .hero-wrap .slide:before {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
content: '';
opacity: 0;
background-color: #000;
}
.md-1.title-middle .slider-rdy .slide:before, .md-1.title-middle-bl .slider-rdy .slide:before {
transition: 0.6s opacity;
opacity: 0.2;
}
.md-1 .hero-wrap .slider-arrow-next {
right: 30px;
}
.md-1 .hero-wrap .slider-arrow {
top: 50%;
transform: translateY(-50%);
}
.md-1 .hero-wrap .slider-arrow-prev {
left: 30px;
}
audio {
min-height: 40px;
}
.media-wrap-audio {
padding-bottom: 40px;
} .spon-block {
margin-bottom: 15px;
width: 100%;
}
.spon-block .title {
background: #fee700;
text-transform: uppercase;
padding: 3px 7px;
font-size: 10px;
line-height: 1.5;
letter-spacing: 2px;
color: #333;
border-radius: 2px;
display: inline-block;
margin-right: 15px;
}
.spon-block a {
color: inherit !important;
}
.spon-block .spon-name {
font-size: 16px;
}
.spon-block .spon-img {
margin-right: 10px;
line-height: 0;
} .pagination {
text-align: center;
padding: 50px 0;
clear: left;
}
.pagination .page-numbers {
transition: 0.3s ease-out all;
font-weight: 400;
display: inline-block;
text-align: center;
padding: 7px 12px;
font-size: 10px;
min-width: 35px;
border: 1px solid #ddd;
margin: 0 10px 10px 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.pagination .page-numbers:hover {
background-color: #111;
color: #fff;
border-color: #ddd;
}
.pagination .prev:hover {
transform: translatex(-2px);
}
.pagination .next:hover {
transform: translatex(2px);
}
.pagination .dots {
border-color: transparent;
padding: 5px 0;
min-width: 0;
}
.pagination .dots:hover {
border-color: transparent;
}
.pagination .dots:hover {
opacity: 0.5;
transform: none;
}
.pagination .current:hover {
transform: none;
}
.pagination .no-more-articles {
margin-bottom: 10px;
font-size: 14px;
}
.pagination + .block {
clear: both;
}
.post-pagination {
text-align: left;
}
.pagination .current:not(.post-page-numbers), .post-page-numbers.current .page-numbers, .post-pagination > .page-numbers, .woocommerce-pagination .current {
border-color: #111;
background: #111;
color: #fff;
padding-bottom: 5px;
}
.inf-scr {
clear: left;
}
.inf-loaded {
padding: 0;
height: 0;
opacity: 0;
visibility: hidden;
width: 100%;
}
.inf-load-more-wrap {
position: relative;
}
.inf-load-more-wrap a {
transition: all 0.2s ease-out;
}
.inf-loading a {
opacity: 0;
}
.inf-loading:before {
border-top-color: #222;
border-bottom-color: #222;
}
.inf-scr-masonry {
position: absolute;
}
.inf-scr-masonry a {
top: auto !important;
}
.load-more-wrap-1 {
padding: 20px 0;
text-align: center;
}
.no-more-wrap .load-more-wrap-2 {
display: none;
}
.block-more-1 {
font-weight: 700;
}
.block-more-1:hover i {
transform: translateX(-3px);
}
.block-more-2 {
margin-left: 3px;
}
.no-more {
opacity: 0.25;
pointer-events: none;
}
.block-changer {
opacity: 0.5;
}
.block-mm-init {
opacity: 1;
}
.block-changer.active {
opacity: 1;
}
.block-changer.active:before {
opacity: 1 !important;
}
.tipi-button.block-loader, .wpcf7-submit {
border-radius: 180px;
background: #18181e;
color: white;
height: 50px;
line-height: 50px;
border: 0;
padding: 0  90px;
}
.tipi-button.block-loader:hover, .wpcf7-submit:hover {
transform: translatey(-3px);
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
background: #18181e;
}
.custom-button__rounded-1.read-more {
border-radius: 180px;
}
.custom-button__rounded-2.tipi-button.block-loader, .custom-button__rounded-2.read-more {
border-radius: 3px;
}
.custom-button__rounded-3.tipi-button.block-loader, .custom-button__rounded-3.read-more {
border-radius: 0;
}
.custom-button__fill-2.tipi-button.block-loader, .custom-button__fill-2.read-more {
border: 2px solid;
background-color: transparent !important;
}
.custom-button__fill-2.tipi-button.block-loader {
line-height: 46px;
}
.block-wrap-search.search-form--centered .search {
margin-left: auto;
margin-right: auto;
}
.block-wrap-search.search-form__fill-2 .search-field {
border: 2px solid;
border-right: 0;
}
.block-wrap-search .search .search-field {
width: 100%;
padding: 0 20px;
}
.block-wrap-search .search button {
margin-left: auto;
padding: 0;
color: #fff;
flex-shrink: 0;
}
.custom-button__fill-1.tipi-button.block-loader, .custom-button__fill-1.read-more {
border: 0 !important;
}
.custom-button__size-2.tipi-button.block-loader {
line-height: 70px;
height: 70px;
width: 90%;
max-width: 770px;
font-size: 15px;
}
.custom-button__size-2.tipi-button.block-loader.custom-button__fill-2 {
line-height: 66px;
}
.read-more__special {
font-size: 10px !important;
display: inline-block;
}
.read-more__special i {
transition: 0.2s;
background: #000000;
color: white;
border-radius: 50%;
height: 12px;
display: inline-block;
width: 12px;
text-align: center;
line-height: 12px;
margin-right: 5px;
font-size: 10px;
}
.read-more.tipi-button {
height: auto;
line-height: 1;
padding: 10px 15px;
}
.custom-button__size-3.tipi-button.block-loader {
line-height: 40px;
height: 40px;
padding: 0 30px;
}
.custom-button__size-3.tipi-button.block-loader.custom-button__fill-2 {
line-height: 36px;
}
.block-skin-2 .excerpt {
color: #868686;
}
.block-skin-2 .preview-thumbnail .byline:not(.byline-cats-design-2):not(.byline-cats-design-4) .byline-part:not(.author-avatar) {
opacity: 1;
}
.block-skin-2 .tipi-button.block-more {
border: 1px solid #3a3a3a;
background: transparent;
}
.block-skin-2 .block-title-wrap-style .block-title:after, .block-skin-2 .block-title-wrap-style .block-title:before {
border-color: #fff;
}
.block-skin-2 .mask {
background: #272727;
}
.block-skin-2 .tipi-spin.tipi-row-inner-style:before {
border-color: #fff;
}
@media only screen and (max-width: 480px) {
.separation-border-style:not(.split-1) {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0;
}
.separation-border:not(.split-1) {
margin-bottom: 30px;
}
.split:not(.preview-thumbnail) .mask + .meta {
padding-top: 20px;
}
}
@media only screen and (min-width: 481px) { .cb-col-1 {
width: 100%;
}
.cb-col-2 {
width: 100%;
}
.cb-col-3 {
width: 100%;
}
.cb-col-4 {
width: 33.33333333%;
}
.cb-col-5 {
width: 100%;
}
.cb-col-6 {
width: 50%;
}
.cb-col-7 {
width: 100%;
}
.cb-col-8 {
width: 66.66666666%;
}
.cb-col-9 {
width: 100%;
}
.cb-col-10 {
width: 100%;
}
.cb-col-11 {
width: 100%;
}
.cb-col-12 {
width: 100%;
}
.cb-col-1,
.cb-col-2,
.cb-col-3,
.cb-col-4,
.cb-col-5,
.cb-col-6,
.cb-col-7,
.cb-col-8,
.cb-col-9,
.cb-col-10,
.cb-col-11,
.cb-col-12 {
float: left;
}
.cb-col:nth-of-type(1) {
padding-right: 20px;
}
.cb-col:nth-of-type(2) {
padding-left: 20px;
} .block-wrap-grid .block {
width: calc( 100% + 3px);
}
.block-wrap-grid .block .cb-m .cb-byline {
display: block;
} .block-half {
flex: 0 0 calc( 50% - 15px);
width: calc( 50% - 15px);
}
.split {
display: flex;
align-items: flex-start;
}
.split:not(.preview-thumbnail):last-of-type {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0;
}
.split:not(.preview-thumbnail) .mask {
flex: 0 0 34.666667%;
width: 34.666667%;
}
.split:not(.preview-thumbnail) .meta {
padding-left: 30px;
padding-right: 15px;
width: 100%;
}
.split:not(.preview-thumbnail) .meta:first-child {
padding-left: 0;
}
.preview-thumbnail {
align-items: center;
}
.block-wrap-classic:not(.ppl-s-2) .preview-thumbnail:last-of-type {
margin-bottom: 0 !important;
border-bottom: 0 !important;
}
.block-wrap-g-92 .block-piece-2 .preview-grid {
float: left;
width: 50%;
max-height: 50%;
}
.tipi-s-6 .img-shape-3 .mask {
padding-bottom: 137%;
} .gallery__slider .slider-arrow {
height: 60px;
width: 60px;
line-height: 60px;
font-size: 28px;
font-size: 20px;
}
.slider-nav {
height: 150px;
}
.slider-for, .slider-imgs {
height: 350px;
}
.title-contrast .slider-imgs {
height: 100%;
}
.user-page-box-1 .author-bio {
padding-top: 20px;
}
.user-page-box-1 .mask {
margin-right: 60px;
float: left;
width: 60px;
}
.user-page-box-1 .meta {
width: calc( 100% - 125px);
float: left;
position: relative;
}
.user-page-box-1 img:hover {
transform: translate3D(0, -3px, 0);
}
.user-page-box-1 .icons {
position: absolute;
top: 5px;
right: 0;
}
.user-page-box-2, .user-page-box-3, .user-page-box-4 {
width: calc( 50% - 15px);
}
.user-page-box-2:nth-child(odd), .user-page-box-3:nth-child(odd), .user-page-box-4:nth-child(odd) {
margin-right: 30px;
} .cb-col-1 {
width: 100%;
}
.cb-col-2 {
width: 100%;
}
.cb-col-3 {
width: 100%;
}
.cb-col-4 {
width: 33.33333333%;
}
.cb-col-5 {
width: 100%;
}
.cb-col-6 {
width: 50%;
}
.cb-col-7 {
width: 100%;
}
.cb-col-8 {
width: 66.66666666%;
}
.cb-col-9 {
width: 100%;
}
.cb-col-10 {
width: 100%;
}
.cb-col-11 {
width: 100%;
}
.cb-col-12 {
width: 100%;
}
.cb-col-1,
.cb-col-2,
.cb-col-3,
.cb-col-4,
.cb-col-5,
.cb-col-6,
.cb-col-7,
.cb-col-8,
.cb-col-9,
.cb-col-10,
.cb-col-11,
.cb-col-12 {
float: left;
}
.cb-col:nth-of-type(1) {
padding-right: 20px;
}
.cb-col:nth-of-type(2) {
padding-left: 20px;
} .block-wrap-grid .block {
width: calc( 100% + 3px);
}
.block-wrap-grid .block .cb-m .cb-byline {
display: block;
} .block-half {
flex: 0 0 calc( 50% - 15px);
width: calc( 50% - 15px);
}
.split {
display: flex;
align-items: flex-start;
}
.split:not(.preview-thumbnail):last-of-type {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0;
}
.split:not(.preview-thumbnail) .mask {
flex: 0 0 34.666667%;
width: 34.666667%;
}
.split:not(.preview-thumbnail) .meta {
padding-left: 30px;
padding-right: 15px;
width: 100%;
}
.split:not(.preview-thumbnail) .meta:first-child {
padding-left: 0;
}
.preview-thumbnail {
align-items: center;
}
.block-wrap-classic:not(.ppl-s-2) .preview-thumbnail:last-of-type {
margin-bottom: 0 !important;
border-bottom: 0 !important;
}
.block-wrap-g-92 .block-piece-2 .preview-grid {
float: left;
width: 50%;
max-height: 50%;
}
.tipi-s-6 .img-shape-3 .mask {
padding-bottom: 137%;
} .gallery__slider .slider-arrow {
height: 60px;
width: 60px;
line-height: 60px;
font-size: 28px;
font-size: 20px;
}
.slider-nav {
height: 150px;
}
.slider-for, .slider-imgs {
height: 350px;
}
.title-contrast .slider-imgs {
height: 100%;
}
.user-page-box-1 .author-bio {
padding-top: 20px;
}
.user-page-box-1 .mask {
margin-right: 60px;
float: left;
width: 60px;
}
.user-page-box-1 .meta {
width: calc( 100% - 125px);
float: left;
position: relative;
}
.user-page-box-1 img:hover {
transform: translate3D(0, -3px, 0);
}
.user-page-box-1 .icons {
position: absolute;
top: 5px;
right: 0;
}
.user-page-box-2, .user-page-box-3, .user-page-box-4 {
width: calc( 50% - 15px);
}
.user-page-box-2:nth-child(odd), .user-page-box-3:nth-child(odd), .user-page-box-4:nth-child(odd) {
margin-right: 30px;
}
}
@media only screen and (max-width: 767px) {
.cb-sidebar {
margin-bottom: 20px;
}
.cb-entry-content {
padding: 0 10px;
}
.cb-post-footer-block {
padding: 20px 10px;
}
.cb-next-previous .cb-title {
letter-spacing: 1px;
}
.cb-next-previous .cb-next-previous-block .cb-arrow {
display: none;
}
.cb-next-previous .cb-previous-post {
margin-bottom: 10px;
}
.cb-post-footer-block {
margin: 0 0 20px;
}
.tipi-xs-0 {
display: none;
}
.sticky-sb {
top: 0 !important;
}
.preview-grid:not(.img-shape-3) {
height: 50vw;
margin-bottom: 0;
border-right-width: 0;
}
.preview-grid:not(.img-shape-3) .mask {
height: 100%;
padding-bottom: 0 !important;
}
.img-shape-3 .mask {
padding-bottom: 90%;
}
.block-piece:last-of-type {
margin-top: 30px;
}
.block-wrap-grid .block-piece:last-of-type {
margin-top: 0;
}
.slider article {
padding-bottom: 50%;
}
.header .logo {
display: none;
}
.header.logo-area {
padding: 15px;
}
.header.logo-area .header-da {
margin-top: 0;
}
.slide .block-piece:first-of-type .preview-slider:first-of-type {
border-top: 0;
}
.slide .block-piece:last-of-type {
margin-top: 0;
}
.excerpt-mob-off .excerpt {
display: none;
}
.sidebars-mob-off .sidebar-wrap {
display: none;
}
.block-wrap-fs + .contents-wrap {
padding-top: 30px;
}
.byline .separator {
margin-right: 3px;
margin-left: 3px;
}
.hero-s .hero-wrap {
width: calc(100% + 30px);
left: -15px;
}
.hero-m .breadcrumbs-wrap, .hero-l .breadcrumbs-wrap {
padding-top: 15px;
}
.title-middle .hero-gallery + .meta-wrap {
padding: 0 80px;
}
.mob-fs {
padding-left: 0;
padding-right: 0;
}
.mob-fs .block-title-wrap {
padding-left: 15px;
padding-right: 15px;
}
.block-wrap-fs:not(.mob-fs) {
padding-left: 15px;
padding-right: 15px;
}
#sbi_images {
display: flex !important;
}
.sbi_type_image {
display: none !important;
}
.sbi_type_image:nth-child(1), .sbi_type_image:nth-child(2), .sbi_type_image:nth-child(3) {
display: block !important;
width: 100% !important;
}
.block-wrap-classic:not(.block-wrap-bs-62) .pagination {
padding-top: 20px;
}
.preview-thumbnail:last-of-type {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0;
}
}
@media only screen and (min-width: 768px) {
.onecol {
width: 5.801104972%;
}
.twocol {
width: 14.364640883%;
}
.threecol {
width: 22.928176794%;
}
.fourcol {
width: 31.491712705%;
}
.fivecol {
width: 40.055248616%;
}
.sixcol {
width: 48.618784527%;
}
.sevencol {
width: 57.182320438000005%;
}
.eightcol {
width: 65.74585634900001%;
}
.ninecol {
width: 74.30939226%;
}
.tencol {
width: 82.87292817100001%;
}
.elevencol {
width: 91.436464082%;
}
.twelvecol {
width: 99.999999993%;
}
.onecol,
.twocol,
.threecol,
.fourcol,
.fivecol,
.sixcol,
.sevencol,
.eightcol,
.ninecol,
.tencol,
.elevencol,
.twelvecol {
position: relative;
float: left;
margin-left: 2.762430939%;
}
.first {
margin-left: 0;
}
.last {
float: right;
} .cb-entry-content .cb-button a {
transition: all 0.35s;
}
.cb-entry-content .cb-button a:hover, .cb-entry-content .cb-button a:focus {
text-decoration: none !important;
background: #161616 !important;
}
.cb-entry-content .cb-button.cb-white a:hover, .cb-entry-content .cb-button.cb-white a:focus {
background: #f2f2f2 !important;
}
.cb-entry-content a:hover {
text-decoration: underline;
} .sidebar {
margin-top: 20px;
background: #f2f2f2;
margin-bottom: 20px;
}
.sidebar-left .main-block-wrap {
float: right;
}
.sidebar-off .main-block-wrap {
margin-left: auto;
margin-right: auto;
float: none;
}
.sidebar-off.layout-side-info .details-wrap {
text-align: left;
}
.sidebar-off.layout-side-info .details-wrap .sharer-11 a:first-of-type {
margin-left: 0;
}
.layout-side-info .block-da-post_before_content {
text-align: center;
margin: 30px 0;
}
.layout-side-info .entry-content-wrap {
width: calc( 100% - 165px);
margin-left: auto;
}
.layout-side-info .contents-wrap .main > article {
display: flex;
flex-wrap: wrap;
}
.details-wrap {
width: 165px;
padding-right: 30px;
font-size: 12px;
flex-wrap: wrap;
}
.details-wrap .cats .cat {
display: block;
margin-right: 0;
}
.details-wrap .share-it {
letter-spacing: 0;
}
.details-wrap .share-it a {
margin: 20px 0 0 !important;
}
.details-wrap .share-it .total-shares-count {
line-height: 1;
}
.details-wrap .share-it .share-button-content {
flex-wrap: wrap;
}
.details-wrap .share-it .social-count {
width: 100%;
padding: 0;
margin-top: 10px;
}
.details-wrap .title {
padding-right: 0;
display: block;
}
.details-wrap .title > span {
margin-bottom: 10px;
text-align: center;
display: block;
}
.details-wrap .total-shares-count {
font-size: 30px;
color: #000;
}
.details-wrap .total-shares-title {
font-size: 10px;
}
.details-wrap .sharer-9 a {
width: 100%;
font-size: 18px;
}
.details-wrap .detail {
margin-bottom: 30px;
}
.share-it-11 .title {
color: #aaa;
}
.detail + .sharer {
padding-right: 15px;
padding-left: 15px;
padding-top: 30px;
position: relative;
}
.detail + .sharer:before {
height: 2px;
background-color: #eee;
width: 50%;
left: 25%;
top: 0;
position: absolute;
content: '';
}
.side-author__wrap {
text-align: center;
}
.side-author__wrap .mask + .meta {
padding-top: 15px;
}
.side-author__wrap img {
border-radius: 50%;
width: 70px;
}
.side-author__wrap .job-title {
width: 100%;
display: block;
margin-top: 3px;
opacity: 0.5;
}
.side-related__wrap .read-more__special {
margin-top: 15px !important;
}
.side-related__wrap .meta:hover i {
transform: translatex(2px);
}
.side-related__wrap .mask {
width: 100%;
}
.side-related__wrap article {
flex-wrap: wrap;
margin-bottom: 15px;
padding-bottom: 0;
border-bottom: 0;
}
.side-related__wrap article .mask + .meta {
padding-left: 0;
}
.side-related__wrap article .meta {
margin-top: 10px;
}
.side-related__wrap article .meta .title {
font-size: 12px;
}
.details {
width: 100%;
}
.details--bot {
padding-top: 30px;
}
.details-no-sb .details-wrap {
width: 165px;
padding-right: 45px;
}
.sidebar-off-wide .main-block-wrap {
width: 100%;
}
.article-layout-32 .tipi-m-8 {
width: calc( 66.6666% + 65px);
} .sticky-el:not(.sticky-sb) {
position: -webkit-sticky;
position: sticky;
top: 30px;
}
.sticky-sb {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1;
}
.admin-bar .sticky-menu-3.slidedown {
top: 32px;
}
.admin-bar .sticky-menu-1 .stuck {
top: 32px !important;
}
.admin-bar .sticky-menu-2.stuck,
.admin-bar .sticky-top,
.admin-bar .sticky-menu-3 .slidedown {
top: 32px !important;
}
.sticky-menu-1.logo-only-when-stuck .main-menu-logo {
margin-right: 0;
transform: translate3d(-30px, 0, 0);
}
.stuck .main-menu-logo, .logo-only-when-stuck.stuck .main-menu-logo, .logo-only-when-stuck.slidedown .main-menu-logo {
margin-right: 20px;
opacity: 1;
width: 100%;
transform: translate3d(0, 0, 0);
}
.logo-menu-wrap {
float: left;
}
.logo-menu-wrap .main-menu-logo {
margin-right: 20px;
padding-left: 5px;
transition: opacity 0.2s, transform 0.2s;
}
.logo-only-when-stuck .main-menu-logo {
margin-right: 0;
opacity: 0;
width: 0;
padding-left: 0;
}
.main-navigation.wrap.stuck:not(.slidedown) {
max-width: none;
padding: 0;
}
.main-navigation.wrap.stuck.slidedown .main-menu-wrap {
padding: 0;
} .cb-with-large {
width: 100%;
text-align: center;
}
.cb-large {
height: 90px;
padding: 0;
margin-top: 15px;
}
.cb-medium {
width: 468px;
height: 60px;
} .cb-wrap-off .main-navigation .cb-nav-bar-wrap {
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
}
.cb-only-mob-menu {
display: none;
}
.main-menu-c .main-menu-wrap {
justify-content: center;
}
.main-menu-c .main-menu-wrap .logo-menu-wrap, .main-menu-c .main-menu-wrap .menu-icons {
flex: 1;
}
.main-menu-c .main-menu-wrap .logo-menu-wrap {
text-align: left;
}
.main-menu-wrap .menu-icons {
justify-content: flex-end;
text-align: right;
margin-left: auto;
}
.main-menu-wrap > ul > li > a {
padding-left: 6px;
padding-right: 6px;
} .cb-body-light .widget_tag_cloud a:hover,
.cb-body-light .tags-title:hover,
.cb-body-light .bbp-topic-tags a:hover {
background: #161616;
color: #fff;
}
.cb-body-dark .widget_tag_cloud a:hover,
.cb-body-dark .tags-title:hover,
.cb-body-dark .bbp-topic-tags a:hover {
color: #fff;
border-color: #fff;
}
.widget_tag_cloud a,
.tags-title,
.bbp-topic-tags a {
transition: 0.25s ease all;
} .site-footer #cb-widgets {
padding: 60px 0;
}
.site-footer #cb-widgets > div {
padding-top: 20px;
}
.site-footer .cb-footer-a .cb-one {
width: 33%;
}
.site-footer .cb-footer-a .cb-two {
width: 34%;
}
.site-footer .cb-footer-a .cb-three {
width: 33%;
}
.site-footer .cb-footer-b .cb-one {
width: 25%;
}
.site-footer .cb-footer-b .cb-two {
width: 25%;
}
.site-footer .cb-footer-b .cb-three {
width: 25%;
}
.site-footer .cb-footer-b .cb-four {
width: 25%;
}
.site-footer .cb-footer-c .cb-one {
width: 44%;
}
.site-footer .cb-footer-c .cb-two {
width: 28%;
}
.site-footer .cb-footer-c .cb-three {
width: 28%;
}
.site-footer .cb-footer-d .cb-one {
width: 28%;
}
.site-footer .cb-footer-d .cb-two {
width: 28%;
}
.site-footer .cb-footer-d .cb-three {
width: 44%;
}
.site-footer .cb-footer-f .cb-one {
width: 50%;
}
.site-footer .cb-footer-f .cb-two {
width: 50%;
}
.site-footer .codetipi-15zine-widget {
margin: 0 20px;
padding-bottom: 80px;
}
.site-footer .codetipi-15zine-widget:last-child {
padding-bottom: 0;
}
.site-footer .cb-footer-lower {
padding: 100px 0 50px;
font-size: 12px;
letter-spacing: 4px;
}
.site-footer .cb-footer-lower #sb_instagram {
margin: 0 -10px;
} .cb-next-previous {
text-align: left;
padding: 30px 20px;
}
.cb-next-previous .cb-next-previous-block {
width: 50%;
float: left;
}
.cb-next-previous .cb-next-post {
text-align: right;
padding-top: 0;
padding-left: 10px;
}
.cb-next-previous .cb-next-post img {
float: right;
margin: 0 0 0 30px;
}
.cb-next-previous .cb-previous-post {
padding-right: 10px;
}
.cb-next-previous .cb-previous-post img {
float: left;
margin: 0 30px 0 0;
}
.singular-block-header .title {
font-size: 24px !important;
margin: 0 0 40px;
}
.cb-color-buttons a {
transition: 0.25s ease transform;
}
.cb-color-buttons a:hover {
transform: translateY(-3px);
} .commentlist .comment-content, .commentlist .alert p, .commentlist .reply {
padding-left: 95px;
} .author-box .mask:hover img {
opacity: 0.9;
}
.author-box .meta {
padding-left: 20px;
}
.cb-style-1 .cb-mask img {
transition: all 0.35s;
}
.cb-style-1 .cb-mask img:hover {
opacity: 0.6;
}
.cb-underline-h .cb-meta a:hover {
border-bottom: 1px solid #999;
}
.tags a {
transition: 0.2s;
}
.tags a:hover {
transform: translateY(-2px);
} .cb-entry-content .alignleft {
margin: 0 30px 30px 0;
max-width: 50%;
}
.cb-entry-content .alignright {
margin: 0 0 30px 30px;
max-width: 50%;
} .block-wrap.block-wrap-g-93:first-of-type .block:first-of-type article:first-of-type {
border-top-width: 0;
}
.block-wrap.block-wrap-g-82:first-of-type .block:first-of-type .grid-spacing:nth-child(1), .block-wrap.block-wrap-g-82:first-of-type .block:first-of-type .grid-spacing:nth-child(2) {
border-top-width: 0;
}
.block--feature.block-wrap-g-82 article {
border-top-width: 0;
}
.block-wrap-g-82 article .mask {
padding-bottom: 75%;
}
.block-wrap-g-93 .cb-l, .block-wrap-55 .cb-l {
height: 100%;
}
.block-wrap-g-93 .title-s .mask, .block-wrap-55 .title-s .mask {
padding-bottom: 40%;
}
.block-wrap-53 .slider:not(.flickity-enabled) {
padding-bottom: 25%;
}
.block-wrap-55 .slider:not(.flickity-enabled) {
padding-bottom: 53.6%;
}
.block-wrap-55 .slide {
margin-right: 3px;
}
.block-wrap-55 .preview-grid:first-of-type {
border-top: 0;
}
.block-wrap-55:not(.block--feature) .cb-l {
border-top: 0;
}
.block-wrap-55:not(.block--feature) .title-s {
border-right: 0;
}
.block-wrap-55:not(.block--feature) .title-s:first-of-type {
border-top: 0;
}
.block-wrap-f .grid-spacing {
border: 0;
}
.block-wrap-d .preview-classic {
margin-bottom: 30px;
padding-bottom: 30px;
}
.section-b .contains-blocks, .section-g .contains-blocks {
padding-top: 30px;
} .title-s .title {
font-size: 16px;
}
.title-m .title, .title-l .title, .title-xl .title {
letter-spacing: 1px;
font-size: 20px;
} .site-header .logo-main {
margin-right: 20px;
}
.main-menu-l .menu-icons {
margin-left: auto;
} .tipi-trending-icon {
line-height: 0.9em;
}
.main-menu-wrap .codetipi-15zine-i-user {
line-height: 0.9em;
}
.dropper .tipi-basket-wrap.sub-menu .tipi-buttons .tipi-button {
font-size: 11px;
}
.dropper a[href="#"]:not(.block-more):not(.open-child):active {
pointer-events: none;
}
.sub-menu {
background: #161616;
}
.sub-menu a:not(.tipi-button) {
padding: 7px 30px;
margin-bottom: 5px;
display: block;
transition: all 0.3s;
line-height: 1.6;
font-size: 12px;
text-transform: none;
letter-spacing: 1px;
text-transform: uppercase;
}
.sub-menu a:not(.tipi-button):hover {
transform: translatex(3px);
opacity: 0.7;
}
.sub-menu .tipi-button {
font-size: 11px;
}
.sub-menu .tipi-buttons .tipi-button:hover {
transform: translatey(-2px);
}
.sub-menu > li > .sub-menu {
transition: all 0.3s;
}
.sub-menu > li:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translatey(0);
}
.sub-menu .menu-item-has-children > a:after {
content: '\e905';
font-family: 'codetipi-15zine';
position: absolute;
right: 25px;
margin-top: 2px;
}
.sub-menu li {
border-bottom: 1px dotted #333;
}
.sub-menu li:last-of-type {
border-bottom-color: transparent;
}
.menu-secondary .standard-drop:hover > .sub-menu, .menu-secondary .standard-drop:hover .menu-wrap > .sub-menu {
opacity: 1;
visibility: visible;
}
.standard-drop > .sub-menu {
min-width: 250px;
padding: 20px 0;
}
.standard-drop > .sub-menu > li {
position: relative;
}
.standard-drop > .sub-menu .sub-menu {
padding: 0;
top: 0;
left: 100%;
}
.standard-drop li {
border-bottom: 0;
}
.standard-drop .sub-menu {
position: absolute;
opacity: 0;
visibility: hidden;
z-index: 4;
}
.standard-drop .sub-menu > li > .sub-menu {
transform: translatex(-15px);
}
.standard-drop .sub-menu > li:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translatey(0);
}
.mm-skin-1 .menu-wrap-minus-10 .sub-menu, .mm-skin-1 .mm-art .menu-wrap {
background: #f2f2f2;
}
.mm-skin-1 .mm-art .sub-menu {
background: #eee;
}
.mm-skin-2 .stack-design-3 .meta {
background: #161616;
}
.mm-skin-2 .codetipi-15zine-lazy-load-base {
background: #252627;
}
.mm-skin-2 .mm-art .menu-wrap {
background: #161616;
}
.mm-skin-2 .mm-art .menu-wrap .mask {
background: #161616;
}
.mm-skin-2 .mm-art .menu-wrap .block-skin-0 .tipi-arrow {
color: #fff;
border-color: #fff;
}
.mm-skin-2 .mm-art .menu-wrap .block-skin-0 .tipi-arrow i:after {
background: #fff;
}
.mm-skin-2 .mm-art .sub-menu {
background: #111;
}
.mm-skin-2 .mm-art .sub-menu a {
color: #fff;
}
.mm-skin-2 .mm-art .preview-thumbnail {
border-bottom-color: #333;
}
.mm-skin-2 .dropper .tipi-spin.tipi-row-inner-style:before {
border-color: #fff;
}
.mm-skin-2 .dropper .menu, .mm-skin-2 .dropper .menu a, .mm-skin-2 .dropper .menu .byline {
color: #fff;
}
.mm-skin-2 .dropper .block-title, .mm-skin-2 .dropper .block-title a {
color: #fff;
}
.mm-skin-2 .mm-1 .menu-item-has-children > a:after {
border-left-color: #b0b3b9;
}
.mm-skin-2 .mm-2 .menu-item-has-children > a:after {
border-top-color: #b0b3b9;
}
.mm-skin-3 .sub-menu li {
border-bottom: 0;
}
.mm-skin-3 .codetipi-15zine-lazy-load-base:not(.codetipi-15zine-lazy-loaded) {
opacity: 0.4;
}
.mm-skin-3 .mm-sb-top .menu-wrap > .sub-menu {
border-bottom: 1px solid #f1f1f1;
}
.mm-skin-3 .menu-wrap-more-10 {
border: 1px solid #f1f1f1;
border-top: 0;
}
.mm-skin-3 .menu-wrap-minus-10 .sub-menu, .mm-skin-3 .mm-art .menu-wrap, .mm-skin-3 .mm-art .sub-menu {
background: #fff;
color: #111;
}
.mm-skin-3 .mm-art .block-title, .mm-skin-3 .mm-art .meta .title {
color: #111;
}
.main-navigation-border .menu-wrap-minus-10 > .sub-menu {
margin-top: -3px;
border-top: 5px transparent solid;
}
.mm-skin-1 .codetipi-15zine-lazy-load-base, .mm-skin-3 .codetipi-15zine-lazy-load-base {
background: #eee;
}
.mm-skin-1 .menu-wrap .block-title, .mm-skin-3 .menu-wrap .block-title {
color: #222;
}
.mm-skin-1 .menu-wrap .block-subtitle, .mm-skin-3 .menu-wrap .block-subtitle {
color: #777;
}
.mm-skin-1 .menu-wrap .tipi-arrow, .mm-skin-3 .menu-wrap .tipi-arrow {
color: #111;
border-color: #111;
}
.mm-skin-1 .menu-wrap .tipi-arrow i:after, .mm-skin-3 .menu-wrap .tipi-arrow i:after {
background: #111;
}
.mm-skin-1 .sub-menu li, .mm-skin-3 .sub-menu li {
border-bottom-color: #e5e5e5;
}
.mm-skin-1 .mm-2 .sub-menu .sub-menu, .mm-skin-3 .mm-2 .sub-menu .sub-menu {
border-top-color: #e5e5e5;
}
.mm-skin-1 .menu-item-has-children.mm-sb-left .menu-wrap > .sub-menu .sub-menu, .mm-skin-3 .menu-item-has-children.mm-sb-left .menu-wrap > .sub-menu .sub-menu {
border-left-color: #e5e5e5;
}
.drop-it > .menu, .sub-menu .sub-menu, .drop-it > a:before {
opacity: 0;
visibility: hidden;
}
.drop-it .preview-mini-wrap:hover .extras {
opacity: 1;
}
.drop-it .block-wrap, .drop-it .sub-menu {
border-top: 5px transparent solid;
}
.drop-it .block-wrap {
padding: 40px !important;
}
.drop-it .block-wrap .block-title-wrap {
display: flex;
align-items: flex-end;
margin-top: -10px;
}
.drop-it .block-wrap .block-title-wrap .load-more-wrap-2 {
margin-top: 0;
}
.drop-it .block-wrap .block-title-wrap .see-all {
margin-left: auto;
}
.drop-it .block-wrap .tipi-m-typo .title {
font-size: 1.2rem;
}
.drop-it .block-wrap:not(.tile-design-4) .block-61, .drop-it .block-wrap:not(.tile-design-4) .block-79 {
margin-bottom: -10px;
}
.drop-it article .price {
font-size: 1rem;
opacity: 0.65;
font-weight: 400;
margin-top: 7px;
}
.drop-it .block-title-wrap .block-title {
font-size: 2rem;
line-height: 1;
}
.drop-it .block-title-wrap .block-subtitle {
display: none;
font-size: 1rem;
margin-top: 5px;
}
.drop-it .block-title-wrap .filters {
position: relative;
display: flex;
flex-shrink: 0;
align-items: center;
}
.drop-it .only-filters .filters {
width: 100%;
justify-content: center;
}
.drop-it .only-filters .filters .sorter {
text-align: center;
width: 100%;
}
.drop-it .block-title:after, .drop-it .block-title:before {
display: none;
}
.drop-it .block-wrap:not(.tile-design-4) .preview-classic .title-wrap {
text-align: center;
}
.drop-it .block-wrap:not(.tile-design-4) .preview-classic .title-wrap .title {
font-size: 1rem;
padding-top: 20px;
}
.drop-it .block-wrap:not(.tile-design-4) .preview-classic .title-wrap .subtitle {
font-size: 0.9rem;
}
.drop-it .block-wrap:not(.tile-design-4) .preview-classic article .price {
opacity: 0.7;
font-size: 1rem;
}
.drop-it .tile-design-4 .meta {
pointer-events: none;
}
.drop-it .tile-design-4 .title {
padding: 0 !important;
}
.drop-it .classic-title-overlay .block-piece-1 article:not(.preview-79):not(.preview-71) .title, .drop-it .classic-title-overlay .block-67 article:not(.preview-79):not(.preview-71) .title, .drop-it .tile-design-4 article:not(.preview-79):not(.preview-71) .title {
line-height: 1.3333;
font-size: 1.5rem;
}
.drop-it .block-title-wrap {
opacity: 0;
transition: 0.3s opacity ease-out;
}
.drop-it .article-ani-1.article-window {
opacity: 0;
}
.drop-it.active article {
opacity: 0;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
animation-duration: 0.3s;
}
.drop-it.active .block-ani-l article {
animation-name: tipiSlideLeftOpa;
}
.drop-it.active .block-ani-r article {
animation-name: tipiSlideRightOpa;
}
.drop-it.active.active-1 article {
animation-name: tipiSlideDownOpa;
}
.drop-it.active article {
animation-delay: 0.2s;
}
.drop-it.active .block-title-wrap {
opacity: 1;
transition-delay: 0.2s;
}
.mm-ani-0 .drop-it:hover .block-title-wrap {
opacity: 1;
}
.mm-ani-0 .drop-it:hover article {
opacity: 0;
animation-name: tipiSlideDownOpa;
}
.main-menu-bar-color-2 .dropper > a {
position: relative;
}
.main-menu-bar-color-2 .dropper > a:before {
position: absolute;
bottom: 0;
left: 50%;
transform: translate3d(0, 5px, 0);
content: '';
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #161616;
opacity: 0;
margin-left: -7px;
}
.main-menu-bar-color-2 .dropper .dropper a:before {
display: none;
}
.main-menu-bar-color-2 .main-navigation .standard-drop > a:before, .main-menu-bar-color-2 .main-navigation .mm-51 > a:before, .main-menu-bar-color-2 .main-navigation .mm-2 > a:before, .main-menu-bar-color-2 .main-navigation .trending-inline > a:before {
border-bottom-color: #212121 !important;
}
.mm-ani-0 .dropper:hover > .menu, .mm-ani-0 .dropper:hover .mm-51 .sub-menu {
opacity: 1;
visibility: visible;
}
.mm-ani-0 .standard-drop:hover > .sub-menu, .mm-ani-0 .standard-drop:hover .menu-wrap > .sub-menu {
opacity: 1;
visibility: visible;
}
.mm-ani-0.main-menu-bar-color-1 .main-menu > .dropper:hover > a {
color: #fff;
}
.mm-ani-0.main-menu-bar-color-2 .dropper:hover > a:before {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
}
.main-menu-bar-color-1 .current-menu-item > a {
color: #fff;
background: #212121;
}
.mm-ani-1 .dropper > a:before {
transition: 0.2s all;
}
.mm-ani-1 .standard-drop.active .menu-wrap > .sub-menu, .mm-ani-1 .active.dropper > .menu, .mm-ani-1 .active.dropper .mm-51 .sub-menu {
opacity: 1;
visibility: visible;
}
body:not(.menu-no-color-hover) .mm-ani-1:not(.main-menu-bar-color-2) .main-menu > .standard-drop:hover > a {
background: #212121;
color: #fff;
}
.active.dropper:hover > .tipi-basket-wrap.menu {
opacity: 1 !important;
}
.mm-ani-1 .dropper > .menu, .mm-ani-1 .main-menu > li > a, .mm-ani-1 .standard-drop .sub-menu, .mm-ani-2 .dropper > .menu, .mm-ani-2 .main-menu > li > a, .mm-ani-2 .standard-drop .sub-menu {
transition: 0.2s all;
}
.mm-ani-1 .menu--active .dropper > .menu, .mm-ani-1 .menu--active .main-menu > li > a, .mm-ani-1 .menu--active .standard-drop .sub-menu, .mm-ani-2 .menu--active .dropper > .menu, .mm-ani-2 .menu--active .main-menu > li > a, .mm-ani-2 .menu--active .standard-drop .sub-menu {
transition: none;
}
.mm-ani-1 .dropper > a:before, .mm-ani-2 .dropper > a:before, .mm-ani-3 .dropper > a:before {
transition: 0.2s all;
}
.mm-ani-1.main-menu-bar-color-2 .dropper.active > a:before, .mm-ani-2.main-menu-bar-color-2 .dropper.active > a:before, .mm-ani-3.main-menu-bar-color-2 .dropper.active > a:before {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
}
.mm-ani-2 .dropper > a:before {
transition-delay: 0.1s;
}
.mm-ani-2 .dropper > .menu {
transform: translate3d(-50%, 15px, 0);
}
.mm-ani-2 .dropper > .tipi-basket-wrap {
transform: translate3d(-50%, 15px, 0);
}
.mm-ani-2 .dropper.active > .menu {
transform: translate3d(-50%, 0, 0);
}
.mm-ani-2 .dropper.active > .tipi-basket-wrap {
transform: translate3d(-50%, 0, 0);
}
.mm-ani-2 .standard-drop.active .menu-wrap > .sub-menu {
transform: translate3d(0, 0, 0);
}
.mm-ani-2 .active.dropper > .menu, .mm-ani-2 .standard-drop.active .menu-wrap > .sub-menu, .mm-ani-2 .active.dropper .mm-51 .sub-menu {
opacity: 1;
visibility: visible;
}
.mm-ani-3 .standard-drop.active > .sub-menu {
opacity: 1;
visibility: visible;
}
.mm-ani-3 .main-menu > li > a {
transition: 0.2s all ease-out;
}
.mm-ani-3 .drop-it > .menu, .mm-ani-3 .main-menu .standard-drop .menu-wrap > .sub-menu {
opacity: 1;
}
.mm-1 {
position: absolute;
top: 100%;
}
.mm-1 .menu-wrap {
left: -15px;
}
.mm-1 li {
border-bottom: 0;
}
.mm-1 .sub-menu {
min-width: 250px;
padding: 20px 0;
}
.mm-1 .sub-menu .sub-menu {
top: -20px;
border: 0;
left: 100%;
}
.mm-1 li {
width: 100%;
}
.mm-1 .menu-item-has-children {
position: relative;
}
.mm-2 .sub-menu {
text-align: center;
width: 100%;
left: 0;
width: 100%;
top: 100%;
padding: 15px 0;
position: absolute;
}
.mm-2 .sub-menu a {
padding: 15px;
}
.mm-2 .sub-menu a:hover {
transform: translatey(3px);
}
.mm-2 .sub-menu .menu-item-has-children > a:after {
position: relative;
top: 2px;
left: 0;
content: '\e909';
}
.mm-2 .sub-menu li {
border-bottom: 0;
display: inline-block;
}
.mm-2 .sub-menu .sub-menu {
border-top: 1px dotted #2d2d2d;
}
.mm-2 .dropper:hover > .sub-menu {
opacity: 1;
visibility: visible;
}
.menu-wrap-more-10 {
flex-direction: row-reverse;
}
.menu-wrap-more-10 .block-wrap {
width: 100%;
}
.mm-art > .menu {
position: absolute;
z-index: 10;
width: 100%;
left: 50%;
transform: translateX(-50%);
top: 100%;
margin-top: -3px;
}
.mm-art > .menu .preview-classic {
padding-bottom: 0;
border-bottom: 0;
}
.mm-art > .menu .meta {
text-align: center;
}
.mm-art > .menu .meta .title {
margin: 0;
font-size: 14px;
}
.mm-art > .menu .block-wrap .block-inner-style {
margin-bottom: 0;
}
.mm-art article .mask img {
transition: 0.35s;
}
.mm-art article .mask:hover img {
opacity: 0.6;
}
.mm-submenu-1 .sub-menu li {
border-bottom: 0;
}
.mm-submenu-1 .menu-item-has-children.mm-sb-left .menu-wrap > .sub-menu .sub-menu {
border-left-color: #fff;
}
.mm-51 .sub-menu {
transition: 0.2s all;
text-align: center;
}
.mm-51 .sub-menu a:not(.tipi-button) {
padding: 10px 20px;
}
.mm-51 .sub-menu .menu-item-has-children > a:after {
display: none;
}
.mm-51 .sub-menu .sub-menu {
background: transparent !important;
}
.mm-51 .menu-wrap > .sub-menu {
display: flex;
padding: 30px;
}
.mm-51 .menu-wrap > .sub-menu > li {
flex-grow: 1;
padding: 0 15px;
text-align: center;
}
.mm-51 .menu-wrap > .sub-menu > li:last-of-type {
padding-right: 0;
}
.mm-51 .menu-wrap > .sub-menu > li:first-of-type {
padding-left: 0;
}
.mm-51 .menu-wrap > .sub-menu > li > a {
text-transform: uppercase;
font-weight: 700;
}
.mm-51 .menu-wrap > .sub-menu > li > a:hover {
transform: translatex(0);
opacity: 1;
}
.mm-51 .menu-wrap > .sub-menu li a {
display: inline-block;
}
.mm-51 .menu-wrap > .sub-menu .sub-menu li a {
letter-spacing: 0;
}
.menu-item-has-children.mm-sb-left .menu-wrap > .sub-menu {
float: left;
width: 25%;
padding-top: 30px;
}
.menu-item-has-children.mm-sb-left .menu-wrap > .sub-menu .dropper {
position: relative;
}
.menu-item-has-children.mm-sb-left .menu-wrap > .sub-menu a:not(.tipi-button) {
padding: 10px 30px;
}
.menu-item-has-children.mm-sb-left .menu-wrap > .sub-menu .sub-menu {
padding: 0;
min-width: 250px;
left: 100%;
transform: translateX(0);
top: 0;
position: absolute;
border-left: 1px dotted #2d2d2d;
}
.menu-item-has-children.mm-sb-left .ppl-m-4 .meta .title, .menu-item-has-children.mm-sb-left .ppl-m-5 .meta .title {
font-size: 12px;
}
.menu-item-has-children.mm-sb-left .block-wrap {
padding: 30px;
float: right;
width: 75%;
}
.menu-item-has-children.mm-sb-left .block-wrap .block-title-wrap {
margin-top: 0;
}
.menu-item-has-children.mm-sb-left .block-wrap .block-61, .menu-item-has-children.mm-sb-left .block-wrap .block-79 {
margin-bottom: 0;
}
.mm-sb-top .menu-wrap-more-10 {
flex-direction: column-reverse;
}
.mm-sb-top .sub-menu li {
display: inline-block;
position: relative;
}
.mm-sb-top .sub-menu li li {
display: block;
}
.mm-sb-top .sub-menu {
left: 0;
width: 100%;
}
.mm-sb-top .menu-wrap > .sub-menu {
padding: 0 30px;
border-top: 5px transparent solid;
}
.mm-sb-top .menu-wrap > .sub-menu > li > a {
padding: 0 10px;
}
.mm-sb-top .menu-wrap > .sub-menu > li > a:hover {
transform: translatey(3px);
}
.mm-sb-top .menu-wrap > .sub-menu > .menu-item-has-children > a:after {
content: '\e909';
position: static;
}
.mm-sb-top .menu-wrap > .sub-menu > li {
padding: 20px 0;
border-bottom: 0;
}
.mm-sb-top .menu-wrap > .sub-menu > li > .sub-menu {
top: 100%;
}
.main-menu-bar-color-1 .main-menu > .dropper {
transition: transform cubic-bezier(0, 0, 0.3, 1) 0.2s;
}
.main-menu-bar-color-1 .main-menu > .dropper.active:not(.current-menu-item) > a {
color: #fff;
background-color: #161616;
}
.main-menu-bar-color-1 .main-menu > .dropper.active:not(.current-menu-item) > a .tipi-cart-count {
color: #111;
}
.mm-sb-top.menu-item-has-children .menu-wrap > .block-wrap {
border-top: 0;
}
.main-navigation .horizontal-menu > li {
display: flex;
align-items: center;
}
.main-navigation-border {
border-bottom: 3px solid #161616;
}
.article-ani-2, .article-ani-3 {
transition: transform 0.3s ease-out;
}
.article-ani-2:not(.article-window) {
transform: translate3d(0, 45px, 0);
}
.article-ani-3:not(.article-window) {
transform: translate3d(45px, 0, 0);
}
.article-ani-1 img {
transition: opacity 0.3s;
}
.article-ani-1 .mask:hover img {
opacity: 0.6;
}
.article-ani-1:not(.article-window) img {
opacity: 0;
}
.shop-empty-cart .article-ani-1:not(.article-window) img {
opacity: 1;
}
.filter-wrap-2 .article-ani {
opacity: 1;
} .slider-height-m.slider-for, .slider-height-m.slider-imgs {
height: 600px;
}
.title-beneath.hero-s .meta-wrap {
padding-top: 30px;
}
.title-beneath.hero-s .breadcrumbs-wrap + .meta-wrap {
padding-top: 10px;
}
.title-middle-bl.hero-m .meta-wrap {
padding-bottom: 30px;
}
.title-middle-bl.hero-s .meta-wrap {
padding: 30px;
}
.title-middle-bl.hero-m .hero-wrap .media-tr, .title-middle-bl.hero-l .hero-wrap .media-tr {
position: absolute;
bottom: 100%;
left: 0;
margin-left: 30px;
margin-bottom: 30px;
} .user-page-box-3 {
width: calc( 33% - 20px);
margin-right: 30px;
}
.user-page-box-3:nth-child(odd) {
margin-right: 30px;
}
.user-page-box-3:nth-child(3n) {
margin-right: 0;
}
.user-page-box-4 {
width: calc( 25% - 23px);
margin-right: 30px;
}
.user-page-box-4:nth-child(odd) {
margin-right: 30px;
}
.user-page-box-4:nth-child(4n) {
margin-right: 0;
} .tipi-m-0 {
display: none;
}
.tipi-m-1 {
width: 8.333333333333333%;
}
.tipi-m-2 {
width: 16.66666666666667%;
}
.tipi-m-3 {
width: 25%;
}
.tipi-m-4 {
width: 33.33333333333333%;
}
.tipi-m-5 {
width: 41.66666666666667%;
}
.tipi-m-6 {
width: 50%;
}
.tipi-m-7 {
width: 58.33333333333333%;
}
.tipi-m-8 {
width: 66.66666666666667%;
}
.tipi-m-9 {
width: 75%;
}
.tipi-m-10 {
width: 83.33333333333333%;
}
.tipi-m-11 {
width: 91.66666666666667%;
}
.tipi-m-12 {
width: 100%;
}
.tipi-cols {
margin-left: -15px;
margin-right: -15px;
width: calc( 100% + 30px);
}
.side-spacing {
padding-left: 30px;
padding-right: 30px;
}
.tipi-col {
padding-right: 15px;
padding-left: 15px;
}
.tipi-col-a {
padding-left: 0;
}
.tipi-col-z {
padding-right: 0;
}
.ppl-m-3 article {
flex: 0 0 calc( 100% / 3 - 20px);
width: calc( 100% / 3 - 20px);
}
.ppl-m-3 article:nth-last-child(-n+3) {
margin-bottom: 0;
}
.ppl-m-4 article {
flex: 0 0 calc( 25% - 90px / 4);
width: calc( 25% - 22px);
}
.ppl-m-4 article:nth-last-child(-n+4) {
margin-bottom: 0;
}
.ppl-m-5 article {
flex: 0 0 calc( 20% - 50px / 5);
width: calc( 20% - 10px);
}
.ppl-m-5 article:nth-last-child(-n+5) {
margin-bottom: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
.sidebar .preview-thumbnail .mask {
width: 40px;
}
}
@media only screen and (max-width: 1019px) {
.tipi-m-0-down {
display: none;
}
.mob-fi-tall .meta__over-hero:not(.md-11):not(.format-gallery):not(.hero-m) .hero-wrap {
height: calc( 100vh - 60px) !important;
}
.mob-fi-tall .meta__over-hero:not(.md-11):not(.format-gallery):not(.hero-m) .hero-wrap .hero {
height: 100vh;
max-height: 100vh;
}
.mob-fi-tall .meta__over-hero:not(.md-11):not(.format-gallery):not(.hero-m) .hero-wrap .hero img {
height: 100%;
}
.mob-fi-tall .meta__over-hero:not(.md-11):not(.format-gallery):not(.hero-m) .hero-wrap .parallax .hero img {
margin-top: 0;
}
.entry-content .alignleft, .entry-content .alignright {
max-width: 50%;
}
.cb-social-sharing .cb-title {
float: none;
font-size: 16px;
text-align: center;
}
.cb-social-sharing .cb-sharing-button {
margin-left: 15px;
margin-top: 10px;
}
.cb-social-sharing .cb-twitter {
margin-left: 0;
}
.cb-social-sharing .cb-sharing-buttons {
float: none;
display: block;
text-align: center;
}
.cb-social-sharing.cb-color-buttons a {
width: 48%;
margin-right: 4%;
}
.cb-social-sharing.cb-color-buttons a:nth-child(2n + 2) {
margin-right: 0;
}
.site-mob-menu-a-4 .site-inner:after, .site-mob-menu-a-4 .site-content, .site-mob-menu-a-4 .site-footer {
transition: opacity 1s cubic-bezier(0.2, 1, 0.3, 1);
}
.site-mob-menu-a-4 .still:not(.stuck) {
transition: all 1s cubic-bezier(0.2, 1, 0.3, 1) !important;
}
.site-mob-menu-a-4 .mob-bot-share, .site-mob-menu-a-4 .site-mob-header.sticky-menu-2.stuck, .site-mob-menu-a-4 .site-mob-header, .site-mob-menu-a-4 .site-inner, .site-mob-menu-a-4 .sticky-menu-2 .stuck.active, .site-mob-menu-a-4 .sticky-menu, .site-mob-menu-a-4 .codetipi-15zine-instagram-block {
transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
}
.dt-header-da {
display: block;
text-align: center;
}
.dt-header-da .bg-area {
padding: 20px 0;
}
.dt-header-da .block-da.tipi-flex-right {
margin-right: auto;
text-align: center;
padding-left: 15px;
padding-right: 15px;
}
.dt-header-da ~ .builder-container .section-a:first-of-type {
padding-top: 0;
}
.dt-header-da ~ .contents-wrap .title-above.hero-m .meta-wrap, .dt-header-da ~ .contents-wrap .title-above-c.hero-m .meta-wrap {
padding-top: 0;
}
.header__da--mob-off .dt-header-da {
display: none;
}
.site-header-block .logo-main, .site-header-block .secondary-wrap, .site-header-block .horizontal-menu {
display: none;
}
.author-box {
display: flex;
flex-wrap: wrap;
text-align: center;
}
.author-box .mask {
margin: 0 auto 30px;
}
}
@media only screen and (min-width: 1020px) { .cb-byline .price {
font-size: 18px;
} #cb-logo-box {
padding: 20px;
}
#logo,
#mob-logo {
width: auto;
text-align: left;
float: none;
}
.cb-large {
width: 728px;
float: right;
}
.cb-with-block #logo img,
.cb-with-block #mob-logo img {
max-width: 210px;
}
.cb-block {
margin-top: 0;
}
.cb-entry-content {
margin: 0 0 30px;
}
.cb-entry-content .alignleft .wp-caption-text,
.cb-entry-content .alignright .wp-caption-text {
padding: 20px 30px;
}
.cb-entry-content .alignnone.cb-fs-embed .wp-caption-text {
top: 40px;
right: 20px;
padding: 20px 30px;
position: absolute;
background: rgba(255, 255, 255, 0.8);
max-width: 80%;
} .cb-meta-style-2.cb-s .cb-article-meta {
padding: 0 30px;
}
.author-box .meta {
padding-left: 40px;
}
.author-page-box {
margin-bottom: 30px;
} .cb-next-previous {
padding: 40px;
}
.cb-next-previous .cb-next-post {
padding-left: 10px;
}
.cb-next-previous .cb-next-post i {
padding-left: 40px;
}
.cb-next-previous .cb-next-post .cb-next-title {
display: block;
padding-right: 54px;
}
.cb-next-previous .cb-previous-post {
padding-right: 30px;
}
.cb-next-previous .cb-previous-post i {
padding-right: 40px;
}
.cb-next-previous .cb-previous-post .cb-previous-title {
display: block;
padding-left: 54px;
} .preview-classic .title {
font-size: 20px;
}
.codetipi-15zine-review-5 {
width: 85px;
height: 85px;
}
.split:not(.preview-thumbnail) .lets-review-api-wrap, .codetipi-15zine-review-4 {
width: 60px;
height: 60px;
}
.split:not(.preview-thumbnail) .lets-review-api-wrap .lets-review-final-score, .codetipi-15zine-review-4 .lets-review-final-score {
font-size: 18px;
}
.split:not(.preview-thumbnail) .lets-review-api-wrap .lets-review-subtitle, .codetipi-15zine-review-4 .lets-review-subtitle {
font-size: 8px;
}
.codetipi-15zine-review-3 .lets-review-api-wrap {
width: 45px;
line-height: 40px;
height: 40px;
}
.codetipi-15zine-review-3 .lets-review-final-score {
font-size: 13px;
}
.codetipi-15zine-review-3 .cb-percent-sign {
font-size: 10px;
margin-left: 1px;
}
.codetipi-15zine-review-3 .lets-review-subtitle {
display: none;
}
.cb-meta-style-4 .cb-article-meta {
padding: 30px;
} .slider-for.slider-height-s, .slider-imgs.slider-height-s {
height: 420px;
}
.icon-size-s {
width: 40px;
height: 40px;
}
.icon-size-s i {
font-size: 15px;
line-height: 40px;
}
.icon-size-m {
width: 70px;
height: 70px;
}
.icon-size-m i {
font-size: 26px;
line-height: 70px;
}
.format-gallery .icon-size-m i {
font-size: 20px;
} .tipi-l-0 {
display: none;
}
.tipi-l-1 {
width: 8.333333333333333%;
}
.tipi-l-2 {
width: 16.66666666666667%;
}
.tipi-l-3 {
width: 25%;
}
.tipi-l-4 {
width: 33.33333333333333%;
}
.tipi-l-5 {
width: 41.66666666666667%;
}
.tipi-l-6 {
width: 50%;
}
.tipi-l-7 {
width: 58.33333333333333%;
}
.tipi-l-8 {
width: 66.66666666666667%;
}
.tipi-l-9 {
width: 75%;
}
.tipi-l-10 {
width: 83.33333333333333%;
}
.tipi-l-11 {
width: 91.66666666666667%;
}
.tipi-l-12 {
width: 100%;
}
.ppl-l-2 article {
flex: 0 0 calc( 100% / 2 - 20px);
width: calc( 50% - 20px);
}
.ppl-l-3 article {
flex: 0 0 calc( 100% / 3 - 20px);
width: calc( 33% - 20px);
}
.ppl-l-4 article {
flex: 0 0 calc( 25% - 90px / 4);
width: calc( 25% - 22px);
}
.ppl-l-5 article {
flex: 0 0 calc( 20% - 120px / 5);
width: calc( 20% - 24px);
}
.ppl-l-6 article {
flex: 0 0 calc( 16.6666% - 150px / 6);
width: calc( 16.6666% - 25px);
}
}
@media only screen and (max-width: 1199px) {
.secondary-menu-wrap {
width: auto;
max-width: none;
}
.secondary-menu-wrap .cb-top-menu-wrap {
max-width: none;
}
#cb-header {
width: auto;
padding: 0;
max-width: none;
}
.site-footer {
width: auto;
}
}
@media all and (orientation: landscape) {
.cover-2 .slider-for, .cover-2 .slider-imgs {
height: 66vh;
}
.cover-3 .slider-for, .cover-3 .slider-imgs {
height: 50vh;
}
.cover-1 .slider-for, .cover-1 .slider-imgs, .cover-11 .slider-for, .cover-11 .slider-imgs {
height: calc( 100vh - 150px);
}
} @font-face {
font-family: 'codetipi-15zine';
src: url(//thefamousclub.co.uk/wp-content/themes/15zine/assets/css/15zine/codetipi-15zine.woff2?8m76yw) format("woff2"), url(//thefamousclub.co.uk/wp-content/themes/15zine/assets/css/15zine/codetipi-15zine.ttf?8m76yw) format("truetype"), url(//thefamousclub.co.uk/wp-content/themes/15zine/assets/css/15zine/codetipi-15zine.woff?8m76yw) format("woff"), url(//thefamousclub.co.uk/wp-content/themes/15zine/assets/css/15zine/codetipi-15zine.svg?8m76yw#codetipi-15zine) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="codetipi-15zine-i-"] { font-family: 'codetipi-15zine' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: inherit;
line-height: 1; letter-spacing: 0;
-ms-font-feature-settings: "liga" 1;
font-feature-settings: "liga";
font-variant-ligatures: discretionary-ligatures; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.codetipi-15zine-i-link:before {
content: "\e922";
}
.codetipi-15zine-i-corner-down-right:before {
content: "\e923";
}
.codetipi-15zine-i-discord:before {
content: "\e921";
}
.codetipi-15zine-i-steam:before {
content: "\f1b6";
}
.codetipi-15zine-i-tiktok:before {
content: "\e920";
}
.codetipi-15zine-i-flipboard:before {
content: "\e91c";
}
.codetipi-15zine-i-line:before {
content: "\e91d";
}
.codetipi-15zine-i-telegram:before {
content: "\e91e";
}
.codetipi-15zine-i-viber:before {
content: "\e91f";
}
.codetipi-15zine-i-log-in:before {
content: "\e91b";
}
.codetipi-15zine-i-log-out:before {
content: "\e91a";
}
.codetipi-15zine-i-cart-1:before {
content: "\e919";
}
.codetipi-15zine-i-plus:before {
content: "\e918";
}
.codetipi-15zine-i-search:before {
content: "\e917";
}
.codetipi-15zine-i-menu:before {
content: "\e916";
}
.codetipi-15zine-i-mail:before {
content: "\e915";
}
.codetipi-15zine-i-user:before {
content: "\e914";
}
.codetipi-15zine-i-check:before {
content: "\e913";
}
.codetipi-15zine-i-cart-1-plus:before {
content: "\e912";
}
.codetipi-15zine-i-hash:before {
content: "\e911";
}
.codetipi-15zine-i-moon:before {
content: "\e909";
}
.codetipi-15zine-i-apple_music:before {
content: "\f179";
}
.codetipi-15zine-i-whatshot:before {
content: "\e910";
}
.codetipi-15zine-i-play_arrow:before {
content: "\e90c";
}
.codetipi-15zine-i-format_quote:before {
content: "\e908";
}
.codetipi-15zine-i-camera:before {
content: "\e902";
}
.codetipi-15zine-i-chevron-down:before {
content: "\e903";
}
.codetipi-15zine-i-chevron-left:before {
content: "\e904";
}
.codetipi-15zine-i-chevron-right:before {
content: "\e905";
}
.codetipi-15zine-i-chevron-up:before {
content: "\e906";
}
.codetipi-15zine-i-film:before {
content: "\e90d";
}
.codetipi-15zine-i-headphones:before {
content: "\e907";
}
.codetipi-15zine-i-moon:before {
content: "\e909";
}
.codetipi-15zine-i-music:before {
content: "\e90e";
}
.codetipi-15zine-i-play:before {
content: "\e90f";
}
.codetipi-15zine-i-x:before {
content: "\e90a";
}
.codetipi-15zine-i-zap:before {
content: "\e90b";
}
.codetipi-15zine-i-patreon:before {
content: "\e900";
}
.codetipi-15zine-i-unsplash:before {
content: "\e901";
}
.codetipi-15zine-i-heart:before {
content: "\f004";
}
.codetipi-15zine-i-camera-retro:before {
content: "\f083";
}
.codetipi-15zine-i-heart-o:before {
content: "\f08a";
}
.codetipi-15zine-i-twitter:before {
content: "\f099";
}
.codetipi-15zine-i-facebook:before {
content: "\f09a";
}
.codetipi-15zine-i-rss:before {
content: "\f09e";
}
.codetipi-15zine-i-star:before {
content: "\f005";
}
.codetipi-15zine-i-star-o:before {
content: "\f006";
}
.codetipi-15zine-i-link:before {
content: "\e922";
}
.codetipi-15zine-i-linkedin:before {
content: "\f0e1";
}
.codetipi-15zine-i-youtube-play:before {
content: "\f16a";
}
.codetipi-15zine-i-instagram:before {
content: "\f16d";
}
.codetipi-15zine-i-tumblr:before {
content: "\f173";
}
.codetipi-15zine-i-dribbble:before {
content: "\f17d";
}
.codetipi-15zine-i-vk:before {
content: "\f189";
}
.codetipi-15zine-i-spotify:before {
content: "\f1bc";
}
.codetipi-15zine-i-soundcloud:before {
content: "\f1be";
}
.codetipi-15zine-i-twitch:before {
content: "\f1e8";
}
.codetipi-15zine-i-pinterest:before {
content: "\f231";
}
.codetipi-15zine-i-medium:before {
content: "\f23a";
}
.codetipi-15zine-i-vimeo:before {
content: "\f27d";
}
.codetipi-15zine-i-mixcloud:before {
content: "\f289";
}
.codetipi-15zine-i-snapchat:before {
content: "\f2ac";
}
.codetipi-15zine-i-bandcamp:before {
content: "\f2d5";
}
.slider-sync-wrap {
width: 100%;
}
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: none;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
} .flickity-enabled.is-draggable {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: grabbing;
}
.flickity-enabled.is-fullscreen {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100% !important;
background: #fff;
z-index: 200;
}
.flickity-enabled.is-fullscreen .tipi-i-maximize:before {
content: '\e940';
}
.admin-bar .flickity-enabled.is-fullscreen {
top: 32px;
height: calc( 100% - 32px) !important;
}
.flickity-enabled.is-fullscreen .flickity-page-dots {
bottom: 10px;
}
html.is-flickity-fullscreen {
overflow: hidden;
} .flickity-fullscreen-button {
display: flex;
align-items: center;
justify-content: center;
right: 15px;
top: 15px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
padding: 0;
position: absolute;
z-index: 2;
border-radius: 50%;
background: #fff;
}
@media only screen and (max-width: 767px) {
.flickity-fullscreen-button {
right: 30px;
}
} .flickity-rtl .flickity-fullscreen-button {
right: auto;
left: 0;
}
.flickity-fullscreen-button-exit {
display: none;
}
.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit {
display: flex;
}
.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view {
display: none;
}
.flickity-fullscreen-button .flickity-button-icon {
width: 16px;
height: 16px;
} .flickity-enabled.is-fade .flickity-slider > * {
pointer-events: none;
z-index: 0;
}
.flickity-enabled.is-fade .flickity-slider > .is-selected {
pointer-events: auto;
z-index: 1;
} .flickity-page-dots {
position: absolute;
padding: 0;
width: 100%;
bottom: 25px;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.block-wrap-slider:not(.tile-design-wrap-4) .flickity-page-dots {
height: 100%;
right: 0;
bottom: 0;
width: 50px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.block-wrap-slider:not(.tile-design-wrap-4) .flickity-page-dots .dot {
margin: 5px;
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px;
border-radius: 50%;
opacity: 0.5;
background-color: transparent;
box-shadow: inset 0 0 0 2px white;
transition: opacity 0.3s ease;
cursor: pointer;
overflow: hidden;
position: relative;
}
.flickity-page-dots .dot:after {
content: '';
position: absolute;
bottom: 0;
height: 0;
left: 0;
border-radius: 50%;
width: 100%;
background-color: #fff;
box-shadow: 0 0 1px #fff;
transition: height 0.3s ease;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}
.flickity-page-dots .dot.is-selected:after {
height: 100%;
}
.tipi-tip-wrap {
transition: opacity 0.3s ease, transform 0.3s ease;
pointer-events: none;
position: fixed;
top: -9999px; left: -9999px;
z-index: 103;
opacity: 0;
box-shadow: -5px -5px 15px rgba(62, 62, 62, 0.25);
}
.tipi-tip-wrap.tipi-tip-wrap-visible {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.tipi-tip-wrap.tipi-tip-move {
margin-top: -5px;
transform: translate3d(0, 0, 0);
}
.tipi-tip-wrap.removing {
opacity: 0;
}
.tipi-tip-wrap .inner {
font-size: 10px;
margin: 0;
padding: 10px 15px;
color: #fff;
position: relative;
white-space: nowrap;
font-weight: 700;
background: #111;
border-radius: 3px;
}
.tipi-tip-wrap .detail {
display: block;
position: absolute;
}
.tipi-tip-wrap-b {
margin-top: 15px;
transform: translate3d(0, 5px, 0);
}
.tipi-tip-wrap-b .detail {
border-right: 3px solid transparent;
border-bottom: 3px solid #111;
border-left: 3px solid transparent;
top: -3px;
left: calc( 50% - 3px);
}
.tipi-tip-wrap-b.removing {
transform: translate3d(0, 5px, 0);
}
.tipi-tip-wrap-r {
transform: translate3d(5px, 0, 0);
}
.tipi-tip-wrap-r .detail {
border-top: 3px solid transparent;
border-right: 3px solid #111;
border-bottom: 3px solid transparent;
left: -3px;
top: calc( 50% - 3px);
}
.tipi-tip-wrap-r.removing {
transform: translate3d(5px, 0, 0);
}
.tipi-tip-wrap-l {
transform: translate3d(-5px, 0, 0);
}
.tipi-tip-wrap-l .detail {
border-top: 3px solid transparent;
border-left: 3px solid #111;
border-bottom: 3px solid transparent;
right: -3px;
top: calc( 50% - 3px);
}
.tipi-tip-wrap-l.removing {
transform: translate3d(-5px, 0, 0);
}
@media print {
* {
background: transparent !important;
color: black !important;
text-shadow: none !important;
}
a,
a:visited {
color: #444 !important;
text-decoration: underline;
}
a:after,
a:visited:after {
content: " (" attr(href) ")";
}
a abbr[title]:after,
a:visited abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.sidebar,
.page-navigation,
.wp-prev-next,
.respond-form,
nav {
display: none;
}
}