/* 	default styles 
	============== */

body { background-color:#597F95; background-image:url("background.png"); color:#555555; font-family: verdana, arial, sans-serif; }

a { color:#3B5D77; }
a:hover { color:#668FA3 }

h1 { border-bottom:solid 0.7rem #DDDDDD; margin-bottom:1rem; font-size:1.5rem; color: #536C71; }
h1:last-child { margin-bottom:0; }

h2 { margin-bottom:1rem; font-size:1.25rem; color:#586B7A; border-bottom:solid 0.7rem #DDDDDD; }
h2:last-child { margin-bottom:0; }

h3 { margin-bottom:1rem; font-size:1.115rem; color:#586B7A; border-bottom:solid 0.7rem #DDDDDD; }
h3:last-child { margin-bottom:0; }

h4 { margin-bottom:1rem; font-size:1.07rem; color:#586B7A; border-bottom:solid 0.7rem #DDDDDD; }
h4:last-child { margin-bottom:0; }

h5 { margin-bottom:1rem; font-size:1.03rem; color:#586B7A; border-bottom:solid 0.7rem #DDDDDD; }
h5:last-child { margin-bottom:0; }

h6 { margin-bottom:1rem; font-size:1.01rem; color:#586B7A; border-bottom:solid 0.7rem #DDDDDD; }
h6:last-child { margin-bottom:0; }

p { margin-bottom:1rem; }
p:last-child { margin-bottom:0; }

img { margin:0; padding:0; max-width:100%; vertical-align:top; }

table { margin-bottom:1rem; border:solid 1px #CAAE90; border-collapse:collapse; }
table:last-child { margin-bottom:0; }

th { border:solid 1px #CAAE90; padding:0.25rem; }

td { border:solid 1px #CAAE90; padding:0.25rem; }

ul { margin-bottom:1rem; padding-left:1.5rem; list-style-type:square;	 }
ul:last-child { margin-bottom:0; }

ol { margin-bottom:1rem; padding-left:1.7rem; }
ol:last-child { margin-bottom:0; }

hr { margin:0 auto 1rem auto; padding:0; display:block; height:1px; border-top:dashed 0.7rem #b2bcc1; width:90%; }
hr:last-child { margin-bottom:0; }

form { display:block; margin-bottom:1rem; }
form:last-child { margin-bottom:0; }

input[type=text] { border:solid 1px grey; width:10rem; max-width:100%; padding:0.25rem; outline:0; color:#70695A; font-family: verdana, arial, sans-serif; }

input[type=email] { border:solid 1px grey; width:10rem; max-width:100%; padding:0.25rem; outline:0; color:#70695A; font-family: verdana, arial, sans-serif; }

textarea { display:block; width:100%; border:solid 1px grey; outline:0; min-height:5rem; padding:0.5rem; color:#70695A; font-family: verdana, arial, sans-serif; }

input[type=submit] { border:solid 1px grey; background:rgb(255,255,255); padding:0.4rem; color:#70695A; font-family: verdana, arial, sans-serif; cursor:pointer; outline:0; }

input[type=button] { border:solid 1px grey; background:rgb(255,255,255); padding:0.4rem; color:#70695A; font-family: verdana, arial, sans-serif; cursor:pointer; outline:0; }

select { all:revert; }

option { all:revert; }

/* 	layout
	====== */

/* wrap */

.wrap { display:flex; flex-wrap:wrap; flex-direction:row; width:100%; max-width:1024px; margin:0 auto; color: #70695A; box-shadow: 0px 0px 4px 12px rgba(0,0,0,0.2); }

/* top bar (socials - above banner) */

.top-bar { flex-basis:100%; display:flex; flex-direction:row; justify-content:end; background-color:rgb(120,152,172); background-image:linear-gradient(180deg, rgba(120,152,172,1) 0%, rgba(90,129,154,1) 100%); padding:0.5rem; padding-top:2rem; font-family:arial, sans-serif; border-bottom:solid 3px #48525B; }
.top-bar ul { padding:0; display:flex; flex-direction:row; }
.top-bar li { list-style-type:none; padding-right:0.5rem; margin-right:0.5rem; border-right:solid 1px #4D5760; }
.top-bar li:last-child { padding:0; margin:0; border:0; }
.top-bar a { display:inline-block; color:#CCCCCC; }
.top-bar a:active { color:#3B5D77 }
.top-bar a:hover { color:#3B5D77  }

/* banner */

.banner { flex-basis:100%; display:flex; flex-direction:row; align-items:center; background-image:url("header_image.jpg"); background-size:100% 100%; color:#FFFFFF; padding-top:1rem; padding-bottom:1rem; }
.banner-left-col { flex:1; padding:1rem; }
.banner-right-col { display:none; }
input[type=button].mobile-overlay-toggle-button { border:0; width:2rem; height:2rem; background-image:url("burger.png"); background-repeat:no-repeat; background-position:center; background-color:transparent; background-size:100%; color:transparent; text-decoration:none; cursor:pointer; }
header { font-size:1.5rem; font-weight:bold; color:#555555; }
.site-slogan { font-size:1.2rem; font-style:italic; color:#555555; }

/* nav bar (bar below banner */

.nav-bar { flex-basis:100%; display:flex; flex-direction:row; font-family:arial, sans-serif; }
.nav-bar-right { flex:1; height:100%; border-top:solid 6px #41637D; background-color:rgb(120,152,172); background-image:linear-gradient(180deg, #53748D 0%, #3B5D77 100%); padding:0.5rem 0.5rem 2rem 0.5rem; }

/* menu */

.nav-bar ul { margin:0; padding:0; display:flex; }
.nav-bar li { display:block; }
.nav-bar a { color:#FFFFFF; border-top:solid 6px #41637D; display:inline-block; background-color:rgb(120,152,172); background-image:linear-gradient(180deg, #53748D 0%, #3B5D77 100%); padding:0.5rem 1rem 2rem 1rem; }
.nav-bar a:active { border-top:solid 6px #455660; background-color:#4A5C6A; background-image:none; }
.nav-bar a:hover { border-top:solid 6px #455660; background-color:#4A5C6A; background-image:none; }

/* main cols */

.content { flex:1; display:flex; flex-direction:row; background-color:#FFFFFF; }
.content-inner { background-color:#EAF2F5 }

/* breadCrumb */

.breadcrumb { margin-bottom:1rem; }

/* page Content */

/* side content */

.side-content { width:200px; padding:0.5rem; }
.side-section-heading { display:block; font-weight:bold; font-size:0.9rem; color:#536C71; margin-bottom:1rem; }
.side-section-content { font-size:0.8rem; }

/* footer */

.foot { flex-basis:100%; background-color: #7797AD; background-image:linear-gradient(180deg, #7797AD 0%, #5A819A 100%); padding:1.5rem 0.5rem 0.5rem 0.5rem; text-align:center; color:#4D5760; font-family:arial, sans-serif; }
.foot a { color:#4D5760 }
.foot a:hover { color:#66CC00 }
.foot a:active { color:#66CC00 }

footer { margin-bottom:0.5rem; }

.original-theme-credits { text-align:right; margin-bottom:0.5rem; }
.original-theme-credits ul { padding:0; display:inline-block; }
.original-theme-credits li { padding:0; display:inline-block; padding-left:0.5rem; padding-right:0.5rem; }

.more-credits { text-align:right; }