/*Mayor Global Styes*/
/*Mayor Page Title*/
.pages-titles__pretitle {
    display: block;
    font-size: 28.5px;
    line-height: 1.2em;
    color: rgba(255, 255, 255, 1);
    text-shadow: 0px 0px 0px white, 1px 1px 0px black;
    background: linear-gradient(90deg,rgba(42, 123, 155, 0.01) 0%, rgba(69, 128, 255, 0.01) 100%);
}
@media screen and (max-width:800px) {
    .pages-titles__pretitle {
        font-size:3.56vw
    }
}
.page-titles__title {
    font-size: 48px;
    line-height: 1.2em;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
    text-shadow: 0px 0px 0px white, 1px 1px 0px black;
    max-width: 720px;
    margin-top: 0px;
    margin-bottom: 0px;
    background: linear-gradient(90deg,rgba(42, 123, 155, 0.01) 0%, rgba(69, 128, 255, 0.01) 100%);
}
@media screen and (max-width:800px) {
    .page-titles__title {
        font-size:6vw;
    }
}
/*Subnav Styles*/
.subNav {
    position:relative;
}
.subNav a:hover{
    color: #ffb738 !important;
}
.subNav > input{
    background-color:#24609b;
    transition:background-color 0.8s;
}
.subNav > input:hover{
    background-color:#24609b;
}
.subNav > .nestedLinkList {
    background: linear-gradient(180deg, rgba(35, 95, 155, 1) 0%, rgba(94, 152, 194, 1) 100%);
}
.subNav > ul > li:first-of-type {
    background: linear-gradient(71deg, rgba(16, 20, 23, 1) 0%, rgba(16, 20, 23, 1) 18px, rgba(36, 45, 50, 1) 18px, rgba(43, 53, 59, 1) 45%, rgba(29, 37, 42, 1) 75%, rgba(29, 37, 42, 1) 100%);
    border-bottom: 1px solid #ffb340;
}
.subnavBackgroundGradient {
    position: absolute;
    top: 0;
    height: 450px;
    transition: right 0.3s;
    max-height: 100%;
    width: 15px;
    right: -15px;
    background: linear-gradient(180deg, rgba(254, 209, 137, 1) 0%, rgba(22, 63, 107, 0) 100%);
    pointer-events:none;
}
@media screen and (max-width:1280px){
    .subnavBackgroundGradient {
        opacity:0;
        right:305px;
    }
}
/*Mayor Content Styles*/
.headerImageBg{
    background-position:top center;
}
@media screen and (min-width:1920px){
    body{
        --media-before-content:17.1875vw;
    }
}
.page__content-wrapper {
    font-size:15px;
    line-height:1.4em;
}
.contentBoxContent h1, .page__content h1, .page__content .header1 {
    font-weight: bold;
    font-size: 35px;
    line-height: 1.2em;
    color:#30567d;
}
@media screen and (max-width:512px) {
    .contentBoxContent h1, .page__content h1, .page__content .header1 {
        font-size: 6.83vw;
        line-height: 1.2em;
    }
}
.contentBoxContent h1:first-of-type, .page__content h1:first-of-type, .page__content .header1:first-of-type{
    margin-top:0px;
    margin-bottom:15px;
}
.contentBoxContent h2, .page__content h2, .page__content .header2 {
    font-weight: bold;
    font-size: 28px;
    line-height: 1.2em;
    color:#30567d;
}
@media screen and (max-width:512px) {
    .contentBoxContent h2, .page__content h2, .page__content .header2 {
        font-size: 5.46vw;
        line-height: 1.2em;
    }
}
.page__content h2.accordion__title{
    color:white;
    font-size: 18px;
    line-height: 1em;
}
.contentBoxContent h3, .page__content h3, .page__content .header3 {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2em;
    color:black;
}
.fr-view img.fr-dii.fr-fir {
    height: auto !important;
}
@media screen and (max-width: 720px) {
    .page__content img[style*="float:right"], .page__content img[style*="float: right"], .fr-view img.fr-dii.fr-fir {
        margin: 0 !important;
        margin-bottom: 15px !important;
        display: block !important;
        float: none !important;
        max-width: 100% !important;
        height: auto !important;
    }
}
.page__content table, .contentBoxContent table{
    max-width:100%;
}
@media screen and (max-width:420px){
    .page__content table, .page__content tr, .page__content th, .page__content td, .contentBoxContent table, .contentBoxContent tr, .contentBoxContent th, .contentBoxContent td{
        display:block;
    }
}
.fr-view strong {
    /*font-weight: bolder;*/
    font-weight:bold;
}
.pageContent hr, .fr-view hr {
    display: inline-block;
    width: 100%;
    margin: 0;
    margin-inline-start: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-end: 0;
    height: 0;
    overflow: hidden;
    border: 0;
    border-top: 1px solid #ddd;
}
/*Form Styles*/
.page__content .form-field {
    width:100%;
}
.page__content .form-field .form-control {
    border-radius: 0px;
    border: 1px solid #c5c5c5;
}
@media screen and (max-width:900px) {
    .page__content .form-field .form-control {
        margin-left:0px;
    }
}
.page__content .form-field .form-control[type="file"]{
    border:0px;
    padding-left:0px;
}
.page__content .form-field .ktc-radio-list{
    font-size:15px;
}
.page__content .form-field .ktc-checkbox {
    font-size: 15px;
}
.page__content .form-field .ktc-checkbox input, .page__content .form-field .ktc-checkbox label{
    vertical-align:middle;
}
.page__content .form-field textarea.form-control {
    outline: 1px solid #c5c5c5;
    border: 0px;
    overflow: auto;
    width: 450px;
    max-width: 100%;
}
@media screen and (max-width:512px) {
    .page__content .form-field textarea.form-control {
        width: calc(100vw - 47px);
    }
}
.page__content .form-field .control-label {
    display: inline-block;
    font-size: 15px;
    padding-left: 5px;
    margin-bottom: 5px;
    vertical-align: middle;
    margin-bottom: 0px;
    width: 320px;
    text-align: right;
}
@media screen and (max-width:900px){
    .page__content .form-field .control-label {
        width: 100%;
        text-align: left;
        display: block;
        margin-bottom: 5px;
        padding-left:0px;
    }
}
.page__content .editing-form-control-nested-control {
    font-size: 0px;
    vertical-align: middle;
    display: inline-block;
    max-width: calc(100% - 340px);
    margin-left: 15px;
}
@media screen and (max-width:900px) {
    .page__content .editing-form-control-nested-control {
        margin-left:0px;
        max-width:100%;
    }
}
.page__content form[onsubmit*="window.kentico"] input[type="submit"] {
    margin-left: 335px;
    background-color: #24609b;
    color:white;
    transition:background-color 0.8s;
}
@media screen and (max-width:900px) {
    .page__content form[onsubmit*="window.kentico"] input[type="submit"] {
        margin-left:0px;
    }
}
.page__content form[onsubmit*="window.kentico"] input[type="submit"]:hover {
    color:white;
    filter: brightness(100%);
    background-color: #3f3f3f;
}
/*Page Anchor Styles*/
.page__content-wrapper a, .page__content-wrapper a:active, .page__content-wrapper a:visited {
    color:#30567d;
    text-decoration:underline;
}
.page__content-wrapper a:hover {
    color:black;
    text-decoration:underline;
}
.page__content-wrapper h2 a, .page__content-wrapper h2 a:active, .page__content-wrapper h2 a:visited, .page__content-wrapper h2 a:hover{
    text-decoration:none;
}
.page__content-wrapper .linkList__item:last-of-type a, .page__content-wrapper .linkList__item:last-of-type a:active, .page__content-wrapper .linkList__item:last-of-type a:visited, .page__content-wrapper .linkList__item:last-of-type a:hover{
    color:black;
    text-decoration:none;
}
.page__content-wrapper .event-date-list-item a, .page__content-wrapper .event-date-list-item a:active, .page__content-wrapper .event-date-list-item a:visited{
    color:white;
    text-decoration:none;
}
.page__content-wrapper .event-date-list-item a:hover{
    color:white;
    text-decoration:underline;
}
/*Page Blockquote Styles*/
.fr-view blockquote{
    border-left: solid 2px #3c567a;
    margin-left: 0;
    padding-left: 5px;
    color: #3c567a;
}
/*Mayor Accordion Styles*/
.accordion__content{
    padding: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
}
/*Breadcrumb link color styles*/
.page__content-wrapper .breadcrumbs a, .page__content-wrapper .breadcrumbs a:active, .page__content-wrapper .breadcrumbs a:visited{
    color:black;
}
.page__content-wrapper .breadcrumbs a:hover {
    color:#30567d;
    text-decoration:underline;
}
/*Two Column Styles*/
.page__content .twoColumns {
    position: relative;
    font-size: 0px;
    line-height: 0px;
}
.page__content .twoColumns .column {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    line-height:1.4em;
    width: calc(50% - 7.5px);
    margin-right: 15px;
}
@media screen and (max-width: 700px) {
    .page__content .twoColumns .column {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 15px;
    }
}
.page__content .twoColumns .column.colummTwo {
    margin-right: 0px;
}
@media screen and (max-width: 700px) {
    .page__content .twoColumns .column.colummTwo {
        margin-bottom: 0px;
    }
}
/*Mayor Link Box Styles*/
.mayor-link-boxes{
    display:none;
}
.mayor-link-boxes.show{
    display:block;
}
.mayor-link-boxes .content-boxes{
    margin-right:-30px;
}
@media screen and (max-width:1280px){
    .mayor-link-boxes .content-boxes{
        margin-right:-15px;
    }
}
.mayor-link-boxes .contentBox{
    margin-right:30px;
    margin-bottom:30px;
    position:relative;
    box-shadow: 0px 0px 0px 1px black;
    border-radius: 10px;
    overflow: hidden;
}
@media screen and (max-width:1280px){
    .mayor-link-boxes .contentBox{
        margin-right:15px;
        margin-bottom:15px;
    }
}
/*Auto Columns*/
.content-boxes--cols-auto{
    --min-col-width: 250px;
    grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
}
/*One Column*/
.mayor-link-boxes .content-boxes--cols-one{
    grid-template-columns: repeat(1, 1fr);
}
/*Two Columns*/
.mayor-link-boxes .content-boxes--cols-two{
    grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width:640px){
    .mayor-link-boxes .content-boxes--cols-two{
        grid-template-columns: repeat(1, 1fr);
    }
}
/*Three Columns*/
.mayor-link-boxes .content-boxes--cols-three{
    grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width:800px){
    .mayor-link-boxes .content-boxes--cols-three{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width:640px){
    .mayor-link-boxes .content-boxes--cols-three{
        grid-template-columns: repeat(1, 1fr);
    }
}
/*Four Columns*/
.mayor-link-boxes .content-boxes--cols-four{
    grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width:900px){
    .mayor-link-boxes .content-boxes--cols-four{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width:640px){
    .mayor-link-boxes .content-boxes--cols-four{
        grid-template-columns: repeat(1, 1fr);
    }
}
.mayor-link-boxes .content-boxes--cols-five{
    grid-template-columns: repeat(5, 1fr);
}
@media screen and (max-width:900px){
    .mayor-link-boxes .content-boxes--cols-five{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width:800px){
    .mayor-link-boxes .content-boxes--cols-five{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width:640px){
    .mayor-link-boxes .content-boxes--cols-five{
        grid-template-columns: repeat(1, 1fr);
    }
}
.contentBoxContent .mayor-link-boxes h3, .page__content .mayor-link-boxes h3{
    margin:0px;
}
.mayor-link-boxes .content-box__image, .mayor-link-boxes .contentBoxBG{
    object-fit: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    margin:0px !important;
    background-size:cover;
    background-position:center;
}
.mayor-link-boxes .content-box__spacer{
    height:0px;
    padding-top:calc(56.25% + 100px);
}
.mayor-link-boxes a.contentBoxLink, .mayor-link-boxes a.contentBoxLink:active, .mayor-link-boxes a.contentBoxLink:visited, .mayor-link-boxes a.contentBoxLink:hover{
    color:rgba(0,0,0,0);
    text-shadow:0px 0px white, 1px 1px black;
    text-decoration:none;
}
.mayor-link-boxes .contentBoxTable{
    display: table;
    width: 100%;
    position: absolute;
    bottom: 0px;
    text-align: center;
    min-height: 80px;
    transition:min-height 0.4s;
    background: linear-gradient(262deg, rgba(83, 134, 187, 0.85) 0%, rgba(30, 53, 77, 0.85) 100%);
}
.mayor-link-boxes a.contentBoxLink:hover .contentBoxTable{
    min-height:100px;
}
.mayor-link-boxes .contentBoxTableCell{
    display:table-cell;
    padding-left:10px;
    padding-right:10px;
    font-size:15px;
    line-height:1.2em;
    vertical-align: middle;
    font-weight:bold;
}
/*Event Teaser Style*/
.event-teaser-list-item__content h3{
    color:#30567d;
    margin-top:0px;
    margin-bottom:10px;
}
.page__content-wrapper .event-teaser-list-item__content a, .page__content-wrapper .event-teaser-list-item__content a:active, .page__content-wrapper .event-teaser-list-item__content a:visited{
    color:#30567d;
    text-decoration:none;
}
.page__content-wrapper .event-teaser-list-item__content a:hover{
    color:black;
    text-decoration:underline;
}
.event-teaser-list-item__teaser img{
    object-fit:contain;
}
.event .event__teaser {
    max-width: 420px;
    float:right;
    margin-left:15px;
    margin-bottom:15px;
}
@media screen and (max-width:1400px){
    .event .event__teaser{
        max-width:30vw;
    }
}
@media screen and (max-width:800px){
    .event .event__teaser{
        max-width:250px;
    }
}
@media screen and (max-width:640px){
    .event .event__teaser{
        float:none;
        max-width:420px;
        margin-bottom:0px;
        margin-left:0px;
        width:100%;
    }
}
/*Event Calendar Mayor Style*/
.fr-view table th{
    background: #30567d;
    color: white;
}
.page__content-wrapper .fr-view table th a, .page__content-wrapper .fr-view table th a:active, .page__content-wrapper .fr-view table th a:visited{
    color:white;
    text-decoration:none;
}
.page__content-wrapper .fr-view table th a:hover{
    color:white;
    text-decoration:underline;
}
.c-calendar__nav{
    color:white;
}
/*Pagination Link Styles*/
.page__content-wrapper .pagination__item a, .page__content-wrapper .pagination__item a:active, .page__content-wrapper .pagination__item a:visited{
    color:#30567d;
    text-decoration:none;
}
.page__content-wrapper .pagination__item a:hover{
    color:black;
    text-decoration:underline;
}