/* Style Index * /

#0 Reset
#1  Sidenav: ENDPOST feed


/* #0 Reset */


/* ------------------------------------------------------------
* #1 BLOG FEED ENTRIES
* ------------------------------------------------------------ */

    .articleblog-list .blogtopic {
		margin: 0 10px; /* Set here the padding for the preview text */
		padding-top: 3px;
		margin-bottom: 35px !important;
		}
    .articleblog-list .blogtopic h4 {
		margin: 0 0 12px;
		font: normal 20px/24px Signika !important;
		font-weight: 300;
		color: #E3CCAE !important;
		width: 100%;
		height: auto !important;
		}
    .articleblog-list .blogtopic h4 a {
		color: #E3CCAE;
		text-decoration: none;
		font-weight: 300;
		}
    .articleblog-list .blogtopic h4 a:hover {
		opacity: 0.70;
		}
    .articleblog-list .blogtopic p {
		margin: 8px 0 0 0;
		font: normal 13px/20px arial; !important;
		color: #888 !important;
		}
    .articleblog-list .blogtopic p span a {
		padding-left: 6px !important;
		font-style: italic !important;
		font-size: 13px;
		color: #aaa !important;
		}
		
	@media (min-width: 730px) {
		
		.articleblog-list .blogtopic p {
			margin: 0 0 0 91px;
			}
		.articleblog-list .blogtopic h4 {
			margin: 0 0 8px 91px;
			font: normal 18px/22px Signika !important;
			}
		}

.item-content-lets {
	margin-top: 20px;
}


<!-- *** BEGIN CONTENT FRAMES CODE ****************** -->

	.articletopic-list .itemtopic {
		border-top: 0px solid #ddd;
		}
    	.articletopic-list .itemtopic {
		margin-bottom: 55px;
		margin-left: 0px;
		margin-right: 25px;
		margin-top: 15px;
		}
    .articletopic-list .itemtopic img {
		display: block;
		margin: 0 auto 20px;
		border: 1px solid #C0bfbc;
		background: #fff;
		padding: 2px;
		width: 75px;
		max-width: 75px;
		height: 75px;
		box-shadow: 0 0 4px rgba(0,0,0,0.15);
		}
    .articletopic-list .itemtopic h4 {
		margin: 0 0 8px;
		font: normal 17px/22px Signika !important;
		font-weight: 400;
		color: #C75A35 !important;
		padding-left: 8px;
		}
    .articletopic-list .itemtopic h4 a {
		color: #C75A35;
		text-decoration: none;
		}
    .articletopic-list .itemtopic h4 a:hover {
		color: #232323;
		}
    .articletopic-list .itemtopic p {
		margin: 0;
		font-size: 14px;
		line-height: 20px;
		padding-left: 8px;
		}
    .articletopic-list .itemtopic p.timestamp {
		margin: 0 0 8px;
		font-size: 11px;
		color: #aaa;
		padding-left: 8px;
		}
    .articletopic-list .itemtopic p a {
		color: #c12026;
		text-decoration: none;
		}
    .articletopic-list .itemtopic p a:hover {
		opacity: 0.70;
		}
    .articletopic-list .itemtopic p span {
		padding-left: 6px !important;
		font-style: italic !important;
		font-size: 13px;
}
	@media (min-width: 620px) {
		.articletopic-list .itemtopic img {
			display: block;
			float: left;
			margin: 0;
			}
		.articletopic-list .itemtopic p {
			margin: 0 0 0 91px;
			}
		.articletopic-list .itemtopic h4,
		.articletopic-list .itemtopic p.timestamp {
			margin: 0 0 8px 91px;
			}

}







.articletopic-list .itemtopic .item-header .item-photo {
	
	padding:0px;
	border:0px solid #abaaa6;
}







 .aarticlegallery-list {
    	margin: 0; 
        border-top: 1px solid #ddd; 
        border-bottom: 1px solid #ddd; 
        padding: 30px 0 15px;
		overflow: auto;
    	}
	.aarticlegallery-list .itemgallery {
		float: left;
		position: relative;
		display: inline-block;
		margin: 0 15px 15px 0;
		padding: calc((100% - 30px) / 3 * .75) 0 0;
		width: calc((100% - 30px) / 3);
		height: 0;
    	}
    .aarticlegallery-list .itemgallery:nth-child(4n-1) {
		margin: 0 0 15px 0;
    	}
    .aarticlegallery-list .itemgallery a img {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 2;
		display: block;
		margin: 0;
		border: 1px solid #C0bfbc;
		background: #fff;
		padding: 3px;
		width: calc(100% - 8px);
		height: calc(100% - 8px);
		box-shadow: 0 0 4px rgba(0,0,0,0.15);
		}
    .aarticlegallery-list .itemgallery a:hover img {
		border-color: #090;
		box-shadow: 0 0 8px rgba(0,153,0,0.50);
		}
	@media (min-width: 720px) {
		.aarticlegallery-list .itemgallery {
			padding: calc((100% - 75px) / 6 * .75) 0 0;
			width: calc((100% - 75px) / 6);
			}
		.aarticlegallery-list .itemgallery:nth-child(4n-1) {
			margin: 0 15px 15px 0;
			}
		.aarticlegallery-list .itemgallery:nth-child(7n-1) {
			margin: 0 0 15px 0;
			}
		.aarticlegallery-list .itemgallery a img {
			padding: 5px;
			width: calc(100% - 12px);
			height: calc(100% - 12px);
			}
		}



<!-- *** BEGIN GALLERY FRAMES CODE ****************** -->

 


	.articlegallery-list {
	    	margin: 0; 
	        border-top: 0px solid #ddd; 
	        border-bottom: 0px solid #ddd; 
	        padding: 30px 0 15px;
		overflow: auto;
	    	}
	    .articlegallery-list .itemgallery {
			float: left;
			position: relative;
			display: inline-block;
			margin: 10px 10px 10px 0;
			padding: calc((100% - 30px) / 3 * .75) 0 0;
			width: calc((100% - 30px) / 3);
			height: 0;
	    	}
	    .articlegallery-list .itemgallery:nth-child(4n-1) {
			margin: 10px 10px 10px 0 !important;
	    	}
	    .articlegallery-list .itemgallery:nth-child(7n-1) {
			margin: 10px 10px 10px 0 !important;
	    	}
	    .articlegallery-list .itemgallery a img {
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			z-index: 2;
			display: block;
			margin: 0px 0px 115px 0px !important;
			border: 1px solid #C0bfbc;
			background: #fff;
			padding: 2px !important;
			//width: 225px !important;
			//height: 150px !important;
			width: calc(100% - 8px);
			height: calc(100% - 8px);
			box-shadow: 0 0 4px rgba(0,0,0,0.15);
			}
	    .articlegallery-list .itemgallery a:hover img {
			border-color: #090;
			box-shadow: 0 0 8px rgba(0,153,0,0.50);
			}
		@media (min-width: 720px) {
		
			.articlegallery-list {
			        padding: 30px 0px 0px 7px !important;
	    	}
		
			.articlegallery-list .itemgallery {
				padding: calc((100% - 75px) / 6 * .75) 0 0;
				width: calc((100% - 75px) / 6);
				}
			.articlegallery-list .itemgallery:nth-child(4n-1) {
				margin: 0 15px 15px 0;
				}
			.articlegallery-list .itemgallery:nth-child(7n-1) {
				margin: 0 5px 15px 0;
				}
			.articlegallery-list .itemgallery a img {
				padding: 5px;
				width: calc(100% - 12px);
				height: calc(100% - 12px);
				}
		}





<!-- *** BEGIN SIDENAV CODE ****************** -->

.articletopic-list.ideasblog {
}
.articletopic-list.ideasblog h4.title {
	font: normal 18px/24px Signika !important;
	margin-left: 35px;
	margin-right: 35px;
}	
.articletopic-list.ideasblog h4.title a {
	color: #222 !important;
	}
	
.articletopic-list.ideasblog h4.title a:hover {
	color: #C75A35 !important;
	}
.articletopic-list.ideasblog p.snippet  {
	font-size: 14px !important;
	line-height: 18px;
	font-weight: 400;
	color: #444;
	margin-left: 35px;
	margin-right: 35px;
}
.articletopic-list.ideasblog p span {
	padding-left: 6px !important;
	font-size: 13px !important;
	font-style: italic !important;
}
.articletopic-list.ideasblog p.datesnip  {
	font-size: 11px !important;
	font-weight: 400;
	color: #999;
	margin-top: -10px;
	margin-left: 35px;
	margin-right: 35px;
}



.breaktext  {
		font-size: 11px !important;
		line-height: 30px;
		color: #aaa;
		margin-left: 400px;
		}


.tagentry {
	padding: 5px 10px 15px 5px;
	font: normal 13px/16px Signika !important;
	font-weight: 400;
	color: #C75A35 !important;
	//padding-left: 8px;
	//display: none !important;
	}
	
.tagentry.idea {
	margin-top: 2px;
	}	
	
.tagentry a {
	color: #777 !important;
	}
	
.tagentry a:hover {
	color: #C75A35 !important;
	}
		
		
/* ========================= RESPONSIVE STYLES FIXES ======================== */

/* --------------------------- 940px-1199px --------------------------- */

@media only screen and (max-width: 1199px) and (min-width: 1000px) {
	
	
}

/* ---------------------------- 768px-999px --------------------------- */

@media only screen and (max-width: 999px) and (min-width: 768px) {
	
	
}

/* ------------------------------ 0-999px ---------------------------- */

@media only screen and (max-width: 999px) {


	
		.articletopic-list .itemtopic {
			margin-right: 0px !important;
		}
			
		.articlegallery-list .itemgallery {
			margin-bottom: 70px !important;
			//display: none !important;
			}
			.articlegallery-list .itemgallery:nth-child(4n-1) {
				margin-bottom: 70px !important;
				}
			.articlegallery-list .itemgallery:nth-child(7n-1) {
				margin-bottom: 70px !important;
				}
	
	

	
}

/* ------------------------------ 0-767px ---------------------------- */

@media handheld, only screen and (max-width: 767px) {
	
	
	
	
}

/* ---------------------------- 480px-767px -------------------------- */

@media handheld, only screen and (max-width: 767px) and (min-width: 480px) {

		.articletopic-list .itemtopic {
			margin-right: 0px !important;
			}
		.articlegallery-list .itemgallery {
			margin-bottom: 90px !important;
			//display: none !important;
			}
			.articlegallery-list .itemgallery:nth-child(4n-1) {
				margin-bottom: 90px !important;
				}
			.articlegallery-list .itemgallery:nth-child(7n-1) {
				margin-bottom: 90px !important;
				}
	
}

/* ---------------------------- 320px-479px -------------------------- */

@media handheld, only screen and (max-width: 479px) {

		.short-tabs.endpost li.feedmobile  {
			display: none !important;
		}
		
		.articlegallery-list .itemgallery {
			margin-bottom: 90px !important;
			display: none !important;
			display: block !important;
			}
		.articlegallery-list .itemgallery:nth-child(4n-1) {
			margin-bottom: 90px !important;
			display: block !important;
			}
		.articlegallery-list .itemgallery:nth-child(7n-1) {
			margin-bottom: 90px !important;
			display: block !important;
			}
		.tagentry {
			font: normal 11px/14px 'Open Sans', sans-serif !important;
			padding-bottom: 30px !important;
			margin-bottom: 30px !important;
		}
		
	
}