@charset "utf-8";
/*  =========================================================================================
	Chinees Onderwijscentrum Nederland - Responsive CSS Grid Joomla 3.x template
	version 3.10.0
	package CON v3.10.x
	Design by F. van Zwol
	Build by F.van Zwol
	copyright (C) 2021 by Chinees Onderwijscentrum Nederland - All rights reserved!
	========================================================================================= */

	/*  =========================================================================================
	Variables
	========================================================================================= */
	@import "variables.css";

	/*  =========================================================================================
	Font declaration
	========================================================================================= */	
	@font-face {
		font-family				: 'icomoon';
		src:
		  url('../fonts/icomoon.ttf?jdjsf3') format('truetype'),
		  url('../fonts/icomoon.woff?jdjsf3') format('woff'),
		  url('../fonts/icomoon.svg?jdjsf3#icomoon') format('svg');
		font-weight				: normal;
		font-style				: normal;
		font-display			: block;
	}

/*  =========================================================================================
	GENERAL STYLES
	========================================================================================= */
	html { font-size: 1em; line-height: 1em; }
	body {
		background-color		: var(--col_bckgrnd);
		margin					: 0 !important;
		padding					: 0 !important;
		font-family				: Verdana, Geneva, sans-serif;
		color					: var(--col_prifnt) !important;
	}
	/* Scrollbar settings */
	/* Firefox */
	* { scrollbar-width: thin; scrollbar-color: var(--col_lgray) var(--col_wht); }
    /* Chrome, Edge, and Safari */
  	*::-webkit-scrollbar { width: 0.75em; }
    *::-webkit-scrollbar-track { background: var(--col_wht); }
  	*::-webkit-scrollbar-thumb { background-color: var(--col_lgray); border: 0.2em solid var(--col_wht); border-radius: 1em; }
	
	.span12 { width: 100%; }	.span11 { width: 91.66%; }	.span10 { width: 83.33%; }	.span9 { width: 75%; }
	.span8 { width: 66.66%; }	.span7 { width: 58.33%; }	.span6 { width: 50%; }		.span5 { width: 41.66%; }
	.span4 { width: 33.33%; }	.span3 { width: 25%; }		.span2 { width: 16.66%; }	.span1 { width: 8.33%; }
	h1 { font-size: 1.75rem; line-height: 1.75rem; }
	h2 { font-size: 1.5rem; line-height: 1.5rem; }
	h3 { font-size: 1.375rem; line-height: 1.375rem; }
	h4 { font-size: 1.25rem; line-height: 1.25rem; }
	h5 { font-size: 1.0rem; line-height: 1.0rem; }
	h6 { font-size: 0.875rem; line-height: 0.875rem; font-style: italic; }
	p {  font-size: 0.8125rem; line-height: 1rem; margin: 0 0 0.5em 0; }
	p img { object-fit: contain; }
	table {
		max-width				: 100%;
		margin					: 0 0 0.625em 0;
		background-color		: var(--col_trnsp);
		border-collapse			: collapse;
		border-spacing			: 0;
	}
	table td { font-size: 0.8125rem; line-height : 1rem; }
	.clearfix { content: ' '; display: flex; clear : both;	} 
	label, input, button, select, textarea {}
	.btn-primary {
		color					: var(--col_prifnt);
		text-shadow				: 0 1px 1px rgba(255,255,255,0.75);
		background-color		: var(--col_whtsmoke);
		background				: linear-gradient(to bottom,var(--col_wht),var(--col_lgray));
		background-repeat		: no-repeat;
		border-color			: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	}
		.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,
		.btn-primary.disabled,.btn-primary[disabled] {
		color					: var(--col_prifnt);
		background-color		: var(--col_lgray);
		background				: linear-gradient(to bottom,var(--col_whtsmoke),var(--col_lgray));
		background-repeat		: no-repeat;
	}

/*  =========================================================================================
	LAYOUT STYLES
		desk/laptop Large screens
			@media only screen and (min-width: 1150px) { ... }
		desk/laptop
			@media only screen and (min-width: 992px) and (max-width: 1149px) { ... }
		Tablet 
			@media only screen and (min-width: 768px) and (max-width: 991px) { ... }
		Mobile 
			@media only screen and (max-width: 767px) { ... }
	========================================================================================= */
/*  Grid - declarations ===================================================================== */
	.main-container { grid-area: main; }
	.navigation-lang-search { grid-area: nav-lang-search; }
	.header-container { grid-area: header; }
	.header-border { grid-area: header-border; }
	.header-leftcolumn { grid-area: header-leftcolumn; }
	.header-rightcolumn { grid-area: header-rightcolumn; }
	.header-nav-mobile { grid-area: header-nav-mobile; }
	.navigation-container { grid-area: navigation; }
	.navigation-leftcolumn { grid-area: navigation-leftcolumn; } 
/*	.navigation-rightcolumn {grid-area: navigation-rightcolumn;}		*/	
	.content-container { grid-area: content; }
	.content-leftcolumn { grid-area: content-leftcolumn; }
	.content-rightcolumn { grid-area: content-rightcolumn; }
	.footer-container { grid-area: footer; }
	.footer-leftcolumn { grid-area: footer-leftcolumn; }
	.footer-rightcolumn { grid-area: footer-rightcolumn; }
/*  Grid - General ========================================================================== */
	.main-container {
		background-color		: var(--col_cntbgrnd);
		margin					: auto;
		padding					: 0;
		min-height				: 100vh;
		display					: grid;
		grid-gap				: 0em;
		grid-row-gap			: 0em;
		grid-template-columns	: 10fr;
		grid-template-rows		: 110px 30px auto 75px;
		grid-template-areas: 
			"header"
			"navigation"
			"content"
			"footer";
		box-shadow				: 0 0 2.5em 0 var(--col_prifnt);
	}
/*  Grid - desk/laptop Large screens ======================================================== */
@media only screen and (min-width: 1150px) {
	body {
	/*	background-color: var(--col_bckgrnd); */
	}
	.main-container {
		max-width				: 1150px;
		grid-row-gap			: 0.4em;
		grid-template-rows		: 110px 30px auto 75px;
	}
	.header-container {
		grid-column				: 1 / span 1;
		grid-row				: 1 / span 1;
		display					: grid;
		grid-gap				: 0;
		grid-template-columns	: 7fr 3fr;
		grid-template-rows		: 1fr;
		grid-template-areas: 
			"header-leftcolumn	header-rightcolumn";
	}
	.header-border {
		grid-column				: 1 / span 2;
		grid-row				: 1 / span 1;
		background-image		: var(--img_headbrd);
		background-position 	: left bottom;
		background-repeat   	: repeat-x;
		z-index					: 20;
	}
	.header-leftcolumn {
		grid-column				: 1 / span 1;
		grid-row				: 1 / span 1;
		background-image		: var(--img_logo);
		background-size			: auto 70%;
		background-repeat		: no-repeat;
		background-position		: 1.25rem 30%; 
		z-index					: 10;
	}
	.header-rightcolumn {
		grid-column				: 2 / span 1;
		grid-row				: 1 / span 1;
		background-image		: var(--img_header);
		background-repeat		: no-repeat;
		background-position		: right bottom; 
		background-size			: contain; 
		z-index					: 10;
	}
	.header-container .navigation-lang-search { display: none; }
	.header-nav-mobile { display : none; }
	.navigation-container {
		grid-column				: 1 / span 1;
		grid-row				: 2 / span 1;
		display					: grid;
		grid-gap				: 0;
		grid-template-columns	: 7.75fr 2.25fr;
		grid-template-rows		: 1fr;
		grid-template-areas: 
			"navigation-leftcolumn	navigation-lang-search";
		border-bottom			: 1px solid var(--col_brdr)
	}
	.navigation-leftcolumn {
		grid-column				: 1 / span 1;
		grid-row				: 1 / span 1;
		padding-left			: 3.75em;
	}
	.navigation-container .navigation-lang-search {
		grid-column				: 2 / span 1;
		grid-row				: 1 / span 1;
		padding-left			: 0.625em;
		padding-right 			: 0.625em;
	}
	.content-container {
		grid-column				: 1 / span 1;
		grid-row				: 3 / span 1;
		display					: grid;
		grid-gap				: 0;
		grid-template-columns	: 7.75fr 2.25fr;
		grid-template-rows		: 1fr;
		grid-template-areas: 
			"content-leftcolumn	content-rightcolumn";
		padding-top				: 1.5em;
		padding-bottom			: 2em;
	}
	.content-leftcolumn {
		grid-column				: 1 / span 1;
		grid-row				: 1 / span 1;
		padding-left			: 3.75em;
		padding-right			: 2.5em;
	}
	.content-rightcolumn {
		grid-column				: 2 / span 1;
		grid-row				: 1 / span 1;
		padding					: 0 0.625em 0 0.625em;
	}
	.footer-container {
		grid-column				: 1 / span 1;
		grid-row				: 4 / span 1;
		display					: grid;
		grid-gap				: 0;
		grid-template-columns	: 7.75fr 2.25fr;
		grid-template-rows		: 1fr;
		grid-template-areas: 
			"footer-leftcolumn	footer-rightcolumn";
		background-image		: var(--img_footbrd);
		background-position 	: top left;
		background-repeat   	: repeat-x;
		padding-top				: 1.25em;
	}
	.footer-leftcolumn {
		grid-column				: 1 / span 1;
		grid-row				: 1 / span 1;
		padding-left			: 3.75em;
	}
	.footer-rightcolumn {
		grid-column				: 2 / span 1;
		grid-row				: 1 / span 1;
	}
}
/*  Grid - desk/laptop ====================================================================== */
@media only screen and (min-width: 992px) and (max-width: 1149px) {
	.main-container {
		grid-row-gap			: 0.4em;
		grid-template-rows		: 110px 30px auto 75px;
	}
	.header-container {
		grid-column				: 1 / span 1;
		grid-row				: 1 / span 1;
		display					: grid;
		grid-gap				: 0;
		grid-template-columns	: 6.5fr 3.5fr;
		grid-template-rows		: 1fr;
		grid-template-areas: 
			"header-leftcolumn	header-rightcolumn";
	}
	.header-border {
		grid-column				: 1 / span 2;
		grid-row				: 1 / span 1;
		background-image		: var(--img_headbrd);
		background-position 	: left bottom;
		background-repeat   	: repeat-x;
		z-index					: 20;
	}
	.header-leftcolumn {
		grid-column				: 1 / span 1;
		grid-row				: 1 / span 1;
		background-image		: var(--img_logo);
		background-size			: auto 70%;
		background-repeat		: no-repeat;
		background-position		: 1.25rem 30%; 
		z-index					: 10;
	}
	.header-rightcolumn {
		grid-column				: 2 / span 1;
		grid-row				: 1 / span 1;
		background-image		: var(--img_header);
		background-repeat		: no-repeat;
		background-position		: right bottom; 
		background-size			: contain;
		z-index					: 10;
	}
	.header-container .navigation-lang-search { display: none; }
	.header-nav-mobile { display: none; }
	.navigation-container {
		grid-column				: 1 / span 1;
		grid-row				: 2 / span 1;
		display					: grid;
		grid-gap				: 0;
		grid-template-columns	: 7.75fr 2.25fr;
		grid-template-rows		: 1fr;
		grid-template-areas: 
			"navigation-leftcolumn	navigation-lang-search";
		border-bottom			: 1px solid var(--col_brdr);
	}
	.navigation-leftcolumn {
		grid-column				: 1 / span 1;
		grid-row				: 1 / span 1;
		padding-left			: 3.5em;
	}
	.navigation-container .navigation-lang-search {
		grid-column				: 2 / span 1;
		grid-row				: 1 / span 1;
		padding-left			: 0.625em;
		padding-right			: 0.625em;
	}
	.content-container {
		grid-column				: 1 / span 1;
		grid-row				: 3 / span 1;
		display					: grid;
		grid-gap				: 0;
		grid-template-columns	: 7.75fr 2.25fr;
		grid-template-rows		: 1fr;
		grid-template-areas: 
			"content-leftcolumn	content-rightcolumn";
		padding-top				: 1.5em;
		padding-bottom			: 2em;
	}
	.content-leftcolumn {
		grid-column				: 1 / span 1;
		grid-row				: 1 / span 1;
		padding-left			: 3.5em;
		padding-right			: 2.5em;
	}
	.content-rightcolumn {
		grid-column				: 2 / span 1;
		grid-row				: 1 / span 1;
		padding					: 0 0.625em 0 0.625em;
	}
	.footer-container {
		grid-column				: 1 / span 1;
		grid-row				: 4 / span 1;
		display					: grid;
		grid-gap				: 0;
		grid-template-columns	: 7.75fr 2.25fr;
		grid-template-rows		: 1fr;
		grid-template-areas: 
			"footer-leftcolumn	footer-rightcolumn";
		background-image		: var(--img_footbrd);
		background-position 	: top left;
		background-repeat   	: repeat-x;
		padding-top				: 1.25em;
	}
	.footer-leftcolumn {
		grid-column				: 1 / span 1;
		grid-row				: 1 / span 1;
		padding-left			: 3.75em;
	}
	.footer-rightcolumn {
		grid-column				: 2 / span 1;
		grid-row				: 1 / span 1;
	}
}
/*  Grid - Tablet =========================================================================== */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.main-container {
		grid-row-gap			: 0.3em;
		grid-template-rows		: 110px 30px auto 60px;
	}
	.header-container {
		grid-column				: 1 / span 1;
		grid-row				: 1 / span 1;
		display					: grid;
		grid-gap				: 0;
		grid-template-columns	: 6.5fr 3.5fr;
		grid-template-rows		: 0.25fr 7.5fr;
		grid-template-areas: 
		"header-leftcolumn	nav-lang-search"
		"header-leftcolumn	nav-mobile";
	}
	.header-border {
		grid-column				: 1 / span 2;
		grid-row				: 2 / span 1;
		background-image		: var(--img_headbrd);
		background-size			: 1px 7px;
		background-position 	: left bottom;
		background-repeat   	: repeat-x;
		z-index					: 20;
	}
	.header-leftcolumn {
		grid-column				: 1 / span 1;
		grid-row				: 1 / span 2;
		background-image		: var(--img_logo);
		background-size			: auto 70%;
		background-repeat		: no-repeat;
		background-position		: 1rem 30%; 
		z-index					: 10;
	}
	.header-rightcolumn {
		grid-column				: 2 / span 1;
		grid-row				: 1 / span 2;
		background-image		: none;
		z-index					: 10;
		display					: none;
	}
	.header-container .navigation-lang-search {
		grid-column				: 2 / span 1;
		grid-row				: 1 / span 1;
		z-index					: 30;
		padding-top				: 0.25rem;
	}
	.header-nav-mobile {
		display					: none;
		grid-column				: 2 / span 1;
		grid-row				: 2 / span 1;
		z-index					: 30;
	}
	.navigation-container {
		grid-column				: 1 / span 1;
		grid-row				: 2 / span 1;
		display					: grid;
		grid-gap				: 0;
		grid-template-columns	: 1fr;
		grid-template-rows		: 1fr;
		grid-template-areas: 
			"navigation-leftcolumn";
		border-bottom			: 1px solid var(--col_brdr);
	}
	.navigation-leftcolumn {
			grid-column			: 1 / span 1;
			grid-row			: 1 / span 1;
			padding-left		: 2.5em;
	}
	.navigation-container .navigation-lang-search {
		display					: none;
	}
	.content-container {
		grid-column				: 1 / span 1;
		grid-row				: 3 / span 1;
		display					: grid;
		grid-gap				: 0;
		grid-template-columns	: 1fr;
		grid-template-rows		: auto min-content;
		grid-template-areas: 
			"content-leftcolumn"
			"content-rightcolumn";
		padding-top				: 1.5em;
		padding-bottom			: 1.5em;
	}
	.content-leftcolumn {
		grid-column				: 1 / span 1;
		grid-row				: 1 / span 1;
		padding-left			: 2.5em;
		padding-right			: 3.125em;
	}
	.content-rightcolumn {
		display					: block;
		width					: calc(100% - 1.25em);
		grid-column				: 1 / span 1;
		grid-row				: 2 / span 1;
		padding 				: 1em 0.625em 0 0.625em;
		border-top 				: 1px solid var(--col_pri);
	}
	.footer-container {
		grid-column				: 1 / span 1;
		grid-row				: 4 / span 1;
		display					: grid;
		grid-gap				: 0;
		grid-template-columns	: 7.75fr 2.25fr;
		grid-template-rows		: 1fr;
		grid-template-areas: 
			"footer-leftcolumn	footer-rightcolumn";
		background-image		: var(--img_footbrd);
		background-size			: 1px 7px;
		background-position 	: top left;
		background-repeat   	: repeat-x;
		padding-top				: 0.625em;
	}
	.footer-leftcolumn {
		grid-column				: 1 / span 1;
		grid-row				: 1 / span 1;
		padding-left			: 3.75em;
	}
	.footer-rightcolumn {
		grid-column				: 2 / span 1;
		grid-row				: 1 / span 1;
	}
}
/*  Grid - Mobile =========================================================================== */
@media only screen and (max-width: 767px) {
	.main-container {
		grid-row-gap			: 0.3em;
		grid-template-rows		: 70px auto 60px;
		grid-template-areas: 
		"header"
		"content"
		"footer";
	}
	.header-container {
		grid-column				: 1 / span 1;
		grid-row				: 1 / span 1;
		display					: grid;
		grid-gap				: 0;
		grid-template-columns	: 1.5fr 7fr 1.5fr;
		grid-template-rows		: 1fr;
		grid-template-areas: 
		"nav-mobile	header-leftcolumn	nav-lang-search";
	}
	.header-border {
		grid-column				: 1 / span 3;
		grid-row				: 1 / span 1;
		background-image		: var(--img_headbrd);
		background-size			: 1px 6px;
		background-position 	: left bottom;
		background-repeat   	: repeat-x;
		z-index					: 20;
	}
	.header-nav-mobile {
		grid-column				: 1 / span 1;
		grid-row				: 1 / span 1;
		z-index					: 30;
	}
	.header-leftcolumn {
		grid-column				: 2 / span 1;
		grid-row				: 1 / span 1;
		background-image		: var(--img_logo);
		background-size			: auto 52%;
		background-repeat		: no-repeat;
		background-position		: 0 30%; 
		z-index					: 10;
	}
	.header-rightcolumn { display : none; }
	.header-container .navigation-lang-search {
		grid-column				: 3 / span 1;
		grid-row				: 1 / span 1;
		z-index					: 30;
		padding-top				: 0.25rem;
	}
	.navigation-container, .navigation-leftcolumn, .navigation-container .navigation-lang-search { display : none; }
	.content-container {
		grid-column				: 1 / span 1;
		grid-row				: 2 / span 1;
		display					: grid;
		grid-gap				: 0;
		grid-template-columns	: 1fr;
		grid-template-rows		: auto min-content;
		grid-template-areas: 
			"content-leftcolumn"
			"content-rightcolumn";
		padding-top				: 0.5em;
		padding-bottom			: 0.5em;
	}
	.content-leftcolumn {
		grid-column				: 1 / span 1;
		grid-row				: 1 / span 1;
		padding-left			: 1em;
		padding-right			: 1em;
	}
	.content-rightcolumn {
		display					: block;
		width					: calc(100% - 1.25em);
		grid-column				: 1 / span 1;
		grid-row				: 2 / span 1;
		padding 				: 1em 0.625em 0 0.625em;
		border-top 				: 1px solid var(--col_pri);
	}
	.footer-container {
		grid-column				: 1 / span 1;
		grid-row				: 3 / span 1;
		display					: grid;
		grid-gap				: 0;
		grid-template-columns	: 1fr;
		grid-template-rows		: 1fr;
		grid-template-areas: 
			"footer-leftcolumn";
		background-image		: var(--img_footbrd);
		background-size			: 1px 6px;
		background-position 	: top left;
		background-repeat   	: repeat-x;
		padding-top				: 0.625em;
	}
	.footer-leftcolumn {
		grid-column				: 1 / span 1;
		grid-row				: 1 / span 1;
		padding-left			: 0.5em;
	}
	.footer-rightcolumn { display : none; }
}
@media only screen and (max-width: 767px) and (orientation: landscape) {
	.header-container {
		grid-template-columns	: 1fr 8fr 1fr;
	}
}
/*  =========================================================================================
	CONTENT & COMPONENT STYLES
	========================================================================================= */
/* ---------------------------------------------------------------------------------------
	Article styles
	-------------------------------------------------------------------------------------- */
.blog.featured{}
.page-header {
	padding					: 0;
	margin-bottom 			: 0.625em;
	border-bottom			: 1px dotted var(--col_brdr);
}
.page-header h2{
	margin					: 0 0 0.3125em 0;
	font-size				: 1.125rem;
	line-height				: 1.375rem;
	font-weight				: bold;
}
.items-leading { margin	: 0 0 0.25em 0; }
.items-leading.clearfix {
	content					: '';
	display					: block;
	clear 					: both;
}
.items-leading [class*="leading-"] { 
	display                 : inline-block;
	width					: 100%;
	margin					: 0 0 1.5625em 0;
}
.items-row { 
	width					: 100%; 
	margin					: 0 0 1.5625em 0;
}
.item { margin: 0; }
.blog_double-header .page-header,
.item-page_double-header .page-header {
	margin-bottom			: 1.125em;
}
.blog_double-header .page-header h1,
.item-page_double-header .page-header h1 {
	margin					: 0 0 0.3125em 0;
	font-size				: 1.125rem;
	line-height				: 1.375rem;
	font-weight				: bold;
}
.blog_double-header .page-header h2,
.item-page_double-header .page-header h2 {
	margin					: 0 0 0.3125em 0;
	font-size				: 0.875rem;
	line-height				: 1.125rem;
	font-weight				: bold;
	font-style				: italic;
}
.cols-2 .column-1 {
	width					: 96%;
	float					: left;
}
.cols-2 .column-2 {
	width					: 96%;
	float					: right;
}
.item-page_double-header {
	display					: inline-block; 
	margin-bottom			: 1.5625em;
}
.item-page_double-header p { display: inline-block; }

/* desk/laptop Large screens */
@media only screen and (min-width: 1150px) {}

/* desk/laptop */
@media only screen and (min-width: 992px) and (max-width: 1149px) {}

/* Tablet */ 
@media only screen and (min-width: 768px) and (max-width: 991px) {}

/* Mobile */ 
@media only screen and (max-width: 767px) {
	.clearfix { 
		content				: '';
		display				: block;
		clear 				: both;
	} 
	.page-header h2 {
		font-size			: 1rem;
		line-height			: 1.125rem;
	}
	.blog_double-header p img {
		max-width			: 6em;
		height				: auto;
	}
	.cols-2 [class*="column-"] {
		width				: 100%;
		float				: left;
	}
	.blog_double-header .items-row.cols-2.row-fluid [class*="span"] {
		display				: flex;
		width				: 100%;
	}
	.blog_double-header .items-row.cols-2.row-fluid [class*="span"]:first-child {
		margin-bottom		: 1.5em;
	}
}
/* tables -------------------------------------------------------------------------------- */
/* Mobile */ 
@media only screen and (max-width: 767px) {
	table, thead, tbody, th, td, tr { display: block; }
	table {
		clear				: both;
		margin				: 0 auto;
		width				: 75% !important;		
	}
	table tbody {}
	table thead {}
	table tr {
		border-bottom		: 1px solid var(--col_prifnt) !important;
	}
	table tr td {
		border-top			: none !important;
		border-bottom		: 1px dashed var(--col_prifnt) !important;
	}
	table tr:first-child td:first-child {
		border-top			: 1px solid var(--col_prifnt) !important;
	}
	table tr td:last-child {
		border-bottom		: 1px solid var(--col_prifnt) !important;
	}
}

/* ---------------------------------------------------------------------------------------
	Tooltip styles
	-------------------------------------------------------------------------------------- */
.tooltip-inner,
.tooltip-arrow { display : none !important; }
/* ---------------------------------------------------------------------------------------
	Read more button styles
	-------------------------------------------------------------------------------------- */
p.readmore { margin: 1em 0.5em; }
p.readmore a.btn {
	display					: table;
	padding					: 0 1.5em 0.2em 1.5em;
	border-radius			: 1em;
	background-color		: var(--col_brdr);
	color					: var(--col_wht);
	text-decoration			: none;
}
p.readmore a.btn:hover  {}
p.readmore a.btn span.icon-chevron-right {
	line-height				: 1.75em;
	padding-bottom			: 0.15em;
}
p.readmore a.btn span.icon-chevron-right::after {
	float					: right;
	padding-left			: 1.25em;
	font-size				: 1.5em;
	content					: "»";	
}
/* Mobile */ 
@media only screen and (max-width: 767px) {
	p.readmore a.btn {
		padding				: 0 1em 0.2em 1em;
		border-radius		: 0.875em;
		font-size			: 0.75rem;
		line-height			: 0.875;
	}
	p.readmore a.btn span.icon-chevron-right::after {
		padding-left		: 1em;
		font-size			: 1.325em;
		content				: "»";	
	}
}
/* ---------------------------------------------------------------------------------------
	Pagination styles
	-------------------------------------------------------------------------------------- */
.pagination {
	margin					: 6em auto 1em auto;
	display					: table;
	padding					: 0 1em;
	border-radius			: 1em;
	background-color		: var(--col_lgray);
}
.pagination:before, .pagination:after {}
.pagination p.counter.pull-right { display : none; }
.pagination ul {
	margin					: 0;
	padding					: 0;
	line-height				: 1.5em;
}
.pagination ul li { display: inline-block; }
.pagination ul li span.pagenav, .pagination ul li a.pagenav  {
	display					: inline-block;
	padding					: 0 0.5em 0.1em 0.5em;
	font-size				: 0.75rem;
	font-weight				: normal;
}
.pagination ul li span.pagenav {
	color					: var(--col_bckgrnd);
	font-weight				: bold;
}
.pagination ul li a.pagenav {
	color					: var(--col_gray);
	text-decoration			: none;
}
.pagination ul li.pagination-start { margin-right: 0.25em; }
.pagination ul li.pagination-start span.pagenav, 
.pagination ul li.pagination-start a.pagenav {
	color					: var(--col_gray);
	font-size				: 0.875rem;
	font-weight				: normal;
	text-decoration			: none;
	visibility				: hidden;
	font-size				: 0rem;	/* collapse extra space */
}
.pagination ul li.pagination-start span.pagenav::before, 
.pagination ul li.pagination-start a.pagenav::before {
	visibility				: visible;
	font-size				: 0.875rem;	/* reset font size */
	content					: "«";
}
.pagination ul li.pagination-prev {	display: none; }
.pagination ul li.pagination-prev span.pagenav {}
.pagination ul li.pagination-prev a.pagenav {
	text-decoration			: none;
}
.pagination ul li.pagination-next {	display: none; }
.pagination ul li.pagination-next span.pagenav {}
.pagination ul li.pagination-next a.pagenav {
	text-decoration			: none;
}
.pagination ul li.pagination-end { margin-left: 0.25em; }
.pagination ul li.pagination-end span.pagenav,
.pagination ul li.pagination-end a.pagenav {
	color					: var(--col_gray);
	font-size				: 0.875rem;
	font-weight				: normal;
	text-decoration			: none;
	visibility				: hidden;
	font-size				: 0rem;	/* collapse extra space */
}
.pagination ul li.pagination-end span.pagenav::before,
.pagination ul li.pagination-end a.pagenav::before {
	visibility				: visible;
	font-size				: 0.875rem;	/* reset font size */
	content					: "»";
}
.pagination ul li a.pagenav:hover {
	color					: var(--col_bckgrnd);
	text-decoration			: none;
}

/* ---------------------------------------------------------------------------------------
	AVPlayer styles
	-------------------------------------------------------------------------------------- */
/* Mobile */ 
@media only screen and (max-width: 767px) {
	.avPlayerWrapper,
	.avPlayerContainer,
	.avPlayerContainer video.avPlayer {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/* ---------------------------------------------------------------------------------------
	Login styles
	-------------------------------------------------------------------------------------- */
.login { margin-bottom: 2em; }
.login form {
	background-color		: var(--col_whtsmoke);
	border					: 1px solid var(--col_lgray);
	border-radius			: 0.25em;
	padding					: 1.25em;
}
.login form fieldset { border: none; }
.login form fieldset .control-group {
	display					: block;
	clear 					: both;
}
.login form fieldset .control-group .control-label {
	display					: inline-block;
	float					: left;
	width					: 20%;
	margin-bottom			: 1.25em;
	margin-right 			: 1.25em;
	font-size				: 0.875rem;
	line-height				: 1.25rem;
	text-align				: right;
}
.login form fieldset .control-group .control-label label { display: inline-block; }
.login form fieldset .control-group .control-label label span.star { color: var(--col_alert); }
.login form fieldset .control-group .controls {
	display					: inline-block;
	width					: 25%;
}
.login form fieldset .control-group .controls input {
	display					: inline-block;
	height 					: 1.25em;
	margin-bottom			: 1.25em;
	vertical-align			: middle;
	border					: 2px solid var(--col_lgray);
	border-radius			: 0.25em;
	padding-left			: 0.25rem;
	color					: var(--col_prifnt);
}
.login form fieldset .control-group .controls input:focus-visible {
	outline					: 1px solid var(--col_silver);
	border-radius			: 0.25em;
}
.login form fieldset .control-group .controls button {
	margin-left 			: 16em;
	width					: 8em;
	padding					: 0.25rem 1rem;
	border-radius			: 0.25em;
	font-size				: 0.875rem;
	line-height				: 1.25rem;
}
/* Mobile */ 
@media only screen and (max-width: 767px) {
	.login { margin-bottom: 2em;}
	.login form { padding: 0.5em; }
	.login form fieldset { padding: 0; }
	.login form fieldset .control-group .control-label {
		width					: 35%;
		margin-right 			: 1.25em;
		font-size				: 0.75rem;
		line-height				: 1rem;
	}
	.login form fieldset .control-group .controls {
		width					: fit-content;
	}
	.login form fieldset .control-group .controls input {
		height 					: 1em;
	}
	.login form fieldset .control-group:last-of-type .controls {
		float					: right;
		padding-right			: 0.5em;
	}
	.login form fieldset .control-group .controls button {
		margin-left				: 0;
		font-size				: 0.75rem;
		line-height				: 1rem;
	}
}

/* ---------------------------------------------------------------------------------------
	Weblink list styles
	-------------------------------------------------------------------------------------- */
.weblink-category {}
.weblink-category h2 {
	padding					: 0 0 0.3125em 0;
	margin		 			: 0 0 0.625em 0;
	border-bottom			: 1px dotted var(--col_brdr);
	font-size				: 1.125rem;
	line-height				: 1.375rem;
	font-weight				: bold;
}
.weblink-category .category-desc {}
.weblink-category form#adminForm { font-size: 0.8125rem; }
.weblink-category form#adminForm ul {
	list-style				: none;
	border-top				: 1px solid var(--col_lgray);;
	margin					: 0 0 0.625em 0.25em;
	padding					: 0;
}
.weblink-category  form#adminForm ul li {
	padding					: 0.25em;
	border-bottom			: 1px solid var(--col_lgray);
	line-height				: 1.25em;
}	
.weblink-category form#adminForm ul li:nth-child(2n+1) { background-color: var(--col_whtsmoke); }	
.weblink-category form#adminForm ul li.cat-list-row0 {}
.weblink-category form#adminForm ul li.cat-list-row1 {}
.weblink-category form#adminForm ul li span.list-hits {
	background-color		: var(--col_dgray);
	padding					: 0.125em 0.625em;
	border-radius			: 0.625em;
	font-size				: 0.75rem;
	font-weight				: bold;
	line-height				: 0.875rem;
	color					: var(--col_wht);
	text-shadow				: 0 -1px 0 rgba(0,0,0,0.25);
	float					: right;
}
.weblink-category form#adminForm ul li div.list-title {}
.weblink-category form#adminForm ul li div.list-title img {
	height					: auto;
	max-width				: 100%;
	vertical-align			: middle;
	border					: 0;
}
.weblink-category form#adminForm ul li div.list-title a {
	padding-left			: 0.375em;
	color					: var(--col_prifnt);
	font-weight				: bold;
	text-decoration			: none;
}
.weblink-category form#adminForm ul li div.list-title a:visited { text-decoration: none; }
.weblink-category form#adminForm ul li div.list-title a:hover {	text-decoration: underline; }
.weblink-category form#adminForm ul li p {}

/* Mobile */ 
@media only screen and (max-width: 767px) {
	.weblink-category  form#adminForm ul li div.list-title a {
		font-size			: 0.75rem;
		font-weight			: bold;
	}
	.weblink-category  form#adminForm ul li span.list-hits {
		font-size			: 0.5rem;
		line-height			: 0.75rem;
		text-shadow			: none;
	}
}
/* ---------------------------------------------------------------------------------------
	Footer styles
	-------------------------------------------------------------------------------------- */
.footer {}
.footer-leftcolumn {}
.footer-leftcolumn p {
	font-size				: 0.6875rem;
	font-weight				: bold;
	line-height				: 1rem;
	color					: var(--col_gray);
	text-align				: center;
	text-decoration			: none;
}
/* Mobile */ 
@media only screen and (max-width: 767px) {
	.footer-leftcolumn p {
		font-size			: 0.625rem;
		line-height			: 0.875rem;
	}
}

/* ---------------------------------------------------------------------------------------
	Breezing Form styles
	-------------------------------------------------------------------------------------- */
.bfCalendarInput { 
	width					: 50% !important;  
	max-width				: 50% !important;
	min-width				: 50% !important;
}
div.bfClearfix {}
div.bfPage { font-size: 0.875rem; }
div.bfPage span.bfRequired { font-size : 0.625rem; }	
div.bfPage select { height : 1.5em; }
/* hide footer */
div.bfClearfix div span { color: var(--col_trnsp); } 
div.bfClearfix div span label { color: var(--col_prifnt); } 
div.bfClearfix button span, div.bfClearfix div span [class*="bfLegend-"] { color: var(--col_wht); } 
/* Mobile */ 
@media only screen and (max-width: 767px) {
	.bfFieldset-m {
		 margin				: 0 0.625em !important; 
		 width				: 95% !important;
	}
}

/* ---------------------------------------------------------------------------------------
	Phoca Gallery styles
	-------------------------------------------------------------------------------------- */
#phocagallery .page-header h1 {
	margin					: 0 0 0.3125em 0;
	font-size				: 1.125rem;
	line-height				: 1.375rem;
	font-weight				: bold;
}
#phocagallery .pg-cv-box { margin: 0 0.625em 0.3125em 0 !important; }
#phocagallery div:nth-child(7) { display: none !important; } /* remove credits*/
/* #sbox-window { 
	left: 0em !important;
	right: 0em !important; 
	margin: 0em auto !important;
} 
 #sbox-window iframe { width: 50% !important;} 
.img-responsive { width: 50% !important; }
.img-responsive2{ width: 50% !important; }*/
/* Mobile */ 
@media only screen and (max-width: 767px) {}

/*  =========================================================================================
	MODULE STYLES
	========================================================================================= */
/* ---------------------------------------------------------------------------------------
	Menu styles
	-------------------------------------------------------------------------------------- */
/* General settings */
div.moduletable_ARImenu { margin-top: 0.125rem; }
div.moduletable_ARImenu .ux-menu-arrow { display: none; }
div.ux-menu-container{}
ul.ux-menu-horizontal {}
/* Reset ARI mod */
ul.ux-menu-horizontal li a,
ul.ux-menu-horizontal li a.current,
ul.ux-menu-horizontal li a:hover,
ul.ux-menu-horizontal li a.ux-menu-link-first,
ul.ux-menu-horizontal li a.ux-menu-link-last,
ul.ux-menu-horizontal li a.ux-menu-link-parent {
	border-style				: none;
	padding						: 0;
	background-color			: var(--col_trnsp);
	background-image			: none;
}
/* Style level 0 */
ul.ux-menu-horizontal li.ux-menu-item-level-0 { margin-right: 0.875em; }
ul.ux-menu-horizontal li.ux-menu-item-level-0 a {
	padding						: 0 0.6285em 0 0.6285em;
	font-family					: Verdana, Geneva, sans-serif;
	line-height					: 1.625rem;
	color						: var(--col_dimgray);
	border						: 1px solid var(--col_lgray);
	border-bottom				: 1px solid var(--col_trnsp);
	border-top-left-radius		: 0.85em;
	border-top-right-radius		: 0.85em;
}
ul.ux-menu-horizontal li.ux-menu-item-level-0 a:hover {
	padding						: 0 0.6285em 0 0.6285em;
	color						: var(--col_blck);
	border						: 1px solid var(--col_dgray);
	border-bottom				: 1px solid var(--col_trnsp);
	border-top-left-radius		: 0.85em;
	border-top-right-radius		: 0.85em;
}
ul.ux-menu-horizontal li.ux-menu-item-level-0 a.current {
	padding						: 0 0.6285em 0 0.6285em;
	color						: var(--col_blck);
	border						: 1px solid var(--col_pri);
	border-bottom				: 1px solid var(--col_wht);
	border-top-left-radius		: 0.85em;
	border-top-right-radius		: 0.85em;
}
/* Style level 1, 2, 3 */
ul.ux-menu-horizontal ul.ux-menu-sub {
	margin-top					: -0.125rem;
	border						: 1px solid var(--col_dimgray);
	background-color			: var(--col_wht);
}
ul.ux-menu-horizontal ul.ux-menu-sub li ul.ux-menu-sub {
	margin						: -0.0625rem 0 0 -0.0625rem;
}
ul.ux-menu-sub li.ux-menu-item-level-1 {}
ul.ux-menu-sub li.ux-menu-item-level-1 a {
	padding						: 0 0.7em 0 0.7em;
	white-space					: nowrap;
	border						: none;
	border-bottom				: 1px solid var(--col_lgray);
	font-family					: Verdana, Geneva, sans-serif;
	line-height					: 1.25rem;
	color						: var(--col_dimgray);
}
ul.ux-menu-sub li.ux-menu-item-level-1 a:hover {
	padding						: 0 0.7em 0 0.7em;
	white-space					: nowrap;
	border						: none;
	border-bottom				: 1px solid var(--col_lgray);
	border-radius				: 0em;
	background-color			: var(--col_lgray);
	font-family					: Verdana, Geneva, sans-serif;
	color 						: var(--col_blck);
}
ul.ux-menu-sub li.ux-menu-item-level-1 a.current {
	padding						: 0 0.7em 0 0.7em;
	white-space					: nowrap;
	border						: none;
	border-bottom				: 1px solid var(--col_lgray);	
	border-radius				: 0em;
	font-family					: Verdana, Geneva, sans-serif;
	color 						: var(--col_blck);
}
ul.ux-menu-sub li a.ux-menu-link-last,
ul.ux-menu-sub li a.ux-menu-link-last:hover,
ul.ux-menu-sub li a.ux-menu-link-last.current {
	border-bottom				: none;
}

/* desk/laptop Large screens */
@media only screen and (min-width: 1150px) {}
/* desk/laptop */
@media only screen and (min-width: 992px) and (max-width: 1149px) {}
/* Tablet */ 
@media only screen and (min-width: 768px) and (max-width: 991px) {
	ul.ux-menu-horizontal li.ux-menu-item-level-0 a { font-size: 0.75rem !important; }
	ul.ux-menu-sub li.ux-menu-item-level-1 a { font-size: 0.6875rem !important; }
}
/* Mobile */ 
@media only screen and (max-width: 767px) {}

/* ---------------------------------------------------------------------------------------
	Information Menu styles
	-------------------------------------------------------------------------------------- */
.moduletable_infomenu {
	display					: table;
	margin					: 0.25em auto 0.625em auto;
}
.moduletable_infomenu ul.menu_infomenu {
	display					: inline;
	margin					: 0;
	padding					: 0;
	list-style				: none;
}
.moduletable_infomenu ul.menu_infomenu:before,
.moduletable_infomenu ul.menu_infomenu:after {
	float					: left;
	content					: "-";
}
.moduletable_infomenu ul.menu_infomenu li {
	margin					: 0;
	padding					: 0 0.625em;
	text-align				: center;
	float					: left;
	border-left				: 1px solid var(--col_dimgray);
}
.moduletable_infomenu ul.menu_infomenu li:first-child { border-left: none; }
.moduletable_infomenu ul.menu_infomenu li a {
	display					: block;
	color					: var(--col_dimgray);
	font-size				: 0.6875rem;
	font-weight				: bold;
	text-decoration			: none;
	background-color		: var(--col_trnsp);
}
.moduletable_infomenu ul.menu_infomenu li a:hover,
.moduletable_infomenu ul.menu_infomenu li.current a {
	color					: var(--col_prifnt);
	text-decoration			: underline;
}
/* Mobile */ 
@media only screen and (max-width: 767px) {
	.moduletable_infomenu {	margin-bottom : 0.5em; }
	.moduletable_infomenu ul.menu_infomenu:before,
	.moduletable_infomenu ul.menu_infomenu:after { font-size: 0.625rem;	}
	.moduletable_infomenu ul.menu_infomenu li a { font-size: 0.625rem;	}
}

/* ---------------------------------------------------------------------------------------
	Mobile Menu styles
	-------------------------------------------------------------------------------------- */
.jf_mm_trigger {
	position				: relative !important;
    z-index					: 100 !important;
    top						: 0.6em !important;
    left					: 0.25em !important;
	line-height				: 1.875rem !important;
	background-color		: var(--col_trnsp) !important;
}
.jf_mm_trigger i.fa.fa-bars {}
#jf_mm_menu .jf_mm_wrapper h2 {	color: var(--col_bckgrnd); }
#jf_mm_menu .jf_mm_wrapper ul li a {
	font-size				: 0.875rem;
	padding-top				: 0.3125em;
	padding-bottom			: 0.3125em;;
}
#jf_mm_menu .jf_mm_wrapper ul li a img { display: none; }
#jf_mm_menu .jf_mm_wrapper ul li.current.active a {
	background-color		: var(--col_prifnt) !important;
	color					: var(--col_bckgrnd) !important;
}
.jf_mm_wrapper .iconSpacing_ltr { color: var(--col_bckgrnd) !important; }
#jf_mm_menu .jf_mm_wrapper div.backItemClass a { color: var(--col_bckgrnd) !important; }

/* ---------------------------------------------------------------------------------------
	Language styles
	-------------------------------------------------------------------------------------- */
.moduletable_langsw {}
.mod-languages_langsw {
	margin					: 0 0.75em 0 0.625em;
	float 					: right;
}
.mod-languages_langsw ul.lang-inline {
	margin					: 0;
	padding					: 0;
	list-style				: none;
}
.mod-languages_langsw ul.lang-inline li {
	display					: inline;
	margin-left				: 0.25em;
	margin-right			: 0.25em;
}
.mod-languages_langsw ul.lang-inline li a{
	font-size				: 0.6875em;
	color					: var(--col_gray);
	text-decoration			: none;
}
.mod-languages_langsw ul.lang-inline li a img{
	border					: none;
	filter					: alpha(opacity=50);
	opacity					: 0.5;
	height					: auto;
	max-width				: 100%;
	vertical-align			: middle;
}
.mod-languages_langsw ul.lang-inline li.lang-active a{
	font-size				: 0.6875em;
	color					: var(--col_blck);
	font-weight				: bold;
}
.mod-languages_langsw ul.lang-inline li.lang-active a img{
	border					: 1px solid var(--col_lgray);
	filter					: alpha(opacity=100);
	opacity					: 1.0;
}
.mod-languages_langsw ul.lang-inline li a:hover img{
	filter					: alpha(opacity=100);
	opacity					: 1.0;
}
/* Mobile */ 
@media only screen and (max-width: 767px) {
	.mod-languages_langsw {
		margin				: 0 0.25em 0 0;
		float				: right;
	}
	.mod-languages_langsw ul.lang-inline li {
		display				: block;
		margin-left			: 0;
		margin-right		: 0.25em;
	}
	.mod-languages_langsw ul.lang-inline li a img{
		border				: 1px solid var(--col_trnsp);
		height				: auto;
		max-width			: 80%;
		vertical-align		: top;
	}
}
/* ---------------------------------------------------------------------------------------
	Search styles
	-------------------------------------------------------------------------------------- */
/* SB Search module */
.moduletable_rd-search {}
.sb-search {
	display 				: inline-block;
	height					: 1.75em !important;
	margin-top				: 0 !important;
}
.sb-search span.sb-icon-search {
	background-color 		: var(--col_trnsp) !important;
	height					: 1em !important;
	font-size				: 1rem !important;
	line-height 			: 1rem !important;
	padding-top 			: 0.25em !important;
	border					: none;
}
.sb-search span.sb-icon-search::before { content: "\e986" !important; } /* magnifying glass icon */
.sb-search input.sb-search-input {
	border 					: none !important;
	height 					: 1.75em !important;
	padding-top 			: 0.125em !important;
	padding-bottom 			: 0.125em !important;
}
.sb-search.sb-search-open {
	position				: relative;
	top						: -1.25em;
}
.sb-search.sb-search-open form {}
.sb-search.sb-search-open input.sb-search-input {
	border 					: 0.0625em solid var(--col_lgray) !important;
	border-radius			: 0.75em;
}
/* Mobile */ 
@media only screen and (max-width: 767px) {
	.moduletable_rd-search { display : none; }
}

/* ---------------------------------------------------------------------------------------
	Search result page styles
	-------------------------------------------------------------------------------------- */
.search {}
.search form#searchForm {}
.search form#searchForm .btn-toolbar {}
.search form#searchForm .btn-toolbar .btn-group.pull-left { display: inline-block; }
.search form#searchForm .btn-toolbar .btn-group.pull-left label {
	font-size				: 0.875rem;	
	line-height				: 0.875rem;
	font-weight				: bold;
}
.search form#searchForm .btn-toolbar .btn-group.pull-left input {
	padding-left			: 0.25rem;
	font-size				: 0.875rem;	
	line-height				: 0.875rem;
	color					: var(--col_prifnt);
}
.search form#searchForm .searchintro {
	display					: inline-block;
	height					: 1.5em;
	margin-top 				: 0.75em;
}
.search form#searchForm .searchintro p {
	margin					: 0;
	padding					: 0.3125em 0 0 0;
}
.search form#searchForm fieldset.phrases { display: none; }
.search form#searchForm fieldset.only { display: none; }
.search form#searchForm .form-limit {
	display					: inline-block;
	float					: right;
	height					: 1.5em;
	margin-top 				: 0.75em;
}
.search form#searchForm .form-limit label {
	display					: inline-table;
	margin					: 0;
	padding					: 0.4em 0.625em 0 0;
	font-size 				: 0.75rem;
}
.search form#searchForm .form-limit select {
	padding 				: 0.2em 0;
	font-size 				: 0.75rem;
}
.search form#searchForm p.counter { display: none; }
.search dl.search-results { margin-top: 0; }
.search dl.search-results dt.result-title {
	display 				: inline-block;
	margin					: 0.625em 0 0 0;
	padding					: 0.35em 0 0 0;
	border-top				: 1px solid var(--col_lgray);
	font-size				: 0.875rem;	
	line-height				: 0.875rem;
}
.search dl.search-results dt.result-title a { color: darkblue; }
.search dl.search-results dt.result-title a:hover { color: blue; }
.search dl.search-results dd.result-category {
	display 				: inline-block;
	font-size				: 0.75rem;	
	line-height				: 0.75rem;
}
.search dl.search-results dd.result-text {
	margin					: 0.75em 0 0 1.5em;
	font-size				: 0.75rem;	
	line-height				: 0.75rem;
}
.search dl.search-results dd.result-created {
	margin					: 0.5em 0 0 3.4em;
	font-size				: 0.625rem;
	font-style				: italic;
}

/* ---------------------------------------------------------------------------------------
	Login button styles
	-------------------------------------------------------------------------------------- */
.moduletable_access{
	padding-bottom			: 1.25em;
	margin-bottom			: 0.75em;
	border-bottom			: 1px solid var(--col_brdr) ;
}
.moduletable_access .custom_access {}
.moduletable_access .custom_access p {
	text-align				: center ;
	margin					: 0;
}	
.moduletable_access .custom_access p a {}
.moduletable_access .custom_access p a button.btn {
	width					: 80%;
	border-radius			: 0.5em;
	font-family				: Verdana, Geneva, sans-serif;
	font-size				: 0.875rem;
	line-height				: 1rem;
}

/* ---------------------------------------------------------------------------------------
	Slideshow styles
	-------------------------------------------------------------------------------------- */
.moduletable_slideshow {
	padding-bottom			: 1.25em;
	margin-bottom			: 0.75em;
	border-bottom			: 1px solid var(--col_brdr);	
}
.moduletable_slideshow .slider-container {}
.moduletable_slideshow .slider-container ul li img { 
	width					: 96% !important;
	height 					: 96% !important;
	padding					: 0.125em !important; 
	border					: 1px solid var(--col_silver) !important; 
	border-radius			: 0.250em !important;
}
/* desk/laptop Large screens */
@media only screen and (min-width: 1150px) {}
/* desk/laptop */
@media only screen and (min-width: 992px) and (max-width: 1149px) {}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) { .moduletable_slideshow { display : none; } }
/* Mobile */ 
@media only screen and (max-width: 767px) { .moduletable_slideshow { display : none;} }

/* ---------------------------------------------------------------------------------------
	ESC Audio styles
	-------------------------------------------------------------------------------------- */
.moduletable_escaudio {
	padding					: 0 0 1.25em 0;
	margin-bottom			: 0.625em;
	border-bottom			: 1px solid var(--col_brdr);
}
.moduletable_escaudio p { margin-bottom: 0; }
.tracknr {
	position				: absolute;
	left					: 54%;
	top						: 45%;
	font-family				: "Times New Roman", Times, serif;
	font-size				: 1.125em;
	font-weight				: bold;
	font-style				: italic;
	color					: var(--col_wht);
}
/* desk/laptop Large screens */
@media only screen and (min-width: 1150px) {}
/* desk/laptop */
@media only screen and (min-width: 992px) and (max-width: 1149px) {}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
	.moduletable_escaudio { 
		margin				: 0 !important;
		padding				: 0.2em 0 0.2em 0 !important;
		display				: inline-block;
		width				: 24%;
		border-bottom		: none;
	}
	.moduletable_escaudio .custom_escaudio {}
	.moduletable_escaudio .custom_escaudio p{ 
		height				: 7rem;
		text-align			: center;
	}
	.moduletable_escaudio .custom_escaudio p a {
		display				: inline-block; 
		height				: 100%;
		font-size			: 0.625rem;
		object-fit			: contain;
	}
	.moduletable_escaudio .custom_escaudio p a img { 
		max-height			: 100%; 
		object-fit			: contain;
	}
}
/* Mobile */ 
@media only screen and (max-width: 767px) {
	.moduletable_escaudio { 
		margin				: 0 !important;
		padding				: 0.2em 0 0.2em 0 !important;
		display				: inline-block;
		width				: 32%;
		border-bottom		: none;
	}
	.moduletable_escaudio .custom_escaudio {}
	.moduletable_escaudio .custom_escaudio p{ 
		height				: 5rem;
		text-align			: center;
	}
	.moduletable_escaudio .custom_escaudio p a {
		display				: inline-block; 
		height				: 100%;
		font-size			: 0.625rem;
		object-fit			: contain;
		text-align			: center;
	}
	.moduletable_escaudio .custom_escaudio p a img { 
		max-height			: 100%; 
		max-width			: 100%;
		object-fit			: contain;
	}
}
/* ---------------------------------------------------------------------------------------
	CBN styles
	-------------------------------------------------------------------------------------- */
.moduletable_CBN {
	padding					: 0 0 1.25em 0;
	margin-bottom			: 0.625em;
	border-bottom			: 1px solid var(--col_brdr);
}
.moduletable_CBN p { margin-bottom: 0; }
.moduletable_CBN p a {
	font-size				: 0.75rem;
	font-weight				: bold;
	color					: #6D4818;
	text-decoration			: none;
}
/* desk/laptop Large screens */
@media only screen and (min-width: 1150px) {}
/* desk/laptop */
@media only screen and (min-width: 992px) and (max-width: 1149px) {}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
	.moduletable_CBN { 
		margin				: 0 !important;
		padding				: 0.2em 0 0.2em 0 !important;
		display				: inline-block;
		width				: 24%;
		border-bottom		: none;
	}
	.moduletable_CBN .custom_CBN {}
	.moduletable_CBN .custom_CBN p,
	.moduletable_CBN .custom_CBN p a { 
		font-size			: 0.625rem;
		line-height			: 0.875rem;
		text-align			: center;
	}
	.moduletable_CBN .custom_CBN p:first-child { height : 6rem; }
	.moduletable_CBN .custom_CBN p:first-child a { 
		display				: inline-block; 
		height				: 100%;
		font-size			: 0.625rem;
		object-fit			: contain;
	}
	.moduletable_CBN .custom_CBN p:first-child a img {
		max-height			: 100%;
		margin-bottom		: 0 !important;
		object-fit			: contain;
	}
}
/* Mobile */ 
@media only screen and (max-width: 767px) { 
	.moduletable_CBN { 
		margin				: 0 !important;
		padding				: 0.2em 0 0.2em 0 !important;
		display				: inline-block;
		width				: 32%;
		border-bottom		: none;
	}
	.moduletable_CBN .custom_CBN {}
	.moduletable_CBN .custom_CBN p,
	.moduletable_CBN .custom_CBN p a { 
		font-size			: 0.625rem;
		line-height			: 0.875rem;
		text-align			: center;
	}
	.moduletable_CBN .custom_CBN p:first-child { height : 4rem; }
	.moduletable_CBN .custom_CBN p:first-child a { 
		display				: inline-block; 
		height				: 100%;
		font-size			: 0.625rem;
		object-fit			: contain;
	}
	.moduletable_CBN .custom_CBN p:first-child a img {
		max-height			: 100%;
		max-width			: 100%;
		margin-bottom		: 0 !important;
		object-fit			: contain;
	}
}
/* ---------------------------------------------------------------------------------------
	CON/CCN styles
	-------------------------------------------------------------------------------------- */
	.moduletable_CONCCN {
		padding					: 0 0 1.25em 0;
		margin-bottom			: 0.625em;
		border-bottom			: 1px solid var(--col_brdr);
	}
	/* desk/laptop Large screens */
	@media only screen and (min-width: 1150px) {}
	/* desk/laptop */
	@media only screen and (min-width: 992px) and (max-width: 1149px) {}
	/* Tablet */
	@media only screen and (min-width: 768px) and (max-width: 991px) { 
		.moduletable_CONCCN { 
			margin				: 0 !important;
			padding				: 0.2em 0 0.2em 0 !important;
			display				: inline-block;
			width				: 24%;
			border-bottom		: none;
		}
		.moduletable_CONCCN .custom_CONCCN {}
		.moduletable_CONCCN .custom_CONCCN h6 {
			margin-top: 0;
			margin-bottom: 0.75em;
		}
		.moduletable_CONCCN .custom_CONCCN p{ 
			text-align			: left;
			margin-bottom: 0.25em;
		}
		.moduletable_CONCCN .custom_CONCCN p a {
			display				: inline-block; 
			height				: 100%;
			font-size			: 0.625rem;
			object-fit			: contain;
		}
		.moduletable_CONCCN .custom_CONCCN p a img { 
			max-height			: 100%; 
			object-fit			: contain;
		}
	}
	/* Mobile */ 
	@media only screen and (max-width: 767px) {
		.moduletable_CONCCN { 
			margin				: 0 !important;
			padding				: 0.2em 0 0.2em 0 !important;
			display				: inline-block;
			width				: 32%;
			border-bottom		: none;
		}
		.moduletable_CONCCN .custom_CONCCN {}
		.moduletable_CONCCN .custom_CONCCN h6 {
			margin-top: 0;
			margin-bottom: 0.75em;
		}
		.moduletable_CONCCN .custom_CONCCN p{ 
			text-align			: left;
			margin-bottom: 0.25em;
		}
		.moduletable_CONCCN .custom_CONCCN p a {
			display				: inline-block; 
			height				: 100%;
			font-size			: 0.625rem;
			object-fit			: contain;
			text-align			: left;
		}
		.moduletable_CONCCN .custom_CONCCN p a img { 
			max-height			: 100%; 
			max-width			: 100%;
			object-fit			: contain;
		}
	} 
/* ---------------------------------------------------------------------------------------
	Facebook profile styles
	-------------------------------------------------------------------------------------- */
.moduletable_fuofb {
	padding					: 0 0 1.25em 0;
	margin-bottom			: 0.625em;
	border-bottom			: 1px solid var(--col_brdr);
}
.moduletable_fuofb p { margin-bottom: 0; }

/* desk/laptop Large screens */
@media only screen and (min-width: 1150px) {}
/* desk/laptop */
@media only screen and (min-width: 992px) and (max-width: 1149px) {}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.moduletable_fuofb { 
		margin				: 0 !important;
		padding				: 0.2em 0 0.2em 0 !important;
		display				: inline-block;
		width				: 24%;
		border-bottom		: none;
	}
	.moduletable_fuofb .custom_fuofb {}
	.moduletable_fuofb .custom_fuofb p {
		height				: 7rem; 
		text-align			: center;
	}
	.moduletable_fuofb .custom_fuofb p a { 
		display				: inline-block; 
		height				: 100%;
		padding-top			: 1rem;
		font-size			: 0.625rem;
		object-fit			: contain;
	}
	.moduletable_fuofb .custom_fuofb p a img {
		max-height			: 80%; 
		object-fit			: contain;		
	} 
}
/* Mobile */ 
@media only screen and (max-width: 767px) {
	.moduletable_fuofb { 
		margin				: 0 !important;
		padding				: 0.2em 0 0.2em 0 !important;
		display				: inline-block;
		width				: 32%;
		border-bottom		: none;
	}
	.moduletable_fuofb .custom_fuofb {}
	.moduletable_fuofb .custom_fuofb p {
		height				: 5rem; 
		text-align			: center;
	}
	.moduletable_fuofb .custom_fuofb p a { 
		display				: inline-block; 
		height				: 100%;
		padding-top			: 1rem;
		font-size			: 0.625rem;
		object-fit			: contain;
		text-align			: center;
	}
	.moduletable_fuofb .custom_fuofb p a img {
		max-height			: 80%; 
		max-width			: 100%;
		object-fit			: contain;		
	}
}
/* ---------------------------------------------------------------------------------------
	Linkedin profile styles
	-------------------------------------------------------------------------------------- */
.moduletable_linkedin {}
.moduletable_linkedin {
	padding					: 0 0 1.25em 0;
	margin-bottom			: 0.625em;
	border-bottom			: 1px solid var(--col_brdr);
}
.moduletable_linkedin p { margin-bottom: 0; }

/* desk/laptop Large screens */
@media only screen and (min-width: 1150px) {}
/* desk/laptop */
@media only screen and (min-width: 992px) and (max-width: 1149px) {}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
	.moduletable_linkedin { 
		margin				: 0 !important;
		padding				: 0.2em 0 0.2em 0 !important;
		display				: inline-block;
		width				: 24%;
		border-bottom		: none;
	}
	.moduletable_linkedin .custom_linkedin {}
	.moduletable_linkedin .custom_linkedin p{ 
		height				: 7rem;
		text-align			: center;
	}
	.moduletable_linkedin .custom_linkedin p a {
		display				: inline-block; 
		height				: 100%;
		font-size			: 0.625rem;
		object-fit			: contain;
	}
	.moduletable_linkedin .custom_linkedin p a img { 
		max-height			: 100%; 
		object-fit			: contain;
	}
}
/* Mobile */ 
@media only screen and (max-width: 767px) {
	.moduletable_linkedin { 
		margin				: 0 !important;
		padding				: 0.2em 0 0.2em 0 !important;
		display				: inline-block;
		width				: 32%;
		border-bottom		: none;
	}
	.moduletable_linkedin .custom_linkedin {}
	.moduletable_linkedin .custom_linkedin p{ 
		height				: 2.25rem;
		text-align			: center;
	}
	.moduletable_linkedin .custom_linkedin p a {
		display				: inline-block; 
		height				: 100%;
		font-size			: 0.625rem;
		object-fit			: contain;
		text-align			: center;
	}
	.moduletable_linkedin .custom_linkedin p a img { 
		max-height			: 100%; 
		max-width			: 100%;
		object-fit			: contain;
	}
}