/*
Theme Name: Family Arts Child
Description: Family Arts Child Theme
Author: M Kissick
Template: twentytwenty
Version: 1.1.7
Text Domain: familyarts-theme
*/ 
/* Custom CSS goes after this line */


/* header styles */ 
#site-header {background: #27a537;}
.page-template-page-fff #site-header{background:#1AA2DD;}
.header-inner {/*max-width: 120rem;*/ max-width: 96rem; padding: 2rem 0;} 

.header-navigation-wrapper{background: #3e3e3f;}
.page-template-page-fff .header-navigation-wrapper{display:none;}
.site-logo img{max-height:none;}
.primary-menu-wrapper{
    /*max-width: 120rem;*/
	max-width: 94rem;
    margin: 2.5rem auto;
    width: calc(100% - 8rem);
}

.page-template-page-fff .header-inner .toggle{display:none;}

ul.primary-menu{
	font-weight: 600;
    letter-spacing: 0.05rem;
    font-family: 'Nunito', sans-serif;
    color: #fff;
	font-size:1.8rem;
	justify-content: space-between;
}
body.touch-enabled .primary-menu > li.menu-item-has-children > a{margin-right:unset;}
.primary-menu > li.learn, .primary-menu > li.connect, .primary-menu > li.inspire{text-transform:uppercase;}
.primary-menu > li.learn ul, .primary-menu > li.connect ul, .primary-menu > li.inspire ul{text-transform:none;}
.primary-menu > li.learn a, .primary-menu > li.connect a, .primary-menu > li.inspire a{display:flex; align-items: center;}
.circle-size-mid.top-right, .triangle-size-mid.top-right, .square-size-mid.top-right{
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.circle-size-mid.top-right.hide, .triangle-size-mid.top-right.hide, .square-size-mid.top-right.hide{opacity:0; top: 70px;}
.primary-menu > li.learn a:before, .primary-menu > li.connect a:before, .primary-menu > li.inspire a:before, .right-side li.learn a:before, .right-side li.connect a:before, .right-side li.inspire a:before{
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-top: -4px;
    margin-right: 8px;
}
.primary-menu-wrapper{margin:auto;}
.primary-menu > li.menu-item-has-children > a {
    padding-right: 6px;
}
.primary-menu .menu-item-has-children a:hover, .hovered {background:#657076;}
.primary-menu > li > .icon {
	display: none;
}
.primary-menu > li:hover ul {
    left: -5px;
}
.primary-menu li.menu-item-has-children:hover > ul, .primary-menu li.menu-item-has-children:focus > ul, .primary-menu li.menu-item-has-children.focus > ul{right:unset;}
.primary-menu ul::after{display:none;}
.primary-menu ul {background: #657076; border-radius:0; top: calc(100% + -1rem); width: 26rem;}
.primary-menu a{
    margin: 1.5rem -6px 0;
    padding: 1rem 6px 2.5rem;
}
.primary-menu ul a{margin:0; padding:.8rem .8rem;}
.right-side li.learn a:before, .right-side li.connect a:before, .right-side li.inspire a:before{margin-right:12px;}
.primary-menu > li.learn a:before, .right-side li.learn a:before{
	background:#f7b53f;
	clip-path:polygon(100% 0, 0% 100%, 100% 100%);
	-webkit-clip-path:polygon(100% 0, 0% 100%, 100% 100%);
}
.primary-menu > li.connect a:before, .right-side li.connect a:before{
    background: #27a537;
    border-radius: 25px;
}

.primary-menu > li.inspire a:before, .right-side li.inspire a:before{background:#23b4e3}

.nav-toggle .toggle-icon, .nav-toggle svg {
    height: 2.6rem;
    width: 2.6rem;
}

#eyes-div {
    width: 200px;
    height: 110px;
    position: relative;
    float: left;
    margin-left: 7x;
    margin-top: 8px;
}

.signup a{
	font-family: 'Nunito';
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    line-height: 2rem;
}
.signup a div{
	background: #fff;
    border-radius: 50%;
    width: 115px;
    height: 115px;
    padding-top: 15px;
    -webkit-transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;
}

.signup a div .fa{margin-top:5px;}

.signup a div:hover{opacity:0.8;}

.header-right{
    display: flex;
    width: 37rem;
    justify-content: space-between;
}

.a-council{margin:1.4rem 0}

.header-right .social{margin-left:5px;}
.header-right .social a div{color:#27a537;}
.page-template-page-fff .header-right .social a div{color: #1aa2dd;}
.header-right .social, .header-right .signup{display:none;}

.menu-top .social{
	position: absolute;
    top: 40px;
    z-index: 999;
}

/* toolbar */
#toolbar-launch-wrap{
	/*max-width: 124rem;*/
	max-width: 100rem;
    margin: 0 auto;
    padding: 20px 20px 0;
    width: calc(100% - 4rem);
}

#toolbar-launch-wrap a{
    color: #273c68;
    font-family: 'Nunito';
    text-decoration: none;
    font-weight: 700;
    font-size: 22px;
}

/* General Styles */
a {
	color: #3e3e3f;
}
.entry-content a{
	text-decoration:none;
	font-weight:700;	
}
.entry-content a:hover {color:#27a537;}
body {
	color: #3e3e3f;
}
.green-bold strong{color:#27a537;}
.entry-content{
	font-family: 'open sans';
    font-size: 1.6rem;
}
.section-inner {/*max-width: 120rem;*/ max-width: 96rem;}

.social a{text-align:center; margin-right:3px;}
.social a div{
	display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    padding-top: 5px;
	font-size:2rem;
    -webkit-transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;
}

.social a div:hover{opacity:0.8;}

.menu-top .social a div{background: #1f842c; color:#fff;}

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {/*max-width: 124rem;*/ max-width: 100rem;}

.post-inner {padding-top: 0;}

:not(.vc_row.event-full).vc_row[data-vc-full-width] {
    max-width: none!important;
    left: 0!important;
}
.vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row[data-vc-full-width]>.vc_column_container>.vc_column-inner {
    /*max-width: 124rem;*/
	max-width: 100rem;
    margin: 0 auto;
}

.entry-content h1, .entry-content h2, .entry-content h3 {
    font-family: 'Nunito';
    letter-spacing: 0;
}

blockquote {
    border: none;
    margin: 0;
    padding: 0;
    font-style: italic;
}

blockquote p::before {
    content: '“';
}
blockquote p::after {
	'”';
}

h1, .heading-size-1 {font-size: 4.4rem; color: #27a537;}
.page-template-page-fff h1, .page-template-page-fff .heading-size-1 {color:#3e3e3f;}
h2, .heading-size-2 {font-size: 4rem;}
.entry-content h3 {margin: 0 0 1rem;}

.sub-header p{
    font-family: 'Nunito';
    font-size: 3.4rem;
    font-weight: 600;
    line-height: 4rem;
}

.fan-for-fam a{
    font-family: 'Nunito';
    font-weight: 700;
    text-decoration: none;
    text-align: center;
	color:#fff;
	font-size: 3.2rem;
    line-height: 3.8rem;
}
.fan-for-fam a:hover{color:#fff;}

.fan-for-fam a div{
	float:right;
    background: #23b4e3;
    border-radius: 50%;
    width: 310px;
    height: 310px;
    padding-top: 3.5rem;
    -webkit-transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;
}
.view-all a:hover{color:#fff;}
.fan-for-fam a div:hover, .view-all a div:hover{opacity:0.8;}

.fan-for-fam a div .fa{
    font-size: 4.5rem;
    margin-bottom: 2rem;
}

.view-all a{
    font-family: 'Nunito';
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 2rem;
    line-height: 2.4rem;
}

.view-all a div{
float: right;
    background: #3e3e3f;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    padding-top: 1.8rem;
    -webkit-transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;
}

p.what{
    font-family: 'Nunito';
    font-size: 3.2rem;
    font-weight: 700;
    color: #f7b53f;
    background: #3e3e3f;
    display: inline-block;
    padding: 0.5rem 1.5rem 0 1rem;
	margin-bottom:0;
}
p.what span{color:#fff;}

.whats-on p{
	font-family: 'Nunito';
    font-size: 2.8rem;
    font-weight: 700;
}

.hashtag a{
    background: #3e3e3f;
    color: #f7b53f;
    text-decoration: none;
    font-family: 'Nunito';
    font-size: 2rem;
    font-weight: 700;
    padding: 0.25rem 0.5rem;
}
.hashtag a:hover{color: #f7b53f;}

.wnwn .vc_column-inner{padding-top:0!important;}

.wnwn-img, .wnwn-inner{display:flex;}
.wnwn-img .vc_column-inner{
    background-size: cover;
    margin: 5px;
    /*clip-path: polygon(100% 0, 100% 72%, 79% 100%, 0 100%, 0 0);
	-webkit-clip-path: polygon(100% 0, 100% 72%, 79% 100%, 0 100%, 0 0);*/
    padding: 0;
}
.wnwn-img .vc_column-inner:after{
content: "";
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
background: #f7b53f;
    clip-path: polygon(101% 0, 0% 101%, 101% 101%);
    -webkit-clip-path: polygon(101% 0, 0% 101%, 101% 101%);
}



.vc_row-full-width.vc_clearfix{margin:0;}
	
.white-text, .white-text p, .white-text h1{color:#fff;}
.big-bg-text p, .big-bg-text h1{
    font-family: 'Nunito';
    /*font-size: 4.2rem;*/
	font-size:3.8rem;
    font-weight: 700;
    letter-spacing: 2px;
	line-height:5.3rem;
}

.big-bg-text p .larger, .big-bg-text h1 .larger{/*font-size:6.2rem;*/ font-size:5.2rem;}

.big-bg-text.green p span, .big-bg-text.green h1 sapn{background: #27a537;}
.big-bg-text.blue p span, .big-bg-text.blue h1 span{background:#23b4e3;}
.big-bg-text p span.one, .big-bg-text h1 span.one{padding:0.1rem 1rem;}
.big-bg-text p span.two, .big-bg-text h1 span.two{padding:0.1rem 1rem 0.2rem;}


.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter){margin-bottom:; margin-top:0;}

.support-article ul{margin-left:5px;}

.support-article li{list-style: none; margin-left:0;}
.support-article li:before{
	content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 5px;
}
.support-article.yellow li:before{
    background: #f7b53f;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.support-article.green li:before{
    background: #27a537;
    border-radius: 25px;
}
.support-article.blue li:before {
    background: #23b4e3;
}

.border-image{position:relative; border:10px solid;}
.border-image.yellow{border-color:#f7b53f;}
.border-image:before{
    content: "";
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}
.border-image.yellow:before{
    background: #f7b53f;
    clip-path: polygon(101% 0, 0% 101%, 101% 101%);
	-webkit-clip-path: polygon(101% 0, 0% 101%, 101% 101%);
}
.border-image.green{border-color:#27a537; overflow:hidden;}
.border-image.green:before{
	background:#27a537;
	border-radius:50px;
    bottom: -20px;
    right: -15px;
    width: 80px;
    height: 80px;
}

.border-image.blue{border-color:#23b4e3;}
.border-image.blue:before{background:#23b4e3;}

.border-image.green, .border-image.blue, .border-image.yellow{
-webkit-transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;
}
.border-image.green:hover, .border-image.blue:hover, .border-image.yellow:hover{opacity:0.8;}

.newsletter h2{margin:0!important;}

.vc_row.newsletter-row{
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover!important;
}

.hustle-group-content .gform_wrapper.gravity-theme .gfield_label{color:#fff;}

.newsform input[type="email"], .newsform input[type="text"]{border:0; margin:0 0 30px 0;}
.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
    padding: 1.5rem 1.8rem;
    font-family: 'Open Sans';
    font-size: 1.8rem;
}

.gform_wrapper .gfield_required {color: #3e3e3f;}

button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"] {
    -moz-appearance: none;
    background: #3e3e3f;
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: 0.3rem;
    line-height: 0;
    padding: 2.4rem 1rem;
}

input[type="submit"]:hover{text-decoration:none; opacity:0.8;}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea{font-size:1.8rem;}

.entry-content ul{margin-left:0;}

.resource-sub-title h2{
    font-size: 3rem;
    font-family: 'Open Sans';
    font-weight: 700;
}

.resource-intro{
	font-family: 'Nunito';
    font-size: 2.4rem;
    font-weight: 600;
}

.resource-heading h3{
    font-family: 'Open Sans';
    text-transform: uppercase;
	font-size: 2.8rem;
	padding-bottom: 10px;
    border-bottom: 6px solid;
    display: inline;
}

.blue-border.resource-heading h3{border-color:#23b4e3;}

.circle-quote{
	border-radius: 50%;
    width: 390px;
    height: 390px;
    padding: 7rem 6rem;
    color: #fff;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 600;
    font-family: 'Nunito';
}
.circle-quote.blue{background: #23b4e3;}

.further-info-links a{
	background: #23b4e3;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    margin-right: 10px;
    font-family: 'Nunito';
    font-weight: 600;
    font-size: 2rem;
}
.further-info-links a:hover{opacity:0.8; color:#fff;}

.staff-box{background: rgb(209, 210, 212); padding: 25px 0;}

.blue .vc_single_image-img{background: #23b4e3;}
.green .vc_single_image-img{background: #27a537;}
.yellow .vc_single_image-img{background: #f7b53f;}
.grey .vc_single_image-img{background: #939598;}

.resource-title{
    padding-top: 180px;
    padding-bottom: 80px;
}

.related-resources h3{
    font-size: 2.8rem;
    margin-top: 3rem;
}

.related-resources a{text-decoration:none; display:block;}
.related-resources a:hover{opacity:0.8; color:#3e3e3f;}

.vc_row.related-resources .vc_column_container>.vc_column-inner{padding:0;}

.landing-page-header, .landing-page-header h1{color:#fff;}

.landing-page-header{
    background-position: left top;
    background-size: cover;
    padding-bottom: 8rem;
}

.landing-page-header p{font-size:2.2rem;}

.vc_btn3.vc_btn3-color-green, .vc_btn3.vc_btn3-color-green.vc_btn3-style-flat{background-color: #27a537; z-index:99;}
.vc_btn3.vc_btn3-color-primary, .vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat{background-color: #23b4e3; z-index:99;}
.vc_btn3.vc_btn3-color-orange, .vc_btn3.vc_btn3-color-orange.vc_btn3-style-flat {background-color: #f7b53f; z-index:99;}

.vc_btn3.vc_btn3-color-green.vc_btn3-style-flat:focus, .vc_btn3.vc_btn3-color-green.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-green:focus, .vc_btn3.vc_btn3-color-green:hover {
    background-color: #27a537;
    opacity: 0.8;
}
.vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat:focus, .vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-primary:focus, .vc_btn3.vc_btn3-color-primary:hover{
	background-color: #23b4e3;
	opacity:0.8;
}
.vc_btn3.vc_btn3-color-orange.vc_btn3-style-flat:focus, .vc_btn3.vc_btn3-color-orange.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-orange:focus, .vc_btn3.vc_btn3-color-orange:hover {
    background-color: #f7b53f;
    opacity: 0.8;
}

.vc_btn3.vc_btn3-size-md{
    font-family: 'Open Sans';
    font-size: 1.7rem;
    letter-spacing: 1px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 14px;
    padding-right: 14px;
}

button, .button, .faux-button{
	text-transform:none;
}

.social-w-text{
	float: left;
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: space-around;
}

.social-w-text .icon{
    float: left;
    width: 70px;
    height: 70px;
    text-align: center;
    border-radius: 50%;
    border: 5px solid #fff;
-webkit-transition: background 500ms ease-out;
    -moz-transition: background 500ms ease-out;
    -o-transition: background 500ms ease-out;
    transition: background 500ms ease-out;
}

.social-w-text .icon .fa{
    font-size: 4rem;
    color: #fff;
    margin-top: 1.2rem;
-webkit-transition: color 500ms ease-out;
    -moz-transition: color 500ms ease-out;
    -o-transition: color 500ms ease-out;
    transition: color 500ms ease-out;
}

.social-w-text .icon .fa.fa-linkedin{margin-top:1rem;}

.social-w-text .text{
	margin-top: 20px;
    width: 100%;
	font-weight:400;
}

.social-w-text:hover > .icon{background:#fff;}

.social-w-text:hover > .icon .fa{color:#27a537;}
.blue .social-w-text:hover > .icon .fa{color:#23b4e3;}
.yellow .social-w-text:hover > .icon .fa{color:#f7b53f;}

.staff-4-col h4{
	font-size: 2.2rem;
    font-family: 'Open Sans';
    margin-bottom: 0;
	margin-top:25px;
}
.staff-4-col.connect h4{color:#27a537;}
.staff-4-col.inspire h4{color:#23b4e3;}
.staff-4-col.learn h4{color:#f7b53f;}
.staff-4-col p{
	font-size: 1.6rem;
    margin-bottom: 1rem;
	line-height:2.2rem;
}
.staff-4-col a{
    color: #27a537;
    font-weight: 700;
    text-decoration: none;
}
.staff-4-col.inspire a{color:#23b4e3;}
.staff-4-col.learn a{color:#f7b53f;}
.staff-4-col a:hover{text-decoration:underline;}

.col-3-text-circle .vc_column-inner{
	border-radius: 50%;
    width: 383px;
    height: 383px;
    padding: 7rem 0;
    color: #fff;
    text-align: center;
    font-weight: 600;
	margin: 0 auto;
}

.col-3-text-circle.green .vc_column-inner{background: #27a537;}
.col-3-text-circle.grey .vc_column-inner{background: #939598;}
.col-3-text-circle.blue .vc_column-inner{background: #23b4e3;}
.col-3-text-circle.yellow .vc_column-inner{background: #f7b53f;}
.col-3-text-circle a{color:#fff;}
.col-3-text-circle a:hover{color:#fff; opacity:0.8;}

.yellow h2{color:#f7b53f; margin-top:0!important;}
.yellow h2 a{color:#f7b53f; text-decoration:none;}
.blue h2{color:#23b4e3; margin-top:0!important;}
.blue h2 a{color:#23b4e3; text-decoration:none;}
.green h2{color:#27a537; margin-top:0!important;}
.green h2 a{color:#27a537; text-decoration:none;}
.green h2 a:hover, .blue h2 a:hover, .yellow h2 a:hover{opacity:0.8;}

.circle-size-mid{
border: 25px solid #27a537;
    height: 240px;
    width: 240px;
    border-radius: 50%;
    position: absolute;
}

.square-size-mid{
	border: 25px solid #23b4e3;
    height: 220px;
    width: 220px;
    position: absolute;
}

.triangle-size-mid {
	border: 25px solid #f7b53f;
	height: 220px;
    width: 220px;
    position: absolute;
    border-top: 0;
    border-left: 0;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    background: linear-gradient(135deg, #f7b53f 65.5%, transparent 60%);
}


.circle-size-mid.blue{border-color:#23b4e3;}
.circle-size-mid.yellow{border-color: #f7b53f;}

.circle-size-mid.top-right, .triangle-size-mid.top-right{
    right: 60px;
    top: -5px;
    z-index: 99;
}

.square-size-mid.top-right{
    right: 60px;
    top: -5px;
    z-index: 99;
}

.circle-size-mid.mid-left{
    top: -170px;
}

.square-size-mid.mid-left{
    top: -170px;
}

.triangle-size-mid.mid-left{
    top: -170px;	
}

.circle-size-small{
    border: 23px solid #89d09a;
    height: 160px;
    width: 160px;
    border-radius: 50%;
    position: absolute;
}

.square-size-small{
    border: 23px solid #84dbf7;
    height: 150px;
    width: 150px;
    position: absolute;
}
.triangle-size-small{
    border: 23px solid #f9cd7f;
    height: 150px;
    width: 150px;
    position: absolute;
    border-top: 0;
    border-left: 0;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    background: linear-gradient( 135deg, #f9cd7f 71%, transparent 60%);
}

.circle-size-small.l-blue{border-color:#84dbf7;}
.circle-size-small.l-yellow{border-color:#f9cd7f;}

.circle-size-small.mid-left{
	left: 250px;
    top: -245px;	
}

.square-size-small.mid-left{
	left: 260px;
    top: -245px;	
}

.triangle-size-small.mid-left{
	left: 260px;
    top: -245px;	
}


.circle-size-large{
    border: 45px solid #89d09a;
    height: 600px;
    width: 600px;
    border-radius: 50%;
    position: absolute;
}

.square-size-large {
    border: 45px solid #84dbf7;
    height: 570px;
    width: 570px;
    position: absolute;
}

.triangle-size-large {
    border: 45px solid #f9cd7f;
    height: 570px;
    width: 570px;
    position: absolute;
    border-top: 0;
    border-left: 0;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    background: linear-gradient( 135deg, #f9cd7f 60.5%, transparent 60%);
}

.circle-size-large.l-blue{border-color: #84dbf7;}
.circle-size-large.l-yellow{border-color:#f9cd7f;}

.circle-size-large.mid-right{
	right: -450px;
    top: -300px;
}

.square-size-large.mid-right {
    right: -450px;
    top: -270px;
}

.triangle-size-large.mid-right {
    right: -450px;
    top: -270px;
}

.circle-size-large.mid-left{
	top: -115px;
    left: -450px;
}

.square-size-large.mid-left {
    top: -100px;
    left: -450px;
}

.triangle-size-large.mid-left {
    top: -100px;
    left: -450px;
}

.support-article h3 a{text-decoration:none;}
.support-article h3 a:hover{text-decoration:underline;}

.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a {
    text-decoration: none;
}

.pagination-single a{color: #27a537;}
.pagination-single a span.title{
    font-family: 'Nunito';
    font-weight: 700;
}

.entry-content hr, hr.styled-separator {
    background: #27a537;
    background-color: #27a537 !important;
	height: 0.2rem;
}

.circle-quote hr{
margin: 12px 0;
    background: transparent;
    background-color: transparent !important;
}

.entry-content hr::before, hr.styled-separator::before, .entry-content hr::after, hr.styled-separator::after{display:none;}

.always-flex{display:flex;}

.hustle-ui.module_id_2 .hustle-layout .hustle-title, .hustle-ui.module_id_3 .hustle-layout .hustle-title{
    font-family: 'Nunito'!important;
    font-weight: bold!important;
}

.single-post .entry-content{margin-top:20px;}
.single-post .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){padding:0 20px}

/***/

/* post slider */
.postslider{margin-right:-27px;}
.slick-slide{margin:0px 24px 0 0}
.postslide-thumb{
	border:8px solid; 
	position:relative;
    -webkit-transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;
}
.postslide-thumb.learn{border-color:#f7b53f;}
.postslide-thumb.connect {border-color:#27a537;}
.postslide-thumb.inspire {border-color:#23b4e3;}

.postslide-thumb:after{
    content: "";
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}
.postslide-thumb.inspire:after{
    background: #23b4e3;
}
.postslide-thumb.connect:after{
	background:#27a537;
    clip-path: circle(70% at 71% 71%);
	-webkit-clip-path: circle(70% at 71% 71%);
    width: 45px;
    height: 45px;
}

.postslide-thumb.learn:after{
	background:#f7b53f;
    clip-path: polygon(101% 0, 0% 101%, 101% 101%);
	-webkit-clip-path: polygon(101% 0, 0% 101%, 101% 101%);
    width: 45px;
    height: 45px;
}

.postslide-thumb:hover{opacity:0.8;}

.postslide:hover a h3{opacity:0.8;}

.postslide h3{
    font-size: 2.8rem;
	line-height:3rem;
    margin: 2rem 0 0.8rem;
    -webkit-transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;
}

.postslide a{
	text-decoration:none;
}
.postslide a:hover{color:#3e3e3f;}
.postslide h3:hover{opacity:0.8;}
.postslide p{font-size:1.6rem;}
.slick-next:before {
    content: "\f054";
}
.slick-prev:before {
    content: "\f053";
}
.slick-prev:before, .slick-next:before {
    font-family: 'FontAwesome';
    color: #3e3e3f;
    opacity: 1;
    font-size: 26px;
}
.slick-next{
	top: 90px;
    right: -30px;
}
.slick-prev{
    left: -50px;
    top: 90px;
}

/* logo and text slider */
.l-t-wrap{
    display: flex!important;
    align-items: center;
}
.sup-logo{
	width:50%;
}
.sup-txt{
    width: 100%;
    font-size: 14px;
}
.logo-text-slider .slick-prev, .logo-text-slider .slick-next{top:70px;}

/* post grids */
.resource-grid{
    display: grid;
    grid-template-columns: 100%;
    margin: 0 -10px !important;
    width: calc(100% + 35px);
	padding-right:15px;
}
.resource-grid .resource{
    border: solid 7px #f7b53f;
    background-color: #f7b53f;
    color: #FFF !important;
    margin: 0 10px 35px !important;
    width: auto;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

.resource-grid .resource.connect{
	border: solid 7px #27a537;
    background-color: #27a537;
}

.resource-grid .resource.inspire{
    border: solid 7px #23b4e3;
    background-color: #23b4e3;
}
.resource-grid.fff-grid .resource{
	border: solid 7px #1aa2dd;
    background-color: #1aa2dd;
	display:flex;
	flex-direction: column;
}
.alt-version .resource-grid.fff-grid .resource{
    border: solid 7px #fff;
    background-color: #fff;
}
.alt-version .resource-grid.fff-grid .resource:hover {
    background-color: rgb(255 255 255 / 80%);
}
.alt-version .resource-thumb img{border:2px solid #3e3e3f;}
.alt-version .resource-grid .resource{color:#3e3e3f!important;}
.resource-grid.fff-grid .resource .altimg{
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.resource-grid.fff-grid .resource:hover .altimg{opacity:1;}

.resource-grid.fff-grid .resource .res-content ul{list-style:none; margin-bottom:1rem;}
.resource-grid.fff-grid .resource .res-content li{margin: 0.5rem 0 0; padding: 0 0.75rem; display:inline; border-right:1px solid;}
.resource-grid.fff-grid .resource .res-content li:first-child{margin-left:2px; padding-left:0;}
.resource-grid.fff-grid .resource .res-content li:last-child{border-right:0;}

.resource-grid a{text-decoration:none; color:#fff; font-weight:unset;}
.resource-grid a:hover{color:#fff;}
.resource-grid h2{
    font-size: 2.8rem;
    line-height: 3rem;
    text-align: center;
    margin: 3rem auto 2rem!important;
}
.resource-grid.fff-grid h2{
    text-align: left;
    margin: 1rem auto 1rem!important;
}
.resource-grid.fff-grid p{
	font-size: 1.5rem;
    line-height: 2rem;
	max-width: 100rem;
	margin-bottom:0;
}
.resource-grid.fff-grid .resource .awards{
    float: left;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    margin-top: 10px;
	display:flex;
}
.resource-grid.fff-grid .resource .awards img{max-height:43px; margin-left:6px;}
.alt-version .resource-grid.fff-grid .resource .awards img{margin-left:8px;}
.resource-grid.fff-grid .resource .awards img:first-of-type{margin-left:0;}
@media(min-width:1024px){
.resource-grid.fff-grid.gridview .resource .awards img{max-height: 65px;}
}
@media (max-width:539px){
.resource-grid.fff-grid.gridview .resource .awards img{max-height: 65px;}
}
.alt-version .resource-grid.fff-grid .resource .awards{
	background: transparent;
    padding: 5px 5px 5px 0;
}

.resource-grid .icon{
text-align: center;
    font-size: 3rem;
    margin-bottom: 3rem;
}

.resource-thumb{position:relative;}

.type-label{
    position: absolute;
    right: 8px;
    top: 5px;
    background: #f7b53f;
    padding: 0 5px;
}

.resource-grid .resource.connect .type-label{background:#27a537;}
.resource-grid .resource.inspire .type-label{background:#23b4e3;}

.resource-grid .resource:hover{opacity:0.8;}
.resource-grid.fff-grid .resource:hover{
	opacity:1;
	border: solid 7px transparent;
    background-color: rgb(26, 162, 221, 0.8);
}

.facetwp-pager{
    font-weight: 700;
    font-size: 2.2rem;
}

.facetwp-page.active {
    color: #f7b53f;
}
.facetwp-facet-fff_pager .facetwp-page.active {color: #3e3e3f;}

.facetwp-pager a{color: #27a537;}
.facetwp-facet-fff_pager .facetwp-pager a{color: #1aa2dd;}
.alt-version .facetwp-facet-fff_pager .facetwp-pager a{color:#fff;}
.alt-version .facetwp-facet-fff_pager .facetwp-page.active {color: #3e3e3f;}

.layout-control a, .f-loctaions a{cursor:pointer;}
.layout-control a:hover, .f-loctaions a:hover, .f-loctaions a.active{color:#17a6db;}

.award-year{
	display:flex;
	flex-direction:column;
	text-align:center;
	max-height: 43px;
    margin-left: 6px;
}
.award-year img{max-height: 38px!important;}
@media (min-width:1024px){
.gridview .award-year img {max-height: 60px!important;}
}
@media (max-width:539px){
.gridview .award-year img {max-height: 60px!important;}
}
.award-year p{
    color: #000;
    font-weight: 700;
    line-height: 0.6!important;
    font-size: 10px!important;
}

/* Filter */
.filter{
	background: rgb(62 62 63 / 30%);
    padding: 20px;
}
/*input[type="text"] {padding:1rem}*/

.filter input[type="text"] {
    width: 76%;
    display:inline;
    margin-right: 4%;
    border: 0;
	padding:1rem;
}
.fff-filter .filter input[type="text"]{margin-right:1%;}

.filter .date-range input[type="text"] {width:100%;}
.filter .date-range input[type="text"]:first-of-type {margin-bottom:10px;}

.filter input[type="button"]{
	display:inline;
    width: 20%;
    background: #23b4e3;
    font-size: 1.8rem;
    letter-spacing: 0;
    padding: 2.06rem 1rem;
}
.fff-filter .filter input[type="button"]{width:15%;}

.filter input[type="button"]:hover{opacity:0.8; text-decoration:none;}

.filter-header{
	font-family: 'Nunito';
    font-size: 2.6rem;
    font-weight: 700;
    margin-bottom: 2.5rem;
	cursor:pointer;
}

.filter .facetwp-facet {
    margin-bottom: 3rem;
}
.filter .facetwp-facet.facetwp-facet-fff_age_friendly_standards{margin-bottom:0;}

.filter-content h3{
	font-size: 2.4rem;
}

.filter-header i{float:right; margin-top:3px;}

.closed-filter .filter-content{display:none;}
.closed-filter .filter-header{margin-bottom:0;}
.closed-filter .filter-header i{
    transform: rotate( -180deg);
    -webkit-transform: rotate( 180deg);
	margin-top:7px;
}

.filter-content h3 span{
    font-size: 16px;
    float: right;
    margin-top: 7px;
    cursor: pointer;
}

.filter.closed-filter .show{display:inline;}
.closed-filter .close{display:none;}
.filter:not(.closed-filter) .show{display:none;}

.f-loctaions h3{margin-bottom:0.5rem;}
.facetwp-facet-location_list{display:none;}

.facetwp-checkbox .facetwp-expand {
    float: none!important;
    font-weight: bold;
}

/*footer*/
.footer-nav-widgets-wrapper{background:#27a537;}
.page-template-page-fff .footer-nav-widgets-wrapper{background:#1aa2dd;}
#site-footer{
    color: #fff;
    font-family: 'Open Sans';
	background: linear-gradient(90deg, #27a537 70%, #3e3e3f 70%);
	font-size:1.6rem;
}
.page-template-page-fff #site-footer{background: linear-gradient(90deg, #1aa2dd 70%, #3e3e3f 70%);}
#site-footer .section-inner {align-items: unset;}

.widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary {font-family: 'Open Sans';}
.widget-content {font-size: 1.6rem;}
.footer-copyright{font-weight:400;}

.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {
    margin-top: 0rem;
}

#site-footer{padding:0;}
#site-footer a{color:#fff;}

.footer-widgets-outer-wrapper {
    padding: 4rem 0;
}

.footer-credits{
	background:#27a537;
	padding-bottom: 3rem;
}
.page-template-page-fff .footer-credits{background: #1aa2dd;}

.footer-widgets.column-one{padding-right:4rem;}

.left-side{width:80%;}
.right-side{width:20%; background:#3e3e3f;}

.footer-widgets-outer-wrapper {
    border-bottom: none;
}
.right-side .footer-widgets-outer-wrapper{padding-bottom:0;}
.right-side .footer-widgets{width:100%; margin-left:3rem;}
.right-side a{
	font-weight: 300;
    font-size: 2.6rem;
    line-height: 3rem;
}

.right-side li{margin-bottom:1.2rem!important;}

#site-footer .right-side .social a{color:#3e3e3f;}

.right-side .social a div{padding-top: 2px;}

.right-side .social{margin: 9.5rem 0 0;}


/* media queries - min width */
@media (min-width:381px){
	.social-w-text .text{width:75%; margin-top:0;}
	.social-w-text{flex-direction: row;}
}

@media (min-width:540px){
	.resource-grid{grid-template-columns: 50% 50%;}
	.resource-grid.fff-grid{grid-template-columns:100%;}
	.resource-grid.fff-grid .resource-thumb{max-width:200px;}
	.resource-grid.fff-grid .res-content{margin-left:10px;}
	.resource-grid.fff-grid .resource{flex-direction: row;}
}
@media (min-width:630px){
.resource-title{
    padding-top: 330px;
    padding-bottom: 80px;
}
}

@media (min-width:700px){
	.newsform{display:flex;}
	.newsform input[type="email"], .newsform input[type="text"]{margin:0 30px 0 0;}	
	.site-logo img {max-height: 12rem;}
	.header-titles{
		    display: flex;
    		margin: -1rem 0 0 -2.4rem;
	}
	h1, .heading-size-1 {font-size: 5rem;}
	.entry-content h1, .entry-content h2{margin: 3rem auto 3rem;}
	
.postslide h3{margin: 2rem 0 0.8rem;}
	p.what{font-size:3.5rem}
	h2, .heading-size-2 {font-size: 3.8rem;}
	.header-titles .site-title, .header-titles .site-logo, .header-titles .site-description {margin: 1rem 0 0 2.4rem;}
.footer-widgets-outer-wrapper {
    padding: 4rem 0;
}
	.footer-widgets {margin-left: 0rem;}
	h3, .heading-size-3 {font-size: 3.2rem;}
	.gform_wrapper.gravity-theme .gform_fields{
		display:block!important;
	}
	#field_1_1, #field_1_3, #field_2_1, #field_2_3{
		width: 48%;
    	float: left;
    	margin-right: 4%;
	}
	#field_1_2, #field_1_4, #field_2_2, #field_2_4{
		width: 48%;
    	float: left;
	}
	#field_1_3, #field_1_4, #field_2_3, #field_2_4{margin-top:1rem;}
	.gform_wrapper.gravity-theme .gform_footer{float:left;}
}

@media (min-width:768px){
	.fff-filter .vc_column-inner{padding-right:0;}
	.resource-grid{padding-right:0;}
	.vc_row.related-resources{margin-left:-25px; margin-right:-25px}
	.vc_row.related-resources .vc_column_container>.vc_column-inner{padding-left:25px; padding-right:25px;}
	.switch-flex{
    	display: flex;
    	flex-direction: row-reverse;
	}
	.social-w-text .text{
   		width: 70%;
	}
}
	
@media (min-width:817px){
	.header-inner{
    align-items: center;
    display: flex;
    justify-content: space-between;
	}
}
@media (min-width:992px){
	.filter-col.vc_col-lg-4{width:30.4%;}
	.res-col.vc_col-md-8{width:69.6%;}
}
@media (min-width:1000px){
	.staff-box {background: linear-gradient(90deg, rgb(255, 255, 255) 20%, rgb(209, 210, 212) 12%); padding:0;}
.staff-image{background: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgb(209, 210, 212) 50%);}	
}

@media (min-width:1024px){
	.resource-grid.fff-grid.gridview{grid-template-columns:33.33% 33.33% 33.33%;}
	.resource-grid.fff-grid.gridview .resource{flex-direction:column; height:97%;}
	.resource-grid.fff-grid.gridview .resource-thumb{max-width:100%;}
	.resource-grid.fff-grid.gridview .res-content {margin-left: 0;}
	.resource-grid.fff-grid.gridview h2{min-height:6rem;}
	.resource-grid.fff-grid.gridview .resource .res-content ul{margin-top:1rem;}
.vc_row.wnwn{display:flex;}
.vc_row.wnwn .wn-text .vc_column-inner{margin-left: calc(-51rem + 50vw);}
.header-right .social, .header-right .signup{display:block;}
.resource-title{z-index:-1;}
.landing-page-header h1{
    letter-spacing: 4px;
    font-size: 10.4rem;
	margin-bottom: 6rem!important;
	}	
	.landing-page-header p{font-size: 2.8rem;}
	.landing-page-header{padding-bottom:16rem;}
	.mob-only{display:none;}
.col-3-text-circle .vc_column-inner{
	border-radius: 50%;
    width: 303px;
    height: 303px;
    padding: 5rem 0;
	}
}

@media (min-width:1100px){
	ul.primary-menu{font-size:1.8rem;}
	.resource-grid{grid-template-columns: 33.33% 33.33% 33.33%;}
	.resource-grid.fff-grid{grid-template-columns:100%;}
}

@media (min-width:1200px){
	ul.primary-menu{font-size:1.8rem;}
	h1, .heading-size-1 {font-size: 5rem;}
.footer-widgets {margin-left: 2rem;}
	.vc_row.newsletter-row{background-size:88%!important;}
	.filter input[type="button"]{font-size:1.2rem;}
	.fff-filter .filter input[type="button"]{font-size:1.6rem;}
	.filter-col.vc_col-lg-4{width:30.4%;}
	.res-col.vc_col-lg-8{width:69.6%;}
}
@media (min-width: 1220px){
.primary-menu > li {
    margin: 0.8rem 0 0 1.2rem;
}
}	

@media (min-width:1580px){
.staff-box{background: linear-gradient(90deg, rgb(255, 255, 255) 26%, rgb(209, 210, 212) 26%);}
}

@media (min-width:1024px) and (max-width:1040px){
.widget-content {
    font-size: 1.5rem;
}
}
/*@media (min-width:1024px) and (max-width:1280px){
.col-3-text-circle .vc_column-inner{
	width:29.4vw;
	height:29.4vw;
	padding: 4vw 0;
	}
}*/

@media (min-width:768px) and (max-width:900px){
	.filter input[type="text"] {width: 70%;}
	.filter input[type="button"] {width: 26%;}
}

@media (min-width: 1000px) and (max-width:1023px){
	.header-navigation-wrapper {display:none;}
	.mobile-search-toggle, .mobile-nav-toggle {display: flex !important;}
	.header-inner .toggle {position: absolute; right: 0;}
	.mobile-menu{display:block;}
}

@media (min-width: 1000px) and (max-width:1210px){
	.staff-text{width:75%;}
}
@media (min-width: 768px) and (max-width:1060px){
	.fan-for-fam a{
		font-size: 3.4vw;
    	line-height: 4vw;
	}
	.fan-for-fam a div{
    	width: 30vw;
    	height: 30vw;
	}
	.fan-for-fam a div .fa{
		font-size:4.5vw;
		margin-bottom:1.5vw;
	}
}
@media (min-width: 768px) and (max-width:1200px){
	.circle-quote{
		width: 30vw;
    	height: 30vw;
    	padding: 6vw 5vw;
    	font-size: 1.85vw;
	}
}

/* media queries - max width */
@media (max-width:1279px){
	.vc_row .vc_row{margin-left:5px; margin-right:5px;}
}
@media (max-width:1260px){
.primary-menu > li.inspire:hover ul {
    left: -155px;
}
}

@media (max-width:1023px){
	.layout-control{display:none;}
	.header-right{width: 28rem;}
	.wnwn-img{display:none;}
	.conference-col{width:100%;}
	.wn-text{width:100%;}
	.wn-text .vc_column-inner{padding:0 35px;}
	.left-side {width: 100%;}
	.right-side{display:none;}
	#site-footer{background: #27a537;}	
	.resource-title-icon{display:none;}
	.resource-sub-title h2{margin-bottom:20px!important;}
	.col-3-text-circle.vc_col-sm-4, .col-3-image-circle.vc_col-sm-4{width:100%; margin-bottom:30px;}
	.circle-size-mid{height:200px; width:200px;}
	.circle-size-small.mid-left {left: 220px; top: -240px;}
	.circle-size-small {height: 140px; width: 140px;}
	.square-size-mid{height: 190px; width: 190px;}
	.square-size-small{height: 140px; width: 140px;}
	.triangle-size-mid {
		height: 190px;
		width: 190px;
		background: linear-gradient(135deg, #f7b53f 68.5%, transparent 60%);
}
	.triangle-size-small {
    	height: 140px;
    	width: 140px;
    	background: linear-gradient( 135deg, #f9cd7f 73%, transparent 60%);
}
	.triangle-size-small.mid-left, .square-size-small.mid-left{left: 230px;}
	.square-size-large.mid-right{top:-230px;}
}
@media (max-width:1085px){
.slick-next {right: -10px;}
.slick-prev {left: -30px;}
}
@media (max-width:1023px){
	.circle-size-mid, .circle-size-small, .triangle-size-mid, .triangle-size-small, .square-size-mid, .square-size-small{display:none;}
}
@media (max-width:999px){
	.staff-img-col{width:100%;}
}
@media (max-width:960px){
	.support-logos .vc_col-sm-2{width:33%!important; float:left;}
}
@media (max-width:900px){
	.filter-content h3 {font-size: 2rem;}
	.filter-content h3 span{margin-top:5px;}
}

@media (max-width:845px){
	.footer-widgets-wrapper{
		display: flex;
		flex-direction: column;
	}
	.footer-widgets.column-one{width:50%;}
}

@media (max-width:816px){
	.header-right{display:none;}
}

@media (max-width:767px){
	.fan-for-fam a div{
		margin:0 auto;
		float:none;
	}
	.circle-quote{margin: 15px auto 0;}
	.staff-image{text-align:center!important;}
	.circle-size-small.mid-left{top: -135px;}
	.circle-size-mid.mid-left {top: -100px;}
	.circle-size-large, .triangle-size-large, .square-size-large{display:none;}
	.triangle-size-small.mid-left, .square-size-small.mid-left{top: -140px;}
	.triangle-size-mid.mid-left, .square-size-mid.mid-left{top: -100px;}	
}
@media (max-width:600px){
	.news-title.vc_col-sm-6{width:80%!important;}
	.view-all-col.vc_col-sm-6{width:20%!important;}
}

@media (max-width:540px){
.footer-widgets.column-one {
    width: 70%;
}
}

@media (max-width:539px){
.altimg
{
  animation: fadeinout 8s infinite;
}

@keyframes fadeinout
{
  0%{
    opacity:0;
  }
  50%
  {
    opacity:1;
  }
  100%
  {
    opacity:0;
  }
}
	.resource-grid.fff-grid .resource .res-content ul{margin-top:1rem;}
	.resource-grid.fff-grid .res-content{margin-bottom:1rem;}
}


@media (max-width:500px){
	.support-logos .vc_col-sm-2{width:50%!important; float:left;}
}
@media (max-width:452px){
	.col-3-text-circle .vc_column-inner{
    	width: 80.5vw;
		height: 80.5vw;
	}
}

@media (max-width:440px){
.circle-quote{
	width: 86vw;
    height: 86vw;
    font-size: 5.5vw;
    padding: 14vw 13vw;
	}
	.wn-text h2 img{float:none; margin-left:0;}
}
@media (max-width:375px){
	.fan-for-fam a{
    	font-size: 9vw;
    	line-height: 11vw;
	}
	.fan-for-fam a div{
		width: 85vw;
    	height: 85vw;
	}
	.fan-for-fam adiv .fa{
		font-size: 13vw;
    	margin-bottom: 5vw;
	}
}