@charset "UTF-8";

/*--MAIN IMAGE--*/
.main-image {background-repeat: no-repeat; background-position: center bottom;height: 622px; position: relative;margin-top: -60px;background-size:cover;}
.valign-middle {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);width: 40%;  padding: .5rem;}

/*--HOME SEARCH--*/
input.gsc-input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #c2b894; font-size:1.5rem !important;}
input.gsc-input::-moz-placeholder, textarea::-moz-placeholder {color: #c2b894;font-size:1.5rem !important; }
input.gsc-input::-ms-input-placeholder, textarea:-ms-input-placeholder {color: #c2b894;font-size:1.5rem !important; }
input.gsc-input::placeholder, textarea::placeholder {color: #c2b894;font-size:1.5rem !important; }
#google-search {padding: .25rem;background-color: #fff;height:60px;}
#google-search input.gsc-input {border: 0px solid #fff !important;}
.cse .gsc-search-button-v2, .gsc-search-button-v2 {border:none;}
#google-search input.gsc-input[type='text']:focus {box-shadow: none;}

/*--CIRCLE BUTTONS--*/
.button.radius {border-radius: 50%;margin-top: -35px;}
.button.radius i.fa {font-size: 2rem;    font-size: 1.7rem;padding-top: .25rem;}
.row.icon-blurbs {position: relative; top:533px;}
.row.icon-blurbs a {color:#ffff!important; text-shadow: 2px 2px #001d4eab;width: 65px;height: 65px;}
.row.icon-blurbs a:hover {color:#ffff!important; opacity: .8;}
.row.icon-blurbs h4 {font-size: 1.3rem;}


.mobile-highlights {font-size: 1.1rem;}
.mobile-highlights .columns {position: relative;border: 1px solid #d7d7d7;padding: .5rem 0;line-height: 1.2;height: 3.5rem;}
.mobile-highlights .columns a {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); width: 100%;}
.mobile-highlights a {color:#001d4e;}

.quick-links h5 {padding: 1em 0em; margin-bottom: 0em; font-weight:300;}
.quick-links h5:hover{
    background: #2566aa!important;
   
}

/*--AROUND THE COUNTY--*/
.around-county {background-repeat: no-repeat; background-position: center bottom;position: relative;background-size:cover;}
#around-county .medium-6, #around-county .medium-4 {padding: .5rem;}
.wp-caption {position: relative;padding: 0;overflow: hidden;height: 260px;}
.wp-caption img {width:100%; display: block;max-width: 100%;height: 260px; -webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;}
.wp-caption::after {content: "";position: absolute;display: block;left: 0;top: 0;width: 100%;height: 100%;opacity: .75;background-color: #fff;
z-index: 1;-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;
}
.wp-caption-text {text-align:center;display: block;position: absolute;width: 100%;color: #333;left: 0;top: 0;padding: 2.5rem 1em 1rem;z-index: 2;-webkit-box-sizing: border-box;box-sizing: border-box;}
.wp-caption-text p {font-size:1.5rem;line-height: 1.3;font-weight: 500; color: #333;}
.wp-caption-text h3 {color:#002b4e; font-size:1.8rem;}
.wp-caption-text h4 {color:#096a90;}
.wp-caption:hover img, .wp-caption:focus img {   -ms-transform: scale(1.2);   -moz-transform: scale(1.2);   -webkit-transform: scale(1.2);   -o-transform: scale(1.2);   transform: scale(1.2);}
.wp-caption:hover p img, .wp-caption:focus p img {   -ms-transform: scale(1);   -moz-transform: scale(1);   -webkit-transform: scale(1);   -o-transform: scale(1);   transform: scale(1);}
.wp-caption:hover::after, .wp-caption:focus::after {opacity: .9;}
.wp-caption a {font-size:1.1rem;}
.wp-caption a.button {color:#fff;}
.wp-caption ul.styled li:before {margin-left: -1.3em;color: #2566AA;font-size: .65rem;margin-top: .4rem;}
ul.styled {margin-left: 2rem;}




.card {
    margin-bottom: 1rem;
    box-shadow: 0px 5px 10px #002b4e6b!important;
    border: none;
    background: #fff;
    box-shadow: none;
    overflow: hidden;
   
}
.card p{ color: #002b4e;}
.card-divider h5 {color: #fff;}
.card-divider {background: #2566aa;}
.card-section {background: #fff;}
.card img {opacity:.8;}
.shadow {box-shadow: 0px 5px 10px #002b4e6b;}
/*.card .button {background:#538dc7;}*/

/*--KENT COUNTY IS--*/
.kent-is {position:relative;background-color:#7aaadb;padding:1rem 0;margin-bottom: 2rem;}
.kent-is h1 {font-weight:300;font-size: 3rem; color:#0055a5;}
.kent-is:after {border-style: solid;border-width: 27px 70px 0 70px;border-color: #7aaadb transparent transparent;transform: translateX(-50%);position: absolute;content: '';top: 100%;left: 50%;height: 0;width: 0;}
.map {height: 100%; background-color: #e8eef4;  
}
.map .circle {font-size: 4rem; font-weight: 900;
    line-height: 1.5;  color: #0055a5!important; } 
.map .circle sup {font-size: 1.5rem;  top: -1.7rem;}
.map p {font-weight: 500; color: #001f54;padding: 0 1rem;line-height: 1.4;margin-bottom:.25rem;}
.city-line {width: 100%; display: block;    background-image: url('/images/gr-skyline.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;}
.tabs-title {width:100%}
.tabs-title > a[aria-selected='true'] {border-left: solid 4px #2566AA;}

/*--CALENDAR & ACCORDIAN AREA --*/ 
.accordions {padding: 3rem 0;background-position: center;background-repeat: no-repeat;background-size: cover;}
.accordions .accordion-title {background-color: #001f54;color:#fff;font-size: 1.5rem;}
.accordion-title::before{font-size: 1.3rem;width: 20px;height: 20px;text-align: center;color: #fff;border-radius: 50%;margin-top: -1rem;font-weight: 700;line-height: 0.85;}
.is-active > .accordion-title::before {line-height: 0.95;}
/*
.meetings h3 {color: #2566aa;width: 100%;background-color: #f2f2f2;padding: 1rem 0;margin-bottom: 0;font-size: 1.2rem;line-height: 1;text-transform: uppercase;} 

.meetings h3 {font-size: 1.5rem;padding: 1rem 0;}
*/
.meetings {background-color:#fff;padding-top:0 !important;margin-top: .5rem;}
#great-place h3 {color: #2a8a7c;width: 100%;padding: 1rem 0;margin-bottom: 0;font-size: 1.2rem;line-height: 1;text-transform: uppercase; font-weight:600;} 
.great-place {background-color:#fff; margin-top:.5rem;}
.great-place p {font-size: 1rem;line-height: 1.1;padding:.5rem;}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .valign-middle {display: none;}
    #around-county .medium-6, #around-county .medium-4 {padding: 0;}
    .small-no-padding {padding: 0;}
    .around-county {padding-bottom: 0rem;background-position: center top;background-size:auto;}
    .z-depth-3 {box-shadow: none;}
    .map .circle {width:150px; height: 150px;font-size: 6rem;line-height: 1.35;margin: .5rem auto; }
    
    .map .circle sup {left: -0.25rem;top: -3rem;}
    .kent-is h1 {font-size: 2rem;}
    .meetings {margin-top:0;}
    .accordions .accordion-title {font-size: 1.3rem;}
    ul.accordion {margin-bottom:0;}
    .accordions .columns {padding-right: 0;padding-left: 0;}
    .wp-caption-text {padding: 2rem .5rem;}
    
}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {  
    .main-image {margin-top: -69px;}
    .valign-middle {width: 80%;}
    .map p {padding: 0;}
    .map .circle {width:150px; height: 150px;font-size: 6rem;line-height: 1.35;}
    .map .circle sup {left: -0.25rem;top: -3rem;}
   
}

/* Large and up */
@media screen and (min-width: 64em) {
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
}

@media print {
}