/* Alisa local CSS Created by Gingerfeet v4.1.0.59861 */
/* General Styles */
/* Specific to Paterson, Bergen & Flagler Counties */
.ggf-branding {
background: #000;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
/* added 06-21-2020 */
.ggf-nav {
background: #00AFD7;
background: -webkit-linear-gradient(top, #00AFD7 0, #007993 100%) no-repeat;
background: -moz-linear-gradient(top, #00AFD7 0, #007993 100%) no-repeat;
background: -o-linear-gradient(top, #00AFD7 0, #007993 100%) no-repeat;
background: -ms-linear-gradient(top, #00AFD7 0, #007993 100%) no-repeat;
-svg-background: linear-gradient(top, #00AFD7 0, #007993 100%) no-repeat;
background: linear-gradient(to bottom, #00AFD7 0, #007993 100%) no-repeat;
background: linear-gradient(to bottom, #00AFD7 0, #007993 100%) no-repeat;
}
ul.ggf-hmenu>li>a {
padding: 0 13px;
border-bottom: 5px solid #007F9A;
}
ul.ggf-hmenu>li>a:hover, .desktop ul.ggf-hmenu>li:hover>a {
background: #00AFD7;
background: -webkit-linear-gradient(top, #00AFD7 0, #007993 100%) no-repeat;
background: -moz-linear-gradient(top, #00AFD7 0, #007993 100%) no-repeat;
background: -o-linear-gradient(top, #00AFD7 0, #007993 100%) no-repeat;
background: -ms-linear-gradient(top, #00AFD7 0, #007993 100%) no-repeat;
-svg-background: linear-gradient(top, #00AFD7 0, #007993 100%) no-repeat;
background: linear-gradient(to bottom, #00AFD7 0, #007993 100%) no-repeat;
background: linear-gradient(to bottom, #00AFD7 0, #007993 100%) no-repeat;
border-bottom:5px solid #C4D600;
padding: 0 13px;
color: #fff;
}
ul.ggf-hmenu>li>a.active {
background: #00AFD7;
background: -webkit-linear-gradient(top, #00AFD7 0, #007993 100%) no-repeat;
background: -moz-linear-gradient(top, #00AFD7 0, #007993 100%) no-repeat;
background: -o-linear-gradient(top, #00AFD7 0, #007993 100%) no-repeat;
background: -ms-linear-gradient(top, #00AFD7 0, #007993 100%) no-repeat;
-svg-background: linear-gradient(top, #00AFD7 0, #007993 100%) no-repeat;
background: linear-gradient(to bottom, #00AFD7 0, #007993 100%) no-repeat;
background: linear-gradient(to bottom, #00AFD7 0, #007993 100%) no-repeat;
padding: 0 13px;
color: #fff;
}
ul.ggf-hmenu ul li, .desktop ul.ggf-hmenu ul li a {
background: #007993;
color:#fff;
}
ul.ggf-hmenu ul li a:hover, .desktop ul.ggf-hmenu ul li:hover>a {
background: #007993;
border-bottom: 3px solid #C4D600;
}
.desktop .ggf-hmenu ul li:hover>a {
color: #fff;
}
.ggf-footnote-links a {
text-decoration:underline;
color:#78B4AC;
}
/* HEADER REGION WITH SOCIAL ICONS */
.region-branding {
width:100%;
display:inline-flex;
}
#block-block-28 {
width:75%;
}
div.ggf-block .header-logo img {
margin: 10px 0 10px 10px;
filter: brightness(0) invert(1);
}
/* Bring down middle section on Patux - View and Edit buttons are obscured - specific to the home page */
.page-node-123 .ggf-content {
margin: 0 auto;
padding-top: 20px;
}
/* SOCIAL ICONS */
#block-block-1 {
width:25%;
}
.social-icons {
display:flex;
margin-top: 25px;
justify-content: flex-end;
}
.social-icons i {
padding: 10px;
transition: all ease-in-out 150ms;
}
.social-icons a {
filter:brightness(0) invert(1);
}
.social-icons i:hover {
margin-top: -3px;
text-shadow: 0px 14px 10px rgba(0, 0, 0, 0.4);
}
/* MAINTENANCE PAGE */
.maintenance-page .ggf-branding {
height:150px;
}
.maintenance-page .ggf-branding img {
margin:25px;
filter: brightness(0) invert(1);
}
.maintenance-page .ggf-postcontent {
margin: 50px 25px;
}
.maintenance-page .ggf-footer p:first-child {display:none;}
/* above - specific to Bergen */
img {
max-width: 100%;
height: auto !important;
}
/* Not sure what this was originally for, but it cuts off the text of form buttons in Civi - Disabling for now */
/*form input, form select {max-width:80%;} */
hr {margin:20px 0;}
table {margin-bottom:40px !important;}
/* Center most images within blocks */
div.ggf-block img {
display:block;
margin: 0 auto;
}
/* Admin Menu */
#admin-menu {font-size:.75em;}
/* check on this per site -- some may need this instead of above */
/* #admin-menu-wrapper {font-size:.9em;} */
/* Header Region THIS IS FOR ALISA */
.ggf-branding .ggf-block {background:transparent;
border-radius: none;
box-shadow: none;
padding: 0;
margin: 0
}
/* Top Region THIS IS FOR PATUX */
.third-width {width:33%;}
.region-top1 .ggf-block, .region-top2 .ggf-block, .region-top3 .ggf-block {
background:transparent;
border-radius: none;
box-shadow: none;
padding: 0;
margin: 15px 0;
}
/* General Blocks */
div.ggf-block img.subscribe {display:block; float:left; margin:.25em 1.5em .5em .25em;}
div.ggf-block p.subscribe {padding:.5em 0; text-align:center;}
/* General CRM Forms */
form input[type="checkbox"], form input[type="radio"] {margin-left:.5em; margin-right:.5em;}
form input[type="text"], form select {margin-bottom:5px;}
/* Pledge Section Forms */
.crm-section.is_pledge-section {margin:2em !important;}
/* For Customized EULA-Type Liability Waiver */
.crm-container .help p, .crm-container .help ol li {font-size:100%;}
.liability-waiver h2, .liability-waiver h3 {text-align:center;}
.liability-waiver h2 {margin-top:1em;}
.liability-waiver h3 {line-height:1.5em;}
.liability-waiver p {font-size:95%;color:#333333;}
.liability-waiver ol li {font-size:95%; list-style:outside; list-style-type:decimal;}
/* Recent News -- if placed in banner area */
.region-banner2, .region-banner3, .region-banner4,
.region-banner5, .region-banner6 {
margin-top:5px;
margin-bottom:20px;
padding:15px;
font-family:'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color:#333333;
background-color:#FAF9ED;
}
.region-banner2 h2, .region-banner3 h2, .region-banner4 h2,
.region-banner5 h2, .region-banner6 h2 {
margin:0 5px 20px 0;
color: #265922;
font-size: 24px;
}
.region-banner2 a, .region-banner3 a, .region-banner4 a,
.region-banner5 a, .region-banner6 a {
color:#006EC2;
display:block;
margin-bottom:5px;
}
.region-banner2 a:hover, .region-banner3 a:hover, .region-banner4 a:hover,
.region-banner5 a:hover, .region-banner6 a:hover {
color:#04a107;
}
.region-banner3, .region-banner4,
.region-banner5, .region-banner6 {margin-top:20px;}
/* Flexslider */
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.flex-active-slide .bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.flex-direction-nav a:before {color:rgba(0, 85, 150, 0.8); font-size:24px;}
.default-responsive .ggf-header .flex-direction-nav .flex-prev {
position:absolute;
}
.default-responsive .ggf-header .flex-direction-nav .flex-next {
position:absolute;
text-align: right;
}
.default-responsive .ggf-header .flexslider:hover .flex-direction-nav .flex-prev {
left: 10px;
}
.default-responsive .ggf-header .flexslider:hover .flex-direction-nav .flex-next {
right: 10px;
}
.views-field-field-caption-banner {
position:relative;
}
.views-field-field-caption-banner a {
color:#000;/*#D3F4CE;*/
text-decoration:underline;
}
.views-field-field-caption-banner h1 {
display:inline-block;
margin:0;
font-family: 'Roboto Thin', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-transform:uppercase;
background: rgba(60, 60, 60, .8);
color:#fff;
width:auto;
}
.views-field-field-caption-banner h2 {
margin:0;
font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight:400;
text-transform:uppercase;
background: rgba(196, 214, 0, .8);
color:#000;
}
/* Media Queries */
@media (min-width: 1200px)
{
.views-field-field-caption-banner h1 {
position:absolute; left:100px; top:-225px;
padding:30px 20px;
font-size:40px;
}
.views-field-field-caption-banner h2 {
position:absolute; left:100px; top:-117px;
padding:20px 10px;
font-size:15px;
}
}
@media (min-width: 980px) and (max-width: 1199px)
{
.views-field-field-caption-banner h1 {
position:absolute; left:75px; top:-170px;
padding:20px;
font-size:30px;
}
.views-field-field-caption-banner h2 {
position:absolute; left:75px; top:-93px;
padding:12px;
font-size:16px;
}
}
@media (min-width: 769px) and (max-width: 979px)
{
.views-field-field-caption-banner h1 {
position:absolute; left:50px; top:-120px;
padding:15px;
font-size:26px;
}
.views-field-field-caption-banner h2 {
position:absolute; left:50px; top:-58px;
padding:12px;
font-size:14px;
}
.default-responsive .ggf-header .flex-direction-nav .flex-prev {
top:-190px;
}
.default-responsive .ggf-header .flex-direction-nav .flex-next {
top:-190px;
}
.region-top1, .region-top2, .region-top3 {margin:0 auto;}
}
@media (min-width: 480px) and (max-width: 768px)
{
.views-field-field-caption-banner h1 {
position:absolute; left:30px; top:-85px;
padding:10px;
font-size:18px;
}
.views-field-field-caption-banner h2 {
position:absolute; left:30px; top:-85px;
padding:7px;
font-size:11px;
}
.default-responsive .ggf-header .flex-direction-nav .flex-prev {
top:-120px;
}
.default-responsive .ggf-header .flex-direction-nav .flex-next {
top:-120px;
}
.default-responsive .ggf-header .flex-active-slide .bounceInLeft {
position:absolute; left:10px; top:-5px;
}
.default-responsive .ggf-header .animated {
position:absolute; left:10px; top:-5px;
}
.ggf-header > .region {position:unset;}
.responsive nav.ggf-nav, .responsive .ggf-nav-inner {margin-top:-64px;}
.region-top1, .region-top2, .region-top3 {width:100%; margin:0 25%;}
div.ggf-block img.subscribe {float:left;}
}
@media (max-width: 479px)
{
.default-responsive .ggf-header * {display:none;}
.responsive .ggf-header {min-height:0 !important;}
.ggf-header {padding-bottom:0;}
.responsive.responsive-phone .ggf-content-layout img,
.region-top1, .region-top2, .region-top3 {margin:0 auto;}
div.ggf-block img.subscribe {float:none;}
.crm-container .crm-section .label, .crm-container-snippet .crm-section .label {width:28%; text-align:left;}
#crm-container.crm-public input[type="text"], #crm-container.crm-public select, .crm-container textarea {width:70%;}
/* SOCIAL ICONS */
.social-icons {margin-top:55px;}
.social-icons .fa-3x {font-size:1.5em;}
}
/* END OF MEDIA QUERIES */
/* Search Form */
form.ggf-search input[type="text"] {
-webkit-box-shadow:none;
box-shadow:none;
}
.form-item-search-block-form label {display:none;}
/* Add This */
.addthis-block {padding:12px;}
/* Upcoming Event Block */
#block-views-general-event-calendar-block-2 .ggf-block ul>li:before {bottom: -15px;}
#block-views-general-event-calendar-block-2 .views-field-title {font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight:bolder; margin-top:10px;}
#block-views-general-event-calendar-block-2 .views-field-title a,
#block-views-general-event-calendar-block-2 .views-field-title a:visited {color:#005FA8;}
#block-views-general-event-calendar-block-2 .views-field-title a:hover {text-decoration:none;}
#block-views-general-event-calendar-block-2 .views-field-registration-link-text a,
#block-views-general-event-calendar-block-2 .views-field-registration-link-text a:visited  {color: #E98E16; font-weight: 700;}
#block-views-general-event-calendar-block-2 .views-field-registration-link-text a:hover {text-decoration:none;}
/* Sponsor Carousel */
.view-sponsor-carousel .flexslider {
background:transparent;
border:none;
margin-bottom:20px;
}
.view-sponsor-carousel .flex-caption {display:none;}
.ggf-block .flexslider ul>li:before {
content:none;
}
.ggf-block .view-sponsor-carousel li {margin:0;}
.ggf-block .view-sponsor-carousel ul>li {padding-left:0;}
/* Photo Galleries */
.view-photo-gallery-teaser .view-header p {margin-left:15px; font-family:'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;}
.photo-gallery-teaser {display:inline-block; width:49%;}
.field-slideshow {padding-bottom:0;}
.ggf-post ul.field-slideshow-pager>li:before,
.ggf-postcontent ul.field-slideshow-pager>li:before {content:" "; margin-right: 0;}
/* Inline CSS styles */
.clearfix:after {
content: " "; /* Older browsers do not support empty content */
visibility: hidden;
display: block;
height: 0;
clear: both;
}
/* Home page Event Listing */
#block-views-general-event-calendar-block-3 h2,
#block-views-general-event-calendar-block-3 .views-field-title a {
font-family: Roboto, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
#block-views-general-event-calendar-block-3 h2 {
font-size:32px;
text-decoration: none;
text-align: left;
color: #002F6C;
margin-left:20px;
line-height:250%;
}
#block-views-general-event-calendar-block-3 ul>li:before {
content:none;
}
#block-views-general-event-calendar-block-3 ul>li {
padding-left: 0;
}
#block-views-general-event-calendar-block-3 .item-list ul li {
margin:0;
}
#block-views-general-event-calendar-block-3 .views-field-title a,
#block-views-general-event-calendar-block-3 .views-field-title a:visited {
font-size:20px;
letter-spacing:1px;
line-height:145%;
color:#000000;
font-weight:bold;
text-decoration:none;
margin-top:1.5em;
display:block;
}
#block-views-general-event-calendar-block-3 .views-field-title a:hover {
color:#00AFD7;
}
#block-views-general-event-calendar-block-3 .views-field-start-date {
font-family:'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
line-height:135%;
color:#888B8D;
margin-bottom:1.5em;
}
#block-views-general-event-calendar-block-3 img {
margin:5px 10px 20px 0;
width:300px;
float:left;
}
#block-views-general-event-calendar-block-3 .pager {
font-family: Roboto, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-size:16px;
margin-top:2em;
}
#block-views-general-event-calendar-block-3 .pager a,
#block-views-general-event-calendar-block-3 .pager a:visited {
color:#00AFD7;
}
/* Get rid of default front page call for content */
#first-time {display:none;}
/*.clearfix::after {
content: "";
clear: both;
display: table;
}*/
/* CIVICRM ADJUSTMENTS */
/* Civi button text cut off for some reason -- this corrects it */
.crm-container .crm-button input[type=button], .crm-container .crm-button input.form-submit,
.crm-container .crm-button input.form-submit-inline, #crm-container .crm-button input[type=button],
#crm-container .crm-button input.form-submit, #crm-container .crm-button input.form-submit-inline {
padding:3px 11px 3px 10px;
}
#crm-container.crm-public #crm-submit-buttons input#_qf_Main_upload-bottom {
padding:3px 46px 3px 10px;
}
/* This may have originally corrected a problem in earlier version with menu, but does funky stuff in 5.25v. Disabling for now */
/* #civicrm-menu {height:29px !important;} */
/* Corrects lines & font sizes brought on by Adminimal theme */
.crm-container fieldset {box-shadow:none;}
.crm-container form table label {font-size:13px;}
/* Updates colors on CiviCRM public-facing forms */
.crm-public .crm-not-you-message {
background-color: #A4343A;
border: 1px solid #fff;
color: #fff;
}
.crm-public .crm-not-you-message a, .crm-public .crm-not-you-message a:link, .crm-public .crm-not-you-message a:visited {
color:#fff;
}
/* VERY specific to Bergen -- 5K Race Participants Age */
#crm-container.crm-public input[data-crm-custom="Race_to_Build_Participants:Age"] {width:10%;}
/* Contribution Widget */
.crm-contribute-widget .ggf-article img {
margin:0;
}
/* Makes the Civi social icon block look more attractive */
.crm-container .crm-socialnetwork {
border:none;
}
.crm-socialnetwork .description {font-size:1.15em; margin-bottom:10px;}
.crm-socialnetwork .description span {padding-left:5px;}
#crm-container .crm-socialnetwork .label {
clear:left;
text-align:left;
}
/* Hide Event Listing thumbnail image on event registration
ALSO HIDES THE SUMMARY FIELDS TABLE ON CONTACT RECORD - DISABLED 05-23-2020
REENABED ON 06-16-2020 WITH ADDITIONAL CLASS .page-civicrm-event */
.page-civicrm-event .crm-container table.no-border {display:none;}
/* CiviCRM Fixes */
.crm-contribute-widget img {margin:0;}