/** All custom style definitions go here **/
::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: var(--theme-text-color);
     opacity: 1;
    /* Firefox */
}
 a, p{
    font-size: 1rem;
}
 a {
    color: var(--theme-color);
}
 article img {
     margin-right: 35px;
}
 .front #banner {
     margin-top: 150px;
}
 .fc-unthemed td .fc-today {
     background: rgba(192, 145, 0, 0.25);
}
.subpage main {
    margin-top: 4rem;
}
 article img, .staff img, .block-views-blockfull-gallery-block-1 img, .services img {
     border-radius: 35px;
}
 .views-element-container {
     margin-bottom: 0;
     width: 100%;
}
 .contextual-links a,.contextual-links a:hover{
    color: #000 !important;
}
 .wh-button{
    background-color: var(--theme-tertiary-color);
    color:var(--theme-color);
    padding: 5px 10px;
}
 .wh-button:hover{
    color: var(--theme-tertiary-color);
    background-color:var(--theme-color);
    text-decoration:none !important;
}
 .button, .button-link a{
     color: #fff;
     background: #0069aa;
     padding: 10px 20px;
     transition: background-color ease-in-out 0.3s;
     border-radius: 30px;
     border-color:transparent;
     text-transform: uppercase;
     font-family: alegreya;
}
 .button:hover, .button-link a:hover {
     color: var(--theme-color) !important;
     background: #fff !important;
     border: 1px solid var(--theme-color) !important;
}
[type="color"], [type="date"], [type="datetime-local"], [type="datetime"], 
[type="email"], [type="month"], [type="number"], [type="password"], 
[type="search"], [type="tel"], [type="text"], [type="time"], 
[type="url"], [type="week"], textarea, select {
    border: 2px solid var(--theme-color);
}
[type="color"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, 
[type="datetime"]:focus, [type="email"]:focus, [type="month"]:focus, 
[type="number"]:focus, [type="password"]:focus, [type="search"]:focus, 
[type="tel"]:focus, [type="text"]:focus, [type="time"]:focus, 
[type="url"]:focus, [type="week"]:focus, textarea:focus, select:focus {
    background-color: var(--theme-tertiary-color);
    border: 2px solid var(--theme-color);
    transition: all 1s;
}
 .block-local-tasks-block ul li{
    display: inline;
}
 #main-wrapper .block:not(.block-local-tasks-block) {
    padding-top:20px;
    padding-bottom:20px;
    overflow: auto;
}
.blue-btn {
    background-color: var(--theme-color);
    color: #fff !important;
}
 .yellow-btn{
    background-color: var(--theme-tertiary-color);
    color:var(--theme-color) !important;
}
 .purple-btn{
    background-color: var(--theme-fourth-color);
    color: #fff !important;
}
 .subpage #banner img{
    width:100%;
}
 header .block-page-title-block{
     position: absolute;
     top: 20rem;
     text-align: center;
     width: 100%;
}
 #main .block-page-title-block{
     margin-top: 100px;
}
 header .block-page-title-block h2{
    color:#fff;
    font-size: 3em;
}
 #main .block-page-title-block h2{
    color:var(--theme-heading-color);
    font-size: 3em;
    text-align: center;
}
.ui-dialog .ui-dialog-title {
    font-family: var(--theme-heading-font);
}
.page-title {
    padding: 0;
}
/* Mobile navigation */
 #offCanvasRight{
    background: #fff;
}
 #showMenu .hambLine1, #showMenu .hambLine2, #showMenu .hambLine3{
    background: #0f274b;
}
 .off-canvas ul li{
    margin:0;
}
 .off-canvas ul li a{
    color: #0f274b;
    width:100%;
}
 .off-canvas ul{
    width: 100%;
}
 .off-canvas ul a.is-active{
    color:#0f274b !important;
}
 .off-canvas ul li a:hover, .off-canvas ul.menu a.is-active:hover{
     background: #0f274b !important;
     color: #fff !important;
}
 .columns:last-child:not(:first-child) {
     float: left;
}
/* Top menu and header */
 #block-makeapayment {
    float:left;
}
 #block-topnavigation {
    float:right;
    color:#fff;
}
 #secondary_menu{
    background-color: var(--theme-color);
    overflow: auto;
}
 #secondary_menu p{
    display: inline-block;
    margin: 5px;
}
 .stacked {
    display: inline-block;
}
 #secondary_menu a{
    color:#fff;
    font-size: 1rem;
}
 #secondary_menu a:hover, #primary_menu ul.menu a:hover{
    color:var(--theme-hover-color);
}
 #block-topnavigation a:hover{
    text-decoration: underline;
}
 #logo{
    text-align: left;
    padding: 10px 0;
}
 .header-container{
    background-color: #fff;
}
 .header-inner{
    max-width:95% !important;
}
 #primary_menu ul.menu li a, ul.sf-menu span.nolink {
     background: transparent;
     color: var(--theme-secondary-color);
     padding: 10px;
     font-size: 1.8rem;
     margin: 0;
     display: block;
     font-size: 12pt;
     text-transform: uppercase;
}
 #primary_menu ul.menu{
     padding: 25px 0;
     margin: 0;
     margin-right: 0px;
     text-align: left;
     float: right;
}
 ul.sf-menu.menu ul{
     background: #fff;
}
 #secondary_menu .columns{
    padding:0;
}
 #secondary_menu p{
     color:#fff;
     text-transform:capitalize;
     font-family:'alegreya';
     font-style: normal;
     font-weight: 700;
     line-height: normal;
}
 #secondary_menu p, #secondary_menu a{
    font-size:10pt;
}
 #secondary_menu img{
    height:40px;
    width:auto;
    text-align: left;
    top: -10px;
    position: relative;
}
 #block-topcontactinfo, #block-donationbutton{
    display: inline-flex;
}
 #block-donationbutton{
    float:right;
}
 #secondary_menu .content div{
    display: inline-block;
}
 #block-getintouch p{
    margin:15px 0;
    color:#F2B31C;
}
 #block-getintouch {
    padding:0 10px;
}
 .secondary-menu-inner{
    max-width: 98%;
    margin: 0 auto;
}
 h4,h5,h6{
    font-family: 'alegreya';
}
 #logo img {
    max-width: 220px;
}
/* Banner */
 .frontpageblock .content {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
 }
 .arc{
     position: absolute;
     left: 0;
     right: 0;
     top: 10%;
     height: 8% !important;
     width: 100%;
     z-index: 2;
}
 .banner-text{
     position: absolute;
     width: 65vw;
     top: 7vw;
     height: 9vw;
     left: 0;
     right: 0;
     margin: 0 auto;
     z-index: 10;
     border-radius: 10px;
}
 .banner-text{
    text-align: center;
    color:var(--theme-tertiary-color);
}
 .banner-text h1{
    color:var(--theme-tertiary-color);
}
 .views-field-field-text-over-the-slider img{
    max-width:500px;
}
 .views-field-field-text-over-the-slider{
     position: absolute;
     top: 5vw;
     text-align: left;
     margin: 0 4rem;
}
 .subpage #banner img{
    top: 90px;
    position: relative;
}
/* Content */
 .subpages h2{
    text-transform:unset;
}
 .service-teaser .image-wrapper img {
     object-fit: cover;
     height: 150px;
     width: 150px;
     border-radius: 50%;
     transition: opacity ease-in-out 0.2s;
}
 .service-teaser .image-wrapper img:hover {
     opacity: 0.5;
}
 .service-teaser{
    display: inline-block;
    text-align:center;
    padding:0 10px;
}
 .service-teaser-view{
    text-align: center;
}
 .logos {
     min-height: 150px;
     margin-bottom: 50px;
}
 .views-field-field-payment-link a {
     color: #fff;
     background: #0069aa;
     padding: 10px;
     margin: 10px 0;
     display: inline-block;
}
 .view-our-partners .views-row {
     text-align: center;
}
 .view-our-partners .views-field-field-image {
     height: 150px;
}
 .view-our-partners .views-field-field-image img{
     max-height: 150px;
     max-width: 100%;
     width: auto;
}
 .view-our-partners .views-field-field-image .field-content {
     display: inline-table;
     height: 100%;
}
 .view-our-partners .views-field-field-image .field-content a {
     display: table-cell;
     vertical-align: middle;
}
.board-staff-view .views-row {
    margin: 10px;
}
.board-staff-left {
    text-align: center;
}
.staff{
     text-align: center;
}
.staff .views-field-field-credentials {
    display: inline-block;
}
 .block-views h2, .services .views-field-title{
    text-align: center;
}
 .services .views-field-title{
    min-height: 70px;
    margin-top: 10px;
}
 .services .views-field-title a{
    color:#1F1F1F;
}
 .services .views-field-field-highlight-image{
    text-align: center;
}
.p-question p{
    font-weight: bold;
    color: var(--theme-heading-color);
}
.paragraph--type--faq {
    margin: 20px auto;
}
.services .views-row img {
    transition: box-shadow .7s ease, transform .7s ease;
    margin-bottom: 10px;
}
.services .views-row a {
    transition: font-weight .1s ease;
}
.services .views-row:hover img {
    box-shadow: 0 3px 8px rgba(0,0,0,0.8);
    transform: scale(1.1); 
}
.services .views-row:hover a{
    font-weight: bold;
}

/* Secondary Content */
 #secondary_content{
    padding: 0;
    color:var(--theme-tertiary-color);
    background-color: var(--theme-tertiary-color);
    overflow: auto;
}
 #block-aboutusfrontpageblock{
    padding-top:0 !important;
    padding-bottom:0 !important;
}
 .front-about-right{
    padding: 0;
}
 .front-about-right{
    background-size:cover !important;
    min-height: 500px;
}
 .front-about-left{
    padding: 2vw 10vw;
}
 .front-about-left h2, .front-about-left a, .front-about-left p{
    color:var(--theme-tertiary-color);
}
 #secondary_content h2, #secondary_content p{
    color:#000;
}
 #secondary_content h2{
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative;
}
/* Bottom Content */
 .partnerLogos h2{
     text-align: center;
}
 #block-ourturf {
     max-width: 70rem;
     margin: 0 auto;
}
 .staff h5 a{
    text-transform: uppercase;
    color:#000;
}
/* Contact */
 .contact-region .container{
    padding: 20px 40px;
    background: #dae3f3;
    margin:2rem auto;
}
 .contact-region .map{
    margin:2rem auto;
}
 .contact-region .inner{
    padding: 20px 10px;
    background: #fff;
    overflow: auto;
}
 .contain-region input{
    border:none;
}
.contact-left {
    padding: 20px;
}
.contact-right {
    border-left: 1px solid var(--theme-color);
}
/* Footer */
 .site-footer{
    background: #000;
    color:#FFF;
    margin-top: 60px;
}
 .site-footer .menu.main a{
    font-size: 1.1rem;
}
 .site-footer ul.menu.main {
     width: 100%;
     display: inline-block;
     text-align: center;
}
 .site-footer ul.menu.main li{
    display: inline-block;
}
 .site-footer a:hover:not(.button) {
     color: var(--theme-tertiary-color) !important;
     text-decoration: underline;
}
 .site-footer a.button:hover{
    color: var(--theme-color);
    background-color:#FFF;
}
 #copyright, #igd, #igd a, #copyright a{
    font-size: 0.8rem;
}
/* Left Sidebar */
 #sidebar-first{
    margin-top: 5rem;
    padding: 0;
}
 #sidebar-first ul{
     background: var(--theme-color);
     color:var(--theme-tertiary-color);
     border-radius: 10px;
     padding-top: 5px;
     padding-bottom: 5px;
}
 #sidebar-first ul li{
    width: 100%;
}
 #sidebar-first ul li a{
    color:var(--theme-tertiary-color);
    padding: 5px 15px;
}
 #sidebar-first ul li a.is-active{
    color:var(--theme-secondary-color);
}
 .reference-block {
    position: relative;
    overflow: auto;
    margin-bottom: -130px;
}
 .reference-box .text p{
    color:#fff;
    font-weight:700;
    font-size:21px;
    text-align: center;
}
 .reference-box .left-inner{
    border-radius: 230px 0px 0px 230px;
    background: #893293;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}
 .reference-box .left-inner .number{
    color: #F2B31C;
    font-size: 37px;
    font-weight: 700;
    text-align: center;
}
 .reference-box .right-inner{
    border-radius: 0px 230px 230px 0px;
    background: #F2B31C;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}
 .reference-box .right-inner .number{
    color: #893293;
    font-size: 37px;
    font-weight: 700;
    text-align: center;
}
 .reference-box {
     display: flex;
     flex-flow: row wrap;
}
 .footer-buttons{
    margin-top: 50px;
}
 .site-footer h2{
    font-size: 19px;
    color:var(--theme-tertiary-color);
}
 .site-footer p, .site-footer a{
    color:#fff;
}
 .site-footer .footer-links .columns{
    padding:0;
}
 .site-footer a:not(.button){
    color:#fff;
}
/* Media */
 @media all and (max-width:1400px){
     .front-about-left{
        padding: 40px;
    }
}
@media all and (min-width:1024px) and (max-width:1255px){
    #main-wrapper{
        margin-top:50px;
    }
}
 @media all and (max-width:1024px){
     .front #banner {
         margin-top: 130px;
    }
     h1 {
         font-size: 1.5em;
    }
     header .block-page-title-block {
         top: 13rem;
    }
     .views-field-field-text-over-the-slider img {
         max-width: 300px;
    }
     .reference-box .left-inner, .reference-box .right-inner {
         border-radius: 230px;
         margin-bottom: 10px;
    }
     #main .block-page-title-block{
         margin-top: 50px;
    }
    .footer-buttons .button {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 200px;
    }
    .reference-block {
        margin-bottom: -30px;
    }
}
 @media all and (max-width: 960px){
     #primary_menu ul.menu li a {
         font-size: 1.4rem;
    }
     header .block-page-title-block {
         top: 12rem;
    }
}
 @media all and (max-width: 850px){
     #primary_menu ul.menu li a {
         font-size: 1.4rem;
    }
     header .block-page-title-block {
         top: 10rem;
    }
}
 @media all and (max-width: 760px){
     #primary_menu ul.menu li a {
         font-size: 1rem;
    }
}
@media all and (min-width: 640px) and (max-width: 1024px) {
    .frontpageblock img {
        max-width: 480px;
    }
    .welcome-left { 
        text-align: center;
    }
}
 @media all and (max-width: 640px){
     #logo img {
         max-width: 200px;
    }
     .front #banner {
         margin-top: 95px;
    }
     header .block-page-title-block{
         top: 10rem;
    }
     h2 {
         font-size: 2em !important;
    }
     .views-field-field-text-over-the-slider img {
         max-width: 200px;
    }
    .footer-left img {
        display: block;
        margin-right: auto;
        margin-left: auto;
        float: none;
    }
    main {
        margin: 3rem auto;
    }
}
 @media all and (max-width: 400px){
     header .block-page-title-block {
         top: 8rem;
    }
     h2 {
         font-size: 1.4em !important;
    }
}