/*
Theme Name: Empowered Futures
Theme URI: http://empoweredfutures.com.au
Description: A custom, responsive Wordpress theme for the Empowered Futures website.
Author: Min Dean / Equivalent Exchange
Author URI: http://equivalent-exchange.com
Version: 1.0
*/

.chromeframe { 
	background: #ffe989;
	left: 0;
	padding: 10px 20px;
	position: relative; 
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 100;
	}

html { overflow-x: hidden; }
body,html { height: 100%; margin: 0; min-width: 300px; padding: 0; }
body { 
	background: url(_/img/bg-swirl.jpg) #fff repeat top left;
	font: 16px/1.500em 'Open Sans', Helmet, Freesans, sans-serif;
	min-width: 280px;
	-webkit-text-size-adjust: none;
	}
body, select, input, textarea { color: #333; }

/* this class is used to determine when/how js is called http://www.fourfront.us/blog/jquery-window-width-and-media-queries */
.deviceClass { float: right; }

a { color: #4db0ad; text-decoration: none; transition: color 0.2s linear; }
a:hover { color: #008783; }

::-moz-selection{background: #ffe989; color: #333; text-shadow: none;}
::selection {background: #ffe989; color: #333; text-shadow: none;} 
a:link {-webkit-tap-highlight-color: #ffe989;}
ins {background-color: #ffe989; color: #000; text-decoration: none;}
mark {background-color: #ffe989; color: #000; font-style: italic; font-weight: bold;}

::-webkit-input-placeholder { color: #5d5d5d; opacity: 0.5; }
:-moz-placeholder { color: #5d5d5d; opacity: 0.5; }
::-moz-placeholder { color: #5d5d5d; opacity: 0.5; }
:-ms-input-placeholder { color: #5d5d5d; opacity: 0.5; }

.fl,
.alignleft { float: left; }
.fr,
.alignright { float: right; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', Helmet, Freesans, sans-serif;
	line-height: 1.0em;
	font-weight: normal; 
}
h1 { color: #5d5d5d; font-size: 1.875em; }
h2 { color: #9360a6; font-size: 1.500em; }
h3 { color: #4db0ad; font-size: 1.250em; }
h4 { color: #9360a6; font-size: 1.125em; }
h5, h6 { color: #5d5d5d; font-size: 1.0em; }

blockquote {
	background: #f1f1f1;
	color: #7d7d7d;
	font-size: 1.125em;
	margin: 0 0 16px 0;
	padding: 20px;
	quotes: "\201C""\201D";
}
blockquote:before {
	color: #9360a6;
	content: open-quote;
	font-family: 'Montserrat', Helmet, Freesans, sans-serif;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.1em;
	vertical-align: -0.4em;
}
blockquote p { display: inline; }

hr { border-bottom: 1px solid #fff; border-top: 1px solid #cecece; clear: left; margin: 30px 0; }

.hide {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}

/* Customise!
-------------------------------------------------------------------------------*/
.wrapper {
	margin: 0 auto;
	min-width: 300px;
	padding: 0 6.25%;
	position: relative;
	width: 100%;
	z-index: 1;
}
.header,
.section,
.footer {
	margin: 0 auto;
	position: relative;
	width: 100%;
}

/* Header
-------------------------------------------------------------------------------*/
.header { padding: 25px 0 0 0; z-index: 2; }
.header h1 { height: 120px; width: 100%; }
.header h1 a {
	text-indent: -9999px;
	transition: opacity 0.2s linear;
	}
.header h1 a:hover { opacity: 0.8; }
@-moz-document url-prefix() {
    .header h1 a:hover { opacity: 1; }
}
.header h1 a.tree { 
	background: url(_/img/logo-x2.png) no-repeat top center;
	background-size: 200px 120px;
	display: block;
	height: 120px;
	margin: 0 auto;
	width: 200px;
	}
.header h1 a.brand { display: none; }

/* Navigation
-------------------------------------------------------------------------------*/
.lucys-story { 
	background: #ffe888;
	border-radius: 20px;
	color: #ec8923;
	display: block;
	float: right;
	font-family: 'Handlee', cursive;
	height: 35px;
	line-height: 37px;
	margin: 25px 0 0 0;
	opacity: 1.0;
	padding: 0 60px 0 20px;
	position: relative;
	transition: background 0.2s linear, color 0.2s linear;
	z-index: 1;
	}
.lucys-story:hover { background: #ffeda1; color: #1d9492; }
.lucys-story .circle {
	display: block;
	height: 50px;
	position: absolute;
	right: 0;
	top: -8px;
	width: 50px;
	z-index: 2;
}
.lucys-story:hover .circle-overlay { box-shadow: 0px 0px 0px 25px rgba(77,176,173,0.3) inset; }
.lucys-story .ico-heart {
	background: url(_/img/ico-logo-heart.png) no-repeat top left;
	background-size: 15px 15px;
	bottom: -5px;
	display: block;
	height: 15px;
	position: absolute;
	right: -2px;
	transition: transform 0.2s linear;
	width: 15px;
	z-index: 3;
}
.lucys-story:hover .ico-heart { transform: rotate(15deg); }

.show-mobile-nav {
	color: #5d5d5d; 
	display: block;
	float: left;
	font-family: 'Montserrat', Helmet, Freesans, sans-serif;
	font-size: 1.018em;
	font-weight: 400;
	height: 40px;
	margin: 27px 0 0 0;
	padding: 4px 30px 0 0;
	position: relative;
	text-transform: uppercase;
	z-index: 3;	
	}
.show-mobile-nav span, 
.show-mobile-nav span:before, 
.show-mobile-nav span:after {
	background: #5d5d5d;
	border-radius: 1px;
	content: '';
	cursor: pointer;
	display: block;
	height: 2px;
	position: absolute;
	right: 0;
	top: 15px;
	transition: all 500ms ease-in-out;
	width: 20px;
}
.show-mobile-nav:hover { color: #9360a6; }
.show-mobile-nav:hover span, 
.show-mobile-nav:hover span:before, 
.show-mobile-nav:hover span:after { background: #9360a6; }
.show-mobile-nav span:before { top: -7px; }
.show-mobile-nav span:after { bottom: -7px; top: auto; }
.show-mobile-nav.active { color: #9360a6; }
.show-mobile-nav.active span { background: transparent; }
.show-mobile-nav.active span:before, 
.show-mobile-nav.active span:after { background: #9360a6; top: 0; }
.show-mobile-nav.active span:before { transform: rotate(45deg); }
.show-mobile-nav.active span:after { transform: rotate(-45deg); }

.primary-nav { 
	display: none;
	width: 100%;
	z-index: 2;
	}
.primary-nav ul:before, .primary-nav ul:after { 
	content: "\0020"; 
	display: block; 
	height: 0; 
	overflow: hidden;
	}  
.primary-nav ul:after { clear: both; }
.primary-nav ul {
	clear: left;
	float: left;
	margin: 0;
	width: 100%;
	zoom: 1;
	}
.primary-nav li { 
	border-radius: 20px;
	clear: left;
	float: left; 
	font-family: 'Montserrat', Helmet, Freesans, sans-serif;
	font-size: 1.018em;
	font-weight: 400;
	margin-top: 10px;
	text-align: left;
	text-transform: uppercase;
	width: 100%;
	}
.primary-nav a { 
	background: transparent;
	border-radius: 30px;
	color: #5d5d5d;
	display: block; 
	padding: 8px 20px;
	transition: background 0.2s linear, color 0.2s linear;
	}
.primary-nav li a:hover { 
	background: #9360a6;
	color: #fff;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.15);
	}
.primary-nav li.parent-sub-nav-open { background: #9360a6; }
.primary-nav li.parent-sub-nav-open a { 
	background: transparent;
	color: #fff;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.15);
	}
.primary-nav .has-subnav {
	background: url(_/img/arrow-down-off-x2.png) no-repeat center right;
	background-size: 15px 9px;
	display: block;
	float: right;
	height: 24px;
	text-indent: -9999px;
	width: 40px;
	z-index: 1;
}
.primary-nav a:hover .has-subnav,
.primary-nav a .subnav-active {
	background: url(_/img/arrow-down-on-x2.png) no-repeat center right;
	background-size: 15px 9px;
} 

.primary-nav .sub-menu { border-top: 1px solid #5f2c75; display: none; }
.primary-nav .sub-menu li { margin-top: 0; }
.primary-nav .sub-menu li a { background: transparent; color: #dcc5e6; }
.primary-nav .sub-menu li a:hover { color: #fff; }

.primary-nav .sub-menu .sub-menu { display: none !important; }

/* Main section
-------------------------------------------------------------------------------*/
.section { padding-bottom: 25px; padding-top: 25px; z-index: 1; }
.article { clear: left; float: left; width: 100%; }

.article h1 { margin-bottom: 0.833em; }
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 { margin: 1em 0 0.5em 0; }

.article p { margin-bottom: 1em; }
.article ul { margin-bottom: 1em; }
.article ol { margin-bottom: 1em; margin-left: 25px; }
.article li { margin-bottom: 5px; }
.article ul li,
.aside ul li {
	background: url(_/img/arrow-right-orange-x2.png) no-repeat 0 7px;
	background-size: 8px 9px;	
	padding-left: 20px;
}

.article img, 
.aside img { 
	border: 5px solid #4db0ad;
	border-radius: 10px;
	display: block;
	height: auto;
	margin-bottom: 10px;
	min-width: 100%;
	opacity: 1.0;
	transition: opacity 0.2s linear;
	}

.article a:hover img,
.aside a:hover img { opacity: 0.9; }
.article .alignright { margin-left: 16px; }
.article .alignleft { margin-right: 16px; }
.article .aligncenter { float: none; margin: 16px auto; text-align: center; }
.article .alignnone { margin: 16px 0 16px 0; }

.article .wp-caption,
.aside .wp-caption { 
	background: #fff; 
	border: 5px solid #4db0ad;
	border-radius: 10px;
	max-width: 100%; 
	margin-bottom: 16px;
	}
.article .wp-caption img,
.aside .wp-caption img { 
	border: 0; 
	border-radius: 5px 5px 0 0; 
	height: auto; 
	margin-bottom: 0; 
	min-width: 100%;
	}
.article .wp-caption p,
.aside .wp-caption p { 
	color: #8c8c8c; 
	font-size: 0.875em; 
	line-height: 1.143em; 
	margin-bottom: 0;
	padding: 10px;
	text-align: left;
	}
.article .wp-caption.alignleft { float: left; margin-right: 16px; }
.article .wp-caption.alignright { float: right; margin-left: 16px; }
.article .wp-caption.aligncenter { float: none; margin: 16px auto; }

.article embed,
.article iframe,
.article object,
.aside embed,
.aside iframe,
.aside object { max-width: 100%; min-width: 100%; }

.article table { border: 0; width: 100%; }
.article thead td,
.article th { background: #4db0ad; color: #fff; font-weight: 700; padding: 5px 8px; }
.article td { padding: 5px 8px 1em 8px; word-wrap: break-word; }
.article table h4 {
	color: #1d9492;
	font-family: 'Handlee', cursive;
	font-size: 1.250em;
	font-weight: 400;
	margin-bottom: 5px;
	margin-top: 5px;
}
.article table p { margin-bottom: 5px; }
.article table a[href^="mailto:"],
.article table a[href^="javascript:"] {
	color: #9360a6;
	font-family: 'Handlee', cursive;
	font-size: 1.125em;
	transition: color 0.2s linear;	
}
.article table a[href^="mailto:"]:hover,
.article table a[href^="javascript:"]:hover { color: #5f2c75; }

.article table img { display: none; max-width: none; }

.article .gallery { margin-bottom: 16px !important; }
.article .gallery-caption { display: none; }
.article .gallery img { 
	border: 5px solid #4db0ad !important;
	border-radius: 10px;
	display: block;
	height: auto;
	min-width: 1px;
	opacity: 1.0;
	transition: opacity 0.2s linear;
	}

/* Listing style
-------------------------------------------------------------------------------*/
.summary-panel {
	float: left;
	margin-top: 15px;
	position: relative;
	width: 100%;
	z-index: 1;
}
li.summary-panel:first-child { margin-top: 5px; }
.article .summary-panel {
	background: transparent;
	padding-left: 0;	
}
.summary-panel .flower { display: none; }
.summary-panel a { 
	background: #ffe888;
	border-radius: 20px;
	display: table;
	padding: 20px;
	transition: background 0.2s linear;
	width: 100%;
	}
.summary-panel a:hover { background: #ffeda1; }

.summary-panel .circle { display: table; height: 80px; margin: 0; width: 80px; }
.summary-panel .sp-content { 
	display: table-cell; 
	height: 100%;
	padding-left: 15px; 
	vertical-align: top;
	}
.summary-panel .spc-wrapper { height: 100%; overflow: hidden; }
.summary-panel h3 {
	float: left;
	font-family: 'Handlee', cursive;
	font-size: 1.250em;
	margin-bottom: 10px;
	margin-top: 0;
}
.summary-panel a h3 { color: #1d9492; }
.summary-panel a:hover h3 { color: #008683; }
.summary-panel a p { clear: left; color: #5d5d5d; float: left; font-size: 0.875em; line-height: 1.357em; }
.article .summary-panel p { margin-bottom: 0; }
.news-and-stories .summary-panel .read-more,
.summary-panel .read-more { display: block; float: left; margin-top: 10px; }

@media screen and (max-width: 500px) {
	.summary-panel a { display: block; }
    .summary-panel .circle { display: block; height: 140px; margin: 0 auto 15px auto; width: 140px; }
	.summary-panel .sp-content { display: block; padding-left: 0; width: 100%; }
	.summary-panel h3,
	.summary-panel a p { float: none; }
	.news-and-stories .summary-panel .read-more,
	.summary-panel .read-more { display: block; float: none; text-align: center; }
}

.date,
.posted-by,
.comments,
.categories,
.tags {
	border-radius: 10px;
	color: #fff;
	display: inline-block;
	font-size: 0.750em;
	padding: 0 10px;
	text-align: center;
}
.date a,
.posted-by a,
.comments a,
.categories a,
.tags a { color: #fff; transition: color 0.2s linear; }

.date { 
	background: #ec8923;
	margin-bottom: 20px;
	position: relative;
	z-index: 4;
	}
.summary-panel .date {
	left: 10px;
	margin-bottom: 10px;
	position: absolute;	
	top: 10px;
}
.summary-panel .date .posted { display: none; }

@media screen and (max-width: 500px) {
	.summary-panel .date { position: relative; left: 0; top: 0; }
	.date .posted { display: inline-block; }
}

.posted-by { background: #4db0ad; margin-bottom: 20px; }
.comments { background: #9360a6; margin-bottom: 20px; }
.comments a:hover { color: #ede2f2; }
.categories { background: #ec8923; margin-bottom: 5px; }
.categories a:hover { color: #ffddb9; }
.tags { background: #4db0ad; }
.tags a:hover { color: #d5f3f3; }

.post-meta { margin-bottom: 15px; }
.categories-tags { margin-bottom: 15px; margin-top: 20px; }
.post-meta .date,
.post-meta .posted-by,
.post-meta .comments,
.categories-tags .categories,
.categories-tags .tags {
	clear: left; 
	float: left;
	margin-bottom: 5px;
}

.navigation { width: 100%; }
.prev-posts { float: right; }
.next-posts { float: left; }

/* Resources / downloads / links
-------------------------------------------------------------------------------*/
.download-link { 
	border: 3px solid #dae8e8;
	border-radius: 25px;
	clear: left;
	display: block;
	float: left;
	margin-bottom: 10px;
	padding: 10px 20px;
	transition: border 0.2s linear;
	width: 100%;
	}
.download-link:hover { border: 3px solid #ace9e8; }

.download-link p { margin-bottom: 0; }

.download-link .download-title { 
	background: url(_/img/ico-resource-grey-x2.png) no-repeat 0 1px;
	background-size: 20px 20px;
	color: #8c8c8c;
	float: left;
	font-family: 'Montserrat', Helmet, Freesans, sans-serif;
	line-height: 1.250em;
	min-height: 21px;
	padding-left: 30px;
	transition: background 0.2s linear, color 0.2s linear;
	width: 100%;
	}
.download-link:hover .download-title { 
	background: url(_/img/ico-resource-x2.png) no-repeat 0 1px;
	background-size: 20px 20px;
	color: #4db0ad;
	}

.download-link .download-type {
	clear: left;
	color: #8c8c8c;
	float: left;
	font-family: 'Handlee', cursive;
	margin-top: 5px;
}
.download-link:hover .download-type { color: #4db0ad; }

.download-link .download-content { 
	color: #5d5d5d;
	clear: both;
	float: left;
	font-size: 0.875em;
	line-height: 1.357em;
	width: 100%;
	}
.download-link .download-content p { padding-top: 5px; }

/* Sidebar
-------------------------------------------------------------------------------*/
.aside { clear: left; float: left; margin-top: 50px; width: 100%; }

.widget { margin-top: 35px; }
.widget:first-child { margin-top: 0; }
.widget h3 {
	color: #5d5d5d;
	font-size: 1.500em;
	margin-bottom: 15px;
	text-align: center;
}

/* Sidebar services
-------------------------------------------------------------------------------*/
.widget-services { padding: 0 30px; width: 100%; }
.widget-services li:before, .widget-services li:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.widget-services li:after { clear: both; }  
.aside .widget-services li {
	background: transparent;
	clear: left;
	display: table;
	float: left;
	font-family: 'Handlee', cursive;
	font-size: 1.250em;
	margin-top: 10px;
	padding: 0;
	text-align: left;
	zoom: 1;
}
.widget-services li:first-child { margin-top: 0; }
.widget-services li .ws-service { 
	display: table-cell; 
	height: 45px; 
	padding-left: 10px; 
	vertical-align: middle;
	}

.widget-services li a { display: table-row; }
.widget-services li.ws-red a { color: #ef5154; }
.widget-services li.ws-orange a { color: #ec8923; }
.widget-services li.ws-gold a { color: #c5ab30; }
.widget-services li.ws-green a { color: #4db0ad; }
.widget-services li.ws-purple a { color: #9360a6; }
.widget-services li.ws-grey a { color: #5d5d5d; }

.widget-services li.ws-red a:hover { color: #e13627; }
.widget-services li.ws-orange a:hover { color: #c56800; }
.widget-services li.ws-gold a:hover { color: #a28501; }
.widget-services li.ws-green a:hover { color: #1d9492; }
.widget-services li.ws-purple a:hover { color: #77448e; }
.widget-services li.ws-grey a:hover { color: #212121; }

.widget-services .circle { display: block; }
.widget-services .circle-red .feature { 
	background-image: url(_/img/ico-heart-42.png);
	background-size: 25px 21px;
	}	
.widget-services .circle-orange .feature { 
	background-image: url(_/img/ico-support-42.png);
	background-size: 24px 21px;
	}
.widget-services .circle-gold .feature { 
	background-image: url(_/img/ico-house-42.png);
	background-size: 27px 21px;
	}
.widget-services .circle-green .feature { 
	background-image: url(_/img/ico-compass-42.png);
	background-size: 21px 21px;
	}
.widget-services .circle-purple .feature { 
	background-image: url(_/img/ico-group-42.png);
	background-size: 23px 21px;
	}
.widget-services .circle-grey .feature { 
	background-image: url(_/img/ico-supphouse-42.png);
	background-size: 22px 21px;
	}

/* Sidebar contact
-------------------------------------------------------------------------------*/
.widget-contact { text-align: center; word-wrap: break-word; }
.widget-contact .phone {
	color: #333;
	display: block;
	font-size: 1.375em;
	font-weight: 600;
	margin-bottom: 5px;
	}
.widget-contact .or { margin-top: -5px; }

/* Homepage
-------------------------------------------------------------------------------*/
.hero {
	background: #ffe888;
	border-radius: 40px;
	float: left;
	margin-bottom: 30px;
	padding: 20px;
	position: relative;
	width: 100%;
	z-index: 1;
}
.hero .flower { display: none; }
.hero h1 {
	color: #ec8923;
	font-family: 'Handlee', cursive;
	font-size: 1.500em;
	line-height: 1.116em;
	margin-bottom: 15px;
	margin-top: 20px;
}
.hero .circle { 
	left: 0;
	margin: 0 auto;
	max-width: 100%;
	position: relative;
	top: 0;
	z-index: 2;
	}
.hero p {
	color: #5d5d5d;
	opacity: 0.8;
}
.hero .read-more { display: block; margin-top: 15px; text-align: center; }

.services-we-offer {
	float: left;
	margin-bottom: 30px;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 1;
	}

.services-we-offer .title { margin: 0 auto; text-align: center; }
.services-we-offer h2 { color: #5d5d5d; font-size: 1.875em; }
.services-we-offer .read-more { display: block; margin-top: 10px; }
.services-we-offer p { margin: 10px auto; max-width: 780px; }

.swo-list { margin-top: 20px; width: 100%; }
.swo-list li { float: left; margin: 0 auto 10px; width: 50%; }
.swo-list a { 
	color: #fff; 
	display: block;
	font-family: 'Handlee', cursive;
	font-size: 1.375em;
	}	
.swo-list a:hover .circle-red { color: #e13627; }
.swo-list a:hover .circle-orange { color: #c46700; }
.swo-list a:hover .circle-gold { color: #a38502; }
.swo-list a:hover .circle-green { color: #1d9492; }
.swo-list a:hover .circle-purple { color: #77448d; }
.swo-list a:hover .circle-grey { color: #212121; }
	
.swo-list .circle { margin: 0 auto; }
.swo-list .circle .circle-overlay { transition: box-shadow 0.2s linear, opacity 0.4s linear; }
.swo-list a:hover .circle-overlay { opacity: 0; }
.swo-list .circle .feature { 
	background-position: 50% 22px;
	border: 5px solid #fff;
	transition: background 0.2s linear;
	}
.swo-list a:hover .circle .feature { background-color: #fff; }
.swo-list .circle-red .feature { 
	background-color: #ef5154;
	background-image: url(_/img/ico-heart-white-66.png);
	background-size: 39px 33px;	
	border: 5px solid #f7a8a9;
	}
.swo-list a:hover .circle-red .feature { 
	background-image: url(_/img/ico-heart-66.png);
	background-size: 39px 33px;
	}
.swo-list .circle-orange .feature { 
	background-color: #ec8923; 
	background-image: url(_/img/ico-support-white-66.png);
	background-size: 37px 33px;
	border: 5px solid #f5c491;
	}
.swo-list a:hover .circle-orange .feature { 
	background-image: url(_/img/ico-support-66.png);
	background-size: 37px 33px;
	}
.swo-list .circle-gold .feature { 
	background-color: #c5ab30;
	background-image: url(_/img/ico-house-white-66.png);
	background-size: 42px 33px;
	border: 5px solid #e2d597;
	}
.swo-list a:hover .circle-gold .feature { 
	background-image: url(_/img/ico-house-66.png);
	background-size: 42px 33px;
	}
.swo-list .circle-green .feature { 
	background-color: #4db0ad;
	background-image: url(_/img/ico-compass-white-66.png);
	background-size: 33px 33px;
	border: 5px solid #a6d7d6;
	}
.swo-list a:hover .circle-green .feature { 
	background-image: url(_/img/ico-compass-66.png);
	background-size: 33px 33px;	
	}		
.swo-list .circle-purple .feature { 
	background-color: #9360a6;
	background-image: url(_/img/ico-group-white-66.png);
	background-size: 36px 33px;
	border: 5px solid #c9afd2;
	}
.swo-list a:hover .circle-purple .feature { 
	background-image: url(_/img/ico-group-66.png);
	background-size: 36px 33px;	
	}	
.swo-list .circle-grey .feature { 
	background-color: #5d5d5d;
	background-image: url(_/img/ico-supphouse-white-66.png);
	background-size: 36px 33px;
	border: 5px solid #bcbbbb;
	}
.swo-list a:hover .circle-grey .feature { 
	background-image: url(_/img/ico-supphouse-66.png);
	background-size: 36px 33px;	
	}
.swo-list .swo-service { 
	height: 100%;
	left: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 70px;
	position: absolute; 
	text-indent: 0;
	top: 0;
	width: 100%;
	z-index: 4;
	}

@media screen and (max-width: 420px) {
	.swo-list .circle-160 { 
		border-radius: 65px;
		height: 130px;
		width: 130px;
		}
	.swo-list .swo-service { line-height: 1em; padding-left: 10px; padding-right: 10px; padding-top: 65px; }
	.swo-list a { font-size: 1.125em; }
}

.news-and-stories {
	float: left;
	margin-bottom: 30px;
	position: relative;
	width: 100%;
	z-index: 1;
	}
.news-and-stories h2 { color: #5d5d5d; float: left; font-size: 1.875em; }
.news-and-stories .read-more { float: right; margin-top: 7px; }

@media screen and (max-width: 420px) {
	.news-and-stories .read-more { clear: left; float: left; }
}

.nas-news { float: left; width: 100%; }
.nas-stories { clear: left; float: left; margin-top: 30px; width: 100%; }

.resources-and-contact {
	float: left;
	margin-bottom: 30px;
	position: relative;
	width: 100%;
	z-index: 1;
	}
.resources-and-contact h2 { color: #5d5d5d; float: left; font-size: 1.875em; }
.resources-and-contact .read-more { float: right; margin-top: 7px; }

@media screen and (max-width: 420px) {
	.resources-and-contact .read-more { clear: left; float: left; }
}

.rac-resources { float: left; width: 100%; }
.rac-contact { clear: left; float: left; margin-top: 40px; width: 100%; }
.contact-summary { clear: left; float: left; width: 100%; }

.resources-and-contact p { clear: both; float: left; margin: 10px 0; width: 100%; }

.homepage-resources { width: 100%; }
.homepage-resources a {
	border: 0;
	border-radius: 0;
	clear: left;
	float: left;
	font-size: 0.875em;
	line-height: 1.357em;
	margin: 0;
	margin-top: 12px;
	min-height: 22px;
	padding: 0;
	padding-left: 28px;
	width: 100%;
}
.homepage-resources a:hover { border: 0; }
.homepage-resources a:first-child { margin-top: 7px; }
.homepage-resources .download-link .download-title { 
	background: transparent;
	color: #4db0ad; 
	float: none;
	font-family: 'Open Sans', Helmet, Freesans, sans-serif;
	font-size: 1em;
	margin: 0;
	min-height: auto;
	padding: 0;
	width: 100%;
	}
.homepage-resources .download-link:hover .download-title { background: transparent; color: #1d9492; }
.homepage-resources .download-link .download-title:before {
	background: url(_/img/ico-resource-x2.png) no-repeat top left;
	background-size: 20px 20px;
	content: "";
	display: block;
	float: left;
	height: 20px;
	margin-left: -28px;
	opacity: 0.7;
	transition: opacity 0.2s linear;
	width: 20px;
}
.homepage-resources .download-link:hover .download-title:before { opacity: 1.0; }
.homepage-resources .download-type,
.homepage-resources .download-content { display: none; }

/* Footer
-------------------------------------------------------------------------------*/
.footer { 
	color: #5d5d5d;
	font-size: 0.688em;
	line-height: 1.0em;
	padding-bottom: 10px; 
	padding-top: 10px;
	z-index: 1;
	}
.footer a { color: #5d5d5d; }
.footer a:hover { color: #008783; }
.footer-left { float: left; width: 100%; }
.copyright { float: left; }
.privacy { clear: left; float: left; margin-top: 7px; }
.menu-footer-links-container {
	clear: left;
	float: left;
	margin-top: 5px;
}
.menu-footer-links-container li {
	border-left: 1px solid #5d5d5d;
	float: left;
	margin-left: 10px;
	padding-left: 10px;
}
.menu-footer-links-container li:first-child { border-left: 0; margin: 0; padding: 0; }
.fb-join { 
	clear: none; 
	float: right;
	}
.fb-join a {
	border-radius: 2px;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	padding: 4px 8px 5px 7px;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
	/* gradient */
	background: #4c69ba; /* Old browsers */
	background: -moz-linear-gradient(top,  #4c69ba 0%, #3b56a1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c69ba), color-stop(100%,#3b56a1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4c69ba 0%,#3b56a1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4c69ba 0%,#3b56a1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4c69ba 0%,#3b56a1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4c69ba 0%,#3b56a1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c69ba', endColorstr='#3b56a1',GradientType=0 ); /* IE6-9 */	
}
.fb-join a:before {
	color: #fff;
	content: "\002B";
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	margin-right: 6px;
	}
.fb-join a:hover {
	color: #fff;
	background: #5b7bd4; /* Old browsers */
	background: -moz-linear-gradient(top,  #5b7bd4 0%, #4d6ab9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b7bd4), color-stop(100%,#4d6ab9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5b7bd4 0%,#4d6ab9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5b7bd4 0%,#4d6ab9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5b7bd4 0%,#4d6ab9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5b7bd4 0%,#4d6ab9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b7bd4', endColorstr='#4d6ab9',GradientType=0 ); /* IE6-9 */
}

.footer-right { 
	background: url(_/img/bg-footer-right-x2.png) no-repeat bottom right;
	background-size: 91px 41px;	
	clear: left; 
	float: left; 
	margin-top: 18px;
	min-height: 41px;
	text-align: right;
	width: 100%;
	}
.mob-left-img {
	background: url(_/img/bg-footer-left-x2.png) no-repeat bottom left;
	background-size: 102px 30px;
}
.siteby { margin-left: 5px; padding-top: 18px; text-align: center; }
.siteby .ee {
	background: url(_/img/ee-x2.png) no-repeat top left;
	background-size: 34px 21px;
	display: inline-block;
	height: 21px;
	margin-top: -3px;
	opacity: 1.0;
	text-align: left;
	text-indent: -9999px;
	transition: opacity 0.2s linear;
	width: 34px;
}
.siteby .ee:hover { opacity: 0.8; }
@-moz-document url-prefix() {
    .siteby .ee:hover { opacity: 1; }
}

/* Circles
-------------------------------------------------------------------------------*/
.circle {
	border-style: solid;
	border-width: 5px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	position: relative;
	z-index: 1;
}
.circle-250 { 
	border-radius: 125px;
	height: 250px; 
	width: 250px;
	}
.circle-160 { 
	border-radius: 75px;
	height: 150px; 
	width: 150px;
	}
.circle-140 { 
	border-radius: 70px;
	height: 140px; 
	width: 140px;
	}
.circle-80 { 
	border-radius: 40px;
	height: 80px; 
	width: 80px;
	}
.circle-45 { 
	border-radius: 23px;
	height: 45px; 
	width: 45px;
	}
.circle-sml { border-width: 2px; }

.circle .feature { 
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50%;
	display: block; 
	height: 100%; 
	position: relative; 
	text-indent: -9999px;
	width: 100%; 
	z-index: 1;
	}

.circle-red { background: #ef5154; border-color: #ef5154; }
.circle-orange { background: #ec8923; border-color: #ec8923; }
.circle-gold { background: #c5ab30; border-color: #c5ab30; }
.circle-green { background: #4db0ad; border-color: #4db0ad; }
.circle-purple { background: #9360a6; border-color: #9360a6; }
.circle-grey { background: #5d5d5d; border-color: #5d5d5d; } 

.circle-overlay {
	background: transparent;
	border-radius: 50%;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: box-shadow 0.2s linear;
	width: 100%;
	z-index: 2;
}
.circle-red .circle-overlay { box-shadow: 0px 0px 0px 5px rgba(239,81,84,0.5) inset; }
.circle-orange .circle-overlay { box-shadow: 0px 0px 0px 5px rgba(236,137,35,0.5) inset; }
.circle-gold .circle-overlay { box-shadow: 0px 0px 0px 5px rgba(197,171,48,0.5) inset; }
.circle-green .circle-overlay { box-shadow: 0px 0px 0px 5px rgba(77,176,173,0.5) inset; }
.circle-purple .circle-overlay { box-shadow: 0px 0px 0px 5px rgba(147,96,166,0.5) inset; }
.circle-grey .circle-overlay { box-shadow: 0px 0px 0px 5px rgba(93,93,93,0.5) inset; }

.circle-red.circle-sml .circle-overlay { box-shadow: 0px 0px 0px 2px rgba(239,81,84,0.5) inset; }
.circle-orange.circle-sml .circle-overlay { box-shadow: 0px 0px 0px 2px rgba(236,137,35,0.5) inset; }
.circle-gold.circle-sml .circle-overlay { box-shadow: 0px 0px 0px 2px rgba(197,171,48,0.5) inset; }
.circle-green.circle-sml .circle-overlay { box-shadow: 0px 0px 0px 2px rgba(77,176,173,0.5) inset; }
.circle-purple.circle-sml .circle-overlay { box-shadow: 0px 0px 0px 2px rgba(147,96,166,0.5) inset; }
.circle-grey.circle-sml .circle-overlay { box-shadow: 0px 0px 0px 2px rgba(93,93,93,0.5) inset; }

a:hover .circle-red .circle-overlay { box-shadow: 0px 0px 0px 80px rgba(239,81,84,0.5) inset; }
a:hover .circle-orange .circle-overlay { box-shadow: 0px 0px 0px 80px rgba(236,137,35,0.5) inset; }
a:hover .circle-gold .circle-overlay { box-shadow: 0px 0px 0px 80px rgba(197,171,48,0.5) inset; }
a:hover .circle-green .circle-overlay { box-shadow: 0px 0px 0px 80px rgba(77,176,173,0.5) inset; }
a:hover .circle-purple .circle-overlay { box-shadow: 0px 0px 0px 80px rgba(147,96,166,0.5) inset; }
a:hover .circle-grey .circle-overlay { box-shadow: 0px 0px 0px 80px rgba(93,93,93,0.5) inset; }

a:hover .circle-red.circle-sml .circle-overlay { box-shadow: 0px 0px 0px 23px rgba(239,81,84,0.5) inset; }
a:hover .circle-orange.circle-sml .circle-overlay { box-shadow: 0px 0px 0px 23px rgba(236,137,35,0.5) inset; }
a:hover .circle-gold.circle-sml .circle-overlay { box-shadow: 0px 0px 0px 23px rgba(197,171,48,0.5) inset; }
a:hover .circle-green.circle-sml .circle-overlay { box-shadow: 0px 0px 0px 23px rgba(77,176,173,0.5) inset; }
a:hover .circle-purple.circle-sml .circle-overlay { box-shadow: 0px 0px 0px 23px rgba(147,96,166,0.5) inset; }
a:hover .circle-grey.circle-sml .circle-overlay { box-shadow: 0px 0px 0px 23px rgba(93,93,93,0.5) inset; }

/* Forms
-------------------------------------------------------------------------------*/
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="date"],
select,
textarea {
	background: #fff;
	border: 3px solid #adadad;
	border-radius: 20px;
	color: #5d5d5d;
	clear: left;
	float: left;
	height: 40px;
	font-size: 16px; /* otherwise mobiles will zoom */
	padding: 0 10px;
	transition: border 0.2s linear;
	width: 100%;
}

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="date"],
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
textarea {
  -webkit-appearance: none;
  appearance: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { margin: 0; }
textarea {
  max-width: 100%;
  min-height: 190px;
  min-width: 100%;
  padding: 10px 8px;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus {
	border: 3px solid #b994c8;
	outline: none;
}
input[type="checkbox"]:focus,
input[type="radio"]:focus {
  border: none;
  box-shadow: none;
  outline: none;
}

/* Availability form */
#divOtherReferral, #divVisaStatus, #divYesYellow, #divNoYellow, #divYesBlue, #divFirstAid, #divPreviousDSW, #divOtherReferee1, #divOtherReferee2, #divCarInsurance, #divOtherTitle, #divPassportDetails { display: none; }
table.avail-table { width: 100%; }
table.avail-table td { text-align: center; vertical-align: middle; }
table.avail-table td.day { text-align: left; }
table.avail-table td span.wpcf7-list-item-label { display: none; }

.required-fields {
	background: url(_/img/ico-required-x2.png) no-repeat 0 3px;
	background-size: 8px 8px;
	float: right;
	font-size: 0.875em;
	padding-left: 12px;
}
.form-row { clear: left; float: left; margin-bottom: 1em; width: 100%; }
.form-col,
.chk-row { clear: left; float: left; margin-bottom: 0; width: 100%; }
.form-row .form-col:nth-child(odd) { margin-bottom: 1em; }
.comment-area .form-row .form-col:nth-child(odd) { margin-bottom: 0; }
.form-row input[type="text"],
.form-row input[type="number"],
.form-row input[type="tel"],
.form-row input[type="search"],
.form-row input[type="email"],
.form-row input[type="url"],
.form-row input[type="password"],
.form-row input[type="date"],
.form-row select,
.form-row textarea { margin-top: 3px; }
.form-row .required {
	background: url(_/img/ico-required-x2.png) no-repeat top left;
	background-size: 8px 8px;
	display: inline-block;
	height: 8px;
	position: relative;
	text-indent: -9999px;
	top: -5px;
	width: 8px;
}

.chk-row p { margin-bottom: 0; }
.form-row p.label { margin-bottom: 10px; }
.chk-row label { clear: left; float: left; width: 100%; }
.chk-row input { margin-right: 5px; margin-top: 5px; vertical-align: top; }
.chk-row span.wpcf7-list-item { margin-left: 0; }

.notes { 
	clear: left; 
	color: #acacac; 
	float: left; 
	font-size: 0.750em;
	font-style: italic;
	margin-top: 0;
	}

/* Contact form 7 controls */
.wpcf7-form:before, .wpcf7-form:after { 
	content: "\0020"; 
	display: block; 
	height: 0; 
	overflow: hidden;
	}  
.wpcf7-form:after { clear: both; }
.wpcf7-form { zoom: 1; }
.wpcf7-form span.wpcf7-form-control-wrap br { display: none; }
.wpcf7-form span.wpcf7-not-valid-tip { 
	clear: left; 
	color: #ef5154; 
	float: left; 
	font-size: 0.875em; 
	line-height: 1em;
	margin-top: 5px;
	}
.wpcf7-form input.wpcf7-not-valid,
.wpcf7-form select.wpcf7-not-valid,
.wpcf7-form textarea.wpcf7-not-valid {
	border: 3px solid #ef5154;
}
.wpcf7-form div.wpcf7-response-output { border-radius: 20px; clear: left; float: left; }
.wpcf7-form div.wpcf7-mail-sent-ok { border: 3px solid #4db0ad; }
.wpcf7-form div.wpcf7-mail-sent-ng { border: 3px solid #ef5154; }
.wpcf7-form div.wpcf7-spam-blocked { border: 3px solid #c5ab30; }
.wpcf7-form div.wpcf7-validation-errors { border: 3px solid #ef5154; }

.wpcf7-form .ajax-loader { height: auto !important; min-width: 1px !important; width: auto !important; }

.ui-datepicker { width: auto !important; }
.ui-datepicker-year { clear: none; float: right; }
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { height: auto; }

/* Buttons */
.read-more { 
	color: #9360a6;
	font-family: 'Handlee', cursive;
	font-size: 1.125em;
	transition: color 0.2s linear;
	}
.read-more:hover { color: #5f2c75; }
.aside .read-more { display: block; margin-top: 10px; }

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.btn {
	background: #70cdcb;
	border: 3px solid #4db0ad;	
	border-radius: 20px;
	color: #fff;
	font-family: 'Montserrat', Helmet, Freesans, sans-serif;
	font-size: 1.125em;
	height: auto;
	line-height: 33px;
	padding: 2px 20px 0 20px;
	text-align: center;
	text-transform: uppercase;
	transition: background 0.2s linear;
	width: 100%;
	-webkit-appearance: none;
  	appearance: none;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.btn:hover,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
button:focus,
.btn:focus,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
button:active,
.btn:active { 
	background: #4db0ad;
	color: #fff;
	outline: none;
	}

.search-box { position: relative; }
.search-box input[type="search"] { 
	padding-right: 35px;
	position: relative; 
	z-index: 1;
	}
input[type="submit"].btn-search {
	background: url(_/img/btn-search-x2.png) transparent no-repeat top left;
	background-size: 20px 20px;
	border: 0;
	border-radius: 0;
	color: #5d5d5d;
	display: block;
	height: 20px;
	opacity: 0.5;
	position: absolute;
	right: -5px;
	text-indent: -9999px;
	transition: opacity 0.2s linear;
	top: 10px;
	width: 20px;
	z-index: 2;
}
input[type="submit"].btn-search:hover,
input[type="submit"].btn-search:focus,
input[type="submit"].btn-search:active { 
	background-color: transparent; 
	color: #5d5d5d; 
	opacity: 1.0;
	}
	
/* Partner with us button
-------------------------------------------------------------------------------*/
.partner-with-us {
	float: left;
	margin-top: 20px;
	position: relative;
	width: 100%;
	}
.partner-with-us .flower { display: none; }
.partner-with-us .pwu { 
	background: #ffe888;
	border-radius: 40px;
	display: block;
	padding: 15px 20px 12px 20px;
	transition: background 0.2s linear;
	width: 100%;
	}
.partner-with-us .pwu:hover { background: #ffeda1; }
.partner-with-us .pwu h3 { color: #5d5d5d; text-align: center; }
.partner-with-us .read-more { 	
	display: block;
	float: none;
	margin-top: 10px;
	text-align: center;
	}

.aside .partner-with-us h3 { margin-bottom: 0; }

/* Flowers (desktop only)
-------------------------------------------------------------------------------*/
.flower { display: none; }

/* Wordpress comment stuff
-------------------------------------------------------------------------------*/
ol.commentlist { list-style: none; margin: 0; }
ol.commentlist li.comment {
	background: #fff;
	border: 5px solid #ffe888;
	border-radius: 20px;
	margin-bottom: 20px;
	padding: 20px;
	word-wrap: break-word;
	}
ol.commentlist li.comment .comment { margin-bottom: 0; }
.comment-awaiting-moderation {
	background: #ec8923;
	border-radius: 10px;
	color: #fff;
	display: inline-block;
	font-size: 0.750em;
	padding: 0 10px;
	text-align: center;
}
.comment-reply-link {
	background: #9360a6;
	border-radius: 10px;
	color: #fff;
	display: inline-block;
	font-size: 0.750em;
	padding: 0 10px;
	text-align: center;
}
.comment-reply-link:hover { color: #ede2f2; }

.cancel-comment-reply { margin-bottom: 15px; }
.cancel-comment-reply a {
	background: #ec8923;
	border-radius: 10px;
	color: #fff;
	display: inline-block;
	font-size: 0.750em;
	padding: 0 10px;
	text-align: center;
}
.cancel-comment-reply a:hover { color: #ffddb9; }
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard img.avatar {
	border: 0;
	box-shadow: 0 0 0 5px #4db0ad;
	float: right; 
	height: 32px;
	min-width: 1px;
	width: 32px;
	}
ol.commentlist li.comment div.commentmetadata { margin-bottom: 10px; }
ol.commentlist li.comment div.comment-meta { font-size: 0.750em; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li.depth-2 { margin-top: 20px; }

/* Site map
-------------------------------------------------------------------------------*/
.article .wsp-pages-list > li, 
.article .wsp-posts-list > li { background: transparent; padding-left: 0; }
.article .wsp-posts-list .wsp-posts-list > li {
	background: url(_/img/arrow-right-orange-x2.png) no-repeat 0 7px;
	background-size: 8px 9px;	
	padding-left: 20px;
}
.article .wsp-pages-list > li .children, 
.article .wsp-posts-list > li .children { margin-bottom: 5px; }

.article .wsp-pages-list > li > a { color: #5d5d5d; font-weight: 600; }
.article .wsp-pages-list > li > a:hover { color: #008783; }

/* Facebook group feed
-------------------------------------------------------------------------------*/
.fts-jal-fb-header { 
	background: #edeff4;
	border: 1px solid #aaa;
	border-bottom: 0;
	border-top: 1px solid #3b5998;
	color: #000;
	display: none;
	font-size: 12px;
	padding: 6px;
	width: 100%;
	}
.fts-jal-fb-header p.fb-join { float: none; margin-top: 0; }
.fts-jal-fb-header a { color: #fff; }
.fts-jal-fb-header a:hover { color: #fff !important; }
.fts-jal-fb-group-display {
	border: 1px solid #aaa;
	border-top: 1px solid #d8dfea;
	background: #fff;
	padding: 0 10px 10px 10px;
}
.fts-jal-fb-group-display .fts-jal-fb-user-name { padding-top: 0; }
.fts-jal-fb-group-display .fts-jal-fb-post-time { line-height: 14px; }
.article .fts-jal-fb-group-display .fts-jal-fb-user-thumb img,
.aside .fts-jal-fb-group-display .fts-jal-fb-user-thumb img { border: 0; }
.aside .widget .fts-jal-single-fb-post { padding-top: 10px !important; }
.fts-jal-fb-message { font-size: 14px; line-height: 1.38em; }