/*Parks Global Styes*/ 
/*Global Body Styles - Increase the Header's Height to make room for the top navigation*/
body{
    --media-before-content: 512px;
}
@media screen and (min-width: 1920px) {
    body {
        --media-before-content: 26.666vw;
    }
}
@media screen and (max-width: 800px) {
    body {
       --media-before-content: 64vw;
    }
}
@media screen and (max-width: 640px) {
    body{
        --media-before-content: 400px;
    }
}
/*Header Z index Increase*/
.headerContainer{
    z-index:1;
}
/*Stylized Dark Box Page Title*/
.page-titles{
    flex-direction: row;
    justify-content: left;
}
.page-titles__container .page-titles__title{
    /*display:none;*/
    display: inline-block;
    background: rgb(44 96 20 / 60%);
    padding: 10px 15px;    
    margin-top: 30px;
    margin-left: 70px;
    max-width:100%;
}
@media screen and (max-width:1280px){
    .page-titles__container .page-titles__title{
        margin-top:0px;
        margin-left:0px;
    }
}
@media screen and (max-width:800px){
    .page-titles__container{
        background: none;
        padding-right:15px;
    }
    .page-titles__container::before{
        display:none;
    }
}
/*Slightly Taller Video Styles*/
.page__top-media{
    height: 56.25vw;
    max-height: 56.25vw;
    min-height: 800px;
}
@media screen and (max-width:800px){
    .page__top-media{
        height: 62.5vw;
        max-height: 62.5vw;
        min-height: 62.5vw;
    }
}
.page__top-media video{
    height: 56.25vw;
    max-height: 56.25vw;
    min-height: 800px;
    object-fit:cover;
    object-position:top center;
}
@media screen and (max-width:800px){
    .page__top-media video{
        height: 64.5vw;
        max-height: 64.5vw;
        min-height: 64.5vw;
    }
}
@media screen and (max-width:640px){
    .page__top-media video{
        height: 400px;
        max-height: 400px;
        min-height: 400px;
    }
}
.page__top-media::after{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 56.25vw;
    max-height: 56.25vw;
    min-height: 800px;
    background: linear-gradient(0deg, white 0px, rgba(255, 255, 255, 0) 150px, rgba(255, 255, 255, 0) 100%);
}
@media screen and (max-width:800px){
    .page__top-media::after{
        height: 64.5vw;
        max-height: 64.5vw;
        min-height: 64.5vw;
        background: none;
    }
}
@media screen and (max-width:640px){
    .page__top-media::after{
        height: 400px;
        max-height: 400px;
        min-height: 400px;
        background: none;
    }
}
.page__top-media:has(> .headerImageBg){
    height: 56.25vw;
    mask-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) calc(100% - 150px), rgba(255, 255, 255, 0) 100%);
    overflow: hidden;
    min-height: 900px;
}
@media screen and (max-width:800px){
    .page__top-media:has(> .headerImageBg){
        height:  64.5vw;
        mask-image: none;
        overflow: hidden;
        max-height: 64.5vw;
        min-height:  64.5vw;
    }
}
@media screen and (max-width:640px){
    .page__top-media:has(> .headerImageBg){
        height:  400px;
        max-height: 400px;
        min-height: 400px;
    }
}
.page__top-media:has(> .headerImageBg)::after{
    display:none;
}
.headerImageBg{
    background-position:top center;
}
.headerTextBackground{
    display:none;
}
@media screen and (max-width: 800px) {
    .page-titles__title {
        font-size: 6vw;
    }
}
.page__top-media{
    box-shadow: 0px 150px 150px white;
}
.page__content-wrapper { 
  min-height: calc(56.25vw - 960px); 
}
/*Video Pause/Play Button Style*/
.bg-vid__button{
    z-index:3;
}
/*TopNav Styles*/
.topNavList{
    display:none;
}
.page-titles{
    position:relative;
    z-index:1;
}
.topNav__home{
    position: absolute;
    width: 295px;
    max-width: calc(100% - 100px);
    bottom: 0px;
    height: 123px;
    margin-bottom: 0px;
    color: white;
    border-radius: 10px 10px 0px 0px;
    line-height: 300px;
    overflow: hidden;
    margin-left: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-image: url(/content/images/departments/parks/jaxparks/jaxparks.png);
}
.topNav{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: linear-gradient(180deg, rgba(73, 172, 40, 0.9) 0%, rgba(36, 85, 19, 0.9) 50%, rgba(36, 85, 19, 0.9) 100%);
    border-bottom: solid 7px #7fd05a;
    padding-top: 30px;
    min-height:88px;
}
@media screen and (max-width:440px){
    .topNav{
        min-height:88px;
    }
}
.topNav::after{
    content: '';
    position: absolute;
    top: -100px;
    left: 350px;
    height: 100px;
    width: 490px;
    max-width: calc(100% - 350px);
    background-image:url(/content/images/departments/parks/jaxparks/navtop.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.topNav.mobileMenu::after{
    left:315px;
    max-width: calc(100% - 320px);
}
@media screen and (max-width:640px){
    .topNav.mobileMenu::after{
        display:none;
    }
}
.topNav__expand{
    position: absolute;
    width: 55px;
    height: 55px;
    left: 325px;
    bottom: 10px;
    color: white;
    line-height: 150px;
    overflow: hidden;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/content/images/departments/parks/jaxparks/MenuH.png);
    display:none;
}
@media screen and (max-width:480px){
    .topNav__expand{
        left:auto;
        right:15px;
    }
}
.topNav.mobileMenu .topnav__Mobile{
    /*Amanda's Preferred Z Index for the menu to go above social media links*/
    z-index:1; 
}
.topNav.mobileMenu .topNav__expand{
    display:block;
    z-index:1;
}
.topnav__Measure{
    position:relative;
    height:auto;
    white-space:nowrap;
    display:inline-block;
    padding-left: 370px;
    padding-right: 15px;
}
.topNav.mobileMenu .topnav__Measure{
    white-space:normal;
    overflow:hidden;
    padding-top: 15px;
    padding-left: 40px;
    padding-right: 15px;
    display:block;
}
.topNav ul{
    padding:0px;
    margin:0px;
    display:block;
    font-size:16px;
    line-height:1.2em;
}
.topNav li{
    display: inline-block;
    vertical-align: middle;
    max-width: 180px;
    margin-right: 38px;
    text-align: center;
    white-space: normal;
    position: relative;
}
.topNav.mobileMenu li{
    display:block;
    text-align:left;
    white-space:normal;
    margin-right:0px;
}
.topNav li:last-of-type{
    margin-right:15px;
}
.topNav li::after{
    content: '';
    display: inline-block;
    position: relative;
    vertical-align: middle;
    height: 22px;
    width: 2px;
    background: white;
    position: absolute;
    right: -20px;
    top: calc(50% - 27px);
    box-shadow: 1px 1px rgba(0, 0, 0, 0.25);
}
.topNav.mobileMenu li::after{
    display:none;
}
.topNav li:last-of-type::after{
    display:none;
}
.topNav li a{
    display: block;
    padding-bottom: 32px;
    text-decoration: none;
    color: white;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.25);
}
.topNav li a:hover{
    color:#c9e4bc !important;
}
.topNav.mobileMenu li a{
    padding-bottom:0px;
    margin-bottom:15px;
}
.topnav__Mobile{
    height:auto;
    overflow:visible;
}
.topNav.mobileMenu .topnav__Mobile{
    height: 0px;
    overflow: hidden;
    position: absolute;
    top: calc(100% + 6px);
    width: 100%;
    background: linear-gradient(90deg, rgb(32 64 16 / 95%) 0%, rgb(42 92 26 / 95%) 100%);
}
.topNav li a.submenuToggle{
    display:none;
}
.topNav.mobileMenu li a.submenuToggle{
    display: inline-block;
    position: absolute;
    left: -35px;
    top: -6px;
    width: 30px;
    height: 30px;
    background: none;
    padding: 0px;
    margin-bottom: 0px;
}
.topNav.mobileMenu li a.submenuToggle .arrow{
    overflow: hidden;
    display: block;
    border-top: 2px solid white;
    border-right: 2px solid white;
    line-height: 100px;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    left: 8px;
    position: absolute;
    top: 8px;
    transition: left 0.1s, top 0.1s, transform 0.2s;
}
.topNav.mobileMenu li a.submenuToggle.isOpen .arrow{
    transform: rotate(135deg);
    top: 6px;
    left: 11px;
}
.topNav ul > li > ul{
    position: absolute;
    top: 100%;
    width: 205px;
    background: linear-gradient(180deg, rgb(37 81 18) 0%, rgb(40 89 22) 100%);
    padding: 15px;
    padding-bottom:0px;
    text-align: left;
    margin-left: -15px;
    animation-name:fadeinulliul;
    animation-duration:0.4s;
    display:none;
}
.topNav.mobileMenu ul > li > ul{
    background:none;
}
.topNav.desktopMenu ul > li > ul{
    height:auto !important;
    padding:0px;
}
@keyframes fadeinulliul{
    from{ margin-top:-25px; opacity:0; }
    to{ margin-top:0px; opacity:1 ;}
}
.topNav.desktopMenu ul > li > ul > li{
    display:block;
    text-align: left;
    padding-left: 15px;
}
.topNav ul > li:hover > ul{
    display:block;
}
.topNav.mobileMenu ul > li:hover > ul{
    animation-name:none;
}
.topNav ul > li > ul > li{
    margin-right:0px;
    margin-bottom:15px;
}
.topNav ul > li > ul > li::after{
    display:none;
}
.topNav ul > li > ul > li a{
    padding:0px;
}
.topNav.mobileMenu ul > li > ul{
    position: relative;
    padding: 0px;
    top: unset;
    transition: height 250ms;
    height: 0px;
    margin-left: 15px;
    background: none;
    overflow:hidden;
}
.topNav.mobileMenu ul > li > ul.isOpen{
    height: auto;
    display:block;
    animation-name:none;
    animation-duration:0s;
}
/*Footer Style*/
.site-footer{
    z-index:0;
}
/*Subnav Styles*/
.subNav {
    position:relative;
}
.subNav a:hover{
    color: #c9e4bc !important;
}
.subNav a.nestedLinkList__item--active{
    color: #c9e4bc !important;
}
.subNav > input{
    color:white;
    background-color:rgba(54, 102, 38, 1);
    transition:background-color 0.8s, color 0.8s;
}
.subNav > input:hover{
    color:#c9e4bc;
    background-color:rgb(48 48 48);
}
.subNav > input:before{
    color:white;
}
.subNav > input:hover:before{
    color:#c9e4bc;
    animation-name: input-hover-color;
    animation-duration: 0.8s;
}
@keyframes input-hover-color{
    from{ color:white; }
    to{ color:#c9e4bc; }
}
.subNav > .nestedLinkList {
    background: linear-gradient(180deg, rgba(54, 102, 38, 1) 0%, rgba(49, 107, 29, 1) 450px, rgba(31, 122, 1, 1) 100%);
}
.subnavBackgroundGradient {
    position: absolute;
    top: 0;
    height: 450px;
    transition: right 0.3s;
    max-height: 100%;
    width: 15px;
    right: -15px;
    background: linear-gradient(180deg, rgb(139 205 98) 0%, rgb(255 255 255) 450px, rgb(255 255 255) 100%);
    pointer-events: none;
    display:none;
}
@media screen and (max-width:1280px){
    .subnavBackgroundGradient {
        opacity:0;
        right:305px;
    }
}
/*parks Content Styles*/
.page__content-wrapper {
    font-size:15px;
    line-height:1.4em;
}
body .contentBoxContent h1, body .page__content h1, body .page__content .header1 {
    font-weight: bold;
    font-size: 35px;
    line-height: 1.2em;
    color:#374d1e;
}
@media screen and (max-width:512px) {
    body .contentBoxContent h1, body .page__content h1, body .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;
}
body .contentBoxContent h2, body .page__content h2, body .page__content .header2 {
    font-weight: bold;
    font-size: 28px;
    line-height: 1.2em;
    color:#374d1e;
}
@media screen and (max-width:512px) {
    body .contentBoxContent h2, body .page__content h2, body .page__content .header2 {
        font-size: 5.46vw;
        line-height: 1.2em;
    }
}
body .page__content h2.accordion__title{
    color:white;
    font-size: 18px;
    line-height: 1em;
}
body .contentBoxContent h3, body .page__content h3, body .page__content .header3 {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2em;
    color:black;
}
body .contentBoxContent .event-date-list__title h3, body .page__content .event-date-list__title h3, body .page__content .event-date-list__title .header3{
    color:#374d1e;
}
body .contentBoxContent .news-list-item__title h3, body .page__content .news-list-item__title h3, body .page__content .news-list-item__title .header3{
    color:#374d1e;
}
.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: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 #ebffd4;
}
@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 #ebffd4;
    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: #245312;
    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*/
body .page__content-wrapper a, body .page__content-wrapper a:active, body .page__content-wrapper a:visited {
    color:#527d30;
    text-decoration:underline;
}
body .page__content-wrapper .address a:hover {
    color:black;
    text-decoration:underline;
}
body .page__content-wrapper .address a, body .page__content-wrapper .address a:active, body .page__content-wrapper .address a:visited{
    color:#527d30;
    text-decoration:none;
}
body .page__content-wrapper .address a:hover{
    color:black;
    text-decoration:none;
}
.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;
}
body .page__content-wrapper .event-date-list__date{
    background: #244918;
}
.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 #435535;
    margin-left: 0;
    padding-left: 5px;
    color: #435535;
}
/*Parks 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:#527d30;
    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;
    }
}
/*Parks Link Box Styles*/
.parks-link-boxes{
    display:none;
}
.parks-link-boxes.show{
    display:block;
}
.parks-link-boxes .content-boxes{
    margin-right:-30px;
}
@media screen and (max-width:1280px){
    .parks-link-boxes .content-boxes{
        margin-right:-15px;
    }
}
.parks-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){
    .parks-link-boxes .contentBox{
        margin-right:15px;
        margin-bottom:15px;
    }
}
.contentBoxContent .parks-link-boxes h3, .page__content .parks-link-boxes h3{
    margin:0px;
}
.parks-link-boxes .content-box__image, .parks-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;
}
.parks-link-boxes .content-box__spacer{
    height:0px;
    padding-top:calc(56.25% + 100px);
}
.parks-link-boxes a.contentBoxLink, .parks-link-boxes a.contentBoxLink:active, .parks-link-boxes a.contentBoxLink:visited, .parks-link-boxes a.contentBoxLink:hover{
    color:rgba(0,0,0,0);
    text-shadow:0px 0px white, 1px 1px black;
    text-decoration:none;
}
.parks-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(112, 187, 83, 0.85) 0%, rgba(41, 77, 30, 0.85) 100%);
}
.parks-link-boxes a.contentBoxLink:hover .contentBoxTable{
    min-height:100px;
}
.parks-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:#245312;
    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:#245312;
    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 Parks Style*/
.fr-view table th{
    background: #245312;
    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:#245312;
    text-decoration:none;
}
.page__content-wrapper .pagination__item a:hover{
    color:black;
    text-decoration:underline;
}
/*Commmunity center list*/
.cc-list{
    margin-right:-15px;
}
.cc-list .contentBox {
    margin-right: 15px;
    margin-bottom:15px;
    box-shadow: 0px 0px 0px 1px #425533;
}
.cc-list .contentBoxCorner{
    padding-top:56.25%;
}
body .page__content-wrapper a.contentBoxLink, body .page__content-wrapper a.contentBoxLink:active, body .page__content-wrapper a.contentBoxLink:visited{
    font-weight:bold;
    color: #527d30;
    text-decoration:none;
}
body .page__content-wrapper a.contentBoxLink:hover{
    font-weight:bold;
    color:black;
    text-decoration:none;
}
.cc-list .contentBoxBG::after {
    content: '';
    display: block;
    margin-top: -5px;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, rgb(122 200 87) 0%, rgba(62, 90, 47, 0) 100%);
    position: relative;
}
.cc-list .contentBoxBG{
    background-size: cover;
    background-position: center;
}
.cc-list .cc-padding{
    padding:15px;
    padding-bottom:0px !important;
}
.cc-list .contentBoxContent{
    padding:15px;
    padding-bottom:0px;
}
body .page__content-wrapper a.cc-reservation, body .page__content-wrapper a.cc-reservation:active, body .page__content-wrapper a.cc-reservation:visited{
    color:white;
    text-decoration:none;
    padding:5px;
    border-radius:5px;
    background-color:#527d30;
    transition:background-color 0.5s;
    margin-right:8px;
    margin-bottom:5px;
    display:inline-block;
}
body .page__content-wrapper a.cc-reservation:hover{
    color:white;
    background-color:black;
}
body .page__content-wrapper a.cc-more-info, body .page__content-wrapper a.cc-more-info:active, body .page__content-wrapper a.cc-more-info:visited{
    color:white;
    text-decoration:none;
    padding:5px;
    border-radius:5px;
    background-color:#527d30;
    transition:background-color 0.5s;
    margin-bottom:5px;
    display:inline-block;
}
body .page__content-wrapper a.cc-more-info:hover{
    color:white;
    background-color:black;
}
.cc-list .content-boxes--cols-three{
    grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width:780px){
    .cc-list .content-boxes--cols-three{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width:480px){
    .cc-list .content-boxes--cols-three{
        grid-template-columns: repeat(1, 1fr);
    }
}
/*Six Buttons*/
.six-buttons{
    margin-left:-50px;
    margin-right:-50px;
    padding:50px;
    padding-bottom:20px;
    background-image:url(/Content/Images/Departments/parks/jaxparks/sixbuttonsbg.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    margin-top:15px;
    margin-bottom:15px;
}
@media screen and (max-width:1280px){
    .six-buttons{
        margin-left:-15px;
        margin-right:-15px;
        padding:15px;
        padding-bottom:0px;
    }
}
.six-buttons .content-boxes{
    grid-template-columns: repeat(6, 1fr);
    margin-right:-30px;
}
@media screen and (max-width:1280px){
    .six-buttons .content-boxes{
        margin-right:-15px;
    }
}
@media screen and (max-width:720px){
    .six-buttons .content-boxes{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width:480px){
    .six-buttons .content-boxes{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width:300px){
    .six-buttons .content-boxes{
        grid-template-columns: repeat(1, 1fr);
    }
}
.six-buttons .content-boxes .contentBox {
    margin-right:30px;
    position:relative;
    padding:15px;
    padding-bottom:0px;
    background: linear-gradient(180deg, rgba(218, 234, 210, 1) 0%, rgba(218, 234, 210, 1) 50%, rgba(182, 208, 175, 1) 100%);
    border-radius: 10px;
    margin-bottom:30px;
}
@media screen and (max-width:1280px){
    .six-buttons .content-boxes .contentBox {
        margin-right:15px;
        margin-bottom:15px;
    }
}
.six-buttons .content-boxes .contentBoxBG{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.six-buttons .content-boxes .contentBoxCorner{
    padding-top: 60%;
}
.six-buttons .contentBoxTitle{
    text-align:center;
}
.six-buttons .contentBoxTable{
    display: table;
    min-height: 50px;
    width: 100%;
    font-size:15px;
    line-height:1.2em;
    font-weight:200;
}
@media screen and (max-width:1280px){
    .six-buttons .contentBoxTable{
        font-size:12px;
        line-height:1.1em;
        min-height: 65px;
    }
}
@media screen and (max-width:720px){
    .six-buttons .contentBoxTable{
        font-size:15px;
        line-height:1.2em;
    }
}
.six-buttons .contentBoxTableCell{
    display:table-cell;
    vertical-align:middle;
}