/* 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-10 {
    width:75%;
}

div.ggf-block .header-logo img {
margin: 10px 0 10px 10px;
filter: brightness(0) invert(1);
}

/* SOCIAL ICONS */

#block-block-11 {
    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 ALISA */

.third-width {width:50%;}

.region-top1 .ggf-block, .region-top2 .ggf-block, .region-top3 .ggf-block {background:transparent;
border-radius: none; 
box-shadow: none;
padding: 0; 
margin: 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;
  }
.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;
}

/* Grid Generator with 5 rows, 10 Cells 
.grid-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 15px 15px;
  grid-auto-flow: row;
  grid-template-areas:
    "cell-1 cell-2"
    "cell-3 cell-4"
    "cell-5 cell-6"
    "cell-7 cell-8"
    "cell-9 cell-10";
}

.cell-1 { grid-area: cell-1; }

.cell-2 { grid-area: cell-2; }

.cell-3 { grid-area: cell-3; }

.cell-4 { grid-area: cell-4; }

.cell-5 { grid-area: cell-5; }

.cell-6 { grid-area: cell-6; }

.cell-7 { grid-area: cell-7; }

.cell-8 { grid-area: cell-8; }

.cell-9 { grid-area: cell-9; }

.cell-10 { grid-area: cell-10; }
*/

.grid-layout {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.cell-1, .cell-2, .cell-3, .cell-4, .cell-5, .cell-6, .cell-7, .cell-8, .cell-9, .cell-10, .cell-11 {
    padding: 1rem;
    height: 25rem;
}
.cell-10, .cell-11 {height:30rem;}

/* Get rid of default front page call for content */

#first-time {display:none;}

/*.clearfix::after {
  content: "";
  clear: both;
  display: table;
}*/

/* Remove Title for Homes for Hounds page */

#node-326 h1 {display:none;}
.page-node-326 h1 {
    margin:0 0 45px 10px;
    font-size: 32px;
    font-family: Roboto, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    line-height: 120%;
}

/* 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;}