/*-----------------------------------------+
 | Site: Chicago Laborers District Council |
 | 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: #f69408; 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: #0e5282; 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; }
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:#f69408 !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, #header-content, #intro-content, #nav-content, #temporary-content { margin: 0 auto; max-width: 1010px; }
/*#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-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: #f69408;
    border: 0;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    padding: 0.5em 1em;
}

.category-action {
    -webkit-appearance: none;
    background: #f69408;
    border: 0;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    padding: 0 0.1em;
    margin-left: 0.2em;
}


.translate {
    background: #A49794;
}

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

/* Age groups */
.age-groups { display: -ms-flexbox; display: flex; font-size: 19px; font-weight: bold; -ms-flex-pack: justify; justify-content: space-between; list-style: none; margin: 40px 0; }
.age-groups a { background: #fff; color: #fff; display: block; }
.age-groups 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; }
.age-groups a:hover * { opacity: 0.7; }
.age-groups img { display: block; width: 100%; }
.age-groups li { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); position: relative; width: 30.99%; }
.age-groups .overlay { background: rgba(61, 137, 63, 0.8); bottom: 0; box-sizing: border-box; left: 0; padding: 0.7em 1em; position: absolute; width: 100%; }

    /* Colors */
    .age-groups .adults .overlay { background: rgba(234, 114, 37, 0.8); }
    .age-groups .children .overlay { background: rgba(255, 200, 47, 0.8); }
    .age-groups .young .overlay { background: rgba(178, 35, 115, 0.8); }

/* 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; width: 100%; font-size: larger; background-color: #fef5c6; background-image: url('/Content/images/spinutech-header.png') }
.stagebanner a { color:white;}

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

/* Calendar */
.calendar { overflow: hidden; }
.calendar .date { float: left; margin: 0 0 1em -160px; width: 150px; }
.calendar .date .weekday { display: block; }
.calendar dd { margin-bottom: 0.7em; }
.calendar dd, .calendar dt { padding-left: 160px; }
.calendar dt { border-top: 1px solid #ddd; clear: both; font-weight: normal; margin: 0; padding-top: 0.7em; }
.calendar p { margin: 0; }
.calendar .title { font-weight: bold; }

	/* Grid */
    #calendar .fc-day-grid-event { padding: 0.2em 0.4em; }
    #calendar .flag { border: 0; letter-spacing: 0; text-transform: none; }
    #calendar .flag-children { color: #000; }
    #calendar table { margin: 0; }
	
	/* Mini */
	.calendar-mini { margin-bottom: 2em; }
    .calendar-mini dt { font-weight: 600; }
    .calendar-mini p { margin: 0; }
    
    /* Monthly view */
    .fc-header td { border: 0; }
    
    /* Switcher */
	#cal-nav { float: right; margin: 0 0 10px ; white-space: nowrap; }
	#cal-nav li { background: none; display: inline; margin: 0 0 0 1em; padding: 0; }
	#cal-nav li.active a { color: #58595b; font-weight: bold; }

/* 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; }

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

/* 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 #f69408; 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 .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; }

/* 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; width: 100%; }
    
    /* Navigation */
    #header-nav { clear: right; float: right; list-style: none; margin: 0; text-align: right; margin-left: auto; display: flex; align-items: center;}
    #header-nav li { display: inline; margin-left: 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: #f69408; }
.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: #f69408; font-size: 40px; font-weight: bold; margin-bottom: 0.2em; }
#intro, #intro a { color: #fff; }
#intro-content { padding-top: 134.5px; }
#intro-overlay { background: url(/content/images/intro-overlay.png); padding: 30px 40px 10px; width: 85%; }


/* Liuna */
#liuna-container { border: 1px solid #dbd8d0; padding-bottom: 1em; }
.liuna-logo { float: left; }
.liuna-details { text-align: center; padding: 1.5em 0.5em 1em;  }
.liuna-link { font-size: 20px; }
.liuna-nonlink { font-size: 16px; }


/* 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;
    }


    
        /* 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: #f69408; font-size: 19px; padding: 10px 20px; }
#nav a { color: #fff; padding: 0.3em 0.7em; }
#nav .current { font-weight: bold; }
#nav .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; }
/* News */
.news dt { font-weight: 600; }

    /* 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 { background: #ffc; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); font-size: 20px; position: relative }
#notification a { text-decoration: underline; }
#notification .content * { margin: 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: 30%; }

/* Recommendations */
.recommendation-feature .author, .recommendations .author { font-size: 14px; margin: 1em 0; overflow: hidden; padding-left: 60px; }
.recommendation-feature .author .mute, .recommendations .author .mute { display: block; font-style: italic; }
.recommendation-feature .author .thumb, .recommendations .author .thumb { float: left; margin: 3px 0 0 -60px; width: 50px; }
.recommendation-feature .thumb { float: right; margin: 0 0 10px 10px; }
.recommendation-feature .thumb img { display: block; width: 100%; }
.recommendations dd, .recommendations dt { padding-left: 220px; }
.recommendations dt { clear: both; font-size: 24px; font-weight: 600; padding-top: 30px; }
.recommendations dt .thumb { float: left; margin: 5px 0 0 -220px; width: 200px; }
.recommendations dt .thumb img { width: 100%; }
.recommendations p { margin: 0; }

/* 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; }


/* 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: 26px; }
    
    /* 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; }
    
    /* Content */
        /* Action buttons */
        .action { display: block; margin-bottom: 0.5em; text-align: center; width: 100%; }
        
        /* 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; }
        
        /* 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 0 0 -60px; width: 50px; }
        
        /* 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; }
        #footer { line-height: 1.3; padding: 20px; text-align: center; }
        #footer .postal-code, #footer .region, #footer .street-address { margin-right: 0; }
        #footer .tel { display: block; white-space: nowrap; }
        
            /* 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; }
        #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: #f69408;
            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: #f69408; 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; }
        
        /* Recommendations */
        .recommendation-feature .author, .recommendations .author { font-size: 12px; padding-left: 40px; }
        .recommendation-feature .author .mute, .recommendations .author .mute { font-size: 1em; }
        .recommendation-feature .author .thumb, .recommendations .author .thumb { margin-left: -40px; width: 30px; }
        .recommendations dd, .recommendations dt { padding-left: 0px; }
        .recommendations dt { font-size: 20px; line-height: 1.2; }
        .recommendations dt .thumb { float: right; margin: 5px 0 10px 10px; width: 30%; }

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


}


@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; }
}