/*
Theme Name: Youth Say No Theme
Author: MediaOnMars
Author URI: http://mediaonmars.com.au/
Version: 1.0
License: GNU General Public License
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form {
	border: none;
	margin: 0;
	padding: 0;
}
* {outline: 0;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
img, iframe {
	vertical-align: middle;
	max-width: 100%;
}
img {height: auto;}
a img {
	border: none;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol li, ul li {
	list-style-position: outside;
}
input, textarea {-webkit-border-radius: 0;}
textarea, input[type="text"], input[type="email"], input[type="button"], input[type="submit"] {-webkit-appearance: none;}

/* =Global
----------------------------------------------- */

body {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	color: #4d4848;
}

h2 {
	font-family: 'Karma', serif;
	font-size: 60px;
	line-height: 61px;
	padding: 8px 0 15px 0;
	color: #fcd203;
}

body.home h2 {color: #4d4848;}

h3 {
	font-family: 'Karma', serif;
	font-size: 38px;
	line-height: 44px;
	margin-bottom: 8px;
}

h4 {
	font-family: 'Karma', serif;
	font-size: 30px;
	line-height: 37px;
	margin-bottom: 8px;
}

h5, h6 {
	font-family: 'Karma', serif;	
	font-size: 24px;
	line-height: 29px;
	margin-bottom: 8px;
}

h5 {color: #fcd203;}

.button, .button2, .button3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
}

.button2 {font-size: 18px;}
.button3 {font-size: 16px;}

.button a, .button2 a {
	color: #4d4848;
	padding-right: 21px;
	display: inline-block;
	background: url(images/readmore_bg.png) no-repeat right;
}
.button a:hover {color: #fcd203 !important;}

.button2 a {
	padding-right: 16px;
	background: url(images/button2_yellow_bg.png) no-repeat right;
}
.button2 a:hover {color: #fff !important;}

.button3 a {
	color: #fff;
	padding-right: 11px;
	display: inline-block;
	background: url(images/button3_yellow_bg.png) no-repeat right;
}

.button3 a:hover {color: #fff !important;}
.grey_box .button3 a:hover {color: #4d4848 !important;}

.button a span, .button2 a span {
	min-height: 80px;
	line-height: 80px;
	background: #fff;
	padding: 0 22px;
	display: inline-block;
}

.button2 a span {
	min-height: 60px;
	line-height: 60px;
	background: #fcd203;
	padding: 0 6px 0 17px;
}

.button3 a span {
	min-height: 40px;
	line-height: 40px;
	background: #fcd203;
	padding: 0 19px 0 24px;
	display: inline-block;
}

a {
	color: #fcd203;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: none;
	color: #4d4848;
}

.clear {
	clear: both;
	font-size: 1px;
}

hr {
	clear: both;
	border: none;
	border-bottom: 2px solid #4d4848;
	margin: 0 0 20px 0;
	padding: 20px 0 0 0;
}

.desktop {display: block;}
.mobile {display: none;}

.row {
	float: left;
	width: 100%;
}

/* =Structure
----------------------------------------------- */

.wrapper, .flexslider .wrapper2 {
	margin: 0 auto;
	max-width: 1180px;
	padding: 0 20px;
}

.home_intro {
	position: relative;
}

/* Block Alignment */

.alignleft {
	float: left;
	margin: 0 20px 10px 0;
}
.alignright {
	float: right;
	margin: 0 0 10px 20px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Text Alignment */

.textleft {text-align: left;}
.textright {text-align: right;}
.textcenter {text-align: center;}
.textjustify {text-align: justify;}

/* =Top
----------------------------------------------- */

#top {
	background: url(images/top_bg.png) repeat;
	position: absolute;
	z-index: 99;
	left: 0;
	top: 0;
	right: 0;
	line-height: 60px;
/*	height: 60px;*/
}

a.header_button {
	position: fixed;
	z-index: 99;
	top: 216px;
	right: 0;
	text-align: center;
	background: url(images/side_arrow.png) no-repeat left top;
	width: 94px;
	height: 64px;
	color: #4d4848;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 19px;
	padding: 24px 5px 0 30px;
	
}
a.header_button.clearh {
	top: 306px;
	padding: 16px 5px 8px 30px;
}

body.admin-bar a.header_button {top: 248px;}
body.admin-bar a.header_button.clearh {top: 338px;}

a.header_button:hover {color: #fcd203;}

/* =Search form
-------------------------------------------------------------- */

.home_intro .searchform {
	position: absolute;
	z-index: 99;
	right: 0;
	top: 100%;
	margin-top: 20px;
	background: #fcd203;
	padding: 15px 20px 20px 30px;
	width: 270px;
}

.searchform a {
	color: #4d4848;
	font-size: 13px;
	display: block;
	background: url(images/arrow.png) no-repeat right 50%;
	min-height: 20px;
	line-height: 20px;	
}
.searchform a:hover {color: #000;}

.searchform input.field {
	float: left;
	width: 226px;
	padding: 2px 0 4px 0;
	margin: 0 0 9px 0;
	background: none;
	border: none;
	border-bottom: 3px solid #feefa7;
	color: #fff;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}

.searchform input.field::-webkit-input-placeholder {color: #fff; opacity: 1;}
.searchform input.field:-moz-placeholder {color: #fff; opacity: 1;}
.searchform input.field::-moz-placeholder {color: #fff; opacity: 1;}
.searchform input.field:-ms-input-placeholder {color: #fff; opacity: 1;}

.searchform input.submit {
	float: right;
	width: 36px;
	height: 36px;
	background: url(images/search_submit.png) no-repeat left top;
	border: none;
	padding: 0;
	margin: 0 0 9px 0;
	text-transform: uppercase;
	text-indent: -9999px;
	cursor: pointer;
}

/* =Homepage slider
-------------------------------------------------------------- */

.flexslider .slide_image {
	background-size: cover !important;
	height: 840px;
}

.page_featured {
	background-size: cover !important;
	height: 540px;
}

.page_featured span {
	display: block;
	height: 540px;
	background: url(images/featured_frame.png) no-repeat center bottom;
}

.flexslider h2 {
	margin-right: 220px;
	color: #fcd203 !important;
}

.flexslider article {
	padding: 53px 0 20px 400px;
}

/* =Header
----------------------------------------------- */

.home_intro #site-title {
	position: absolute;
	top: 100%;
	right: 50%;
	left: 0;
	background: url(images/logo_bg.png) right bottom no-repeat;
	padding: 0 110px 232px 0;
	min-height: 177px;
	text-align: right;
}

.home_intro #site-title .logo_inner {
	background: #fcd203;
	padding: 35px 40px 0 0;
}

.home_intro #site-title .logo_inner a {text-decoration: none;}
.home_intro #site-title .logo_inner a:first-child {margin-right: 20px;}

.home_intro #site-title a.smallerlogo {display: none;}
.home_intro #site-title a.largerlogo {display: block;}

/* =Grey widget
-------------------------------------------------------------- */

.home_intro .grey_widget {
	position: absolute;
	right: 50%;
	margin-right: 250px;
	top: 435px;
	z-index: 99;
}

.grey_widget h2 {
	text-align: center;
	color: #fcd203 !important;
}

.home_intro .grey_widget h2 {color: #fff !important;}

.grey_widget p {margin-bottom: 22px;}

.grey_widget .widget_inner {
	padding-bottom: 51px;
	background: url(images/grey_transparent_bg.png) no-repeat center bottom;
	font-weight: bold;
	font-family: 'Karma', serif;
	font-size: 25px;
	line-height: 37px;
}

.sidebar .grey_widget .widget_inner {background: url(images/grey_opaque_bg.png) no-repeat center bottom;}

.grey_widget strong {
	font-size: 40px;
	color: #fcd203;
}

.grey_widget .widget_inner .textwidget {
	padding: 36px 20px 5px 20px;
	width: 300px;
	color: #fff;
	background: url(images/top_bg.png) repeat;
}

.sidebar .grey_widget .widget_inner .textwidget {background: #4d4848;}

/* =Menus
-------------------------------------------------------------- */

#mainmenu, #topmenu {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
}

#mainmenu li {
	margin-left: 34px;
	float: left;
	position: relative;
	list-style-type: none;
}

#mainmenu li:first-child {margin-left: 0;}

#mainmenu a {
	color: #fff;
	display: block;
	height: 60px;
}
#mainmenu a:hover {color: #fcd203;}

#mainmenu ul.sub-menu {
	display: none;
	line-height: normal;
	position: absolute;
	top: 60px;
	left: -20px;
	min-width: 220px;
	background: url(images/top_bg.png) repeat;
	z-index: 9999;
	font-size: 15px;
}

#mainmenu ul.sub-menu li {
	float: none;
	margin-left: 0;
}

#mainmenu li:hover > ul.sub-menu {display: block;}

#mainmenu ul.sub-menu a {
	height: auto;
	padding: 14px 20px;
	white-space: nowrap;
}

#topmenu {
	float: right;
	text-align: right;
	white-space: nowrap;
	font-size: 14px;
}

#topmenu li {
	margin-left: 14px;
	display: inline;
}

#topmenu a {color: #fcd203;}
#topmenu a:hover {color: #fff;}

/* =Yellow box
----------------------------------------------- */

.yellow_box {
	background: url(images/yellow_box_bg.png) no-repeat center top #fcd203;
	padding: 96px 0 20px 0;
	margin-top: -15px;
}

.yellow_box h4 {color: #fff;}

.yellow_box .widget {
	width: 50%;
	float: left;
}

.yellow_box .widget .widget_inner {padding-left: 10px;}
.yellow_box .wrapper .widget:first-child .widget_inner {padding: 0 10px 0 0;}

/* =Grey box
----------------------------------------------- */

.grey_box {
	background: url(images/grey_box_bg.png) no-repeat center top #4d4848;
	padding: 160px 0 72px 0;
	margin-top: -15px;
	color: #fff;
}

.grey_box h2 {color: #fff !important;}
.grey_box h4 {color: #fcd203;}

.grey_box .widget {
	width: 66%;
	float: right;
}

.grey_box .widget:first-child {
	float: left;
	width: 34%;
	position: relative;
}

.grey_box .widget:first-child .widget_inner {padding-right: 20px;}

.grey_box .widget:first-child .button {
	position: absolute;
	bottom: 65px;
	z-index: 999;
}

.grey_box .widget:first-child .button a {background: url(images/button_yellow_bg.png) no-repeat right;}
.grey_box .widget:first-child .button a:hover {color: #fff !important;}

.grey_box .widget:first-child .button a span {background: #fcd203;}

.resources_feed .item {margin-bottom: 29px;}
#main .grey_box .resources_feed .item p {margin-bottom: 10px;}

/* =Content
----------------------------------------------- */

#primary {
	padding-bottom: 136px;
	background: url(images/page_bottom.png) no-repeat bottom;
}

#main p, #main ol, #main ul, .expand_wrapper {margin-bottom: 25px;}

#main ol, #main ul {margin-left: 24px;}

#main #content a {
	text-decoration: underline;
	color: #4d4848;
}

#main #content a:hover {
	text-decoration: none;
	color: #fcd203;
}

#content {
	margin-right: 400px;
}

#content.wide {
	float: none;
	width: auto;
	margin-right: 0;
}

.sidebar {
	float: left;
	width: 340px;
	margin-left: -340px;
}

#content .wp-pagenavi {
	clear: both;
	border-top: 2px solid #4d4848;
	padding-top: 20px;
}

#main #content .wp-pagenavi a, #main #content .wp-pagenavi span {
    border: none !important;
    margin: 0 10px 0 0;
    padding: 5px 10px;
    text-decoration: none;
	background: #fcd203;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none
}

#main #content .wp-pagenavi a:hover {color: #fff;}

/* =Feedback Form
-------------------------------------------------------------- */

.wpcf7 {line-height: 35px;}
.wpcf7 span.wpcf7-list-item {margin-left: 0;}

.form_layout1, .form_layout2, .form_layout3 {
	margin-bottom: 30px;
	position: relative;
	float: left;
}

.form_layout2_left {float: left;}
.form_layout2_right {
	position: absolute;
	right: 0;
	top: 0;
}

.wpcf7 .wpcf7-radio .wpcf7-list-item {
	float: left;
	margin-right: 25px;
}
.wpcf7 .wpcf7-radio .wpcf7-list-item.last {margin-right: 6px;}

.form_layout1 .wpcf7-radio .col1, .form_layout3 .wpcf7-radio .col1 {
	width: 90px !important;
	clear: left;
}

.form_layout1 .wpcf7-radio .col2 {
	width: 155px !important;
}

.form_layout3 .wpcf7-radio .col2 {
	width: 90px !important;
}

.form_layout1 .wpcf7-radio .col3 {
	width: 170px !important;
}

.form_layout2 .wpcf7-radio .wpcf7-list-item {
	width: 16px;
	text-align: center;
}

.form_layout1 .wpcf7-list-item-label, .form_layout3 .wpcf7-list-item-label {margin-left: 6px;}

.wpcf7 .form_layout2 input[type="radio"] {margin: 0;}

.wpcf7 input.wpcf7-submit {
	width: 170px;
	height: 60px;
	background: url(images/arrow.png) no-repeat 130px 20px #fcd203;
	border: none;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	padding: 0 0 0 26px;
	margin: 0;
	cursor: pointer;
}

.wpcf7 input.wpcf7-submit:hover {background-color: #4d4848;}

/* =Expandable content
----------------------------------------------- */

.expand_wrapper h3 {
	border: 1px solid #4d4848;
	border-radius: 10px;
	padding: 18px 25px 10px 25px;
	margin-bottom: 0;
	cursor: pointer;
}

.expand_body {
	border: 1px solid #4d4848;
	border-radius: 10px;
	border-top: none;
	padding: 25px 25px 5px 25px;
	display: none;
}

/* =True stories
----------------------------------------------- */

.stories_feed .item {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 25px;
	text-align: center;
}

.stories_feed .item a.image {
	max-height: 278px;
	overflow: hidden;
	display: block;
}

.stories_feed .item.last {margin-right: 0;}

.stories_feed h3 {margin-top: 8px;}

#main #content .stories_feed h3 a {text-decoration: none;}

/* =Footer
----------------------------------------------- */

#footer {
	padding: 80px 0;
	font-size: 14px;
}

#footer a {color: #4d4848;}
#footer a:hover {color: #fcd203;}

#footer .button2 {
	float: left;
	margin-right: 49px;
}

#footer .footer_right {
	float: right;
	white-space: nowrap;
	text-align: right;
}

#footer .footer_right img {margin-left: 17px;}

#footer #footer_menu {
	padding-top: 21px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
}

#footer #footer_menu li {
	display: inline;
	margin: 0 9px;
	white-space: nowrap;
}

#footer .authors, #footer #site-generator {
	white-space: nowrap;
	padding-top: 60px;
}

#footer .authors {
	float: right;
	padding-left: 20px;
}

@media screen and (max-width: 1219px) {
	
	.flex-control-nav {
		width: auto;
		top: 790px;
	}
	
	.home_intro #site-title {text-align: center;}
	
	.home_intro #site-title .logo_inner {padding: 35px 20px 20px 20px;}
	
	.home_intro #site-title a {display: block;}
	.home_intro #site-title a:first-child {margin: 0 0 30px 0;}
	
	.home_intro .grey_widget {
		margin-right: 0;
		right: auto;
		left: 20px;
		top: 435px;
	}
	
	.flexslider h2 {margin-right: 0;}
	
}

@media screen and (max-width: 1100px) {
	
	#mainmenu {font-size: 16px;}
	
	.grey_box .button {font-size: 21px;}
	
}

@media screen and (max-width: 1030px) {
	
	#mainmenu {font-size: 14px;}
	#mainmenu li {margin-left: 24px;}
	
	.flexslider .slide_image {height: 640px;}
	.flex-control-nav {top: 590px;}
	
}

@media screen and (max-width: 960px) {

	.grey_box .button {font-size: 17px;}
	.grey_box .widget:first-child .button a span {
		line-height: 65px;
		min-height: 65px;
	}
	
}

@media screen and (max-width: 910px) {
	
	#topmenu, #mainmenu {
		float: none;
		clear: both;
		text-align: left;
	}
		
	#topmenu {
		line-height: normal;
		padding-top: 10px;
	}
	#topmenu li {margin: 0 14px 0 0;}
	
	#mainmenu {font-size: 18px;}
	
	.home_intro #site-title {text-align: left;}
	
	.flexslider .slide_image {height: 500px;}
	.flex-control-nav {top: 450px;}
	
	.home_intro .grey_widget {top: 552px;}
	.home_intro .grey_widget h2 {color: #fcd203 !important;}
		
	.flexslider article {
		min-height: 554px;
		padding-left: 370px;
	}
	
	.form_layout2_left, .form_layout2_right {display: none;}
	
	#footer {padding: 30px 0;}
	
}

@media screen and (max-width: 860px) {
	
	.home_intro #site-title {right: auto;}
	
	.grey_box .button {font-size: 15px;}
	.grey_box .widget:first-child .button a span {
		line-height: 40px;
		min-height: 40px;
		padding: 0 15px;
	}
	
	#footer .authors, #footer #site-generator {padding-top: 20px;}
	
	#footer #footer_menu {clear: both;}
	#footer #footer_menu li {
		margin: 0 0 8px 0;
		display: block;
	}
	
}

@media screen and (max-width: 780px) {

	a.header_button {display: none;}
	
	#mainmenu {font-size: 16px;}
		
	.stories_feed h3 {
		font-size: 21px;
		line-height: 24px;
	}
	
	.yellow_box .widget, .grey_box .widget {
		float: none !important;
		width: auto !important;
	}
	
	.yellow_box .widget:first-child {margin-bottom: 30px;}
	.yellow_box .widget.widget_text h2.widget-title {display: none;}
	.yellow_box .widget .widget_inner {padding-left: 0;}
	
	.grey_box .button {font-size: 21px;}
	.grey_box .widget:first-child .button a span {
		line-height: 80px;
		min-height: 80px;
		padding: 0 22px;
	}
	.grey_box .widget:first-child .widget_inner {padding-right: 0;}
	
	#footer .authors, #footer #site-generator {white-space: normal;}
	
	#footer #site-generator {padding-top: 10px;}
	#footer .authors {
		float: none;
		padding-left: 0;
		padding-top: 20px;
	}

}

@media screen and (max-width: 690px) {
	
	#topmenu, #mainmenu {display: none;}
	
	.home_intro #site-title {
		position: static;
		padding: 20px;
		min-height: 1px;
		background: #fcd203;
	}
	
	.home_intro #site-title a {
		float: left;
		width: 50%;
		text-align: right;
		line-height: 110px;
	}
	
	.home_intro #site-title a:first-child {
		margin-bottom: 0;
		text-align: left;
		line-height: normal;
	}
	
	.home_intro #site-title a .smallerlogo {display: none;}
	
	.wrapper, .flexslider .wrapper2 {
		width: auto;
		padding: 0;
	}
	
	#content {
		margin-right: 0;
		padding: 0 20px;
	}
	
	.row {float: none;}
	
	.form_layout2_left, .form_layout2_right {display: block;}
	
	.sidebar {
		float: none;
		width: auto;
		margin: 20px 0 0 0;
		clear: both;
	}
		
	.sidebar .grey_widget .widget_inner {
		background: url("images/grey_opaque_bg2.png") no-repeat scroll center bottom;
	}
	
	.desktop {display: none;}
	.mobile {display: block;}
	
	.home_intro .searchform {
		margin-top: 0;
		left: 0;
		right: 50px;
		top: 0;
		background: #fff;
		padding: 7px 0;
		width: auto;
	}

	.searchform a {display: none;}
	
	.searchform .search_query_wrapper {
		margin-right: 50px;
		padding-left: 10px;
	}
	
	.searchform input.field {
		float: none;
		width: 100%;
		margin: 0;
		border-bottom: 3px solid #fddf4e;
		color: #4d4848;
	}

	.searchform input.field::-webkit-input-placeholder {color: #4d4848; opacity: 1;}
	.searchform input.field:-moz-placeholder {color: #4d4848; opacity: 1;}
	.searchform input.field::-moz-placeholder {color: #4d4848; opacity: 1;}
	.searchform input.field:-ms-input-placeholder {color: #4d4848; opacity: 1;}

	.searchform input.submit {
		float: right;
		width: 36px;
		height: 36px;
		background: url(images/search_submit.png) no-repeat left top;
		border: none;
		padding: 0;
		margin: 0 6px 0 0;
	}
	
	.flexslider .slide_image {height: 300px;}
	.flex-control-nav {
		text-align: center;
		left: 0;
		right: 0;
		top: 250px;
	}
	.flexslider article {
		padding-left: 20px;
		min-height: 1px;
	}
	
	.home_intro .grey_widget {position: static;}
	.grey_widget .widget_inner {
		background: url(images/grey_opaque_bg2.png) no-repeat center bottom;
	}
	.grey_widget .widget_inner h2 {padding: 40px 0 0 0;}
	.grey_widget .widget_inner h2, .grey_widget .widget_inner .textwidget {
		background: #4d4848;
	}
	.grey_widget .widget_inner .textwidget {
		width: auto;
	}
		
	.yellow_box {
		margin-top: -50px;
		padding: 65px 20px 20px 20px;
		background: #fcd203;
	}
		
	.grey_box {
		margin-top: -15px;
		padding: 100px 20px 72px;
	}
	
	
	#footer .wrapper {padding: 0 20px;}
	
	/* =Menu
	-------------------------------------------------------------- */
	
	a.show_nav {
		float: right;
		text-indent: -9999px;
		z-index: 999999;
		position: relative;
		height: 50px;
		width: 50px;
		background: url(images/mobile_nav_button.jpg) no-repeat right top;
	}
	
	#mobile_menu {
		clear: both;
		display: none;
		z-index: 99999;
		padding: 10px 60px 25px 20px;
		margin-top: 0;
		text-align: left;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background: #fcd203;
		text-transform: uppercase;
		font-weight: bold;
		font-family: 'Open Sans', sans-serif;
		-webkit-box-shadow: 0px 2px 5px 0px rgba(35,31,32,0.18);
		-moz-box-shadow: 0px 2px 5px 0px rgba(35,31,32,0.18);
		box-shadow: 0px 2px 5px 0px rgba(35,31,32,0.18);
	}
	
	#mobile_menu ul {
		list-style-type: none;
		position: static !important;
		font-size: 14px;
	}
	
	#mobile_menu ul ul {
		padding-top: 0;
		border: none;
		width: auto !important;
	}

	#mobile_menu li {
		display: block !important;
		margin: 0 !important;
		padding-bottom: 0 !important;
		border: none !important;
		float: none !important;
		height: auto !important;
		width: auto !important;
		text-align: left !important;
	}

	#mobile_menu a {
		display: block;
		padding: 10px 0 8px 0;
		color: #4d4848;
		height: auto;
		line-height: auto;
		text-decoration: none;
		border-bottom: 1px solid #fff;
		border-right: none !important;
	}

	#mobile_menu a img {display: none;}

	#mobile_menu li:hover > a, #mobile_menu ul#menu-mobile-menu > li.current-menu-ancestor > a, #mobile_menu ul#menu-mobile-menu > li.current-menu-item > a, #mobile_menu ul#menu-mobile-menu > li.current-page-parent > a, #mobile_menu ul#menu-mobile-menu ul.sub-menu li.current-menu-item > a {
		color: #fff;
	}

	/* if Submenu -------------------------------------------------- */
	
	#mobile_menu ul#menu-mobile-menu > li:hover > ul.sub-menu {display: block;}

	#mobile_menu ul ul li {
		display: block;
	}

	#mobile_menu ul ul a {
		font-size: 0.8em;
		padding-left: 30px !important;
	}
	
	#mobile_menu ul ul ul a {
		padding-left: 50px !important;
	}
}

@media screen and (max-width: 600px) {
		
	.stories_feed .item {
		float: none;
		margin-bottom: 25px;
		margin-right: 0;
		text-align: center;
		width: auto;
	}
	
	#footer .button2 {margin-bottom: 15px;}
	
	#footer .footer_right, #footer .button2 {
		float: none;
		margin-right: 0;
		text-align: left;
	}
		
	#footer .footer_right img {
		margin: 0 17px 0 0;
	}
	
}

@media screen and (max-width: 480px) {
	.home_intro #site-title a.smallerlogo {display: block;}
	.home_intro #site-title a.largerlogo {display: none;}
	
	.button {font-size: 19px;}
	
	.grey_box .button {font-size: 17px;}
	.grey_box .widget:first-child .button a span {
		line-height: 45px;
		min-height: 45px;
		padding: 0 22px;
	}
	
	.form_layout2_left, .form_layout2_right {display: none;}
	
	h2 {
		font-size: 46px;
		line-height: 48px;
	}
}