@charset "utf-8";
/* MIK Chapter Webiste Main CSS Document */


/*PRIMARY*/
body {background-image: url("images/MIK_BlueBG_01.jpg"); background-color: #000066; background-position:center; background-repeat:repeat-y; background-size:cover;}
.site-wrap {}


/*HEADER*/
.header-wrap {width:100%; background-color:#FFF; margin: 0px 0px 15px 0px; padding: 0;}
.header {max-width: 1200px; margin: 0 auto; display: flex; flex-flow: row wrap; align-items:center; justify-content:center;}
.dar-logo-box {padding:0px 20px;}
.dar-logo {text-align:center;}
.mik-chapter-name {color:#000; text-align:center; padding:0px 40px}

.mik-chapter-name h1 {font-family: 'Noto Sans'; font-weight:bold; margin:5px 10px 10px;}
.mik-chapter-name h2 {font-family: 'Noto Sans'; margin:5px 10px 10px;}
.mik-chapter-name h3 {font-family: 'Noto Serif'; margin:5px 10px 10px;}

.main-menu {background-color:#990000; font-family: 'Noto Sans'; display: flex; flex-flow: row wrap; align-items:center; justify-content:center;}
.menu-item {margin: 5px 20px;}

.menu-item a {color:#FFF; font-weight:bold; text-decoration:none;}
.menu-item a:link {color:#FFF; font-weight:bold; text-decoration:none;}
.menu-item a:hover {color:#ccccff; font-weight:bold; text-decoration:none;}
.menu-item a:active {color:#9999ff; font-weight:bold; text-decoration:none;}

.secondary-menu {background-color:#990000; font-family: 'Noto Sans'; display: flex; flex-flow: row wrap; align-items:center; justify-content:center; border-top:2px #FFF;}
.secondary-menu-item {margin: 5px 20px;}

.secondary-menu-item a {color:#FFF; font-weight:bold; text-decoration:none;}
.secondary-menu-item a:link {color:#FFF; font-weight:bold; text-decoration:none;}
.secondary-menu-item a:hover {color:#ccccff; font-weight:bold; text-decoration:none;}
.secondary-menu-item a:active {color:#9999ff; font-weight:bold; text-decoration:none;}

.menu-divider {}
.menu-divider hr {border:1px hidden #FFF; margin:2px;}
.external-link {width:15px; margin-left:5px;}

/*BODY*/
.main-body {max-width: 900px; margin: 0 auto; display: flex; flex-flow: column nowrap; align-items:center;}

.italic {font-style: italic;}
.bold {font-weight: bold;}
.callout {font-style: italic; font-weight: bold;}

.slideshow-container {min-width:400px; max-width:900px; position: relative;}

.welcome-content {background-color:#FFF; padding:10px 40px; margin:20px 0px;}
.welcome-content .intro {font-size:16px; font-weight:bold; color:#000033;}
.welcome-content p {font-family: 'Noto Serif'; font-size:14px;}
.welcome-content img {float:left; padding-right:20px; padding-top:10px;}

.meetings-container {background-color:#FFF; padding:10px 40px; margin-bottom:20px;}
.meetings-container p {font-family: 'Noto Serif'; font-size:14px;}
.meetings-container p {font-family: 'Noto Serif'; font-size:14px;}
.meetings-container .meetings {text-align:left; font-size:24px; font-weight:bold; color:#000033; margin-top:10px;}
.meetings-calandar-icon {float:left; max-width:120px; margin:25px 25px 25px 0;}

.content-block {background-color:#FFF; padding:10px 0px; margin:20px 0px; width:100%;}
.content-block .intro {font-size:16px; font-weight:bold; color:#000033;}
.content-block .title {font-family: 'Noto Sans'; font-weight:bold; margin:5px 10px; text-align:center;}
.content-block p {font-family: 'Noto Serif'; font-size:14px; padding:5px 40px;}
.content-block h2 {font-family: 'Noto Sans'; font-weight:bold; margin:5px 10px;}
.content-block h3 {font-family: 'Noto Sans'; font-weight:bold; margin:5px 10px; text-align:center;}
.content-block .highlight {font-weight:bold; color:#000033;}

.content-block a {color:#000033; font-weight:bold; text-decoration:none;}
.content-block a:link {color:#000033; font-weight:bold; text-decoration:none;}
.content-block a:hover {color:#9999ff; font-weight:bold; text-decoration:none;}
.content-block a:active {color:#000033; font-weight:bold; text-decoration:none;}

.sub-block {padding:10px 60px; text-align:center;}
.sub-block p {font-family: 'Noto Serif'; font-size:14px; font-style:italic;}
.sub-block h3 {font-family: 'Noto Sans'; font-weight:bold; color:#000033;}

.mik-officers {display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: center; text-align:center;}
.mik-officers-column-top {padding: 0px 10px;}
.mik-officers-column-top h4 {font-family: 'Noto Sans'; font-size: 1.5em; font-weight:bold; columns: #000000;; margin-top: 15px; margin-bottom: 5px;}
.mik-officers-column-top h5 {font-family: 'Noto Serif'; font-size: 1.35em; font-weight:normal; font-style: italic; color:#000033; margin-top: 5px; margin-bottom: 15px;}
.mik-officers-column {padding: 0px 30px;}
.mik-officers-column h4 {font-family: 'Noto Sans'; font-size: 1.3em; font-weight:bold; columns: #000000;; margin-top: 15px; margin-bottom: 5px;}
.mik-officers-column h5 {font-family: 'Noto Serif'; font-size: 1.15em; font-weight:normal; font-style: italic; color:#000033; margin-top: 5px; margin-bottom: 15px;}

.membership-links {display:flex; flex-flow:column nowrap; align-items:center; margin-bottom:20px;}
.membership-links img {height:50px; width:50px;}
.membership-links p {font-family: 'Noto Serif'; font-size:14px; font-weight:bold; text-align:center; padding:5px 10px; margin:0;}
.membership-links a:link {color:#000033; font-weight:bold; text-decoration:none;}
.membership-links a:hover {color:#9999ff; font-weight:bold; text-decoration:none;}
.membership-links a:active {color:#000033; font-weight:bold; text-decoration:none;}

.regent-list {display: flex; flex-flow: row wrap; align-items:center; margin:0px 40px 20px;}
.regent-list p {padding:0;}
.regent-list .column {margin-right:30px; max-width:420px;}

.awards-list p {margin:2px;}

.award-title {}
.award-title p {font-size:16px; font-weight:bold; color:#000033; text-align:center; margin:2px;}
.award-column {display: flex; flex-flow: row wrap; align-items: start; justify-content: center;}
.award-img {max-width: 300px; margin:20px;}
.award-img img {object-fit: cover; width:100%; height:100%;}
.award-list {max-width: 550px; min-width:400px; margin: 5px;}
.award-list ul {list-style-type:none; padding-left:10px;}
.award-list ul li {padding-bottom: 8px;}
.award-caption {font-size: 12px; font-style: italic; text-align:center;}

.center {text-align:center;}

.img-fullwidth {object-fit: cover; width:100%; height:100%;}
.img-halfwidth {object-fit: cover; width:50%; height:50%;}

.return {margin:20px 40px;}
.return a {color:#000033; font-weight:bold; text-decoration:none;}
.return a:link {color:#000033; font-weight:bold; text-decoration:none;}
.return a:hover {color:#9999ff; font-weight:bold; text-decoration:none;}
.return a:active {color:#000033; font-weight:bold; text-decoration:none;}
.return img {width:15px; margin-left:5px;}

.patriot-list {width:100%; display:flex; flex-flow:row wrap; justify-content:center;}

.patriot-list-inner {min-width:300px; max-width:400px;}
.patriot-list-inner ul {list-style-type:none;}
.patriot-list-inner ul li {padding:2px 5px;}

.program {display: flex; flex-flow:column nowrap;}
.program-item {display: flex; flex-flow:row nowrap;}
.program-item p {font-family: 'Noto Serif'; font-size:14px; padding:5px 10px;}
.program-divider hr {margin-left:25px; margin-right: 40px; border-top:2px solid #000033;}
.program-icon {float:left; max-width:100px; margin:25px 25px 25px 25px;}
.program-date {font-weight: bold; font-style: italic; margin: 30px 0px 0px;}
.program-title {font-family: 'Noto Sans'; font-weight:bold; margin:5px 10px;}
.program-desc {font-family: 'Noto Serif'; font-size:14px;}

.image-row {display: flex; flex-flow: row wrap; align-items: center; justify-content: center;}
.image-row img {max-height: 280px; min-height: 120px; margin:10px;}


/*FOOTER*/
.footer {background-color:#990000; color:#FFF; display: flex; flex-flow: row wrap; align-items:center; justify-content:center;}
.footer-disclaimer {text-align:center; font-family: 'Noto Sans'; font-size:14px; padding:5px 10px 10px;}
.footer-disclaimer a {color:#FFF; font-weight:bold; text-decoration:none;}
.footer-disclaimer a:link {color:#FFF; font-weight:bold; text-decoration:none;}
.footer-disclaimer a:hover {color:#ccccff; font-weight:bold; text-decoration:none;}