@charset "utf-8";

@media (min-width: 576px) { } /* sm */
@media (min-width: 768px) { } /* md */
@media (min-width: 992px) { } /* lg */
@media (min-width: 1200px) { } /* xl */

html, body { background-color:#f0f2f5; }

/* Fonts */
@font-face { font-family: "RobotoRegular"; src: url("Roboto-Regular.ttf") format("truetype"); }
@font-face { font-family: "RobotoMedium"; src: url("Roboto-Medium.ttf") format("truetype"); }
@font-face { font-family: "RobotoLight"; src: url("Roboto-Light.ttf") format("truetype"); }
@font-face { font-family: "RobotoBlack"; src: url("Roboto-Black.ttf") format("truetype"); }


/* Header section and nav *******************************************************************************************************/
.header { background:#000; }
.header .nav-item { padding:0; margin:0; text-align:center; }
.header .nav-link { font-family:RobotoRegular, Arial, sans-serif; color:#FFF !important; font-size:16px; line-height:20px; text-transform:uppercase; border-bottom:4px #000000 solid; }
.header .navbar-toggler { padding-top:30px; }
.header .navbar-brand img { height:70px; }
.header .top-nav { position:absolute; top:0; left:0; right:0; z-index:10; }
.header .top-nav a { margin-left:20px; color:#CCC; }
.header .nav-link:hover { border-bottom:4px #FFCC00 solid; background-color:#333; transition:background-color 0.2s ease; }
@media (min-width: 768px) {
	.header .navbar-brand img { height:100px; }
	.header .navbar-nav { padding-top:40px; }
	.header .nav-link.active { border-bottom:4px #FFCC00 solid; background-color:#333; }
}


/* Side menu *******************************************************************************************************/
.side-menu { margin-bottom:25px; }
.side-menu .nav { background:#F5F5F5; border:#CCC 1px solid; }
.side-menu .nav-item { padding:0; margin:0; width:100%; font-family:RobotoMedium; }
.side-menu .nav-link { padding:8px; margin:0; display:block; width:100%; }

@media (min-width: 992px) { 
	.side-menu { border-right:1px solid #CCC; }
	.side-menu .nav { background:none; border:none; padding-right:15px; }
	.side-menu .nav-link { padding:5px 8px 5px 8px; margin:0 0 5px 0; display:block; width:100%; }
	.side-menu .nav-link.active, .side-menu .nav-link.active:hover { background-color:rgba(211, 112, 35, 1); color:#FFF; }
	.side-menu .nav-link.disabled { color:#999; }
	.side-menu .nav-link:hover { background:#e4e6e8; }
}


/* Footer section *******************************************************************************************************/
.footer { background-image:url(../images/footer-background.jpg); background-repeat:no-repeat; background-size:cover; background-position:center; }
.footer * { color:#CCC !important; }
.footer p { margin-bottom:5px; }
.footer h3 { font-size:18px; }
.footer a:hover { color:#FFF; }
.footer-legal * { font-size:12px; }


/* Misc *******************************************************************************************************/
.main-content { padding-top:20px; padding-bottom:20px; }
@media (min-width: 768px) { .main-content { min-height:600px; } }

.video-wrapper { position:relative; padding-bottom:56.25%; height:0; }
.video-wrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.member-name:hover { cursor:help; }

.date-picker { cursor:pointer; width:150px; background:#FFF !important; }