/* ======                                 ====== */
/* ======       BASIC TEXT STYLING        ====== */
/* ======                                 ====== */

/* ====== POSITIONING ====== */
.rightaligntext {
    text-align: right;
}
.centeraligntext {
  text-align: center;
}
.aligncenter {
  text-align: center;
}
.textaligncenter {
  text-align: center;
}
.nomargin {
  margin: 0;
}
.margintopbottom8 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.marginb20 {
  margin-bottom:20px;
}
.paddingt15 {
  padding-top:15px !important;
}
.paddingl15 {
  padding-left:15px !important;
}




/* ====== FONT SIZE ====== */
.bigtext {
  font-size:2em;
}
.smallertext {
    font-size: .9em;
}
.tinytext {
    font-size: .8em;
    line-height: 50%;
}
.tighterlines {
    line-height: 115%;
}
.largertext {
  font-size:1.1em
}
.heavierfont {
  font-weight: bold;
}



/* ====== FONT STYLING ====== */
.rednomargin {
  color:red;
  margin:0;
}
.blacktext, .blacktext a {
   color: #000000;
}
.redtext {
  color:red !important;
}
a.nounderline:link, img.nounderline:link {
  text-decoration:none;
  border-bottom:none;
  border:0;
}
.nounderline img, .nounderline a {
  text-decoration:none;
  border-bottom:none;
  border:0;
}
a.nounderline:hover {
  text-decoration:underline;
  border:0;
}


/* = MAKE LIST BULLETS AND NUMBERS APPEAR PROPERLY TO RIGHT OF LEFT FLOATS = */
/* = FYI: This does not work: ul, ol {overflow: hidden;} must be as below == */

/* = this one probably doesn't work - not sure if it is in use = */
ul.floatwrap {
  margin-left: 1em;
}
ul.floatwrap li {
  position: relative;
  left: 1em;
  padding-right: 1em;    
}

/* = this one should work - came from other website - unsure if used here = */
ul.divwrap {
  list-style: outside;
  margin-left: -1em;
}
ul.divwrap > li {
  position: relative;
  left: 1em;
}




/* ======                                 ====== */
/* ======  IMAGE AND CAPTIONS FORMATTING  ====== */ 
/* ======                                 ====== */
.imagecaptionwrapperouter {
  display: table;
  padding: 10px;
  background:#F3F3F3;
  border: 1px solid #CCC;
  border-radius: 5px;
  clear: both;
  max-width: 100%;
}
.imagecaptionwrapperinner {
  display: table;
  font-size:.85em;
  line-height: 100%;
  clear: both;
}
.imagecaptionwrapperinner img, picture {
  display: block;
  width: 100%;
}




/* ======                                 ====== */
/* ======     COLORED BOXES ON PAGES      ====== */
/* ======                                 ====== */
.graybox {
  background:#efefef;
  border: 1px solid #707070;
  border-radius: 5px;
}




/* ======                                 ====== */
/* ======       IFRAME FOR YOUTUBE        ====== */
/* ======          VIDEO EMBEDS           ====== */
/* ======                                 ====== */
.embeddediframecontainer iframe {
	aspect-ratio: 16 / 9;
	height: 100%;
	width: 100%;
}




/* ======                                 ====== */
/* ======     HEADER WITH LINE FILL       ====== */
/* ======   VISUALLY SECTIONS A DOCUMENT  ====== */
/* ======                                 ====== */
h2.headerline {
    position: relative;
}
h2.headerline span {
    background:#fff;
    padding-right: 10px;
    position: relative;
    z-index: 2; 
}
h2.headerline:after {
    content:"";
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    height: 0.5em;
    border-top: 1px solid #4a4a4a;
    z-index: 1; 
}




/* ======                                                       ====== */
/* ======             OVERALL PAGE LAYOUT FORMATTING            ====== */
/* ====== LISTED LAST TO HAVE LESS CHANCE OF BEING OVERWRITTEN  ====== */
/* ======                                                       ====== */




/* ======                                 ====== */
/* ======         BODY FORMATTING         ====== */
/* ======                                 ====== */
body {
  background: #fffdf9 !important;
}




/* ======                                 ====== */
/* ======   HEADER SECTIONS POSITIONING   ====== */
/* ======                                 ====== */
#header1 {
  margin-bottom: 0px;
  display: block;
  background-color: #4c7fda;
  background-image: -webkit-linear-gradient(top, #000030 0%, #4c7fda 100%);
  background-image: linear-gradient(to bottom, #000030 0%, #4c7fda 100%);
	
}
#header2 {
  background-color: #fffdf9;
  background-image: -webkit-linear-gradient(top, #4c7fda 0%, #fffdf9 100%);
  background-image: linear-gradient(to bottom, #4c7fda 0%, #fffdf9 100%);
  display: block;
  border-top: 3px solid #4c7fda;
  border-bottom: 1px solid #fffdf9;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 14px;
  height:100%;
}
#header2 div, #header2 p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0.2 !important;
}
#header2 ul{
  margin:0 !important;
  padding: 0 !important;
}


/* ======                                 ====== */
/* =====  MAIN MENU / ADMIN MENU DISPLAY   ===== */
/* ======                                 ====== */
superfish-main.sf-menu::after, #superfish-content-publishing.sf-menu::after {
	  clear:none !important;
}
/* =====  make mobile menu hamburger icon larger ===== */
#superfish-main-toggle, #superfish-content-publishing-toggle{
  padding-top:20px;
  padding-bottom:20px;
}