/*!
Theme Name: 15Zine
Theme URI: https://themeforest.net/item/15zine-hd-magazine-newspaper-wordpress-theme/10802918
Author: Codetipi
Author URI: https://codetipi.com
Description: Responsive, modern and clean Wordpress theme.
Version: 3.3.9.8
Text Domain: 15zine
License: http://themeforest.net/licenses/regular_extended
License URI: http://themeforest.net/licenses/regular_extended
Requires at least: 5.0
Requires PHP: 5.6
Tested up to: 5.7.0
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
*/
/*------------------------------------------------------------------
[Table of contents]
	1. Normalize
	2. Content
	3. Header & Logo
	4. Menus
	5. Modules
	6. Sidebar Widgets
	7. Footer
	8. Posts
	9. Pages
	10. Modals
	11. Shortcodes

[Responsive: @media min-width: 481px]
	12. Modules

[Responsive: @media min-width: 768px]
	13. Content
	14. Menus
	15. Modules
	16. Sidebar Widgets
	17. Footer
	18. Posts
	19. Modals

[Responsive: @media min-width: 1020px]
	20. Content
	21. Menus
	22. Modules
	23. Posts
	24. Modals

[Responsive: @media min-width: 1200px]
	25. Content
	26. Menus
	27. Modules
	28. Sidebar Widgets
	29. Posts
	30. Modals
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[1. Normalize]
*/
/*------------------------------------------------------------------
[1. Basics]
*/
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;
}

.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;
}

.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;
  /* Above WP toolbar. */
}

/*------------------------------------------------------------------
[X. Grid]
*/
.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%;
  }
}

/*------------------------------------------------------------------
[1. Content]
*/
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;
}

/*------------------------------------------------------------------
[ Pages: Attachment]
*/
.attachment-hero .hero-wrap {
  padding-bottom: 60px;
}

/*------------------------------------------------------------------
[ Button]
*/
.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 STYLES
******************************************************************/
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;
}

/******************************************************************
POST CONTENT
******************************************************************/
.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 STYLES
******************************************************************/
.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;
}

/*------------------------------------------------------------------
[3. Logo & Header]
*/
.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;
}

/*------------------------------------------------------------------
[4. Menus]
*/
.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 {
  /*rtl:ignore*/
  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;
}

/*------------------------------------------------------------------
[6. Widgets]
*/
.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;
}

/*------------------------------------------------------------------
[ Widgets ]
*/
.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;
}

/*------------------------------------------------------------------
[7. Footer]
*/
.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;
}

/******************************************************************
FEATURED IMAGE STYLES
******************************************************************/
.cb-post-entry embed {
  max-width: 100%;
}

.cb-blog-style-d .wp-caption {
  max-width: 100%;
}

/******************************************************************
POST FOOTER BLOCKS
******************************************************************/
.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;
}

/******************************************************************
COMMENTS
******************************************************************/
.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;
}

/******************************************************************
SOCIAL SHARING
******************************************************************/
.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;
}

/******************************************************************
PREVIOUS/NEXT LINKS
*****************************************************************/
.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]
*/
.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;
}

/*------------------------------------------------------------------
[9. Pages]
*/
/******************************************************************
CONTACT PAGE STYLES
******************************************************************/
.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;
}

/******************************************************************
404 STYLES
******************************************************************/
.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;
}

/*------------------------------------------------------------------
[ Pages: Team templates ]
*/
.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 ]
*/
.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;
}

/*------------------------------------------------------------------
[10. Modals]
*/
.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;
}

/******************************************************************
EXTRA STYLES
******************************************************************/
.fa.cb-times {
  color: #fff;
  font-size: 20px;
}

.fa.cb-times:before {
  content: "\f105";
}

.fa.cb-times:after {
  content: "\f104";
  position: relative;
  /*rtl:ignore*/
  left: -3px;
}

.cb-ta-right {
  text-align: right;
}

.cb-ta-left {
  text-align: left;
}

.cb-ta-center {
  text-align: center;
}

/*------------------------------------------------------------------
[11. Shortcodes]
*/
.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";
}

/*------------------------------------------------------------------
[Icons]
*/
.icon-wrap a {
  display: flex;
}

.icon-wrap i + .title {
  padding-left: 7px;
}

/*------------------------------------------------------------------
[Mobile Header]
*/
.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;
}

/*------------------------------------------------------------------
[Slide In Mobile Menu]
*/
.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]
*/
.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);
  }
}

/*------------------------------------------------------------------
[ Modal - LWA]
*/
.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;
}

/*------------------------------------------------------------------
[ Modal - Search]
*/
.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;
}

/*------------------------------------------------------------------
[ Modal]
*/
.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;
}

/*------------------------------------------------------------------
[ Hero ]
*/
.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;
}

/*------------------------------------------------------------------
[ Article Layout Mini Sidebar ]
*/
.share-button-content {
  justify-content: center;
  width: 100%;
  height: 100%;
}

.share-it a {
  display: inline-block;
}

/*------------------------------------------------------------------
[ Inline Post ]
*/
.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;
}

/*------------------------------------------------------------------
[ Sidebar ]
*/
.sb--narrow > .tipi-cols {
  display: flex;
  justify-content: center;
}

.sb--left > .tipi-cols {
  display: flex;
  flex-direction: row-reverse;
}

/*------------------------------------------------------------------
[ Block Pieces]
*/
.block-piece {
  width: 100%;
}

.block-piece article {
  float: left;
}

.title-base .title + .byline {
  margin-top: 5px;
}

/*------------------------------------------------------------------
[ Blocks]
*/
.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;
}

/*------------------------------------------------------------------
[ Trending ]
*/
.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 Colors ]
*/
.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;
}

/*------------------------------------------------------------------
[ Sliders]
*/
.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;
}

/*------------------------------------------------------------------
[ Reviews ]
*/
.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%;
}

/*------------------------------------------------------------------
[Infinite Post Load]
*/
.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);
}

/*------------------------------------------------------------------
[ Animations]
*/
.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);
  }
}

/*------------------------------------------------------------------
[ Meta ]
*/
.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]
*/
.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;
}

/*------------------------------------------------------------------
[Media]
*/
.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;
}

/*------------------------------------------------------------------
[ Sponsored Block Design ]
*/
.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;
}

/*------------------------------------------------------------------
[X. Pagination]
*/
.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) {
  /*********************
GRID STYLES
*********************/
  .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;
  }
  /*------------------------------------------------------------------
[12. Modules]
*/
  .block-wrap-grid .block {
    width: calc( 100% + 3px);
  }
  .block-wrap-grid .block .cb-m .cb-byline {
    display: block;
  }
  /*------------------------------------------------------------------
[ Blocks]
*/
  .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%;
  }
  /*------------------------------------------------------------------
[ Media]
*/
  .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;
  }
  /*------------------------------------------------------------------
[X. Grid 481]
*/
  .ppl-s-2 article {
    flex: 0 0 calc( 50% - 15px);
    width: calc( 50% - 15px);
  }
  .ppl-s-2 article:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
  .ppl-s-2.block-wrap-bs-g .preview-big {
    flex: 0 0 100%;
  }
  .ppl-s-3 article {
    flex: 0 0 calc( 100% / 3 - 20px);
    width: calc( 100% / 3 - 20px);
  }
  .ppl-s-3 article:nth-last-child(-n+3) {
    margin-bottom: 0;
  }
  .tipi-s-1 {
    width: 8.333333333333333%;
  }
  .tipi-s-2 {
    width: 16.66666666666667%;
  }
  .tipi-s-3 {
    width: 25%;
  }
  .tipi-s-4 {
    width: 33.33333333333333%;
  }
  .tipi-s-5 {
    width: 41.66666666666667%;
  }
  .tipi-s-6 {
    width: 50%;
  }
  .tipi-s-7 {
    width: 58.33333333333333%;
  }
  .tipi-s-8 {
    width: 66.66666666666667%;
  }
  .tipi-s-9 {
    width: 75%;
  }
  .tipi-s-10 {
    width: 83.33333333333333%;
  }
  .tipi-s-11 {
    width: 91.66666666666667%;
  }
  .tipi-s-12 {
    width: 100%;
  }
  .tipi-s-6.block-piece-1 {
    padding-right: 15px;
  }
  .tipi-s-6.block-piece-2 {
    padding-left: 15px;
  }
  .tipi-s-6.block-piece-2:last-of-type {
    margin-top: 0;
  }
}

@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;
  }
  /*********************
SHORTCODE STYLES
*********************/
  .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;
  }
  /*------------------------------------------------------------------
[X. Sidebar 768px ]
*/
  .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);
  }
  /*------------------------------------------------------------------
[13. Content]
*/
  .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;
  }
  /*********************
LOGO AND HEADER AD STYLES
*********************/
  .cb-with-large {
    width: 100%;
    text-align: center;
  }
  .cb-large {
    height: 90px;
    padding: 0;
    margin-top: 15px;
  }
  .cb-medium {
    width: 468px;
    height: 60px;
  }
  /*------------------------------------------------------------------
[14. Menus]
*/
  .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;
  }
  /*------------------------------------------------------------------
[16. Sidebar Widgets]
*/
  .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;
  }
  /*------------------------------------------------------------------
[17. Footer]
*/
  .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;
  }
  /*------------------------------------------------------------------
[18. Posts]
*/
  .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);
  }
  /*********************
COMMENT STYLES
*********************/
  .commentlist .comment-content, .commentlist .alert p, .commentlist .reply {
    padding-left: 95px;
  }
  /*------------------------------------------------------------------
[Post Footer Blocks]
*/
  .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);
  }
  /******************************************************************
POST CONTENT
******************************************************************/
  .cb-entry-content .alignleft {
    margin: 0 30px 30px 0;
    max-width: 50%;
  }
  .cb-entry-content .alignright {
    margin: 0 0 30px 30px;
    max-width: 50%;
  }
  /*------------------------------------------------------------------
[Blocks]
*/
  .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;
  }
  /*------------------------------------------------------------------
[Block Typography]
*/
  .title-s .title {
    font-size: 16px;
  }
  .title-m .title, .title-l .title, .title-xl .title {
    letter-spacing: 1px;
    font-size: 20px;
  }
  /*------------------------------------------------------------------
[Header]
*/
  .site-header .logo-main {
    margin-right: 20px;
  }
  .main-menu-l .menu-icons {
    margin-left: auto;
  }
  /*------------------------------------------------------------------
[X. Menus 768px ]
*/
  .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;
  }
  /*------------------------------------------------------------------
[ Hero ]
*/
  .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;
  }
  /*------------------------------------------------------------------
[ Page Template: Team ]
*/
  .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;
  }
  /*------------------------------------------------------------------
[X. Grid 768]
*/
  .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) {
  /*------------------------------------------------------------------
[20. Content]
*/
  .cb-byline .price {
    font-size: 18px;
  }
  /*********************
LOGO AND HEADER AD STYLES
*********************/
  #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%;
  }
  /*------------------------------------------------------------------
[22. Modules]
*/
  .cb-meta-style-2.cb-s .cb-article-meta {
    padding: 0 30px;
  }
  .author-box .meta {
    padding-left: 40px;
  }
  .author-page-box {
    margin-bottom: 30px;
  }
  /******************************************************************
PREVIOUS/NEXT LINKS
*****************************************************************/
  .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;
  }
  /*------------------------------------------------------------------
[ Blocks ]
*/
  .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;
  }
  /*------------------------------------------------------------------
[Media]
*/
  .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;
  }
  /*------------------------------------------------------------------
[X. Grid 1020px]
*/
  .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 only screen and (min-width: 1200px) {
  /*------------------------------------------------------------------
[25. Content]
*/
  .cb-wrap-pad {
    padding-right: 30px;
    padding-left: 30px;
  }
  .cb-fis-title-bg {
    padding: 20px 30px;
  }
  .sidebar {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 30px;
  }
  .cb-fis-tl-me-below .cb-fis-title-bg,
  .cb-fis-tl-below .cb-fis-title-bg {
    padding-top: 30px;
  }
  .cb-sidebar-none.cb-sidebar-none-fw .cb-fis-title-bg .cb-meta {
    width: 100%;
  }
  /*------------------------------------------------------------------
[26. Modules]
*/
  .main-menu-wrap > ul > li > a {
    padding-left: 10px;
    padding-right: 10px;
  }
  .main-navigation.wrap:not(.stuck) .main-menu-wrap {
    padding: 0;
  }
  /*------------------------------------------------------------------
[27. Modules]
*/
  .cb-b-video .cb-fis .cb-vertical-down,
  .cb-b-audio .cb-fis .cb-vertical-down {
    display: block;
  }
  .cb-meta-style-2 .cb-article-meta {
    padding: 30px;
  }
  .cb-meta-style-2.cb-s .cb-article-meta,
  .cb-meta-style-4.cb-s .cb-article-meta {
    padding: 20px;
  }
  .cb-meta-style-4.cb-m .cb-article-meta {
    padding: 20px;
  }
  /*------------------------------------------------------------------
[28. Posts]
*/
  .author-box {
    padding: 45px 30px;
  }
  .align-fade-up .alignleft, .align-fade-up .alignright, .align-fade-up-done .alignleft, .align-fade-up-done .alignright {
    opacity: 0;
    transform: translateY(50px);
  }
  .align-fade-up .tipi-seen, .align-fade-up-done .tipi-seen {
    opacity: 1;
    transform: translateY(0);
  }
  .align-fs .contents-wrap .video-wrap,
  .align-fs-center .aligncenter.size-full,
  .align-fs-center .wp-caption.aligncenter .size-full,
  .align-fs-center .tiled-gallery,
  .align-fs .alignwide {
    width: 1170px;
    max-width: none;
    transform: translatex(-50%);
    margin: 45px 0 45px 50%;
  }
  .align-fs .alignwide.wp-block-gallery {
    margin-bottom: 30px;
  }
  .align-fs-center .wp-caption.aligncenter .size-full {
    margin-bottom: 0;
  }
  .align-fs .contents-wrap .video-wrap {
    height: 562px;
  }
  .cb-social-sharing.cb-text-buttons {
    letter-spacing: 2px;
    text-align: left;
  }
  .cb-social-sharing.cb-text-buttons a {
    margin: 0 20px;
  }
  .cb-social-sharing.cb-text-buttons .cb-sharing-buttons {
    float: right;
  }
  .cb-social-sharing.cb-text-buttons .cb-title {
    float: left;
  }
  .commentlist .children {
    margin-left: 75px;
  }
  /*------------------------------------------------------------------
[ Modals]
*/
  .modal-wrap .content-custom.is-video, .modal-wrap .content-custom.is-audio {
    width: 1000px;
  }
  .modal-wrap .content-custom.is-video {
    padding-bottom: 46.25%;
  }
  /*------------------------------------------------------------------
[Block Typography]
*/
  .title-l .title {
    letter-spacing: 3px;
    font-size: 28px;
  }
  .title-xl .title {
    letter-spacing: 3px;
    font-size: 40px;
  }
  /*------------------------------------------------------------------
[Hero]
*/
  body:not(.has--bg) .title-middle-bl .hero-wrap .meta-wrap {
    padding: 45px 60px;
  }
  .title-middle-bl .hero-wrap .meta-wrap {
    padding-bottom: 45px;
  }
  .title-middle-bl.hero-m .hero-wrap .meta-wrap {
    padding: 45px;
  }
  .title-middle-bl.hero-m .hero-wrap .media-icon {
    margin-bottom: 0;
    left: 30px;
    bottom: calc( 100% - 15px);
  }
  .title-middle-bl.hero-s .hero-wrap .meta-wrap {
    padding: 30px 45px;
  }
  .title-middle-bl.hero-l .meta-wrap {
    left: 50%;
    transform: translateX(-50%);
  }
  .hero-m {
    padding-top: 30px;
  }
  .hero-l .site-main {
    padding-top: 45px;
  }
  .hero-l .sidebar {
    margin-top: 45px;
  }
  .block-wrap-fs.block-wrap-51 .block-title-wrap {
    position: absolute;
    top: 30px;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }
  .block-wrap-fs.block-wrap-51 .block-title-wrap .title {
    color: #fff;
    letter-spacing: 1px;
    padding: 0;
    font-size: 16px;
  }
  .block-wrap-fs.block-wrap-51 .block-title-wrap .title:after {
    display: none;
  }
  /*------------------------------------------------------------------
[Media]
*/
  .slider-for.slider-height-s, .slider-imgs.slider-height-s {
    height: 510px;
  }
  /*------------------------------------------------------------------
[X. Grid 1240px]
*/
  .tipi-xl-0 {
    display: none !important;
  }
  .ppl-xl-4 article {
    flex: 0 0 calc( 25% - 90px / 4);
  }
  .ppl-xl-5 article {
    flex: 0 0 calc( 20% - 24px);
  }
}

@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);
  }
}

@media only screen and (orientation: landscape) and (min-width: 1200px) {
  .block-wrap-fs.block-wrap-g-92 .block, .block-wrap-fs.block-wrap-g-94 .block {
    height: 680px;
  }
  .block-wrap-fs.block-wrap-g-92 .block-piece, .block-wrap-fs.block-wrap-g-94 .block-piece {
    height: 100%;
  }
  .block-wrap-fs.block-wrap-g-92 article, .block-wrap-fs.block-wrap-g-94 article {
    height: 100%;
  }
}

@media only screen and (min-width: 1280px) {
  body:not(.has--bg) .hero-m .hero-wrap {
    overflow: visible;
  }
  body:not(.has--bg) .hero-m .hero-wrap .hero, body:not(.has--bg) .hero-m .hero-wrap .mask-overlay {
    width: calc( 100% + 60px);
    left: -30px;
    max-width: none;
  }
}

@media only screen and (min-width: 1400px) {
  .block-wrap-51.block-wrap-fs article {
    padding-bottom: 0;
    height: 75vh;
    max-height: 750px;
  }
  .modal-wrap .content-custom.is-video {
    width: 1360px;
    padding-bottom: 765px;
  }
}

.tipi-tip-wrap {
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  position: fixed;
  top: -9999px;
  /*rtl:ignore*/
  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);
}

.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%;
}

/* draggable */
.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 ---- */
.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;
  }
}

/* right-to-left */
.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-fade */
.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;
}

/* ---- page dots ---- */
.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%;
}

@font-face {
  font-family: 'codetipi-15zine';
  src: url("../../assets/css/15zine/codetipi-15zine.woff2?8m76yw") format("woff2"), url("../../assets/css/15zine/codetipi-15zine.ttf?8m76yw") format("truetype"), url("../../assets/css/15zine/codetipi-15zine.woff?8m76yw") format("woff"), url("../../assets/css/15zine/codetipi-15zine.svg?8m76yw#codetipi-15zine") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="codetipi-15zine-i-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  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;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -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";
}

@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;
  }
}