/*	C S S	*/

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap');

html {
	width: 100%;
	max-width: 100%;

	background-color: #f5f5f5;
}

body {
	width: 100%;
	max-width: 100%;

	color: #0c0c0c;
	font-family: Ubuntu, 'Fira Sans', Thaoma, Arial, Verdana, sans-serif, Helvetica;
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-color:#ffffff;
	-background-image: url(img/content-bg.gif);
	-background-repeat:repeat-x;
	-background-position:top;
}

a:link    {text-decoration: none; color: rgb(33, 51, 129);; -border-bottom:#00CC33 1px dotted}
a:visited {text-decoration: none; color: rgb(33, 51, 129);; -border-bottom:#00CC33 1px dotted}
a:active  {text-decoration: none; color: rgb(33, 51, 129);;}
a:hover   {-text-decoration: underline; color: #4e73b7; -text-shadow:#F7F7F7 1px 1px 1px}

img.bullet {vertical-align:middle}

span.nobr	{
	white-space: nowrap;
}




.nav_box {
	padding: 4px;
	max-width: 100%;
}

.nav_list {
	list-style-type: none;
	padding-left: 0px;
	display: flex;
	flex-wrap: wrap;
}
.nav_list li {
	-display: inline;
	-float: left;
	line-height: 1,5em;
	-margin-left: 4px;
	margin-right: 4px;
	
}

.nav_list li a {
	text-decoration: underline;
	-white-space: nowrap;
}




.page_header {
	padding-top: 4px;
	font-family: 'Ubuntu';
	text-align:center;
	-font-size:large;
	max-width:100%;

	background-color: #f5f5f5;

	color: #000000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
.page_header_text {
	font-size: 36px;
	font-weight:bold;
	-font-family: '', cursive;
	max-width:100%;
	color: #ffffff;
	text-shadow: 1px 0px 1px #00263a;
}
.page_header_text a:link, .page_header_text a:visited{
	color: #ffffff;
}
.page_header_text a:hover {
	text-shadow: #ffffff 0px 0px 2px;
}
.page_header_slogan {
	font-size: 12px;
	padding:0;
	margin:0;
	color: #CCC;
	display:block;
}




.page_footer {
	font-family: 'Ubuntu Condensed';
	display:block;
	----width:100%;
	max-width:100%;
	overflow:hidden;
	
	margin-bottom:0px;
	padding-bottom:0px;
	clear:both;

	background-image: url(img/footer-bg.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: top;

	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;

	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgb(33, 51, 129);

	text-align: center;
	font-size:12px;
}

.page_header, .page_footer, html {
	color: #ffffff;
	background-color: #4e73b7;
}


.page_menu {
	-background-color: #FFF;
	padding: 8px;
}
.page_menu ul {
	font-family: 'Ubuntu Condensed';
	display: inline-block; 
	list-style: none;
	padding:0;
	line-height: 2.25em;
}
.page_menu li {
	padding: 4px;
	margin: 4px;
	display:inline;
	list-style: none;
}
.page_menu li a:link {
	padding: 4px 8px;
	margin: 8px;
	background-color: #FFF !important;
	border: 1px solid #000;
	white-space: nowrap;
}
.page_menu li a:hover {
	opacity: 0.75;
	background-color: #000;
}


main {
	width: 1224px;
	max-width: calc(100% - 32px);
	margin-left: auto;
	margin-right: auto;
}


.cards_container {
	display:flex;
	gap: 16px;

	flex-wrap: wrap;
	-margin: -0.5rem;
	padding:16px;
}

.card {
	-margin: 0.5rem;
	
	width:384px;
	max-width: 100%;
	-padding: 2px;
	background-color:#FFF;
	border: 1px solid #999;

	border-radius: 6px;

	box-shadow: #7e7e7e 0px 0px 6px;
	-margin: 12px;
	
	-float: left;
}

.card:hover {
	opacity:0.9;
}

.card_image {
	-width:384px;
	max-width: 100%;
	height: auto;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.card_title {
	font-family: 'Ubuntu';
	display: block;
	overflow:hidden;
	text-align:center;
	font-size: x-large;
	
	---color: #F0F0F0;
	---background-color: rgb(33, 51, 129);;
	
}


article {
	padding: 16px;
}

article header, .article_header {
	font-family: 'Ubuntu';
	-text-align:center;
	font-size:x-large !important;
}

.article_header h1 {
	font-size: 24px;
}

article h2 {
	font-family: 'Ubuntu';
}

.photo {
	max-width: 100%;
	height: auto;
}

.data {
	font-weight: bold;
}
.data a {
	text-decoration: underline;
}

.cards_container_title {
	padding: 0 16px;
}


.video-container {
	-position: relative;
	-padding-bottom: 56.25%; /* 16:9 */
	-height: 0;
}
.video-container iframe {
	-position: absolute;
	-top: 0;
	-left: 0;
	-width: 100%;
	-height: 100%;
	-height:auto;
}


/* Share links */




.share_links {
	-width: 100%;
	text-align: right;
	-padding-left: 8px;
	-padding-right: 8px;
}
.share_links ul, .share_list {
	-padding-left: 8px;
	-padding-right: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 2.5em;
}
.share_list {

}
.share_links ul li {
	display: inline;
	-color: #fff;
	-border: 2px solid;
	margin:8px;
	white-space: nowrap;
}
.share_links ul li a {
	color:#fff;
	font-weight: bold;
	padding:8px;
	-margin:8px;
	text-decoration: none;
	
}
.share_links ul li a:hover {
	opacity: 0.8;
}
.share_list li a image, .share_icon {
	-display:none;
	width: 16px;
	height: 16px;
	-padding-right: 8px;
}

.share_text {
	margin-left: 8px;
}

.share_fb {
	background-color: #3a579a;
	border-color: #334d87;
	white-space: nowrap;
}
.share_tw {
	background-color: #00abf0;
	border-color: #0099d7;
}
.share_li {
	background-color: #0077b5;
	border-color: #00669c;
}
.share_wh {
	background-color: #39b322;
	border-color:#2f802c;
}
.share_te {
	background-color: #00abf0;
	border-color: #0099d7;
}
.share_re {
	background-color: #ff4400;
	border-color: #c73703;
}






/* N AV  B A R */

.breadcrumb {
	font-size:small;
	font-size:11px;
	font-stretch:condensed;
	line-height: 1.5em;
	color:#c5ccd3;
	text-decoration:none;
	padding: 0px;
}
.breadcrumb li {
	display: inline;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
	padding: 2px;
	color: rgb(221, 221, 221);
	content: ">\00a0";
}

.breadcrumb a {	font-weight:bold;
white-space: nowrap; color:#B7BECD; text-decoration:none; text-shadow: #FFFFFF 0 1px 1px; line-height:1.5em;}
.breadcrumb a:hover {color: #6D85A3}




@media only screen and (max-width: 600px) {
	.page_header_text {
		font-size: 20px;
	}
	.page_header_slogan {
		font-size: 8px;
	}

	.no_mobi {
		display: none !important;
	}

	.share_text {
		display: none;
	}
}