@charset "utf-8";
/* CSS Document */

p, li {
	text-align: justify;
}

table, td, th { 
	border: 1px solid gray 
}

h1 {
    text-align: center;
}

td ul {
	margin-bottom: 0;
	padding-left: 2em;
}

ul+p {
	padding-top: 1em;
}

address {
	margin-bottom: 10px;
}

address ul {
	list-style-type: none;
	padding-left: 1.5em;
}

#schedule {
	width: 100%;
}

#schedule th, #schedule td, #tentative th, #tentative td {
	border: 1px solid black;
	border-collapse: collapse;
}

#schedule th:first-child, #schedule td:first-child {
	width: 1px;
	text-align: center;
}

#schedule th:nth-child(2), #schedule td:nth-child(2) {
	width: 1px;
}

#schedule th, #schedule td, #tentative th, #tentative td {
	padding: 4px;	
}

#tentative {
	margin-bottom: 1em;

.clearFloats {
	clear: both;
}

.center {
	text-align: center;
}

.center-children {
  margin: 0 auto;
}

/* Red */
$bgDefault      : #e74c3c;
$bgHighlight    : #c0392b;
$colDefault     : #ecf0f1;
$colHover       : #ffbbbc; 
/* Green * /
$bgDefault      : #2ecc71;
$bgHighlight    : #27ae60;
$colDefault     : #ecf0f1;
$colHover       : #d1ffed; /*/
/* Purple * /
$bgDefault      : #9b59b6;
$bgHighlight    : #8e44ad;
$colDefault     : #ecf0f1;
$colHover       : #ecdbff; /*/
/* Orange * /
$bgDefault      : #e67e22;
$bgHighlight    : #d35400;
$colDefault     : #ecf0f1;
$colHover       : #ffe6d1; /*/


/* --- Style --- */
.navbar-custom {
    background-color: $bgDefault;
    border-color: $bgHighlight;
    .navbar-brand {
        color: $colDefault;
        &:hover, &:focus {
            color: $colHover; }}
    .navbar-nav {
        > li {
            > a {
                color: $colDefault;
                &:hover, &:focus {
                    color: $colHover;   }}}
        .active {
            > a, > a:hover, > a:focus {
                color: $colHover;
                background-color: $bgHighlight; }}
        .open {
            > a, > a:hover, > a:focus {
                color: $colHover;
                background-color: $bgHighlight;
                .caret {
                    border-top-color: $colHover;
                    border-bottom-color: $colHover; }}}
        > .dropdown {
            > a {
                .caret {
                    border-top-color: $colDefault;
                    border-bottom-color: $colDefault; }
                &:hover, &:focus {
                    .caret {
                        border-top-color: $colHover;
                        border-bottom-color: $colHover; }}}}}
    .navbar-toggle {
        border-color: $bgHighlight;
        &:hover, &:focus {
            background-color: $bgHighlight; }
        .icon-bar {
            background-color: $colDefault; }}}
@media (max-width: 767px) {
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color: $colDefault;
        &:hover, &:focus {
            color: $colHover;
            background-color: $bgHighlight; }}
}