/*
Theme Name:  WalkSafe Theme
Theme URI:   
Description: WalkSafe child theme
Author:      Kurt Kaminer
Author URI:  https://www.kurtkaminer.com
Template:    knctheme
Version:     1.0.0
License:     
License URI: 
Tags:        
Text Domain: knctheme
*/

/* Write your custom CSS code below */

/* walksafe Header, Menu AND Navigation STYLING */
#headerhome #walksafe {
	background-image: url("img/walksafe-background.jpg");
	background-position: left top;
}

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

#walksafe .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, #8cc541, #71a231);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8cc541', endColorstr='#FF71a231');
	border-bottom: solid 1px #fff;
}
#walksafe .nav .dashicons {
	font-size: 25px;
}
#walksafe .nav a {
	color: #024c2d;
}
#walksafe .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 */
#walksafe .toproundorange {
	border-radius: 14px 14px 0 0;
	border: solid #fff;
	border-width: 1px 1px 0 1px;
	background-color: #fff;
}
#walksafe .mainborder {
	border: solid #f99c36;
	border-width: 0 3px 3px 3px;
}
#walksafe .hr {
	border: solid #f99c36;
	border-width: 0 0 3px 0;
}
#walksafe h1,
#walksafe h2, 
#walksafe h3 {
	color: #356cb5;
}
/* Add walksafe styling to FloatyMcFloatbox established in main KNC CSS */
.floatymcfloatbox-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-standard-ws {
	/* 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, #8cc541, #71a231);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8cc541', endColorstr='#FF71a231');
	color: #024c2d;
	padding: 30px;
}
.floatymcfloatbox-title:after {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border-radius: 10px;
  border: 4px solid #024c2d;
}
.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;
}

/* Header top styling */
#walksafe .toproundorange {
	border-radius: 14px 14px 0 0;
	border: solid #fff;
	border-width: 1px 1px 0 1px;
	background-color: #fff;
}
#walksafe .mainborder {
	border: solid #8cc541;
	border-width: 0 3px 3px 3px;
}
#walksafe .hr {
	border: solid #8cc541;
	border-width: 0 0 3px 0;
}

#walksafe h1, 
#walksafe h2, 
#walksafe h3 {
	color: #024c2d;
}

a {
	color: #024c2d;
}
a:hover {
	color: #098953;
}


.floatymcfloatbox-fullwidth h1, .floatymcfloatbox-fullwidth h2, .floatymcfloatbox-fullwidth h3, .floatymcfloatbox-title h1, .floatymcfloatbox-title h2, .floatymcfloatbox-title h3 {
	color: #024c2d;
}

.floatymcfloatbox-fullwidth a:link {
	color: #024c2d;
}
.floatymcfloatbox-fullwidth a:hover {
	color: #fff;
}

hr.floaty {
	border-top: 1px solid #024c2d;
}

.blue {
	background: #024c2d;
}

.orange {
	background: #f58307;
}

.blockdividerborder {
	border-top: solid 2px;
	border-color: #024c2d;
}


/* Homepage animated images */
/* 1 */
.img-home-pbl {
	width: 100%;
	padding-bottom: 75%;
	object-fit: none;
  	background:transparent url("img/youth-bl-300x250.jpg") center top no-repeat;
}

.img-home-pbl:hover {
  	background-image: url("img/youth-bl-300x250-compressed-looping.gif");
}
/* 2 */
.img-home-signaling {
	width: 100%;
	padding-bottom: 75%;
	object-fit: none;
  	background:transparent url("img/signaling-300x250.jpg") center top no-repeat;
}

.img-home-signaling:hover {
  	background-image: url("img/signaling-300x250-compressed-looping.gif");
}
/* 3 */
.img-home-resources {
	width: 100%;
	padding-bottom: 75%;
	object-fit: none;
  	background:transparent url("img/resources-300-250.jpg") center top no-repeat;
}

.img-home-resources:hover {
  	background-image: url("img/resources-300x250-compressed-looping.gif");
}
/* 4 */
.img-home-paintingbl {
	width: 100%;
	padding-bottom: 75%;
	object-fit: none;
  	background:transparent url("img/painting-bl-300x250.jpg") center top no-repeat;
}

.img-home-paintingbl:hover {
  	background-image: url("img/painting-bl-300x250-compressed-looping.gif");
}

.orangearticle-top {
	background-image: url("img/wsbs-orange-background-v2.jpg");
	background-size: 40px;
  	background-repeat: repeat;
  	background-position: left bottom;
	border-radius: 15px 15px 15px 0px;
	-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);
	color: #fff;
	text-shadow: -1px 1px 2px #024c2d;
}

/* SLIDESHOW BACKGROUND */

#orangebg .nextend-bar-horizontal {
background-image: url(img/wsbs-orange-background-v2.jpg);
background-size: 40px;
background-repeat: repeat;
background-position: left bottom;
background:none;
}