/*
Theme Name: Child Theme
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/
/*////////////////NEON CRM////////////*/
.neoncrm-event h2{
color: rgba(var(--fc-purple), 1);
}
.neoncrm-event img{
width: fit-content !important;
height: auto !important;
}
.ncrm-btn a{
padding: 10px 20px !important;
font-size: 18px !important;
font-weight: 900 !important;
border: none !important;
border-radius: 5px !important;
text-transform: uppercase;
background-color: rgba(var(--fc-orange), 1) !important;
color: #fff;
}
.crm-time{}
/*///////////////////////////////////////////////////
////////////////////////////////////// Sitewide ////
/////////////////////////////////////////////////*/
h2 {
font-weight:700 !important;
text-transform: none !important;
font-family: var(--ff-heading);
font-size: var(--csem-fs-lg);
}
p+h2 {margin-top: 0em;}
p, body, .main_color{
color: rgba(var(--fc-purple), 1);
}
.page-id-718 h2, .page-id-717 h2, .page-id-721 h2, .page-id-722 h2, .page-id-723 h2, .page-id-724 h2,
.page-id-725 h2, .page-id-726 h2, .page-id-727 h2, .page-id-733 h2, .page-id-734 h2, .page-id-735 h2,
.page-id-736 h2, .page-id-737 h2, .page-id-741 h2, .page-id-742 h2, .page-id-743 h2, .page-id-744 h2,
.page-id-748 h2, .page-id-753 h2, .page-id-755 h3, .page-id-756 h2, .page-id-758 h2, .page-id-759 h2,
.page-id-720 h2, .page-id-730 h2, .page-id-1266 h2, .page-id-1266 h3, .page-id-739 h2, .page-id-746 h3, .page-id-748 h3, .page-id-716 h3, .page-id-742 h2, .page-id-6725 h2, .page-id-6725 h3{
color: rgba(var(--fc-purple), 1);
text-transform: none !important;
}
.avia-section a{
font-weight:bold;
}
h3 {
font-weight:700 !important;
text-transform: none !important;
font-family: var(--ff-heading);
}
.fw-header .fw-container-first {
padding-left: 305px !important;
}
.fw-header {
box-shadow: 0px 7px 9px #a5a5a5;
}
.phone-info {
font-size:18px !important;
}
.html_header_transparency #top .avia-builder-el-0 .container {
padding-top: 0px !important;
}
/*Xlarge none heading fonts*/
.fs-xl-bold {
font-size: var(--csem-fs-xl);
text-shadow: var(--fw-bolder);
text-transform:uppercase;
font-family: var(--ff-hero);
line-height: 1em;
margin-bottom: 20px;
margin-top: 0px;
font-weight:600;
animation-name: scaleIn; animation-duration: var(--duration-fast);
}
/*large none heading fonts*/
.csem-fs-lg {
font-size: var(--csem-fs-lg);
font-family: var(--ff-heading);
margin: 0px; line-height:1em;
}
.csem-fs-med {
font-size: var(--csem-fs-med);
font-family: var(--ff-heading);
margin: 0px; line-height:1.5em;
color: rgba(var(--fc-purple), 1);
font-weight:800;
}
.csem-fs-med::first-letter {
text-transform: uppercase;
}
.csem-special-heading p::first-letter{
text-transform: uppercase;
}
.csem-special-heading p{
color: rgba(var(--fc-purple), 1);
}
.fs-lg-bold {
font-size: var(--csem-fs-lg-bold);
margin: 0px; line-height:1em;
font-family: var(--ff-heading);
font-weight:800;
text-transform: uppercase;
color: rgba(var(--fc-purple), 1);
}
.no-capitalize {
text-transform: none;
}
.csem-fs-sm {
font-size: var(--csem-fs-sm);
margin: 0px; line-height:1em;
font-family: var(--ff-heading);
font-weight:400;
text-transform: capitalize;
}
#header_meta {
min-height: 40px;
}
@media only screen and (max-width: 768px) {
.socialbookmarks-widget {width: fit-content !important; margin: 0 auto;}
}
#header_meta .social_bookmarks li a{
background-color: #ffffff94 !important;
border-radius: 25px;
color: rgba(var(--fc-blue-dark), 1) !important;
margin-right: 10px;
margin-top: 4px;
}
#header_meta .social_bookmarks li{
margin-right: 10px;
border-right-style: none;
}
#header_meta .social_bookmarks li a:hover{
background-color: #ffffff94 !important;
border-radius: 25px;
color: #fff !important;
}
/* Inner Page Color Section Background Color */
.page-id-714 .csem-body-container-padding:nth-of-type(4),
.page-id-717 .csem-body-container-padding:nth-of-type(4),
.page-id-721 .csem-body-container-padding:nth-of-type(4),
.page-id-722 .csem-body-container-padding:nth-of-type(4),
.page-id-720 .csem-body-container-padding:nth-of-type(4),
.page-id-723 .csem-body-container-padding:nth-of-type(4),
.page-id-724 .csem-body-container-padding:nth-of-type(4),
.page-id-725 .csem-body-container-padding:nth-of-type(4),
.page-id-726 .csem-body-container-padding:nth-of-type(6),
.page-id-727 .csem-body-container-padding:nth-of-type(3n+1),
.page-id-731 .csem-body-container-padding:nth-of-type(4),
.page-id-732 .csem-body-container-padding:nth-of-type(4),
.page-id-733 .csem-body-container-padding:nth-of-type(4),
.page-id-734 .csem-body-container-padding:nth-of-type(4),
.page-id-734 .csem-body-container-padding:nth-of-type(6),
.page-id-735 .csem-body-container-padding:nth-of-type(4),
.page-id-737 .csem-body-container-padding:nth-of-type(4),
.page-id-739 .csem-body-container-padding:nth-of-type(4),
.page-id-741 .csem-body-container-padding:nth-of-type(4),
.page-id-742 .csem-body-container-padding:nth-of-type(4),
.page-id-743 .csem-body-container-padding:nth-of-type(4),
.page-id-744 .csem-body-container-padding:nth-of-type(4),
.page-id-753 .csem-body-container-padding:nth-of-type(4),
.page-id-1266 .csem-body-container-padding:nth-of-type(4),
.page-id-739 .csem-body-container-padding:nth-of-type(4),
.page-id-756 .csem-body-container-padding:nth-of-type(4),
.page-id-757 .csem-body-container-padding:nth-of-type(4),
.page-id-720 .csem-body-container-padding:nth-of-type(3n+1),
.page-id-730 .csem-body-container-padding:nth-of-type(3n+1),
.page-id-715 .csem-body-container-padding:nth-of-type(4),
.page-id-738 .csem-body-container-padding:nth-of-type(3n+1),
.page-id-718 .csem-body-container-padding:nth-of-type(4),
.page-id-716 .csem-body-container-padding:nth-of-type(4),
.page-id-748 .csem-body-container-padding:nth-of-type(4),
.page-id-746 .csem-body-container-padding:nth-of-type(4),
.page-id-736 .csem-body-container-padding:nth-of-type(4),
.page-id-755 .csem-body-container-padding:nth-of-type(4),
.page-id-749 .csem-body-container-padding:nth-of-type(4),
.page-id-740 .csem-body-container-padding:nth-of-type(4),
{background-color: rgba(var(--fc-purple), .1);}
.color-bg-section {background-color: rgba(var(--fc-purple), .1);}
/*////////////////////////////////////////////////
///////////////////////////////////// Header ////
//////////////////////////////////////////////*/
/*Header & Top Bar*/
#header #header_main .container,#header_meta .container {
width: 94%; max-width: none; /* Full Width */
}
/*Top Bar Style*/
.header_color .container_wrap_meta {
background: rgba(var(--fc-blue-dark),1); /* Top Bar Background Color */
}
#header_meta a {
font-size: var(--csem-fs-tb-p); /* Top Bar Font Size */
}
/*Menu Settings*/
.av-main-nav li a, #top .av-main-nav ul a {
font-size: var(--csem-fs-p); /* Menu Font Size */
}
#top .av-main-nav ul a:hover {
background-color: rgba(var(--fc-blue-light), .2); /* Sub Menu Background Color on Hover */
}
.main_menu li a {
color:rgba(var(--fc-purple),1) !important; /* Menu Font Color */
}
/*Burger Menu*/
.av-hamburger-inner::after, .av-hamburger-inner::before, .av-hamburger-inner {
background-color:rgba(var(--fc-blue-dark),1) !important; /*Menu Color*/
}
/*///////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////// Footer ////
/////////////////////////////////////////////////////////////////////*/
.foot-cs { background-color:rgba(var(--fc-blue-dark), 1);}
.foot-cs h3 {
color:#fff;
}
.foot-cs .widgettitle{
margin-top:0px !important;
}
.foot-cs .social_icon_1{
margin-left: 0em !important;
}
.foot-cs .social_bookmarks li {
border-right-style: none !important;
}
.foot-cs .social_bookmarks li a {
background-color: #ffffff94 !important;
border-radius: 25px;
color: rgba(var(--fc-blue-dark), 1);
}
@media only screen and (max-width: 762px) {
.add_social_bookmarks-2 .content{
width: fit-content; margin: 0px auto;
}
}
/*//////////////////////////////////
///////////////////// Post ////
////////////////////////////////*/
.impact-post-header{
background-color:rgba(var(--fc-blue-dark), 1);
padding-top: clamp(10px, 15%, 50px) !important;
padding-bottom: clamp(10px, 15%, 50px) !important;
}
.impact-post-header h1{
font-family: var(--ff-heading);
font-weight: 700;
color:#fff;
text-transform:none !important;
text-align:center;
}
.post-section{
}
.video-col{
}
.slide-meta, .post-meta-infos{
display: none;
}
/*//////////////////////////////////
//// LEVEL 2 INNER PAGE HEADER ////
////////////////////////////////*/
/* Static Header */
.impact-inner-header {
/*background-color:rgba(var(--fc-blue-dark), 1);*/
padding-top: var(--pd-lg) !important;
padding-bottom: var(--pd-lg) !important;
}
.impact-inner-header h1 {
font-size: clamp(30px, 2.5vw, 50px);
text-transform:uppercase !important;
font-family: var(--ff-heading);
color:#ffffff;
font-weight:400;
}
/*//////////////////////////////////////////////////
//////////////////////////////////// Home Page ////
////////////////////////////////////////////////*/
.hero-orange {
color: rgba(var(--fc-orange),1);
}
.transparent-color-bg-orange {
background-color: rgba(var(--fc-orange), .8);
}
:is(.home-cs-2, .home-cs-4, .home-cs-6, .home-cs-7, .home-cs-8, .home-cs-9) :is(p, h2, h3) {
color: rgba(var(--fc-purple), 1);
}
.home-cs-3 .transparent-color-bg-orange {
width:50%;
margin:0px auto;
padding:40px;
}
.home-cs-5 {
background-color:rgba(var(--fc-purple), 1);
}
.home-cs-5 :is(p, h2) {
color: #fff;
}
.home-cs-8 :is(p, h2, h3) {
text-shadow:none !important;
font-weight:400 !important;
text-transform:none !important;
}
.home-cs-9 {
background-color:rgba(var(--fc-blue-light), .7);
}
.csem-col-btn .csem-btn{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.hm-sponsors {
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.hm-sponsors.image-overlay-inside {
display: none;
}
.hm-sponsors.image-overlay {
background: none;
}
.hm-sponsors img {
/*height: 102px !important;
margin: 15px 30px;*/
width: 200px;
margin: 10px 30px;
}
.signature-events .title p{
font-family:var(--ff-body);
margin-top:0px;
font-weight: 800 !important;
}
.signature-events .title h3{
font-weight: 800 !important;
font-family:var(--ff-heading);
}
.image-overlay {
display: none !important;}
/*----------------------------------------------------------------------------------*/
.hd-sponsors-container {
overflow: hidden; /* Hide overflow on the container */
width: 100%; /* or set a specific width if needed */
}
.hd-sponsors {
display: flex;
flex-direction: row;
flex-wrap: nowrap; /* Prevent wrapping */
overflow-x: hidden; /* Hide horizontal overflow, we control it with JS */
align-items: center;
white-space: nowrap; /* Ensure all items are in one line */
}
.hd-sponsors a {
flex: 0 0 auto; /* Prevent anchors from stretching */
}
.hd-sponsors img {
width: 200px;
margin: 10px 30px;
transition: transform 0.2s; /* Smooth zoom effect */
}
.hd-sponsors .image-overlay-inside {
display: none;
}
.hd-sponsors .image-overlay {
background: none;
}
/*---------------------------Sponsor Page-----------------------------------------------------------*/
.sp-sponsors {
display: flex;
flex-direction: row;
flex-wrap: wrap; /* Prevent wrapping */
overflow-x: hidden; /* Hide horizontal overflow, we control it with JS */
align-items: center;
white-space: nowrap; /* Ensure all items are in one line */
justify-content: space-between;
}
.sp-sponsors a {
flex: 0 0 auto; /* Prevent anchors from stretching */
}
.sp-sponsors img {
width: 200px;
margin: 10px 30px;
transition: transform 0.2s; /* Smooth zoom effect */
}
.sp-sponsors .image-overlay-inside {
display: none;
}
.sp-sponsors .image-overlay {
background: none;
}
/*--------- Grant Process -------*/
.grant-process tr{
color:rgba(var(--fc-purple), 1) !important;
}
.grant-process tr th:first-child, tr td:first-child {font-weight: bold;}
.committee-schedule tr, .committee-schedule b{
color:rgba(var(--fc-purple), 1) !important;
}
.committee-schedule tr th:first-child, tr td:first-child {font-weight: bold;}
/*//////////////////////////////////////////////////
//////////////////////////////////////// About ////
////////////////////////////////////////////////*/
.about-tab-section {
.tabcontainer {
border-color: none !important;
background-color: rgba(var(--fc-blue-dark), 1) !important;
}
box-shadow: -9px 7px 9px #a5a5a5;
.av_tab_section {
background-color: #efeff5;
}
.tab_titles{
width: 48% !important;
max-width: 481px !important;
padding-left: 15px;
background-color: rgba(var(--fc-purple-light), 1);
padding-top: 20px;
}
.active_tab {
width: 115% !important;
box-shadow: -2px 4px 5px #696969;
margin-bottom: 17px !important;
.tab-arrow::after {
content: url('/wp-content/uploads/2024/09/Arrow-1.png');
display: block;
margin-top: 10px; /* Adjust margin as needed */
height: 22px !important; width: auto !important;
float: right;
}
}
.tab_content {
background-color: rgba(var(--fc-blue-dark), 1) !important;
padding: 30px 70px 30px 100px !important;
}
.about-tabs {
display:flex;
flex-direction:row;
align-items: center;
justify-content: space-between;
.about-description {
display:flex;
flex-direction: column;
width: 85% !important;
.tab-heading {
font-size: 20px;
}
.tab-excerpt {
font-weight: 400;
}
}
}
}
.text-container {
padding:0px var(--pd-sm);
background-color:#fff;
}
/* Side by side columns on about page*/
.page-id-714 .csem-body-container-padding:nth-of-type(3) {
.flex_column_table, .fw-header{
box-shadow: -9px 7px 9px #a5a5a5;
}
}
/* Board Members*/
.board-member-container {
padding: 20px;
background-color: #fff;
border-radius: 10px;
box-shadow: -2px 4px 5px #969696;
}
.board-member .team-member-job-title {
color: rgba(var(--fc-purple), 1) !important;
margin-bottom:10px;
}
.board-member .team-social {
border:none !important;
}
.board-member .team-member-name {
background-color: rgba(var(--fc-blue-dark), 1) !important;
clip-path: polygon(0 0, 100% 0, 100% 0%, 91% 100%, 0 100%);
padding: 10px; color: #fff;
font-size: 21px;
}
.board-member-info {
display:flex;
}
.board-member-bio a {
background-color:orange;
color:#fff;
padding: 10px;
border-radius: 25px;
margin-right: 10px;
}
.board-member-bio-popup{}
.board-member .team-member-description {
display: flex;
flex-direction: row;
justify-content: flex-start;
font-size: 20px;
}
.board-member .team-member-description p{
margin-top:2px;
margin-bottom:2px;
line-height: .2em;
}
.bio-contact{display:flex;}
.bio-icons{
margin-right:20px;
}
#bio-call{}
#bio-email{}
#bio-bio{}
/* Impact100 Model */
.page-id-716 .csem-body-container-padding .color-head {
padding: 8px 68px;
text-align: center;
color: #fff !important;
font-size: 24px;
font-weight: 700;
font-family: var(--ff-heading) !important;
}
.page-id-716 .csem-body-container-padding .color-head:nth-of-type(1) {background-color: rgba(var(--fc-blue-dark), 1) !important;}
.page-id-716 .csem-body-container-padding .color-head:nth-of-type(2) {background-color: rgba(var(--fc-blue-dark), .7) !important;}
.page-id-716 .csem-body-container-padding .color-head:nth-of-type(3) {background-color: rgba(var(--fc-blue-dark), .4) !important;}
/*---------- Animated Icons ---------*/
@keyframes fadeInAndUp {
0% {opacity: 0; transform: translateY(50px); }
50% { opacity: 1; }
100% { transform: translateY(0px); }
}
@keyframes draw {
to {
stroke-dashoffset: 0;
}
}
@keyframes fadeInHead {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes centerScale {
0% { transform: scale(0); }
85% { transform: scale(1.3); }
100% { transform: scale(1); }
}
/*---------- Initial State ----------- */
#people, #hands, #house, #cntr-bg,
#mp-body, #lp-body, #rp-body, #lp-larm,
#rp-larm, #lp-rarm, #rp-rarm,
#line1 .st0, #line2 .st0, #shine1,
#shine2, #shine3, #roof {
animation-play-state: paused;
}
/*----- People -----*/
#people{
animation: fadeInAndUp 1s backwards;
animation-fill-mode: backwards; /* Ensure initial styles are applied */
animation-play-state: paused; /* Initially paused */
}
#mp-head, #lp-head, #rp-head {
fill: rgba(var(--fc-blue-dark), 1);
stroke: none;
}
#mp-body, #mp-larm, #mp-rarm {
fill: none;
stroke: rgba(var(--fc-blue-dark), 1); /* Set stroke color to purple */
stroke-width: 8px; /* Set stroke thickness to 4px */
stroke-linecap: round; /* Set round ends for strokes */
stroke-linejoin: round; /* Set round joins for strokes */
}
/* Styling for the paths inside the lp and rp groups, excluding heads */
#lp path:not(#lp-head), #rp path:not(#rp-head) {
fill: none;
stroke: rgba(var(--fc-blue-dark), .7); /* Set stroke color */
stroke-width: 8px; /* Set stroke thickness */
stroke-linecap: round; /* Set round ends for strokes */
stroke-linejoin: round; /* Set round joins for strokes */
stroke-dasharray: 500;
stroke-dashoffset: 500;
animation: draw 1s linear forwards;
}
#lp-head, #rp-head {
opacity: 0; /* Initially hidden */
}
/* Animate lp paths (excluding lp-head) after mp fades in */
#lp path:not(#lp-head), #rp path:not(#rp-head) {
animation-delay: .5s; /* Start lp drawing after mp fades in */
}
/* Fade in lp head during the animation */
#lp-head, #rp-head {
animation: fadeInHead 1s forwards;
animation-delay: 1.5s; /* Delay to sync with lp animation */
}
/* Sequential animation for lp and rp bodies and arms */
#lp-body, #rp-body {
animation-delay: 2s;
}
#lp-larm, #rp-larm {
animation-delay: 3.5s;
}
#lp-rarm, #rp-rarm {
animation-delay: 4s;
}
/*----- Dashes -----*/
#line1 .st0, #line2 .st0 {
stroke: rgba(var(--fc-blue-dark), 1);
stroke-width: 8px;
stroke-dasharray: 500;
stroke-dashoffset: 500;
animation: draw 1s linear forwards;
}
/*----- Dash 1 -----*/
#line1 .st0 {
animation-delay: 1.5s;
}
/*---------- Hands ---------*/
#hands {
animation: fadeInAndUp 1s backwards;
animation-delay: 2.5s;
}
#rhand, #lhand {
stroke: rgba(var(--fc-blue-dark), 1); /* Set stroke color to purple */
fill:none;
stroke-width: 8px;
}
#cntr-bg {
fill: #18a0aa;
transform-origin:50% 50%;
transform-box:fill-box;
animation: centerScale .4s backwards;
animation-delay: 3s;
}
#dollar, #_1k {
fill: #fff;
transform-origin:50% 50%;
transform-box:fill-box;
animation: centerScale .4s backwards;
animation-delay: 3s;
}
#shine2, #shine3 {
stroke: rgba(var(--fc-blue-dark), 1); /* Set stroke color to purple */
stroke-width: 8px;
stroke-dasharray: 500;
stroke-dashoffset: 500;
animation: draw 1s linear forwards;
animation-delay: 3.5s;
}
#shine1 {
stroke: rgba(var(--fc-blue-dark), 1); /* Set stroke color to purple */
stroke-width: 8px;
stroke-dasharray: 500;
stroke-dashoffset: -500;
animation: draw 1s linear forwards;
animation-delay: 2.5s;
}
/*--- Dash 2 --*/
#line2 .st0 {
animation-delay: 3.5s;
}
/*---------- House ---------*/
#house{
animation: fadeInAndUp 1s backwards;
animation-delay: 4.5s;
}
#house #roof, #house #walls {
fill:none;
stroke: rgba(var(--fc-blue-dark), 1);
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 4px;
}
#house #center{
fill:rgba(var(--fc-blue-dark), 1);
transform-origin:50% 50%; transform-box:fill-box;
animation: centerScale .5s backwards;
animation-delay: 5s;
}
#roof {
stroke-dasharray: 500;
stroke-dashoffset: 500;
animation: draw 1s linear forwards;
animation-delay: 4.5s;
}
/*---- Impact Model ----*/
.impact-mod {text-align:center;}
/*----- Timeline --------*/
.avia-timeline li:nth-of-type(4) .milestone-char,
.avia-timeline li:nth-of-type(5) .milestone-char,
.avia-timeline li:nth-of-type(9) .milestone-char
{
font-size:22px !important;
}
.avia-timeline li:nth-of-type(7) .milestone-char,
.avia-timeline li:nth-of-type(8) .milestone-char
{
font-size:25px !important;
}
.tl .milestone_inner {
background-color: #ffffff !important;
border: solid 2px rgba(var(--fc-purple), 1) !important;
color:rgba(var(--fc-purple), 1) !important;
}
.tl-container{display:flex; flex-direction:column; color:rgba(var(--fc-blue-dark), 1);}
.tl-container img{max-width: 30%;}
.tl-container, .tl-container h2 {color:rgba(var(--fc-blue-dark), 1);}
/*//////////////////////////////////////////////////
////////////////////////////////// Membership ////
////////////////////////////////////////////////*/
/*Apply For A Scholarship*/
.page-id-726 .csem-body-container-padding:nth-of-type(5) .link-box {
background-color: rgba(var(--fc-orange), 1);
}
/*//////////////////////////////////////////////////
////////////////////////////////////// Grants ////
////////////////////////////////////////////////*/
/* Process Guidelines & Grant Timeline */
.page-id-734 table td:first-child {
width: 200px;
}
@media only screen and (max-width: 762px) {.home-cs-3 .transparent-color-bg-orange{width:90%; margin:0px auto; padding:20px;}}
/* Past Grant Recipients*/
.grantee{
filter: drop-shadow(-5px 8px 5px rgba(0, 0, 0, 0.3));
}
.impact-grant-toggles .toggler{border-style: none;}
.impact-grant-toggles .vert_icon{border-left-color: #625e9d;}
.impact-grant-toggles .hor_icon{border-top-color: #625e9d;}
.grantee p{
font-size:18px;
margin: 0px;
}
.grantee h3{
font-size: 21px;
color: rgba(var(--fc-purple), 1) !important;
padding: 15px 15px;
margin-bottom: 0px;
}
.grantee-title{
background-color: rgba(var(--fc-orange), 1) !important;
clip-path: polygon(0 0, 100% 0, 100% 0%, 91% 100%, 0 100%);
padding-right: 35px;
}
.grantee-title-wrap {
filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5));
z-index: 1;
position: absolute;
width: fit-content;
left:-5px;
top: -45px;
}
.grantee-amount{
padding: 8px;
background-color: #fff;
position: absolute;
width: 100%;
margin-top: -120px;
}
.grantee img {
border-radius: 0px 30px 0px 30px;
}
.page-id-738 .csem-body-container-padding h2,
.page-id-738 .csem-body-container-padding h3 {
color: rgba(var(--fc-purple), 1);
}
.page-id-738 .csem-body-container-padding h2 {
margin-bottom: 30px;
}
/* |----------Grant Committee Calendar ---------------| */
/*Apply For A Scholarship*/
.page-id-758 .csem-body-container-padding:nth-of-type(4) .link-box {
background-color: rgba(var(--fc-orange), 1);
}
/*---------------------------------------------------------------------------------------------------|
| |
| Color section padding |
| |
| Set color section padding to "no padding" |
| Add custom Classes to the developer tab in color sections |
| |
| For Hero Headers: csem-hero-container-padding |
| For Solid/Smaller/Inner Page Headers: csem-inner-header |
| Body content color Section: csem-body-container-padding |
| |
|---------------------------------------------------------------------------------------------------*/
/*---------------------|
| Hero Header |
|---------------------*/
.csem-hero-container-padding {padding-top: var(--pd-lg); padding-bottom: var(--pd-lg);}
.csem-hero-container-padding p:nth-of-type(2) { width:60%; margin:0px auto;} /* Set Paragraph Width */
@media only screen and (max-width: 762px) {.csem-hero-container-padding p:nth-of-type(2) { width:100%; margin:0px auto;}}
/*---------------------|
| Inner Header |
|---------------------*/
.csem-inner-header {margin-top: clamp(10px, 15%, 25px) !important; margin-bottom: clamp(10px, 15%, 20px) !important;}
.csem-inner-header h1 {font-size: clamp(30px, 3vw, 50px); text-transform:uppercase !important; font-family: var(--ff-heading) !important; color:#ffffff; font-weight:400;}
/*---------------------|
| Boddy Content |
|---------------------*/
.csem-body-container-padding {padding-top: var(--pd-lg) !important; padding-bottom: var(--pd-lg) !important;}
.csem-bg-col-1{background-color: var(--bg-col-1);}
/*---------------------------------------------------------------------------------------------------|
| |
| Center text on mobile |
| |
| Give the text block (under developer settings) the class "csem-center-text" |
| Or use: <p class="csem-center-text">Text</p> |
| |
|---------------------------------------------------------------------------------------------------*/
/*@media only screen and (max-width: 762px) {
.csem-center-text{text-align: center !important;}
}*/
@media only screen and (max-width: 762px) {
div{text-align: center !important;}
}
/*---------------------------------------------------------------------------------------------------|
| |
| Enfold Social icons |
| |
| Applies styles for footer icons in functions.php |
| Ues: Place widget anywhere you'd like social icons set in Enfold to be displayed |
| |
|---------------------------------------------------------------------------------------------------*/
#top .socialbookmarks-widget .social_bookmarks {
float: left;
margin: 15px 0 0 ;
position: relative;
}
#top .socialbookmarks-widget .social_bookmarks li {
float: left;
clear: right !important;
}
#csem-fotter-social .social_bookmarks li{border-right-width: 0px;}
#csem-fotter-social a {color: #fff;}
/*---------------------------------------------------------------------------------------------------|
| |
| Adjust mobile menu break point |
| |
| Enable to use custom break point |
| Set max width to desired break point |
| |
|---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1202px) {.av-main-nav > li.menu-item-avia-special {
display: block;
}
.av-main-nav > li {
display: none;
}}
/* ------------------------------------------------------------------------------------------- */
#csem-top-bar {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: max-content;}
@media only screen and (max-width: 762px) {#csem-top-bar {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: max-content;}}
#csem-top-bar {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: max-content;}
#csem-top-bar div {margin-right:10px;}
#csem-footer-icons {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: max-content; margin: auto; font-size: 18px; color: #444;}
#csem-footer-icons div {margin-right:5px;}
#csem-footer-icons a {color: #444;}
.page-id-719 .av-milestone-indicator {display:none !important;}
/* About */ .page-id-714 { }
/* Apply For A Scholarship */ .page-id-726 { }
/* Become A Friend of Impact100 */ .page-id-732 { }
/* Become A Member */ .page-id-721 { }
/* Become an Impact Sponsor */ .page-id-731 { }
/* Board */ .page-id-751 { }
/* Book Club */ .page-id-743 { }
/* Calendar */ .page-id-752 { }
/* Calendar */ .page-id-758 { }
/* Committee Information */ .page-id-754 { }
/* Committees */ .page-id-718 { }
/* Culture Club */ .page-id-744 { }
/* Events */ .page-id-740 { }
/* Forms */ .page-id-711 { }
/* Foundant Login */ .page-id-756 { }
/* Foundant Training Video and Grant Packet */ .page-id-755 { }
/* Get Involved */ .page-id-727 { }
/* Gift A Member */ .page-id-725 { }
/* Grant Committee */ .page-id-753 { }
/* Grant FAQs */ .page-id-735 { }
/* Grants */ .page-id-733 { }
/* Help */ .page-id-757 { }
/* History */ .page-id-715 { }
/* Home */ .page-id-78 { }
/* Impact Martin100 Store */ .page-id-749 { }
/* Impact100 Model */ .page-id-716 { }
/* Impactful Conversations */ .page-id-742 { }
/* In The News */ .page-id-748 { }
/* LOI/Application */ .page-id-736 { }
/* Maureen Cotter */ .page-id-913 { }
/* Member Portal */ .page-id-750 { }
/* Membership */ .page-id-720 { }
/* Membership Engagement */ .page-id-739 { }
/* Membership FAQs */ .page-id-724 { }
/* Membership Payment Options */ .page-id-723 { }
/* News */ .page-id-745 { }
/* Newsletter */ .page-id-746 { }
/* Our Board */ .page-id-717 { }
/* Our Sponsors */ .page-id-730 { }
/* Past Grant Recipients */ .page-id-738 { }
/* Policies */ .page-id-236 { }
/* Press Releases */ .page-id-747 { }
/* Process Guidelines & Grant Timeline */ .page-id-734 { }
/* Renew your Membership */ .page-id-722 { }
/* Reorder Name and Badge */ .page-id-728 { }
/* Roles & Responsibilities */ .page-id-759 { }
/* Site Policies */ .page-id-3 { }
/* Sponsorship */ .page-id-729 { }
/* Sprocket Test */ .page-id-692 { }
/* Structuring Websites Using H Tags */ .page-id-610 { }
/* Timeline */ .page-id-719 { }
/* Visioning */ .page-id-737 { }
/* Welcome Circle */ .page-id-741 { }
/* large screens with 1140px with */
@media only screen and (min-width: 1140px) {
}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 989px) {
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 989px) {
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}
/* Animated Header*/
.impact-header {
width:100%;
height: 200px;
position: relative;
}
.top-curtain {
z-index:2;
top:0px;
left:0px;
right:0px;
height:50%;
background-color:#fff;
position: absolute;
animation: curtainReveal 0.7s 1s linear forwards, topCurtain 0.6s 1s linear forwards;
}
.bottom-curtain {
z-index:2;
bottom:0px;
left:0px;
right:0px;
height:50%;
background-color:#fff;
position: absolute;
animation: curtainReveal 0.7s 1s linear forwards, bottomCurtain 0.6s 1s linear forwards;
}
.impact-header-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: flex-start;
align-items: center;
z-index: 1;
width: 100%;
margin: 0px auto;
overflow:hidden;
background-image: url('/wp-content/uploads/2024/11/Board.jpg');
background-position: right;
/*background-color:rgba(var(--fc-blue-dark), 1);*/
/*animation: headerExpand 0.2s 1.5s linear backwards;*/
}
.impact-header-text {
text-align: center;
margin-bottom: -39px;
position: relative;
padding-left: 50px;
animation: fadeIn 0.5s 2s linear backwards;
}
.impact-header-text::after {
content: '';
display: block;
background-image: url('/wp-content/uploads/2024/09/Shadow.png');
background-size: 100% auto;
background-repeat: no-repeat;
width: calc(100% - 100px);
height: 50px;
margin: 0px auto 0;
animation: dShadow 0.5s 2s linear forwards;
}
.impact-header-text h1 {
text-transform: none !important;
color: #fff;
display: inline-block; /* Makes the h1's width independent */
width: auto; /* Ensures h1 takes only the required width */
max-width: 500px;
margin: 0 auto;
padding: 0px 50px;
font-family: var(--ff-heading);
font-weight: 700;
}
.page-id-730 .impact-header-content, .page-id-731 .impact-header-content, .page-id-732 .impact-header-content{/* Sponsorship*/
background-image: url('/wp-content/uploads/2024/11/Sponsorships.jpg');
}
.page-id-746 .impact-header-content, .page-id-747 .impact-header-content, .page-id-748 .impact-header-content {/* News*/
background-image: url('/wp-content/uploads/2024/11/News.jpg');
}
.page-id-720 .impact-header-content, .page-id-721 .impact-header-content, .page-id-722 .impact-header-content, .page-id-723 .impact-header-content, .page-id-724 .impact-header-content, .page-id-725 .impact-header-content, .page-id-726 .impact-header-content, .page-id-727 .impact-header-content, .page-id-728 .impact-header-content {/* Membership*/
background-image: url('/wp-content/uploads/2024/11/Membership.jpg');
}
.page-id-739 .impact-header-content, .page-id-740 .impact-header-content, .page-id-741 .impact-header-content, .page-id-742 .impact-header-content, .page-id-743 .impact-header-content, .page-id-744 .impact-header-content {/* MemberEngagement*/
background-image: url('/wp-content/uploads/2024/11/MembershipEngagement.jpg');
}
.page-id-753 .impact-header-content, .page-id-755 .impact-header-content, .page-id-756 .impact-header-content, .page-id-757 .impact-header-content, .page-id-758 .impact-header-content, .page-id-759 .impact-header-content {/* GrantCommittee*/
background-image: url('/wp-content/uploads/2024/11/Grants-Committee.jpg');
}
.page-id-715 .impact-header-content, .page-id-716 .impact-header-content, .page-id-717 .impact-header-content, .page-id-718 .impact-header-content, .page-id-719 .impact-header-content {/* About*/
background-image: url('/wp-content/uploads/2024/11/About.jpg');
}
.page-id-752 .impact-header-content{/* Board*/
background-image: url('/wp-content/uploads/2024/11/Board.jpg');
}
.page-id-734 .impact-header-content, .page-id-733 .impact-header-content, .page-id-735 .impact-header-content, .page-id-736 .impact-header-content, .page-id-737 .impact-header-content, .page-id-738 .impact-header-content{/* Grants*/
background-image: url('/wp-content/uploads/2024/11/Grants-1.jpg') !important;
}
@keyframes dShadow{
0% {opacity: 0;}
100% {opacity: .4;}
}
@keyframes DslideInRight{
0% { opacity: 0;}
100% { opacity: 1;}
}
@media only screen and (max-width: 1448px) {
.impact-header-content::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
/*background-color: rgba(0, 0, 0, 0.5); Color overlay with opacity */
}
.impact-header-content{
background-size: cover;
background-position: center; /* Center the image within the div */
background-repeat: no-repeat; /* Prevent the image from repeating */
width: 100%; /* Set width as desired */
height: 100%; /* Set height as desired */
}
.impact-header {
height: 100px;
}
.top-curtain { background-color:#057e91}
.impact-header-text h1 {display:none;}
.impact-header-text {padding-left: 0px;}
.page-id-730 .impact-header-content, .page-id-731 .impact-header-content, .page-id-732 .impact-header-content{/* Sponsorship*/
background-image: url('/wp-content/uploads/2024/11/SponsorshipsMobile.jpg');
}
.page-id-746 .impact-header-content, .page-id-747 .impact-header-content, .page-id-748 .impact-header-content {/* News*/
background-image: url('/wp-content/uploads/2024/11/NewsMobile.jpg');
}
.page-id-720 .impact-header-content, .page-id-721 .impact-header-content, .page-id-722 .impact-header-content, .page-id-723 .impact-header-content, .page-id-724 .impact-header-content, .page-id-725 .impact-header-content, .page-id-726 .impact-header-content, .page-id-727 .impact-header-content, .page-id-728 .impact-header-content {/* Membership*/
background-image: url('/wp-content/uploads/2024/11/MembershipMobile.jpg');
}
.page-id-739 .impact-header-content, .page-id-740 .impact-header-content, .page-id-741 .impact-header-content, .page-id-742 .impact-header-content, .page-id-743 .impact-header-content, .page-id-744 .impact-header-content {/* MemberEngagement*/
background-image: url('/wp-content/uploads/2024/11/MembershipEngagementMobile.jpg');
}
.page-id-753 .impact-header-content, .page-id-755 .impact-header-content, .page-id-756 .impact-header-content, .page-id-757 .impact-header-content, .page-id-758 .impact-header-content, .page-id-759 .impact-header-content {/* GrantCommittee*/
background-image: url('/wp-content/uploads/2024/11/Grants-CommitteeMobile.jpg');
}
.page-id-715 .impact-header-content, .page-id-716 .impact-header-content, .page-id-717 .impact-header-content, .page-id-718 .impact-header-content, .page-id-719 .impact-header-content {/* About*/
background-image: url('/wp-content/uploads/2024/11/AboutMobile.jpg');
}
.page-id-752 .impact-header-content{/* Board*/
background-image: url('/wp-content/uploads/2024/11/BoardMobile.jpg');
}
.page-id-734 .impact-header-content, .page-id-733 .impact-header-content, .page-id-735 .impact-header-content, .page-id-736 .impact-header-content, .page-id-737 .impact-header-content, .page-id-738 .impact-header-content{/* Grants*/
background-image: url('/wp-content/uploads/2024/11/GrantsMobile.jpg') !important;
}
}
@media only screen and (max-width: 376px) {
.impact-header {
height: 100px;
}
}
@media (min-width: 376px) and (max-width: 980px) {
.impact-header {
height: 200px;
}
}
.sign-in {padding: 40px 60px 250px 60px !important; }
.impact-teal-header h1{text-transform:capitalize !important;}
@media (min-width: 991px) and (max-width: 1222px) {
.csem-enfold-header {
padding: 24px 0; /* Top/Bottom 24px, Left/Right 0 */
}
}
/* For screen widths above 1100px */
@media (min-width: 1223px) {
.csem-enfold-header {
padding: 50px 0; /* Top/Bottom 40px, Left/Right 0 */
}
}
.impct-hedr h1{font-family: var(--ff-heading);
font-weight: 700; font-size: clamp(30px, 2.5vw, 40px);}
/*--------- Events Page Event Backgrounds ---------------*/
.neoncrm-event {
padding:20px;
}
.neoncrm-events-list > .neoncrm-event:nth-of-type(odd) {
background-color: #efeff5;
}
.neoncrm-events-list hr {
border: none;
}
/* New Header layout */
.csem-new-head {
background-color: #057e91;
background-repeat: no-repeat;
background-position: 100% 0%;
background-attachment: scroll;
background-size: contain;
}
.about-hd {background-image: url(https://www.impact100martin.org/wp-content/uploads/2024/11/About.png);}
.sponsor-hd{background-image: url(https://www.impact100martin.org/wp-content/uploads/2024/11/Sponsor.png);}
.grants-hd {background-image: url(/wp-content/uploads/Grants.png)!important;}
.engage-hd {background-image: url(https://www.impact100martin.org/wp-content/uploads/2024/11/Engage.png);}
.news-hd {background-image: url(https://www.impact100martin.org/wp-content/uploads/2024/11/News.png);}
.comm-hd {background-image: url(https://www.impact100martin.org/wp-content/uploads/2024/11/Commeettee.png);}
.comm-hd {background-image: url(https://www.impact100martin.org/wp-content/uploads/2024/11/cal.png);}
/* Responsive Background Image */
@media (max-width: 990px) {
.about-hd {background-image: url(https://www.impact100martin.org/wp-content/uploads/2024/11/MembershipMobile.jpg) !important;}
.sponsor-hd{background-image: url(https://www.impact100martin.org/wp-content/uploads/2024/11/SponsorshipsMobile.jpg) !important;}
.grants-hd {background-image: url(/wp-content/uploads/GrantsMobile.png)!important;}
.engage-hd {background-image: url(https://www.impact100martin.org/wp-content/uploads/2024/11/MembershipEngagementMobile.jpg);}
.news-hd {background-image: url(https://www.impact100martin.org/wp-content/uploads/2024/11/NewsMobile.jpg);}
.comm-hd {background-image: url(https://www.impact100martin.org/wp-content/uploads/2024/11/Grants-CommitteeMobile.jpg);}
.comm-hd {background-image: url(https://www.impact100martin.org/wp-content/uploads/2024/11/BoardMobile.jpg);}
}
.csem-new-head h1 {
font-family: var(--ff-heading);
font-weight: 700;
font-size: clamp(30px, 2.5vw, 40px);
text-align: center;
text-transform:capitalize !important;
}
/* Padding Adjustments */
.csem-new-head {
padding-top: 5px; /* Default for screens smaller than 450px */
}
@media (max-width: 450px) {
.csem-new-head {
padding-top: 118px;
}
}
@media (min-width: 450px) and (max-width: 640px) {
.csem-new-head {
padding-top: 150px;
}
}
@media (min-width: 640px) and (max-width: 768px) {
.csem-new-head {
padding-top: 200px;
}
}
@media (min-width: 768px) and (max-width: 890px) {
.csem-new-head {
padding-top: 190px;
}
}
@media (min-width: 890px) and (max-width: 989px) {
.csem-new-head {
padding-top: 230px;
}
}
/* Headline Alignment for Larger Screens */
@media (min-width: 990px) {
.csem-new-head h1 {
text-align: left;
}
}
/* Column Padding */
@media (min-width: 991px) and (max-width: 1222px) {
.csem-new-head-col {
padding: 24px 0;
}
}
@media (min-width: 1223px) {
.csem-new-head-col {
padding: 50px 0;
}
}