/*
Theme Name:     DIYBastel
Template:       Newsmag                             
Version:        1.1.4
*/


/*  ----------------------------------------------------------------------------
    This file will load automatically when the child theme is active. You can use it
    for custom CSS.
*/
/* General styles */
.td-post-category {
	background: #4db2ec;
}
.wp-block-image {
	margin-bottom: 20px;
}

@media (max-width: 767px) {
	.td-ss-main-sidebar,.front-sidebar {
		display:none;
	}
}

@media (min-width: 1042px)  {
	.td-pb-span8 {
		width: 770px;
	}
	.td-container {
		width: 1111px;
	}
}

/* Home */
.td_block_14 h4.block-title {
	position:relative;
}


/* Category */
div.td-category-header {
    margin-top: 0px;
}
.td_category_template_4 div.td-category-header div.td-container {
    padding-bottom: 0px;
}

/* Post page */
.td-post-header h1.entry-title {
	font-size: 28px;
	line-height: 1.1;
}

@media (max-width: 767px) {
	.td-post-header h1.entry-title {
		font-size: 22px;
		line-height: 1;
	}
}



/* Nextpage */
.page-nav {
	width: 100%;
	margin-top:0;
	margin-bottom:0;
	height:auto;
}
.post-page-numbers {
	display:none !important;
	font-size: 13px;
	color:white !important;
	background: #3b879b;
	font-weight: 700;
	padding:14px 22px !important;
	text-transform:uppercase;
	margin-top: 15px;
	margin-bottom: 24px;
}
.post-page-numbers:first-child {
	display:none !important;
}
.post-page-numbers:last-child {
	display:block !important;
	width:100%;
	float:none;
}
.post-page-numbers.current:last-child {
	display:none !important;
}

div.td-post-sharing-bottom {  
	display:none;
}

/* Related posts */
.td-related-right, #prev-page-tdi_3, .td_block_related_posts .td-next-prev-wrap {
	display:none !important;
}

.td_block_related_posts.td_block_template_1 .td-related-title {
  margin: 5px 0 30px;
  display: block;
  line-height: 1;
  text-align: left;
  padding-left: 20px;
}
.td_block_related_posts.td_block_template_1 .td-related-title a {
  font-family: 'Montserrat', arial, sans-serif;
  font-size: 18px;
  line-height: 1;
  text-transform: capitalize;
  font-weight: 500;
  color: #666;
  background-color: transparent;
  padding: 0;
  position: relative;
  display: block;
  top: 0;
  border: 0;
}
.td_block_related_posts.td_block_template_1 .td-related-title a:after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  margin: 10px 0;
  background-color: #ffdf3f;
}

@media (max-width: 767px) {
	.td_block_related_posts.td_block_template_1 .td-related-title {
		padding-left:10px;
	}
}

/* Infinite posts scroll */
div.td_module_3 {
	padding-bottom: 15px;
}
.post-infinite-container {
	margin-top:15px;
}
.post-infinite-container .td-pb-span12 {
	float:none;
	margin:0 auto;
}
.article-infeed-desktop {
	display:block;
}
.article-infeed-mobile {
	display:none !important;
}
@media (max-width: 767px) {
	div.td_module_3 {
		padding-bottom: 30px;
	}
	.article-infeed-desktop {
		display:none !important;
	}
	.article-infeed-mobile {
		display:block !important;
	}
}

/* Share buttons tops */
.td-post-sharing-top {
	margin-bottom:0 !important;
}


/* Ad styles */
.infinite-bottom-ad {
	margin:20px 0;
}
.td-a-rec-id-content_top {
	margin-top:0 !important;
}
.td-a-rec-id-content_inline {
	margin-bottom:15px;
}
#adp-interscroller-ad-label-bottom, #adp-interscroller-ad-label-top {
	color: #333 !important;
	border: 1px solid #DDD !important;
	background: white !important;
}
.da-article-mid {
	margin-bottom:15px;	
}




/****************************************************************
Somodal styles
****************************************************************/

.somodal-overlay {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
}

.somodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.somodal, .somodal-wrapper:after {
    vertical-align: middle;
}
.somodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -.05em;
    content: "";
}

.somodal {
	display:none;
	position: relative;
	z-index:10001;
	width: 500px;
	padding:10px;
	padding-bottom: 0;
	background: white;
	text-align:left;
	border:1px solid #DDD;
}
.somodal-is-initialized {
	display:inline-block;
}

@media only screen and (max-width: 359px) {
	.somodal {
		width:100%;
	}
}
@media only screen and (min-width: 360px) and (max-width:767px) {
	.somodal {
		width: 90%;
	}
}
.somodal-close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: transparent;
}
.somodal-close:before {
    font-family: Arial,"Helvetica CY","Nimbus Sans L",sans-serif!important;
    font-size: 25px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    content: "\00d7";
    text-align: center;
}

.remodal {
	display:none;
}
.somodal h3 {
	font-family: 'Montserrat', arial, sans-serif;
	margin-top: 0;
    font-weight: 400;
}

.td-header-style-5 .sf-menu > li:first-child {
  border-left: 1px solid #eee;
}
.td-header-style-5 .sf-menu > li {
  border-right: 1px solid #eee;
  margin: 5px 0;
}
.td-header-style-5 .td-main-menu-logo img {
  max-height: 55px;
  padding: 0;
  margin: 0 40px 0 0;
}
@media (max-width: 767px) {
  .td-header-style-5 .td-main-menu-logo img {
    margin: auto;
  }
}
.td-post-template-5,
.td-main-content-wrap,
.td-category-header {
  margin-top: 20px;
}

.td-pb-span4 .td_block_template_1 .block-title {
  margin: 5px 0 30px;
  display: block;
  line-height: 1;
  text-align: center;
}
.td-pb-span4 .td_block_template_1 .block-title span {
  font-family: 'Montserrat', arial, sans-serif;
  font-size: 18px;
  line-height: 1;
  text-transform: capitalize;
  font-weight: 500;
  color: #666;
  background-color: transparent;
  padding: 0;
  position: relative;
  display: block;
  top: 0;
}
.td-pb-span4 .td_block_template_1 .block-title span:after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  margin: 10px auto;
  background-color: #ffdf3f;
}
.td-pb-span8 .td_block_template_1 .block-title,
.td-pb-span12 .td_block_template_1 .block-title {
  margin: 0;
  display: block;
  line-height: 1;
  text-align: center;
}
.td-pb-span8 .td_block_template_1 .block-title span,
.td-pb-span12 .td_block_template_1 .block-title span {
  font-family: 'Montserrat', arial, sans-serif;
  font-size: 36px;
  line-height: 1;
  font-weight: 500;
  color: #666;
  background-color: transparent;
  padding: 0;
  position: relative;
  display: block;
  top: 0;
}
.td-pb-span8 .td_block_template_1 .block-title span:after,
.td-pb-span12 .td_block_template_1 .block-title span:after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  margin: 15px auto;
  background-color: #ffdf3f;
}
.td-post-author-name { display:none; }


