/* Rainbow Families Victoria — homepage static styles */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.woff2') format('woff2'),
       url('../fonts/fontawesome-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* Lato */
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/S6u9w4BMUTPHh7USSwaPGQ3q5d0N7w.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Theme (purged for homepage) */
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
em,
strong,
ol,
ul,
li,
form,
label,
table,
tr,
th,
td{
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html{
	-webkit-text-size-adjust: none;
}
:focus{
	outline: 0;
}
::selection{
	background: #89a452;
	color: #fff;
}
::-moz-selection{
	background: #89a452;
	color: #fff;
}
ol,
ul{
	list-style: none;
	margin: 0;
}
table,
th,
td{
	border: 1px solid rgba(0, 0, 0, 0.1);
}
table{
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 20px;
	width: 100%;
}
th{
	font-weight: normal;
	text-align: left;
}
th{
	text-transform: uppercase;
	color: #333;
}
td,
th{
	padding: 8px;
	border-width: 0 1px 1px 0;
}
a img{
	border: 0 none;
}
aside,
figcaption,
figure,
footer,
header,
nav,
section{
	display: block;
}
body,
input{
	color: #666;
	font: 16px 'Lato', sans-serif;
	line-height: 23px;
	word-wrap: break-word;
	font-weight: 300;
}
body{
	background-color: #ececec;
}
.assistive-text,
.screen-reader-text{
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); 
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	width: 1px;
}
blockquote{
	font-style: italic;
	margin-bottom: 20px;
	background-color: #f2f2f2;
	padding: 30px 30px 10px 35px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-left: 5px solid #89a452;
}
blockquote em,
blockquote i,
blockquote cite{
	font-style: normal;
}
blockquote cite{
	letter-spacing: 2px;
	text-transform: uppercase;
}
.call-to-action{
	color: #000;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 25px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #000;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.call-to-action:hover{
	background-color: #89a452;
	border-color: #89a452; 
	color: #fff;
}
.back-to-top{
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 1;
}
.back-to-top span{
	width: 40px;
	height: 40px;
	display: block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	line-height: 40px;
	font-family: 'FontAwesome';
	background-color: #000;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.back-to-top span:hover{
	background-color: #89a452;
}
.back-to-top span:before{
	content: '\f106';
}
.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix{
	display: inline-block;
}
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="number"],
input[type="reset"],
input[type="button"],
input[type="submit"]{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
input{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	width: 100%;
	background-color: #f9f9f9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input:focus{
	border-color: rgba(0, 0, 0, 0.15);
}
input[type="reset"],
input[type="button"],
input[type="submit"]{
	border: 0 none;
	cursor: pointer;
	margin-bottom: 30px;
	color: #fff;
	text-transform: uppercase;
	display: block;
	text-align: center;
	height: 40px;
	width: inherit;
	padding: 0px 20px;
	margin-top: 5px;
	background-color: #89a452;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover{
	background-color: #666;
}
input[type="radio"],
input[type="checkbox"],
input[type="file"]{
	width: inherit;
	border: 1px solid rgba(0, 0, 0, 0.05);
}
input[type="file"]{
	cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6{
	color: #333;
}
h1{
	font-size: 28px;
	line-height: 35px;
}
h2{
	font-size: 26px;
	line-height: 33px;
}
h3{
	font-size: 24px;
	line-height: 31px;
}
h4{
	font-size: 22px;
	line-height: 29px;
}
h5{
	font-size: 20px;
	line-height: 27px;
}
h6{
	font-size: 17px;
	line-height: 24px;
	text-transform: uppercase;
}
hr{
	border-color: rgba(0, 0, 0, 0.1);
	border-style: solid none none;
	border-width: 1px 0 0;
	height: 0;
	margin: 0 0 40px;
}
figure{
	margin: 0;
	text-align: center;
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
.widget img{
	max-width: 100%;
}
img.size-full{
	max-width: 100%;
	height: auto; 
}
a{
	color: #89a452;
	text-decoration: none;
}
a:focus,
a:active,
a:hover{
	text-decoration: none;
}
p{
	margin-bottom: 20px;
}
strong{
	font-weight: bold;
}
em,
i{
	font-style: italic;
}
#page{
	width: 100%;
	background-color: #fff;
}
.container{
	margin: 0 auto;
	max-width: 1170px;
}
.business-layout #content{
	padding: 0;
}
.hgroup-wrap{
	background-color: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.hgroup-right{
	float: right;
	position: relative;
	padding-right: 35px;
	min-width: 250px;
}
#site-logo{
	float: left;
	margin-top: 19px;
	margin-bottom: 19px;
}
#site-title{
	font-size: 25px;
	text-transform: uppercase;
	line-height: normal;
	float: left;
	margin-right: 10px;
}
#site-title span{
	color: #666;
	display: block;
}
#site-title span:hover,
#site-title span:focus,
#site-title span:active{
	color: #89a452;
}
#site-title span img{
	vertical-align: inherit;
	max-width: 1170px;
	display: block;
}
.social-profiles,
.social-profiles ul{
	float: right;
}
.social-profiles ul li{
	margin: 6px 0 0 5px;
	float: left;
}
.social-profiles ul li > span{
	display: block;
	width: 20px;
	height: 20px;
	color: #888;
	font-family: 'FontAwesome';
	font-size: 18px;
	line-height: normal;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
}
.social-profiles ul li > span:before{
	content: '\f08e';
}
.social-profiles ul li > span[data-network="facebook"]:hover{
	color: #3b5998;
}
.social-profiles ul li > span[data-network="facebook"]:before{
	content: '\f09a';
}
.social-profiles ul li > span[data-network="twitter"]:hover{
	color: #1dcaff;
}
.social-profiles ul li > span[data-network="twitter"]:before{
	content: '\f099';
}
.main-navigation{
	float: right;
}
.main-navigation li{
	float: left;
	position: relative;
	margin-left: 25px;
}
.main-navigation li > span{
	color: #666;
	display: block;
	float: left;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 24px 0 0;
	height: 46px;
}
.main-navigation li > span:hover,
.main-navigation ul li.current-menu-item > span,
.main-navigation ul li.current_page_ancestor > span,
.main-navigation ul li.current-menu-ancestor > span,
.main-navigation ul li.current_page_item > span,
.main-navigation ul li:hover > span{
	color: #89a452;
}
.main-navigation ul li ul,
.main-navigation ul li:hover ul ul,
.main-navigation ul ul li:hover ul ul,
.main-navigation ul ul ul li:hover ul ul,
.main-navigation ul ul ul ul li:hover ul ul{
	display: none;
	z-index: 9999;
}
.main-navigation ul li:hover ul,
.main-navigation ul ul li:hover ul,
.main-navigation ul ul ul li:hover ul,
.main-navigation ul ul ul ul li:hover ul,
.main-navigation ul ul ul ul ul li:hover ul{
	display: block;
}
.main-navigation ul li ul{
	position: absolute;
	background-color: #fff;
	top: 70px;
	left: 0;
	width: 200px;
}
.main-navigation ul li ul li{
	float: none;
	margin: 0;
}
.main-navigation ul li ul li > span,
.main-navigation ul li.current-menu-item ul li > span,
.main-navigation ul li ul li.current-menu-item > span,
.main-navigation ul li.current_page_ancestor ul li > span,
.main-navigation ul li.current-menu-ancestor ul li > span,
.main-navigation ul li.current_page_item ul li > span{
	float: none;
	line-height: 20px;
	font-size: 14px;
	height: inherit;
	padding: 8px 10px;
	color: #666;
	text-transform: capitalize;
}
.main-navigation ul li ul li > span:hover,
.main-navigation ul li ul li:hover > span,
.main-navigation ul li.current-menu-item ul li > span:hover{
	color: #89a452;
}
.main-navigation ul li ul li ul{
	left: 200px;
	top: 0;
}
.menu-toggle{
	display: none;
}
#content{
	padding: 60px 0 10px;
}
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6{
	padding-bottom: 20px;
}
#main ul{
	list-style-type: disc;
}
#main ul,
#main ol{
	margin: 0 0 20px 30px;
}
#main ul a,
#main ol a{
	color: #666;
}
#main ul a:hover,
#main ol a:hover{
	text-decoration: none;
	color: #89a452;
}
#main ol{
	list-style-type: decimal;
}
#main ol ol{
	list-style: upper-alpha;
}
#main ol ol ol{
	list-style: lower-roman;
}
#main ol ol ol ol{
	list-style: lower-alpha;
}
#main ul ul,
#main ol ol,
#main ul ol,
#main ol ul{
	margin-bottom: 0;
}
.one-fourth{
	float: left;
	margin: 0 0 0 2.49%;
	padding-bottom: 40px;
}
.one-fourth{
	width: 22.49%;
}
p{
	line-height: 1.4;
}
.widget{
	margin-bottom: 50px;
}
.widget ul li a{
	color: #666;
}
.widget ul li a:hover{
	color: #89a452;
}
.widget-title{
	font-size: 16px;
	line-height: 23px;
	padding-bottom: 15px;
	font-weight: normal;
}
.widget-title,
.widget-title a{
	color:#333;
}
.widget-title a:hover{
	color: #89a452;
}
.business-layout .widget-title{
	font-size: 30px;
	line-height: 37px;
}
.widget_featured_page{
	margin-bottom: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	background-color: #fff;
}
.widget_featured_page .container{
	padding: 80px 0 60px;
}
.widget_featured_page .featured-page-content{
	width: 48.71%;
	float: left;
}
.widget_featured_page .highlighted-content{
	font-size: 20px;
	line-height: 27px;
	color: #000
}
.widget_featured_page .call-to-action{
	margin: 10px 0 20px;
}
.widget_featured_page .midd{
	padding: 60px 0 40px;
}
.midd .featured-page-content{
	float: none;
	text-align: center;
	width: 100%;
	padding-bottom: 10px;
}
#colophon{
	margin-top: -1px;
}
#colophon .widget-wrap{
	background-color: #262626;
	color: #888;
}
#colophon .widget-area{
	margin-left: -2.56%;
	padding: 50px 0 10px;
}
#colophon .one-fourth{
	padding-bottom: 0;
}
#colophon .widget{
	margin-bottom: 40px;
}
#colophon .widget ul li > span{
	color: #888;
}
#colophon .widget ul li > span:hover{
	color: #89a452;
}
#colophon .widget_nav_menu ul li > span{
	padding: 4px 0 6px;
	display: block;
}
#colophon .widget_nav_menu ul ul li > span{
	padding-left: 20px;
}
#colophon .widget_nav_menu ul ul ul li a{
	padding-left: 30px;
}
#colophon .widget-title{
	font-size: 16px;
	text-transform: uppercase;
	line-height: 23px;
	color: #fff;
	font-weight: 700;
	letter-spacing: 2px;
}
.site-info{
	padding: 30px 0px;
	background-color: #1a1a1a;
	font-size: 14px;
	line-height: 21px;
}
.site-info .social-profiles{
	width: 31.28%;
}
.site-info .social-profiles ul{
	margin: -10px 0 0;
}
.site-info .social-profiles ul li{
	margin-top: 14px;
}
.site-info .copyright{
	float: left;
	padding-top: 2px;
	width: 65.64%;
}
.site-info .copyright span{
	color: #888;
}
.site-info .copyright span:hover{
	color: #89a452;
}
@media only screen and (max-width: 1290px){
.container{
		width: 964px;
	}
}
@media only screen and (max-width: 1023px){
.container{
		width: 708px;
	}
#site-title span img{
		max-width: 708px;
	}
.one-fourth{
		margin: 0 0 0 2.9%;
	}
.one-fourth{
		width: 30.43%;
	}
#colophon .widget-area{
		margin-left: 0;
	}
#colophon .one-fourth{
		width: 100%;
		float: none;
		margin: 0;
	}
}
@media only screen and (max-width: 767px){
hr{
		margin-bottom: 30px;
	}
.container{
		width: 300px;
	}
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6{
		padding-bottom: 10px;
	}
#site-logo{
		margin-bottom: 13px;
		margin-top: 13px;
		max-width: 265px;
	}
#site-title span img{
		max-width: 265px;
	}
.hgroup-right{
		padding-right: 0;
		min-width: inherit;
	}
.menu-toggle{
		display: block;
		background-color: rgba(0, 0, 0, 0);
		font-size: 0;
		border: 0 none;
		padding: 0;
		color: #666;
		width: 24px;
		height: 21px;
		float: right;
		margin-top: 19px;
		cursor: pointer;
	}
.menu-toggle:before{
		display: block;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 28px;
		line-height: 0;
		font-family: 'FontAwesome';
		vertical-align: top;
		content: '\f0c9';
	}
.hgroup-right{
		clear: both;
		float: none;
	}
.nav-menu{
		display: none;
	}
.toggled-on .nav-menu{
		display: block;
	}
.main-navigation{
		float: none;
	}
.main-navigation li{
		position: inherit;
		width: 100%;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		margin-left: 0;
	}
.main-navigation li > span{
		float: none;
		padding: 10px 0;
		height: inherit;
	}
.main-navigation ul li ul,
.main-navigation ul li:hover ul ul,
.main-navigation ul ul li:hover ul ul,
.main-navigation ul ul ul li:hover ul ul,
.main-navigation ul ul ul ul li:hover ul ul{
		display: block;
	}
.main-navigation ul li ul{
		position: inherit;
		top: 0;
		width: inherit;
	}
.main-navigation ul li ul li > span,
.main-navigation ul li.current-menu-item ul li > span,
.main-navigation ul li ul li.current-menu-item > span,
.main-navigation ul li.current_page_ancestor ul li > span,
.main-navigation ul li.current-menu-ancestor ul li > span,
.main-navigation ul li.current_page_item ul li > span{
		padding: 10px 0 10px 15px;
	}
.main-navigation ul li ul li > span:hover,
.main-navigation ul li ul li:hover > span,
.main-navigation ul li.current-menu-item ul li > span:hover{
		background-color: inherit;
	}
.main-navigation ul li ul li ul{
		left: 0;
	}
.main-navigation ul li ul li ul li a,
.main-navigation ul li.current-menu-item ul li ul li a,
.main-navigation ul li ul li.current-menu-item ul li a,
.main-navigation ul li.current_page_ancestor ul li ul li a,
.main-navigation ul li.current-menu-ancestor ul li ul li a,
.main-navigation ul li.current_page_item ul li ul li a{
		padding-left: 21px;
	}
#content{
		padding-top: 50px;
	}
.one-fourth{
		margin: 0;
		width: 100%;
	}
.widget{
		margin-bottom: 40px;
	}
.widget_featured_page{
		margin-bottom: 0;
	}
.widget_featured_page .container{
		padding: 60px 0 40px;
	}
.featured-page-content{
		padding-bottom: 10px;
	}
.widget_featured_page .featured-page-content{
		float: none;
		width: 100%;
		text-align: center;
	}
.site-info .social-profiles,
.site-info .copyright{
		float: none;
		width: 100%;
	}
.site-info .social-profiles ul{
		text-align: center;
		float: none;
	}
.site-info .social-profiles ul li{
		display: inline-block;
		float: none;
	}
.site-info .copyright{
		padding-top: 20px;
		text-align: center;
	}
}
@media only screen and (max-width: 319px){
.container{
		width: 95%;
	}
}

/* Static homepage extras */
.call-to-action { cursor: default; text-decoration: none; }
.widget_newsletter { padding: 60px 0 40px; }
.widget_newsletter .widget-title { margin-bottom: 20px; }
.newsletter-static p { margin: 0 0 16px; }
.newsletter-static label { display: block; margin-bottom: 6px; color: #777; }
.newsletter-static input[type="text"] {
	display: block; width: 100%; box-sizing: border-box;
	padding: 10px 12px; border: 1px solid #e5e5e5; background: #f7f7f7; color: #333; font: inherit;
}
.newsletter-static input[type="text"]::placeholder { color: #aaa; }
.newsletter-signup {
	display: inline-block; padding: 10px 25px; background: #89a452; color: #fff;
	text-transform: uppercase; border-radius: 3px; cursor: default;
}
#site-title span img { max-width: 100%; height: auto; vertical-align: middle; }

