/*
 * Generic styles used by both magazine and CMS
 *
 * Copyright Paul Englefield, 2015
*/

/* M A I N   C O N T E N T */
body {
   word-break: break-word;
   max-width: 1280px;
   margin: 0 auto;
}
.container-fluid {
   padding-left: 0;
   padding-right: 0;
}


h1 {
   font-size: 200%;
   color: black;
   font-weight: bold;
   font-family: Trebuchet MS, Verdana, Geneva, sans-serif;
   font-weight: bold;
   border-radius: .25em .25em .25em .25em;
   margin-top: 0em;
}

h2 {
   font-size: 125%;

   color:white;
   background-color: #ee4433;

   padding-left: .5em;
   padding-right: .5em;
   padding-bottom: .3em;
   padding-top: .25em;
   margin-top:.5em;
   text-align: center;

   border-radius: .6em .15em .15em .15em;
   font-family: Trebuchet MS, Verdana, Geneva, sans-serif; /* HotLBaltimoreNF, */
   font-weight: bold;
}
.h2div {
   padding: 0 0 0 15px;
}


/* H E A D E R   A N D   F O O T E R */
.sticky {
   position: fixed;
   top: 0;
   width: 100%;
}

.sticky + .magazine-content-well {
   padding-top: 302px;
}

/* .banner is used in header and footer */
.banner {
   background-color: black;
   vertical-align: middle;
   margin: 0px;
   padding: 20px;
   overflow: hidden;
}
.banner .box {
   display: flex;
   align-items:center;
}
.banner .site-logo img {
   margin-right: 25px;
   max-height: 18em;
}
@media (max-width: 1030px) {
   .banner .site-logo img {
      max-height: 17em;
      max-width: 17em;
   }
}
@media (max-width: 767.98px) {
   .banner .site-logo img {
      max-height: 13em;
      max-width: 13em;
   }
}
@media (max-width: 575.98px) {
   .banner .site-logo img {
      max-height: 10em;
      max-width: 10em;
   }
}
.banner h1,
.banner h2 {
   font-size: 2.55rem;
   font-weight: 500;
   display: inline;
   background-color: transparent;
   padding: 0px;
}
@media screen {
   .banner .branding {
      visibility: hidden;
      display: none;
   }
}
.banner h1 {
   color: red;
   padding-right: 20px;
}
.banner h2 {
   color: white;
   text-align: left;
}
@media (max-width: 1024px) {
   .banner h1,
   .banner h2 {
      font-size: 180%;
   }
}
@media (max-width: 767.98px) {
   .banner h1,
   .banner h2 {
      font-size: 140%;
   }
}
@media (max-width: 575.98px) {
   .banner h1 {
      visibility: hidden;
      display: none;
   }
   .banner h2 {
      font-size: 120%;
   }
}
#banner-img {
   z-index: 100;
}

/* Navigation menu */
.main-nav {
   background: transparent;
}
.main-nav li {
   padding: 20px;
   color: white;
}
.main-nav li a {
   color: white;
}
.main-nav li a :hover {
   color: white;
}
li.nav-item {
   padding: 0 5px;
}
li.nav-item.subitem {
   display: none;
}
@media (max-width: 767.98px) {
   li.nav-item.subitem {
      display: initial;
   }
}
.sticky {
   position: fixed;
   top: 0;
   width: 100%;
}

nav#myHeader .sticky + .magazine-content-well {
   padding-top: 302px;
}
nav#myHeader {
   color: white;
   z-index: 9;
}


/* FOOTER */
footer {
   color: white; /* default */
}
.view-footer {
   position: absolute;
   bottom: 3em;
   width: 100%;
   max-height: 3em;
   min-height: 3em;
   height: 2em;
}


/* User panel */
/*.userpanel {
      text-align: right;
      padding: 10px;
   background: black;
   position:absolute;
   top:0px;
   right:0px;
}*/
.userpanel {
    background: black;
    position: absolute;
    top: 10px;
    width: 100%;
    max-width: 1240px; 
    z-index: 10;
    padding-right: 40px;
}

/* L O G O N  /  L O G O F F */
.logon-block {
/*   vertical-align: top;
   position: relative;
   top: 0;
   padding: .5em;*/
}
/*.logon-panel {
   font-weight: normal;
   color: white;
   position: absolute;
   right: .55em;
   top: 5em;
   width: 50em;
   border-bottom-left-radius: .25em;
   border-bottom-right-radius: .25em;
   box-shadow: 5px 5px 5px #cccccc;
   background-color: black;
   z-index: 99;
}*/
.logon-link {
   float: right;
   text-decoration: none;
   font-weight: normal;
   color: white;
   vertical-align: bottom;
}
.logon-item {
   float: right;
   text-decoration: none;
   font-weight: normal;
   font-style: italic;
   color: #ff4444;
   padding-right: .5em;
   padding-top: .5em;
   vertical-align: bottom;
}
.logon-disabled {
   font-weight: normal;
   color: #666666;
   border-color: #dddddd;
   background-color: #333333 /*#aba198*/
      /*#aaccbb*/;
}
.logon-enabled {
   color: black;
   font-weight: bold;
   border-color: white;
   background-color: #cccccc;
}
.logon-button {
   padding-left: 1em;
   padding-right: 1em;
   padding-top: .05em;
   padding-bottom: .1em;
   /*background-color: white;*/
   font-weight: bold;
   border-style: solid;
   border-radius: .5em;
   border-width: 2px;
}
.logon-credentials {
   color: black;
}
.error-message {
   padding-top: .5em;
   color: #ff4444;
   font-weight: bold;
}


/* FOOTER */
#footer,
.footer {
   width: 100%;
   max-width: inherit;
   text-align: center;
   /*margin-top: 1em;*/
   /*padding-top: .5em;*/
   padding-bottom: .5em;
   /*    left: 0px;*/
   /*position: fixed;*/
   bottom: 0px;
   word-spacing: 20px;
}
.footer a {
   word-spacing: initial;
}


/* Renderer */
.body-text-height {
   height: 1em;
}


/* scroll to top icon */
.back-to-top {
   cursor: pointer;
   position: fixed;
   bottom: 20px;
   right: 20px;
   display: none;
   z-index: 9;
}

form#searchbox  {
   padding: 0;
}
form#searchbox  input[type="radio"] {
    margin-left: 5px;
}

h1.row.justify-content-md-center {
   padding: 0;
   margin: 0 20px;
}