/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}
/* Remove default padding */
ul[class],
ol[class] {
  padding: 0;
}
/* Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}
/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}
/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none;
}
/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}
/* Make images easier to work with */
img {
	max-width: 100%;
	display: inline-block;
	height: auto;
}
/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

.return_button {
	cursor:pointer;
	background-color: var(--gold);
	color: var(--black);
	margin-top: 10px;
}

.return_button:hover {
	cursor:pointer;
	background-color: var(--red);
	color: var(--white);
}

/* ***************************************
 End of Reset
 ***************************************** */

:root {
  --gold: #9d8748;
  --red: #b12b2b;
  --white: #FFFFFF;
  --black: #352525;
  font-size: 100%;
}

.clearfloat {
	clear: both;
	padding-top: 1rem;
}
.floatleft {
	padding: 5px;
	margin-right: 1rem;
	float: left;
	border: 2px solid var(--garnet);
	height: auto;
}
.floatright {
	padding: 5px;
	margin-left: 1rem;
	float: right;
	border: 2px solid var(--garnet);
	height: auto;
}

.centerframe {
	padding: 5px;
	margin: 0 auto;
	border: 2px solid var(--garnet);
	height: auto;
}

html {
	font-size:16px;
}

body {
    font-family: Verdana,Tahoma,Arial,sans-serif;
    line-height: 1.3em;
    color: #303030;
    background: #e3d7bd;
}

a {
	color:#9d8748;
	font-weight:bold;
	text-decoration:none;
	
}

a:hover {
	color:#b12b2b;
	text-decoration:none; 
}

a img {
	border:none;
}

p {
	padding:0 0 1em 0;
	margin-bottom: 0rem;
	word-break: break-word;
}

p form {
	margin-top:0; margin-bottom:20px;
}

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

hr {
    margin: 0 auto;
    border-top: solid 1px;
}

.div_link {
  margin: 1em 0;
}


blockquote {
  padding-left: 2rem;
  margin: 1.6rem 0 1.6rem 2rem;
  font-style: italic;
  border-left: 4px solid var(--gold);
}

.no-wrap {
    white-space: nowrap;
}

/**************** Header and navigation styles ****************/

.container {
	width: 100%;
	max-width:1100px;
	margin: 2vh auto;
	padding: 0;
	text-align:left;
	background:#f5f4e2;
	color:#303030;
	border:2px solid #a0a0a0;
	/*box-sizing: border-box;*/
	min-height: 96vh;
	display: flex;
    flex-direction: column;
}

.header {
	height:252px;
	width: 100%;
	color:#ffffff;
	background: #ffffff url(./img/headerbanner.png) no-repeat center;
	background-size: contain;
}

.responsive-menu {
    text-align: center;
    background-color: #fff;
}




/* *****************************************************************
NAV SECTION
***************************************************************** */

.menu > li, .menu.horizontal > li {
    display: inline-block;
    /* border: 1px solid #ffffff; */
    /* border-right: 1px solid #ffffff; */
    /* border-bottom: 1px solid #ffffff; */
    padding: 0.5em 0 0.5em 0.5em;
    margin-right: 0.5em;
}

.menu.vertical > li {
    display: block;
    margin-right: 0;
    margin-left: -0.5rem;
}

.menu {
	background-color: #9d8748;
	color:#fff;
	text-transform: uppercase;
}

.menu.vertical > li ul li a {
    padding-left: 1.8rem;
}

.menu a {
	color: #fff;
}

.menu a:hover {
	color: #fff;
	background-color: #b12b2b;
}

a.menu-current {
	color: #fff;
	cursor: default;
	background-color: #b12b2b;
}

a.menu-current:hover {
	color: #fff;
	cursor: default;
	background-color: #b12b2b;
}

.dropdown.menu a {
	background-color: #9d8748;
}

.dropdown.menu a:hover, .dropdown.menu a.menu-current {
	background-color: #b12b2b;
	webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #fff transparent transparent;
}

.is-dropdown-submenu-item {
	text-transform: capitalize;
	text-align: left;
}

.js-off-canvas-overlay {
    background: rgba(0, 0, 0, 0.3);
}

.off-canvas {
    background: #9d8748;
}

.close-out {
    display: block;
    text-align: right;
    padding: 0.5em 1em;
}

.close-button, .close-button:focus {
    position: relative;
    color: #fff;
    cursor: pointer;
    right: 0;
    top: 0;
} 

.close-button:hover {
    color: #000;
}

.js-off-canvas-overlay {
    background: rgba(0, 0, 0, .6);
}

.button {
    margin: 0;
    padding: 0.5em 0em;
    font-size: 1.1rem;
    background-color: #9d8748;
    width: 100%;
}


.button:hover, .button:focus {
    background-color: #b12b2b;
}

[type="submit"], [type="button"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px;
}

/* *****************************************************************
END NAV SECTION
***************************************************************** */


/**************** Content styles ****************/

.content {
	font-size: 0.9em;
	padding: 40px 20px 20px 20px;
	flex-grow: 1;
    
}

.content h1 {
	margin:0 0 6px 0;
	font-size:1.7em;
	font-weight:normal;
	letter-spacing:-1px;
}

.content h2{
	margin:0 0 6px 0;
	font-size:1.7em;
	font-weight:normal;
	letter-spacing:-1px;
	color:#505050;
	
}

.content h2 a{font-weight:normal;}
.content h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
.content h4{margin:0 0 5px 0; font-size:1.2em;}
.content h5{margin:0 0 5px 0; font-size:0.9em;font-weight: bold;}
.content h6{margin:0 0 5px 0; font-size:0.8em;}
.content a:hover{text-decoration:underline;}
.content ul,.content ol{margin:0 5px 16px 35px;}
.content dl{margin:0 5px 10px 25px;}
.content dt{font-weight:bold; margin-bottom:5px;}
.content dd{margin:0 0 10px 15px;}

/**************** Footer styles ****************/

footer {
    /* clear: both; */
    /* width: 758px; */
    padding: 5px 0;
    margin: 0 1px;
    font-size: 0.7em;
    text-align: center;
    /* font-weight: bold; */
    color: #5b4e2a;
    background: #d6caa9;
}

footer p{padding:0; margin:0; text-align:center;}
footer a{color: #5b4e2a; font-weight: normal;}
footer a:hover {color: #5b4e2a; text-decoration: underline;}





/**************** Misc classes and styles ****************/

.breakingnews
{
	width:100%;
	background-color:#f5f4e2;
	vertical-align: middle;
	margin: 7px 0 0 0;
	color:#505050;
	line-height:1.5em;
}

#highlight{
	background-color:#f5f4e2;
	padding: 1px 7px 1px 7px;
}

.highlight {
	background-color: #b12b2b;
	color: #ffffff;
}

.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025;  font-weight:bold;}

.box{
	margin:0 0 20px 0;
	padding:10px;
	border:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
	line-height:1.5em;
}

audio {
	width: 100%;
}

ul.categories, ul.photostyle{
    max-width: none !important;
}

label {
    display: inline-block;
}

div.mpform fieldset div.questionbox {
    text-align: left !important;
}

div.mpform div.submitbox input {
    width: auto !important;
    margin: 2px auto !important;
}

input{
	padding: 0.9em;
}

.searchbox {
	max-width: 400px;
}

table {
    width: inherit;
    margin-bottom: 0;
    border-collapse: collapse;
}

table thead, table tbody, table tfoot {
    border: none;
    /*border-bottom: 4px solid #f1f1f1;*/
    background-color: #e4e3c9;
}

table tbody tr:nth-child(even) {
    background-color: #fbfaf4;
}

/**************** Brought from RND ********************/


/* reset the table from mobile view of "block" so that it centers on desktop*/
  
  table {
    display: table;
    overflow: auto;
    }
  table.wide {
    display: table;
    overflow: auto;
	}
  .tablewidescroll {
	display: table;
	overflow: auto;
	}
  .tablefullwidth {
    display: table;
    overflow: auto;
    width: 100%;
	}

/* End reset the table from mobile view of "block" so that it centers on desktop*/

tr:nth-child(even) {background-color: #f2f2f2;}
th {
  background-color: var(--gold);
  color: var(--black);
}
th, td {
  padding: 0.5rem;
}
table caption {
	background-color:var(--white);
	color: var(--black);
	padding: 0.5rem;
	font-weight: bold;
	font-size: 1.5rem;
	border: 3px solid var(--gold);
}


/* News with Image - Gallery Caption */
.fotorama__caption__wrap {
    background-color: rgba(203, 158, 75, 0.85) !important;
    color: var(--black);
    font-size: 1rem;
}
/* News image responsive classes */
.picfull {width:100%; max-width:100%; height:auto;}
.picfullframed {width:100%; max-width:100%; height:auto; padding: 5px; border:2px solid var(--black)}
.picframed {height:auto; padding: 5px; border:2px solid var(--black);}
.piccentered {display: block; margin-left: auto; margin-right: auto;}
.picframedcentered {display: block; margin-left: auto; margin-right: auto;height:auto; padding: 5px; border:2px solid var(--black);}
.pic2left {float:left; max-width:48%; margin: 3px 3% 2px 0; height:auto; padding: 5px; border:2px solid var(--black);}
.pic2right {float:right; max-width:48%; margin: 3px 0 2px 3%; height:auto; padding: 5px; border:2px solid var(--black);}
.pic3left {float:left; max-width:32%; margin: 3px 3% 2px 0; height:auto; padding: 5px; border:2px solid var(--black);}
.pic3right {float:right; max-width:32%; margin: 3px 0 2px 3%; height:auto; padding: 5px; border:2px solid var(--black);}
.pic4left {float:left; max-width:24%; margin: 3px 3% 2px 0; height:auto; padding: 5px; border:2px solid var(--black);}
.pic4right {float:right; max-width:24%; margin: 3px 0 2px 3%; height:auto; padding: 5px; border:2px solid var(--black);}
.makebig {
	cursor: pointer;
}


/**************** End Brought from RND ********************/


/**************** NWI News With Images styles ****************/

.header_post_date {
  text-align: right;
}

.post-date {
  text-align: right;
}

.nwi_title {
    background-color: #e4e3c9;
    padding: 0.5rem 0.625rem 0.625rem;
    display:flex;
    justify-content: space-between;
}

.nwi_inline_title {
  margin: 0 !important;
}

.mod_nwi_content_long {
  margin-top: 1rem;
}

.nwi_inline_date {
  padding-left: 0.5em;
  text-align: right;
  align-self: center;
}

.nwi_title a {
    /*display: inline-block;*/
}

.nwi_align {
    padding: 0.5rem 0.625rem 0.625rem;
    background-color: #fbfaf4;
}

.mod_nwi_default .mod_nwi_teasertext {
  display: table;
  /*width: 100%;*/
  display: flow-root !important;
}

.mod_nwi_teaserpic {
    min-width: 30%;
    max-width: min-content;
    float: left;
}

.mod_nwi_teaserpic img {
    padding: 5px;
    border: 2px solid #000;
    max-width: 100% !important;
    width: 100%;
}

.content a img {
  box-shadow: 0px 0px 12px 0px #9d8748;
}

.content a img:hover {
  box-shadow: 0px 0px 12px 0px #b12b2b;
}

.nwi_published_date {
    text-align: right;
}


.nwi_footer_nav {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    background-color: #e4e3c9;
    padding: 0.5rem 0.625rem 0.625rem;
}

/**************** End NWI News With Images styles ****************/


/**************** FolderGallery styles ****************/

.fg_gallery_titel {
  display: none;
}


.fg_categories {
  margin: 0 !important;
}

.fg_categories img {
  max-width: 100% !important;
}

/**************** End FolderGallery styles ****************/

@media screen and (max-width: 1100px) {
	.container {
		margin:0px auto;
		min-height: 100vh;
	}
}

@media screen and (max-width: 500px) {
	.header {
		height:200px;
		width: 100%;
		color:#ffffff;
		background: #ffffff url(./img/headerbanner_mobile.png) no-repeat center;
		background-size: contain;
	}
	
	
	
	
	.mod_nwi_teaserpic {
	    float: inherit !important;
	    display: inline-block;
        max-width: 100% !important;
        width: 100%;
	}
	
	.mod_nwi_teaserpic img {
        float: left;
        max-width: 100%;
        height: auto;
        width:100%;
    }
    
      
    .picfull, .picfullframed, .picframed, .piccentered, .picframedcentered, .pic2left, .pic2right, .pic3left, .pic3right, .pic4left, .pic4right {
        width: 100%;
        margin: 0 0 0.5rem 0;
        height: auto;
        float: none;
        max-width: 100%;
    }

}

@media screen and (max-width: 960px) {
    table {
        border-collapse: collapse;
        display: table;
        overflow: auto;
        border: none;
    }
    
    table p {
    margin: 0;
    }
    
    table.wide {
        display: block;
        max-width: 95vw;
        width: 100%;
    }
    
    .tablewidescroll {
        display: block;
        max-width: 95vw;
        width: 100%;
    }
    
    .tablefullwidth {
        max-width: 95vw;
        width: 100%;
    }
}