/*!
Theme Name: Canadian Lutheran : LCC Child Theme
Theme URI: https://www.canadianlutheran.ca
Description: Custom theme by diguno media.
Author: diguno media
Author URI: http://www.diguno.com/
Version: 1.0
Template: lcc
*/

.nav-list li{ position: relative; }
.nav-list .sub-menu{
	position: absolute;
	z-index: 999;
	padding: 10px;
	margin: 0;
	background: rgba(255,255,255,0.8);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	left: -20px;
	width: 200px;
	display: none; 
}
.nav-list li:hover .sub-menu{ display: block; }

.nav-list .sub-menu li{
	display: block;
	text-align: left;
}

.ads{
	margin: 20px 0;
	text-align: center;
}
.ads img{ max-width: 100%; }

.post-content .meta{ padding-left: 0; }

.widgets h3.widget-title{ text-transform: uppercase; font-size: 16px; font-weight: bold; background: #006BB6; margin: 15px 0 0; padding: 4px 10px; color: #fff; }
.widgets ul{ margin: 0 0 15px 0; padding: 10px 15px; background: #fff; }
.widgets ul li{ list-style: none; margin-top: 0; font-size: 14px; }

.small{ font-size: 14px; color: #777; }

.commentlist p{ font-size: 15px; }

.canadian-lutheran-header{ margin-bottom: 25px; }

#featured-header .flex-row{ flex-wrap: nowrap; margin: 0; }

#featured-header .white-box{ padding: 0; }

/*.featured-banner{ margin-right: 20px; }*/
.featured-banner .slideElement{ background-size: cover!important; }
.featured-headlines{ flex: 1 1 auto; padding: 10px; }

.headline-summary{ display: flex;justify-content: space-between; }
.headline-summary .thumb{ margin-right: 10px; flex: 0 0 auto; }
.headline-summary .headline-post{ flex: 1 1 auto; }
.headline-summary .meta{ color: #999; font-size: 12px; }

.carouselBtn{ display: none; }

#comments{ display: none;}

.flex_two_thirds .print-btn{ margin-top: 100px; clear: both; text-align: right; }

#featured-header .flex-row{ gap: 20px; }
@media screen and (max-width: 850px){
	#featured-header .flex-row{ flex-wrap: wrap; }
	#featured-header .featured-banner{ flex: 0 0 100%; }
	#featured-header #myGallery{ width: 100%; aspect-ratio: 560/410; height: auto; }

	#featured-header .featured-headlines:after{ content:''; clear: both; display: block; }
	#featured-header .headline-summary{ float: left; width: 48%; margin-right: 2%; }
}

@media screen and (max-width: 650px){
	#featured-header .headline-summary{ float: none; width: 100%; margin-right: 0; }
}