/*
Theme Name: Quadsimia Child Theme
Description: Bento theme customization by Quadsimia
Author: Quadsimia
Author URI: http://www.quadsimia.com/
Template: bento
Version: 1.0.0
Text Domain: Bento-child
-------------------------------------------------------------- */
/* =Theme customization starts here
------------------------------------------------------- */
a, button, .button, .cta .fa{
transition: all 0.35s ease;}
/* HEADER */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fff1d4+100 */
@media screen and (min-width: 10em){
.site-header{
/*background: rgb(255,255,255) !important; /* Old browsers */
/*background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,241,212,1) 100%) !important; /* FF3.6-15 */
/*background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,241,212,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,241,212,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff1d4',GradientType=0 ) !important; /* IE6-9 */
color: #fff;}
.logo{
/*float: left;*/
display: table;
margin: 0 auto;
padding: 1rem 0;
width:90%;
max-width:310px;}
.logo-mobile{
max-width:310px;}
.logo img{
width:100%;}
.mobile-menu-trigger{
width: auto;}
.mobile-menu-trigger, .ham-menu-trigger{
vertical-align: top;}
.site-header .headerDetails{
display: none;
float: none;
margin-top: 1em;
width: 95%;}
.site-header .headerDetails a{
color:#775980;}
.site-header .headerDetails a:hover{
color: #000;}
.site-header #headerContact{
margin: 1.0em 0;
display: table;
width: 100%;
border-bottom: 2px solid #775980;
padding-bottom: 1.0em;}
.site-header #headerContact .contactInfo{
float: left;
white-space: nowrap;
font-size: 1.75em;
line-height: 1.0em;
color: #775980;}
.site-header #headerContact .contactInfo .fa{
float: left;
margin: 0 0.15em 0 0;
font-size: 2.2em;}
/*.site-header #headerContact .donateBtn{
float: none;
display: inline-block;
margin: 1em;}
.site-header #headerContact .donateBtn .cta{
font-size: 2.0em;
margin: 0 0 0 1em;
padding: 0 0.75em 0.2em 0.75em;
vertical-align: middle;
color: #a31d9a;
background-color: #fec961;
text-transform: uppercase;
font-weight: bold;
border-radius: 10px;}
.site-header #headerContact .donateBtn .cta:hover{
background-color: #ffb92f;}
.site-header #headerContact .donateBtn .cta .leaf{
margin-left:0.2em;
width: 35px;
vertical-align: bottom;}*/
.site-header #headerSubnav{
float: left;
font-size:1.2em;}
.site-header #headerSubnav.widget ul{
margin-top:0.5em;}
.site-header #headerSubnav.widget ul li{
display: inline;
margin-right:0.5em;}
.site-header #headerSubnav.widget ul li a{
color:#775980;}
.site-header #headerSubnav.widget ul li a:hover{
color: #000;}
.site-header #headerSearch{
display: inline-block;
margin-left: 1.5em;
width: 100%;
max-width: 180px;}
.site-header #headerSocial{
/*float: right;
margin-top: -0.25em;*/
display: inline-block;
font-size:2.75em;
vertical-align: middle;
line-height: 0.9em;}
.site-header #headerSocial .textwidget{
display: flex;}
.site-header #headerSocial a{
margin: 0 0 0 0.2em;}
.site-header #headerSocial a .fa-facebook-square{
color: #314a87;}
.site-header #headerSocial a .fa-twitter-square{
color: #22bbf4;}
.site-header #headerSocial a .fa-youtube-square{
color: #d72a25;}
.site-header #headerSocial a:hover{
opacity: 0.55;}
}
@media screen and (max-width: 1020px) {
.site-header #headerSearch{
max-width: 150px;}
}
@media screen and (min-width: 61em) {
.logo{
float: left;
display: table;
margin: 0;
padding: 1.25em 0;
width:30%;
max-width:300px;}
.site-header .headerDetails{
display: inline-block;
float: right;
margin: 2.0em 0 0 0;
padding: 0.5em 0;
width: 70%;
text-align: right;}
/*.site-header #headerContact .donateBtn{
float: right;
margin: 0.25em 0 0 3em;}*/
}
@media screen and (min-width: 80em) {
.logo img {
width: 100%;
max-width: 280px;}
}
@media screen and (max-width: 1175px) {
.logo{
width:25%;}
.site-header .headerDetails{
width: 75%;}
}
@media screen and (max-width: 1100px) {
.logo{
width:20%;}
.site-header .headerDetails{
width: 80%;}
}
@media screen and (max-width: 975px) {
.logo{
width:90%;}
}
/* NAV */
.navContainer{
/*background-color:#775980;*/}
#nav-primary{
/*float:none;*/}
/*.primary-menu > li {
margin: 0;}
.primary-menu > li > a {
font-size: 1.25em !important;
padding: 2em 1em;
line-height:0;}
.primary-menu > .menu-item-has-children > a{
padding-right: 1.75em;}
.primary-menu > .menu-item-has-children > a:after{
font-size: 0.85em;
right: auto;
top: auto;
line-height:0 !important;
padding: 0 0.5em;}
.primary-menu .sub-menu{
font-size: 1.0em;
width:30rem;}
.primary-menu > li > .sub-menu {
border-top-width:0 !important;}
.primary-menu .sub-menu li, #nav-mobile{
background-color:#775980 !important;}*/
.homeBtn{
display: inline-block;
font-size: 2.5em;
vertical-align: bottom;
margin: 0 0.5em 0 0;
padding: 0;
border: 1px solid #000;
line-height: 1.0em;}
.menu .fa-home{
font-size: 1.75em;
vertical-align: sub;
}
.menu > li {
position: relative;
display: inline-block;
margin: 0;
}
.menu > li > a {
color: #333;
line-height: 1;
display: block;
}
.menu > li > a:hover,
.menu > li.current-menu-item > a,
.menu > li.current-menu-ancestor > a {
/*color: #00B285;*/
color: #98c84d;
}
.menu > .menu-item-has-children > a {
padding-right: 15px;
padding-right: 1.5rem;
}
.header-hamburger .menu > .menu-item-has-children > a {
padding-right: 0;
}
.menu > .menu-item-has-children > a:after {
content: "\f107";
font-family: FontAwesome;
font-size: 1.2rem;
position: absolute;
right: 0;
top: 0;
line-height: 1.0em;
}
.menu .sub-menu {
display: none;
position: absolute;
z-index: 9999;
width: 16rem;
/*padding: 2em;*/
font-size: 1em;
/*border-top: 4px solid #775980;*/
text-align:left;
}
.menu .sub-menu li {
/*background-color: #ddd;*/
background-color: transparent;
}
.menu .sub-menu li:first-child {
border-top: 5px solid #63476c;
padding-top:1em;}
.menu .sub-menu li:last-child {
padding-bottom:1.35em;}
.menu > li > .sub-menu {
/*border-top-style: solid;*/
border-top-color: #775980;
}
.menu .sub-menu li a {
display: block;
padding: 0.15em;
color: #fff;
/*-webkit-transition: background-color 0.3s linear;
-moz-transition: background-color 0.3s linear;
-o-transition: background-color 0.3s linear;
transition: background-color 0.3s linear;*/
}
.menu .sub-menu li a:hover,
.menu .sub-menu .current-menu-item:not(.current-menu-ancestor) > a {
/*background-color: #ccc;*/
background-color: transparent;
color: #d3b1dd;
}
.menu .sub-menu li {
/*border-bottom: 1px solid #ccc;*/
border-bottom:0;
}
.menu .sub-menu li:last-child {
border-bottom: none;
}
.menu .sub-menu .sub-menu {
top: -1px;
top: -0.1rem;
left: 100%;
}
.menu .sub-menu .menu-item-has-children > a {
padding-right: 30px;
padding-right: 3rem;
}
.menu .sub-menu .menu-item-has-children > a:after {
content: "\f105";
font-family: FontAwesome;
font-size: 1.2rem;
line-height: 52px;
line-height: 5.2rem;
position: absolute;
top: -1px;
top: -0.1rem;
right: 12px;
right: 1.2rem;
}
.menu > li {
margin: 0;}
.menu > li > a {
font-size: 1.25em !important;
padding: 0 0.75em;
line-height:2.0em;
text-transform: uppercase;
/*border:1px solid #000;*/}
#nav-first-menu .menu > li > a {
padding: 0 0.5em;
font-size: 1.05em !important;}
.menu > .menu-item-has-children > a{
padding-right: 1.0em !important;}
.menu > .menu-item-has-children > a:after{
font-size: 0.85em;
right: auto;
top: auto;
line-height:2.25em;
padding: 0 0.5em;}
.menu .sub-menu{
font-size: 1em;
width:20rem;
text-transform: uppercase;
-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.25);
box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.25);}
.menu > li > .sub-menu {
border-top-width:0 !important;}
.menu .sub-menu li, #nav-mobile{
padding: 0.5em 1em;
background-color:#775980 !important;}
.widget ul.menu li{
margin-bottom:0;}
.widget .children, .widget .sub-menu {
margin: 0;}
#nav-first-menu, #nav-second-menu{
display: inline-block;}
#nav-first-menu .donateBtn{
/*float: none;
display: inline-block;*/
margin:0 1em 0 0.5em;}
#nav-first-menu .donateBtn a{
color: #fff;
background-color: #7c9b4c;
text-transform: uppercase;
/*font-weight:bold;*/
border-radius: 5px;
vertical-align: initial;}
#nav-first-menu .donateBtn a:hover{
background-color: #98c84d;}
/*.site-header #headerContact .donateBtn .cta .leaf{
margin-left:0.2em;
width: 35px;
vertical-align: bottom;}*/
/* mobile nav */
.mobile-menu-close:before, .ham-menu-close:before{
content: "\f00d";
font-family: 'FontAwesome';
}
/* SIDEBAR */
.sidebarCTA{
/*background-color:#936f9e;*/
background-color: #fff;
/*border-top: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;*/
padding: 0;
margin:0;
text-align: center;}
.sidebarCTA.givingCTA{
/*background-color:#fec961;*/}
.sidebarCTA.contactCTA{
/*border-bottom: 1px solid #e0e0e0;*/
/*background-color:#7d9c4d;*/}
.sidebarCTA h3{
padding: 1em 1em 0 1em;
margin-bottom:0.4em;
color:#ccc !important;
font-size: 2em;
display: table;
white-space: nowrap;}
.sidebarCTA h3:before, .sidebarCTA h3:after {
/*border-top: 1px solid #e0e0e0;
content: '';
display: table-cell;
position: relative;
top: 0.65em;
width: 45%;*/}
.sidebarCTA h3:before{
/*right:1.5%;*/}
.sidebarCTA h3:after{
/*left:1.5%;*/}
/*.sidebarCTA a.cta{
background-color: #fff;
margin: 1em 0 0 0;
padding: 1em;
display: block;
border-radius: 10px;
text-align: center;
font-size: 1.15em;}*/
.sidebarCTA a.cta{
font-size: 1.35em;
padding: 1em;
vertical-align: sub;
color: #000 !important;
/*background-color: transparent;*/
background-color: #f4f4f4;
text-transform: uppercase;
font-weight: bold;
border: 1px solid #e0e0e0;
border-radius: 0;
text-align: center;
line-height: 1.2em;
display: inline-table;
width: 100%;
margin: 0.25em 0;}
.sidebarCTA a.cta .fa{
display: block;
font-size: 1.5em;
color: #775980;}
.sidebarCTA a.cta:hover{
color: #fff !important;
background-color: #775980;
text-decoration: none;}
.sidebarCTA a.cta:hover .fa{
color: #fff;}
.sidebarCTA .ctaContainer{
border: 1px solid #e0e0e0;
margin: 0.25em 0;
padding: 1em;
font-size: 1.25em;}
.sidebarCTA .ctaContainer .fa{
font-size: 1.65em;
color: #775980;}
.sidebarCTA .ctaContainer h4{
font-size: 1.125em;
text-transform: uppercase;
margin-top:0;
margin-bottom:0.125em;}
.mobile-menu-trigger{
color:#000 !important;}
@media screen and (min-width: 48em){
.right-sidebar .sidebar {
padding-top:0;
padding-left: 2em;}
.has-sidebar .content {
width: 100%;}
.right-sidebar .content {
float: none;}
.left-sidebar .content {
float: none;}
.sidebar {
width: 100%;
padding-top: 20px;
padding-top: 2rem;}
.right-sidebar .sidebar {
float: none;
padding-left: 0;}
.left-sidebar .sidebar {
float: left;
padding-right: 0;}
}
@media screen and (min-width: 58em){
.has-sidebar .content {
/*width: 70%;*/
width: 100%;}
.right-sidebar .content {
/*float: left;*/
float: none;}
.left-sidebar .content {
float: right;}
.sidebar {
width: 30%;
padding-top: 20px;
padding-top: 2rem;}
.right-sidebar .sidebar {
float: right;
padding-left: 3%;}
.left-sidebar .sidebar {
float: left;
padding-right: 3%;}
}
/* HOMEPAGE */
/*body.homepage .site-content{
padding-top:0;}*/
/*body.home .site-content{
padding-bottom: 0;}*/
#latestNews ul li{
float: left;
margin: 0 2% 0 0;
width:31%;}
#latestNews ul li img{
width:100%;}
/* news carousel */
.compact-theme.wp-posts-carousel .wp-posts-carousel-title{
min-height: 46px;}
.compact-theme.wp-posts-carousel .wp-posts-carousel-desc{
min-height: 160px;}
.compact-theme.wp-posts-carousel .wp-posts-carousel-buttons a{
padding-right:12px !important;}
.compact-theme.wp-posts-carousel .wp-posts-carousel-container{
border:1px solid #fff !important;
background-color:#fefbf2;}
/* news */
#news{
text-align: center;}
.entry-content #news ul{
padding-left:0 !important;}
#news .cat-post-item{
display: inline-table;
text-align: left;
margin: 1em !important;
padding: 1em !important;
width: 45%;
background: rgba(255,255,255,0.6);
border-top: 8px solid #3c3e42;
-webkit-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.3);
box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.3);
border-bottom:0 !important;
min-height: 375px;}
#news .cat-post-item h4{
margin-top:0;
margin-bottom:0.35em;
font-size: 1.25em;}
#news #inaction .cat-post-item{
/* width: 90%; */
width: 30%;
}
@media screen and (max-width: 768px) {
#news #inaction .cat-post-item{width:50%;}
}
@media screen and (max-width: 550px) {
#news #inaction .cat-post-item{width:90%;}
}
#news .cat-post-date{
font-size: 0.85em;
font-style: italic;}
#news a.cat-post-footer-link{
font-size: 1.1em;
margin: 0.5em;
padding: 1em;
vertical-align: sub;
color:#000;
background-color:transparent;
text-transform: uppercase;
font-weight: bold;
border:1px solid #e0e0e0;
border-radius: 0;
text-align: center;
line-height: 1.0em;
display: inline-table;}
#news a.cat-post-footer-link:after {
content: " \f054";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
color:#775980;
text-decoration: inherit;
margin-left: 0.5em;}
/*#news a.cat-post-footer-link .fa{
color: #775980;}*/
#news a.cat-post-footer-link:hover{
color: #fff !important;
background-color: #775980;
text-decoration: none;}
/*#news a.cat-post-footer-link:hover .fa{
color: #fff;}*/
/* slider */
.site-content .ms-slide-info{
text-align: center;
text-transform: uppercase;}
.site-content .ms-slide-info .ms-info{
max-width: 1080px;
text-align: center;
margin: 0 auto;}
.site-content .ms-slide-info h1{
color:#fff;
text-align:center;
text-transform:uppercase;
font-size:2.75em;
font-weight:normal;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);}
.site-content .ms-slide-info h1 .leaf{
margin-left: -0.35em;
max-width: 100px;}
.site-content .ms-slide-info a.cta{
}
@media screen and (min-width: 10em) {
.master-slider-parent{
margin-bottom:-20px;}
.ms-slide-info{
position: relative !important;}
.site-content .ms-slide-info h1{
margin:1em 0 0 0;
font-size:1.75em;}
.site-content .ms-slide-info h1 .leaf{
margin-left: 0;
max-width: 40px;
display: none;}
.master-slider{
background-color:#775980;}
.site-content .ms-slide-info{
min-height: auto !important;}
}
@media screen and (min-width: 61em) {
.master-slider-parent{
margin-bottom:auto;}
.ms-slide-info{
position: absolute !important;}
.site-content .ms-slide-info h1{
font-size:2.75em;}
.site-content .ms-slide-info h1 .leaf{
margin-left: 0;
max-width: 90px;
display: inline;}
.site-content .ms-slide-info{
min-height: 100px !important;}
}
/* featured content buckets */
#contentBuckets .sow-icon-container{
height: 150px;}
#contentBuckets .sow-icon-image{
background-size: cover;}
#contentBuckets h5{
margin:0;
text-transform: uppercase;}
@media screen and (min-width: 10em) {
.so-widget-sow-features-default-ae3b9810bea0 .sow-features-list .sow-features-feature.sow-features-feature-last-row{
width:100% !important;
margin-bottom: 3.0em;}
#contentBuckets .sow-icon-container{
max-width:300px;}
}
@media screen and (min-width: 52em) {
.so-widget-sow-features-default-ae3b9810bea0 .sow-features-list .sow-features-feature.sow-features-feature-last-row{
width:25% !important;
margin-bottom:0;}
}
/* latest news */
/*.site-content #latestNews h3.widget-title{
text-align: center;
text-transform: uppercase;
font-size: 1.75em;}*/
.site-content #latestNews h3.widget-title{
margin-bottom:0.4em;
/*color:#fff !important;*/
/*font-size: 2em;*/
text-align: center;
text-transform: uppercase;
font-size: 1.75em;
display: table;
white-space: nowrap;}
.site-content #latestNews h3.widget-title:before, .site-content #latestNews h3.widget-title:after {
border-top: 1px solid #fff;
content: '';
display: table-cell;
position: relative;
top: 0.65em;
width: 45%;}
.site-content #latestNews h3.widget-title:before{
right:1.5%;}
.site-content #latestNews h3.widget-title:after{
left:1.5%;}
/* homepage mission */
/*body.home #mission{
text-align: center;}
body.home #mission h2{
margin-bottom: 0.5em;
font-size: 3em;
font-weight: bold;
color: #775980;
text-transform: uppercase;}
body.home #mission h3{
font-size: 2em;
font-weight: normal;}
body.home #mission a.cta{
font-size: 1.35em;
margin: 0.5em;
padding: 1em;
vertical-align: sub;
color:#000 !important;
background-color:transparent;
text-transform: uppercase;
font-weight: bold;
border:1px solid #e0e0e0;
border-radius: 0;
text-align: center;
line-height: 1.0em;
display: inline-table;}
body.home #mission a.cta .fa{
color: #775980;}
body.home #mission a.cta:hover{
color: #fff !important;
background-color: #775980;
text-decoration: none;}
body.home #mission a.cta:hover .fa{
color: #fff;}*/
/* calendar */
/* homepage */
body.home #tribe-events #tribe-bar-views, body.home #tribe-events .tribe-bar-filters, body.home #tribe-events #tribe-events-bar, body.home #tribe-events .tribe-events-button{
display: none;}
body.home #tribe-events-content table.tribe-events-calendar{
background-color: #fff;}
body.home #tribe-geo-results h2.tribe-events-page-title, body.home h2.tribe-events-page-title{
text-transform: uppercase;}
body.home #tribe-events #tribe-events-content p{
margin-bottom:0;}
/* main calendar page */
.events-archive .entry-content{
width:100%;}
.archive .content-page article{
padding-left:0;}
/* donate */
#homeDonate{
text-align: center;}
#homeDonate h3, #homeDonate .textwidget{
display: inline;}
#homeDonate h3{
text-transform: uppercase;
color:#fff;
font-size: 1.75em;
font-weight: normal;}
#homeDonate .cta{
font-size: 2.0em;
margin: 0.35em 1em 0 1em;
padding: 0.15em 0.75em 0.5em 0.75em;
vertical-align: sub;
color: #a31d9a !important;
background-color: #fec961;
text-transform: uppercase;
font-weight: bold;
border-radius: 10px;}
#homeDonate .cta:hover{
background-color: #ffb92f;
text-decoration: none;}
#homeDonate .cta .leaf{
margin-left:0.2em;
width: 35px;
vertical-align: bottom;}
@media screen and (min-width: 39em){
#homeDonate .cta{
margin: 0 0 0 1em;}
}
/* NEWSLETTER SIGNUP */
label{
font-size: 1.25em;}
/* BODY */
body.home .breadcrumbs-container{
display: none;}
.site-header .breadcrumbs-container {
display: table;}
.breadcrumbs-container {
width: 100%;
margin: 0 auto;}
.breadcrumbs-container:after{
clear: both;
content: '';
display: table;}
@media screen and (min-width: 10em) {
.breadcrumbs-container {
padding: 0 5% 1em 5%;}
}
@media screen and (min-width: 48em) {
.breadcrumbs-container{
display: block;
padding: 0 5% 1em 5%;}
}
@media screen and (min-width: 64em) {
.breadcrumbs-container{
max-width: 1080px;
max-width: 108rem;
padding: 0 0 1em 0;}
}
@media screen and (min-width: 120em) {
.breadcrumbs-container{
max-width: 1440px;
max-width: 144rem;}
}
@media screen and (min-width: 10em) {
.site-content {
padding: 60px 0 120px 0;
padding: 6rem 0 12rem 0;}
}
.site-main{
font-size: 1.25em;}
.site-main .entry-header h1{
margin-bottom: 0.5em;
font-size: 2.5em;
font-weight: bold;
color: #775980 !important;
text-transform: uppercase;
line-height: 1.0em;}
.site-main h3{
margin-bottom: 0.25em;
font-size: 1.9em;
font-weight: normal;
/*font-family: serif !important;*/}
.site-main a.cta{
font-size: 1.35em;
margin: 1em 0;
padding: 1em;
vertical-align: sub;
/*color: #a31d9a;*/
color:#fff !important;
/*background-color: #fec961;*/
background-color:#7d9c4d;
text-transform: uppercase;
font-weight: bold;
border-radius: 10px;
text-align: center;
line-height: 1.0em;
display: inline-table;}
.site-main a.cta:hover{
background-color: #ffb92f;
text-decoration: none;}
.site-main .cta .leaf{
margin-left:0.2em;
width: 35px;
vertical-align: bottom;}
.site-main .cta.right{
float: right;
clear: right;
margin: 0 0 1em 1em;}
.site-main .cta.left{
float: left;
clear: left;
margin: 0 0 1em 1em;}
.site-main img.right{
float: right;
clear: right;
margin: 0 0 1em 1em;}
.site-main img.left{
float: left;
clear: left;
margin: 0 1em 1em 0;}
.site-main .summary{
font-size: 1.2em;}
/*@media screen and (min-width: 48em){
.site-content {
padding-top: 2.5em;}
}*/
/* intro */
#intro{
text-align: center;}
#intro h2{
margin-top: 0;
margin-bottom: 0.5em;
font-size: 2.5em;
font-weight: bold;
color: #775980;
text-transform: uppercase;}
#intro p{
font-size: 1.5em;
font-weight: normal;}
#intro p em{
color: #777;}
#intro a.cta{
font-size: 0.75em;
margin: 0.5em;
padding: 1em;
vertical-align: sub;
color:#000 !important;
background-color:transparent;
text-transform: uppercase;
font-weight: bold;
border:1px solid #e0e0e0;
border-radius: 0;
text-align: center;
line-height: 1.0em;
display: inline-table;}
#intro a.cta .fa{
color: #775980;}
#intro a.cta:hover{
color: #fff !important;
background-color: #775980;
text-decoration: none;}
#intro a.cta:hover .fa{
color: #fff;}
#intro a.reportBanner{
margin: 0;
text-transform:none;
text-align:left;
width:100%;}
#intro a.reportBanner .btn{
float:right;}
/* eap intro */
/*.eap-intro{
text-align:left;}*/
.site-content .eap h2{
clear: none;
margin-top: 0;
margin-bottom: 0.5em;
font-size: 2em;
font-weight: bold;
/*color: #775980;*/
color: #6d6d6d;
/*text-transform: uppercase;*/}
/* numbered lists accented */
@media screen and (min-width: 10em) {
.entry-content ol {
margin: 0 0 1.5em 0;
padding: 0;
counter-reset: item;}
.entry-content ol > li {
margin: 0;
padding: 1.5em 0 0 5em;
text-indent: 0;
list-style-type: none;
min-height: 80px;
margin-bottom: 0 !important;
width: auto;
float: none;
text-align: left;}
.entry-content ol > li:before {
display: inline-block;
width: 80px;
padding-right: 0.4em;
font-weight: bold;
text-align: right;
content: counter(item) ".";
counter-increment: item;
font-size: 3em;
float: left;
/*border: 1px solid;*/
margin-left: -1.7em;
min-height: 80px;
margin-top: -0.6em;
color:#775980;}
}
@media screen and (min-width: 64em) {
.entry-content ol > li {
width: 50%;
float: left;
}
.entry-content ol.vertical > li {
width: auto;
float: none;
}
}
/* video */
#video{
text-align: center;}
#video h2{
margin-top: 0;
margin-bottom: 0.5em;
font-size: 2.5em;
font-weight: bold;
color: #775980;
text-transform: uppercase;}
#video p{
font-size: 1.5em;
font-weight: normal;}
#video p em{
color: #777;}
#video a.cta{
font-size: 0.75em;
margin: 0.5em;
padding: 1em;
vertical-align: sub;
color:#000 !important;
background-color:transparent;
text-transform: uppercase;
font-weight: bold;
border:1px solid #e0e0e0;
border-radius: 0;
text-align: center;
line-height: 1.0em;
display: inline-table;}
#video a.cta .fa{
color: #775980;}
#video a.cta:hover{
color: #fff !important;
background-color: #775980;
text-decoration: none;}
#video a.cta:hover .fa{
color: #fff;}
/* html5 video */
video{
width: 100%;}
/* EAP Videos */
.videoContainer{
margin: 1em 0;
text-align:center;}
.videoContainer h2, .site-content .videoContainer h2{
margin:0 0 0 1em;
color:#fff;
font-size:2rem;}
/* feature boxes */
.featureBoxes .panel-grid-cell{
margin-bottom: 0 !important;}
/* our team */
.team-member{
min-height: 280px;}
.tlp-team button{
font-size: 1.0em;
box-shadow:none;}
.tlp-team .button-group button{
border:1px solid #63476c;}
.tlp-team .img-responsive{
border: 1px solid #63476c;}
.tlp-team h3{
font-size: 1.1em;
text-align:center;
line-height:1.4em;}
.tlp-team .contact-info ul li{
font-size:0.9em;
text-align:center;
line-height: 1.25em;}
/* FOOTER */
@media screen and (min-width: 10em){
#footerNav .footerNavBlock{
text-align: center;}
#footerNav .footerNavBlock img{
width:100%;
max-width:350px;}
#footerNav .footerNavBlock a{
font-size: 1.5em;
text-transform: uppercase;
display: block;}
#footerNav .panel-grid-cell{
margin-bottom: 0;}
.site-footer .col2{
margin:3em 0;}
.site-footer .col2 img{
width: 90%;
max-width:250px;}
/* footer cta bar */
.site-footer #footerCTA{
background-color: #fff;
padding:0;
text-align: center;}
.site-footer #footerCTA a.cta{
font-size: 1.55em;
padding: 3em;
vertical-align: sub;
color: #000 !important;
/*background-color: transparent;*/
background-color: #f4f4f4;
text-transform: uppercase;
font-weight: bold;
border: 1px solid #e0e0e0;
border-radius: 0;
text-align: center;
line-height: 1.2em;
display: inline-table;
width: 100%;
margin:0;}
.site-footer #footerCTA a.cta .fa{
display: block;
font-size: 1.5em;
color: #775980;}
.site-footer #footerCTA a.cta:hover{
color: #fff !important;
background-color: #775980;
text-decoration: none;}
.site-footer #footerCTA a.cta:hover .fa{
color: #fff;}
/* enews signup bar */
.site-footer #footerSignup{
display: none;
background-color: #936f9e;
padding: 3em;
text-align: center;}
.site-footer #footerSignup h4, .site-footer #footerSignup .textwidget{
display: inline-block;}
.site-footer #footerSignup h4{
text-transform: uppercase;
color:#fff;
font-size: 1.75em;
font-weight: normal;
border-bottom:1px solid #fff;
margin: 0;
padding-bottom: 0.15em;}
.site-footer #footerSignup .cta{
font-size: 1.75em;
margin: 0;
padding: 0;
color: #eebdf7;
text-transform: uppercase;
font-weight: bold;
display: inline-block;}
.site-footer #footerSignup .cta:hover{
/*background-color: #ffb92f;*/
color:#fec961;
text-decoration: none;}
.site-footer #footerSignup .cta .leaf{
margin-left:0.2em;
width: 35px;
vertical-align: bottom;}
/* footer */
.sidebar-footer{
padding:1em 0;}
.footerNav{
margin-top:2em;}
.site-footer a, .site-footer a:hover{
color:#fff;
text-decoration: none;}
.site-footer a:hover{
color: #fec961;
text-decoration: none;
border-bottom:0;}
.site-footer .col{
float: none;
margin: 1% 0;
width:100%;
text-align: center;
font-size: 1.25em;}
.site-footer .col h4{
margin:1em 0.15em 0.15em 0.15em;
text-align: center;
text-transform: uppercase;
font-size: 1.75em;
color: #fec961;
display: table;
white-space: nowrap;}
.site-footer .col h4.first{
margin-top:0.15em;}
.site-footer .col h4:before, footer .col h4:after {
border-top: 1px solid #fff;
content: '';
display: table-cell;
position: relative;
top: 0.65em;
width: 45%;}
.site-footer .col h4:before{
right:1.5%;}
.site-footer .col h4:after{
left:1.5%;}
.site-footer .col1 a{
margin: 0 0.2em;}
.site-footer .col1 .social a{
font-size: 3em;}
.site-footer .col2{
margin:3em 0;
text-align: center;}
.site-footer .col2 img{
width: 90%;
max-width:250px;}
.site-footer .col3 a{
margin: 0 0.2em;}
/* copyright */
.site-footer .bottom-footer-copyright{
background-color: #63476c !important;
padding: 1.15em;
text-align: center;}
}
/* portal log out button */
.ms-logout-form{
float: right;
margin: 0 0 0.75em 0.75em;
padding: 0;
font-size: 0.75em;}
.ms-logout-form a.login_button{
display: block;
text-align: center;
font-size: 1.5em;}
@media screen and (min-width: 42em){
.site-footer #footerSignup h4, .site-footer #footerSignup .textwidget{
display: inline;}
.site-footer #footerSignup h4{
padding-right:1em;
border-right:1px solid #fff;
border-bottom:0;
margin: 0.5em;
padding-bottom: 0;}
.site-footer #footerSignup .cta{
margin: 0 1em;
display: inline-block;}
}
@media screen and (min-width: 48em){
.site-footer .col{
float: left;
margin: 1% 2%;
width:30%;}
.site-footer .col2{
margin:0;}
.site-footer .col2 img{
width: 100%;
max-width:300px;}
.site-footer .col h4{
font-size: 1.25em;}
}
@media screen and (min-width: 61em){
/* hide mobile menu */
.mobile-menu, .mobile-menu-trigger {
display: none !important;}
/* show desktop menu */
.header-menu {
display: table-cell;}
.primary-menu > li > a {
font-size: 1em !important;
padding: 2em 1em !important;}
.primary-menu > .menu-item-has-children > a{
padding-right: 1em;}
}
@media screen and (min-width: 69em){
.header-menu {
display: table-cell;}
.primary-menu > li > a {
font-size:1.1em !important;
padding: 2em 1.2em !important;}
}
@media screen and (min-width: 80em){
.primary-menu > li > a {
font-size: 1.25em !important;
padding: 2em 1em !important;}
.primary-menu > .menu-item-has-children > a{
padding-right: 1.75em;}
.site-footer .col{
margin: 1%;}
.site-footer .col h4{
font-size: 1.75em;}
}
/* QUADSIMIA - HOVER EFFECTS */
/* LAYOUT */
/* general */
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }
body {
/*background: #2f3238;
color: #fff;
font-weight: 400;
font-size: 1em;
font-family: 'Raleway', Arial, sans-serif;*/ }
a {
/*outline: none;
color: #3498db;
text-decoration: none;*/}
a:hover, a:focus {
/*color: #528cb3;*/}
/*.main-content{
margin: 0;}*/
/* grid */
.grid {
/*position: relative;*/
/*margin: 0 auto;
padding: 1em 0 4em;
max-width: 1000px;*/
margin:0;
padding:0;
list-style: none;
text-align: left;
font-weight: 400;
font-size: 1em;
font-family: 'Raleway', Arial, sans-serif;}
.grid a {
outline: none;
color: #3498db;
text-decoration: none;}
.grid a:hover, .grid a:focus {
color: #528cb3;}
/* Common style */
.grid figure {
position: relative;
float: none;
overflow: hidden;
/*margin: 10px 1%;*/
/*min-width: 320px;
max-width: 650px;*/
/*min-height: 350px;*/
/*max-height: 350px;*/
width: 100%;
/*height: 100%;*/
margin: 0;
/*background: #3085a3;*/
background: #63476c;
text-align: left;
cursor: pointer;}
.grid figure img {
position: relative;
display: block;
height: auto;
min-height: auto;
max-height: auto;
width: 100%;
min-width: 100%;
max-width: 100%;
opacity: 0.8;}
.grid figure figcaption {
padding: 0.5em 1em;
color: #fff;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;}
.grid figure figcaption::before,
.grid figure figcaption::after {
pointer-events: none;}
.grid figure figcaption,
.grid figure figcaption > a {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;}
.grid figure figcaption h2{
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
z-index: 888 !important;
text-indent: 200% !important;
white-space: nowrap !important;
font-size: 0 !important;
opacity: 0 !important;}
.grid figure h2 {
/*word-spacing: -0.15em;*/
font-weight: 300;
text-transform: uppercase;}
.grid figure h2 span {
font-weight: 800;}
.grid figure h2,
.grid figure p {
margin: 0;}
.grid figure p {
/*letter-spacing: 1px;*/
font-size: 68.5%;}
/* INDIVIDUAL EFFECTS */
/*---------------*/
/***** Sadie ORIG SAVED *****/
/*---------------*/
figure.effect-sadie figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);}
figure.effect-sadie div.content {
position: absolute;
top:50%;
bottom: 0;
left:0;
right:0;
padding: 1.5em;
width: 100%;
/*border: 1px solid #fff;*/}
figure.effect-sadie h2 {
/*position: absolute;*/
/*top: 50%;
left: 0;*/
width: 100%;
/*padding:0;*/
/*color: #484c61;*/
font-size:2.5em;
font-weight: bold;
line-height: 1.15em;
text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
color: #fff;
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);}
figure.effect-sadie figcaption::before,
figure.effect-sadie p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;}
figure.effect-sadie p {
/*position: absolute;*/
/*bottom: 0;
left: 0;*/
padding: 0.5em 0;
width: 100%;
opacity: 0;
text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);}
figure.effect-sadie p.caption{
font-size: 0.95em;}
figure.effect-sadie p.cta{
font-size: 1.25em;
font-weight: bold;
text-transform: uppercase;}
figure.effect-sadie:hover h2 {
color: #fff;
-webkit-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0);}
figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);}
body.page-id-35 #intro a.cta {border: 1px solid #6d6d6d !important;}
/*---------------*/
/***** Sadie *****/
/*---------------*/
figure.effect-sadie figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(99,71,108,0) 0%, rgba(99,71,108,0.8) 75%);
background: linear-gradient(to bottom, rgba(99,71,108,0) 0%, rgba(99,71,108,0.8) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);}
figure.effect-sadie div.content {
position: absolute;
top:50%;
bottom: 0;
left:0;
right:0;
margin: auto;
padding: 0.5em 1.5em;
width: 90%;
/*border: 1px solid #fff;*/
text-align:center;}
figure.effect-sadie h2 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
/*padding:0;*/
/*color: #484c61;*/
font-size:1.75em;
font-weight: bold;
line-height: 1.1em;
text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
color: #fff;
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-webkit-transform: translate3d(0,-2em,0);
transform: translate3d(0,-2em,0);}
figure.effect-sadie figcaption::before,
figure.effect-sadie p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;}
figure.effect-sadie p {
/*position: absolute;*/
/*bottom: 0;
left: 0;*/
/*padding: 0.5em 0;*/
width: 100%;
opacity: 0;
text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
-webkit-transform: translate3d(0,0.5em,0);
transform: translate3d(0,0.5em,0);}
figure.effect-sadie p.caption{
position: absolute;
bottom: 0;
left: 0;
right: 0;
font-size: 0.95em;
opacity: 1;
-webkit-transform: translate3d(0,-0.75em,0);
transform: translate3d(0,-0.75em,0);}
figure.effect-sadie p.cta{
position: absolute;
bottom: 0;
left: 0;
right: 0;
font-size: 1.25em;
font-weight: bold;
text-transform: uppercase;}
figure.effect-sadie:hover h2 {
-webkit-transform: translate3d(0,-4em,0);
transform: translate3d(0,-4em,0);}
figure.effect-sadie:hover figcaption::before{
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);}
figure.effect-sadie:hover p {
opacity: 1;
-webkit-transform: translate3d(0,-1.25em,0);
transform: translate3d(0,-1.25em,0);}
figure.effect-sadie:hover p.caption {
-webkit-transform: translate3d(0,-4em,0);
transform: translate3d(0,-4em,0);}
@media screen and (max-width: 1200px) {
figure.effect-sadie h2{
font-size: 1.45em;}
figure.effect-sadie p.caption{
font-size: 0.85em;}
figure.effect-sadie p.cta{
font-size: 0.9em;}
}
@media screen and (max-width: 1000px) {
figure.effect-sadie h2{
font-size: 1.25em;}
figure.effect-sadie p.caption{
font-size: 0.75em;}
figure.effect-sadie p.cta{
font-size: 0.8em;}
}
@media screen and (max-width: 900px) {
figure.effect-sadie h2{
font-size: 1.1em;}
figure.effect-sadie p.caption{
font-size: 0.7em;}
figure.effect-sadie p.cta{
font-size: 0.75em;}
}
@media screen and (max-width: 800px) {
figure.effect-sadie h2{
font-size: 1.75em;}
figure.effect-sadie p.caption{
font-size: 0.9em;}
figure.effect-sadie p.cta{
font-size: 1.25em;}
}
/*@media screen and (max-width: 650px) {
.content {
padding: 0 10px;
text-align: center;
}
.grid figure {
float: none;
width: 100%;
}
}*/
/* STICKY HEADER NAV */
#thsp-sticky-header, #thsp-sticky-header-menu{
padding:5px 1em;}
#thsp-sticky-header-menu{
width: 85%;}
#thsp-sticky-header-inner{
margin-left:auto;
margin-right:auto;
max-width:1060px;}
#thsp-sticky-header-title img{
height:50px;}
#thsp-sticky-header ul li{
margin-left:0 !important;
margin-right:0 !important;
/*font-size:0.95em !important;*/
vertical-align:middle;}
#thsp-sticky-header ul li a{
transition: all 0.35s ease;
padding: 0 0.5em;
text-transform: none;}
#thsp-sticky-header ul li a:hover{
/*opacity:0.75;*/
color: #d3b1dd !important;}
@media screen and (max-width: 880px){
#thsp-sticky-header-title img{
padding-top: 7px;
width:125px;
height: auto;
vertical-align: middle;}
#thsp-sticky-header ul li{
/*font-size:0.75em !important;*/}
}
@media screen and (min-width: 1920px){
#thsp-sticky-header-inner{
max-width:1400px;}
#thsp-sticky-header ul li{
margin-right:0 !important;
/*font-size:1.0em !important;*/}
}
.prevention-therm span {color: #775980; font-weight: bold;}
#panel-9098-1-2-0 svg {height: 400px !important;}
/* HOPE CTA */
.cta-hope h1 {
margin-bottom: 0.5em;
font-size: 2.75em;
font-weight: bold;
color: #844a97 !important;
text-transform: uppercase;
line-height: 1.15em;
/* width: 85%; */
}
.cta-hope .cta-caption {
color: #000;
font-size: 1.5em;
}
@media screen and (max-width: 550px) {
.cta-hope {text-align: center;}
}
/* POPUP */
.pum-theme-14065 .pum-title, .pum-theme-cflr-general-popup .pum-title{
margin-bottom:0.5em;}
.popup-cta{
font-size: 1.35em;
margin: 1em auto;
padding: 1em;
vertical-align: sub;
/* color: #a31d9a; */
color: #fff !important;
/* background-color: #fec961; */
background-color: #7d9c4d;
text-transform: uppercase;
font-weight: bold;
border-radius: 10px;
text-align: center;
line-height: 1.0em;
display: table;}
.popup-cta:hover{
background-color: #ffb92f;
text-decoration: none;}