/* Additional CSS          */
/* Beyond the template     */
/* BAbshier 20210105       */
/***************************/
/* Menu Links:             */
/*                         */
/* Logo Color:    #003340  */
/* * * * * * * * * * * * * */

/** Extra Padding **/
.extPad {
    padding: 4px;
}
/** DIRECTORY page header table **/
.dirDt { 
    display: table;
    width: 100%;
    margin-bottom: 20px;
}
.dirDr {
    display: table-row;
}
.dirTar {
    text-align: right;
}
.dirDc {
    display: table-cell;
}
.dirDc a:visited, .dirDc a:link {
    color: #39739d;
}
.dirDc a:hover {
    color: #E8927C;
}
/** Directory page **/
.directorySmall {
    display:none;
}
@media screen and (max-width: 800px) {
    .directoryFull {
	display:none;
    }
    .directorySmall {
	display:block;
    }
    .dirStaffCol01 { width:25%; }
    .dirStaffCol02 { width:75%; }
    .dirStaffCol03 { display:none !important; }
    .dirStaffCol04 { display:none !important; }
    .dirStaffCol05 { display:none !important; }
}
/** Darker d9e5e9, Lighter eaf1f3 **/
.dirTable {
    border: 3px solid #39739d;
    border-radius: 10px;
    background-color: #39739d;
    width: 100%;
    margin:0px;
    padding:0px;
}
.dirTable p {
    color:#222222;
    font-weight: bold;
    font-size: 20pt;
    text-align: center;
    padding:4px;
    margin:0px;
}
.dirButtCell {
    border: 0px hidden;
    margin: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    height: 100%;
    color: #eee9d5;
    background-color: #39739d;
}
/* outline style keeps
   out the crazy box on
   chromium based browsers */
.dirButtCell :focus {
    outline: none;
    outline-style: none;
    color:#E8927C;
}
.dirButtCell button {
    display:inline-block;
    height:40px;
    padding:0px;
    font-size: 12pt;
    font-weight: bold;
    text-transform: none;
    color: #eee8d5;
    background-color: #39739d;
}
.dirButtCell button::-moz-focus-inner {
    border: 0;
}
.dirButtCell button:hover {
    color: #eee8d5;
    background-color: #586e75 !important;
}
/* Styles for the Simple Staff List template */
.dirStaffCell {
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    color: #222222;
    display: table-cell;
    border: hidden 0;
    padding: 5px 4px;
    font-size: 12pt;
}
.dirStaffCell :link {
    font-weight: bold;
    color: #222222;
}
.dirStaffCell :focus {
    outline: none;
    outline-style: none;
}
.dirStaffCell a::-moz-focus-inner {
    border: 0;
}
.dirStaffCell :visited { color: #222222; }
.dirStaffCell :hover   { color: #E8927C; }
.dirTitle {
    background-color: #;
    padding: 5px;
    padding-left: 2%;
    font-weight: bold;
}
.dirStaffCol01 { width: 10%; }
.dirStaffCol02 { width: 20%; }
.dirStaffCol03 { width: 25%; }
.dirStaffCol04 { width: 15%; }
.dirStaffCol05 { width: 25%; }

.dirStaffCellImage {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
/*    border: solid 2px red; */
}

/*  styles for Simple Staff List template (names requied) */
div.staff-member-listing  {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 0px auto;
    padding: 0px;
}
div.staff-member {
    display: table-row;
    color: #d9e5e9;
    background-color: #d9e5e9;
    border: solid 1px black;
    padding: 4px;
}
div.staff-member-fixed {
    height: 150px;
}
div.odd  {
    background-color: white;
}
/* staff-pages template table */
.spTable {
    width:auto;
}
.spTable tr td:nth-child(3) {
    padding-left: 30px;
}
.spTable td {
    padding:1px;
    border:0px hidden;
    margin:0px;
}
/*** Simple Table ***/
/*.simTable {
    border:0px hidden;
}
.simTable tr {
    padding: 0px;
    border: 0px hidden;
}*/
.simTable td {
    padding: 2px;
    padding-left: 10px;
    border: 0px hidden;
    margin: 0px;
}
/* Table with our color scheme */
.dtTable {
    display: table;
}
.dtRow {
    display: table-row;
}
.dtHead {
    font-weight: bold;
}
.dtBox {
    border: 2px solid #dae5f4;
    padding: 0px;
}
.dtOdd {
    background-color: #eaf1f3;
}
.dtCells {
    display: table-cell;
    border: 0 hidden;
    font-size: inherit;
    text-align: left;
    padding: 5px;
}
.dtLink {
    color: inherit;
}
.dtLink:hover {
    color: #2471a3;
}
/* ISM Menu Button */
.ismText {
    margin: 0px;
    padding: 10px 0px;
    font-family: inherit;
    font-weight: bold;
    text-transform: none;
    font-size: 16px;
    text-align: center;
    color: #39739d;
}
.ismButt {
    border: 0px hidden;
    border-radius: 3px;
    margin: 0px;
    padding: 10px 0px;
    font-family: inherit;
    text-transform: none;
    font-size: 24px;
    text-align: center;
    color: #39739d;
    background-color: #ffffff;
}
.ismButt:hover {
    color:#FF8C00;
    background-color: #FFFFFF;
}
.ismButton:focus {
    color:#000000;
    background-color: #FFFFFF;
}
.ismButt button::-moz-focus-inner {
    border: 0;
}
/* Grid Layout Menu */
.gridMenu {
    display: grid;
    grid-template-columns: repeat(auto-fill, 310px);
    column-gap: 4px;
    row-gap: 10px;
    grid-auto-rows: 340px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin:30px auto;
    color:white;
}
.gridMenu200 {
    display: grid;
    grid-template-columns: repeat(auto-fill, 204px);
    column-gap: 10px;
    row-gap: 20px;
    grid-auto-rows: 235px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
    margin-bottom: 30px;
    color:white;
}
.gridTile {
    display: block;
    color: white;
    background-color: #073642;
    margin: 0px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 0px;
    border-radius: 5px;
}
.gridLink, .gridLink:visited {
    display: block;
    color: white !important;
    background-color: inherit;
    font-weight: inherit;
    margin: inherit;
}
.gridLink:hover {
    color: #E8927C !important;
}
.gridImage {
    padding-top: 4px;
}

/*** missionBox ***/
.missionBox {
    background-color: #003340;
    margin: 0px;
    padding: 10px 25px;
    border-radius: 5px;
}
.missionBox p, .missionBox p span {
    color:white !important;
    padding: 0 px;
    margin: 0;
    font-size: 14pt;
}
.missionBox p a, .missionBox p a:visited {
    color: #4298B5 !important;
    font-weight: bold;
}
.missionBox p a:hover {
    color: #E8927C !important;
}

/*** Flex/Calendar Table ***/
.sliderTableBox {
    width:100%;
    margin: 20px auto;
}
.sRow {
    display: table-row;
}
.sCellRight {
    display: table-cell;
    visibility: visible;
    width: 20%;
    min-width: 300px;
    margin: 0px;
    padding: 0px;
    padding-left:auto;
}
.sCellLeft {
    display: table-cell;
    min-width: 600px;
    width: 80%;
    margin: 0px;
    padding: 0px;
}
.calLink {
    visibility: hidden;
}
.calLink h3 {
    text-align: center;
    margin-bottom: 20px;
}
.sHoldLeft {
    margin: 0px;
    margin-top: 0px;
    padding: 0px;
    max-width: 630px;
    color: white !important;
}
.sHoldLeft * {
    color: white !important;
}
@media screen and (max-width: 855px) {
    .sCellRight {
	visibility: hidden;
    }
    .calLink {
	visibility: visible;
    }
}
/*** RSS Plugin Style Adjustment ***/
.wp_rss_retriever_item_wrapper a {
    color: #4298B5;
}
.wp_rss_retriever_item_wrapper a:hover {
    color: #E8927C;
}
.wp_rss_retriever_item_wrapper .wp_rss_retriever_title {
    font-size: larger;
    font-weight:bold;
}

/*** Simple div container ***/
.simpleBox {
    display: block;
    color: black;
    background-color:white;
    padding: 0px 30px;
    border-radius: 3px;
    margin: 0px 0px;
}
.simpleBox * {
    color: black;
}
.simpleBox a {
    color: #4298B5;
}
.simpleBox a:hover {
    color: #E8927C;
}
.simpleBox input {
    display: block;
    color: #073642;
    background-color: #eee8d5;
    width: 400px;
    height: 35px;
    padding: 10px;
    padding-bottom: 5px;
    margin: 0px auto;
    margin-top: 0px;
    box-sizing: border-box;
    border-radius: 5px;
}
.simpleBox button {
    display: block;
    margin: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 5px;
    text-align:center;
    text-transform: inherit;
    font: inherit;
    font-weight:bold;
    width:140px;
    height:35px !important;
    border-radius:10px;
    background-color:#eee8d5;
    color:#072b36 !important;
}
.simpleText {
    margin-right: 12px;
    margin-top: 5px;
}
.simpleFig {
    float: right;
    width: 350px;
    text-align: center;
    font-style: italic;
    font-size: smaller;
    text-indent: 0;
    /*border: thin silver solid;*/
    margin: 0.5em;
    padding: 0.5em;
}
.simpleLine {
    border-top: solid 2px black;
    margin: 0px;
    padding: 0px;
    height: 0px;
}

/* Flexbox config for cards */
.flexContainer {
    max-width:980px;
    margin: 0px auto;
}
/* Background: #d9e5e9, Hover: #12b2e7, Link: #074454 */
.cardFlex {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    color: #222222;
    background-color: #d9e5e9;
    font-size: 14pt;
    padding: 20px;
    border-radius: 10px;
    margin: 0px;
    margin-bottom: 10px;
}
.cardFlexWhite {
    background-color: white;
}
.cardThumb {
    margin-right: 12px;
    margin-top: 5px;
    width: 150px;
    flex: none;
}
.cardImage {
    margin: auto;
    width: 300px;
    flex: none;
}
.cardImage400 {
    margin: auto;
    width: 400px;
    flex: none;
}
.cardFreeImg {
    margin-top: 5px;
    padding: 10px;
    width: 250px;
    flex: none;
}
.cardText {
    padding: 0px;
    margin: auto;
    max-width: 600px;
}
.cardTextLJ {
    margin-left: 20px;
}
.cardText p,.cardText h3 {
    padding:0px;
    padding-bottom:10px;
    margin:0px;
}
.cardTextBold p {
    font-weight:bold;
}
.cardText h2 a {
    color: #003340;
}
.cardText p a:link, .cardText p a:visited {
    font-weight:bold;
    color: #074454;
}
.cardText p a:hover {
    font-weight:bold;
    color: #12b2e7;
}
.cardBreak {
    flex-basis: 100%;
    margin-right: 20px;
    background-color: #002b36;
    height: 2px;
}

/* Another thing */
.commGrid {
    display: grid;
    grid-template-columns:  repeat(auto-fill, 400px);
    column-gap: 15px;
    row-gap: 8px;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.commTile {
    display: block;
    margin: 0px;
    font-size: 14px;
    padding: 0px;
    color: #222222;
    border: 2px solid #d9e5e9;
    border-radius: 4px;
}
.commTD {
    width: 50%;
}
.commHead {
    font-size: 16pt;
    font-weight: bold;
    text-align: center;
    color: #222222;
    background-color: #d9e5e9;
    margin: 0;
    padding: .5em;
}
/* Grid Layout menu formatting */
/* Grid Layout for Simple Staff Plugin */
.gridDirMenu {
    display: grid;
    grid-template-columns: repeat(auto-fit, 220px);
    column-gap: 10px;
    row-gap: 20px;
    grid-auto-rows: 320px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 10px;
    color:white;
}
.gridDirTile {
    display: block;
    color: white;
    height: 100%;
    width: 200px;
    background-color: #073642;
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 10px;
    border-radius: 5px;
}
.gridDirPos {
    font-size:15px;
    font-weight: normal;
    text-align: center;
    padding:0px;
    margin:0px;
}
.gridDirLink, .gridLink:visited {
    display: block;
    color: white !important;
    background-color: inherit;
    font-weight: inherit;
    margin: inherit;
}
.gridDirLink:hover {
    color: #E8927C !important;
}
.gridDirImage {
    padding-top: 4px;
    max-width: 200px;
    height: 200px;
}
.gridDirTablink {
    margin: 0px;
    padding: 0px;
}
.dirSubMenu {
    display: grid;
    grid-template-columns: repeat(auto-fit, 170px);
    column-gap: 5px;
    row-gap: 5px;
    grid-auto-rows: 60px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 3px solid #39739d;
    border-radius: 10px;
    background-color: #39739d;
}
.dirSubCell {
    display: block;
    color: #eee9d5;
    height: 100%;
    width: 170px;
    text-align: center;
    margin:0px;
    padding:0px;
}
.dirSubCell :focus {
    outline: none;
    outline-style: none;
    color: #E8927C;
}
.dirSubCell button {
    display:inline-block;
    font-size:16px;
    font-weight: bold;
    height:100%;
    width:100%;
    padding:5px;
    text-transform: none;
    color: #eee8d5;
    background-color: #39739d;
}
.dirSubCell button:hover {
    color: #eee8d5;
    background-color: #586e75 !important;
}
.dirSubCell button::-moz-focus-inner {
    border:0;
}