/*
Theme Name: Skeleton Child
Theme URI: http://www.simplethemes.com/wordpress-themes/theme/skeleton
Description: Skeleton Child Theme. Use this child theme to safely make modifications to the existing theme. Using a child theme ensures that you do not lose the modifications with theme updates.
Version: 2.0.1
Author: Simple Themes
Author URI: http://www.simplethemes.com
Template: smpl-skeleton
License: GPL
License URI: http://www.opensource.org/licenses/gpl-license.php
*/


/*
----------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------

This child theme enables you to make customizations while allowing for safe updates to the parent theme.
The parent theme's style.css is imported below. If you wish to make customizations, do one of the following:

A.) Copy the contents of skeleton/style.css into this file, but leave the (above) child theme head in tact!
B.) Add specific rules BELOW the import. This is intended for minimal customizations.

----------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------

*/

@import url("../smpl-skeleton/style.css");
@import url(https://fonts.googleapis.com/css?family=Roboto:400,900);

.one_half,
.one_third,
.two_thirds,
.three_fourths,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	margin-bottom: 0 !important;
}

.form-submit-button,
.form-submit-reset,
.form-submit-print,
.form-screen-button {
	background: #000 !important;
	color: #FFFFFF !important;
	display: inline-block;
	font-size: 1em !important;
	font-weight: normal;
	line-height: 1.5em;
	margin-bottom: 0 !important;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0.5em;
	padding: 0.5em 1em !important;
	position: relative;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;

	-moz-border-radius: 2px;
	/*add some nice CSS3 round corners*/
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

a,
a:visited {
	text-decoration: none;
	font-weight: bold;
}

small,
sub,
sup {
	font-size: .7em
}

sub {
	vertical-align: sub
}

sup {
	vertical-align: super;
	top: 0.2em;
	position: relative !important;
}

.center-text {
	text-align: center;
}

.right-text {
	text-align: right;
}

.entry-content a,
.entry-content a:visited,
.entry-content a:active {
	color: #000 !important;
	word-wrap: break-word !important;
}

.entry-content .download-button,
.entry-content .download-button a {
	background: #000;
	border-radius: 2px 2px 2px 2px;
	color: #FFFFFF !important;
	display: inline-block;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0 0 20px;
	padding: 0.3em 1em 0.5em;
	position: relative;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	border: 2px solid #000;

}

.entry-content .download-button:hover,
.entry-content .download-button:active,
.entry-content .download-button:visited {
	border: 2px solid #000;
	color: #FFFFFF !important;
	background: #000 !important;
}

.tip-sheets {
	width: 85% !important;
}

hr {
	border-color: #B5A98A;
	margin: 10px 0;
}

.strong {
	color: #000000 !important;
}

.inner hr {
	border-color: #444444;
}

#slide-1-mob {
	display: none;
}

.white {
	background: #ffffff;
}

.yellow {
	background: #f0d34d;
}

.purple {
	background: #9f73a4;
}

.green {
	background: #64a356;
}

.blue {
	background: #9dccd4;
}

.orange {
	background: #F36E4C;
}

.beige {
	background: #d3c5a2;
}

.black {
	background: #000000;
}

body {
	background-image: none;
	background: #fff !important;
	color: #000 !important;
}

#header {
	background: none repeat scroll 0 0 #FFFFFF;
	clear: both;
	padding-top: 16px;
	margin-top: 0;
}

#header .inner {
	padding-bottom: 30px;
	padding-top: 10px;
	padding-left: 23px !important;
}

ul,
ol {
	margin-bottom: 0 !important;
}

.bullets {
	list-style: square inside none;
/* 	margin: 0 0 20px !important; */
/* 	padding: 20px; */
	font-family: 'Roboto', sans-serif !important;
	font-size: 14px !important;
	line-height: 120%;
	/*add some nice CSS3 round corners*/
/* 	-moz-border-radius: 15px; */
/* 	-webkit-border-radius: 15px; */
/* 	border-radius: 15px; */
}

.bullets, 
.bubble {
	margin: 0 0 20px;
	padding: 20px;
	border-radius: 15px;
}

/* Disable bullets margin when nested in bubble */
.bubble .bullets {
/* 	margin: 0; */
	padding: 0;
	border-radius: 0;
}

.bullets hr, 
.bubble hr {
	border-color: #000;
}

h1,
h2,
h3,
h4,
h5 {
	letter-spacing: 0 !important;
}

/* metaslider */
.metaslider .caption {
	background: rgba(0, 0, 0, 0) url("/wp-content/images/bubble-orange.png") no-repeat scroll 0 0 !important;
	height: 252px;
	margin-left: 20px;
	padding: 30px !important;
	top: 0 !important;
	width: 419px;
	word-wrap: break-word;
}

.metaslider button {
	background: #000;
	text-transform: uppercase;
	border: 2px solid #000000;
}

.metaslider button:hover {
	background: none;
	text-transform: uppercase;
	border: 2px solid #000000;
	color: #000000 !important;
}

.metaslider .caption-wrap {
	background: none !important;
	bottom: 40px !important;
	color: white;
	display: block;
	left: 0;
	line-height: 1.4em;
	margin: 0;
	opacity: 1 !important;
	position: absolute;
	width: 100%;
}

.flex-control-nav {
	bottom: 0 !important;
	z-index: 1000 !important;
}

.flex-control-paging li a {
	background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0 !important;
	box-shadow: none !important;
}

.flex-control-paging li a.flex-active {
	background: rgba(255, 255, 255, 1) none repeat scroll 0 0 !important;
	box-shadow: none !important;
}

.metaslider .flexslider {
	margin: 0 !important;
}


/* len slider */
.ls_def_ibanner {
	width: 960px !important;
	height: 415px !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
}

.ls_def_ibanner p {
	margin-bottom: 0 !important;
}

.ls_def_ibanner_banner .abs {
	width: 476px !important;
	height: 282px;
	left: 0 !important;
	margin: 50px 30px;

}

.ls_def_ibanner_banner .abs .desc #slide-1 {
	background: url("/wp-content/images/bubble-white-slide1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-size: 476px 282px;
	width: 476px !important;
	height: 282px;
}

.ls_def_ibanner_banner .abs .desc #slide-2,
.ls_def_ibanner_banner .abs .desc #slide-3,
.ls_def_ibanner_banner .abs .desc #slide-4 {
	background: url("/wp-content/images/bubble-orange.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-size: 476px 282px;
	width: 476px !important;
	height: 282px;
}

.ls_def_ibanner_banner .abs .desc #slide-1 img,
.ls_def_ibanner_banner .abs .desc #slide-2 h1,
.ls_def_ibanner_banner .abs .desc #slide-3 h1,
.ls_def_ibanner_banner .abs .desc #slide-4 h1 {
	padding: 25px 35px;
}

.ls_def_ibanner_banner .abs .desc {
	background: none !important;
	width: 476px !important;
	top: 0 !important;
	left: 0px !important;
	text-shadow: none !important;
	color: #000000 !important;
	float: left !important;
	font-weight: 900 !important;
	font-family: 'Roboto', sans-serif !important;
	line-height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.ls_def_ibanner_banner .abs a {
	top: 228px !important;
	width: auto !important;
	left: 230px !important;
	position: absolute !important;
	padding: 0.5em 2em !important;
	font-size: 1.1em !important;
	font-weight: 400 !important;
	font-family: 'Roboto', sans-serif !important;
	border: 3px solid #000000;
	color: #fff !important;
	-moz-border-radius: 2px;
	/*add some nice CSS3 round corners*/
	-webkit-border-radius: 2px;
	border-radius: 2px;

}

.ls_def_ibanner_banner .abs a:hover {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	border: 3px solid #000000;
	box-shadow: 3px 3px 5px 0 rgba(73, 69, 63, 0.26);
	color: #000000 !important;
	text-decoration: none !important;
}

#navigation ul {
	border-radius:0 !important;
	background:#000000 !important;
	border:none !important;
	box-shadow:none !important;
	}
#navigation ul li {
	border-right: 1px solid #444444;
}
#navigation ul li a {
    background-image: none;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 0.7em !important;
    font-weight: bold;
    padding: 8px 12px;
    text-decoration: none;
    text-shadow: none !important;
    text-transform: uppercase;
    color: #fff !important;
    border: none !important;
    letter-spacing: 0.02em !important;
}
#navigation ul li:hover a,
#navigation ul li a:hover {
	background: #4c4c4c !important;
	/* Old browsers */

	background: -moz-linear-gradient(top, #4c4c4c 0%, #000000 44%, #131313 100%) !important;
	/* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c4c4c), color-stop(44%, #000000), color-stop(100%, #131313)) !important;
	/* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #4c4c4c 0%, #000000 44%, #131313 100%) !important;
	/* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #4c4c4c 0%, #000000 44%, #131313 100%) !important;
	/* Opera 11.10+ */

	background: -ms-linear-gradient(top, #4c4c4c 0%, #000000 44%, #131313 100%) !important;
	/* IE10+ */

	background: linear-gradient(to bottom, #4c4c4c 0%, #000000 44%, #131313 100%) !important;
	/* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0) !important;
	/* IE6-9 */

	color: #ffffff !important;
	border-bottom: none !important;
	text-shadow: none !important;
}

#navigation {
	margin-bottom:0!important;
}
#navigation ul ul li {
	display:none;
}
.entry-content {
	background: #ede4cd;
	padding: 30px;
}

.entry-content.no-padding {
	padding: 0;
}

.entry-content .inner {
	display: inline-block;
	padding: 30px;
	/*background: inherit;*/
}

.no-bottom-pad {
	padding-bottom: 0 !important;
}

.secondary-content .inner-content {
	display: inline-block;
	float: left;
	padding: 20px 30px;
}

.entry-content .inner-content {
	float: left;
	padding: 0;
	width: 100%;
}

.inner-container {
	display: block;
	padding: 30px;
}

.home .entry-content p {
	margin: 0 !important;
}

.yellow-box {
	background: #f0d34d;
	margin: 0 10px 0 0;
	padding: 20px 10px;
	-moz-border-radius: 15px;
	/*add some nice CSS3 round corners*/
	-webkit-border-radius: 15px;
	border-radius: 15px;

}

.purple-box {
	background: #9f73a4;
	margin: 0 10px 0 0;
	padding: 20px 10px;
	-moz-border-radius: 15px;
	/*add some nice CSS3 round corners*/
	-webkit-border-radius: 15px;
	border-radius: 15px;

}

.green-box {
	background: #64a356;
	margin: 0 10px 0 0;
	padding: 20px 10px;
	-moz-border-radius: 15px;
	/*add some nice CSS3 round corners*/
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.blue-box {
	background: #9dccd4;
	margin: 0;
	padding: 20px 10px;
	-moz-border-radius: 15px;
	/*add some nice CSS3 round corners*/
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.yellow-box,
.green-box,
.purple-box,
.blue-box {
	height: 300px !important;
}

/*.yellow-box:hover, .purple-box:hover, .green-box:hover, .blue-box:hover {
	-webkit-box-shadow: 3px 3px 5px 0px rgba(73, 69, 63, 0.26);
	-moz-box-shadow:    3px 3px 5px 0px rgba(73, 69, 63, 0.26);
	box-shadow:         3px 3px 5px 0px rgba(73, 69, 63, 0.26);
	} */
.one_fourth {
	margin-right: 0 !important;
	width: 25% !important;
}

.one_half,
.one_half_last {
	margin-right: 4% !important;
	width: 46% !important;
	margin-bottom: 0 !important;
}

#footer {
	margin: 0 !important;
	padding: 0 !important;
	color: #fff !important;
	background: #000 !important;
}

h1 {
	font-family: 'Roboto', sans-serif !important;
	font-size: 37px !important;
	font-weight: 900 !important;
	line-height: 100%;
	color: #000;

}

h2 {
	font-family: 'Roboto', sans-serif !important;
	font-size: 30px !important;
	font-weight: normal !important;
	line-height: 100%;
	color: #000;
}

h3 {
	font-family: 'Roboto', sans-serif !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	line-height: 100%;
	color: #000;
}

h4 {
	font-family: 'Roboto', sans-serif !important;
	font-size: 18px !important;
	font-weight: normal !important;
	line-height: 120%;
	color: #000;
	margin: 0px 0 10px;
}

a.button.yellow {
	background: #f0d34d;
	color: #000 !important;
	border: 3px solid #f0d34d !important;
}

a.button.yellow:hover {
	background: none !important;
	/* Old browsers */
	border: 3px solid #f0d34d !important;
	color: #f0d34d !important;
}

a.button.black,
a.button.black:active {
	background: #000 !important;
	color: #ffffff !important;
	border: 3px solid #000 !important;
}

a.button.white {
	border: 3px solid #fff !important;
	background: #ffffff;
	color: #000 !important;
}

a.button.white:hover {
	border: 3px solid #fff !important;
	background: none !important;
	color: #fff !important;
}

.wpcf7-submit {
	background: #000 !important;
	font-size: 1.2em !important;
	font-weight: 300 !important;
	font-family: 'Roboto', sans-serif !important;
	padding: 0.3em 2em !important;
	border: 3px solid #000000 !important;
}

.wpcf7-submit:hover,
a.button.black:hover {
	border: 3px solid #000;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(73, 69, 63, 0.26) !important;
	-moz-box-shadow: 3px 3px 5px 0px rgba(73, 69, 63, 0.26) !important;
	box-shadow: 3px 3px 5px 0px rgba(73, 69, 63, 0.26) !important;
	background: none !important;
	color: #000 !important;
}

div.button-alt,
div.button,
div.button.small,
div.button.large,
div.button.medium {
	margin: 0.5em 0;
}

div.button {
	font-size: 1em !important;
	font-weight: 900 !important;
	font-family: 'Roboto', sans-serif !important;
}

button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.button a,
.button.medium a {
	padding: 0.5em 2em !important;
	text-shadow: none;
	border: 3px solid #000000;
}

.bubble {
	float: left;
/* 	margin: 0 0 0 15px; */
}

.leftarrowdiv-yellow {
	background: #F0D34D;
}

.leftarrowdiv-orange {
	background: #F36E4C;
}

.leftarrowdiv-green {
	background: #64A356;
}

.leftarrowdiv-purple {
	background: #9F73A4;
}

.leftarrowdiv-blue {
	background: #9DCCD4;
}

.leftarrowdiv-beige {
	background: #d3c5a2;
}

.leftarrowdiv-yellow,
.leftarrowdiv-orange,
.leftarrowdiv-green,
.leftarrowdiv-purple,
.leftarrowdiv-beige,
.leftarrowdiv-blue,
.leftarrowdiv,
.rightarrowdiv,
.rightarrowdiv-orange {
	width: auto;
	min-height: 40px;
	/*min height of DIV should be set to at least 2x the width of the arrow*/
	color: white;
	padding: 20px;
	position: relative;
	word-wrap: break-word;
	-moz-border-radius: 15px;
	/*add some nice CSS3 round corners*/
	-webkit-border-radius: 15px;
	border-radius: 15px;
	float: left;
	margin: 0 0 20px;
}

.leftarrowdiv:after {
	/*arrow added to leftarrowdiv DIV*/
	content: '';
	display: block;
	position: absolute;
	top: 28px;
	left: -30px;
	/*should be set to -border-width x 2 */
	width: 0;
	height: 0;
	border-color: transparent #ffffff transparent transparent;
	/*border color should be same as div div background color*/
	border-style: solid;
	border-width: 15px;
}

.rightarrowdiv:after {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFFFFF;
	border-style: solid;
	border-width: 15px;
	content: "";
	display: block;
	height: 0;
	position: absolute;
	right: -30px;
	top: 28px;
	width: 0;
}

.rightarrowdiv-orange:after {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f3634c;
	border-style: solid;
	border-width: 15px;
	content: "";
	display: block;
	height: 0;
	position: absolute;
	right: -30px;
	top: 28px;
	width: 0;
}

.black-bubble {
	background: #000000 !important;
}

.black-bubble h1,
.black-bubble h2,
.black-bubble h3,
.black-bubble h4 {
	color: #ffffff !important;
}

.black-bubble h4 {
	margin-top: 0;
}

.black-bubble:after {
	border-color: rgba(0, 0, 0, 0) #000000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}

p {
	font-family: 'Roboto', sans-serif !important;
	font-size: 14px !important;
	line-height: 120% !important;
	margin: 0 0 10px;
	color: #000000;
}

.event-btn {
	bottom: -10px;
	opacity: 0.8;
	position: absolute;
	right: 40px;
}

.event-btn:hover {
	opacity: 1;
}

.ls_def_ibanner_nav {
	left: 30px !important;
}

.alignleft {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

	/* IE 5-7 */
	filter: alpha(opacity=90);

	/* Netscape */
	-moz-opacity: 0.9;

	/* Safari 1.x */
	-khtml-opacity: 0.9;

	/* Good browsers */
	opacity: 0.9;
	margin: 0 15px 0 0 !important;
}

.alignleft:hover {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	/* IE 5-7 */
	filter: alpha(opacity=100);

	/* Netscape */
	-moz-opacity: 1;

	/* Safari 1.x */
	-khtml-opacity: 1;

	/* Good browsers */
	opacity: 1;
}

.read-more {
	font-size: 0.8em;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	line-height: 100%;
	padding: 5px;
	width: 40%;
	margin-top: 20px;
	position: absolute;
	bottom: 15px;
}

.read-more .alignleft {
	margin: 0 5px 0 0 !important;
}

.read-more:hover {
	background: #fff;
}

.read-more a,
.read-more a:visited {
	color: #000000 !important;
	text-decoration: none !important;
}

.scr_icon {
	height: 48px !important;
}

#top-menu {
	position: absolute;
	top: 3px;
	right: 20px;
	display: inline;
}

#top-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#top-menu a {
	font-size: 0.75em;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	color: #000;
	padding: 5px;
	vertical-align: middle;
}

#top-menu li {
	display: inline;
	margin: 0 !important;
}

#top-menu img {
	vertical-align: middle;
}

#menu-young-menu {
	background: #F0D34D;
}

#menu-schools {
	background: #64A356;
}

#menu-parents {
	background: #9f73a4;
}

#menu-community-menu {
	background: #9DCCD4;
}

#menu-about-us,
#menu-support-us,
#menu-resources {
	background: #F36E4C;
}

#menu-parents a,
#menu-schools a {
	color: #fff !important
}

.secondary-menu {
	display: block;
	float: left;
	font-family: "Roboto", sans-serif !important;
	position: relative !important;
	width: 960px;
}

.secondary-menu li.page_item,
.secondary-menu li.menu-item {
	color: #000;
	display: inline-block;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

.secondary-menu li.page_item a,
.secondary-menu li.menu-item a {
	background: none !important;
	padding: 8px 0 8px 23px;
	border: none !important;
	font-size: 0.8em !important;
	text-decoration: none !important;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.secondary-menu li.menu-item a {
	font-weight: 400 !important;
}

.secondary-menu li.current-menu-item a,
.secondary-menu li.current_page_item a {
	border-bottom: medium none;
	color: #000;
	font-weight: 900 !important;
	padding: 8px 0 8px 23px;
	text-decoration: none;
}

.secondary-menu a,
.secondary-menu a:visited {
	color: #000;
}

#navigation ul #menu-item-1866.active a {
	background: #000 !important;
	/*general */
	color: #fff !important;
}

#navigation ul #menu-item-881.active a,
#navigation ul #menu-item-37.active a,
#navigation ul #menu-item-100.active a,
#navigation ul #menu-item-99.active a,
#navigation ul #menu-item-361.active a,
#navigation ul #menu-item-407.active a {
	background: #F36E4C !important;
	/*general */
	color: #000 !important;
}

#navigation ul #menu-item-34.active a {
	background: #f0d34d !important;
	/*young people */
	color: #000 !important;
}

#navigation ul #menu-item-40.active a {
	background: #9f73a4 !important;
	/*parents */
}

#navigation ul #menu-item-39.active a {
	background: #64A356 !important;
	/*schools */
}

#navigation ul #menu-item-42.active a {
	background: #9DCCD4 !important;
	/*community organisations*/
	color: #000 !important;
}

.white-text {
	color: #888888 !important;
	font-size: 23px !important;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 20px 0 0;
	text-transform: uppercase;
}

.yellow-box img,
.purple-box img,
.blue-box img,
.green-box img {
	margin-bottom: 0px;
}

#Parent {
	height: 100%;
	float: left;
	display: inline-block;
}

.inner-darker {
	background: #d4cbae;
	float: left;
	padding: 20px 0 40px;
	width: 100%;
}

#nav-below {
	display: none !important;
}

#footermenu li a {
	color: #fff;
}

#footermenu {
	text-align: left;
	padding-left: 21px;
	font-size: 0.7em;
}

.home .custom-header {
	visibility: collapse;
	display: none;
}

.container {
	background: #EDE4CD;
	margin: 0 auto;
	padding: 0;
	position: relative;
	box-shadow: 1px 1px 4px 1px #D8D3C3;
}

.span16,
.sixteen.columns {
	width: 100% !important;
}

.column,
.columns {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.info-sidebar {}

.custom-header {
	display: inline-flex;
	float: left;
	margin: 0;
	padding: 0;
}

#sidebar {
	padding: 30px 0;
}

.sixteen {
	padding: 0 !important
}

.home .header-invisible,
.page-id-26 .header-invisible,
.page-id-89 .header-invisible,
.page-id-87 .header-invisible {
	display: none;
	visibility: collapse;
}

.header-invisible {
	float: left;
	line-height: 0;
}

.ls_def_ibanner {
	width: 100% !important;
	height: 415px !important;
	background-color: #EDE4CD !important;
}

.logotype-img img {
	width: 7.5em !important;
	height: auto !important;
}

/* TK 2020-02-28 disabled 
li.page_item a,
li.menu-item a {
	background: none scroll 10px center rgba(0, 0, 0, 0) !important;
}
*/

h1#site-title {
	padding: 10px 0 0;
}

.entry-title {
	padding: 50px 450px 50px 30px;
	background: #F36E4C;
}

.parent-pageid-28 .entry-title {
	background: #F0D34D;
}

.parent-pageid-18 .entry-title {
	background: #9f73a4;
}

.parent-pageid-22 .entry-title {
	background: #64A356;
}

.parent-pageid-13 .entry-title {
	background: #9DCCD4;
}

.form-input {
	font-family: 'Roboto', sans-serif !important;
	font-size: 12px;
	letter-spacing: 2px;
	padding: 0 3px 0;
	text-transform: uppercase;
}

#searchsubmit {
	background: #000000 !important;
	padding: 5px 20px !important;
	text-transform: uppercase !important;
	font-family: 'Roboto', sans-serif !important;
	font-size: 15px !important;
}

#content #searchform label {
	font-family: 'Roboto', sans-serif !important;
	font-size: 15px !important;
	line-height: 100% !important;
	margin: 0 !important;
	font-weight: 300;
}

input,
textarea {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #B5A98A;
	border-radius: 0 0 0 0 !important;
}

#responsive-menu-container input.responsive-menu-search-box {
	background: #fff !important;
}

.footnote p {
	font-size: 0.7em !important;
	font-family: 'Roboto', sans-serif !important;
	line-height: 12px;
	padding-left: 8px;
	text-indent: -8px;
	margin: 0 0 3px !important;
}

.funder-logos img {
	vertical-align: middle;
	padding: 10px 36px;
}

.funder-logos-narrow img {
  padding-left: 24px;
  padding-right: 24px;
}

#footer a {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/* IE 5-7 */
	filter: alpha(opacity=50);

	/* Netscape */
	-moz-opacity: 0.5;

	/* Safari 1.x */
	-khtml-opacity: 0.5;

	/* Good browsers */
	opacity: 0.5;
}

#footer a:hover {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	/* IE 5-7 */
	filter: alpha(opacity=100);

	/* Netscape */
	-moz-opacity: 1;

	/* Safari 1.x */
	-khtml-opacity: 1;

	/* Good browsers */
	opacity: 1;
}


.photo-girls {
	padding: 0 !important;
	margin: 0 !important;
}

.inthepicture {
	background: url("/wp-content/images/in_the_picture.png") no-repeat;
}

.video {
	background: url("/wp-content/images/video.png") no-repeat;
}

.news {
	background: url("/wp-content/images/news-reality&risk.png") no-repeat;
}

.parents-what {
	background: url("/wp-content/images/parents-what-can-you-do.jpg") no-repeat;
	padding: 29px !important;
}

.love-sex {
	background: url("/wp-content/images/love-sex.png") no-repeat;
	background-position: right;
}

.young-boy {
	background: url("/wp-content/images/young-boy.jpg") no-repeat;
	background-position: right;
}

.girls {
	background: url("/wp-content/images/girls.png") no-repeat;
}

.girls2 {
	background: url("/wp-content/images/girls2.png") no-repeat;
	background-position: center;
}

.boys-laptop {
	background: url("/wp-content/images/boys-with-laptop2.png") no-repeat;
}

.community-girl {
	background: url("/wp-content/images/community-girl.jpg") no-repeat;
}

.young-people {
	background: url("/wp-content/images/young-people.jpg") no-repeat;
	background-position: right;
}

.parents-laptop {
	background: url("/wp-content/images/parents-laptop.png") no-repeat;
}

.yellow-text {
	color: #f0d34d !important;
}

input,
textarea,
select,
.uneditable-input {
	border: 1px solid #B5A98A !important;
	border-radius: 0 !important;
	background: none !important;
}

#myform {
	font-size: 12px !important;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.exp-col-content-holder {
	margin: 0 0 10px !important;
}

.expand-cnt-link {
	color: #000000;
	font-weight: normal;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}

.no-margin {
	margin: 0 !important;
}

.full-width {
	width: 100%;
}
.bubble.full-width {
	float: none;
	width: auto;
}

.clearfix {
	overflow: auto;
}

/*
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
*/

.txt-alignright {
	text-align: right;
	padding-right: 15px;
	width: 10px;
	float: left;
}

#ls-default-cd457ce797-0 .abs a {
	display: none;
	visibility: hidden;
}

.rights {
	font-size: 11px;
	margin: 0 30px;
	color: #999999;
}

.rights a {
	color: #999999;
	font-size: 11px;
	font-weight: normal;
	opacity: 1 !important;
}

.rights a:hover,
.rights a:active {
	color: #FFFFFF;
	opacity: 1 !important;
}

.rights ul {
	list-style-type: none;
	text-align: left;
	margin: 0 0 20px !important;
	padding: 0;
}

.rights ul li {
	display: inline;
}

.rights ul li a {
	text-decoration: none;
	padding: 0 1em 0 0;
}

.videos {
	width: 89% !important;
}

/* IE8 fix */
#navigation ul li a {
	padding: 11px 14px \9;
}

.page-template-page-fullwidth h1.entry-title {
	margin-bottom: 0;
}

.ls_def_ibanner_banner .abs .desc #slide-2,
.ls_def_ibanner_banner .abs .desc #slide-3,
.ls_def_ibanner_banner .abs .desc #slide-4 {
	background: #F36E4C \9;
}

.ls_def_ibanner_banner .abs .desc #slide-1 {
	background: #FFFFFF \9;
}

.ls_def_ibanner_banner .abs a:hover {
	background: none \9;
}

.header-invisible img {
	height: 100% \9;
}

.footnote .margin-bottom {
	margin-bottom: 10px !important;
}
/* Social media icons & menu */
.social-icon {
	font-size: 1.4em;
}
.social-bar {
	box-sizing: border-box;
	background: #f05922;
}
.social-container {
	overflow: auto; /* for clearfix */
	padding: 30px;
}
.social-menu {
    float:right;
    position:relative;
    left:-50%;
    text-align:left;
	font-size: 3em;
}
.social-menu ul {
    list-style:none;
    position:relative;
    left:50%;
	min-width:50%;
}
.social-menu li{
	float:left;
	position:relative;/* ie needs position:relative here*/
	margin: 0;
}
.social-menu a, .social-menu a:visited {
    text-decoration: none;
    margin: 0 1em;
    float: left;
	opacity: 0.5;
    color: #fff !important;/* !important needed to force override default link colours on blink browsers (Chrome) */
    padding: 2px 5px;
    text-align: center;
    white-space: nowrap;
}
.social-menu a:hover,.social-menu a:focus,.social-menu a:active{ opacity: 1 }

@media only screen and (min-width: 768px) and (max-width: 959px) {

	#header .inner {
		padding-top: 0 !important;
		padding-bottom: 10px !important;
	}

	.read-more {
		width: 50%;
	}

	.yellow-box,
	.green-box,
	.purple-box,
	.blue-box {
		height: 320px !important;
	}

	.ls_def_ibanner_banner .abs .desc {
		width: 400px !important;
		padding: 0;
		margin: 10px;
		font-size: 25px;
	}

	.ls_def_ibanner_banner .abs a {
		top: 167px !important;
		padding: 0.6em 1.5em !important;
		left: 167px !important;
	}

	#navigation ul li a {
		padding: 11px 9px !important;
		font-size: 0.73em !important;
	}

	.secondary-menu li.page_item a,
	.secondary-menu li.menu-item a {
		font-size: 0.7em !important;
		padding: 8px 0 8px 8px;
	}

	.secondary-menu {
		width: 768px;
	}

	.ls_def_ibanner_banner .abs .desc #slide-1 {
		background: url("/wp-content/images/bubble-white-slide1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		background-size: 400px 220px !important;
		width: 400px !important;
		height: 220px;
	}

	.ls_def_ibanner_banner .abs .desc #slide-2,
	.ls_def_ibanner_banner .abs .desc #slide-3,
	.ls_def_ibanner_banner .abs .desc #slide-4 {
		background: url("/wp-content/images/bubble-orange.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		background-size: 400px 220px !important;
		width: 400px !important;
		height: 220px;
	}

	.metaslider .caption {
		background: url("/wp-content/images/bubble-orange.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		background-size: 400px 220px !important;
		width: 400px !important;
		height: 220px;
	}

	h1 {
		font-size: 32px !important;
	}

	h2 {
		font-size: 24px !important;
	}

	h3 {
		font-size: 20px !important;
	}

	h4 {
		font-size: 14px !important;
	}

	#slide-1 img {
		max-width: 75% !important;
	}

	.one_fourth .alignnone {
		max-width: 95% !important;
	}

	.ls_def_ibanner {
		height: 330px !important;
	}

	.funder-logos img {
		max-width: 15%;
		padding: 10px 20px;
	}

	.rights ul li,
	.rights ul li a {
		font-size: 9px;
	}

	.videos {
		width: 87% !important;
	}

	h1#site-title {
		padding: 10px 0;
	}

	.entry-title {
		padding: 50px 300px 50px 30px;
	}
}

/* Mobile common */
@media only screen and (max-width: 767px) {
	#wpadminbar {
		display: none;
	}
	/*
	#responsive-menu-container,
	#responsive-menu-container #responsive-menu-wrapper {
		background: #f36e4c !important;
	}
 */
	#responsive-menu-button .responsive-menu-inner {
		margin-left: -50%;
	}
	#responsive-menu-container #responsive-menu li a {
		border-top: none !important;
	}
	#responsive-menu-container ul#responsive-menu li.responsive-menu-item a .responsive-menu-subarrow,
	#responsive-menu-container ul#responsive-menu li.responsive-menu-item a:hover .responsive-menu-subarrow {
		background-color: inherit;
	}
	#responsive-menu-container ul#responsive-menu li.responsive-menu-item a .responsive-menu-subarrow:hover {
		background-color: #ffffff;
		color: #f36e4c;
	}
	#responsive-menu-container ul#responsive-menu li.responsive-menu-item a:hover {
		color: #f36e4c;
	}
	#responsive-menu-container .responsive-menu-subarrow,
	#responsive-menu-container #responsive-menu li a,
	#responsive-menu-container #responsive-menu-title a {
		font-weight: bold !important;
		/* color: #ffffff; */
	}
	#responsive-menu-container #responsive-menu-title {
		text-transform: uppercase;
		font-weight: bold;
	}

	#menu-item-180 a,
	#responsive-menu-item-180 a {
		background-color: #F0D34D !important;
		color: #000000 !important;
	}
	#menu-item-180 a:hover,
	#responsive-menu-item-180 a:hover {
		color: #F0D34D !important;
		background-color: #ffffff !important;
	}

	#menu-item-166 a,
	#responsive-menu-item-166 a {
		background-color: #9f73a4 !important;
		color: #fff !important;
	}
	#menu-item-166 a:hover,
	#responsive-menu-item-166 a:hover {
		color: #9f73a4 !important;
		background-color: #fff !important;
	}

	#menu-item-174 a,
	#responsive-menu-item-174 a {
		background-color: #64A356 !important;
		color: #fff !important;
	}
	#menu-item-174 a:hover,
	#responsive-menu-item-174 a:hover {
		color: #64A356 !important;
		background-color: #fff !important;
	}

	#menu-item-163 a,
	#responsive-menu-item-163 a {
		background-color: #9DCCD4 !important;
		color: #fff !important;
	}
	#menu-item-163 a:hover,
	#responsive-menu-item-163 a:hover {
		color: #9DCCD4 !important;
		background-color: #fff !important;
	}
	.social-menu {
		font-size: 2em;
	}
	.social-menu a {
 		margin: 0 0.5em;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.event-btn {
		display: none;
	}

	p {
		font-size: 13px !important;
	}

	h1 {
		font-size: 30px !important;
	}

	h2 {
		font-size: 24px !important;
	}

	h3 {
		font-size: 19px !important;
	}

	h4 {
		font-size: 16px !important;
	}


	.ls_def_ibanner {
		height: 215px !important;
	}

	.ls_def_ibanner img {
		float: right !important;
		max-width: 500px !important;
	}

	#slide-1 img {
		width: 200px !important
	}

	.one_fourth {
		width: 47% !important;
		float: left !important;
		margin: 5px !important;
		display: inline-block;
	}

	.yellow-box,
	.green-box,
	.purple-box,
	.blue-box {
		height: 325px !important;
		padding: 20px !important;
		margin: 0;
	}

	.read-more {
		font-size: 0.7em;
		padding: 5px;
	}

	.one_half {
		margin-right: 0 !important;
		width: 100% !important;
	}

	.read-more {
		width: 50%
	}

	#navigation,
	#top-menu {
		display: none;
		visibility: collapse;
	}

	#header .inner {
		padding-bottom: 10px !important;
	}

	#click-menu {
		padding: 10px 5px 5px !important
	}

	.sub-menu {
		margin: 4px 0 5px
	}

	.metaslider .caption {
		background: #f36e4c !important;
		top: 0 !important;
		height: 121px !important;
		margin-left: 0 !important;
		width: 40% !important;
	}

	.flex-control-nav {
		display: none;
	}

	.metaslider .caption-wrap {
		bottom: 0 !important;
	}

	.metaslider h1 {
		font-size: 18px !important;
		margin-bottom: 0 !important;
	}

	.ls_def_ibanner_banner .abs {
		background: none;
		width: 70% !important;
		margin: 0;

	}

	.ls_def_ibanner_banner .abs .desc {
		width: 80% !important;
		padding: 0 0 5px !important;
		margin: 20px;
		font-size: 15px;
		color: #fff !important;
	}

	.ls_def_ibanner_banner .abs a {
		top: 160px !important;
		padding: 0.5em !important;
		left: 20px !important;
		text-align: center;
	}

	ls_def_ibanner_nav {
		display: none !important;
	}

	.ls_def_ibanner_banner .abs .desc #slide-2 h1 {
		padding: 25px 290px 25px 35px !important;
		font-size: 21px !important;
	}

	.ls_def_ibanner_banner .abs .desc #slide-3 h1,
	.ls_def_ibanner_banner .abs .desc #slide-4 h1 {
		padding: 25px 290px 25px 35px !important;
		font-size: 21px !important;
	}

	.ls_def_ibanner_banner .abs .desc #slide-1 img {
		padding: 25px 242px 25px 25px !important;
		font-size: 25px !important;
		float: left;
	}

	.ls_def_ibanner_banner .abs .desc #slide-1,
	.ls_def_ibanner_banner .abs .desc #slide-2,
	.ls_def_ibanner_banner .abs .desc #slide-3,
	.ls_def_ibanner_banner .abs .desc #slide-4 {
		left: -10px;
	}

	.secondary-menu {
		display: none;
	}

	.entry-title {
		padding: 30px;
	}

	/* 	TK 2020-02-27 - moved to common mobile mq
	#responsive-menu-container #responsive-menu li a,
	#responsive-menu-container #responsive-menu-title a {
		font-weight: bold !important;
		color: #ffffff;
	}
	*/

	/* 	TK 2020-02-27 - moved to common mobile mq
	#menu-item-180 a,
	#responsive-menu-item-180 a {
		background: #F0D34D !important;
		color: #000000 !important;
	}

	#menu-item-166 a,
	#responsive-menu-item-166 a {
		background: #9f73a4 !important;
		color: #fff !important;
	}

	#menu-item-174 a,
	#responsive-menu-item-174 a {
		background: #64A356 !important;
		color: #fff !important;
	}

	#menu-item-163 a,
	#responsive-menu-item-163 a {
		background: #9DCCD4 !important;
		color: #fff !important;
	}
	*/
	.placeholder {
		display: none;
	}

	.margin-top {
		margin-top: 20px;
	}

	.padding-bottom {
		padding-bottom: 20px;
	}

	.funder-logos img {
		max-width: 25%;
		padding: 10px 15px;
	}

	.rights ul li a {
		padding: 0 1.3em 0 0;
	}

	.rights ul li,
	.rights ul li a {
		font-size: 9px;
	}

	.videos {
		width: 88% !important;
	}

	h1#site-title {
		padding: 10px 0;
	}
}

@media only screen and (max-width: 480px) {
	.event-btn {
		display: none;
	}

	p {
		font-size: 13px !important;
	}

	h1 {
		font-size: 24px !important;
	}

	h2 {
		font-size: 20px !important;
	}

	h3 {
		font-size: 16px !important;
	}

	h4 {
		font-size: 15px !important;
	}

	.ls_def_ibanner {
		width: 100% !important;
		height: 100% !important;
	}

	.one_fourth {
		width: 96% !important;
		float: left !important;
		margin: 5px !important;
		display: inline-block;
	}

	.yellow-box,
	.green-box,
	.purple-box,
	.blue-box {
		height: auto !important;
		padding: 20px !important;
		margin: 0;
	}

	.read-more {
		font-size: 0.7em;
		padding: 5px 5px 8px;
		position: relative !important;
		margin-top: 20px !important;
	}

	.one_half {
		margin-right: 0 !important;
		width: 100% !important;
	}

	.read-more {
		width: 40%;
	}

	#navigation, #top-menu {
		display:none;
		visibility:collapse;
	}

	#header .inner {
		padding-bottom: 10px !important;
	}

	#click-menu {
		padding: 10px 5px 5px !important
	}

	.sub-menu {
		margin: 0 0 5px
	}

	.logotype-img img {
		width: 6.5em !important;
		height: auto !important;
	}

	.metaslider .caption {
		background: #f36e4c !important;
		top: 0 !important;
		height: 123px !important;
		margin-left: 0 !important;
		width: 50% !important;
		padding: 15px 10px 0 !important;
	}

	.flex-control-nav {
		display: none;
	}

	.metaslider .caption-wrap {
		bottom: 0 !important;
	}

	.metaslider h1 {
		font-size: 14px !important;
		margin-bottom: 0 !important;
	}


	.ls_def_ibanner_banner .abs .desc #slide-2 h1,
	.ls_def_ibanner_banner .abs .desc #slide-3 h1,
	.ls_def_ibanner_banner .abs .desc #slide-4 h1 {
		padding: 4px 0 25px 35px !important;
		font-size: 14px !important;
		color: #fff;
		width: 55%;
	}

	.ls_def_ibanner_banner .abs .desc #slide-1 img {
		display: none;
	}

	.ls_def_ibanner_banner .abs .desc #slide-1,
	.ls_def_ibanner_banner .abs .desc #slide-2,
	.ls_def_ibanner_banner .abs .desc #slide-3 {
		left: 0;
		background: rgba(0, 0, 0, 0) !important;
		top: 30px;
		width: 70% !important;
	}

	.ls_def_ibanner_banner .abs .desc #slide-4 {
		left: 0;
		background: rgba(0, 0, 0, 0) !important;
		top: 30px;
		width: 85% !important;
	}

	.secondary-menu {
		display: none;
	}

	#slide-1 img {
		width: 200px !important
	}

	.ls_def_ibanner_banner .abs {
		background: none;
		margin: 0;
	}

	.ls_def_ibanner_banner .abs .desc {
		width: 80% !important;
		padding: 0 0 5px !important;
		margin: 20px;
		font-size: 15px;
		color: #fff !important;
	}

	.ls_def_ibanner_banner .abs a {
		top: 85px !important;
		padding: 0.5em !important;
		left: 30px !important;
		text-align: center;
		background: #F36E4C !important;
		border: 2px solid #F36E4C !important;
	}

	.ls_def_ibanner_banner .abs a:hover {
		color: #F36E4C !important;
	}

	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button a,
	.button.medium a {
		font-size: 0.85em !important;
		padding: 0.5em 2em !important;
	}

	div.button-alt,
	div.button,
	div.button.small,
	div.button.large,
	div.button.medium {
		margin: 0
	}

	.ls_def_ibanner_nav {
		display: none;
	}

	#slide-1-mob {
		display: block;
		padding: 4px 70px 25px 35px !important;
		font-size: 14px !important;
		color: #fff;
	}

	.entry-title {
		padding: 30px;
	}

	/* 	TK 2020-02-27 - moved to common mobile mq
	#responsive-menu-container .appendLink,
	#responsive-menu-container #responsive-menu li a,
	#responsive-menu-container #responsive-menu-title a {
		font-weight: bold !important;
	}
	*/

	#responsive-menu-container #responsive-menu li a {
		border: none !important;
		color: #ffffff;
	}

	/* 	TK 2020-02-27 - moved to common mobile mq
	#menu-item-180 a,
	#responsive-menu-item-180 a {
		background: #F0D34D !important;
		color: #000000 !important;
	}

	#menu-item-166 a,
	#responsive-menu-item-166 a {
		background: #9f73a4 !important;
		color: #fff !important;
	}

	#menu-item-174 a,
	#responsive-menu-item-174 a {
		background: #64A356 !important;
		color: #fff !important;
	}

	#menu-item-163 a,
	#responsive-menu-item-163 a {
		background: #9DCCD4 !important;
		color: #fff !important;
	}
	*/

	.leftarrowdiv {
		padding: 20px;
	}

	.bubble {
		width: 80% !important;
	}

	.placeholder {
		display: none;
	}

	.margin-top {
		margin-top: 20px;
	}

	.entry-content .inner {
		padding: 20px 30px;
	}

	.padding-bottom {
		padding-bottom: 20px;
	}

	input,
	textarea,
	select,
	.uneditable-input {
		width: 100%;
	}

	.rightarrowdiv-orange {
		margin: 0;
	}

	.funder-logos img {
		max-width: 35%;
		padding: 10px 15px;
	}

	.rights ul li,
	.rights ul li a {
		font-size: 9px;
	}

	.videos {
		width: 84% !important;
	}

	.wpcf7-list-item-label,
	input[type='checkbox'] {
		width: auto !important;
	}

	.container {
		width: 100% !important;
	}

	h1#site-title {
		padding: 10px 0;
	}

	#sidebar {
		padding: 0 !important;
	}

	body.sidebar-right #wrap #sidebar {
		float: left !important;
	}
}