/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
* {
	font-family: Lato;
}

h1,h2,h3 {
	color: #265fac;
}

nav a:link, a:visited {
	color: #265fac;
	font-weight: normal;
}

nav a:hover, a:active {
	font-weight: bolder;
}

/*--- change color of mobile menu header ---*/
.entry-header .entry-meta-label,.sidebar-area:before,.sidebar-area .sidebar-toggle-button,.site-navigation .sub-menu,.site-navigation-menu--vertical .sub-menu {
	background-color: #265fac;
}

/*--- change color of mobile menu ---*/
.sidebar-toggle-button {
	color: #265fac;
}
.sidebar-toggle-button:hover {
	color: #265fac;
	font-weight: bolder;
}
button.sidebar-toggle-button {
	color: #265fac;
}
button.sidebar-toggle-button:hover {
	color: #265fac;
	font-weight: bolder;
}

@media screen and (min-height: 420px) and (min-width: 783px) {
    .home.has-header-media.admin-bar .site-header-inside {
        height: calc(100vh - 400px);
        min-height: calc(100vh - 500px);
    }
}

@media screen and (min-width: 960px) {
	.site-header-inside .site-navigation,
	.site-navigation {
		padding: 10px 0;
	}
}

body .site-navigation .sub-menu {
  background-color: white;
	padding: 0px 0;
}

body .site-navigation .sub-menu a {
	color: #265fac;
}

body .sub-menu a:hover {
	color: #265fac;
	font-weight: bold;
	text-decoration: none;
}

body a:link, a:visited, a:hover, a:active {
	color: #265fac;
	text-decoration: none;
}

/* reduce padding above site content */
@media screen and (min-width: 960px) {
  body:not(.blog) .site-content {
    padding-top: 60px;
  }
}

/* reduce padding above site content on blog page */
@media screen and (min-width: 960px) {
  .blog .site-content {
    padding-top: 60px;
  }
}

/* add space above homepage title */
@media screen and (min-width: 783px) {
	.home .front-page-section-title {
		margin-top: 60px;
	}
}

/* increase header on all pages */
@media screen and (min-height: 420px) and (min-width: 783px) {
    .has-header-media .site-header-inside .site-identity {
        height: calc(100vh - 500px);
        min-height: calc(100vh - 500px);
    }
}

/* --- Make logo same on all pages / 1412527-zen (mS) --- */
@media screen and (min-height: 420px) and (min-width: 783px) {
    .has-header-media.admin-bar .site-header-inside {
        height: calc(100vh - 400px);
        min-height: calc(100vh - 500px);
    }
}

/*--- keep site-header-inside same height on all pages on mobile / 1412527-zen JS ---*/
@media (max-width: 1023px) {
    .site-header-inside {
        min-height: 250px;
    }
    .site-header-inside .site-identity {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: auto;
        margin-right: auto;
        -webkit-align-content: center;
        align-content: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -ms-flex-align: center;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -ms-flex-line-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
}

/*--- color of media player ---*/
.ovation-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current,.ovation-mejs-container.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background-color:#265fac;
}

.ovation-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total,.ovation-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded,.ovation-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float,.ovation-mejs-container.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .button, button, input[type=button], input[type=reset], input[type=submit], .front-page-section--record {
	background-color:#939393;
}

/* color of play button on audio player #1417390-zd (DO) */
.ovation-mejs-container.mejs-container .mejs-controls .mejs-button button {
  color: #265fac;
}

/* set max-width for right-aligned images on devices with width less than 375px - AS - 6453947-hc */
@media (max-width:375px) {
    img.alignright {
        max-width: 100px;
    }
}

/* change color of 3 lines menu icon on mobile and tablet views - AS - 6453947-hc */
@media (max-width:768px) {
    .sidebar-toggle-button:before {
        color: #265fac;
    }
}