/*
Theme Name:     TimesChronicle
Description:
Author:         TimesChronicle
Template:       Extra

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/


/*--category page---*/
@media only screen and (min-width:1256px){
	.catconc1{
		width: calc(100% - 300px) !important;
  		min-width: calc(100% - 300px) !important;
  		max-width: calc(100% - 300px) !important;
  		padding-left: 0 !important;
  		padding-right: 0px !important;
	}
	.catconc2{
		width: 300px !important;
  		max-width: 300px !important;
 	 	min-width: 300px !important;
  		padding-left: 0px !important;
  		padding-right: 0px !important;
	}
}
@media only screen and (max-width:1255px){
	.catconc1{
		 width: calc(100% - 300px) !important;
  		min-width: calc(100% - 300px) !important;
  		max-width: calc(100% - 300px) !important;
  		padding-left: 0px !important;
  		padding-right: 0px !important;
	}
	.catconc2{
		width: 300px !important;
  		max-width: 300px !important;
 	 	min-width: 300px !important;
  		padding-left: 0px !important;
  		padding-right: 0px !important;
	}
}





@media only screen and (min-width:1020px) and (max-width:1150px){
/*Set row widths*/
	.sidebarinsidec1{
		width: 65% !important;
		min-width: 65% !important;
		max-width: 65% !important;
	}
	.sidebarinsidec2{
		width: 35% !important;
		min-width: 35% !important;
		max-width: 35% !important;
	}
	/* Set 3-1 sidebar container coluimn widths + padding*/
	.sidebar-c1{
		width: calc(100% - 300px) !important;
		min-width: calc(100% - 300px) !important;
		max-width: calc(100% - 300px) !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.sidebar-c1 .et_pb_row_inner{
		padding-top: 0px !important;
	}
	.sidebar-c2{
		width: 300px !important;
		max-width: 300px !important;
		min-width: 300px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}





/*---------- HOME PAGE ---------------*/

/*------REMOVE DEFAULT SIDEBAR - HOMEPAGE------*/
/*remove default sidebar container*/
.blog .et_pb_extra_column_sidebar{
	display: none !important;
}
/*make main column full width + remove xtra padding*/
.blog .et_pb_extra_column_main{
	width: 100% !important;
	min-width: 100% !important;
	padding-right: 0px !important;
}
/*remove new sidebar border + xtra padding*/
.et_pb_sidebar{
	border-right: 0px solid transparent !important;
	padding-right: 0px !important;
}


/*--- SIDEBAR MODULE TWEAKS---*/
.et_pb_gutters3 .et_pb_column_1_4 .et_pb_widget,.et_pb_gutters3 .et_pb_column_1_4 .widget{
	margin-bottom: 30px !important;
}


/*--------- SINGLE POST ------- */
/*set widebar width*/
@media only screen and (min-width:1019px){
.et_pb_extra_column_sidebar{
	width:300px !important;
	max-width: 300px !important;
	min-width: 300px !important;
	padding: 0px !important;
}
}
/*set main column width*/
.category .et_pb_extra_column_main{
	width: calc(100% - 300px) !important;
	min-width: calc(100% - 300px) !important;
	padding-right: 0px !important;
}

/*------------------ ELEMENTS TO BE ADDED TO LIBRARY - DEPENDENT CODE ------------ */
.1c-sidebar-inside-c1 {
	padding-top: 0px !important;
}

/*-----3-1 container, 75%, 25% + sidebar (NOTE: add these containers to library for re-use-------*/
@media only screen and (min-width:1151px){
	/*Set row widths*/
	.sidebarinsidec1{
		width: 75% !important;
		min-width: 75% !important;
		max-width: 75% !important;
	}
	.sidebarinsidec2{
		width: 25% !important;
		min-width: 25% !important;
		max-width: 25% !important;
	}

	/* Set 3-1 sidebar container coluimn widths + padding*/
	.sidebar-c1{
		width: calc(100% - 300px) !important;
		min-width: calc(100% - 300px) !important;
		max-width: calc(100% - 300px) !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.sidebar-c1 .et_pb_row_inner{
		padding-top: 0px !important;
	}
	.sidebar-c2{
		width: 300px !important;
		max-width: 300px !important;
		min-width: 300px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}
@media only screen and (min-width:1025px) and (max-width:1150px){
	/*Set row widths*/
	.3-1row-c1{
		width: 65% !important;
		min-width: 65% !important;
		max-width: 65% !important;
	}
	.3-1row-c2{
		width: 35% !important;
		min-width: 35% !important;
		max-width: 35% !important;
	}
	/* Set 3-1 sidebar container coluimn widths + padding*/
	.sidebar-c1{
		width: calc(100% - 300px) !important;
		min-width: calc(100% - 300px) !important;
		max-width: calc(100% - 300px) !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.sidebar-c1 .et_pb_row_inner{
		padding-top: 0px !important;
	}
	.sidebar-c2{
		width: 324px !important;
		max-width: 300px !important;
		min-width: 300px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}




/*-------SECONDARY HEADER TWEAKS----*/
/*Add 'MENU' to secondary menu*/
#et-trending-button{
	width: 90px !important;
}
#et-trending-button::before{
	content: "MENU";
	color: white !important;
	font-size: 18px !important;
	float: left;
	line-height: 13px;
    font-weight: 700;
}
#et-trending-button span{
	margin-left: 65px !important;
}


/*----------------- CLASSIFIEDS -------------------*/
/*Main Page*/
@MEDIA ONLY screen and (min-width:981px){
	.class-cont-c1{
		width: calc(100% - 300px) !important;
    min-width: calc(100% - 300px) !important;
    max-width: calc(100% - 300px) !important;
    padding-left: 0px !important;
    padding-right: 20px !important;
    margin-right: 0px !important;
	}
	.class-cont-c2{
		width: 300px !important;
		max-width: 300px !important;
		min-width: 300px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
		margin-right: 0px !important;
	}
	.class-sidebar{
		padding-right: 0px !important;
    border-right: none !important;
	}
}
/*Single Listing*/
.classified .post-wrap{
	padding-top: 25px !important;
}
/*Widgets*/
.adverts-grid-compact{
	padding-left: 5px !important;
	padding-right: 5px !important;
}

/*----------------- EVENTS -------------------*/
/*Fix single event padding*/
.event_listing .post-wrap{
	padding-top: 15px !important;
}


/*----------------- OBITS -------------------*/
@media only screen and (min-width:981px){
	/*Default layout changes*/
	.single-obituary  .post-wrap{
		padding: 0px !important;
	}
	.single-obituary .entry-title{
		display:none !important;
	}
	.single-obituary  .post-content{
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	/*Pod Layout Changes*/
	.obit-wrapper{
		display: flex;
		flex-wrap:wrap;
	}
	.obit-leaderboard-1{
		width: 100%;
		margin-bottom: 30px;
	}
	.obit-leaderboard-2{
		width: 100%;
		margin-top: 30px;
	}
	.obit-container{
		display: flex !important;
		width: calc(100% - 310px) !important;
		padding-right: 30px !important;
	}
	.obit-sidebar{
		width: 300px;
		margin-right: 10px !important;
	}
	.obit-left{
		flex-basis: 35% !important;
		padding: 10px !important;
	}
	.obit-right{
		flex-basis: 65% !important;
		padding-left: 15px !important;
		padding-top: 10px !important;
		padding-right: 10px !important;
	}
	.single-obit .post-content{
		margin-bottom: 0px !important;
	}
	/*Image*/
	.obit-image{
		padding: 10px;
		background-color: #f3f2f2;
	}
	.obit-image img{
		width: 100% !important;
	}
	/*Name*/
	.obit-h1{
		color: #a91f23 !important;
	    font-size: 40px !important;
		padding-bottom: 0px !important;
	}
	/*Date*/
	.obit-dates{
		display: flex;
	    font-weight: 600;
	    font-size: 17px;
	    margin-bottom: 15px;
		color: black !important;
	}
	.obit-born{
		margin-right: 0px;
	}
	.obit-died{
		margin-left: 5px;
	}
	/*Divider*/
	.obit-divider{
		height: 5px;
	    border-top: 1px dotted #d6d6d6;
	    padding-bottom: 9px;
	    margin-right: 20px;
	}
}
@media only screen and (min-width:650px) and (max-width:980px){
	/*Default layout changes*/
	.single-obituary  .post-wrap{
		padding: 0px !important;
	}
	.single-obituary .entry-title{
		display:none !important;
	}
	.single-obituary  .post-content{
		margin-top: 0px !important;
	}
	/*Pod Layout Changes*/
	.obit-wrapper{
		display: flex;
		flex-wrap:wrap;
	}
	.obit-leaderboard-1{
		width: 100%;
		margin-bottom: 30px;
	}
	.obit-leaderboard-2{
		width: 100%;
		margin-top: 30px;
	}
	.obit-sidebar{
		width: 310px;
		margin-right: 10px !important;
	}
	.obit-container{
		display: flex !important;
		flex-wrap:wrap;
		width: 100% !important;
		padding-right: 0px !important;
	}
	.obit-left{
		flex-basis: 100% !important;
		padding: 10px !important;
		max-width: 400px !important;
	}
	.obit-right{
		flex-basis: 100% !important;
		padding-left: 15px !important;
		padding-top: 10px !important;
		padding-right: 10px !important;
	}
	/*Image*/
	.obit-image{
		padding: 10px;
		background-color: #f3f2f2;
	}
	.obit-image img{
		width: 100% !important;
	}
	/*Name*/
	.obit-h1{
		color: #a91f23 !important;
	    font-size: 40px !important;
		padding-bottom: 0px !important;
	}
	/*Date*/
	.obit-dates{
		display: flex;
	    font-weight: 600;
	    font-size: 17px;
	    margin-bottom: 15px;
		color: black !important;
	}
	.obit-born{
		margin-right: 0px;
	}
	.obit-died{
		margin-left: 5px;
	}
	/*Divider*/
	.obit-divider{
		height: 5px;
	    border-top: 1px dotted #d6d6d6;
	    padding-bottom: 9px;
	    margin-right: 20px;
	}
}

@media only screen and (max-width:649px){
	/*Default layout changes*/
	.single-obituary  .post-wrap{
		padding: 0px !important;
	}
	.single-obituary .entry-title{
		display:none !important;
	}
	.single-obituary  .post-content{
		margin-top: 0px !important;
	}
	/*Pod Layout Changes*/
	.obit-wrapper{
		display: flex;
		flex-wrap:wrap;
	}
	.obit-leaderboard-1{
		width: 100%;
		margin-bottom: 30px;
	}
	.obit-leaderboard-2{
		width: 100%;
		margin-top: 30px;
	}
	.obit-sidebar{
		width: 310px;
		margin-right: 10px !important;
	}
	.obit-container{
		display: flex !important;
		flex-wrap:wrap;
		width: 100% !important;
		padding-right: 0px !important;
	}
	.obit-left{
		flex-basis: 100% !important;
		padding: 10px !important;
		max-width: 400px !important;
	}
	.obit-right{
		flex-basis: 100% !important;
		padding-left: 15px !important;
		padding-top: 10px !important;
		padding-right: 10px !important;
	}
	/*Image*/
	.obit-image{
		padding: 10px;
		background-color: #f3f2f2;
	}
	.obit-image img{
		width: 100% !important;
	}
	/*Name*/
	.obit-h1{
		color: #a91f23 !important;
	    font-size: 40px !important;
		padding-bottom: 0px !important;
	}
	/*Date*/
	.obit-dates{
		display: flex;
	    font-weight: 600;
	    font-size: 17px;
	    margin-bottom: 15px;
		color: black !important;
	}
	.obit-born{
		margin-right: 0px;
	}
	.obit-died{
		margin-left: 5px;
	}
	/*Divider*/
	.obit-divider{
		height: 5px;
	    border-top: 1px dotted #d6d6d6;
	    padding-bottom: 9px;
	    margin-right: 20px;
	}
}



/*----OBITS GRID-------*/
.page-id-48162 .dp-dfg-item{
	border: 1px solid gray;
}
.page-id-48162 .dp-dfg-header h2,.page-id-48162 .dp-dfg-header a{
	font-size: 26px !important;
    color: #a91f23 !important;
}
.page-id-48162 .dp-dfg-meta{
	margin-top: -28px !important;
}
.page-id-48162 .published{
	font-style: italic;
	font-size: 12px !important;
}
.page-id-48162 .published::before{
	content:"Published: ";
	font-style: italic;
}
.page-id-48162 .dp-dfg-custom-content{
	grid-row: 3 !important;
}
.page-id-48162 .dp-dfg-content{
	grid-row: 4 !important;
}
.dp-dfg-image img{
	height: 100% !important;
  object-fit: cover !important;
}
.dp-dfg-custom-content{
	display: flex;
}
.dp-dfg-custom-content:first-child{
	display: none !important;
}
.dp-dfg-item{
	border-top: 0px solid transparent !important;
}


/*---HOME PAGE TWEAKS----*/
/*No img blog module*/
.blog-noimg .post-content{
	width: 100% !important;
	padding-left: 0px !important;
}
.blog-noimg .header{
	width: 0% !important;
}
.blog-noimg .post{
	padding: 5px !important;
}
/*No-hdr blog module*/
.blog-nohdr .module-head{
	display: none !important;
}
.blog-nohdr{
	border-top: none !important;
	padding-top: 10px !important;
}
/*NLOG HDR*/
.blog-hdr h2 a:hover{
	color: red !important;
	transition: 0.4s ease-in-out;
}
.blog-hdr h2 a{
	transition: 0.2s ease-in-out;
	color: white !important;
}



/*------------------ TEMPORARY DEV STYLES ------------- */

/*-----temp // remove image widget title ------ */
.widget_media_image .widgettitle{
	display: none !important;
}

@media (min-width: 981px) {
.et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column {
    margin-right: 1.5%!important;
}
}