/*-----------------------------------------+
 | Site: Union Local Template              |
 | Part: Master styles                     |
 +----------------------------------------*/

/* Imports
=====================================================================*/
@import url(//fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic,700,700italic|Roboto+Slab:300,400,700);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
@import url(//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.min.css);
@import url(/content/styles/reset.css);
@import url(/content/styles/forms.css);


/* Fonts
======================================================================*/
body, .flag, input, select, textarea { font-family: Roboto, Arial, sans-serif; }

.classes .duration,
h1, h2, h3, h4, h5, h6,
.ui-tabs .ui-tabs-nav {
    font-family: "Roboto Slab", Arial, sans-serif;
}

input[type=password] { font-family: Arial, sans-serif; }

/* Basics
======================================================================*/
a { color: var(--primary-color); text-decoration: none; font-weight: 400;}
a.facebook { color: #2280c2; }
a.twitter { color: #55acee }
a.instagram { color: #d10869; }
h3 a { color: #01497C; text-decoration: none; }
div.social a { text-decoration: none; margin-left: 0.25em; }
a:hover { text-decoration: underline; }
address { font-style: normal; }
body { background: var(--secondary-color); font-size: 18px; font-weight: 300; line-height: 1.5; }
cite, em { font-style: italic; }
dl, ol, p, table, ul { margin-bottom: 1.5em; }
dt { margin-top: 1.4em; }
dt:first-child { margin-top: 0; }
dt, h3, h4, h5, h6, strong { font-weight: bold; }
h1 { font-size: 40px; font-weight: 300; line-height: 1.1; margin-bottom: 0.5em; }
h2 { font-size: 30px; line-height: 1.2; margin-bottom: 0.5em; }
h3 { font-size: 20px; line-height: 1.4; margin-bottom: 0.5em; }
h4 { font-size: 17px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
hr { background: #ddd; border: 0; clear: both; color: #ddd; height: 1px; margin: 2em 0; }
img { max-width: 100%; }
ol { list-style: decimal; margin-left: 2em; }
ol ol { list-style: lower-alpha; }
ol ol ol { list-style: lower-roman; }
sub { bottom: -0.25em; font-size: 75%; position: relative; vertical-align: baseline; }
sup { font-size: 75%; position: relative; top: -0.5em; vertical-align: baseline; }
table { border-collapse: collapse; width: 100%; }
td, th { font-weight: inherit; padding: 0 15px 0 0; vertical-align: top; }
td[align=center], th[align=center] { text-align: center; }
td[align=right], th[align=right] { text-align: right; }
ul { list-style: disc; margin-left: 1.5em; }

/* Stock classes */
.l { float: left; }
.r { float: right; }
.num { text-align: right; }
ul.flat { list-style: none; margin-left: 0; }
ul.flat > li { background: none; margin: 0; padding: 0; }

/* Banner
======================================================================*/

.banner-video { border-top:1px solid #5B88A9; border-bottom:1px solid #5B88A9; margin:1em 0; padding:1em 0; width:100%; display:table;}
	.banner-video img { float:left; margin:0 1em 0em 0; }
	.banner-video div { display: table-cell; vertical-align: middle;width: 80%;padding: 0 0 0 .5em;}
	.banner-video a { color:var(--primary-color) !important; font-weight:bold;}
	.banner-video p { margin:0 0;}

@media only screen and (max-width:768px) {
	
.banner-video img {float: none; margin: 0 0 1em 0; display: block;}
.banner-video div { display: block; width: 100%;padding: 0 0 0 0em;}
	
}


/* Core layout
======================================================================*/
#content, #footer-content, .intro-content, #nav-content, #temporary-content { margin: 0 auto; max-width: 1050px; }
#header {background:#fff; max-width:auto; padding:0 30px 3px 30px; top:36px;}
#header-content {margin: 0; top:36px; font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; }
#top-header {height:36px;}
/*#header-content { display: flex; }*/
.clear { clear: both; }

/* Columns */
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }

/* Content */
#content-primary { float: left; width: 65.30%; }
#content-secondary { float: right; width: 30.61%; }

/*Specific for home page*/
#content #content-primary { float: left; width: 65.30%; }
#content #content-secondary { float: right; width: 30.61%; }

#content-wrapper { background: #fff; padding: 40px 20px 50px; }

    /* Full */
    .full #content #content-primary { float: none; width: auto; }
    /*.full #content-secondary { display: none; }*/
    
    /* Home */
    .home #content-primary { float: none; width: auto; }
    /*.home #content-secondary { display: none; }*/


/* Content
======================================================================*/

/* Action */
.action {
    -webkit-appearance: none;
    background: var(--primary-color, #59abe3);
    border: 0;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    padding: 0.5em 1em;
}

.action-stacked .mute {
    color: #fff;
    display: block;
    text-align: center;
}

.category-action {
    -webkit-appearance: none;
    background: var(--secondary-color);
    border: 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    padding: 0.25em 0.5em;
    margin-left: 0.2em;
}


.translate {
    background: #8c9b93;
}

.action:hover { opacity: 0.7; text-decoration: none; }

/* Banner */
.banner { margin-bottom: 40px; overflow: hidden; }
.banner .caption { font-size: 15px; }
.banner .caption p { margin: 0; }
.banner .credit { float: right; margin-left: 0; opacity: 0.7; }
.banner img { display: block; margin-bottom: 5px; width: 100%; }

.stagebanner { color:white; align-items: center; text-align: center; padding: 1em; font-size: larger; background-color: #fef5c6; background-image: url('/Content/images/spinutech-header.png') }
.stagebanner a { color:white; word-wrap: break-word;}

/* Body */
.body { padding: 0 8.63%; }

/* Cart */
.cart { width: 100%; }
.cart .price { background: #f0f0f0; text-align: right; }
.cart .total { font-weight: bold; text-align: right; }
.cart .transaction-item { padding: 0.5em 1em 0.5em 2em; }
.cart .transaction-type { font-weight: bold; }
.cart .transaction-type + .price { font-weight: bold; }
.cart p, .cart ul { margin: 0; }
.cart tbody td { border-top: 1px solid #ddd;}
.cart td, .cart th { padding: 0.5em 1em 0.5em 0; vertical-align: top; }
.cart tfoot td { border-top: 3px double #ccc; }
.cart tfoot td { padding-top: 0.2em; }
.cart thead th { border-bottom: double 3px #ccc; font-size: 11px; font-weight:bold;}
.cart-options { float: right; text-align: right; }

/* Calendar */
.calendar { border-top: 1px solid #ddd; list-style: none; margin-left: 0; }
.calendar .date { border: 1px solid #ddd; float: left; margin: 0 0 0 -150px; text-align: center; width: 100px; }
.calendar .date .day { font-size: 36px; font-weight: bold; }
.calendar .date .day, .calendar .date .month, .calendar .date .year { display: block; }
.calendar .date .month { background: var(--primary-color); color: #fff; font-size: 20px; font-weight: 500; text-transform: uppercase; }
.calendar .date .year { border-top: 1px solid #ddd; font-size: 16px; }
.calendar h2 { font-weight: normal; margin-bottom: 0.2em; }
.calendar li { border-bottom: 2px solid #ddd; overflow: hidden; margin: 0; padding: 30px 20px 30px 170px; }
.calendar p { margin: 0; }
.calendar .when { margin-bottom: 0.5em; }
.calendar .when span { margin-right: 1em; }
.calendar .where { margin-bottom: 0.5em; }
.calendar .where span { margin-right: 1em; }

    /* Nav */
    .cal-nav { float: right; list-style: none; margin-left: 0; }
    .cal-nav .current a { color: #000; cursor: default; font-weight: bold; }
    .cal-nav .current a:hover { text-decoration: none; }
    .cal-nav li { display: inline; margin-right: 1em; }
    
    /* Mini */
    .mini-calendar .calendar li { border: 0; margin-bottom: 20px; padding: 0 0 0 100px; }

    /* Grid */
    div.calendar{border-top:none;}
    div.calendar hr {margin:.25em 0 .25em 0}
    div.calendar h4 {margin-bottom: 0.25em;}
    div.calendar h3 a {color: var(--primary-color);}

/* Callouts */
div[style *= "width"] { max-width: 100%; }
[class *= "call"] { font-size: 12px; line-height: 1.3; margin-bottom: 15px; max-width: 100%; }
[class *= "call"] img { display: block; margin-bottom: 5px; }
[class *= "call"] img.icon { display: inline; }
[class *= "call"] p { margin-bottom: 0.5em; }
.call-l, .pull-l, .pull-small-l { clear: left; float: left; margin: 0 30px 10px 0; }
.call-r, .pull-r, .pull-small-r { clear: right; float: right; margin: 0 0 10px 30px; }
dt img.call-l { margin-top: 0; }
.credit { font-size: 11px; letter-spacing: 0.01em; margin: 0.5em 0; text-align: right; }
.credit a { color: #7f8183; }
.pull, .pull-l, .pull-r { color: #4d4d4d; font-size: 24px; font-weight: bold; line-height: 1.3; width: 42.15%; }
[class *= "pull-small"] { border: 1px solid #ccc; border-width: 2px 0; font-size: 16px; line-height: 1.6; width: 42.15%; }
[class *= "pull"] blockquote cite { color: #666; display: block; font-size: 16px; font-weight: normal; text-align: right; }
[class *= "pull"] .mute { font-weight: normal; }
[class *= "pull"] p { margin-bottom: 0.5em; }
table [class *= "call"] { float: none; margin: 0; width: auto !important; }
table [class *= "call"] img, table [class *= "call"] img[style] { display: inline !important; height: auto; width: auto; }

/* Carousel */
#carousel .action { margin: 1% 0; }

/*Class Registrants*/
#ClassesResults table { margin-top:.5em; }
#ClassesResults thead th { background: var(--secondary-color); color: #fff; padding: 3px 7px; text-align: left; white-space: nowrap; }
#ClassesResults{ margin-top:1.25em; }
#ClassesResults tbody th, #ClassesResults td {border: 1px solid #ddd; padding: 0.4em 0.7em; }
#ClassesMessage { margin-top: 1.25em; }
#ClassesMessage p { width: 80%; margin: auto; color: red; }

/* DataTables */
.no-datatables th .fa-caret-down,
.no-datatables th .fa-caret-up {
    display:none;
}
.dataTables_wrapper .dataTables_filter { margin-bottom: 10px; }
.dataTables_wrapper .dataTables_filter input { margin: 0; padding: 0.3em; width: 20em; }
.dataTables_wrapper .dataTables_info { float: right; }
.dataTables_wrapper .dataTables_length { float: right; margin-bottom: 0.5em; }
.dataTables_wrapper .dataTables_length select { margin-left: 0.5em; }
.dataTables_wrapper .dataTables_paginate a { cursor: pointer; margin-right: 1em; }
.dataTables_wrapper .dataTables_paginate a.paginate_active { color: #000; cursor: default; font-weight: bold; }
.dataTables_wrapper .dataTables_paginate a.paginate_button_disabled { color: #666; cursor: default; }
.dataTables_wrapper .sorting, .dataTables_wrapper .sorting_asc, .dataTables_wrapper .sorting_desc { color: #0c61af; cursor: pointer; }
.dataTables_wrapper table { clear: both; }
.dataTables_wrapper th .fa-caret-down, .dataTables_wrapper th .fa-caret-up { margin-left: 0.3em; }

.dataTables_wrapper th.sorting .fa-caret-down,
.dataTables_wrapper th.sorting .fa-caret-up,
.dataTables_wrapper th.sorting_asc .fa-caret-down,
.dataTables_wrapper th.sorting_desc .fa-caret-up {
    display: none;
}

/* Directory search */
.directory { list-style: none; margin-left: 0; }
.directory a { color: #000; display: block; overflow: hidden; padding: 10px 10px 10px 105px; }
.directory a.without-image {padding: 10px;}
.directory a:hover { background: #f0f0f0; text-decoration: none; }
.directory li { clear: both; margin-bottom: 10px; overflow: hidden; }
.directory .name { display: block; font-size: 20px; font-weight: bold; }
.directory .occupation { display: block; }
.directory .phone { display: block; }
.directory .email { color: var(--primary-color); display: block;}
.directory p { margin: 0; }
.directory .thumb { float: left; margin: 3px 10px 0 -90px; width: 150px; }

/* Feature */
.feature { margin-top: -3px; position: relative; }
.feature .content { background: #fff; max-width: 1140px; padding: 40px; }
.feature img { display: block; width: 100%; }
.feature .overlay { box-sizing: border-box; bottom: 140px; padding: 0 20px; position: absolute; text-align: center; width: 100%; }
.feature .overlay h1 { font-size: 40px; margin-bottom: 0.1em; }
.feature .overlay p { margin: 0; }

/* Features */
.features { list-style: none; margin-left: 0; }
.features h3 { font-size: 18px; font-weight: normal; margin: 0 0 0.5em 0;}
.features .thumb { border: 1px solid #f1f1f1; box-sizing: border-box; width: 125px; margin: 0.5em 0 0 0; }


    /* Subfeatures */
    .subfeatures { display: -ms-flexbox; display: flex; font-size: 19px; font-weight: bold; -ms-flex-pack: justify; justify-content: space-between; list-style: none; margin: -140px 0 60px 0; }
    .subfeatures a { background: #fff; color: #fff; display: block; }
    .subfeatures a * { opacity: 1; -moz-transition: opacity 0.1s ease-in-out; -webkit-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; }
    .subfeatures a:hover * { opacity: 0.7; }
    .subfeatures img { display: block; width: 100%; }
    .subfeatures li { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); position: relative; width: 22.32%; }
    .subfeatures .overlay { background: rgba(61, 137, 63, 0.8); bottom: 0; box-sizing: border-box; left: 0; padding: 0.7em 1em; position: absolute; width: 100%; }

/* Flags */
.flag { border-radius: 3px; font-size: 11px; letter-spacing: 0.05em; margin-right: 0.3em; padding: 0.3em 0.8em; text-transform: uppercase; white-space: nowrap; }
.flag-adults { background: #ea7225; color: #fff; }
.flag-children { background: #ffc82f; color: #000; }
.flag-default { background: #3d893f; color: #fff; }
.flag-registration { letter-spacing: normal; }
.flag-young { background: #b22373; color: #fff; }
  
/* Footer */
#footer { border-top: 12px solid var(--primary-color); font-size: 13px; padding: 30px 20px; }
#footer, #footer a { color: #fff; }
#footer .org { display: block; font-size: 18px; margin-bottom: 5px; }
#footer .postal-code { display: inline-block; width: 4em; }
#footer .postal-code, #footer .region, #footer .street-address { margin-right: 1em; }
#footer .street-address { display: inline-block; width: 10em; }
#footer .street-address2 { display: inline-block; width: 8em; }
#footer .tel {padding-left: 8px; }
#footer .vcard { margin-bottom: 5px; }
	/* Copyright */
	#copyright { font-size: 12px; list-style: none; margin: 0; opacity: 0.5; text-transform: uppercase; }
	#copyright li { display: inline; margin: 0 0.5em; }

    /* Credit */
    #credit { float: right; text-align: right; }
    #credit strong { font-weight: 300; }

    #footer .social { font-size:2em; margin:0; padding:0; display:table; float: right; }
    #footer .social a { color:var(--primary-color); }
    #footer .social > li { margin: 0 1rem 0 0; width: auto; display: inline-block; vertical-align: middle; }

/* Google translate */
.gmnoprint > img { max-width: none; }
.notranslate[style *= "background-color"], .notranslate[style *= "background-color"] * { color: #000 !important; }

/* Grids */
.grid { line-height: 1.4; list-style: none; margin-left: 0; overflow: hidden; }
.grid [class *= "call"] { float: none; margin: 0; width: auto !important; }
.grid h2, .grid h3 { margin: 0; }
.grid li { box-sizing: border-box; float: left; margin: 0 2.7% 25px 0; }
.grid p { margin: 0; }
.grid img { display: block; margin-bottom: 10px; width: 100%; }

    /* Columns */
    .grid.grid1 > li { margin-right: 0; }
    .grid.grid2 > li { width: 48.64%; }
    .grid.grid3 > li { width: 31.53%; }
    .grid.grid4 > li { width: 22.97%; }
    .grid.grid5 > li { width: 17.83%; }
    
    .grid.grid2 > li:nth-child(2n+2),
    .grid.grid3 > li:nth-child(3n+3),
    .grid.grid4 > li:nth-child(4n+4),
    .grid.grid5 > li:nth-child(5n+5) { margin-right: 0; }
    
    .grid.grid2 > li:nth-child(2n+3),
    .grid.grid3 > li:nth-child(3n+4),
    .grid.grid4 > li:nth-child(4n+5),
    .grid.grid5 > li:nth-child(5n+6) { clear: left; }
	
/* Header */
#header { background: #fff; padding: 20px 20px 20px; }

    /* Account */
    #account { float: right; font-size: 14px; text-align: right; text-transform: uppercase; }
    #account .action { font-size: 14px; font-weight: normal; padding: 0.7em 1.5em; }
    #account li { display: inline; margin-left: 1em; }
    #account ul { list-style: none; margin: 0; }
    
    /* Compact */
    #nav-compact { display: none; font-size: 30px; }
    #nav-compact a { padding: 0.3em; }
    #nav-compact li { display: inline; }
    #nav-compact ul { list-style: none; margin: 0; }
    
    /* Logo */
    #logo { float: left; max-width: 402px; }
    #logo img { display:block; max-width:235px; width:100%; }
    
    /* Navigation */
    #header-nav-with-translate-widget{clear: right; float: right; margin: 0; text-align: right; margin-left: auto; display: flex; align-items: center;}
    #header-nav { list-style: none; margin:0;}
    #header-nav li { display: inline; margin-left: 1em; }
    #header-nav li:last-child {margin-right: 1em; }
    
    /* Social */
    #header .social { float: right; clear: right; margin-top: 2em; }
    
/* Hidden */
.hidden { left: -999em; position: absolute; top: 0; }

/* Icons */
/*.fa-facebook { color: #425f9c; }*/

/* Image viewer */
.image-viewer { border: 0; float: left; margin-bottom: 20px; padding: 0; }
.image-viewer a { color: #0c61af; }
.image-viewer img { display: block; width: 100%; }
.image-viewer.ui-tabs .ui-tabs-nav { background: none; border: 0; padding: 0; }
.image-viewer.ui-tabs .ui-tabs-nav a { border: 5px solid #fff; cursor: pointer; display: block; float: none; padding: 0; }
.image-viewer.ui-tabs .ui-tabs-nav a:hover { border-color: #ddd; }
.image-viewer.ui-tabs .ui-tabs-nav li { background: none; border: 0; float: left; margin: 0; padding: 0; width: 25%; }
.image-viewer.ui-tabs .ui-tabs-nav li.ui-tabs-active a { border-color: var(--primary-color); }
.image-viewer.ui-tabs .ui-tabs-panel { border: 0; margin-bottom: 5px; padding: 0; position: relative; }
.image-viewer.ui-tabs .ui-tabs-panel a:hover .enlarge { opacity: 1; }
.image-viewer.ui-tabs .ui-tabs-panel .caption { background: rgba(0, 0, 0, 0.8); bottom: 0; color: #fff; font-size: 12px; left: 0; padding: 0.5em 3%; position: absolute; width: 94%; }
.image-viewer.ui-tabs .ui-tabs-panel .enlarge { background: #fff; display: block; line-height: 1; opacity: 0.8; padding: 0.5em 0.7em; position: absolute; right: 1px; top: 1px; }
.image-viewer.ui-tabs .ui-tabs-panel .enlarge > .title { display: none; }

    /* Course images */
    #course-images { float: right; margin: 0 0 10px 10px; width: 50%; }

/* Instructors */
.instructors { list-style: none; margin-left: 0; overflow: hidden; padding-left: 65px; }
.instructors img { float: left; margin: 3px 0 0 -65px; width: 50px; }
.instructors li { clear: both; margin-bottom: 15px; }
.instructors p { margin: 0; }
.instructors .title { font-weight: bold; }

/* Iframes */
.iframe-container { height: 0; overflow: hidden; padding-top: 30px; position: relative; }
.iframe-container iframe { left: 0; height: 100% !important; position: absolute; top: 0; width: 100% !important; }

/* Intro */
.intro { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; font-size: 21px; font-weight: 300; min-height: 600px; }
.intro .action { font-size: 1em; }
.intro h1 { color: var(--primary-color); font-size: 40px; font-weight: bold; margin-bottom: 0.2em; }
.intro, .intro a { color: #fff; }
.intro-content { padding-top: 134.5px; }
.intro-overlay { background-color: var(--secondary-color); padding: 30px 40px 10px; width: 85%; opacity: 0.8; }


/* Lists */
.list {clear:both;margin:0 0 2em;}

/*.list_row {padding:0;padding-top:1em;}*/
.list_row > li {margin:1.5em 1em 1.5em 0;display: table;border-collapse: collapse;width: 100%;}
.list_row > li:first-child {margin-top: 0;}
.list_row .inner {display: table-row;text-decoration:none;}
.list_row .li-img {display: table-cell;vertical-align: middle;width: 20%;padding-right: 1.5em;padding-top:1em;padding-bottom:1em;}
.list_row .li-img img {display: block;width: 100%;height: auto;-moz-border-radius:4px;border-radius:4px;}
.list_row .li-text {display: table-cell;vertical-align: middle;width: 70%;}
.list_row .li-head{margin-bottom:.25em;font-size:1.5em;font-weight:normal;text-decoration:none;}
.list_row .li-summary {display: block;color:#333;margin-bottom:.25em;font-size:1em;}
.list_row .li-action {margin: 0;text-decoration:none;}
.posted_info {display:block; font-size:.9em; margin-bottom:1em; color:#333;}
.list_row .author {display:block; font-style:italic;color:#999;}
.list_row > li.clear_even,.list_row > li.clear_third,.list_row > li.clear_fourth, .list_row > li.clear_fifth {width:100%;display:none;margin:0;}

/* Maps */
.geo { display: none; }

    /* Mapped results */
    #map-mini #map { border: 1px solid #ccc; height: 250px; margin-bottom: 20px ; }
    #mapped-results #map { border: 1px solid #ccc; border-bottom-right-radius: 6px; border-top-right-radius: 6px; float: right; height: 500px; width: 79%; }
    #mapped-results #map, #mapped-results .results { margin-bottom: 20px; }
    
    #mapped-results .results {
        border: 1px solid #ccc;
        border-bottom-left-radius: 6px;
        border-top-left-radius: 6px;
        float: left;
        font-size: 0.9em;
        height: 470px;
        line-height: 1.3;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 15px 1%;
        width: 18.5%;
    }
    
    #mapped-results .results ol { list-style: none; margin: 0; }
    #mapped-results .results ol li { clear: both; margin-bottom: 15px; overflow: hidden; padding-left: 32px; }
    #mapped-results .results ol h2 { font-size: 16px; }
    #mapped-results .results ol h2, #mapped-results .results ol p { font-weight: normal; margin: 0; }
    #mapped-results .results .marker { float: left; margin-left: -32px; }
    #mapped-results .results .thumb { float: left; margin: 3px 10px 0 0; width: 44px; }

    /* Map Label*/
    .map-label li {
        display: inline;
        font-size:14px;
        border: 0.5px solid lightgray;
        padding: 0.5em;
    }

    .map-label ul {
        list-style: none;
        margin: 0;
    }

#map {
    height: 400px; /* The height is 400 pixels */
    width: 100%; /* The width is the width of the web page */
    margin-bottom: 1.5em;
}
        /* Window contents */
        #info-window-content { background-color: #fff; }
        #info-window-content .desc-content { font-size: 12px; }
        #info-window-content h3 { font-size: 1.5em; line-height: 1.2; }
        #info-window-content p { font-size: 1.2em; }
        #info-window-content .thumb { float: left; margin: 3px 10px 0 0; width: 44px; }


/* Muted text */
.mute { color: #7f7f7f; font-size: 14px; font-weight: normal; }

/* Navigation */
#nav { background: var(--primary-color); font-size: 19px;}
#nav a { color: #fff; padding: 0.3em 0.7em; }
#nav-content {font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; font-size:14px; }
#nav > #nav-content > ul > li > a {display:inline-block; margin-bottom: .5em; margin-top:.5em;}
#nav .current { font-weight: bold; }
#nav li.current > a { background: #fff; border-radius: 4px; color: #000; }
#nav li { display: inline-flex; }
#nav ul { list-style: none; margin: 0; }

    /* Secondary */
    #nav-secondary { border-top: 1px solid #dcdcdc; font-size: 22px; margin-bottom: 30px; }
    #nav-secondary a { display: block; padding: 0.5em 0; }
    #nav-secondary h3 { display: none; }
    #nav-secondary li { border-bottom: 1px solid #dcdcdc; margin: 0; }
    #nav-secondary li.current { padding: 0.5em 0; }
    #nav-secondary li.current a { border: 0; display: inline; padding: 0; }
    #nav-secondary li.current > a { color: #000; font-weight: 600; }
    #nav-secondary li:last-child a { border-bottom: 0; }
    #nav-secondary ul { list-style: none; margin: 0; }
    #nav-secondary ul h3 { display: none; }
    #nav-secondary ul ul { font-size: 18px; margin: 0.25em 0 0.5em 1.5em; }
    #nav-secondary ul ul li { border: 0; }
    #nav-secondary ul ul li.current { padding: 0; }

    /* Opened */
    #nav-secondary.open { max-height: none; }
    #nav-secondary.open li { float: left; margin: 0 0 0.5em 0; width: 33.33%; }
    #nav-secondary.open ul { background: rgba(255, 255, 255, 0.2); clear: both; box-shadow: 0 5px 16px rgba(0, 0, 0, 0.07); margin-bottom: 20px; overflow: hidden; padding: 40px 60px; }
    #nav-secondary.open ul a { display: block; overflow: hidden; padding-right: 1em; text-overflow: ellipsis; white-space: nowrap; }
        
        /* Tertiary */
        #nav-tertiary { font-size: 20px; font-weight: 300; list-style: none; margin-left: 0; }
        #nav-tertiary .current a { color: #000; font-weight: bold; }
        #nav-tertiary li { margin-bottom: 0.5em; }

    /*Hover Navigation*/
    #hover-nav .dropdown { position: relative; display: inline-block;}
    #hover-nav .dropdown-content { display: none;  width: 300px; top: 100%; background-color: var(--primary-color); position: absolute; left: -1px; z-index: 3; }
    #hover-nav > li { padding-left: .25em; padding-right: .25em; border-right: 1px solid var(--primary-color); }
    #hover-nav .dropdown-content li { display: block; }
    #hover-nav .dropdown-content a { display: block; padding: .5em; }
    #hover-nav .dropdown:hover { background-color: var(--primary-color); }
    #hover-nav .dropdown:hover .dropdown-content {display: block; }
    #hover-nav .dropdown-content li:hover { background-color: var(--primary-color); }

/* News */
    
    /* News List */
    .news .mute {font-size: 1em;}
    .news-link {font-size: 1.5em;}
    .news .posted_info {margin-bottom: 0;}
    .mobile-image{display:none;}
    .mobile-image img { max-width:50%;-moz-border-radius:4px;border-radius:4px; margin-bottom:.5em; margin-top:.5em;}
    @media only screen and (max-width:640px) {.news .li-img {display:none;} .news .mobile-image {display:block;}}

    /* News mini */
    .news-mini { list-style: none; margin-left: 0; }
    .news-mini li { margin-bottom: 1em; }
    .news-mini a { font-weight: 600; margin-right: 0.5em; }
    .news-mini .mute { white-space: nowrap; }

/* News Details */
.news-details { font-size: 14px; font-weight: normal; margin-top: 0.5em;}

/* Notification */
#notification { color: white; align-items: center; text-align: center; width: 100%; font-size: larger; background-color: var(--secondary-color); }
#notification a { text-decoration: underline; }
#notification .content * { margin: 1em 0; }

/* Paging */
.pages, .pages ul { clear: both; float: none; font-size: 16px; list-style: none; margin: 50px 0 30px; text-align: center; }
.pages li { display: inline; margin: 0 10px 0 0; }

/* Profiles */
#profile-photo { float: right; margin: 0 0 20px 20px; width: 35%; }
.title {color: #7f7f7f; font-size: 1.5em; font-weight: normal; margin-bottom: 0;}
.location {margin-bottom: 0;}
.location span {display:block;}

/* Progress navigation */
.progress { font-size: 18px; list-style: none; margin: 1em 0 2em; text-align: center; white-space: nowrap; }
.progress, .progress a { color: #b0b0b0; }
.progress li { display: inline; margin-right: 10px; }
.progress li.current { color: #000; font-weight: bold; }
.progress .step:after { content: ". "; }

/* Search results */
#gcs .gsc-cursor-box { font-size: 16px; text-align: center; }
#gcs .gsc-result .gs-title { overflow: visible; }
#gcs .gs-result .gs-title { font-size: 20px; height: auto; }
#gcs .gs-result .gs-title * { font-size: 1em; }
#gcs .gs-result .gs-title, #gcs .gs-result .gs-title * { text-decoration: none; }
#gcs .gs-result .gs-title:hover { text-decoration: underline; }

#gcs .gsc-above-wrapper-area,
#gcs .gsc-control-cse,
#gcs .gsc-thumbnail-inside,
#gcs .gsc-url-top,
#gcs td {
    padding: 0;
}

#gcs .gsc-control-cse .gsc-table-result { font-size: 16px; }
#gcs .gsc-control-cse, #gcs .gsc-webResult.gsc-result, #gcs td { border: 0; }
#gcs table { margin: 0; }

/* Sharing */
.sharing { clear: both; margin-top: 30px; }

/* Skip */
#skip { left: -9999px; position: absolute; }

/* Toggling options */
.closed { display: none; }

/* Viewing options */
.view { margin-bottom: 1em; }
.view .current { font-weight: bold; }
.view li, .view p { margin-right: 0.7em; white-space: nowrap; }
.view li, .view p, .view ul { display: inline; }
.view ul { list-style: none; margin: 0; }
.visuallyhidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }

/* Widgets */
.widget-grid li {text-align: center;}
.widget-grid li div {max-width:500px; margin:auto;}
.facebook-widget > div {min-height: 675px;}
    /*default twitter widget styles, mimic widget footer but only inlude the view on twitter link*/
    .timeline-Footer {padding: 15px;font-size: 12px;}
    .u-floatRight {float: right !important;}
    .timeline-Footer a {color: #2b7bb9;text-decoration: none;}
    .u-cf:after, .u-cf:before {content: " ";display: table;}
    .u-cf:after {clear: both;}


/* CUSTOM CSS */

#page-container {
    padding-top:115px;
    overflow-y:hidden;
    margin-top:-1px;
}

#main-header {
    top:36px;
}


/* Home Hero */
.home-hero {
    background-image: linear-gradient(180deg,rgba(49,62,71,0.41) 0%,rgba(49,62,71,0.44) 100%),url(/content/images/home-hero.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 381px;
    text-align: center;
}

.home-hero > .intro {
    position: relative;
    height: 381px;
}

.home-hero > .intro > .text {
    left: 50%;
    position: absolute;
    top: 200px;
    transform: translate(-50%, -50%);
}
    
.home-hero h1 {
    color: #fff;
    font-family: 'Prata',Georgia,"Times New Roman",serif!important;
    font-size: 46px;
    font-weight: 500;    
    line-height: 1em;
    margin-bottom: 0.2em;    
}

.home-hero p {
    color: #fff;
    font-size: 14px; 
    font-weight: 400;
}

.home-hero .hero-button {
    background-color: #59abe3;
    background-cover: 50%;
    background-size: cover;
    border: 2px solid;
    border-radius: 3px;
    display: inline-block; 
    font-family: 'Roboto Slab',Georgia,"Times New Roman",serif!important;
    font-size: 17px;
    line-height: 1.7em;
    margin-top: 20px;    
    padding: .3em 1em;
    position: relative;
    transition: all .2s;
}

.slick-list {height:381px!important; }

/* Home Features */
#home-features {
    background-color: #fff;
    padding: 62px 0 90px;
}

.home-features-row {
    display: flex;
    margin: auto;
    max-width: 1080px;
    position: relative;
    width: 80%;
}

.home-features-col {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-flex;
    margin-bottom: 30px;
    padding: 0 2.25%;
    position: relative;
    width: 45%;
    z-index: 2;
}

.home-module {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
    margin-bottom: 30px;
    padding: 30px;
}

.home-module .module-content {
    margin: 0 auto;
    max-width: 550px;
    position: relative;
    text-align: center;
}

.home-module img {
    display: inline-block;
    margin-bottom: 30px;
    max-width: 100%;
}

.home-module .blurb {
    text-align: left;
}

.home-module h4 {
    font-size: 18px;
    padding-bottom: 14px;
}

.home-module p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7em;
    margin: 0;
    padding-bottom: 1em;
}

.home-module a {
    font-weight: 700;
}



/* PRE-FOOTER */

.preFooter {
    background-image: linear-gradient(180deg,rgba(46,60,68,0.37) 0%,rgba(49,62,71,0.42) 100%),url(/content/images/prefooter-bg.jpg) !important;
    background-position: 50%;
    background-size: cover;
    margin-top: -6px;
    min-height: 432px;
}

.inside-divider {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDdweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik02NDAgMTQwTDEyODAgMEgweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik02NDAgOThsNjQwLTk4SDB6Ii8+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size:100% 107px;
    height:107px;
    top:0;
    z-index:10;
}


.preFooter-block {
	margin: auto;
	max-width: 1080px;
	padding: 2% 0;
	position: relative;
	width: 80%;
}

.preFooter-row {margin-top:115px; }

.preFooter .col1 {
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	float: left;
	min-height: 1px;
	position: relative;
	width: 47.25%;
	z-index: 2;
}

.preFooter .col2 {	
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	float: right;
	margin-top: 27px;
	min-height: 1px;
	position: relative;
	width: 47.25%;
	z-index: 2;

}

.preFooter .col1 h2 {
    color: #fff;
    font-family: 'Prata',Georgia,"Times New Roman",serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.3em;
}

.preFooter-button {
    border: 2px solid;
    border-color: rgba(12,113,195,0.4);
    border-radius: 0px;
    border-width: 2px!important;
    color: #59abe3!important;
    float: left;
    font-size: 14px;
    font-weight: 700!important;
    letter-spacing: 4px;
    padding:15px;
    position: relative;
    text-align: center;
    text-transform: uppercase!important;
    transition: all 300ms ease 0ms;
}

#main-footer {
	background-color: #22303f;
}

.container {
	margin: auto;
	max-width: 1080px;
	position: relative;
	text-align: left;
	width: 80%;
}

#footer-widgets {
	padding: 6% 0 0;
}

.footer-widget {
    color: #fff;
    float: left;
    margin: 0 5.5% 5.5% 0;
    width: 29.667%;
}

.footer-widget h4 {
    color: #59abe3;
    font-family: Open Sans,Arial,sans-serif;
    font-size: 18px; 
}

.footer-widget p {
    font-family: Open Sans,Arial,sans-serif;
    font-size: 14px; 
}

#footer-bottom {
	background-color: #24252a;
	float: left;
	padding: 15px 0 5px;
	width: 100%;
}

#footer-bottom .social-icons {
	float: right;
}

#footer-bottom ul.social-icons {
    	margin-bottom: 0;
}

#footer-bottom .social-icons li {
	display: inline-block;
	margin-left: 20px;
}

#footer-bottom .social-icons a {
	color: #b2b2b2;
	display: inline-block;
	font-size: 24px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-in-out;
}


.social-icons span {
	display: none;
}

.social-icons fa {font-size: 1.25em; }

#footer-info {
	color: #b2b2b2;
	float: left;
	font-size: 12px;
	padding-bottom: 10px;
	text-align: left;

}


/* Widths
=====================================================================*/
@media screen and (max-width: 1300px) {
    /* Features */
    .feature .overlay { bottom: 20px; }
    .subfeatures { margin-top: 0; }
}

@media screen and (max-width: 1020px) {
    /* Features */
    .feature .overlay { border-bottom: 1px solid #ddd; position: static; padding: 0; }
    .feature .overlay h1 { font-size: 30px; }
    
    /* Header */
    #account { float: none; margin-bottom: 1em; text-align: left; }
    #header-secondary { padding: 0; }
    
    /* Forms */
    #site-search { width: auto; }
}

@media screen and (max-width: 880px) {
    /* Content */
        /* Features */
        .subfeatures { -ms-flex-wrap: wrap; flex-wrap: wrap; }
        .subfeatures li { margin-bottom: 20px; width: 48%; }
}

@media screen and (max-width: 880px) {
    /* Basics */
    h1 { font-size: 30px; }
    
    /* Layout */
    .c2l, .c2r, .c3l, .c3m, .c3r, #content #content-primary, #content #content-secondary, #content-primary, #content-secondary { float: none; padding: 0; width: auto; }
    #content-wrapper { padding: 20px; }
    .content, #main .content { padding: 20px 15px; }
    #notification .content {padding: 0 1em;} 
    
    /* Content */
        /* Action buttons */
        .action { display: block; margin-bottom: 0.5em; text-align: center;}
        /*fix so buttons have non-mobile display in the tinymce viewer*/
        .mce-content-body .action {display: inline-block; margin: 0; text-align: initial; }
        
        /* Age groups */
        .age-groups { display: block; font-size: 14px; }
        .age-groups a { background: none; display: flex; }
        .age-groups .image { width: 20%; }
        .age-groups img { position: static; }
        .age-groups li { box-shadow: none; margin-bottom: 1px; width: auto; }
        .age-groups .overlay { background: #3d893f; align-items: center; display: flex; position: static; width: 80%; }
        
        /* Alert */
        #alert { font-size: 16px; }
        
        /* Banner */
        .banner { margin-bottom: 20px; }
        .banner .credit { float: none; margin: 0 0 0.3em; }
        
        /* Body */
        .body { padding: 0; }
        
        /* Calendar */
        .calendar .date { display: block; float: none; font-weight: 600; margin: 0; width: auto; }
        .calendar .date .weekday { display: inline; }
        .calendar dd, .calendar dt { padding-left: 0; }
	.calendar li {padding: 30px 20px}
        
        /* Callouts */
        [class *= "call"], [class *= "pull"] { width: auto !important; }
        [class *= "pull"] { font-size: 16px; }
        .call, .call-l, .pull-l, .call-r, .pull-r { float: none; margin: 0 0 10px;}
        
        /* Directory search */
        .directory a { padding: 0 0 0 60px; }
        .directory li { margin-bottom: 20px; }
        .directory .thumb { margin: 3px 8px 0 -60px; width: 150px; }
        
        /* Features */
        .feature .content { padding: 20px; }
        .subfeatures { display: block; font-size: 14px; }
        .subfeatures a { background: none; display: flex; }
        .subfeatures .image { width: 20%; }
        .subfeatures img { position: static; }
        .subfeatures li { box-shadow: none; margin-bottom: 1px; width: auto; }
        .subfeatures .overlay { background: #3d893f; align-items: center; display: flex; position: static; width: 80%; }
        
        /* Footer */
        #copyright a { display: block; margin: 0; }
        #credit { float: none; text-align: center; padding-bottom: 5px; }
        #footer { line-height: 1.3; padding: 20px; text-align: center; }
        #footer .postal-code, #footer .region, #footer .street-address { margin-right: 0; }
	#footer .social { float: none; margin: auto; padding:0 0 5px; }
	#footer .tel { display: block; white-space: nowrap; padding: 0 2px;}
	
            /* Hours */
            #hours { float: none; margin-bottom: 20px; width: auto; }
            
            /* Sitemap */
            #sitemap { float: none; text-align: center; width: auto; }
            #sitemap > ul { display: block; }
            #sitemap > ul > li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 20px; padding-bottom: 15px; width: auto; }
            #sitemap > ul > li > ul { line-height: 1.75; }
            #sitemap > ul > li > ul > li { display: inline; margin-right: 1em; white-space: nowrap; }
        
        /* Forms */
            /* Colophon */
            #copyright li { display: block; margin-bottom: 0.5em; }
            .vcard .tel { display: block; font-size: 24px; margin-top: 0.4em; }
            
            /* Newsletter */
            #newsletter .action, #newsletter .txt { display: block; margin-bottom: 0.3em; width: 100%; }
            
            /* Search */
            #site-search { clear: both; padding-top: 15px; width: 100%; }
            #site-search .search { background: #fff; flex-wrap: wrap; }
            #site-search .search button { background: #3d893f; border-radius: 0 4px 0 0; color: #fff; display: block; margin: 0; order: 2; text-align: center; width: 100%; }
            #site-search .search-category { border-right: 0; border-top: 1px solid #ddd; flex: none; font-size: 16px; order: 3; text-align: center; width: 100%; }
            #site-search .search-category li { margin: 0 0.5em; padding: 0.9em; width: 50%; }
            #site-search .search-category li:first-child { border-right: 1px solid #ddd; }
        
        /* Grids */
        [class*="grid"] li { float: none; margin-right: 0 !important; width: auto !important; }
        #header { background: #fff; padding: 0px; }
        
        /* Header */
        #account, #nav-primary, #site-search, #subnav { display: none; }
        #header .content { display: block; overflow: hidden; padding: 10px 15px; }
        #header-nav { display: none; }
        #header .social { display: none; }
        #header-primary { flex: none; float: left; padding: 0; width: 40px; }
        #header-secondary { flex: none; padding: 0; }
        #logo img {padding:1em; width: 92% }
        #nav-compact { float: right; display: block; }

        /* Intro */
        .intro { font-size: 1em; min-height: 0; }
        .intro h1 { font-size: 25px; }
        .intro-overlay { padding: 20px; width: auto; }


        /* Maps */
        /* Mapped results */
        #mapped-results #map {
            border-radius: 6px;
            float: none;
            height: 300px;
            width: auto;
        }

        #mapped-results .results {
            display: none;
        }

        /* Map Label*/
        .map-label li {
        	font-size:12px;
        	display: inline-flex;
        }

        /* Navigation */
        #menu {
            background: var(--primary-color);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            display: none;
            font-size: 16px;
            overflow: scroll;
            position: absolute;
            right: -400px;
            top: 0;
            width: 250px;
            z-index: 1000;
        }

            #menu a { color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: block; padding: 0.8em 1.1em; }
            #menu a:hover { text-decoration: none; }
            #menu li { margin: 0; }
            #menu li.current { background: #fff; }
            #menu li.current > a { color: #000; font-weight: bold; }
            #menu ul { list-style: none; margin: 0; }
            #menu ul ul a { border-bottom: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); color: #2e57bf; }
            #menu ul ul li.current a { color: #000; }

            /* Lists */
            .nav-list { border: 1px solid #dcdff3; border-radius: 6px; font-size: 16px; margin-bottom: 15px; overflow: hidden; padding: 0; }
            .nav-list a { background: #fff; display: block; border-bottom: 1px solid #dcdff3; margin: 0; padding: 0.7em 10px; }
            .nav-list li { margin: 0; }
            .nav-list ul:last-of-type li:last-child a { border: 0; }
            .nav-list h3 { border-bottom: 1px solid #dcdff3; margin: 0; padding: 1.5em 10px 0.7em; }
            .nav-list ul { list-style: none; margin: 0; }
    
            /* Nav toggle */
            #nav-toggle { background: var(--primary-color); color: #fff; display: block; font-size: 16px; font-weight: bold; padding: 0.5em 0; text-align: center; text-transform: uppercase; }

            #nav-combined { background: #3d893f; color: #fff; list-style: none; margin: 0 0 40px; padding: 20px; }
            #nav-combined a { color: #fff; }
            #nav-combined > li { margin: 0; }
            #nav-combined > li > a { border-bottom: 1px solid rgba(255, 255, 255, 0.3); display: block; padding: 0.5em 0; }
            #nav-combined > li:last-child > a { border-bottom-width: 0; }
            #nav-combined > li.current { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
            #nav-combined > li.current > a { border: 0; font-weight: bold; }
            #nav-combined > li.current > a + ul { margin-top: 0; }
            #nav-combined ul { margin: 0.5em 0 0 1em; }
        
            #nav-secondary, #nav-tertiary, #nav-secondary-title { display: none; }

        .translate { background: inherit; text-align: inherit; }


}

/* CUSTOM MEDIA QUERIES BY JACK */

@media screen and (max-width: 980px) {
    .footer-widget {margin: 0 2.5% 5.5% 0; width: 46.25%; }
}

@media screen and (max-width: 800px) {
    .home-hero h1 {font-size: 36px; }
}

@media screen and (max-width: 769px) {
    .footer-widget {float: left; width: 100%; }
    .home-features-row {display: inherit;}
    .home-features-col {display: inline-block; width: 100%; }
    .preFooter .col1 {width: 100%; }
    .preFooter .col2 {width: 100%; }
}

@media screen and (max-width: 640px) {
     /*Profiles */
     #profile-photo { float: none; margin: 0; width: 67%; max-width: 300px; }
     .title {font-size: 1.25em;}     
     .home-hero > .intro > .text {width: 80%; }
     .preFooter .col1 h2 {font-size:40px; line-height:1.25em;}
}

@media screen and (max-width: 430px)
{
    /* Features */
    .features > li { margin-bottom: 20px; overflow: hidden; padding-left: 0px; }
    .features .thumb { border: 1px solid #f1f1f1; box-sizing: border-box; float: none; margin-left: 0px; }
    
    /*Profiles */
    .directory .thumb { margin: 3px 8px 0 -60px; width: 125px; }
    .home-hero h1 {font-size: 30px; }
    .preFooter {min-height:300px; }
    .preFooter .col1 h2 {font-size:30px; line-height:1.25em; }
    .preFooter .col2 {line-height:1.25em; margin-top:0; }
    .preFooter-button {font-size:12px; }
}