/*=============================================================================
  [site.enhanced.css]
  ============================================================================*/

.minimal { display: none; }
.enhanced { display: block; }

ul, ol { font-size: 1.0em; }

#main-container {
    margin: 0 auto;
    width: 100%;
}

#content { margin-top: 60px; }

#inner-content {
    padding-top: 20px;
    background-color: #DAF9FF;
}

#main-content {
    margin: 0 auto;
    padding: 0;
    max-width: 960px;
}


/*------------------------------------------------------------------
 # [Masthead] ::start
-------------------------------------------------------------------*/
#masthead { min-height: 160px;  }

.inner-masthead { 
    position: relative;
    max-width: 960px;
    margin: 0 auto;
}

.contact-numbers { 
    position: absolute;
    right: 14px;
    bottom: 4px;
}

.contact-numbers .contact-list { 
    margin: 0;
    font-size: 1.8em;
}
/*------------------------------------------------------------------
 # [Masthead] ::end
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
 # [Homepage] ::start
-------------------------------------------------------------------*/

/* [.our-mission] ::start */
.our-mission {
    padding: 16px 20px;
    font-size: 2.4em;
}
/* [.our-mission] ::end */


.features-and-shadow-underlay { position: relative; }

/* [.features] ::start */
.features {
    position: relative;
    margin-top: 30px;
    padding: 30px;
    z-index: 50;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.features .col-item {
    float: left;
    margin-right: 2%;
    width: 32%;
}

.features .col-3 { margin-right: 0; }

.features .feature-details { 
    padding: 20px;
    /* min-height: 294px; */
    min-height: 345px;
}

.features .feature-title { font-size: 2.8em; }
.features .feature-list .title { font-size: 2.4em; }
.features .feature-list .text { font-size: 1.4em; }
.features .feature-list a:hover .title { color: #335c68; }
.features .feature-list a:hover .text { color: #000; }
.features .col-3 .text-group .link:hover { color: #000; }

.features .latest-news .feature-list a:hover .title { color: #5672c8; }

.features .col-1 .text-group .link {
    font-size: 0.9em;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.features .col-1 .text-group .link:hover { color: #000; }
/* [.features] ::end */

.shadow-underlay {
    position: absolute;
    top: 0;
    display: block;
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
    background-color: #fff;
    height: 200px;
    z-index: 10;

    -webkit-box-shadow: 0 -3px 4px #ccecf2;
    -moz-box-shadow: 0 -3px 4px #ccecf2;
    box-shadow: 0 -3px 4px #ccecf2;
}


.controller-index #paul-calvo .col-item {
    width: 50%;
    min-height: 299px;
}

/*------------------------------------------------------------------
 # [Homepage] ::end
-------------------------------------------------------------------*/




/*------------------------------------------------------------------
 # [Intro] ::start
 ------------------------------------------------------------------*/
.intro.cols { }

.intro.cols .col-1 { width: 66.145833333%; }

.intro.cols .col-2 {
    width: 32.291666667%;
    margin-left: 1.5625%;
}
/*------------------------------------------------------------------
 # [Intro] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Image Lists] ::start
 ------------------------------------------------------------------*/

/* [Board of Directors] ::start */
.board-of-directors li {
    float: left;
    margin-right: 3.125%;
    width: 31.25%;
}

.board-of-directors li:nth-child(3n) { margin-right: 0; }
/* [Board of Directors] ::end */

/*------------------------------------------------------------------
 # [Image Lists] ::end
 ------------------------------------------------------------------*/

/*------------------------------------------------------------------
 # [List] ::start
-------------------------------------------------------------------*/
.list { font-size: 1.3em; }

/* [.list-2] ::start */
.list-2 { font-size: 1.5em; }
/* [.list-2] ::end */

/* [.list-4] ::start */
.list-4 { font-size: 1.5em; }
.list-4 .list-item {
    float: left;
    width: 46%;
    margin: 2%;
}

.list-4 .list-item .list-item-link:hover:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: ' ';
    display: block;
    height: 100%;
    width: 100%;
    transition: background 0.6s ease;
    background: rgba(0, 0, 0, 0.3);
}

.list-4 .list-item .list-item-title {
    position: absolute;
    margin: 0;
    left: -10px;
    top: 48px;
    background-color: #333;
    padding: 5px;
    color: #FFFFFF;
    font-size: 1.4em;
    z-index: 2;
}

.list-4 .list-item .btn.btn-3 {
    position: absolute;
    font-size: 1em;
    left: -6px;
    padding: 5px 10px;
    top: 80px;
    z-index: 2;
}
/* [.list-4] ::end */

/* [.link-list] ::start */

.link-list a {
    background-position: 8px 16px;
    
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.link-list a:hover {
    color: #1f3a93;
    background-image:url('/img/ui/btns/arrow-right-2-20140729.png');
    background-color: #f5f7ff;
    border-bottom-color: #1f3a93;
}
/* [.link-list] ::end */

/* [.zebra-list] ::start */
.zebra-list { font-size: 1.5em; }
/* [.zebra-list] ::end */

/*------------------------------------------------------------------
 # [List] ::end
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
 # [Buttons] ::start
 ------------------------------------------------------------------*/
.btn-2 {
    display: block;
    padding: 10px;
    font-size: 1.8em;
    font-weight: 700;
}

/*------------------------------------------------------------------
 # [Buttons] ::end
 ------------------------------------------------------------------*/

/*------------------------------------------------------------------
 # [Tables] ::start
-------------------------------------------------------------------*/

/* [.tbl-1] ::start */
.tbl.tbl-1 { width: 50%; }
/* [.tbl-1] ::end */

/*------------------------------------------------------------------
 # [Tables] ::end
-------------------------------------------------------------------*/



/*------------------------------------------------------------------
 # [Subpage] ::start
-------------------------------------------------------------------*/
.subpage { 
    margin: 0 auto;
    padding: 20px 20px 50px;
    max-width: 920px;
    background-color: #fff;
}

.subpage-header {
    margin-bottom: 10px;
    padding: 12px 0; 
}

.subpage-header .details { 
    max-width: 960px;
    border-bottom: 1px solid #eceded;
}

.subpage-header .page-title { 
    float: left;
    font-size: 4em;
}

.subpage #main-content .main-details {
    /*float: right;
    width: 70%;*/
}

.subpage #main-content.two-col .main-details {
    float: right;
    width: 70%;
}

.subpage .sidebar {
    float: left;
    margin-right: 2%;
    width: 28%;
}

.subpage .sidebar .features {
    margin-top: 0;
    padding: 0;
}

.subpage .text-group p {
    font-size: 1.4em;
    line-height: 1.3em;
}

/* [Sidebar] ::start */
.sidebar-navigation a:hover { color: #f1ae17; }
/* [Sidebar] ::end */

.subpage .link-1:hover,
.subpage .link-1 a:hover {
    color: #000;
}

/* [Kick the Fat 5k and Community Fair] ::start */
.kick-the-fat-5k-and-community-fair .col-1 {
    width: 20%;
    margin-right: 2%;
    padding-bottom: 0;
}

.kick-the-fat-5k-and-community-fair .col-2 { width: 78%; }
.kick-the-fat-5k-and-community-fair .text-group p { margin-bottom: 0; }

.img-link {
    display: inline-block;
    width: 45%;
    margin: 0 8px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.img-link:hover {
    border: 1px solid #26c281;
}

.img-link .img-caption {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.img-link:hover .img-caption {
    background-color: rgba( 38, 194, 129, 0.5);
}
/* [Kick the Fat 5k and Community Fair] ::end */


.circle-of-care-psycho-oncology-support-program-page .cols .col-item {
    float: left;
    width: 31%;
    margin-left: 10px;
    margin-right: 10px;
}
.circle-of-care-psycho-oncology-support-program-page .cols .col-item img {
    border: 1px solid #E7E7E7;
}
/*------------------------------------------------------------------
 # [Subpage] ::end
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
 # [Froz Search Results] ::start
-------------------------------------------------------------------*/
.froz-search-results li {
    margin-bottom: 20px;
    border-bottom-color: #eeeeee; 
}

.froz-search-results .title a {
    display: inline-block;
    font-size: 1.6em; 
}

.froz-search-results .title a:hover { 
    color: #fff;
    background-color: #1f3a93;
}

.froz-search-results .url a { 
    font-size: 1.5em; 
    font-family: 'BebasNeue', Arial, Verdans, sans-serif;
    background-position: 0 center;
    color: #637ac4;
}

.froz-search-results .url a:hover { 
    color: #1f3a93;
    text-decoration: underline;
}

.froz-search-results .summary { font-size: 1.6em; }

.froz-search-results .url a, 
.froz-search-results .summary {
    word-break: normal;
}

.froz-search-results .pagination-control a:hover { color: #26c281; }
/*------------------------------------------------------------------
 # [Froz Search Results] ::end
-------------------------------------------------------------------*/



/*------------------------------------------------------------------
 # [Footer] ::start
-------------------------------------------------------------------*/
#inner-footer .details { 
    margin: 0 auto;
    padding: 20px;
    max-width: 960px;
}

#foot-navigation,
#inner-footer .address {
    float: left;
}

#foot-navigation {
    margin-left: 6%;
    width: 60%; 
}

#inner-footer .address { 
    margin-left: -4%;
    width: 30%;
}

/* [#foot-navigation] ::start */
#foot-navigation li { 
    float: left;
    width: 50%;
}

#foot-navigation ul li a {
    display: inline-block;
    width: auto;
    font-size: 1.8em;
}

#foot-navigation ul li a:hover { 
    color: #fff;
    text-decoration: underline;
}
/* [#foot-navigation] ::end */

/* [.address] ::start */
#inner-footer .address { margin-top: 0; }
#inner-footer .address .label { font-size: 2.7em; }
/* #inner-footer .address .text { font-size: 2em; } */
/* [.address] ::end */


/* [#copyright] ::start */
#copyright { padding: 20px 10px; }

#copyright .details { 
    margin: 0 auto;
    max-width: 960px;
    text-align: center;
}

#copyright .site-info { display: inline; }

#copyright .site-info a:hover {
    text-decoration: underline;
    color: #6d8cf2;
}
/* [#copyright] ::end */


/*------------------------------------------------------------------
 # [Footer] ::end
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Browser Width: 0 to 980] ::start
 ------------------------------------------------------------------*/
@media screen and (max-width: 980px) {
    .controller-index #main-content { padding: 10px; }
    #inner-content { padding: 20px; }
}
/*------------------------------------------------------------------
 # [Browser Width: 0 to 980] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Minimal, Browser Width: 640] ::start
 ------------------------------------------------------------------*/
@media screen and (max-width: 640px) {
    .minimal { display: block; }
    .enhanced { display: none; }
}
/*------------------------------------------------------------------
 # [Minimal, Browser Width: 640] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Browser Width: 0 to 768] ::start
 ------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
    .subpage.press-release figure,
    .subpage.go-green figure {
        width: 640px;
        margin: 0 auto;
    }
}
/*------------------------------------------------------------------
 # [Browser Width: 0 to 768] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Browser Width: 0 to 800] ::start
 ------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
    /* [.list-4] ::start */
    .list-4 li.list-item {
        width: 23%;
        margin: 1%;
    }

    .list-4 .list-item .btn.btn-3 {
        position: absolute;
        font-size: 1em;
        left: -6px;
        padding: 5px 10px;
        top: 80px;
        z-index: 2;
    }
    /* [.list-4] ::end */
}
/*------------------------------------------------------------------
 # [Browser Width: 0 to 800] ::end
 ------------------------------------------------------------------*/

/*------------------------------------------------------------------
 # [Browser Width: 0 to 800] ::start
 ------------------------------------------------------------------*/
@media screen and (min-width: 769px) {
    .controller-kick-the-fat-5k-2017 .banner .banner-details .two-col .col-item-1 {
        width: 82%;
        margin-right: 2%;
    }

    .controller-kick-the-fat-5k-2017 .banner .banner-details .two-col .col-item-2 { width: 16%; }
}
/*------------------------------------------------------------------
 # [Browser Width: 0 to 800] ::end
 ------------------------------------------------------------------*/




/*=============================================================================
  [site.navigations.enhanced.css]
  ============================================================================*/

/*------------------------------------------------------------------
 # [Breadcrumb] ::start
-------------------------------------------------------------------*/
.breadcrumbs.breadcrumbs-1 { 
    float: right;
    margin-top: 16px;
    border-bottom: none;
}
/*------------------------------------------------------------------
 # [Breadcrumb] ::end
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Head Navigation] ::start
 ------------------------------------------------------------------*/
#head-navigation {
    position: absolute;
    right: 0;
    bottom: -60px;
    display: block;
    margin: 0;
    width: 100%;
    background-color: #1f3a93;

    -webkit-box-shadow: inset 0 5px 0 #fff;
    -moz-box-shadow: inset 0 5px 0 #fff;
    box-shadow: inset 0 5px 0 #fff;
}

#head-navigation > ul > li {
    float: none;
    display: table-cell;
    clear: none;
    width: auto;
    border-right: 1px solid #3453B9;
    overflow: visible;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#head-navigation > ul > li:last-child { 
    padding-right: 0;
    border-right: none;
}

#head-navigation > ul > li > a {
    display: block;
    padding: 12px;
    /*font-size: 2.2em;*/
    font-size: 2em;
    border-top: 5px solid #26C281;
    border-bottom: none;
    background-color: transparent;
    text-align: center;
}

#head-navigation > ul > li:first-child > a {
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#head-navigation > ul > li:last-child > a {
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#head-navigation > ul > li.active > a,
#head-navigation > ul > li.active > a:hover { 
    background-color: transparent;
    border-top-color: #f9bf3b;
    color: #f9bf3b;
}

#head-navigation > ul > li > a:hover,
#head-navigation > ul > li:hover > a {
    border-top-color: #3453b9;
    background-color: #0e205b;
}

/* #head-navigation > ul > li.nav-community-outreach ul li a { width: 231px; } */

#head-navigation .navigation { 
    display: table;
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
}

#head-navigation > ul > .nav-kick-the-fat-5k-2022 > a {
    background-color: #008080;
}

/* [Sub Menu] ::start */
#head-navigation > ul > li li { border-bottom: none; }

#head-navigation > ul > li li:hover a,
.sf-menu li.sfHover { 
    background-color: transparent; 
}

#head-navigation > ul > li li a {
    padding: 10px 20px 10px 28px;
    /* width: 100%; */
    background-color: #0e205b;
    border-top: none;
    border-right: none;
    border-bottom: 1px dashed #be922d;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

#head-navigation > ul > li li a:hover { 
    background-position: 14px center;
    background-color: #122b7c;
    border-bottom-color: #26c281;
}

#head-navigation > ul > li li:last-child a { border-bottom: none; }

#head-navigation > ul > li li.active a { background-color: #2747b1; }

/* [Sub Menu] ::end */

/* [.sf-menu] ::start */
.sf-menu ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.sf-menu ul li { background-color: transparent; }

.sf-menu li:last-child ul {
    right: 0;
    left: auto;
}

.sf-menu li:hover, 
.sf-menu li.sfHover {
    background-color: transparent;
}
/* [.sf-menu] ::end */

/* [Kick the Fat 5k 2018] ::start */
.controller-kick-the-fat-5k-2018 #head-navigation > ul > li.nav-kick-the-fat-5k-2018 { width: 10%; }
.controller-kick-the-fat-5k-2018 #head-navigation > ul > li.nav-kick-the-fat-5k-2018-registration { width: 16%; }
.controller-kick-the-fat-5k-2018 #head-navigation > ul > li.nav-kick-the-fat-5k-2018-race-location-and-course { width: 23%; }
.controller-kick-the-fat-5k-2018 #head-navigation > ul > li.nav-kick-the-fat-5k-2018-packet-pickup { width: 17%; }
.controller-kick-the-fat-5k-2018 #head-navigation > ul > li.nav-kick-the-fat-5k-2018-run-for-charity { width: 18%; }
.controller-kick-the-fat-5k-2018 #head-navigation > ul > li.nav-kick-the-fat-5k-2018-contact-us { width: 16%; }
/* [Kick the Fat 5k 2018] ::end */


/*------------------------------------------------------------------
 # [Head Navigation] ::end
 ------------------------------------------------------------------*/



/*------------------------------------------------------------------
 # [Browser Width: 641 to 768] ::start
 ------------------------------------------------------------------*/
@media screen and (min-width: 641px) and (max-width: 768px) {
    #head-navigation > ul > li > a,
    #head-navigation > ul > li li a {
        font-size: 1.6em;
    }
}
/*------------------------------------------------------------------
 # [Browser Width: 641 to 768] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Browser Width: 768 to 959] ::start
 ------------------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 959px) {
    #head-navigation > ul > li > a { font-size: 2em; }
}
/*------------------------------------------------------------------
 # [Browser Width: 768 to 959] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Browser Width: 641 to 960] ::start
 ------------------------------------------------------------------*/
@media screen and (max-width: 960px) {
    #head-navigation > ul > li.nav-community-outreach ul {
        right: 0;
        left: auto;
    }
}
/*------------------------------------------------------------------
 # [Browser Width: 641 to 960] ::end
 ------------------------------------------------------------------*/



/*=============================================================================
  [site.forms.enhanced.css]
  ============================================================================*/

/*------------------------------------------------------------------
 # [Main Search] ::start
 ------------------------------------------------------------------*/
#main-search {
    position: absolute;
    top: auto;
    left: auto;
    right: 14px;
    bottom: 48px;
    display: inline-block;
    margin: 0;
    width: auto;
    overflow: hidden;
}

.controller-index #main-search { top: auto; }

#main_search_box_txt {
    max-width: 170px;
    font-size: 2em; 
}

#main-search ::-webkit-input-placeholder { color: #dfc984; }
#main-search ::-moz-placeholder { color: #dfc984; }
#main-search :-ms-input-placeholder { color: #dfc984; }

#main_search_btn {
    top: 8px;
    right: 16px;
}

/*+++++++++++++++++++++
 # [IE] ::start
 +++++++++++++++++++++*/
.lt-ie11 #main-search { right: 20px; }
.lt-ie11 #main_search_box_txt { 
    width: auto;
    padding: 10px 40px 10px 10px;
}
/*+++++++++++++++++++++
 # [IE] ::end
 +++++++++++++++++++++*/

/*------------------------------------------------------------------
 # [Main Search] ::end
 ------------------------------------------------------------------*/




/*------------------------------------------------------------------
 # [Smart Form] ::start
 ------------------------------------------------------------------*/
.smart-form .group { margin-top: 30px; }

.smart-form .element-wrapper {
    margin: auto auto 20px;
    width: 70%;
    overflow: hidden;
}

.smart-form .element-wrapper > label {
    float: left;
    padding: 6px 0 6px 2%;
    width: 18%;
    font-size: 2em;
    border-top: 1px solid #26c281;
    border-left: 1px solid #26c281;
    border-bottom: 1px solid #26c281;
}

.smart-form .element-wrapper:last-child { margin-bottom: 0; }

.smart-form .errors label {
    margin: auto;
    width: 66.9%;
    font-size: 1.8em;
}

.smart-form .element-wrapper .text,
.smart-form .element-wrapper .textarea {
    float: left;
    padding: 11px 0 11px 2%;
    width: 77.5%;
    font-size: 1.4em;
    border-color: #e9e9e9;

    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.smart-form .element-wrapper .textarea {
    float: none;
    width: 97.7%;
}

.smart-form .element-wrapper .text:hover, 
.smart-form .element-wrapper .textarea:hover, 
.smart-form .element-wrapper .text:focus, 
.smart-form .element-wrapper .textarea:focus {
    border-color: #99dabf;
}

.smart-form .element-wrapper .text:focus, 
.smart-form .element-wrapper .textarea:focus {
    background-color: #ebf5f1;
}

.smart-form .element-wrapper .button { 
    text-transform: none;
    font-size: 1.7em;
}


/* [iCheck] ::start */
.smart-form .element-wrapper .radio-label {
    margin-right: auto;
    margin-left: 15px;
    font-size: 1.3em;
}
/* [iCheck] ::end */


/* [select2] ::start */
.select2-container { width: auto; }

.select2-container .select2-choice,
.select2-results .select2-result-label {
    font-size: 1.4em;
}

.select2-container .select2-choice {
    padding-top: 11px;
    padding-bottom: 9px;
    height: 17px;
}

.select2-container .select2-choice .select2-arrow b { background-position: 1px 5px; }
.select2-dropdown-open .select2-choice .select2-arrow b { background-position: -16px 4px; }
/* [select2] ::end */


/*+++++++++++++++++++++
 # [IE] ::start
 +++++++++++++++++++++*/
.ie .smart-form .comment label {
    padding: 6px 0 6px 2%;
    width: 98%;
}

.ie .smart-form .element-wrapper .textarea { width: 97.6%; }
/*+++++++++++++++++++++
 # [IE] ::end
 +++++++++++++++++++++*/

/*------------------------------------------------------------------
 # [Smart Form] ::end
 ------------------------------------------------------------------*/



/*------------------------------------------------------------------
 # [Contact Us Form] ::start
 ------------------------------------------------------------------*/

.contact-us-form .element-wrapper:nth-last-child(2) label {
    padding: 6px 0 6px 2%;
    width: 98%;
}

/*------------------------------------------------------------------
 # [Contact Us Form] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Kick The Fat 5K 2018 Contact Us Form] ::start
 # [/kick-the-fat-5k-2018/contact-us]
 ------------------------------------------------------------------*/

.controller-kick-the-fat-5k-2018 .smart-form .element-wrapper {
    width: 100%;
}

/*------------------------------------------------------------------
 # [Kick The Fat 5K 2018 Contact Us Form] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Kick The Fat 5K Mini-Grant Writing Workshop Form] ::start
 # [/kick-the-fat-5k-mini-grant]
 ------------------------------------------------------------------*/

.kick-the-fat-form .element-wrapper:nth-last-child(2) label {
    margin-right: 15px;
    padding-right: 2%;
    width: auto;
}

.kick-the-fat-form .element-wrapper:nth-last-child(2) .select2-container { width: 50%; }

/*------------------------------------------------------------------
 # [Kick The Fat 5K Mini-Grant Writing Workshop Form] ::end
 ------------------------------------------------------------------*/





/*------------------------------------------------------------------
 # [Browser Width: 641 to 685] ::start
 ------------------------------------------------------------------*/
@media screen and (max-width: 685px) {
    .smart-form .element-wrapper .text,
    .smart-form .element-wrapper .textarea {
        width: 77.2%;
    }

    .smart-form .element-wrapper .textarea { width: 97.5%; }
}
/*------------------------------------------------------------------
 # [Browser Width: 641 to 685] ::end
 ------------------------------------------------------------------*/

/*------------------------------------------------------------------
 # [Browser Width: 685 to 787] ::start
 ------------------------------------------------------------------*/
@media screen and (min-width: 685px) and (max-width: 787px) {
    .smart-form .element-wrapper .text,
    .smart-form .element-wrapper .textarea {
        width: 77.2%;
    }

    .smart-form .element-wrapper .textarea { width: 97.5%; }
}
/*------------------------------------------------------------------
 # [Browser Width: 685 to 787] ::end
 ------------------------------------------------------------------*/

/*------------------------------------------------------------------
 # [Browser Width: 787 to 923] ::start
 ------------------------------------------------------------------*/
@media screen and (min-width: 787px) and (max-width: 923px) {
    .smart-form .element-wrapper .text,
    .smart-form .element-wrapper .textarea {
        width: 77.3%;
    }

    .smart-form .element-wrapper .textarea { width: 97.5%; }
}
/*------------------------------------------------------------------
 # [Browser Width: 787 to 923] ::end
 ------------------------------------------------------------------*/


/* [Kick the Fat 5k 2025] ::start */
/* .controller-kick-the-fat-5k-2026 #head-navigation { background-color: #0F3433;} */
.controller-kick-the-fat-5k-2026 #head-navigation {
    background-color: #1f0b1f;
    box-shadow: inset 0 5px 0 #F2CD5E;
}

.controller-kick-the-fat-5k-2026 #head-navigation > ul > li > a:hover,
.controller-kick-the-fat-5k-2026 #head-navigation > ul > li:hover > a {
    border-top-color: #1f0b1f;
    background-color: #e53c4a;
    color: #FFFFFF;
}

.controller-kick-the-fat-5k-2026 #head-navigation > ul > li {
    border-right-color: #FFFFFF
}

.controller-kick-the-fat-5k-2026 #head-navigation > ul > li > a,
.controller-kick-the-fat-5k-2026 #head-navigation > ul > li > a {
    border-top-color: #1f0b1f;
    padding: 15px 12px;
}

.controller-kick-the-fat-5k-2026 #head-navigation > ul > li.active > a,
.controller-kick-the-fat-5k-2026 #head-navigation > ul > li.active > a:hover {
    border-top-color: #F2CD5E;
    background-color: #e53c4a;
    color: #FFFFFF;
}

/* .controller-kick-the-fat-5k-2026 #inner-content { background-color: #FFFFFf; } */

.controller-kick-the-fat-5k-2026 .list-4 .list-item .btn.btn-3 { background-color: #333; }
.controller-kick-the-fat-5k-2026 .list-4 .list-item .list-item-title { background-color: #E58259; }


.banner-details {
    text-align: left;
    border: 0;
    border-bottom: 1px solid #2a527e;
    padding: 20px;
}

.banner-details .three-col .col-item { float: left; }
.banner-details .three-col .col-item-1 {
    width: 47%;
    margin-right: 2%;
}
.banner-details .three-col .col-item-2 { width: 28%; }
.banner-details .three-col .col-item-3 { width: 23%; }


.banner-details .banner-title {
    display: inline-block;
    margin: auto;
    line-height: 1;
}

.banner-caption {
    color: #ec7b32;
    margin-bottom: 0;
    font-size: 1.4em;
}

.banner-event-date {
    background-color: rgba(20, 39, 60, 0.5);
    color: #FFFFFF;
    padding: 10px 20px;
    z-index: 2;
    position: relative;
    font-size: 0.8em;
    text-align: left;
}

.controller-index a .banner-event-date {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(20, 39, 60, 0.5);
}
.controller-index .main-slider .ktf-2018 {
    position: relative;
}
.controller-index .main-slider .ktf-2018  a {
    text-decoration: none;
    font-size: 1.75em;
    letter-spacing: 0.1em;
}
.controller-index a .banner-event-date p {
    text-decoration: none;
}

.banner-event-date p { text-shadow: 0px 2px 0px rgba(90, 90, 90, 0.8); }

.banner-details .banner-register-button {
    display: inline-block;
    float: right;
}

.event {
    border-top: 1px dashed #ccc;
    padding: 20px 0 0;
    margin: 20px 0 0;
}

.event .event-item {
    width: 33%;
    float: left;
}

.content-details {
    background-color: #FFFFFF;
    padding: 20px;
}
/* [Kick the Fat 5k 2025] ::end */

/* [Countdown Timer] ::start */
.countdown-container {
    padding: 0;
    margin-bottom: 0;
    border: 1px solid #2a527e;
}
.countdown-container .date-wrapper .time-unit {
    margin: 0;
    border: 0;
    border-right: 0;
    width: 25%;
    background: rgba(20,39,60,0.9);
    padding: 7px 0;
}
.countdown-container .date-wrapper .time-unit::before { font-size: 1.2em; }
.countdown-container .date-wrapper .days.time-unit { border-left: 0; }
.countdown-container .date-wrapper .time-unit .value { font-size: 1.8em; }
.countdown-container .date-wrapper .time-unit .label { font-size: 0.7em; }
/* [Countdown Timer] ::end */

.controller-kick-the-fat-5k-2026 .smart-form .element-wrapper { width: 92%; }
/* .controller-kick-the-fat-5k-2026 .list-4 .list-item .list-item-title {
    font-size: 0.9em;
} */
/* .controller-kick-the-fat-5k-2026 .event .event-item .event-item-title { font-size: 1.7em; } */




/*=============================================================================
  [site.slider.enhanced.css]
  ============================================================================*/

/*------------------------------------------------------------------
 # [Main Slider] ::start
-------------------------------------------------------------------*/
.main-slider { background-color: transparent;}

/* [Slider Control Paging] ::start */
.main-slider .flex-control-nav {
    left: 2%;
    text-align: left;
}

.main-slider .flex-control-nav { text-align: center; }

.main-slider .flex-control-paging li a {
    width: 13px;
    height: 13px;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/* [Slider Control Paging] ::end */

/* [Slider Flex Direction Nav] ::start */
.main-slider { margin-top: -38px; }
.main-slider .flex-direction-nav { display: block; }
/* [Slider Flex Direction Nav] ::end */


/*------------------------------------------------------------------
 # [Main Slider] ::end
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
 # [Browser Width: 0 to 775] ::start
 ------------------------------------------------------------------*/
@media screen and (max-width: 799px) {

    .main-slider { height: auto; }

    .main-slider .slider-cols .col-item {
        float: none;
        display: block;
        width: 100%;
        min-height: none;
    }

    .main-slider .slider-cols .col-1 {
        margin-bottom: 10px;
        padding: 0 20px;
        min-height: 0 !important;
        background-image: none;
    }

    .flexslider .slides img { width: 100%; }

    .main-slider .caption {
        position: relative;
        bottom: 0;
        padding: 2%;
        width: 100%;
    }

    .main-slider .flex-control-paging { left: 0; }


}
/*------------------------------------------------------------------
 # [Browser Width: 0 to 775] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Browser Width: 642 to 954] ::start
 ------------------------------------------------------------------*/
@media screen and (min-width: 641px) and (max-width: 799px) {

    .main-slider { overflow: hidden; }
    
    .main-slider .col-1 { min-height: none; }

    .main-slider .col-1 img { display: none; }
}
/*------------------------------------------------------------------
 # [Browser Width: 642 to 954] ::end
 ------------------------------------------------------------------*/

/*------------------------------------------------------------------
 # [Browser Width: 0 to 768px] ::start
 ------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    .features .col-1 .feature-details,
    .features .col-3 .feature-details { 
        min-height: 410px; 
    }
}
/*------------------------------------------------------------------
 # [Browser Width: 0 to 768px] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Browser Width: 800 to 959] ::start
 ------------------------------------------------------------------*/
@media screen and (min-width: 800px) and (max-width: 959px) {

    .main-slider { 
        overflow: hidden;
        height: 269px;
    }

    .main-slider .col-2 img { width: 100%; }
    .main-slider .col-1 img { display: none; }
}
/*------------------------------------------------------------------
 # [Browser Width: 800 to 959] ::end
 ------------------------------------------------------------------*/

/*------------------------------------------------------------------
 # [Browser Width: 960] ::start
 ------------------------------------------------------------------*/
@media screen and (min-width: 960px) and (max-width: 970px) {
    .main-slider .slider-cols .col-1 { min-height: 327px; }
    .main-slider .slider-cols .col-1 .slider-title { font-size: 3.2em; }
}
/*------------------------------------------------------------------
 # [Browser Width: 960] ::end
 ------------------------------------------------------------------*/



/*------------------------------------------------------------------
 # [Browser Width: 800] ::start
 ------------------------------------------------------------------*/
@media screen and (min-width: 768px) {

    .main-slider { position: relative; }
}
/*------------------------------------------------------------------
 # [Browser Width: 800] ::end
 ------------------------------------------------------------------*/