* { box-sizing:border-box; margin:0; padding:0; border:0; }


body { background-color:#a5deff; background-image:linear-gradient(#80c6ff, #50adff); color:#9cd3ff; font-family: verdana, arial, sans-serif; }
h1 { border-bottom:solid 0.7rem #DDDDDD; margin-bottom:1rem; font-size:1.5rem; color: #929292; }
h2 { margin-bottom:1rem; font-size:1.25rem; color:#777eff; border-bottom:solid 0.7rem #a9a9a9; }
h3 { margin-bottom:1rem; font-size:1.115rem; color:#3e85ff ; border-bottom:solid 0.7rem #909090; }
h4 { margin-bottom:1rem; font-size:1.07rem; color:#3e85ff ; border-bottom:solid 0.7rem #aaaaaa; }
h5 { margin-bottom:1rem; font-size:1.03rem; color:#3e85ff ; border-bottom:solid 0.7rem #aaa; }
h6 { margin-bottom:1rem; font-size:1.01rem; color:#3e85ff ; border-bottom:solid 0.7rem #aaa; }
p { margin-bottom:1rem; }
table { margin-bottom:1rem; border:solid 1px #CAAE90; border-collapse:collapse; }
ul { margin-bottom:1rem; padding-left:1.5rem; list-style-type:square;	 }
ol { margin-bottom:1rem; padding-left:1.7rem; }
th { border:solid 1px #CAAE90; padding:0.25rem; }
td { border:solid 1px #CAAE90; padding:0.25rem; }
a { color:#9fd5ff; }
a:hover { color:#668FA3 }
form { display:block; margin-bottom:1rem; }
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; }
img { margin:0; padding:0; max-width:100%; vertical-align:top; }
hr { margin:0 auto 1rem auto; padding:0; display:block; height:1px; border-top:dashed 0.7rem #b2bcc1; width:90%; }

h1:last-child { margin-bottom:0; }
h2:last-child { margin-bottom:0; }
h3:last-child { margin-bottom:0; }
h4:last-child { margin-bottom:0; }
h5:last-child { margin-bottom:0; }
h6:last-child { margin-bottom:0; }
p:last-child { margin-bottom:0; }
table:last-child { margin-bottom:0; }
ul:last-child { margin-bottom:0; }
ol:last-child { margin-bottom:0; }
hr:last-child { margin-bottom:0; }

.wrap { width:100%; max-width:1024px; margin:0 auto; color: #637dff; box-shadow: 0px 0px 4px 12px rgba(0,0,0,0.2); }

.top-bar { display:flex; flex-direction:row; justify-content:end; background-color:rgb(143, 212, 255); background-image:linear-gradient(180deg, rgb(155, 217, 255) 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: #3e85ff  }
.top-bar a:hover { color:#3e85ff  }

.banner { display:flex; flex-direction:row; align-items:center; background-image:url("img/IMG_3855.jpeg"); opacity: 0.33; 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("img/IMG_3855.jpeg"); 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:#2200ba; }
.site-slogan { font-size:1.2rem; font-style:italic; color:#0011cd; }

.nav-bar { display:flex; flex-direction:row; font-family:arial, sans-serif; }
.nav-bar-right { flex:1; height:100%; border-top:solid 6px #9bd4ff; background-color:rgb(225, 244, 255); background-image:linear-gradient(180deg, #3e85ff  0%, #c7e7ff 100%); padding:0.5rem 0.5rem 2rem 0.5rem; }

.nav-bar nav ul { padding:0; display:flex; }
.nav-bar nav li { display:block; }
.nav-bar nav a { color:#FFFFFF; border-top:solid 6px #b6e0ff; display:inline-block; background-color:rgb(120,152,172); background-image:linear-gradient(180deg, #80c8ff 0%, #c9e8ff 100%); padding:0.5rem 1rem 2rem 1rem; }
.nav-bar nav a:active { border-top:solid 6px #00a2ff; background-color:#4A5C6A; background-image:none; }
.nav-bar nav a:hover { border-top:solid 6px #0097ef; background-color:#4A5C6A; background-image:none; }

.main { display:flex; flex-direction:row; background-color:#FFFFFF; }
.main-left-col { flex:1; padding:1rem; }
.main-right-col { width:300px; padding:1rem; }
.main-right-col-inner { background-color:#EAF2F5 }

.breadcrumb { margin-bottom:1rem; }

.side-content { padding:0.5rem; }
.side-section-heading { display:block; font-weight:bold; font-size:0.9rem; color:#006ddb; margin-bottom:1rem; }
.side-section-content { font-size:0.8rem; }

.foot { background-color: #7797AD; background-image:linear-gradient(180deg, #54baff 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:#6ebbff }
.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; }

.mobile-overlay { display:none; }


.mobile-mode .nav-bar { display:none; }

.mobile-mode .banner-right-col { display:inline-block; padding:1rem; padding-left:0; }

.mobile-mode .main { border-top:solid 3px #b7deff; }
.mobile-mode .main-right-col { display:none; }

.mobile-mode .mobile-overlay { position:fixed; top:0; left:0; right:0; bottom:0; background:rgb(0,0,0,0.1); padding:2rem; }
.mobile-mode .mobile-overlay-on { display:block; }
.mobile-mode .mobile-overlay-off { display:none; }
.mobile-mode .mobile-panel { display:flex; flex-direction:column; width:100%; height:100%; background-color:#EAF2F5; padding:1rem; }
.mobile-mode .mobile-overlay-close-button-container { text-align:center; margin-bottom:1rem; }
.mobile-mode .mobile-overlay-close-button { border:solid 1px rgb(82, 94, 255); padding:0.5rem; border-radius:0.25rem; font-weight:bold; cursor:pointer; }
.mobile-mode .mobile-overlay-content { flex:1; overflow-y:auto; }

.mobile-mode nav ul { display:block; padding:0; }
.mobile-mode nav li { display:block; margin-bottom:0.5rem; }
.mobile-mode nav li a { display:block; color:#FFFFFF; padding:0.5rem; border-top:solid 6px #a8d9ff; background-color:rgb(120,152,172); background-image:linear-gradient(180deg, #d1ebff 0%, #a6d8ff 100%); }
.mobile-mode nav a:active { border-top:solid 6px #ade1ff; background-color:#a7d9ff; background-image:none; }
.mobile-mode nav a:hover { border-top:solid 6px #b1e2ff; background-color:#c3e5ff; background-image:none; }