/* mayorallen */


.layout-content {
  font-family: 'Josefin Sans', sans-serif;
}

body {
  padding-top: 0px !important;
  background-color: #416684 !important;
 
}

.field--name-field-next {
	width: 6%;
    float: right;
    position: relative;
    text-align: right;
}

.block-views-blockvideo-view-block-1 {
	    margin-top: 48px;
}

.field--name-field-previous {
	width: 8%;
    display: inline-block;
    position: relative;
    float: left;
    clear: right;
}

.field--name-title {
	display:none;
}

.views-field-field-public-title {
  font-size: 2.2em;
  margin: 0em 0 0 .4em;
  font-variant-caps: all-small-caps;
  line-height: .7em;
}

.menu--main, .type-video, .menu--video-navigation {
  width:100% !important;
  max-width:720px !important; 
}

.menu--main {
    height: 4em;
    z-index: 20;
    position: fixed;
    top: 0;
    margin-top: -16px;
}

.menu--main a {
 color: #e89221;
 font-weight: 900;
}

.menu--main ul {
  list-style:none;
}

.menu--main ul li {
  float: left;
  width: auto;
  margin: .2em 12% 0 0;
  font-size: 151%;
  font-variant-caps: all-petite-caps;
}

.menu--main, .menu--video-navigation {
  background-color: #043e58;
}

.menu--video-navigation {
    position: fixed;
    bottom: 0;
}

.menu--video-navigation .menu-icon {
    margin: -6px 45% !important;
    width: 10%;
    top: -13px;
    display: table;
    position: absolute;
    border: 3px solid #000000;
    background-color: #000000;
    padding: 8px;
}

.vplayer {
    height: 58vw;
    width: 100%;
    background-color: #000;
}

.top-bar {
  background-color: transparent !important;
  padding: .5rem 0.8rem .5rem 0rem !important;
}

.vbg {
  position:absolute;
  z-index:-20;
}

.vbg img {
  width:100%;
  height:auto;
}

.vthumb {
  max-height:405px;
}

.vthumb img {
  width:100%;
  height:auto;
}

.vnext {
      float: right;
    text-align: right;
    padding: .7em;
}

.vnext img {
  height:60px;
  width:auto;
}

.ltblue {
  color:#0076ad;
}

.peach {
  color:#0076ad;
}

.dk-peach {
  color:#a24e2b;
}

.slate {
  color:#ffffff;
}

.brick {
  color:#4fc1ba;
}

.lavender {
  color:#464d83;
}

.orange {

}


.vprev{
    float: left;
    text-align: left;
    padding: .7em;
  }

.vprev img {
  height:60px;
  width:auto;
}

.vpre {
    padding: .9em 0 0 .4em;
    font-size: 1.9em;
    font-weight: 700;
    width: 75%;
    text-align: left;
    position: inherit;
    display: inline-block;
    line-height: .7em;
}

.node--type-page {
  max-width:720px;

}

.bp {
 }

 .bp-site-title {
      font-family: 'Josefin Sans', sans-serif;
    position: relative;
    font-variant-caps: all-petite-caps;
    padding: 17.5% 3% 0 .4em;
    max-width: 720px;
    line-height: .7em;
    height: 8em;
    font-size: 3em;
 }

.bp-title {
   font-family: 'Josefin Sans', sans-serif;
    font-variant-caps: all-petite-caps;
    padding: .4em;
    display: inline-block;
    line-height: .7em;
    color: #e89221;
    margin: 0vw 0 0em .4em;
    font-size: 220%;
    font-weight: 900;
    width: 100%;
}

.toolbar-vertical {
  padding-top:0px !important;
  background-color: #416684;
}

.bp-subtitle {
    font-family: 'Josefin Sans', sans-serif;
    font-variant-caps: all-petite-caps;
    padding: .4em;
    display: inline-block;
    line-height: .7em;
    color: #ffffff;
    margin: 15vw 0 8em .5em;
    font-size: 240%;
    font-weight: 900;
    width: 80%;
}

.bp-body-text {
  font-size:120%;
}

.bp-subcredit-title {
    font-size:90%;
}

.bp-credit {
    font-size: 120%;
    line-height: 1.2em;
}

.bp-bgimg {
  z-index:-5;
  position:fixed;
    top: 0;
}

.bp-bgimg img {
  width:100% !important;
  height:auto;

}

.bp-body-hl {
	color: #e89221;
  font-weight: 900;
}

.bp-body {
        max-width: 720px;
    padding: 1.4em;
    color: #c6d3ec;
    position: inherit;
    display: inline-block;
    width: 90%;
    margin-top: 0vw;
    font-size: 125%;
}

#video-navigation .iab-link {
  width: 16.66%;
  float: left;
  clear: right;
  text-align: center;
  font-size: 200%;
}

.upimg {
	    height: 50%;
    background-image: url(../images/up.png);
    background-repeat: no-repeat;
    width: 10%;
    background-color: transparent;
    margin: -36px 41%;
    position: absolute;
    float: left;
    z-index: -10;
    background-position-x: -51px;
}

.initiallyHidden {
	display:none;
}

.title-bar {
      height: 3.3em !important;
      text-align: center;
      padding:1rem !important;
      background-color:#000000;
}

.iab-link a:link {color:#ffffff !important;}
.iab-link a:visited {color:#e8e8e8 !important;}
.iab-link a:active {color:#ffffff !important;}

.title-bar-title {
  text-align: center !important;
  width: 80% !important;
  margin: 0 10% !important;
  height: 0em;
  position: absolute;
}

.no-js .top-bar {
  display: none;
}

@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }

   main {
    margin: 0 auto;
    width: 720px;
}
}