/* KNC GENERAL STYLING + SPECIFIC KNC STYLES */

#wpadminbar {
	position: fixed;
}
.grecaptcha-badge { 
    visibility: hidden !important;
}
/* SITE BODY */
body {
	position: relative;
	font-family: 'Myriad Pro Regular';
	word-wrap: break-word;
}
.boldcondensed {
	font-family: 'Myriad Pro Bold Condensed';
}
@font-face {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Regular'), url('../fonts/MYRIADPRO-REGULAR.woff') format('woff');
}
@font-face {
font-family: 'Myriad Pro Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed'), url('../fonts/MYRIADPRO-COND.woff') format('woff');
}
@font-face {
font-family: 'Myriad Pro Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed Italic'), url('../fonts/MYRIADPRO-CONDIT.woff') format('woff');
}
@font-face {
font-family: 'Myriad Pro Light';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Light'), url('../fonts/MyriadPro-Light.woff') format('woff');
}
@font-face {
font-family: 'Myriad Pro Semibold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold'), url('../fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');
}
@font-face {
font-family: 'Myriad Pro Semibold Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold Italic'), url('../fonts/MYRIADPRO-SEMIBOLDIT.woff') format('woff');
}
@font-face {
font-family: 'Myriad Pro Bold Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Condensed'), url('../fonts/MYRIADPRO-BOLDCOND.woff') format('woff');
}
@font-face {
font-family: 'Myriad Pro Bold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold'), url('../fonts/MYRIADPRO-BOLD.woff') format('woff');
}
@font-face {
font-family: 'Myriad Pro Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Italic'), url('../fonts/MYRIADPRO-BOLDIT.woff') format('woff');
}
@font-face {
font-family: 'Myriad Pro Bold Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Condensed Italic'), url('../fonts/MYRIADPRO-BOLDCONDIT.woff') format('woff');
}
.font-mini {
	font-size: 15px;
}
.font-minimal {
	/* font-size: 1.1vw; */
	font-size: 0.7em;
}
@media screen and (max-width: 1199px) {
	.font-medium {
		font-size: 20px;
	}
}
@media screen and (min-width: 1200px) {
	.font-medium {
		font-size: 25px;
	}
}
#safetytrail {
	font-size: 25px;
}
hr.font-minimal {
	border: 0.5px solid;
	margin: 0.5vw;
}

input, select, textarea {
	color: #484848;
	font-weight: normal;
}
@media screen and (min-width: 992px) {
		body {
		font-size: 1.5em;
	}
}
@media screen and (max-width: 991px) {
		body {
		font-size: 1.3em;
	}
}
#header {
	position: relative;
	z-index: 999;
}
#main {
	position: relative;
	z-index: 1;
}
#footer {
	position: relative;
	z-index: 9;
}
/* Text color */
#knc, #bikesafe, #walksafe, #dl-popup {
	color: #8e8e8e;
}
/* LINK COLORS */
a, a:hover {
    text-decoration: none;
}
#knc a {
	color: #1a80b6;
}

#knc a:hover {
	color: #00a7ff;
}
#walksafe .n2-section-smartslider a, #bikesafe .n2-section-smartslider a {
	color: #fff;
}
/* END LINK COLORS */

/* Control YouTube embed width */
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
	margin-bottom: 20px;
	border-radius: 15px;
	width: 100%;
	-webkit-box-shadow: -4px 4px 8px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: -4px 4px 8px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: -4px 4px 8px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset
}
/* Expands video preview image to 100% width when using the @kevinweber Lazy Load for Videos plugin */
.lazy-load-youtube {
    width: 100% !important;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Control Facebook embed links */
.facebook-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
	margin-bottom: 20px;
}

.facebook-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}
/* Center Twitter embeds */
.twitter-tweet.twitter-tweet-rendered {
  	margin-left: auto;
  	margin-right: auto;
}

/* TEXT SIZES */
.bc {
	font-family: 'Myriad Pro Bold Condensed';
}
.font1responsive {
	font-size: 2.7vw;
}
h1, h2, h3 {
	font-family: 'Myriad Pro Bold Condensed';
}
h1 {
	margin-top: 5px;
	margin-bottom: 5px;
}
h1.big {
	margin-top: 25px;
	margin-bottom: 25px;
}
h1.super {
	font-size: 4.5rem;
}
@media screen and (max-width: 500px) {
h1, h1.super {
	font-size: 34px;
	}
}
h2.line:before, h2.line:after {
	 background-color: #FFF;
 	 content: "";
	 display: inline-block;
	 height: 1px;
	 position: relative;
	 vertical-align: middle;
	 width: 50%;
}
h2:before {
 	right: 0.5em;
 	margin-left: -50%;
}
h2:after {
 	left: 0.5em;
 	margin-right: -50%;
}

h2 {
	color: #c3fdf4;
}
h3.widget-title {
	font-size: 2rem;
}
@media screen and (min-width: 1200px) {
	.headerlarge h3.widget-title {
		font-size: 3rem;
	}
}

.goldenrules h3.widget-title {
	font-size: 3rem;
	background: linear-gradient(to bottom, #cfc09f 27%, #fff6dc 60%, #716037 80%); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
	filter: drop-shadow(2px 2px rgba(31,31,31,0.39));
	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}
h5 {
	line-height: 140%;
}
ul.downloadlist {
	font-size: 14px;
}
#knc .wsbsline {
	border-bottom: 1px solid #1a80b6;
}
.wsbsline {
	border-bottom: 1px solid #024c2d;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.wsbsline_even {
	border-bottom: 1px solid #024c2d;
	margin: 10px 0 10px 0;
}
.wsbsline_flush {
	border-bottom: 1px solid #024c2d;
	margin: 0px;
}
.dropshadow {
	filter: drop-shadow(0 0 10px #000);
}
.dropshadow-white {
	filter: drop-shadow(0 0 10px #fff);
}
.dropshadow-sm {
	filter: drop-shadow(0 0 5px #000);
}
.dropshadow-sm-white {
	filter: drop-shadow(0 0 5px #fff);
}
/* Standard CSS shared amongst sites */
#footer {
	padding: 10px;
}
.scrim {
	border-radius: 50%;
  	background-color: rgba(0, 0, 0, 0.2);
  	box-shadow: 0 0 5rem rgba(0, 0, 0.5);
}
.bluebutton {
	background: #f58307;
    background: linear-gradient(to bottom, #4B72A9, #2c486f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFfedda', endColorstr='#FFffa94c');
	padding: 10px;
	border-radius: 15px;
	box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.7);
	color: #f99c36;
	font-size: 1.5em;
	/* align-items: center;
  	justify-content: center; */
}
@media screen and (max-width: 767px) {
	img.thumb-vw {
		width: 25vw;
		height: auto;
	}
}
@media screen and (min-width: 768px) {
	img.thumb-vw {
		width: 15vw;
		height: auto;
	}
}

/* BACKGROUND STYLING */
.kncbackground {
	position: relative;
	background-color: #356cb5;
	background-image: url("../img/kncbackground.jpg");
	background-size: 700px;
  	background-repeat: repeat;
  	background-position: left bottom;
}
.wsbsbackground {
	position: relative;
	background-color: #024c2d;
	background-image: url("../img/wsbs-green-background.jpg");
	background-size: 40px;
  	background-repeat: repeat;
  	background-position: left bottom;
}
.hotzspotbackground {
	position: relative;
	background-color: #fdfefd;
	background-image: url("../img/hotz-spot-background.jpg");
	background-size: 500px;
  	background-repeat: repeat;
  	background-position: left bottom;
}
.hotzspotbackground_orange {
	position: relative;
	background-color: #f47926;
	background-image: url("../img/hotz-spot-background_orange.jpg");
	background-size: auto;
  	background-repeat: no-repeat;
  	background-position: center center;
}
.whitebox {
	background-color: #fff;
	z-index: 1;
}
.pageshadow {    
    background-color: #fff;
    box-shadow: 0 10px 5px 5px rgba(0, 0, 0, 0.2), 0 0 5px 0px rgba(0, 0, 0, 0.2);
    /* border-style: solid;
    border-width: 1px;
    border-color: #747474; */
    position: relative;
}
.white-topfade { /* Curriculum pages, fade to white at top */
	background-image: linear-gradient(to bottom, rgba(226, 251, 255, 0.78), rgba(255, 0, 0, 0));
	width: 100%;
	height: 100%;
	max-height: 1000px;
	position: absolute;
}
.backgroundimage-container {
	width: 100%;
	position: absolute;
}
.backgroundimage-container.z-minus-1 {
	z-index: -1;
}
.backgroundimage, .backgroundimage_rightfade { /* Create background image; height position controlled by JQuery */
	background-repeat: no-repeat;
	background-size: 100vw;
	background-position: center top;
}
.backgroundimage_center { /* For centered images */
	background-repeat: no-repeat;
	background-size: 100vw;
	background-position: center center;
}
.relative { /*Necessary for curriculum page to sit on top of the background-image DIV */
	position: relative;
}
.whitefade {
	background-color: rgba(255,255,255,0.8);
	background-image: none;
}
.whitefade-toright {
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.78) 60%, rgba(255, 0, 0, 0));
}
.whitefade-toleft {
	background-image: linear-gradient(to left, rgba(255, 255, 255, 0.78) 60%, rgba(255, 0, 0, 0));
}

/* IMAGE CONTROL */

/* Contain all pictures to DIVs */
.picauto100 {
	width: 100%;
	height: auto;
}
/* Download photos - max height 400px */
.pic-h400px {
	max-height: 400px;
    width: auto;
}

.eaw-thumb {
	border-radius: 15px 15px 0 0;
	width: 100%;
	height: auto;
}
.fadeimage {
	position:relative;
}
.fadeimage img {
	-webkit-mask-image: -webkit-linear-gradient(rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 70%);
	mask-image: -o-linear-gradient(rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 70%);
	mask-image: linear-gradient(rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 70%);
	width: 100%;
    height: auto;
	/*object-fit: cover; 
	object-position: 0% 0%;
	height: 43vh !important;*/
}
.fadeimage-lite img {
	-webkit-mask-image: -webkit-linear-gradient(rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0.1) 90%);
	mask-image: -o-linear-gradient(rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0.1) 90%);
	mask-image: linear-gradient(rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0.1) 90%);
	/* width: 100%;
    height: auto; */
}
.fadeimage .text-center {
	position: relative;
	padding: 0.5em;
	/* margin: -6vw 1rem 1rem 1rem; */
	text-shadow: 0 0 45px #fff;
}
.caption {
	font-size: 0.6em;
	margin-bottom: 1rem;
}
img.bordercorner, .muni.bordercorner, .muni.bordercorner img, .blog img {
	border-radius: 15px;  
	width: 100%;
	height: auto;
}
#knc img.bordercorner, #knc .muni.bordercorner, #knc .blog img, #knc .videoWrapper {
	border: 1px solid #1a80b6;
}
#walksafe img.bordercorner, #walksafe .muni.bordercorner, #walksafe .blog img, #walksafe .videoWrapper,
#bikesafe img.bordercorner, #bikesafe .muni.bordercorner, #bikesafe .blog img, #bikesafe .videoWrapper {
	border: 1px solid #024c2d;
}
img.resources {
	-webkit-filter: drop-shadow(-5px 5px 6px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(-5px 5px 6px rgba(0, 0, 0, 0.5));
    border-radius: 15px;
}
/* KNC Header, Menu AND Navigation STYLING */
#headerhome #knc {
	background-image: url("../img/knc-background.jpg");
	background-position: left top;
}
.kncbg {
    background-color: #fff;
    background-image: url(../img/knc-bg-white.jpg);
    background-repeat: repeat;
    background-position: left bottom;
}

/* KNC Header, Menu AND Navigation STYLING */
#knc .featuredimage {
	background-image: url("../img/cg-matilda.jpg");
	background-position: left center;
	background-size: cover;
	height: 25vw;
}

#knc .nav {
	/* Drop shadow at the bottom */
	-webkit-box-shadow: 0px 7px 5px rgba(7, 30, 58, 0.50);
    -moz-box-shadow: 0px 7px 5px rgba(7, 30, 58, 0.50);
    box-shadow: 0px 7px 5px rgba(7, 30, 58, 0.50);    
	background: #f58307;
    background: linear-gradient(to bottom, #1A80b6, #196B96);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1A80b6', endColorstr='#FF196B96');
	border-bottom: solid 1px #fff;
}
#knc .nav .dashicons {
	font-size: 25px;
}
#knc .nav a {
	color: #ed5501;
}
#knc .nav>li>a:hover {
	color: #fff;
	background: linear-gradient(180deg, rgba(255,255,255,0) 74%, rgba(255,255,255,0.4) 100%);
}
/* Header top styling */
#knc .toproundorange {
	border-radius: 14px 14px 0 0;
	border: solid #fff;
	border-width: 1px 1px 0 1px;
	background-color: #fff;
}
#knc .mainborder {
	border: solid #1a80b6;
	border-width: 0 3px 3px 3px;
}
#knc .hr {
	border: solid #1a80b6;
	border-width: 0 0 3px 0;
}
/*styles all Bootstrap buttons */
#knc .btn {
	background: linear-gradient(to bottom, #1A80b6, #196B96);
	color: #fff;
	width: 100%;
	border-radius: 15px;
}
#knc .btn:hover {
	color: #8bf9ff;
}

#knc h1, 
#knc h2, 
#knc h3 {
	color: #1a80b6;
}
#knc a h1:hover, 
#knc a h2:hover, 
#knc a h3:hover {
	color: #00a7ff;
}
a {
	color: #024c2d;
}
a:hover {
	color: #098953;
}
#knc .sow-tabs-tab {
	color: #1a80b6;
	background: linear-gradient(to bottom, #1A80b6, #196B96);
}
#knc .sow-tabs-tab:hover {
	color: #fff;
}

/* FLOATY MC FLOATBOXES */
.floatymcwidebox {
	left: -2em;
	margin-right: -4em;
	width: inherit !important;
}
/* Full width floatbox that isn't really floating */
.floatymcfloatbox-fullwidth {
	/*margin-top: 15px; <- Removing this to make it seamless with the content above */
	/*margin-bottom: 10px; <- Leave this in place to clear the drop shadow */
	margin-left: -15px;
	margin-right: -15px;
	border-radius: 20px;
	padding: 20px 30px 30px 30px;
	position: relative;
	z-index: 2;
}
/* Add BikeSafe styling to FloatyMcFloatbox established in main KNC CSS */
/* Blog article title floatbox - double border and offset left */
@media screen and (min-width: 992px) {
	.floatymcfloatbox-title {
		width: 60%;
	}
}
@media screen and (max-width: 991px) {
	.floatymcfloatbox-title {
		right: -1em;
	}
}
.floatymcfloatbox-title {
	margin: 0;
    position: absolute;
	z-index: 999;
	bottom: -1em;
	left: -1em;
	border-radius: 15px;
}
#knc .floatymcfloatbox-title {
	padding: 0.5em 0.5em 0.5em 1em;
	background: linear-gradient(to bottom, #1A80b6, #196B96);
	border: 1px solid #fff;
	/* Drop shadow at the bottom */
	-webkit-box-shadow: 5px 5px 5px rgba(7, 30, 58, 0.50);
    -moz-box-shadow: 5px 5px 5px rgba(7, 30, 58, 0.50);
    box-shadow: 5px 5px 5px rgba(7, 30, 58, 0.50);    
}
#knc .floatymcfloatbox-title h1 {
	color: #fff !important;
}
#bikesafe .floatymcfloatbox-title {
	padding: 1em 1em 1em 2em;
	background-image: url("../img/wsbs-orange-background-v2.jpg");
	background-size: 40px;
  	background-repeat: repeat;
  	background-position: left bottom;
	border: 1px solid #024c2d;
	/* Drop shadow at the bottom */
	-webkit-box-shadow: 5px 5px 5px rgba(7, 30, 58, 0.50);
    -moz-box-shadow: 5px 5px 5px rgba(7, 30, 58, 0.50);
    box-shadow: 5px 5px 5px rgba(7, 30, 58, 0.50);    
}
#walksafe .floatymcfloatbox-title {
	padding: 1em 1em 1em 2em;
	background-image: url("../img/ws-green-background.jpg");
	background-size: 40px;
  	background-repeat: repeat;
  	background-position: left bottom;
	border: 1px solid #024c2d;
	/* Drop shadow at the bottom */
	-webkit-box-shadow: 5px 5px 5px rgba(7, 30, 58, 0.50);
    -moz-box-shadow: 5px 5px 5px rgba(7, 30, 58, 0.50);
    box-shadow: 5px 5px 5px rgba(7, 30, 58, 0.50);    
}
#walksafe .floatymcfloatbox-title:after, #bikesafe .floatymcfloatbox-title:after {
  	content: '';
  	display: block;
  	position: absolute;
  	top: 10px;
  	bottom: 10px;
  	left: 10px;
  	right: 10px;
  	border-radius: 10px;
	border: 4px solid #024c2d;
}
/* Floaty RIGHT and LEFT boxes */
#walksafe .floatymcfloatbox-right .btn, #walksafe .floatymcfloatbox-left .btn, 
#bikesafe .floatymcfloatbox-right .btn, #bikesafe .floatymcfloatbox-left .btn {
	background: linear-gradient(to bottom, #08653e, #024c2d);
	color: #fff !important;
}
.floatymcfloatbox-right, .floatymcfloatbox-left {
    padding: 1em;
	z-index: 999;
	border-radius: 15px;
	color: #024c2d;
	position: relative;
	width: inherit !important;
}
.n2-section-smartslider.floatymcfloatbox-right, .n2-section-smartslider.floatymcfloatbox-left {
	padding: calc(0.5em + 2px);
}
.floatymcfloatbox-right, .floatymcfloatbox-left {
	background-size: 40px;
  	background-repeat: repeat;
  	background-position: left bottom;
	border: 1px solid #024c2d;
	/* Drop shadow at the bottom */
	-webkit-box-shadow: 5px 5px 5px rgba(7, 30, 58, 0.50);
    -moz-box-shadow: 5px 5px 5px rgba(7, 30, 58, 0.50);
    box-shadow: 5px 5px 5px rgba(7, 30, 58, 0.50);    
}
.floatymcfloatbox-right:after, .floatymcfloatbox-left:after {
	content: '';
	display: block;
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	border-radius: 10px;
	border: 4px solid #024c2d;
	background-image: linear-gradient(to bottom, rgba(226, 251, 255, 0.6), rgba(255, 0, 0, 0));
	z-index: -1;
}
#bikesafe .floatymcfloatbox-right, #bikesafe .floatymcfloatbox-left {
	background-image: url("../img/wsbs-orange-background-v2.jpg");
}
#walksafe .floatymcfloatbox-right, #walksafe .floatymcfloatbox-left {
	background-image: url("../img/ws-green-background.jpg");
}
/* Floaty IMAGES Only */
@media (min-width: 768px) {
	.floatymcfloatbox-img-right {
		top: -1em;
		right: -1em;
	}
}
@media (max-width: 768px) {
	.floatymcfloatbox-img-right {
		left: -1em;
	}
}
.floatymcfloatbox-img-right img, .floatymcfloatbox-img-left img {
	border-radius: 15px;
}
.floatymcfloatbox-img-right, .floatymcfloatbox-img-left {
	-webkit-box-shadow: -5px 5px 5px rgba(7, 30, 58, 0.50);
    -moz-box-shadow: -5px 5px 5px rgba(7, 30, 58, 0.50);
    box-shadow: 0px 5px 10px rgba(7, 30, 58, 0.70);    
	/* padding: 18px; */
	border: solid #fff;
	border-width: 1px;
}
.floatymcfloatbox-img-right {
	position: relative;
	float: right;
	margin-left: auto;
	border-radius: 15px;
	z-index: 2;
}
/* Floaty RIGHT only */
@media screen and (min-width: 992px) {
	.floatymcfloatbox-right {
		margin-right: calc(-15px - 1.5rem);
	}
}
@media screen and (max-width: 991px) {
	.floatymcfloatbox-right {
		left: calc(-15px + -1.5rem);
        margin-right: calc(-15px + -4rem);
	}
}
/* Floaty LEFT only */
@media screen and (min-width: 992px) {
	.floatymcfloatbox-left {
		margin-left: calc(-15px - 1.5rem);
	}
}
@media screen and (max-width: 991px) {
	.floatymcfloatbox-left  {
		left: calc(-15px + -1.5rem);
        margin-right: calc(-15px + -4rem);
	}
}
#bikesafe .floatymcfloatbox-right {
	background-image: url("../img/wsbs-orange-background-v2.jpg");
}
#walksafe .floatymcfloatbox-right {
	background-image: url("../img/ws-green-background.jpg");
}
/* Right - Images Only */
@media (min-width: 768px) {
	.floatymcfloatbox-img-right {
		top: -1em;
		right: -1em;
	}
}
@media (max-width: 768px) {
	.floatymcfloatbox-img-right {
		left: -1em;
	}
}
.floatymcfloatbox-img-right img {
	border-radius: 15px;
}
.floatymcfloatbox-img-right {
	-webkit-box-shadow: -5px 5px 5px rgba(7, 30, 58, 0.50);
    -moz-box-shadow: -5px 5px 5px rgba(7, 30, 58, 0.50);
    box-shadow: 0px 5px 10px rgba(7, 30, 58, 0.70);    
	/* padding: 18px; */
	border: solid #fff;
	border-width: 1px;
}
.floatymcfloatbox-img-right {
	position: relative;
	float: right;
	margin-left: auto;
	border-radius: 15px;
	z-index: 2;
}

/* Full width FloatyMcFloatboxes */
.floatymcfloatbox-fullwidth h1, .floatymcfloatbox-fullwidth h2, .floatymcfloatbox-fullwidth h3 {
	margin-top: 5px;
}
#bikesafe .floatymcfloatbox-fullwidth {
	background-image: url("../img/wsbs-orange-background-v2.jpg");
	background-size: 40px;
  	background-repeat: repeat;
  	background-position: left bottom;
	/* border: solid #fff; */
	border-width: 3px;
	/* Drop shadow at the bottom */
	-webkit-box-shadow: -5px 5px 5px rgba(7, 30, 58, 0.50);
    -moz-box-shadow: -5px 5px 5px rgba(7, 30, 58, 0.50);
    box-shadow: 0px 5px 10px rgba(7, 30, 58, 0.70); 
}
#walksafe .floatymcfloatbox-title {
	background-image: url("../img/ws-green-background.jpg");
	background-size: 40px;
  	background-repeat: repeat;
  	background-position: left bottom;
	border: 1px solid #024c2d;
	/* Drop shadow at the bottom */
	-webkit-box-shadow: 5px 5px 5px rgba(7, 30, 58, 0.50);
    -moz-box-shadow: 5px 5px 5px rgba(7, 30, 58, 0.50);
    box-shadow: 5px 5px 5px rgba(7, 30, 58, 0.50);    
}
#walksafe .floatymcfloatbox-fullwidth {
	background-image: url("../img/ws-green-background.jpg");
	background-size: 40px;
  	background-repeat: repeat;
  	background-position: left bottom;
	/* border: solid #fff; */
	border-width: 3px;
	/* Drop shadow at the bottom */
	-webkit-box-shadow: -5px 5px 5px rgba(7, 30, 58, 0.50);
    -moz-box-shadow: -5px 5px 5px rgba(7, 30, 58, 0.50);
    box-shadow: 0px 5px 10px rgba(7, 30, 58, 0.70); 
}
.floatymcfloatbox-standard-bs {
	/* Drop shadow at the bottom */
	-webkit-box-shadow: -5px 5px 5px rgba(7, 30, 58, 0.50);
    -moz-box-shadow: -5px 5px 5px rgba(7, 30, 58, 0.50);
    box-shadow: 0px 5px 10px rgba(7, 30, 58, 0.70);    
	background: #f58307;
    background: linear-gradient(to bottom, #f99c36, #f58307);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF99C36', endColorstr='#FFF58307');
	color: #024c2d;
	padding: 30px;
}
/* Full width floatbox that isn't really floating */
.floatymcfloatbox-standard-bs {
	/*margin-top: 15px; <- Removing this to make it seamless with the content above */
	margin-bottom: 10px; /* <- Leave this in place to clear the drop shadow */
	border-radius: 15px;
	position: relative;
	z-index: 2;
}
.floatymcfloatbox-standard-bs:after {
  content: '';
  display: block;
  position: absolute;
  top: 12px;
  bottom: 12px;
  left: 12px;
  right: 12px;
  border-radius: 10px;
  border: 4px solid #024c2d;
  z-index: 1;
  pointer-events: none;
}

/* Right aligned for start of article */
.floatymcfloatbox-basic {
    border-radius: 10px;
    border-width: 1px;
    border-color: #024c2d;
    -webkit-box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30);
    -moz-box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30);
    box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30);
}
.greenroundbox_top {
	height: 100%;
}
.greenroundbox img {
	border-radius: 8px;
	width: 100%;
	height: auto;
}
.greenroundbox_top img {
	border-radius: 8px 8px 0 0; /* Top only */
}
.greenroundbox_top .text-bottom {
	position: absolute;
  	bottom: 0;
  	left: 0;
}
.highlightbox-lr .greenroundbox {
	margin: 10px;
}
/* Image floatbox */
.floatymcfloatbox-fullwidth img {
	width: 100%;
	height: auto;
}
.floatymcfloatbox-fullwidth img, 
.greenroundbox,
.greenroundbox_top {
	background-color: #fff;
	border-radius: 10px !important; /* Important required to override Smart Slider 3 styling */
	border: solid 1px !important;
	/* Drop shadow */
	-webkit-box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30) !important;
    -moz-box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30) !important;
    box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30) !important; 
}
/* Same as greenroundbox, but split between DIVs for YouTube lazy-loading plugin */
.container-youtube {
	border-radius: 10px !important;
	-webkit-box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30) !important;
    -moz-box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30) !important;
    box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30) !important; 
}
.preview-youtube {
	border: solid 1px !important;
	border-color: #024c2d;
	color: #024c2d !important;
	border-radius: 10px !important;
}

#knc .floatymcfloatbox-fullwidth img, #knc .greenroundbox, #knc .greenroundbox_top {
	border-color: #1a80b6 !important;
}
#bikesafe .floatymcfloatbox-fullwidth img, #bikesafe .greenroundbox, #bikesafe .greenroundbox_top, 
#walksafe .floatymcfloatbox-fullwidth img, #walksafe .greenroundbox, #walksafe .greenroundbox_top {
	border-color: #024c2d !important;
}
.greenroundbox .n2-ow-all {
	border-radius: 10px !important; /* Important required to override Smart Slider 3 styling */
}
.blueroundbox_top {
	background-color: #fff;
	border-radius: 15px;
	border: solid 1px;
	border-color: #e1e6e9;
	/* Drop shadow */
	-webkit-box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30);
    -moz-box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30);
    box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30); 
}
.nextend-bar-horizontal div span[class^="n2-font-"]:first-of-type {
	font-size: 1.3em !important;
	vertical-align: bottom !important;
}
/* End Floaty Mc Floatboxes */


.curve-container {
	overflow: hidden;
}

.bs-orange-back-curve {
	outline: 14px solid #ffffff;
    outline-offset: -10px;
	margin-left: 200vw;
	margin-bottom: auto;
	width: 1000px;
	height: 1000px;
	border-radius: 50% 0 0 50%;
	background-color: #fff;
	background-image: url("../img/V2-Bean-Bag-Balance.png");
	background-repeat: no-repeat;
 	background-position: 50% 0;
  	background-size: cover;
	opacity: 0.3;
	box-shadow: 125px 125px 150px 25px white inset, 125px -125px 150px 25px white inset;
}
/* Whatis? */
.othercurricula .n2-ss-slide:after {
		content: "";
    background-image: url(../../wp-content/plugins/smart-slider-3/Public/SmartSlider3/Widget/Shadow/ShadowImage/Assets/shadow/curved.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 50px;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
}


/* NAVIGATION STUFF */
.mobilenavicon {
	font-size: 8vw;
	position: relative;
	top: -40px;
}
.mobilenavicon3 {
	font-size: 8vw;
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 50%;
}
.mobilenavicon2 {
	font-size: 20px;
	position: relative;
	top: 8px;
	left: -25px;
}
.mobilenavicon.teal, .mobilenavicon3.teal {
	color: #356cb5;
}

/* KNC footer, header, nenu AND navigation STYLING */
/* FOOTER STUFF */
.footermenu ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    /* For IE, the outcast */
    transform: scale(1);
    *display: inline;
}
.footermenu li {
    float: left;
	margin-bottom: -7px;
}
.footerimage {
	max-height: 150px;
}

.navbottom {
    list-style: none;
	font-size: 17px;
	line-height: 28px;
}

.navbottom a, #footer-row a {
    color: #30c3ad;
}
.navbottom a:hover, #footer-row a:hover {
    color: #2cb6db;
}	
#footer {
	background-color: #fff;
	-webkit-box-shadow:  -1px -3px 5px rgba(7, 30, 58, 0.30);
    -moz-box-shadow: -1px -3px 5px rgba(7, 30, 58, 0.30);
    box-shadow: -1px -3px 5px rgba(7, 30, 58, 0.30);
}
#footer .row {
	font-size: 12px;
}
.footerjustify {
	text-align: justify;
    text-align-last: left;
}
#knc .kncmenu {
	background: #ffffff;
	/* Drop shadow at the bottom */
	-webkit-box-shadow: 0px 7px 5px rgba(7, 30, 58, 0.50);
    -moz-box-shadow: 0px 7px 5px rgba(7, 30, 58, 0.50);
    box-shadow: 0px 7px 5px rgba(7, 30, 58, 0.50);
}
#knc .kncmenu .dashicons {
	font-size: 25px;
}
#knc .kncmenu .nav a {
	color: #356cb5;
	
}
#knc .nav>li>a:hover {
	color: #3d8ef9;
	background: linear-gradient(180deg, rgba(255,255,255,0) 74%, rgba(183,228,254,0.5) 100%);
}
.btn {
	font-size: 1.5rem;
    font-family: 'Myriad Pro Bold Condensed';
	height: 100%;
}
a.btn {
	white-space: nowrap;
}
.btn-heightcontrol {
	height: 50px;
}
/*styles all Bootstrap buttons */
#walksafe .btn, #bikesafe .btn {
	color: #024c2d;
	width: 100%;
	border-radius: 15px;
}
#bikesafe .btn {
	background: linear-gradient(to bottom, #f99c36, #f58307);
}
#walksafe .btn:hover, #bikesafe .btn:hover {
	color: #fff;
}
/*styles all Bootstrap buttons */
#walksafe .btn {
	background: linear-gradient(to bottom, #8cc541, #71a231);
}
.page-numbers {
	font-family: 'Myriad Pro Bold Condensed';
    width: 100%;
    border-radius: 5px;
	padding: 0.5rem 1rem 0.5rem 1rem;
	margin: 1rem 0;
}
.page-numbers:last-child { 
	border-radius: 5px 15px 15px 5px;
}
.page-numbers:first-child { 
	border-radius: 15px 5px 5px 15px;
}
a.next.page-numbers:last-child { 
	border-radius: 5px 15px 15px 5px;
	background: #FFF !important;
}
#walksafe .page-numbers.current, #walksafe .page-numbers:hover,
#bikesafe .page-numbers.current, #bikesafe .page-numbers:hover {
	color: #fff !important;
}
a.prev.page-numbers { 
	border-radius: 15px 5px 5px 15px;
	background: #FFF !important;
}
#knc a.page-numbers {
	color: #fff;
}
#knc a.page-numbers:hover {
	color: #8bf9ff;
}
#knc span.page-numbers.current {
	color: #8bf9ff;
}
#knc a.prev.page-numbers, #knc a.next.page-numbers { 
	color: #1a80b6;
    -webkit-box-shadow:inset 0px 0px 0px 2px #1a80b6;
  	-moz-box-shadow:inset 0px 0px 0px 2px #1a80b6;
 	box-shadow:inset 0px 0px 0px 2px #1a80b6;
}
#knc a.prev.page-numbers:hover, #knc a.next.page-numbers:hover {
	color: #00a7ff !important;
}
#knc .page-numbers {
	background: linear-gradient(to bottom, #1A80b6, #196B96);
}
#bikesafe a.prev.page-numbers, #bikesafe a.next.page-numbers { 	
    -webkit-box-shadow:inset 0px 0px 0px 2px #f89c35;
  	-moz-box-shadow:inset 0px 0px 0px 2px #f89c35;
 	box-shadow:inset 0px 0px 0px 2px #f89c35;
}
#bikesafe a.prev.page-numbers:hover, #bikesafe a.next.page-numbers:hover {
	color: #f89c35 !important;
}
#bikesafe .page-numbers {
	background: linear-gradient(to bottom, #f99c36, #f58307);
}
#walksafe a.prev.page-numbers, #walksafe a.next.page-numbers { 	
    -webkit-box-shadow:inset 0px 0px 0px 2px #8ac348;
  	-moz-box-shadow:inset 0px 0px 0px 2px #8ac348;
 	box-shadow:inset 0px 0px 0px 2px #8ac348;
}
#walksafe a.prev.page-numbers:hover, #walksafe a.next.page-numbers:hover {
	color: #8ac348 !important;
}
#walksafe .page-numbers {
	background: linear-gradient(to bottom, #8ac348, #8ac348);
}

/* HEADER STYLING SECTION */
.nopad {
	padding-left: 0px;
	padding-right: 0px;
}
.kncheaderbackg {
	background-color: #fff;
}
.headerimage {
	max-height: 90px;
	transition: all 250ms;
    -o-transition: all 250ms;
    -ms-transition: all 250ms;
    -moz-transition: all 250ms;
    -webkit-transition: all 250ms;
}
#header hr {
	margin: 0.2rem;
}
.headerinline {
    display: inline-block;
    vertical-align: middle;
}
#knc .headerlogo-offset {
	position: relative;
    bottom: -3rem;
    margin-top: -3rem;
    z-index: 500;
}
.headerlogo-offset {
	position: relative;
    bottom: -40px;
    margin-top: -40px;
    z-index: 500;
}
@media screen and (max-width: 576px) {
	.headerlogo-offset {
		padding-left: 70px;
		padding-right: 70px;
	}
}
#mega-menu-wrap-primary {
	clear: none;
}
.homepageslider {
	--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}
/* END HEADER STYLING */

/* Homepage left-right content padding and styling */
.offset-padding-control .widget_sow-editor {
	padding: 0.5rem 1.5rem 5px 1.5rem !important;
}
.offset-padding-control .panel-grid-cell {
	margin-bottom: 5px !important;
}
@media screen and (min-width: 781px) {
	.img-left .image {
		border-style: solid;
		border-radius: 0px 15px 15px 0px;
		border-width: 1px 1px 1px 0px;
		-webkit-box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30);
		-moz-box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30);
		box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30);
	}
	.img-right .image {
		border-style: solid;
		border-radius: 15px 0px 0px 15px;
		border-width: 1px 0px 1px 1px;
		-webkit-box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30);
		-moz-box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30);
		box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30);
	}
	.offset-padding-control.triple-row, .smallerfont {
		font-size: 0.7em;
	}
}
@media screen and (min-width: 1200px) {
	.offset-padding-control .widget_media_image {
		padding: 0px !important;
	}
	#walksafe #bikesafe .img-left, #walksafe #bikesafe .img-right {
		border-color: #024c2d;
	}
	#walksafe #bikesafe .img-left, #walksafe #bikesafe .img-right {
		border-color: #024c2d;
	}
	.img-left .image {
		border-style: solid;
		border-radius: 0px 15px 15px 0px;
		border-width: 1px 1px 1px 0px;
		-webkit-box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30);
		-moz-box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30);
		box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30);
	}
	.img-right .image {
		border-style: solid;
		border-radius: 15px 0px 0px 15px;
		border-width: 1px 0px 1px 1px;
		-webkit-box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30);
		-moz-box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30);
		box-shadow: -3px 5px 5px rgba(7, 30, 58, 0.30);
	}
	.img-left.img-first .image {
		border-radius: 0px 0px 15px 0px !important;
		border-width: 1px 1px 1px 0px !important;
	}
	.img-right.img-first .image {
		border-radius: 0px 0px 0px 15px !important;
		border-width: 1px 0px 1px 1px !important;
	}
	.img-left.img-top .image {
		border-radius: 15px 0px 15px 0px !important;
		border-width: 1px 1px 1px 0px !important;
	}
	.img-right.img-top .image {
		border-radius: 0px 15px 0px 15px !important;
		border-width: 1px 0px 1px 1px !important;
	}
	.img-left.img-last .image {
		border-radius: 0px 15px 0px 0px !important;
		border-width: 1px 1px 0px 0px !important;
	}
	.img-right.img-last .image {
		border-radius: 15px 0px 0px 0px !important;
		border-width: 1px 0px 0px 1px !important;
	}
	.offset-padding-control.triple-row, .smallerfont {
		font-size: 0.9em;
	}	
}


/* Seriously Simple Podcast styling */
.castos-player .playlist__wrapper {
	overflow: auto;
}
.playlist__episode-title, .player__episode-title {
	font-family: 'Myriad Pro Bold Condensed' !important;	
}
.castos-player .episode-title, .playlist__item__details {
   	height: auto !important;
    white-space: wrap !important;
    overflow: visible !important;
}
.castos-player .playlist__item.active h2 {
    padding-left: 0px !important;
	color: #fff !important;
	font-weight: bold;
}
.castos-player.light-mode .player {
	background: linear-gradient(359.68deg, rgba(255, 255, 255, 0) 1.03%, rgba(255, 255, 255, 0) 77.9%);
}

/* Add top rounded corners to Smart Slider 3, works with .topround 
.n2-ss-slider-2 .n2-ow {
	border-radius: 6px 6px 0 0;
}*/
/* SS3 rounded corners - for home page only (Which one?) */
.homepageslider .n2-ss-slider-3 .n2-ow {
	border-radius: 12px 12px 0 0;
}
/* KNC homepage slider styling */
@media screen and (min-width: 992px) {
	.knc-homeslider {
		border-radius: 0px 15px 0px 15px !important; /* Important required to override Smart Slider 3 styling */
		border-width: 0px 0px 2px 2px !important;
	}
	/* Applies rounded corners to homepage slider */
	.knc-homeslider .n2-ss-slider-2 {
		border-radius: 0px 15px 0px 12px !important; /* Important required to override Smart Slider 3 styling */
	}
}
@media screen and (max-width: 991px) {
	.knc-homeslider {
		border-radius: 15px 15px 0px 0px !important; /* Important required to override Smart Slider 3 styling */
		border-width: 0px 0px 2px 0px !important;
	}
	.knc-homeslider .n2-ss-slider-2 {
		border-radius: 15px 15px 0px 0px !important; /* Important required to override Smart Slider 3 styling */
	}
}
/* Applies regardless of mobile */
.knc-homeslider {
	background-color: #fff;
	border-style: solid;
	border-color: #1a80b6 !important;
}

.n2-ss-slider-2 .n2-ow .img {
	border-radius: inherit;
}
/* Turn off loader for Download Monitor */
.dlm-xhr-loading-gif, .dlm-xhr-progress { 
	display: none !important; 
}

/* ESCAPE TEXT CONFINES FOR IMAGES */
figure.alignleft {
	margin-left: -12vw;
	float: left;
}
figure.alignright {
	margin-right: -12vw;
	float: right;
}

.easy-footnotes-wrapper {
	font-size: 0.6em;
}
ol.easy-footnotes-wrapper {
	list-style-position: inside;
}

@media screen and (min-width: 992px) {
.nav {
	font-size: 17px;
	}
}
@media screen and (min-width: 767px) and (max-width: 991px) {
.nav {
	font-size: 15px;
	}
}
@media screen and (min-width: 767px) and (max-width: 991px) {
.nav {
	font-size: 15px;
	}
}
/* @media screen and (min-width: 768px) {
.nav, .navborder, .footermenu {
	display: none;
	}
} 

Breaks top background header. Don't use until use determined.

*/

@media screen and (max-width: 767px) {
.navmobile {
	}
.hidemobile, .hidemobile.dashicons {
	display: none;
	}
}
/* Wider breakpoints for blog realignment
@media screen and (min-width: 768px) {
.hidedesktop {
	display: none;
	}
}
@media screen and (max-width: 767px) {
.hidemobile {
	display: none;
	}
}*/
@media screen and (min-width: 992px) {
.hidedesktop {
	display: none;
	}
}
@media screen and (max-width: 991px) {
.hidemobile {
	display: none;
	}
}


.navorder ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    /* For IE, the outcast */
    transform: scale(1);
}
.navorder li {
    float: left;
	margin-bottom: -7px;
}


/* Body container padding */
.contentsection {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	padding-left: 30px;
	padding-right: 30px;
}
/* Additional padding for blog */
.contentsection.blog {
	padding-top: 3em;
}


/* @media (min-width: 768px) {
.invisimcfloatbox-left {
	position: relative;
	float: left;
	width: 25%;
	z-index: 2;
	}
.invisimcfloatbox-right {
	position: relative;
	float: right;
	width: 25%;
	z-index: 2;
	}
}
@media (max-width: 768px) {
.invisimcfloatbox-left {
	display: none;
	}
.invisimcfloatbox-right {
	display: none;
	}
}
.clearboth {
	clear: both
}
.invisiboxleft {
	height: 100px;
}*/

/* CONTAINER STUFF */
.topround, .eaw-thumb-wrap {
	border-radius: 15px 15px 0 0;
}
.top-left-round {
	border-radius: 15px 0 0 0;
}
.top-right-round {
	border-radius: 0 15px 0 0;
}

/* END BODY STUFF */

/* All styles for highlightbox-l and r */
.highlightbox-l, .highlightbox-r {
    border-style: solid;
	padding: 20px;
	position: relative;
}
#knc .highlightbox-l, .highlightbox-r {
	background-color: #fbfbfb;
	border-color: #1a80b6;
    border-style: solid;
}
#walksafe .highlightbox-l, #walksafe .highlightbox-r {
	background-color: #fbfbfb;
	border-color: #8ac348;
    border-style: solid;
}
#bikesafe .highlightbox-l, #bikesafe .highlightbox-r {
	background-color: #fbfbfb;
	border-color: #f89c35;
    border-style: solid;
}
.highlightbox-fullwidth, .highlightbox-fullwidth-paddedpage {
	background-color: #fbfbfb;
	border-radius: 15px;
	margin-left: -15px;
	margin-right: -15px;
	padding: 10px 10px 20px 10px;
	/* Drop shadow at the bottom */
	-webkit-box-shadow: 0px 5px 15px 2px rgba(7, 30, 58, 0.50);
    -moz-box-shadow: 0px 5px 15px 2px rgba(7, 30, 58, 0.50);
    box-shadow: 0px 5px 15px 2px rgba(7, 30, 58, 0.50);
}
#knc .highlightbox-fullwidth {
	position: relative;
	border-radius: 24.5px;
	-webkit-box-shadow: 0px 5px 7px 2px rgb(7 30 58 / 50%);
    -moz-box-shadow: 0px 5px 7px 2px rgb(7 30 58 / 50%);
	box-shadow: 0px 5px 7px 2px rgb(7 30 58 / 50%);
}
#knc .highlightbox-fullwidth::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 15px; 
	padding: 4px; 
	background: linear-gradient(90deg,#9edeff 1%,#1a80b6 15%,#1a80b6 85%,#9edeff 98%);
	mask: 
	linear-gradient(#000 0 0) content-box, 
	linear-gradient(#000 0 0);
	mask-composite: exclude; 
}
#knc .highlightbox-hotzspot-r {
	color: #fff;
	margin-right: calc(-15px + -1.5rem);
	margin-left: 0;
	background-color: #f47926;
	background-image: url("../img/hotz-spot-background_orange.jpg");
	background-size: auto;
  	background-repeat: no-repeat;
  	background-position: center center;
}
#knc .highlightbox-hotzspot-r {
	position: relative;
	border-radius: 20px;
	-webkit-box-shadow: 0px 5px 7px 2px rgb(7 30 58 / 50%);
    -moz-box-shadow: 0px 5px 7px 2px rgb(7 30 58 / 50%);
	box-shadow: 0px 5px 7px 2px rgb(7 30 58 / 50%);
}
/* #knc .highlightbox-hotzspot-r::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 15px; 
	padding: 2px; 
	background: linear-gradient(0deg, #cecece 35%, #9edeff 98%);
	mask: 
	linear-gradient(#000 0 0) content-box, 
	linear-gradient(#000 0 0);
	mask-composite: exclude; 
} */
#knc .highlightbox-hotzspot-r .btn {
	background: #bee2f0;
	color: #1a80b6;
	width: 100%;
	border-radius: 10px;
}
#knc .highlightbox-hotzspot-r .widget-title {
	color: #fff;
}
#walksafe .highlightbox-fullwidth, #walksafe .highlightbox-fullwidth-paddedpage {
	border-color: #8bc441;
	border-style: solid;
	border-width: 4px;
}
#bikesafe .highlightbox-fullwidth, #bikesafe .highlightbox-fullwidth-paddedpage {
	border-color: #f89c35;
	border-style: solid;
	border-width: 4px;
}
.marg05rem {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
@media screen and (min-width: 992px) {
	.greenroundbox, .marg05rem {
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
	.highlightbox-fullwidth, .highlightbox-fullwidth-paddedpage {
		padding: 20px 10px 20px 10px;
	}
	.highlightbox-fullwidth-paddedpage {
		margin-left: calc(-15px - 1.5rem);
		margin-right: calc(-15px - 1.5rem);
	}
	.highlightbox-l {
		border-width: 4px 0 4px 4px;
		border-radius: 15px 0 0 15px;
		position: relative;
		margin-left: calc(-15px - 1.5rem);
		margin-right: -4px;
		z-index: 1;
	}
	.highlightbox-r {
		margin-right: calc(-15px - 1.5rem);
		border-width: 4px;
		padding: 20px;
		border-radius: 15px;
	}
	.highlightbox-l:before {
		overflow: visible;
		content: "";
		position: absolute;
		top: -15px;
		right: 0px;
		height: 15px;
		width: 15px;
		border-style: solid;
		border-width: 0 4px 4px 0;
		border-bottom-right-radius: 100%;
		box-shadow: 4px 4px 0 #fbfbfb;
	}
	.highlightbox-l:after {
		content: "";
		position: absolute;
		bottom: -15px;
		right: 0px;
		height: 15px;
		width: 15px;
		border-style: solid;
		border-width: 4px 4px 0 0;
		border-top-right-radius: 100%;
		box-shadow: 4px -4px 0 #fbfbfb;
	}
	#walksafe .highlightbox-l:before, #walksafe .highlightbox-l:after {
		border-color: #8bc441;	
	}
	#bikesafe .highlightbox-l:before, #bikesafe .highlightbox-l:after {
		border-color: #f89c35;
	}
}
@media screen and (max-width: 780px) {
	#knc .highlightbox-hotzspot-r {
		margin-left: calc(-15px + -1.5rem);
	}
	#knc .highlightbox-hotzspot-r .widget-title {
		font-size: 1.7rem;
	}
	#knc .highlightbox-hotzspot-r .widget_single-podcast-episode .widget-title {
		font-size: 1.5rem;
	}
}
@media screen and (max-width: 991px) {
	#knc .highlightbox-hotzspot-r .widget-title {
		font-size: 1.4rem;
	}
	#knc .highlightbox-hotzspot-r .widget_single-podcast-episode .widget-title {
		font-size: 1.2rem;
	}
	.highlightbox-lr > .panel-grid-cell {
		margin-bottom: 0px !important;
	}
	.highlightbox-l {
		margin: 0 -2em 0;
		border-width: 4px 4px 0 4px;
		border-radius: 15px 15px 0 0;
	}
	.highlightbox-r {
		margin: 0 -2em 0;
		border-width: 0 4px 4px 4px;
		border-radius: 0 0 15px 15px;
	}
}
.highlightbox {
	background-color: #fbfbfb;
	border-color: #f89c35;
    border-style: solid;
	position: relative;
	border-radius: 15px;
}
.highlightbox :not.n2-section-smartslider {
	background-color: #fbfbfb;
	border-color: #f89c35;
    border-style: solid;
	padding: 20px;
	position: relative;
	border-radius: 15px;
}
.n2-section-smartslider.highlightbox {
	border: 1px solid #024c2d;
	background-color: #fbfbfb;
    /* border: 4px solid transparent;
	background: linear-gradient(white, white) padding-box, linear-gradient(to top, rgba(2, 76, 45, 1), rgba(255, 255, 255, 1)) border-box; */
	position: relative;
	border-radius: 15px;
	-webkit-box-shadow: 5px 5px 5px rgba(7, 30, 58, 0.50);
    -moz-box-shadow: 5px 5px 5px rgba(7, 30, 58, 0.50);
    box-shadow: 5px 5px 5px rgba(7, 30, 58, 0.50);
}
.highlightbox div#n2-ss-5 .nextend-bar-vertical > div {
	border-radius: 12px 0 0 12px;
}
.highlightbox-pop {
	background-image: url(../img/wsbs-orange-background-v2.jpg);
	background-size: 40px;
    background-repeat: repeat;
    background-position: left bottom;
	padding: 20px;
	color: #024c2d;
	border-color: #024c2d;
    border-style: solid;
	position: relative;
	border-radius: 15px;
	left: 50px;
}
.highlightbox-r ul {
	font-size: 0.7em;
}

.wsbsback {
	position: relative;
    background-color: #024c2d;
    background-image: url(../img/wsbs-green-background.jpg);
    background-size: 40px;
    background-repeat: repeat;
    background-position: left bottom;
	border-radius: 10.5px;
    top: -20px;
    margin-left: -20px;
	margin-right: -20px;
}
#bikesafe .wsbsback h3.widget-title, 
#walksafe .wsbsback h3.widget-title {
	color: #fff;
	padding: 10px;
}

/* Smart Slider styling */
/* Forces WS/BS styling */
.n2-ss-widget div span {
	color: #024c2d !important;
	font-family: 'Myriad Pro Regular' !important;
	font-size: 100% !important;
	font-style: normal !important;
}
/* Forces standard dark green background color behind left text box on Smart Slider - REQUIRES that the background CSS tags below apply, or background will be transparent */
#bikesafe [class^="n2-style-"], #walksafe [class^="n2-style-"] {
	background: none !important;
}
#bikesafe .n2-ss-slider-controls-left {
	background-image: url("../img/wsbs-orange-background-v2.jpg");
	background-size: 40px;
	background-repeat: repeat;
	background-position: left bottom;
}
#bikesafe .n2-ss-slider-controls-left {
	border-radius: 12px 0 0 12px;
	border-right: 1px solid #024c2d;
}
#bikesafe .floatymcfloatbox-right .n2-ss-slider-controls-below,
#bikesafe .floatymcfloatbox-left .n2-ss-slider-controls-below {
	border-radius: 0 0 12px 12px;
	border-top: 1px solid #024c2d;;
}
/* Creates inner text margin on BikeSafe styled sliders, does not affect double outline */
#bikesafe .n2-ss-slider-controls-left .nextend-bar-vertical div {
	margin: 5px;
}
/* Creates double outline for left textboxes on sliders, no border radius on RH side */
#bikesafe .n2-ss-slider-controls-left .nextend-bar-vertical:after {
	content: '';
    display: block;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    border-radius: 10px 0 0 10px;
    border: 4px solid #024c2d;
}
/* Adds a green divider line between slide and thumbnails below. Affects all sliders w/thumbnails of this type. Dual IDs to prevent green line on KNC-based pages. */
#walksafe .nextend-thumbnail-horizontal, #bikesafe .nextend-thumbnail-horizontal {
	border-top: 1px solid #024c2d;
	border-radius: 0 0 12px 0;
}
/* Used to maintain 50/50 width on mobile */
@media (max-width: 576px) {
	.nextend-bar-vertical {
		width: 190px !important;
	}
}


/* Orange highlight box experiment
#bikesafe .highlightbox {
	background: radial-gradient(rgba(255, 255, 255, 0.8) 15%, rgba(255, 255, 255, 1)), url(http://localhost/kncwsbs/bikesafe/wp-content/uploads/sites/2/V2-Bean-Bag-Balance-2.png);
	background-repeat: no-repeat;
    background-size: 120%;
    background-position: center center;
}

#bikesafe .highlightbox {
	font-size: 1.7rem;
    font-family: 'Myriad Pro Bold Condensed';
    color: #024c2d !important;
	background-color: #FFF !important;
	border-color: #f89c35 !important;
    border-style: solid !important;
    border-width: 2px 2px 2px 2px !important;
	padding: 20px !important;
	border-radius: 15px;
}
@media screen and (min-width: 1200px) {
	.highlightbox.left {
		left: calc(-30px - 0.9em);
		width: calc(100% + 30px);
		position: relative;
	}
	.highlightbox.right {
		right: calc(-30px + -0.9em);
		margin-left: -1em;
		position: relative;
	}
}
.highlightbox .wsbsback {
	margin: -20px;
    background-color: #024c2d;
    background-image: url(../img/wsbs-green-background.jpg);
    background-size: 40px;
    background-repeat: repeat;
    background-position: left bottom;
}
.highlightbox .panel-first-child > .wsbsback {
	border-radius: 13px 13px 0px 0px;
} */


/* Sets styling on team page */
.teamcard {
	border-radius: 15px;
	border: solid 2px !important;
	background-color: #f9f9f9;
	height: 100%;
}
#knc .teamcard {
	border-color: #1a80b6 !important;
	color: #1a80b6;
}
.teamimg {
    top: -50px;
}
/* Force styling for Site Origin Accordion and Tabs */
.sow-accordion-panel-header {
	font-size: 1.7rem;
    font-family: 'Myriad Pro Bold Condensed';
	background-color: #FFF !important;
    border-style: solid !important;
    border-width: 2px 2px 2px 2px !important;
	padding: 5px 15px !important;
	border-radius: 15px;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}
#knc .sow-accordion-panel-header {
	border-color: #1a80b6 !important;
	color: #1a80b6 !important;
}
#bikesafe .sow-accordion-panel-header {
	border-color: #f89c35 !important;
	color: #024c2d !important;
}
#walksafe .sow-accordion-panel-header {
	border-color: #8bc441 !important;
	color: #024c2d !important;
}
.sow-accordion-panel-header:hover {
	background-color: #D8D8D8 !important;
}
.sow-accordion-panel-content {
	font-size: 1rem;
}
.sow-accordion-panel-border{
	border-radius: 0 0 15px 15px;
    border-style: solid !important;
	border-width: 0px 2px 2px 2px !important;
}
#knc .sow-accordion-panel-border {
	border-color: #1a80b6 !important;
	color: #1a80b6 !important;
}
#bikesafe .sow-accordion-panel-border {
	border-color: #f89c35 !important;
	color: #024c2d !important;
}
#walksafe .sow-accordion-panel-border {
	border-color: #8bc441 !important;
	color: #024c2d !important;
}
.sow-accordion-panel-open .sow-accordion-panel-header {
	border-radius: 15px 15px 0 0;
	border-width: 2px 2px 0px 2px !important;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.sow-tabs-tab-container {
	background-color: transparent !important;
	border-width: 0px 0px 1px 1px !important;
	padding: 0px !important;
}
.sow-tabs-tab {
    font-family: 'Myriad Pro Bold Condensed';
	background-size: 40px;
	border-radius: 15px 15px 0 0;
	margin: 0px 10px 0px 0px !important;
}
.sow-tabs-panel {
	
}
.sow-tabs-title {
	font-size: 1.5rem;
}

/* Force styling of article slider */
.articleslider div.n2-ss-layer-with-background {
	justify-content: start !important;
}
.articleslider .n2-ss-item-image-content, .articleslider picture {
	height: 100%;
	width: 100%;
	object-fit: contain;
}
.articleslider img {
	height: 100% !important;
	width: 100% !important;
	object-fit: cover !important;
}

/* Force fixed size for print handouts when on desktop */
@media screen and (min-width: 992px) {
	.handout img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 75% !important;
		object-position: center;
	}
	.handoutgroup img {
		height: 250px !important;
		object-fit: cover;
		object-position: center top;
	}
}

/* Remove bold from CF7 form */
.wpcf7 p label {
	font-weight: 400;
	width: 100%;
}
.wpcf7 textarea {
	width: 100%;
}
.wpcf7 span {
	width: 100%;
}
.wpcf7-form input[type="text"], input[type="email"], input[type="url"], select, textarea {
	width:100% !important;
}


/* ADD PADDING TO MAKE BOOTSTRAP PAGES LOOK LIKE Site Origin PAGES */
.pad10 {
	padding: 0px 10px 10px 10px;
}

.pad10 h1 {
	margin-top: 10px; 
}
/* END PADDING ADJUSTMENTS */

.row-topvpad {
	margin-top: 15px;
}

.container-nomarg {
	margin-left: 0px;
    margin-right: 0px;
}
.container-marg {
	margin-left: 15px;
    margin-right: 15px;
}
.pagebuilder-nomarg {
	margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
}

.center {
	text-align: center;
}


/* HEADER H-CLASS TEXT SPECS */

.titleline {
	display: block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap; 
}

.titleline > h1 {
	position: relative;
	display: inline-block;
}

.titleline > h1:before,
.titleline > h1:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 9999px;
	height: 1px;
	background: #fff;
}

.titleline > h1:before {
	right: 100%;
	margin-right: 15px;
}

.titleline > h1:after {
	left: 100%;
	margin-left: 15px;
}

.titleline {
	display: block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap; 
}

.titleline > h3 {
	position: relative;
	display: inline-block;
}

.titleline > h3:before,
.titleline > h3:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 9999px;
	height: 1px;
	background: #fff;
}

.titleline > h3:before {
	right: 100%;
	margin-right: 15px;
}

.titleline > h3:after {
	left: 100%;
	margin-left: 15px;
}


.entry-content p {
	line-height: 135%;
}
.entry-content .col-md-8 p, .col-md-8 .entry-content p {
	margin: 0 0 25px 0;
}
.margbottop15, .margintopbot15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.margtop15 {
	margin-top: 15px;
}

.margbot15 {
	margin-bottom: 15px;
}

/* Turned off, was causing excess padding issues
.alignleft {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}*/

.paddingtop {
	padding-top: 18px;
}

caption .hbarticle {
	font-size: 0.5em;
}
/* END HEADER TEXT SPECS */


/* BREADCRUMB STYLING */
.breadcrumbs {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 15px;
}
/* BREADCRUMB STYLING */


/* CENTER STUFF IN BOOTSTRAP */
.centermarg {
	display: block;
    margin: auto;
}

/* Footer text justify */
@media (max-width: 768px) {
.center-xs {
    text-align: center;
	}
}


.centerbox {
	text-align: center;
}
.boxoutline {
	border-style: solid;
    border-width: 1px;
	border-color: #737773;
	border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	-moz-box-shadow: -1px 1px 5px 0px #0d1b0d;
    -webkit-box-shadow: -1px 1px 5px 0px #0d1b0d;
    box-shadow: -1px 1px 5px 0px #0d1b0d;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0d1b0d')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0d1b0d');
}
/* CENTER CATALOG STUFF AND STYLING */


/* COLUMNS WITH FLEXBOX ALIGNER - THIS KEEPS ALL COLUMNS AT THE SAME HEIGHT */
.Aligner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.Aligner-item {
}

.Aligner-item--top {
  align-self: flex-start;
}

.Aligner-item--bottom {
  align-self: flex-end;
}

/* FAQ DROPDOWN */
.dropdown-wrapper {
  margin: 25px 0;
}
 
dl {
  line-height: 170%;
  margin-bottom: 20px;
}
 
dl, dt, dd {
  margin: 0;
  padding: 0;
}

.question dt {
  font-weight: 400;
}
 
.dropdown dt {
  position: relative;
}
 
.dropdown dd {
  display: none;
}

.dropdown dd.article-line {
  margin-left: 0px;
	padding-top: 5px;
}
.entry-content .dropdown dd.article-line p {
  margin-bottom: 15px;
}

 
.dropdown .hover {
  cursor: pointer;
}
/* END FAQ DROPDOWN */

/* FEATURED IMAGE WHITE EDGE BORDERS */
.sideborder {
	border-style: solid;
  	border-width: 0px 2px 0px 2px;
}

@media screen and (min-width: 781px) {
	.leftborder {
		border-left: 1px solid #fff;
	}

	.rightborder {
		border-right: 1px solid #91ccc3;
		margin: -15px;
		padding: 15px;
		
	}
}
.botborder {
	border-style: solid;
  	border-width: 0px 0px 2px 0px;
}
/* END FEATURED IMAGE WHITE EDGE BORDERS */

/* CUSTOMIZE ALL IMAGES - INCLUDING THOSE GENERATED BY MODULA GALLERY */
.entry-content img :not.noshad, .item.tile.tile-v.tg-loaded, .item.tile.tiled.tile-h.tg-loaded {
	-moz-box-shadow: -1px 1px 5px 0px #0d3b3e;
    -webkit-box-shadow: -1px 1px 5px 0px #0d3b3e;
    box-shadow: -1px 1px 5px 0px #0d3b3e;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0d3b3e')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0d3b3e');
}

/* MODULA CUSTOMIZATIONS */
.modula-item {
    border-radius: 15px !important;
	border: 1px solid #024c2d !important;
	-webkit-box-shadow: -4px 4px 8px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: -4px 4px 8px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: -4px 4px 8px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset
}
/* Hides "Edit Gallery" on admin front end. Not wrapped by Modula so consider making selector more specific */
a.post-edit-link {
	display: none;
}

/* Seems to be old code; affects left margin on LTR and rodeo pages. Turned off; remove entirely if source can be identified as legacy selector from another site. 
.col-md-12 .modula {
    margin-left: 11px;
}
*/
.blogpost .modula {	
	padding-top: 15px;
	padding-bottom: 15px;
}

.bikebio img.size-thumbnail.alignright {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

/* END CUSTOMIZE ALL IMAGES WITH DROP SHADOW */
/* ZOOM IMAGE */
.zoom {
	transition: transform .2s; 
	z-index: 2;
	position: relative;
}
.zoom:hover {
	transform: scale(1.05);
}
/* END ZOOM IMAGE */


/* Contain images 4x3 */
.fourbythree {
	width: 100%;
	height: 75%; 
	object-fit: none;
}




.zztop {
	z-index: 100;
}
.zzbottom {
	z-index: 10;
}

/* Main page boxes - fix bottom margin to run correctly on mobile or desktop */
.containerboxmargin .panel-grid-cell {
	margin-bottom: 10px !important;
}

.containerbox {
    /*background-color: #b7e3ef;*/
    padding: 0.3em;
	-moz-box-shadow: -2px 2px 2px 0px #0d1b0d;
    -webkit-box-shadow: -2px 2px 2px 0px #0d1b0d;
    box-shadow: -2px 2px 2px 0px #0d1b0d;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0d1b0d')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0d1b0d');
	/* background-image: linear-gradient(to bottom,
		#101d18 0px, 
		#172b23 25px,
		#172b23 100%
	); */
}

.containerboxmain .containerbox {
	text-align: center;	
	margin-top: 10px;
}
/* END main box margin */


/* Main box text */
@media screen and (min-width: 781px) {
.containerboxmain .containerbox h2 {
	color: #CECDA4;
	font-size: 1.1em;
	margin-top: 5px;
	margin-bottom: 2px;
	}
}
@media screen and (max-width: 780px) {
.containerboxmain .containerbox h2 {
	color: #CECDA4;
	font-size: 36px;
	margin-top: 5px;
	margin-bottom: 2px;
	}
}
/* END main box text */


/* Box text subheader */
@media screen and (min-width: 1200px) {
	.containerboxmain .containerbox i {
		font-size: 0.8em;
		font-style: italic;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.containerboxmain .containerbox i {
		font-size: 0.7em;
		font-style: italic;
	}
}
@media screen and (min-width: 781px) and (max-width: 991px) {
	.containerboxmain .containerbox i {
		font-size: 0.5em;
		font-style: italic;
	}
}
@media screen and (max-width: 780px) {
	.containerboxmain .containerbox i {
		font-size: 1.2em;
		font-style: italic;
	}
}

.containerboxmain .containerbox img {
	height: auto;
	max-width:100%;
	vertical-align: middle;
	border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.containerboxmain .containerbox .hbmainimg {
	margin: 10px;
	border-style: solid;
    border-width: 1px;
	border-color: #737773;
	border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.containerboxmain .containerbox .siteorigin-widget-tinymce p {
	margin: 0 0 0px;
}
/* END containerbox SECTION */


.headerresponsive {
	width: 100%;
    height: auto; 
}
.nopadding {
	padding-right: 0px !important;
    padding-left: 0px !important;
}
/* END HEADER STYLING SECTION */


.bigfloatingtextbox {
	background: #f58307;
    background: linear-gradient(to bottom, #ffedda, #ffa94c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFfedda', endColorstr='#FFffa94c');
	color: #1c4371;

	border-radius: 25px;
	box-shadow: 4px 4px 5px 7px rgba(0,0,0,0.5);
}
@media only screen and (min-width: 830px) {
	.bigfloatingtextbox {
		padding: 20px;
		margin-left: -35px;
		margin-right: -35px;
	}
}
@media only screen and (max-width: 829px) {
	.bigfloatingtextbox {
		padding: 20px;
		margin-left: -0px;
		margin-right: -0px;
	}
}

.img100-height-control {
	width: auto;
	height: 100px;
}