/**
 * @file
 * Subtheme specific CSS.
 */
 
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Kalam&subset=latin-ext');


img {
    display: block;
    max-width: 100%;
    height: auto;
    outline: none;
    border: none;
    margin-left: auto;
    margin-right: auto
}

svg {
    display: block;
    max-width: 100%;
    height: auto
}

@font-face {
    font-family: printhouse;
    font-weight: 400;
    font-style: normal;
    src: url(/fonts/printhouse/printhouse.eot);
    src: url(/fonts/printhouse/printhouse.eot?#iefix) format("embedded-opentype"),url(/fonts/printhouse/printhouse.woff2) format("woff2"),url(/fonts/printhouse/printhouse.woff) format("woff"),url(/fonts/printhouse/printhouse.ttf) format("truetype"),url(/fonts/printhouse/printhouse.svg#HouseGenCol-Printhouse) format("svg")
}

@font-face {
    font-family: doit icons;
    font-weight: 400;
    font-style: normal;
    src: url(/fonts/doit-icons/doit-icons.eot);
    src: url(/fonts/doit-icons/doit-icons.eot?#iefix) format("embedded-opentype"),url(/fonts/doit-icons/doit-icons.woff) format("woff"),url(/fonts/doit-icons/doit-icons.ttf) format("truetype"),url(/fonts/doit-icons/doit-icons.svg#doit-icons) format("svg")
}

.navbar-brand {
    height: 100%
}

.navbar-brand:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms
}

.navbar-brand img {
    padding: 20px 25px;
    width: 200px
}

.navbar-nav li:before {
    top: 1.25rem;
    left: .75rem;
    width: 0;
    height: 1.5rem;
    content: " ";
    background: #f9dc06;
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
    -webkit-transition: width 0ms ease;
    transition: width 0ms ease
}

.navbar-nav li.dropdown>a:after {
    font-family: doit icons;
    content: "a";
    font-size: .6em;
    margin-left: .5em
}

.navbar-nav a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #000;
    padding: 0 1rem;
    line-height: initial;
    z-index: 200;
    font-weight: 400;
    font-size: 1.111rem
}

.navbar-nav a:hover {
    color: #000000b3
}

.navbar-nav a:focus {
    color: #000000b3
}

#page-header {
    position: relative;
    height: 50vh;
    background-image: url(/images/header.jpg);
    background-size: cover;
    background-position: center;
    text-align: center
}

#page-header {
    margin-left: -25vw;
    margin-right: -25vw
}

#page-header .wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center
}

#page-header h1 {
    font-family: "Kalam", cursive;
    font-weight: 400;
    font-size: 4.1vh;
    letter-spacing: -.03em
}

#page-header h1 span {
    padding: 0
}

#page-header h2 {
    font-weight: 400;
    max-width: 560px;
    margin: 0 auto;
    text-transform: lowercase
}

html {
    font-size: 20px;
    overflow-x: hidden
}

body {
    color: #000;
    font-family: yanone kaffeesatz,Arial,Helvetica,sans-serif;
    font-weight:300;
    letter-spacing: .03em;
    line-height: 1.2;
    overflow-x: hidden;
    background-color: #efefef;
    
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    font-weight: 500
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    text-decoration: none
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
    text-decoration: underline
}

h1.highlight,h2.highlight,h3.highlight,h4.highlight,h5.highlight,h6.highlight {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5em;
    -webkit-transform: rotate(-0.5deg);
    transform: rotate(-0.5deg)
}

h1.highlight span,h2.highlight span,h3.highlight span,h4.highlight span,h5.highlight span,h6.highlight span {
    display: inline;
    padding: .15em 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

h1.highlight.yellow span,h2.highlight.yellow span,h3.highlight.yellow span,h4.highlight.yellow span,h5.highlight.yellow span,h6.highlight.yellow span {
    background-color: #f9dc06;
    -webkit-box-shadow: .15em 0 0 0 #f9dc06,-.15em 0 0 0 #f9dc06;
    box-shadow: .15em 0 0 0 #f9dc06,-.15em 0 0 0 #f9dc06;
    color: #000
}

h1 {
    font-size: 4.5vh;
    line-height: 1.1em;
    margin-bottom: 1em;
    text-transform: uppercase;
    text-align: center
}

h2 {
    font-size: 4vh;
    line-height: 1.2em;
    margin-bottom: 1em;
    text-transform: uppercase;
    text-align: center
}

h3 {
    font-size: 28px;
    line-height: 1.65em;
    margin-bottom: .5em;
    text-transform: uppercase;
    text-align: center
}

h2+h3 {
    margin-top: -1em;
    font-weight: 400;
    text-transform: none
}

h4 {
    font-size: 1rem;
    margin-bottom: .25em
}

h5 {
    font-size: 1rem;
    margin: 0;
    line-height: 1.65rem
}

h6 {
    font-size: .75rem;
    margin: 0;
    line-height: 1.65em
}

small {
    font-size: .75em
}

a {
    color: #009de0
}

a:hover {
    text-decoration: none
}

::-moz-selection {
    background: #f9dc06;
    color: #000
}

::selection {
    background: #f9dc06;
    color: #000
}


footer {
    font-family: arial,arial
}

.text-formatted {
    line-height: 1.2;
}

.yanone-kaffeesatz {
    font-family: yanone kaffeesatz,sans-serif
}

.printhouse {
    font-family: printhouse,cursive
}

.open-sans {
    font-family: open sans,sans-serif
}

.kalam {
    font-family: "Kalam", cursive;
}

.arial {
    font-family: arial,arial
}

.btn-primary {
    color: #fff;
    background-color: #c8357e;
    border-color: #000
}

.doit-icon {
    max-height: 10rem;
    width: 10rem;
    max-width: 100%;
    display: inline-block;
    padding: .5rem
}

.doit-link {
    color: initial
}

.doit-link img {
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.doit-link:hover img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.bg-yellow,.doit-bg-yellow {
    background-color: #ffd938
}

.bg-yellow-alt,.doit-bg-yellow-alt {
    background-color: rgba(255,217,56,.3)
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.doit-bar,.doit-yellow-bar {
    background-color: #ffd938;
    border: none;
    height: 4rem;
    margin: 0;
    margin-left: -5000px;
    margin-right: -50000px
}

.doit-line,.doit-hr {
    border-image: url(/images/doit-line.png) 50% 0 stretch;
    border-top: 5px solid;
    border-bottom: 5px solid;
    border-left: 5px solid;
    border-right: 5px solid
}

.doit-button,.btn-doit {
    border: 20px solid;
    border-image: url(/images/doit-button.png) 20 20 20 20 round;
    background: #c8357e;
    background-clip: padding-box;
    color: #fff;
    font-family: "Kalam", cursive;
    box-sizing: border-box;
    padding: 0;
    margin-top: -.5rem;
    margin-bottom: -.5rem
}

.doit-button:hover,.btn-doit:hover {
    background: #c8357e;
    background-clip: padding-box;
    filter: hue-rotate(-30deg)
}

nav.navigation {
    padding-top: 1.5rem
}

.navbar-nav li:hover:before {
    width: calc(100% - 0.2rem);
    top: 0;
    left: .1rem
}

.navbar-nav li.dropdown>a:after {
    border: none;
    min-width: 1em
}

.dropdown-menu {
    left: auto;
    border: none
}

a.navbar-brand {
    padding: 0;
    text-transform: uppercase;
    font-weight: 700;
    color: #000
}

#site-header {
    height: auto;
    padding: .5rem
}

a.nav-link {
    display: inline
}

.navbar-nav li:before {
    content: none;
    display: none
}

.nav-item:first-child {
    text-transform: uppercase
}

.nav-item .nav-link:before {
    position: absolute;
    top: 0;
    left: .1rem;
    width: 0;
    height: calc(100% - 0.1rem);
    content: " ";
    background: #f9dc06;
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
    -webkit-transition: width 0ms ease;
    transition: width 0ms ease;
    z-index: -1
}

.nav-item:hover .nav-link:before,.nav-item.active .nav-link:before {
    width: calc(100% - 0.2rem);
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms
}

.navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-light .navbar-nav .nav-link {
    color: #000
}

.dropdown-item {
    padding: 0
}

.dropdown-item:focus,.dropdown-item:hover {
    background: 0 0
}

.dropdown-link,.dropdown-menu a {
    display: inline;
    padding-right: 1rem;
    padding-left: 1rem;
    background: 0 0
}

.dropdown-menu a:hover {
    background: 0 0;
    color: #000
}

.dropdown-item a:before {
    position: absolute;
    top: 0;
    left: .5rem;
    width: 0;
    height: calc(100% - 0.1rem);
    content: " ";
    background: #f9dc06;
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
    -webkit-transition: width 0ms ease;
    transition: width 0ms ease;
    z-index: -1
}

.dropdown-item a:hover:before,.dropdown-item.active .dropdown-item a:before {
    width: calc(100% - 1rem);
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms
}

.dropdown-item.active,.dropdown-item:active {
    background: inherit
}

.nav-item:nth-child(2n) .nav-link:before,.dropdown-item:nth-child(2n) .dropdown-link:before {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg)
}

.nav-item:nth-child(3n) .nav-link:before,.dropdown-item:nth-child(3n) .dropdown-link:before {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg)
}

p,p:last-child {
    margin-top: .5em;
    margin-bottom: .5em
}

.view-frontpage h2.node__title {
    display: none
}

.path-frontpage main#content .section {
    margin-top: -1.4vh
}

.path-frontpage .block-page-title-block {
    display: none
}

#block-yellowbar h2 {
    display: none
}

h1.title {
    padding-top: 3vh
}

.node--view-mode-teaser {
    border-bottom: none
}

.fab {
    color: #000
}

.fab:hover {
    color: grey
}

.navbar-toggler:not(:disabled):not(.disabled) {
    outline: none
}

.node--type-event .field__label {
    font-weight: 500
}

#block-footer {
    padding-top: 10vh;
    font-size: .9rem
}

.field--name-field-videos .field__item {
    text-align: center!important
}
/*
.menu--online-pilot-menu a.active {
    text-decoration: underline;
    background-image: linear-gradient(#F9DC06,whitesmoke);
    border-bottom: none;
    color: #000
}

.menu--online-pilot-menu a {
    color: #000;
    font-weight: 700
}

.menu--online-pilot-menu a:hover {
    background-color: #f9dc06;
    color: #000
}
*/

.block-system-main-block .content {
    margin-left: 10vw;
    margin-right: 10vw
}

nav#block-onlinepilotmenu {
    margin-left: 10vw;
    margin-right: 10vw;
}

nav#block-onlinepilot1menu {
    margin-left: 10vw;
    margin-right: 10vw;
}

.path-frontpage .block-system-main-block .content {
    margin-left: 0;
    margin-right: 0
}

.path-news .block-system-main-block .content {
    margin-left: 0;
    margin-right: 0
}

.block-page-title-block .content {
    background-color: #ffd938;
    border: none;
    height: 6rem;
    margin: 0;
    margin-left: -5000px;
    margin-right: -50000px;
    margin-bottom: 4vh
}

h1.title {
    position: absolute;
    left: 0;
    right: 0;
    padding-top: 6vh
}

@media only screen and (min-width: 800px) {
    h1.title {
        padding-top:4vh
    }

    .view-news div#edit-actions {
        top: -30px
    }
}

div#edit-actions:hover {
    opacity: .3
}

div#edit-actions button {
    color: #000;
    font-weight: 500;
    background-color: #f9dc06
}

#block-onlinepilotmenu li.nav-item {
    list-style: none;
}

#block-onlinepilotmenu ul.menu {
    padding-left: 5px;
}


#block-onlinepilotmenu a {

    text-decoration: none;
    color: #000;
    padding: 0 1rem;
    line-height: initial;
    z-index: 200;
    font-weight: 500;
    font-size: 1.111rem
}

#block-onlinepilotmenu a:hover {
    color: #000000b3
}

#block-onlinepilotmenu a:focus {
    color: #000000b3
}


#block-onlinepilotmenu a:hover{
    background-color:#f9dc06

}

#block-onlinepilotmenu .menu-item--active-trail {
    background: #f9dc064d;
}
/* For the new subtheme... */
#block-onlinepilot1menu li.nav-item {
    list-style: none;
}

#block-onlinepilot1menu ul.menu {
    padding-left: 5px;
}


#block-onlinepilot1menu a {

    text-decoration: none;
    color: #000;
    padding: 0 1rem;
    line-height: initial;
    z-index: 200;
    font-weight: 500;
    font-size: 1.111rem
}

#block-onlinepilot1menu a:hover {
    color: #000000b3
}

#block-onlinepilot1menu a:focus {
    color: #000000b3
}


#block-onlinepilot1menu a:hover{
    background-color:#f9dc06

}

#block-onlinepilot1menu .menu-item--active-trail {
    background: #f9dc064d;
}

.block-jquery-countdown-timer .content{
	margin: 0vw 15vw 5vw 15vw;
}

/* Wider page for calendar-page */ 
.page-node-212 .block-system-main-block .content{
	margin: initial;
}

/*success story page image size reduction for larger screens*/
@media only screen and (min-width: 600px) {
    .view-success-stories img {
    width: 60%;
    margin: auto auto 1em;
    }
}

/* Header image block */ 
.field--type-image{
	width:100%;
}

.field--type-image img{
	margin-left:auto;
	margin-right:auto; 
}

/* fixed height images on news view. */ 
.view-news .field--type-image img {
    max-height: 280px;
    object-fit: contain;
}

.view-news .field--type-image{
	max-width:100%;
}

.view-news span.field--name-title {
    font-size: smaller;
}