/*
 Theme Name:     15zine Child
 Theme URI:      http://themeforest.net/user/cubell
 Description:    15zine Child Theme
 Author:         Cubell
 Author URI:     http://themeforest.net/user/cubell
 Template:       15zine
 Version:        1.3
*/


/* Theme customization starts here. Any CSS code entered here will overwrite the parent's CSS.
-------------------------------------------------------------- */
/*
[0. Custom Code]
*/

/* Ads */
#sidebar-ad-desktop { margin-bottom: 40px !important; display: inherit !important; }
#sidebar-ad-mobile-large { display: none !important; }
#sidebar-ad-mobile-small { display: none !important; }

#header-ad-desktop { display: none !important; }
#header-ad-mobile-small { display: none !important; }
#header-ad-mobile-large { display: none !important; }

@media screen and (min-width: 771px) {
  #header-ad-desktop { display: inherit !important; margin-bottom: 40px !important; float: right !important;}
}

@media screen and (max-width: 1200px) {
  #sidebar-ad-desktop { display: none !important;}
  #sidebar-ad-mobile-large { margin-bottom: 40px; display: inherit !important; }
}

@media screen and (max-width: 1020px) {
  #sidebar-ad-mobile-large { display: none !important; }
  #sidebar-ad-mobile-small { margin-bottom: 40px; display: inherit !important; }
}

@media screen and (max-width: 770px) {
  #header-ad-mobile-large { display: inherit !important; margin-left: auto !important; margin-right: auto !important; margin-top: 10px !important;}
  #sidebar-ad-mobile-small { display: none !important; }
}

@media screen and (max-width: 495px) { 
  #header-ad-mobile-large { display: none !important; }
  #header-ad-mobile-small { display: inherit !important; margin-left: auto !important; margin-right: auto !important; margin-top: 10px !important;}
}

/* Fix for the mobile menu overflow */
#cb-top-menu #cb-mob-open {
    width: 40% !important;
}
#logo img:not(.cb-retina), #mob-logo img:not(.cb-retina) {
    padding-right: 0px !important;
}

/* Features */
@media only screen and (min-width: 768px) {
   .cb-grid-x {
    height: 350px !important;
  }
}

@media only screen and (min-width: 1020px) {
.cb-grid-x {
    height: 470px !important;
  }
}

@media only screen and (min-width: 1200px) {
.cb-grid-x {
    height: 490px !important;
  }
}

/* Footer */
  #cb-footer .cb-footer-b .cb-one {
    width: 22% !important;
  }
  #cb-footer .cb-footer-b .cb-two {
    width: 22% !important;
  }
  #cb-footer .cb-footer-b .cb-three {
    width: 24% !important;
  }
  #cb-footer .cb-footer-b .cb-four {
    width: 32% !important;
  }

/* Sidebar Social Media */
/* 1x */


.cb-social-media-icons.cb-colors a {
  background-image: url(library/images/cb-widget-social-media-colors.png);
}
.cb-social-media-icons.cb-colors .cb-twitter {
  background-position: -64px 0;
  width: 51px;
}
.cb-social-media-icons.cb-colors .cb-soundcloud {
  background-position: -128px 0;
  width: 51px;
}
.cb-social-media-icons.cb-colors .cb-vimeo {
  background-position: -254px 0;
  width: 51px;
}

.cb-social-media-icons {
  text-align: center;
}
.cb-sidebar .cb-social-media-icons a {
  margin: 0 10px 10px 0;
}
.cb-social-media-icons a {
  display: inline-block;
  width: 51px;
  height: 50px;
  margin: 0 20px 20px;
  background-repeat: no-repeat;
  -webkit-transition: all 0.2s;
  -transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
  top: 0;
}
.cb-social-media-icons a:hover {
  top: -5px;
}
.cb-social-media-icons .cb-facebook {
  background-position: 0 0;
}
.cb-social-media-icons .cb-instagram {
  background-position: -129px 0;
}
.cb-social-media-icons .cb-twitter {
  background-position: -60px 0;
  width: 62px;
}
.cb-social-media-icons .cb-youtube {
  background-position: -187px 0;
  width: 71px;
}
/*
.cb-social-media-icons .cb-instagram {
  background-position: -129px 0;
}
.cb-social-media-icons .cb-youtube {
  background-position: -187px 0;
  width: 71px;
}
*/

.wp-post-image {
	max-height: 485px;;
    object-fit: cover;
}

/* 2x */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .cb-social-media-icons.cb-colors .cb-facebook, .cb-social-media-icons.cb-colors .cb-twitter, .cb-social-media-icons.cb-colors .cb-soundcloud, .cb-social-media-icons.cb-colors .cb-googleplus, .cb-social-media-icons.cb-colors .cb-vimeo  {
    background-image: url(library/images/cb-widget-social-media-colors@2x.png);
    background-size: 303px 50px;
  }
}