/*
 Theme Name:   A3PCON
 Description:  Theme for A3PCON.org based on Kingpower theme
 Author:       CreativeCreate
 Template:     kingpower-v1-09
 Version:      1.0.0
*/


/* ---- custom style -- */


.blog-continue-reading, .more {
	font-style: normal;
	background: #8bc63f;
	border-radius: 4px;
	color: #fff;
	padding: 0 2%;
	text-transform: uppercase;
	font-size: 80%;
}
	/*.blog-continue-reading {background: #004d74;}*/



/* contact form  */
input::placeholder{
	color: #8fb4ca ;
}

input[type=text], input[type=password], textarea, input[type=tel], input[type=email] {background: #fafafa;-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);border: 1px solid #ddd;color: #888;padding: 3px;}
#ext, #ext-other {width: 60px;}
.msignup {margin: 2% 2% 0 0;width: 30%;float: left;}
form.wpcf7-form input[type=text], form.wpcf7-form input[type=password],form.wpcf7-form textarea {width: 90%;}
.contactinfo {float: left;margin: 2% 2% 0 0;width: 65%;}
#buttons {clear: both;}
.membershipsignup {background: rgba(255, 255, 255, 0.38);border-radius: 12px;padding: 4%;}
input.wpcf7-captchar {width: 80px !important;}
.membership-steps {margin-bottom: 2%;color: #BEBEBE;}
.membership-steps strong {color: #00537E;}
#MembershipType .wpcf7-list-item {display: block;}
a.formlink {background: #7BC043;border: 0px;color: white;padding: 4px 7px 4px 7px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;font-size: 9pt;cursor: pointer;display: none;text-decoration: none;}


.gdl-column-item div.campaign, #jobmanlatestjobswidget-2 li { 
	width: 98% !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px dotted #93CBFF;
	padding: 7px 0px 7px 15px;
}
.gdl-column-item div.campaign { font-weight: 600;}
.gdl-column-item div.campaign a { font-weight: normal; }
div.custom-sidebar ul li { border-style: dotted; border-bottom-color: #93CBFF;}

ul#twitter_update_list li { border-bottom-style: dotted; border-bottom-color: #fff;}

#subscribe-email input {width: 65% !important; padding: 3% !important; float: left !important; margin-right: 2% !important;}
#subscribe-submit input[type="submit"] {padding: 3.5% 4% !important;background: #8bc63f !important;color: #000 !important;}

ul.shortcode-list li {line-height: normal;border-bottom: 1px dotted #2C6F0D;margin-left: 2%;padding: 1%;}
ul.shortcode-list {margin-bottom: 3%;}
.gdl-page-content h1, .gdl-page-content h2{margin: 1em 0}

#wpcf7-f445-o1 input, #wpcf7-f445-o1 input[type=password], #wpcf7-f445-o1 textarea, #wpcf7-f445-o1 {
	width: 90%;
	padding: 2%;
	margin: 1% 0;
}
#wpcf7-f445-o1 input[type="submit"]{
	padding: 2.25% 4%;
	background: #8bc63f;
	color: #000;
	width: auto;
}


#google_translate_element {
	width: 150px;
	overflow: hidden;
	height: 30px;
	padding: 0px !important;
	float: left;
	margin-right: 5%;
}
.h_link {margin-top: 10px;display: inline-block;}
.goog-te-combo {
	background: rgba(61, 61, 61, 0.53);
	color: #ccc;
	border: none;
	padding: 4px;
	font-size: 12px;
	border-radius: 4px;
}
div.top-navigation-right {min-width: 28%;}
.top-navigation-right-text {white-space: nowrap;}
div.social-wrapper {margin-left: 25px;margin-top: 10px;}




/* 
* HOMEPAGE REVAMP STYLES
* STYLES ASSOCIATED WITH 2018 HOMEPAGE REVAMP
*/

	/*
	// colors
	
	- BLUE        = #307096
	- BLUE-DARK   = #004e7f
	- BLUE-LIGHT  = #6798b2
	- BLUE-LIGHT2 = #8fb4ca
	- GREEN       = #74c141
	- GRAY-DARK   = #4d4d4d
	
	// FONTS
	- HEADER      = 'Volkhov'
	- BODY        = 'Brawler'

	*/


/* HEADER */
	/* clear styles */
html,
body {
	font-family: 'Brawler', serif;
	font-size: 16px;
	
}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	font-family: inherit;
	font-size: initial;
}


h1, h2, h3, h4, h5, h6
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-family: 'Volkhov', 'sans-serif';
	font-weight: 500;
	font-size: inherit;
}


table, tbody, th, tr, td{
	border: 0;
}


/*
* ELEMENTS :::::::::: 
*/

/* buttons */
.a3pcon-btn,
input.a3pcon-btn{
	background-color: #004e7f;
    color: #fafafa;
    text-align: center;
    letter-spacing: .085rem;
    font-size: 1.25rem;
    text-transform: uppercase;
    line-height: 2.5rem;
    border-radius: .15rem;
}
	.a3pcon-btn:hover{
		background-color: #74c141;
		color: #fafafa;
	}


/*
* LAYOUTS :::::::::: 
*/

/* header */
.header-wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
	/* logo wrapper */
	.header-wrapper > .donate-btn{
		width: 10%;
		flex: 1 0 auto;
	}
	/* donate btn */
	.header-wrapper > .logo-wrapper{
		width: 20%;
		margin: inherit;
		flex: 1 0 auto;
	}
	/* menu wrapper */
	.header-wrapper > .gdl-navigation-wrapper{
		font-family: inherit; 
		float: none;	/*clearstyles*/
		width: auto;
		flex: 1 0 auto;
	}
		/* main menu */
		
		.menu-wrapper > ul{
			width: 100%;
			display: flex;
			justify-content: space-evenly;
			align-items: center;
		}
			.menu-wrapper > ul > li{
				float: none !important;				/*clearstyles*/
				padding: inherit !important; 		/* clearstyles */
				
				flex: 1 0 auto;
				text-align: center;
				border-right: 1px solid;
			}
				.menu-wrapper > ul > li:last-child{ border: 0;}

				ul.sf-menu li a{
					float: none !important;								/* clearstyles */		
					font-family: 'Volkhov', 'sans-serif';				/* clearstyles */		
					
					padding: .5em 1rem;
					margin: 0;
					line-height: inherit;
				}
				#main-superfish-wrapper .gdl-des-prepend{
					float: inherit;
				}
					#main-superfish-wrapper ul li span.gdl-label {
					    text-transform: uppercase;
					    font-size: 1.5rem;
					    line-height: inherit;
					}
					#main-superfish-wrapper ul li span.gdl-label .sf-sub-indicator { display: none; }
					#main-superfish-wrapper ul li span.gdl-description{
						font-size: inherit;
						color: #8fb4ca;
					}
					#main-superfish-wrapper ul li span.gdl-label,
					#main-superfish-wrapper ul li span.gdl-description{
						cursor: pointer;
					}

		.gdl-current-menu{ background: none;  }	
				

		/* sub-menu */
		ul.sf-menu li:hover ul, 
		ul.sf-menu li.sfHover ul{
			top: 4em !important; /* overwrite inline */
		}
			ul.sf-menu ul li{
				line-height: 2rem;
			}
				ul.sf-menu ul li:first-child a {
					border-top: none !important;
				}
			ul.sf-menu ul li > a{
				border-top: 1px dotted #2C6F0D !important;
			    font-size: 1.15rem;
			    color: #fff;
			    font-weight: 400;
			}
				ul.sf-menu ul li:hover > a, 
				ul.sf-menu ul li > a:hover{ 
					color: #004e7f; 
				}

		/* a3pcon mobile nav */		
			.responsive-menu-wrapper.mobile-menu-trigger > span{
				font-size: 2rem;
				color: #307096 ;
				font-weight: normal;
				cursor: pointer;
			}
				.responsive-menu-wrapper.mobile-menu-trigger > span:hover{
					color: #74c141;
				}
			
				.responsive-menu-wrapper.mobile-menu-trigger > span::before{
					content: "\f0c9";
    				font-family: fontawesome;
				    vertical-align: middle;
				}

			ul#menu-mobile-menu{
				position: absolute;
				visibility: hidden;
				opacity: 0;
				background-color: #307096;
				transition: visibility 0s, opacity .5s linear;	
				
				/*display: flex; is set at below regular media */    
				margin: 0;
			    justify-content: start;
			    flex-wrap: wrap;
			    max-width: 100%; /* max 360 hscroll */	
			} 
				ul#menu-mobile-menu.menu-active{
					position: inherit;
					visibility: visible;
					opacity: 1;
				}
				#menu-mobile-menu li{ 
					list-style: none;
					margin: 0 0.5rem 0;
					box-sizing: border-box;
					padding: 0;
					border-bottom: 1px dotted #8fb4ca;
					width: calc(100vw/3.25);
					flex: 0 1 auto;
				}
					#menu-mobile-menu li a{
						display: block;
						font-family: 'Volkhov';
						color: #fff;
						padding: 1rem;
						margin: 0; 
						
						/*border-right: 1px dotted #8fb4ca;*/
					} 
						#menu-mobile-menu li:last-child a{ border: 0; }
						#menu-mobile-menu li:hover a,
						#menu-mobile-menu li a:hover{
							background-color: #74c141; 
						}



/*
	// colors
	
	- BLUE        = #307096
	- BLUE-DARK   = #004e7f
	- BLUE-LIGHT  = #6798b2
	- BLUE-LIGHT2 = #8fb4ca
	- GREEN       = #74c141
	- GRAY-DARK   = #4d4d4d
	
	// FONTS
	- HEADER      = 'Volkhov'
	- BODY        = 'Brawler'

	*/


/* footer */
	/* email signup */
div#mc_embed_signup{
	background-color: #8fb4ca;
    margin: 0 auto;
    padding: 4em 0;
}
	#mc_embed_signup form{
		width: 80%;
		margin: auto;
		text-align: center;
	}
		input#mce-EMAIL {
			color: #6798b2 ;
			font-size: initial; /*reset input size*/
			width: 50%;
			padding: 1rem;
		}
		input#mc-embedded-subscribe {
			font-size: initial; /*reset btn size*/
			line-height: initial; /*reset btn line-height*/
			padding: 1rem;
			
		}
		input#mc-embedded-subscribe {

		}

	/* member-logos */
	.member-logos td > div{width: 100% !important;height: 89px !important;}
	.member-logos span#temp ~ table {border:0px !important;}


	/* widgets */
.footer-wrapper {
	font-family: 'Volkhov', serif;
	color: #fafafa;
}
.footer-wrapper .custom-sidebar{
	text-align: center;
	font-size: .95rem;
	font-weight: 400;
}
	.custom-sidebar.widget_nav_menu{
		margin-bottom: 0 !important;
	}

		.footer-wrapper ul.menu{
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			align-items: center;
			width: 90%;
			margin: 0 auto;
		}
			.footer-wrapper ul.menu > li{
				background: none !important; /* remove bg arrow */
				border-bottom: 0;

				font-size: 1.15rem;
				font-weight: 400;
				border-right: 1px solid #fff;
				flex: 0 0 auto;
				padding: 0 1rem;

			}
				.footer-wrapper ul.menu > li:last-child{ border-right: 0; }
				
				.footer-wrapper ul.menu > li > a{ 
					font-family: inherit;
					font-size: 1.25rem;
				}
				
div.copyright-left{
	color: #8fb4ca;
	font-size: .85rem;
	line-height: 1.5em;
}


/* News/Event lists */

.news-event-container{
	margin: 1rem 0;
}
	/* headers */
	.news-container > h2, .event-container > h2{
		position: relative;
		font-size: 1.75rem;
		margin: 0 1rem;
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	}
	.news-container > h2::after, .event-container > h2::after{
		content: ' ';
	    border-bottom: 1px solid #004e7f;
	    flex: 1 0 auto;
	    margin-left: 1rem;
	}

	/* list items*/
	.a3pcon-news,
	.a3pcon-events{
		display: flex;
		justify-content: space-between;
	}

	.post-news-list,
	.post-events-list{
		width: 32%;
		color: inherit;
		padding: .5rem .5rem 1.5rem;
		margin: 1rem 0.25rem;
	}
		.post-news-list:hover,
		.post-events-list:hover{
			box-shadow: 0 0 10px #ccc;
			color: #6798b2;
		}
	
		.post-events-list{
			margin-bottom: 0;
		}
		
		.post-item-description,
		.event-item-description {
		    font-size: .85rem;
		}




		/* News Items */

		.post-item-header {
		    height: 150px;
		    background-size: cover;
		    background-position: center;
		    background-repeat: no-repeat;
		    position: relative;
		}
			.post-item-header > span {
			    position: absolute;
			    bottom: 0;
			    text-align: center;
			    text-transform: uppercase;
			    color: #fafafa;
			    line-height: 1.05rem;
			    background-color: #74c141;
			    padding: .5rem 1rem;
			}
		.post-news-list > h3 {
			font-size: 1rem;
			margin-top: 1rem;
			min-height: 2.25rem;	/* for short headers */
		}

		
		/* Event Items */
			/*header wrapper*/
		.event-item-header {
		    display: flex;
		    justify-content: space-between;
		    align-items: center;
		    
		    background: #6798b2;
			background: -moz-linear-gradient(left, #6798b2 25%, #004e7f 25%);
			background: -webkit-linear-gradient(left, #6798b2 25%,#004e7f 25%);
			background: linear-gradient(to right, #6798b2 25%,#004e7f 25%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6798b2', endColorstr='#004e7f',GradientType=1 );
		}
			/*date span*/
			.event-item-header > span:first-child {
				width: 15%;
				text-align: center;
			    text-transform: uppercase;
			    line-height: 1rem;
			}

			/*time and title span*/
			.event-item-header > span:last-child {
				width: 75%;
			}
				/* time/title common */
				.event-item-header > span:last-child > * {
					display: block;
				}
				/* time */
				.event-item-header > span > span:last-child {
					line-height: 1rem;
				}
				/* title */
				.event-item-header > span:last-child a {
					clear: right;
					display: inline-block;
					color: #fafafa;
				}

			/*event header - date, time, title fonts */
			.event-item-header > span:first-child,
			.event-item-header > span:last-child > * {
				font-size: 1rem; /*theme use inherit*/
			}
			
			.event-item-header > span {
			    color: #fafafa;
			    padding: 1rem;
			}
		.post-events-list > h3 {
			font-size: 1rem;
			margin-top: 1rem;
			min-height: 2.25rem;	/* for short headers */
		}

		/* single news */
			/* remove mailchimp format error */
		td.mcnDividerBlockInner {
		    display: none;
		}


/* 
* sliders 
*/

/* News/Event slider */

.featured-posts-slider{
	display: flex;
	justify-content: space-between;
}

.featured-news-slider,
.featured-event-slider{
	position: relative;
	width: 55%;
	color: inherit;
	padding: 0;
	margin: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
	.featured-news-slider:hover .s-content,
	.featured-event-slider:hover .s-content{
		background-color: #307096;
	}

	/* slider items */
	.s-content {
	   	color: #fafafa;
	    background-color: #004e7f;
	    width: auto;
	    max-width: 80%;
	    position: absolute;
	    padding: 1.5rem 2rem 1rem 1em;
	    bottom: 10%;
	}
		.s-content > .s-tag{
			position: absolute;
			top: -1em;
			background-color: #74c141;
			padding: .15rem .35rem;
			font-size: .75rem;

		}
		.s-content > h3 {
			color: #fafafa;
			font-size: 1rem;
			font-weight: 500;
			margin: 0;
		}
		.s-content > .s-date,
		.s-content > .s-author {
			color: #8fb4ca;
		}
	
	/* event slider */
.featured-event-slider{
	width: 45%;
}
	.featured-event-slider.event-featured-img{
		background-position: top left;
	}
	.featured-event-slider.event-default-img{
		
	}

	.featured-event-slider .s-content {
		max-width: 75% ;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
		.featured-event-slider .s-content > .s-date {
			flex: 1 0 18%;
		    font-size: 1.25rem;
		    text-align: center;
		    line-height: 1.5rem;
			
			padding-right: .5rem;
			margin-right: .5rem;
			border-right: 1px solid #8fb4ca;
		}
		.featured-event-slider .s-content > h3 {
			flex: 0 1 auto;
		}


/*  
* HOME ASIDE ITEMS
*/
.page-wrapper.single-page > .row > .columns{ 
	padding: 0 1rem; 		/* clear theme styles */
}
.page-wrapper.single-page > .row{
	color: #6798b2;
	padding: 0;
	border-radius: .25rem;

	font-size: .85rem;
	line-height: initial;

}
	/* aside bottom */
	.page-wrapper.single-page > .row:nth-child(3){
		background-color: #8fb4ca;
		color: #fafafa;

		padding: .75rem 0;
		margin: 1.5rem 0;
		text-align: center;

	}
	
	/* clear theme col styles for front-page */
	.featured-posts-slider + div.row > div,
	.featured-posts-slider + div + div.row > div{
		width: auto;
		padding: inherit;
		float: none;
	}
		.featured-posts-slider + div.row div.gdl-header-wrapper,
		.featured-posts-slider + div + div.row div.gdl-header-wrapper {
		    margin-bottom: inherit;
		}	
		.featured-posts-slider + div.row div.gdl-header-wrapper > div[class^=gdl-header-],
		.featured-posts-slider + div + div.row div.gdl-header-wrapper > div[class^=gdl-header-] {
			display: none;
		}
	/* end clear styles */
		
		/*  home aside content */
	.featured-posts-slider + div.row h3,
	.featured-posts-slider + div + div.row h3{
		    font-size: 1.25rem;
		    text-transform: uppercase;
		    line-height: 0;
		    padding: 0;
		    margin: 1.5rem 0 1rem;
	}
		/* bottom aside content */
		.featured-posts-slider + div + div.row h3{ 
			margin: 1rem 0 .25rem;
			line-height: 1.25rem;
		}
		
		.featured-posts-slider + div.row h3:first-child, 
		.featured-posts-slider + div + div.row h3:first-child{ 
			margin-top: 1rem !important; 
		}
	
	.featured-posts-slider + div.row > div > div > p:first-child,
	.featured-posts-slider + div + div.row > div > h3 + p{
			font-size: .85rem;
			line-height: 1rem;
			padding-bottom: 1.15rem;
			margin: 0;
		    border-bottom: 1px dotted #307096;
	}
		.featured-posts-slider + div + div.row > div > h3 + p{
			padding-bottom: 1.5rem; 
		}

	.featured-posts-slider + div.row .readmore,
	.featured-posts-slider + div + div.row .readmore{
		font-size: .5rem;
	    text-transform: uppercase;
	    background-color: #74c141;
	    
	    padding: .15rem .25rem;
	    width: 2rem;
	    line-height: inherit;
	    position: absolute;
	    right: 1rem;
	    margin-top: -.5rem;	/* magic number */
	}
		.featured-posts-slider + div + div.row .readmore{
			margin-top: .9rem;
			background-color: #004e7f;
		}
		.featured-posts-slider + div.row .readmore:hover{ background-color: #004e7f; }
		.featured-posts-slider + div + div.row .readmore:hover{ background-color: #74c141; }


/* member logos */
.member-logos {
    padding: 2rem 0;
}


/* 
* HOMEPAGE LAYOUT
*/
.page-wrapper.single-page{
	padding-top: 1rem;
}


.page-wrapper.single-page{
	display: flex;
	justify-content: space-between;
	align-content: flex-start;
	flex-wrap: wrap;
}
	
	/* homepage flex items */
	.featured-posts-slider{
		flex: 0 0 74%;
		box-sizing: border-box;
		height: inherit; 	
	}
	.page-wrapper > .row:nth-child(2){
		flex: 0 0 25%;
		/* height: 350px; */
		box-sizing: border-box;
	}
	.page-wrapper > .row:nth-child(3){
		flex: 0 0 25%;
		order: 4;
	}
	.news-event-container{
		flex: 0 0 74%;
	}


/*
* Google Calendar
*/
.gcal-event-calendar{
	/*margin: 2rem;*/
}
	/* event-items common */
a.gcal-items {
	color: #fafafa;
	border: 0;
	width: auto;
}
	a.gcal-items:hover{ opacity: .75; }
	
	a.gcal-items .fc-content{
		    white-space: pre-wrap;
		    display: inline-block;
			margin: .15rem;
	}
		a.gcal-items .fc-content > span{
			font-size: .9rem;
		    font-weight: 400;
		    line-height: .75rem;
		}
			a.gcal-items .fc-content .fc-time{
				font-weight: 600;
			}
			a.gcal-items .fc-content .fc-time::after{
				content : " | ";
			}

	/*calender item colors	*/
a.a3pcon-cal1{	background-color: #307096; }
a.a3pcon-cal2{ 	background-color : #74c141; }
a.a3pcon-cal3{	background-color: #8e24aa; }
a.a3pcon-cal4{	background-color: #ff6f00; }
	/*single events*/
	.gcal-single-event-wrapper{
	    display: flex;
	    justify-content: space-around;
	    /*align-items: flex-start;*/
	    width: 90%;
	    margin: 3rem auto;
	    border: 1px solid #8fb4ca;
	}
		.gcal-single-event-wrapper + .a3pcon-btn{
			margin: 2rem auto;
			padding: 1rem;
		}

		.single-event-item-header{
			padding: 1rem;
			width:30%;
			background-color: #8fb4ca;
		}
			.single-event-item-header > span{
	    		color: #fafafa;
	    		font-size: 1.15rem;
	    		text-transform: uppercase;
				display: block;
				padding: 1rem 0;
				border-bottom: 1px dotted #fafafa;
			}

		.single-event-item-content{
			padding: 2rem;
			width: 70%;
		}
			.single-event-item-content h3{
				font-size: 2rem;
			}
			.single-event-item-description{
				font-size: 1rem;
			}


/* below 1366 - large */
@media screen and (max-width: 1365px){
	.post-news-list > h3 {
	    min-height: 3.25rem;
	}

	/* evetns */
		/*event header - date, time, title */
	.event-item-header > span:first-child,
	.event-item-header > span:last-child > * {
		font-size: .8rem; /*theme use inherit*/
	}

	/* mobile menu */
	ul#menu-mobile-menu{
		display:none;
	}

}


/* below 1024 - medium */
@media screen and (max-width: 1023px){

	/* header */
.header-wrapper{
	justify-content: space-between;
}
		/* logo wrapper */
		.header-wrapper > .donate-btn{
			width: calc(100vw/4);
			flex: 0 1 auto;
			font-size: 1rem;
		}
		/* donate btn */
		.header-wrapper > .logo-wrapper{
			width: calc(100vw/4);
			flex: 0 1 auto;
		}
		/* menu wrapper */
		div.header-wrapper > .gdl-navigation-wrapper{
			/*width: calc(100vw/3.25);*/
			flex: 1 0 auto;
			padding-bottom: 0;
		}

		/* we add background-color */
		.header-wrapper.container.main {
		    /* background-color: rgba(143, 180, 202, 0.5); */
		    background-color: #eee;
		}
	
	/* menu */
	.header-wrapper .responsive-menu-wrapper{ display: inline-block; }
		div.responsive-menu-wrapper select{ 
			height: 3rem;
		}
	div.navigation-wrapper{ display: none; }
 
	/* mobile menu */
	ul#menu-mobile-menu{
		display:flex;
	}


	/* content layout */
	
	.page-wrapper.single-page{
		display: flex;
		flex-direction: column;
	}
		.featured-posts-slider {
		    height: 250px;
		}
		.page-wrapper.single-page > .row {
		    margin: 2rem auto;
		}
	.page-wrapper.single-page > .row:nth-child(3){
		margin: 0;
	}

	/* set cols for aside items */
	.featured-posts-slider + div.row{
		display: flex;
		justify-content: space-around;
	}
		.featured-posts-slider + div.row > div.clear { display:none; } /*remove clear*/
		.featured-posts-slider + div.row > div {
			flex: 1 0 33.3%;
		}
		.featured-posts-slider + div.row > div > div > p:first-child{
		    min-height: 110px;  /*equal col height*/
		}

	/*event header - date, time, title */
	.event-item-header > span:first-child,
	.event-item-header > span:last-child > * {
		font-size: .8rem; /*theme use inherit*/
	}

}


/* below 768 - small */
@media screen and (max-width: 767px){
	/* header */
	div.header-wrapper > .logo-wrapper{
		padding: 1rem 0;
	}

	/* sliders */
	.featured-event-slider{ display:none; }
	.featured-news-slider{ width: 100%; }
	
	/* aside top */
	.featured-posts-slider + div.row{
		/*display: block;*/
	}
		.featured-posts-slider + div.row > div > div > p:first-child{
			    min-height: 160px;  /*equal col height*/
			}
		
		.featured-posts-slider + div.row h3, 
		.featured-posts-slider + div + div.row h3 {
		    font-size: 1.15rem;
		}

	/* news/events */
	.a3pcon-news, .a3pcon-events {
	    flex-direction: column;
	}
		.post-news-list, .post-events-list{
			width: auto;
		}


		/* evetns */
		.event-item-header > span:first-child{
			width: 20%;
		}
		.event-item-header > span:last-child {
		    width: 70%;
		}
		/*event header - date, time, title */
		.event-item-header > span:first-child,
		.event-item-header > span:last-child > * {
			font-size: 1rem; /*theme use inherit*/
		}
		.post-events-list > h3 {
			min-height: inherit;	/* for short headers */
		}

	/* clear theme styles. go full width */
	.container { max-width: inherit; } 		/* content area */
	div.boxed-style{ max-width: inherit; }     /* footer area */


	/*single events*/
	.gcal-single-event-wrapper{
	    flex-direction: column;
	}
		.single-event-item-header{
			width:auto;
		}

	/* mobile menu */
	#menu-mobile-menu li{ 
		width: calc(100vw/2.25);
	}


}


/* below 600px - smaller */
@media screen and (max-width: 599px){
	
	/* donate */
	.header-wrapper > .donate-btn{
		line-height: 1.85rem ;
		margin: .5rem 0; 
	}
	


	/* evetns */
		.event-item-header > span:first-child{
			flex: 0 0 15%;
		}

	/* aside top */
	.featured-posts-slider + div.row{
		display: block;
	}
		.featured-posts-slider + div.row > div > div > p:first-child{
			    min-height: inherit;  /*equal col height*/
			}

	/* mobile menu */
	#menu-mobile-menu li{ 
		width: calc(100vw);
	}

	/* mobile menu */
	.responsive-menu-wrapper.mobile-menu-trigger > span {
	    font-size: 1.25rem;
	}
}


/* below 360px - smaller */
@media screen and (max-width: 360px){
	
	/*event header - date, time, title */
	.event-item-header > span:first-child,
	.event-item-header > span:last-child > * {
		font-size: .8rem; /*theme use inherit*/
	}



}





/*
	// colors
	
	- BLUE        = #307096
	- BLUE-DARK   = #004e7f
	- BLUE-LIGHT  = #6798b2
	- BLUE-LIGHT2 = #8fb4ca
	- GREEN       = #74c141
	- GRAY-DARK   = #4d4d4d
	
	// FONTS
	- HEADER      = 'Volkhov'
	- BODY        = 'Brawler'
*/