/*
Theme Name: DevDmBootstrap3
Theme URI: http://devdm.com/DevDmBootstrap3
Author: Danny Machal
Author URI: http://devdm.com/
Description: A versatile and responsive Bootstrap WordPress starter theme FOR DEVELOPERS based on Twitter Bootstrap 3.3.6.
Version: 1.80
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, right-sidebar, fluid-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, rtl-language-support, theme-options, translation-ready
Text Domain: devdmbootstrap3

devdmbootstrap3 WordPress Theme, Copyright 2016 Danny Machal.
devdmbootstrap3 is distributed under the terms of the GNU GPL v3.
*/

/* The bootstrap.css file is auto-enqueued in functions.php */

/* YOU SHOULD BE MAKING A CHILD THEME. Don't let me be a bad guy and erase all your hard work with a theme update. I just want to bring you new amazing features. I don't want to destroy your world. I've made a child theme available for you to use. Download it here http://devdm.com/DevDmBootstrap3/child-themes/ */

/****************** Special Blank CSS classes for child themes to use without disturbing core bootstrap styles ****************/

.dmbs-container {}
.dmbs-header {}
.dmbs-header-img {}
.dmbs-header-text {}
.dmbs-top-menu {}
.dmbs-content {}
.dmbs-main {}
.dmbs-left {}
.dmbs-right {}
.dmbs-footer-menu {}
.dmbs-author-credits {}
.dmbs-footer {}


/**COLOURS
yellow: #fff211
pink: #ed2991
grey: #636466
**/


/**UNIVERSAL**/
body {
	margin:0;
	padding:0;
	overflow-x:hidden;
}

p, li {
	font-family: "cronos-pro",sans-serif;
	font-weight: 300;
	font-size:16px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Cabin', sans-serif;
	font-weight: 700;
}

.title-bg {
	background-color:#fff211;
	background-image:url(/wp-content/uploads/2016/10/internal-icons.png);
	background-position:center 30%;
	background-size:cover;
	background-repeat:no-repeat;
	padding:25px 0px;
}

.title-bg h1 {
	margin-top:0px;
	font-size:50px;
	color:#ed2991;
}

.main-content {
	padding-bottom:30px;
}

.main-content h2 {
	color:#ed2991;
	font-size:40px;
}

.main-content h4 {
	color:#ed2991;
	font-size:20px;
}

.main-content h5 {
	font-size:16px;
}


.main-content strong {
	color:#ed2991;
}

.main-content a {
	color:#ed2991;
	text-decoration:underline;
}

.pushr {
	height:50px;
}

/**HOMEPAGE**/


@media screen and (max-width: 767px){
.hero h1 {
	font-size:40px;
}

.hero h2 {
	font-size:25px;
}

.hero h3 {
	font-size:20px;
}

.hero h4 {
	font-size:18px;
}

.hero p {
	font-size:18px;
}
.hero {
	padding:60px 20px;
}

.home-callouts .young-person, .home-callouts .parent, .home-callouts .location {
	padding: 20px 35px;
}

.logo-carousel .agency-logo {
height:100px;
}

.navbar-header {
	background-color:#636466;
}

.navbar-inverse .navbar-toggle {
	border:none;
}

.dmbs-header-img {
	text-align:center;
	padding:20px;
}

.navbar-inverse .navbar-nav > li > a {
	padding: 20px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	    background-color: #ed2991;
}

.navbar-nav {
    margin: 0 -15px;
}

}



/* Small Devices, Tablets */
@media screen and (min-width : 768px) {
.dmbs-header-img {
	padding-bottom:30px;
}
	.navbar-right {
    float: none!important;
}

.navbar-inverse .navbar-nav > li > a {
	font-size:14px;
}
	
	.navbar-inverse {
	padding:30px;
	}
	
.hero h1 {
	font-size:50px;
}

.hero h2 {
	font-size:35px;
}

.hero h3 {
	font-size:23px;
}

.hero h4 {
	font-size:20px;
}

.hero p {
	font-size:20px;
}
.hero {
	padding:60px 0px;
}

.home-callouts .pink {
    padding: 20px 30px;
}

.home-callouts .location {
    padding: 30px 0px;
}

.home-callouts .location img {
    padding-top: 10px;
    max-height:75px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #ed2991;
    background-color: transparent;
    border-top: 5px solid #ed2991;
    border-bottom: 5px solid #ed2991;
    padding-top: 15px;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #ed2991;
    background-color: transparent;
    border-top: 5px solid #ed2991;
    border-bottom: 5px solid #ed2991;
	padding-top: 15px;
}


}

/* Medium Devices, Desktops 
@media screen and (min-width : 992px) {

}*/

/* Large Devices, Wide Screens */
@media screen and (min-width : 992px) {
	
.navbar-inverse .navbar-nav > li > a {
	font-size:16px;
}
.navbar-right {
    float: right !important;
}
		.dmbs-header-img {
    text-align: left;
	padding-bottom:0px;
}
.hero h1 {
	font-size:70px;
}

.hero h2 {
	font-size:40px;
}

.hero h3 {
	font-size:30px;
}

.hero h4 {
	font-size:25px;
}

.hero p {
	font-size:25px;
}
.home-callouts .young-person, .home-callouts .parent, .home-callouts .location {
	padding:30px 50px;
}


 }


.hero {
	background-color:#fff211;
	background-image:url(/wp-content/uploads/2016/10/WUWI_Icons.png);
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}

.hero h1 {
	
	color:#ed2991;
	margin-top:0px;
}

.hero h2 {
	
	color:#ed2991;
}

.hero h3 {
	
	color:#ed2991;
}

.hero h4 {
	
	color:#ed2991;
}

.hero p {
	
	color:#000000;
}

.home-callouts {
	background-color:#636466;
}

.home-callouts .pink {
	background-color:#ed2991;
}

.home-callouts .location {
	text-align:center;
}

.home-callouts .location a {
	text-decoration:underline;
	font-weight:bold;
	color:white;
}

.home-callouts .young-person, .home-callouts .parent, .home-callouts .location {
	color:white;
}

.logo-carousel {
	padding: 25px 50px;
}



.logo-carousel p {
	text-align:center;
	padding-bottom: 14px;
}

.logo-carousel .agency-logo {
	text-align:center;
    
}

.logo-carousel .agency-logo img {
    margin:auto;
}

/**HOW IT WORKS**/

.did-you-know {
	margin-top:30px;
	margin-bottom:30px;
	padding:25px;
	background-color:#ed2991;
}
.did-you-know h2 {
	font-size:30px;
	color:white;
	margin-top:0px;
}

.did-you-know p {
	color:white;
	font-size:20px;
}

.did-you-know strong {
	color:white;
}

/**FOR PROFESSIONALS**/
.intro-text h2 {
	font-family: "cronos-pro",sans-serif;
	font-weight: 300;
	font-size: 30px;
	color:#000000;
}


/**FOOTER**/

.footer {
	text-align:center;
}
.footer .schedule {
	background-color:#fff211;
	padding-top:25px;
	padding-bottom:20px;
}

.footer .schedule p {
	font-size:18px;
}

.footer .utility-footer {
	padding:25px;
	background-color:#636466;
	color:white;
}

.footer .utility-footer p a {
	color:white;
	text-decoration:underline;
}

.footer .utility-footer h5 {
	font-size:20px;
	color:#fff211;
}

.footer .utility-footer h5 a {
	color:#fff211;
	text-decoration:underline;
}

.footer .utility-footer img {
	padding-bottom: 10px;
    padding-right: 10px;
}

/**NAVIGATION**/
.navbar {
	margin-bottom:0px;
}

.navbar-inverse .navbar-nav > li > a {
    color: #000000;
    text-transform: uppercase;
    font-family: 'Cabin', sans-serif;
    font-weight: 700;
	padding-top: 20px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border:none;
}

.navbar-inverse {
	background-color:#ffffff;
	border:none;
	
}

/** LOCATION STYING **/

.store_locator_plus {
	margin-top:30px;
}

form#searchForm LABEL {
	width:30%!important;
	font-family: 'Cabin', sans-serif!important;
    font-weight: 700!Important;
	font-size: 16px!important;
}

form#searchForm INPUT {
	font-family: 'Cabin', sans-serif!important;
    font-weight: 700!Important;
	border-radius: 0px!important;
    /*padding: 15px 10px!important;*/
	width: 50%!important;
}

form#searchForm {
    border-radius: 0px!important;
    box-shadow: none!important;
}

input#addressSubmit {
	font-size:16px!important;
    background: #ed2991!important;
    border: 0 none!important;
    border-radius: 0px!important;
    box-shadow: none!important;
    text-shadow: none!important;
    padding: 10px!important;
	margin-bottom:50px;
	color:white;
}

div#map_sidebar .results_wrapper .results_entry span.location_name {
	color:#ed2991!important;
	font-family: 'Cabin', sans-serif;
    font-size: 20px!important;
    line-height: 1.4;
}

div#map_sidebar .results_wrapper .results_entry span {
	font-size: 14px!important;
    line-height: 1.4!important;
}

div#map_sidebar {
	box-shadow: none!important;
	    padding: 0 15px 15px 15px;
}

div#map_sidebar .results_wrapper .results_entry {
	padding:20px!important;
}

.location_detail_label {
	font-weight:700;
	padding-right:5px;
}

#slp_bubble_hours .location_detail_label {
	display:none;
}

/** TOP BAR **/
#tpbr_topbar {
	background:#636466!important;
}
#tpbr_box{
	color: #ffffff!important;
    font-family: "cronos-pro",sans-serif!important;
    padding: 5px;
    font-weight: 300!important;
    line-height: 1.5!important;
}

#tpbr_box:before {
	color:#fff211!important;
	content:'NOTICE:';
	padding-right: 5px;
	font-family: 'Cabin', sans-serif!important;
    font-weight: 700!important;
}

.sponsor-logos {
	background-color:#efefef;
}

.pink-button {
	background-color: #ed2991;
    color: #FFFFFF!important;
    font-family: 'Cabin', sans-serif!important;
    font-weight: 700!Important;
    border-radius: 0px!important;
    border: none;
    padding: 10px 15px;
    font-size: 20px;
    margin-top: 20px;
    text-decoration: none!important;
    display: inline-block;
}

.pink-button:hover {
	background-color:#636466;
	color:#ffffff!important;
}

.yellow-button {
	background-color: #fff211;
    color: #636466!important;
    font-family: 'Cabin', sans-serif!important;
    font-weight: 700!Important;
    border-radius: 0px!important;
    border: none;
    padding: 10px 15px;
    font-size: 20px;
    margin-top: 20px;
    text-decoration: none!important;
    display: inline-block;
}

.yellow-button:hover {
	background-color:#ed2991;
	color:#FFFFFF!important;
}