/**
 * Theme Name: SuperOwly - Kids WordPress Child Theme
 * Template: superowly
*/

/*------------------------------------------------------------------
[Add Your Custom CSS Here] */
#header.header-2 .pre-header {

    background: #80379B;
    /*background: url(http://helpmegrowottawa.flywheelsites.com/wp-content/uploads/2018/11/honeycombLt_642.jpg) repeat-x; */

}

#header.header-2 .pre-header::before {
    display: none;

}

.our-info-list > li > span{
      font-size: 20px;
      color: #75297f;
      width: 42px;
      height: 42px;
      line-height: 40px;
      border: 1px solid #75297f;
      border-radius: 50px;
      text-align: center;
      margin-right: 5px;
    }

    .our-info-list > li > div > a{
      font-size: 14px;
      display: block;
      color: #75297f;
      font-weight: 600;
    }

div > .owl-dot > .active{
	background-color: #00985F;
}

/* -----------------------------------------------------------------------------------*/
/* ---------------------- WPSL -------------------------------------------------*/

#wpsl-result-list #wpsl-stores {
	height: auto !important;
}
#wpsl-wrap.wpsl-store-below #wpsl-result-list li {
	padding: 1rem 0;
}
#wpsl-stores .wpsl-listing {
	display: block;
	width: 100%;
	overflow: hidden;
}
#wpsl-stores .wpsl-listing h3 {
	font-size: 1rem;
	font-weight: bold;
	margin: 1rem 0 0.5rem;
	padding: 0;
	display: none;
}
#wpsl-stores .wpsl-listing h4 {
	padding: 1rem 0 0.5rem;
	font-weight: 600;
	font-size: 20px;
	display: block;
	width: 100%;
}
#wpsl-stores .wpsl-listing > div {
	box-sizing: border-box;
	display: block;
	vertical-align: top;
	float: left;
	width: 100%;
	font-size: 16px;
}
#wpsl-stores .wpsl-listing > div:nth-child(1) { display: none; }

@media only screen and (min-width: 981px) {
	#wpsl-stores .wpsl-listing h4 {
		display: none;
	}
	#wpsl-stores .wpsl-listing h3 {
		display: inline-block;
	}
	#wpsl-stores .wpsl-listing > div {
		padding-right: 0.5rem;
	}
	#wpsl-stores .wpsl-listing > div:last-child {
		padding-right: 0;
	}
	#wpsl-stores .wpsl-listing > div:nth-child(1) { display: block; width: 13%; }
	#wpsl-stores .wpsl-listing > div:nth-child(2) { width: 27%; }
	#wpsl-stores .wpsl-listing > div:nth-child(3) { width: 20%; }
	#wpsl-stores .wpsl-listing > div:nth-child(4) { width: 17.5%; }
	#wpsl-stores .wpsl-listing > div:nth-child(5) { width: 22.5%; word-wrap: break-word;}
}
#wpsl-stores .wpsl-listing > div span {
	width: 100%;
	display: inline-block;
}
#wpsl-stores, #wpsl-direction-details, #wpsl-gmap {
    height: 600px !important;
}