/*
Theme Name: Maxx WP Child
Description: <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> - you can use child theme to make a lot of customization that's not gonna be deleted with any new theme update
Version: 1.0
Author: Brent Stromberg
Template: maxx-wp
*/

@import url("../maxx-wp/style.css");

/*---------------------------------
    Add your custom styles here
---------------------------------*/

body * {
	font-family: 'soleil', Arial, Helvetica, sans-serif;
}
body p {
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	color: #383838;
}
body span {
	color: inherit;
}
sup {
    position: relative;
    top: -4px;
    font-size: 12px;
    margin-right: 4px;
}
span.tel, a[href^=tel] {
	-webkit-appearance: none !important;
	color: inherit !important;
	text-decoration: underline;
}
#main-content-wrapper ol li a {
	color: #007FEB;
}
a:hover, #sidebar a:hover, #sidebar a:hover strong, .comment-content a:hover, #sidebar .widget-twitter li a:hover {
	color: #e64600;
}
#content a:hover, #main-content-wrapper ul li a:hover, #main-content-wrapper ol li a:hover, #sidebar .widget-twitter li a {
	color: #e64600 !important;
}
select:enabled:focus {
	border-color: #0a3a6c;
	box-shadow: 0 0 5px #0a3a6c;
	-moz-box-shadow: 0 0 5px #0a3a6c;
	-webkit-box-shadow: 0 0 5px #0a3a6c;
}
p + ul, p + ol {
	margin-top: -18px;
}
h3 + ol, h3 + ul {
	margin-top: -8px;
}
.page-template-template-sidebar-right #content ul, .page-template-template-sidebar-right #content ol {
	margin-bottom: 18px;
}
h1.double-color strong, h2.double-color strong, h3.double-color strong, h4.double-color strong, h5.double-color strong, h6.double-color strong, a, .comment-content a, .comment-time a:hover, .comment-link-function a:hover, .required, .entry-meta ul li a:hover, .post-tags a:hover, .comment-meta cite a, .comment-meta cite, #comment-nav-below a:hover, #error-404 h1, #sidebar ul li a:hover, #top-bar-wrapper a:hover, #footer-widget-wrapper a:hover, #footer-extra-wrapper a:hover, #footer-widget-wrapper a:hover strong, #footer-extra-wrapper a:hover strong, #main-content-wrapper ul li a:hover, #main-content-wrapper ol li a:hover, #sidebar .widget-twitter li a, #footer-widget-wrapper .widget-twitter li a:hover, #sidebar .widget ul li.current-cat > a, .link-pages a, .error, #sidebar .md-latest-portfolios-widget p a:hover, .sp-list li a:hover, #sidebar .widget_recent_comments ul li a:first-child, .m-simple-accordion dt.active span, .m-simple-toggle dt.active span, .m-simple-tabs dt.active span {
	color: #007FEB;
}
#wrap-all {
	background: #FFF;
}

/**** HEADER STYLES ****/
#header {
	border-top: 0;
}
div#logo {
	width: 100%;
}
div#logo img {
	width: 180px;
	margin: 0 auto;
	display: block;
}

/* Navigation Styles */
nav#navigation-bar {
    background: none;
    box-shadow: none;
}
.m-menu ul li a.parent, .m-menu ul li a {
    text-transform: uppercase;
    font-weight: 700;
    color: #0a3a6c;
    font-size: 14px;
}
.m-menu ul > li:hover {
	background-color: #066769;
}
.m-menu ul > li.current, .m-menu ul > li.current-menu-item, .m-menu ul > li.current_page_item, .m-menu ul > li.current-menu-ancestor, .m-menu ul > li.current-menu-parent {
	background-color: #066769;
	color: #FFF;
}
.m-menu ul > li.current a, .m-menu ul > li.current-menu-item a, .m-menu ul > li.current_page_item a, .m-menu ul > li.current-menu-ancestor a, .m-menu ul > li.current-menu-parent a {
	color: #FFF;
}
.m-menu ul > li:hover a {
	color: #FFF;
}
.m-menu ul > li:hover ul li a {
	color: #0a3a6c;
}
.m-menu ul > li:first-child, .m-menu ul > li:last-child {
	border-radius: 0 !important;
}
.m-menu ul li span.sub-nav {
	right: 12px;
}
.m-menu ul:first-child li.current-menu-parent ul li.current-menu-item.current_page_item > a, .m-menu ul li ul li:hover > a, .m-menu > ul > li.current_page_parent ul li a, .m-menu > ul > li.current-menu-ancestor ul li.current_page_item a, .m-menu ul li.current-menu-item a .m-menu > ul > li.current-menu-parent ul li.current-menu-item a, .m-menu ul li ul li.current-menu-ancestor > a, .m-menu ul li ul li.current-menu-ancestor .current-menu-item > a {
	border-left: 5px solid #066769;
}

/* Secondary Navigation Styles */
div#top-extra-menu-wrapper {
	position: absolute;
	right: 10px;
	top: 20px;
}
div#top-extra-menu-wrapper ul li {
	float: left;
	margin: 0;
	padding: 0 10px;
	border-right: 2px solid #b1cde8;
	line-height: 1;
	text-transform: uppercase;
	font-size: 12px;
}
div#top-extra-menu-wrapper ul li:first-child {
	padding: 0 10px 0 0;
}
div#top-extra-menu-wrapper ul li:last-child {
	padding: 0 0 0 10px;
	border: 0;
}
div#top-extra-menu-wrapper ul li a {
	color: #0a3a6c;
	font-weight: 500;
}
div#top-extra-menu-wrapper ul li a:hover {
	color: #e64600;
}

/* Search Styles */
#g-search button {
	background-color: #57c6c7;
}
#g-search input {
	width: 160px;
}


/**** HOME PAGE STYLES ****/

/* Rotator Styles */
#slider-bg-overlay {
	top: 0;
}
#slider-bg-overlay > #slider-bg-overlay1 {
	background-image: url(http://dev.uptownstudios.net/waterinschools/wp-content/uploads/2014/07/rotator-overlay-bg.png);
	background-repeat: no-repeat;
	height: 357px;
}
a.prev_button, a.next_button, .info_slide_dots {
	display: none !important;
}
#slider-shadow {
	background: url(http://dev.uptownstudios.net/waterinschools/wp-content/uploads/2014/07/rotator-shadow.png) no-repeat center bottom;
	padding-bottom: 25px;
	background-size: 950px;
}
#sp-slider {
	display: none;
}
.sp-slider {
	background: url(http://dev.uptownstudios.net/waterinschools/wp-content/themes/maxx-wp/images/slider-sp.png) no-repeat center;
	height: 53px;
}
.box_skitter_home.maxx-theme .label_skitter {
    background: #FFF;
    border-right: 0;
    border-left: 0;
    left: 0;
    margin-left: 40px;
    width: auto !important;
}
.box_skitter_home.maxx-theme .label_skitter h1 {
    color: #0e345e;
    font-size: 44px;
    line-height: 1.1 !important;
    margin-bottom: 0;
    height: auto;
    font-weight: 300;
    text-shadow: none;
}
.box_skitter_home.maxx-theme .label_skitter p {
	margin-bottom: 0;
}

/* Welcome Text Styles */
.welcome-text p {
	font-size: 24px;
	font-family: 'soleil', Arial, Helvetica, sans-serif;
	font-weight: 100;
	line-height: 32px;
	color: #0a3a6c;
	text-align: center;
}

/* Water Droplet Thirds Styles */
.water-droplets {
	display: inline-block;
}
.water-droplets img {
    width: 170px;
}
.water-droplets img + p {
    display: none;
}
.water-droplets .one-third {
    text-align: center !important;
}
.water-droplets .one-third p, .water-droplets .one-third h2, .water-droplets .one-third a {
    text-align: center;
}
.water-droplets .one-third h2 {
    margin: 5px 0 3px;
    color: #0a3a6c !important;
    font-weight: 300;
    font-size: 24px;
    line-height: 32px;
}
.water-droplets .one-third a {
	font-weight: 500;
	margin-top: 10px;
	display: block;
}


/**** INTERNAL PAGE STYLES ****/
h1.page-title {
	font-size: 30px;
	line-height: 32px;
	color: #0a3a6c;
	font-weight: 700;
	float: none !important;
	text-align: left;
	background: none;
	padding: 0;
	width: 70%;
	margin-bottom: 5px;
}
.page-template-template-sidebar-right-php #main-content-wrapper {
	margin-top: 10px;
}
.sp.pattern, .sp.heading {
	display: none;
}
.sidebar-right #content {
	padding-top: 10px;
}
.sidebar-right h2, .sidebar-right h2 a {
	font-size: 24px;
	line-height: 32px;
	color: #0a3a6c;
	font-weight: 300;
	margin-bottom: 3px;
}
.sidebar-right h2 + h3 {
	margin-top: 15px;
}
.sidebar-right h3 {
	font-size: 22px;
	line-height: 22px;
	color: #46a8a9;
	font-weight: 700;
	margin-bottom: 0;
}
.sidebar-right h4 {
	font-size: 18px;
	line-height: 22px;
	color: #46a8a9;
	font-weight: 700;
	margin-bottom: 0;
}
.sidebar-right ul {
	margin-left: 18px;
}
.sidebar-right ul li {
	list-style: disc;
	font-size: 16px;
}
blockquote {
	margin: 25px 0;
	padding: 0 10px;
	border-left: 15px solid #86c3f6;
}
blockquote p {
	margin-bottom: 0;
	font-weight: 500;
}
a.read-more {
	font-size: 12px;
	line-height: 1.8;
	width: 80px;
	height: auto;
	background: #0a3a6c;
	padding: 0 8px;
	text-align: center;
	border-radius: 0;
	color: #FFF !important;
	text-shadow: none;
	text-indent: 0;
	will-change: background;
	-webkit-transition: background 150ms linear;
	-moz-transition: background 150ms linear;
	-o-transition: background 150ms linear;
	transition: background 150ms linear;
}
a.read-more:hover {
	background: #e64600;
}


/* Sidebar Styles */
.sidebar-right #sidebar {
	margin-top: -71px;
}
.sidebar-water-graphics img {
	margin-bottom: 5px;
	will-change: all;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}
.sidebar-water-graphics img.fade {
	opacity: .80;
	filter: alpha(opacity=80);
	-webkit-transform: scale(.95);
	-moz-transform: scale(.95);
	-o-transform: scale(.95);
	transform: scale(.95);
}



/**** FOOTER STYLES ****/
#footer-widget-wrapper {
	background-image: none;
	min-height: 0;
	padding-bottom: 0;
}
.water-top-bg {
	background: url(http://dev.uptownstudios.net/waterinschools/wp-content/uploads/2015/06/water-splash-4.png) no-repeat center top;
	height: 102px;
	margin-bottom: -30px;
	position: relative;
	z-index: 999;
}
.home #footer-wrapper {
	margin-top: 0px !important;
}
div#footer-widget-content {
	margin-top: 10px;
}
div#footer-widget-content .one-third {
	margin-bottom: 0;
}
#footer-widget-wrapper h3.widget-title {
	font-size: 13px;
	font-weight: 500;
	color: #0a3a6c;
	text-shadow: none;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	background: none;
}
#footer-wrapper p {
	font-size: 13px;
	line-height: 20px;
	color: #3362a6;
	text-shadow: none;
}
#footer-wrapper .textwidget {
	padding-top: 0;
}
ul#menu-footer-quick-links li {
	background: none !important;
	width: 50%;
	float: left;
	padding: 0;
	margin: 0 0 10px 0;
	line-height: 1.1;
}
ul#menu-footer-quick-links li a {
	color: #3362a6;
	font-size: 13px;
	font-weight: 300;
	text-decoration: underline;
	text-shadow: none;
	position: relative;
	will-change: left;
	left: 0;
	-webkit-transition: left 150ms linear;
	-moz-transition: left 150ms linear;
	-o-transition: left 150ms linear;
	transition: left 150ms linear;
}
ul#menu-footer-quick-links li a:hover, ul#menu-footer-quick-links li a:focus {
	left: 5px;
}

/* Copyright Styles */
#footer-extra-wrapper {
	padding: 15px 0;
}
.copyright {
	color: #FFF;
	font-size: 12px;
	font-weight: 300;
	text-transform: capitalize;
}
.copyright a {
	text-decoration: underline;
}
a.back-to-top {
	font-size: 12px;
}


/**** RESPONSIVE STYLES ****/
@media only screen and (max-width: 959px) and (min-width: 768px) {
	div#primary-nav {
		float: none;
		width: 100%;
		display: inline-block;
	}
	div#primary-nav ul#menu-primary-menu {
		text-align: center;
	}
	div#primary-nav ul#menu-primary-menu li {
		display: inline-block;
		float: none;
	}
	div#g-search {
		float: none;
		width: 242px;
		left: 50%;
		margin-left: -121px;
		position: relative;
	}
	#g-search input {
		width: 180px;
	}
	#slider-bg-overlay > #slider-bg-overlay1 {
		height: 275px;
		background-size: auto 275px;
	}
	#slider-shadow {
		padding-bottom: 20px;
		background-size: 770px;
	}
}

@media only screen and (max-width: 767px) {
	div#top-extra-menu-wrapper {
		position: relative;
		right: auto;
		top: 10px;
		display: inline-block;
		left: 50%;
		margin-left: -78px;
	}
	ul#menu-top-menu-1 {
		display: inline-block;
		width: 156px;
	}
	ul#menu-top-menu-1 li {
		padding: 0 10px !important;
	}
	#footer-widget-wrapper {
		border-top: 0;
	}
	div#g-search {
		float: none;
		width: 242px;
		left: 50%;
		margin-left: -121px;
		position: relative;
	}
	#g-search input {
		width: 180px;
	}
	div#footer-widget-content .one-third.first, div#footer-widget-content .one-third:last-child {
		margin-bottom: 0;
	}
	div#footer-widget-content .one-third {
		margin-bottom: 50px;
	}
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
	#slider-bg-overlay > #slider-bg-overlay1 {
		height: 170px;
		background-size: auto 170px;
	}
	#slider-shadow {
		padding-bottom: 10px;
		background-size: 440px;
	}
	.box_skitter_home.maxx-theme .label_skitter h1 {
	    font-size: 30px;
	    line-height: 1.25 !important;
	    text-align: center;
	}
	.box_skitter_home.maxx-theme .label_skitter {
	    height: auto;
	    text-align: center !important;
	    width: 230px !important;
	    left: 50%;
	    margin-left: -115px;
	}
}

@media only screen and (max-width: 479px) {
	#slider-bg-overlay > #slider-bg-overlay1 {
		height: 120px;
		background-size: auto 120px;
	}
	#slider-shadow {
		padding-bottom: 7px;
		background-size: 300px;
	}
	.water-top-bg {
		background-size: 300px;
		background-position: center 7px;
	}
}