#ccm-panel-dashboard .nav { display:block; }
.footer-login {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../img/concretelogin.png) no-repeat top;
    background-size: auto;
    background-size: contain;
    margin-bottom: -3px;
	margin-right:4px;
}

@media screen and (max-width: 991px) { 
.container { max-width:none !important; padding-left:30px; padding-right:30px; }
}
@media screen and (max-width: 576px) { 
.container { padding-left:15px; padding-right:15px; }
}
@media screen and (min-width: 768px) and (max-width: 864px) { 
.header-nav { font-size:84%; }
}

/* IMAGE FULL BACKGROUND */
.img-full-background { position:absolute; height:100vh; width:100vw; background-size:cover; background-position:center; z-index:-1; }

.header { position:relative; }
.header-background { position:absolute; background:#001540; height:100%; width:100%; }
.header-background .img-full-background { height:100%; width:100%; z-index:0; }
.header-logo { max-width:10em; }
.ccm-edit-mode .header-logo { max-width:30em; }
.header-logo > img, .header-logo > a  { padding:.75em 1em 1em .2em; display:block; }
.header-nav { position:absolute; top:1.5em; right:.2em; }
.ccm-page .header-nav .nav > li { width:auto; padding:.5em; }
.ccm-page .header-nav .nav > li a { color:rgb(1,159,188 ); color:#f5fb81; text-decoration:none; transition:all .4s ease; }
.ccm-page .header-nav .nav > li a:hover { color:rgb(255,255,255 ); }
.header-title { font-family: 'EB Garamond', serif; }
.ccm-page .header-title h1 { color:#fff; font-size:5em; font-weight:normal; padding:.0 0 .15em 0; margin-top:-.2em; }
				
.ccm-edit-mode .header-background { position:relative; }
.ccm-edit-mode .header-background .img-full-background { position:relative; }
.ccm-edit-mode .header-nav { position:relative; }
.header-title ~ .header-banner { display:none; }

.login-logout { position:absolute; width:100%; top:0; }
.ccm-edit-mode .login-logout { position:relative; top:unset; }
.login-logout-link { display:flex; justify-content:flex-end; position:relative; z-index:2; }
.login-logout-link p { margin:0; padding:.2em .8em .4em; font-size:.7em; border-radius:0 0 .5em .5em; background:rgba(0,0,0,.24); color:#fff; }
.login-logout-link a { color:inherit; }

.homepage-wrapper {}
.homepage-content { display:flex; flex-wrap:wrap; align-content:center; min-height:100vh; padding-bottom:20vh; }
.homepage-content .row { align-items:center; }
/*.homepage-logo {}
.homepage-logo > div {}
.ccm-page .homepage-logo img { width:40vw; min-width:225px; max-width:350px; padding:0 2rem 2rem 0; }*/
.homepage-login { }
.ccm-page .homepage-login picture { display:block; width:40vw; max-width:380px; min-width:250px; margin:0 auto; }
.ccm-page .homepage-login img { padding:2rem; }
.homepage-login > div { }

.admin { padding:.5em 1em; background:#ccc; color:#000; display:block; margin:.5em 0; font-size:.9em; }
.admin-only-area { padding:.5em 1em; background:#ccc; color:#000; display:block; margin:.5em 0; font-size:.9em; }
.admin-alert { background:#f00; color:#fff; margin:0; }

.lock-unlock { position:absolute; right:0; top:48px; font-size:1.5rem; color:#fff; z-index:99999 }
.locked { background:#f00; padding:0rem .5rem; }
.unlocked { background:#0C0; padding:0rem .5rem; }

.ccm-page { }
.ccm-page img { max-width:100%; }

/*.ccm-page hr { padding-top:2em; padding-bottom:2em; }*/
.view-page-type { padding:4em; }

.ccm-page h1 { font-size:1.6em; line-height:1.1em; font-weight:700; color:rgb(54,0,24); margin-bottom:.1em; }
.ccm-page h2 { font-size:1.3em; line-height:1.1em; font-weight:700; color:rgb(54,0,24); }

.ccm-page h1 + h2 { margin-bottom:.75em; }

.ccm-page header { background:#001540; }
.frame-wrapper { position:fixed; width:100vw; display:flex; }
.ccm-edit-mode .frame-wrapper { position:relative; height:auto; }
.nav-panel { height:100%; width:25%; overflow:hidden; padding:3em 0 3em 2em; position:relative; }
.nav-panel > div { height:100%; overflow:scroll; border-right:1px solid #777; }
.nav-panel > div > div { padding-right:2em; }
.more-stuff { display:block; opacity:0; text-align:center; font-size:1.5rem; position:absolute; width:100%; padding-right:2em; color:#999; line-height:1; transition:all .4s ease; }
.more-stuff span { font-size:.65rem; display:block }
.more-stuff.more-stuff-show { opacity:1; }

.ccm-page .nav > li { width:100%; }

.content-panel { width:75%; overflow:scroll; }

.content-body, .individual-body { padding:3em; }
.default-body { padding-top:3em; padding-bottom:3em; }

#content-container { /*padding:3em;*/ overflow-y:scroll; /*margin-bottom:3em;*/ }
#content-container .content-body { /*padding:0 0 4em; padding:3em; */}
#content-container header, #content-container .nav-group { display:none; }
#content-container div.ccm-page { padding:0 !important; }

/* VIDEO POP */
/*#theBackground { position:absolute; left:0px; top:0px; background:#000000; width:2px; height:2px; z-index:10000; display:none; }
#theScreen { min-height:0 !important; position:fixed; left:0px; background:#f3f3f3; width:2px; height:2px; text-align:center; z-index:10001; display:none; padding:30px; box-sizing: border-box; text-align:center; }
#theContent { line-height:0; }
#closeScreen { width:60px; height:20px; font-size:10px; float:right; position:absolute; top:0px; right:0px; clear:none; text-transform:uppercase; z-index:10001; padding:10px; cursor:pointer; }';
#closeScreen:hover { color:#000000; }*/
.freezeScroll { overflow:hidden; }

.videopop-wrapper { margin:.5em 0 4em; }
.videopop-wrapper-multipart { margin-bottom:1.5em; }

.videopop-container { display:flex; line-height:1.3em; }
.videopop-container img { width:100%; }

.videopop-video { width:50%; max-width:500px; padding-right:.5em; }
.videopop-video a { display:block; border:1px solid #bbb; position:relative; }
.videopop-video a > span { position:absolute; height:100%; width:100%; left:0; background-color:rgba(32,64,135,.8); }
/*.videopop-wrapper-multipart .videopop-video a > span { background-color:rgba(32,64,135,.8); }*/
.videopop-video a > span > span { display:flex; justify-content:center; align-items:center; height:100%; }
.videopop-video a > span > span::after { content:"\f144"; font-size:4em; font-family:"FontAwesome"; color:rgba(255,255,255,.9); }

.videopop-info { width:50%; padding-left:.5em; }

.videopop-date { line-height:1em; margin-bottom:.2em; }
.videopop-wrapper-multipart .videopop-date { line-height:1.3em; font-weight:700; margin-bottom:.5em;  }
.videopop-wrapper-multipart .videopop-date span { margin:0 .5em; color:#999; font-weight:300; }

.videopop-title { font-size:1.5em; line-height:1.1em; color:rgba(54,0,24,1); font-weight:700; margin-bottom:.3em; }
.videopop-wrapper-multipart .videopop-title {  }



.videopop-button {}
.videopop-button a { background-color:rgba(54,0,24,1); display:inline-block; padding:.6em 1.7em; text-align:center; color:#fff; }
.videopop-button a:hover { background-color:rgba(32,64,135,1); color:#fff; text-decoration:none; }
/* END VIDEO POP */

/* FILE DOWNLOAD */
.ccm-block-filedownload { padding-right:2em; display:inline-block; position:relative; }
.ccm-block-filedownload > div { width:12em; height:16em; transition:all .7s ease; text-align:center; font-weight:600; letter-spacing:.02em; font-size:1em; }
.ccm-block-filedownload * { transition:inherit; }
.ccm-block-filedownload a { display:block; width:100%; height:100%; text-decoration:none; color:#fff; background-size:cover; background-position:50% 0; position:relative; }
.ccm-block-filedownload a:hover { color:#fff; text-decoration:none; }
.ccm-block-filedownload a > span { display:flex; align-items:center; justify-content:center; position:absolute; width:100%; height:100%; background-color:rgba(32,64,135,.8); }
.ccm-block-filedownload a > span.ccm-block-filedownload-nohover { background-color:rgba(32,64,135,.8); opacity:1; }
.ccm-block-filedownload a > span.ccm-block-filedownload-hover { background-color:rgba(54,0,24,.8); opacity:0; text-transform:uppercase; }


.ccm-block-filedownload a > span > span { font-size:.8em; }
.ccm-block-filedownload a:hover > span.ccm-block-filedownload-nohover { opacity:0 }
.ccm-block-filedownload a:hover > span.ccm-block-filedownload-hover { opacity:1 }


.filedownload-sibling-wrapper { white-space:nowrap; position:relative; margin:.75em 0 2em; }
.filedownload-sibling-wrapper > div { overflow:scroll; }
.filedownload-sibling-wrapper > div > div { position:relative; transition:left .4s ease; left:0; }

.filedownload-nextprev { position:absolute; top:50%; z-index:1; transform:translateY(-50%); font-size:4em; display:block; transition:all .4s ease; cursor:pointer; }
.filedownload-next { left:100%; transform: translateY(-50%) translateX(0%); opacity:0 }
.filedownload-prev { left:0%; transform:translateY(-50%) translateX(-100%); opacity:0 }

.filedownload-next.showme { transform:translateY(-50%) translateX(-50%); opacity:.8 }
.filedownload-prev.showme { transform:translateY(-50%) translateX(-50%); opacity:.8 }
/* END FILE DOWNLOAD */


/* BUTTON BLOCK */
.ccm-block-button { font-size:1.5em; display:inline-block; padding:.5em 1.5em; text-transform:uppercase; border-radius:.35em; color:#001540; background:rgb(1,159,188); background:#C1D52F; transition:all .4s ease; }
.ccm-block-button:hover { color:#001540; background:rgb(83,217,234); background:#ccc; text-decoration:none; }

.ccm-block-button.text-only-button { font-size:1em; color:#fff; padding:0; text-transform:none; background:none; margin:0; text-decoration:underline; }
.ccm-block-button.text-only-button:hover { color:#fff; text-decoration:underline; opacity:.7; }

.iframe-member-directory { width:100vw; height:100vh; border:none; margin:-3em; }
#ccm-account-menu-container { display:none; }

.mobile-navbutton, .header-nav-mobile { display: none; }

/*----================SCHEDULE================----*/
.schedule-header { background:rgb(242, 242, 242); color:#a4a4a4; padding:15px 25px; margin-bottom:10px; }
.schedule-header h1,
.schedule-header h2,
.schedule-header h3,
.schedule-header h4,
.schedule-header h5,
.schedule-header p { color:inherit; margin:0; }
.schedule_item { padding:15px 25px; margin:.5em 0; text-align:left; }
.schedule_item h5 { font-weight:700; }
/*----================END SCHEDULE================----*/

.form-inline .form-control { margin:0 .35em; }
.pagination li { padding-right:.25em; }


@media screen and (max-width: 576px) { 
.nav-panel { width:36%; padding:1em 0 .75em .5em; }
.nav-panel > div { padding-right:1em; }
.content-panel { width:64%; }
#content-container { padding:1em; }
.filedownload-sibling-wrapper { font-size:10px; }
.videopop-container { flex-wrap:wrap; }
.videopop-video { width:100%; }
.videopop-info { width:100%; padding-left:0; }
}

@media screen and (max-width: 767px) { 
.header-logo { max-width:8em; }
.ccm-page .header-title h1 { font-size:3em; }

.mobile-navbutton { display: block; position:fixed; top:.29em; z-index: 9999; right:.9em; font-size: 180%; color:#fff; padding:.25em; background:rgba(0,0,0,.5); border-radius:.2em; }
.openme { display:block; }
.closeme { display:none; }
html.mobilenav-open .mobile-navbutton { background:none; }
html.mobilenav-open { overflow:hidden; }/**/
html.mobilenav-open .openme { display:none; }
html.mobilenav-open .closeme { display:block; }
html.mobilenav-open .header-nav-wrapper { left:0; }

.header-nav { display:none; }
.header-nav-mobile { display:block; position:fixed; top:0; left:100%; height:100vh; width:100vw; background:#C1D52F; z-index:9999; transition:left .2s ease; padding:4em 2em 2em; }
.header-nav-mobile a { display:block; padding:1em; color:#fff; }
html.mobilenav-open .header-nav-mobile { left:0; }
}