@charset "UTF-8";

/* used to control the menu bar depending on screen width */
	@media only screen and (min-width: 993px){.myHide-wide {display:none!important}}	
	@media only screen and (max-width: 992px) and (min-width: 601px) {.myHide-medium{display:none!important}}
	@media only screen and (max-width: 600px) {.myHide-small {display:none!important}}

/*
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot');
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), 
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), 
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), 
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); 
}

@font-face {
  font-family: 'Roboto';
  font-style: Bold;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500.eot'); 
  src: local(''),
       url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), 
       url('../fonts/roboto-v30-latin-500.woff') format('woff'), 
       url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), 
       url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); 
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-italic.eot'); 
  src: local(''),
       url('../fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'), 
       url('../fonts/roboto-v30-latin-italic.woff') format('woff'), 
       url('../fonts/roboto-v30-latin-italic.ttf') format('truetype'), 
       url('../fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); 
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500italic.eot'); 
  src: local(''),
       url('../fonts/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v30-latin-500italic.woff2') format('woff2'), 
       url('../fonts/roboto-v30-latin-500italic.woff') format('woff'), 
       url('../fonts/roboto-v30-latin-500italic.ttf') format('truetype'), 
       url('../fonts/roboto-v30-latin-500italic.svg#Roboto') format('svg'); 
}
*/

@font-face {
font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/roboto-v30-latin-regular.ttf');
}

@font-face {
font-family: Roboto;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/roboto-v30-latin-italic.ttf');
}

@font-face {
font-family: Roboto;
  font-style: bold;
  font-weight: 500;
  font-stretch: semi-expanded;
  font-display: swap;
  src: url('../fonts/Roboto-Medium.ttf');
}

@font-face {
font-family: Roboto;
  font-style: bold;
  font-style: italic;
  font-weight: 500;
  font-stretch: semi-expanded;
  font-display: swap;
  src: url('../fonts/Roboto-MediumItalic.ttf');
}

/* color scheme: myMenuBar
	#4e181a	red-brown - text and background for menu bar and footer
	#eeebe6	light yellow - background color for page
	#C90000	red - links and h1
	#ccc	grey - background of hovered links and buttons 
    #f9f9f9	light grey - background of drop down content	   
*/

/* basic element definitions */	 
	html,body,h1,h2,h3,h4,h5,h6,p{font-family: 'Roboto', sans-serif; color:#4e181a; font-size:medium}
	a{font-weight: bold; font-family: 'Roboto', sans-serif;color: blue; font-size:medium}
	p {text-align: justify}
	a:hover{background-color:#ccc}
	a:visited{background-color:#ccc;color:#4e181a}
	h1 {margin-top: 0px}
	h1,h2,h3,h4,h5,h6 {font-weight: 600}
	h1{font-size:x-large; font-style: italic;color: #C90000}
	.txt-theme {color:#4e181a !important}
	.txt-theme-inv {color:white !important; background-color:#4e181a !important}

/* body */
	.mybody {margin: 0;}

/* page - defines max and min screen wides and background color */	 
 	.myPage {max-width: 2000px; min-width: 300px; background-color: #eeebe6;}

/* top logo (on all pages except Home page)*/
	img#top-logo {display: block; margin-left: auto; margin-right: auto; margin-Top: 0px; margin-bottom: 0px;}

/* menu bar */
	/* menu bar container on all pages */
	.navbar {overflow: hidden; font-size: large; background-color: #4e181a;}
	/* hyperlink item in the horizontal menu bar */
	.navbar a {float: left; font-size: inherit; color: white; text-align: center; padding: 14px 16px; text-decoration: none;}
	/* container for a dropdown button for the horizontal menu and for a vertical sub menu */
	.dropdown, .dropdown-sub  {font-size: inherit; overflow: hidden;}
	.dropdown  {float: left;}
	/* defines the container for a dropdown button and the button itself in the horizontal and vertical menu */
	.dropbtn-vert, .dropdown .dropbtn, .dropdown-sub .dropbtn-sub {font-size: inherit; font-weight: bold; border: none; outline: none; font-family: inherit; margin: 0;}
	.dropbtn-vert, .dropdown .dropbtn {color: white; padding: 14px 16px; background-color: #4e181a;}
	.dropdown-sub .dropbtn-sub {color: #4e181a; padding: 8px 16px; background-color: #f9f9f9;}
	.dropbtn-vert {position: absolute;}
	.dropbtn-sub {min-width: 160px; width: inherit; text-align: left;}

	/* defines how a hovered link and dropdown item in the menu bar changes*/
	.navbar a:hover, .dropdown:hover .dropbtn {background-color: #ccc; color: #4e181a;}
	.dropdown-sub:hover .dropbtn-sub {background-color: #ccc; color: #4e181a;}

	/* defines the dropdown box in the menu bar*/
	.dropdown-content, .dropdown-vertcontent, .dropdown-subvertcontent {display: none; position: absolute; color: #4e181a; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
	.dropdown-subvertcontent {left: 70px;}

	/* defines a link in the dropdown box for horizontal and vertical menu */
	.dropdown-content a, .dropdown-vertcontent a, .dropdown-subvertcontent a {float: none; color: inherit; text-decoration: none; display: block; text-align: left;}
	/*.dropdown-subvertcontent a, .dropdown-vertcontent a {float: none; color: inherit; text-decoration: none; text-align: left;}*/
	.dropdown-content a {padding: 12px 16px;}
	.dropdown-vertcontent a, .dropdown-subvertcontent a {padding: 8px 16px;}

	/* defines how a hovered link in the dropdownbox changes*/
	.dropdown-content, .dropdown-vertcontent a:hover, .dropdown-subvertcontent a:hover {background-color: #ddd;}

	/* in the horizontal menu a hovered button container shall display the drop down content */
	.dropdown:hover .dropdown-content {display: block;}


/* Content */	
	.myContent {width: inherit; max-width: 1150px; padding: 16px 45px 8px 16px; visibility: visible;}
	.myContent a {font-weight: bold;font-family: 'Roboto', sans-serif; color:#C90000; font-size:medium}
	table#content_top_table {text-align: left; width: 100%; height: auto; border: 0; cellpadding: 0; cellspacing: 0}

/* index bar */
	.myIndex {padding:8px 16px; font-size: medium; color: #330000; visibility: visible; height: 20px; line-height: 16pt; font-weight: bold;}
	
/* footer bar */
	.myFooter {font-size:inherit; visibility: visible; background-color: #4e181a; height: 180px; width: 100%;}
	.myFooter_left {padding:8px 0px 8px 16px; float: left;}	
	.myFooterButton {font-size: inherit; width: 100px;}
	.myFooterButton:hover {color:#4e181a ;background-color:#ccc}
	.myFooterButton a {color: white; text-decoration:none; background-color: #4e181a;}
	.myFooterButton a:hover {color:#4e181a ;background-color:#ccc}

/* picture slider for home page */
    /* @media only screen and (max-width: 400px) {.flex-container, .site-footer {padding: 0 10px} from red */
	.flexslider {border: 0 !important; margin-bottom: 0; -webkit-box-shadow: 0 0 0 !important; -moz-box-shadow: 0 0 0 !important; box-shadow: 0 0 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important;}

	.flexslider .slides > li {position: relative;}

	.flexslider .slides img {width: 100%; height: 100%;}
	  
	  .home.flaton-free .flexslider .slides > li {
		position: relative; }
	  .home.flaton-free .flexslider .slides img {
		width: 100%;
		height: 100%; }
	@media only screen and (max-width: 700px) {
	  .flexslider .flex-image {
		height: auto; }
	  .flexslider .flex-caption {
		position: static;
		padding: 20px 0; }
		.flexslider .flex-caption h1 {
		  font-size: 30px;
		  font-size: 3rem; }
		.flexslider .flex-caption h2 {
		  font-size: 28px;
		  font-size: 2.8rem; }
		.flexslider .flex-caption h3 {
		  font-size: 23px;
		  font-size: 2.3rem; }
		.flexslider .flex-caption h4 {
		  font-size: 20px;
		  font-size: 2rem; }
		.flexslider .flex-caption h5 {
		  font-size: 16px;
		  font-size: 1.6rem; }
		.flexslider .flex-caption h6 {
		  font-size: 15px;
		  font-size: 1.5rem; }
		}
		
	  .flexcarousel .flex-image {
		text-align: center; }

	@media only screen and (max-width: 700px) {
	  .flexslider .flex-image {
		height: auto; }
	}

	.scroll-to-top {
	  background: #e00f1a;
	  color: #FFFFFF;
	  bottom: 3%;
	  cursor: pointer;
	  display: none;
	  position: fixed;
	  right: 5px;
	  z-index: 999;
	  text-align: center;
	  line-height: 40px;
	  width: 35px;
	  background-clip: padding-box;
	  /* stops bg color from leaking outside the border: */
	  -webkit-border-radius: 4px;
	  border-radius: 4px;
	  -webkit-transition: background-color 0.3s linear;
	  -moz-transition: background-color 0.3s linear;
	  -o-transition: background-color 0.3s linear;
	  transition: background-color 0.3s linear; }

	.scroll-to-top:hover {
	  background: rgba(226, 67, 72, 0.6); }

	.widget_flexslider-widget .flexcarousel {
	  margin: 0 50px; }
	  .widget_flexslider-widget .flexcarousel ul {
		padding: 0 40px; }
		.widget_flexslider-widget .flexcarousel ul li {
		  border: 0;
		  margin: 0; }
	  .widget_flexslider-widget .flexcarousel .flex-direction-nav a {
		opacity: .5 !important;
		top: 25%;
		width: 40px;
		line-height: 40px;
		height: 40px;
		margin: 0;
		font-size: 20px;
		font-size: 2rem; }
		.widget_flexslider-widget .flexcarousel .flex-direction-nav a:hover {
		  opacity: 1 !important; }
	  .widget_flexslider-widget .flexcarousel .flex-direction-nav a.flex-prev {
		left: 0px; }
	  .widget_flexslider-widget .flexcarousel .flex-direction-nav a.flex-next {
		right: 0px; }
	.flexcarousel {
	  position: relative;
	  padding: 40px 0 0; }
	  .flexcarousel .flex-image {
		text-align: center; }
	  .flexcarousel .flex-direction-nav a {
		top: 0%;
		opacity: 1;
		width: 25px;
		height: 30px; }

	.widget-title {
	  color: #4e181a; }

	.widget {
	  margin: 0 0 1.5em;
	  /* Make sure select elements fit in widgets */ }
	  .widget h3 {
		margin-bottom: .5em; }
	  .widget select {
		max-width: 100%;
		width: 100%; }
	  .widget ul {
		margin: 0;
		list-style: none; }
		.widget ul li {
		  border-bottom: 1px solid #ECF0F1;
		  color: #4e181a; }
		  .widget ul li a {
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease; }
			.widget ul li a:hover {
			  background-position: 5px 8px; }
		  .widget ul li li {
			padding-left: 20px; }
	  .widget a {
		color: #4e181a; }
		.widget a:hover {
		  color: #e00f1a; }

	#secondary .widget ul li {
	  padding: 8px 0; }
	  #secondary .widget ul li a {
		padding-left: 15px;
		background: url("../images/list.png") no-repeat left 8px; }
		#secondary .widget ul li a:hover {
		  color: #e00f1a;
		  background-position: 5px 8px; }
	#secondary .widget_calendar caption {
	  color: #e00f1a; }

	.widget li ul.sub-menu li:last-child,
	.widget li ul.children li:last-child {
	  border-bottom: 0; }

	.widget_rss ul li {
	  padding: 8px 0; }
	  .widget_rss ul li .rss-date {
		color: #e00f1a;
		display: block; }
	  .widget_rss ul li cite {
		color: #797979; }

	/* Search widget */
	.widget_search .search-submit {
	  display: none; }
	.widget_search input {
	  width: 95%;
	  padding: 5px 10px; }

	.widget_archive li,
	.widget_categories li,
	.widget_pages li,
	.widget_meta li,
	.widget_recent_comments li,
	.widget_recent_entries li,
	.widget_nav_menu li,
	.widget_list-widget li {
	  padding: 10px 0; }

	.widget li ul {
	  border-top: 1px solid #ECF0F1;
	  margin-top: 10px; }

	.widget_tag_cloud a {
	  background-color: #ECF0F1;
	  padding: 5px;
	  margin: 2px;
	  display: inline-block; }
	  .widget_tag_cloud a:hover {
		color: #FFFFFF;
		background-color: #e00f1a; }

	.widget_text ul {
	  list-style: disc;
	  margin: 0 0 0 30px !important;
	  border: 0 !important; }
	  .widget_text ul li {
		border: 0;
		color: #272727;
		padding-left: 20px; }

/* arrows for moving to next or previous picture on home page */
	.flex-direction-nav a.flex-prev,
	.flex-direction-nav a.flex-next {
	  width: 40px;
	  height: 40px;
	  padding: 0;
	  text-align: center;
	  line-height: 40px;
	  margin-top: 0;
	  display: block;
	  text-indent: -9999em;
	  background: #4e181a url("../images/flex-prev.png") no-repeat center center; }
	.flex-direction-nav a.flex-next {
	  background: #4e181a url("../images/flex-next.png") no-repeat center center;
	  right: 20px; }
	.flex-direction-nav a.flex-prev {
	  left: 20px; }
	.flex-direction-nav a.flex-next:hover {
	  background: #e00f1a url("../images/flex-next.png") no-repeat center center; }
	.flex-direction-nav a.flex-prev:hover {
	  background: #e00f1a url("../images/flex-prev.png") no-repeat center center; }

	.flex-direction-nav a:hover {
	  background: #e00f1a;
	  color: #FFFFFF; }