/* ==========================================================================
   Author's custom styles

	Color Scheme:
	Dark Blue - 03083B
	Light Blue - 013E91
	Yellow - f1c907
	Orange - BE7E00
	Dark Grey - 1A1A1A
	Light Grey - 71727C
   ========================================================================== */

/* GENERAL */

body {
    background: url(../assets/theme/parchment-bg-double.png) #f6eace repeat-y center top;
    padding-top: 150px;
    padding-bottom: 20px;
}

h1 {
    text-align: center;
}

/* JUMBOTRON */

.customJumbotron {
	/* background-color: transparent; */
	background-color: #1A1A1A;
	color: white;
	margin-top: 0;
	padding: 25px 25px 25px 25px;
	margin-left: -10px;
    margin-right: -10px;
	border-top: thick solid #f1c907;
	border-bottom: thick solid #f1c907;
}
.customJumbotron a {
    color: #f1c907;
}
.container .jumbotron, .container-fluid .jumbotron {
	border-radius: 0;
}
#navcontain {
    background-color: #f1c907;
    border: none;
    box-shadow: 0 5px 5px #2222c5;
}

/* HEADER NAVBAR */

.navbar-inverse {
	background-image: none;
	background-color: #f1c907;
	border: none;
    box-shadow: 0 5px 5px #2222c5;
}
.navbar-inverse .navbar-nav>li>a:hover {
    color: #000;
}
.navbar-branch {
    float: left;
    line-height: 20px;
}
#branch-arms, #branch-title {
    display: inline-block;
    vertical-align: middle;
}
#branch-arms {
    padding-right: 15px;
}
#branch-title {
    font-size: 26px;
    font-weight: bold;
    text-align: left;
}
#branch-title a:hover {
    text-decoration: none;
}
#branch-subtext, #branch-translation {
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
}
#branch-translation {
    display:none;
}
#branch-title:hover #branch-subtext {
    display:none;
}
#branch-title:hover #branch-translation {
    display:inline;
}
.navbar {
    float: right;
}

/* FOOTER */
hr {
    border-top: 1px solid #2222c5;
}

/* COLUMNS AND GRIDS - IS IT NEEDED?? */

.three-column-list {
	margin-left: 10px;
}
@media (max-width: 499px) {
	.three-column-list {
	    -ms-column-count: 2;
		-ms-column-gap: 20px;
		-moz-column-count: 2;
		-moz-column-gap: 20px;
		-webkit-column-count: 2;
		-webkit-column-gap: 20px;
		column-count: 2;
		column-gap: 20px;
	}
}
@media (min-width: 500px) and (max-width: 750px) {
	.three-column-list {
	    -ms-column-count: 3;
		-ms-column-gap: 20px;
		-moz-column-count: 3;
		-moz-column-gap: 20px;
		-webkit-column-count: 3;
		-webkit-column-gap: 20px;
		column-count: 3;
		column-gap: 20px;
	}
}
@media (min-width: 751px) {
	.three-column-list {
	    -ms-column-count: 4;
		-ms-column-gap: 20px;
		-moz-column-count: 4;
		-moz-column-gap: 20px;
		-webkit-column-count: 4;
		-webkit-column-gap: 20px;
		column-count: 4;
		column-gap: 20px;
	}
}

/* MEMBER PROFILES */

.profile-head {
	background-image: linear-gradient(to right,#f1c907,#ffffff00);
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.profile-image {
	max-width: 120px;
    height: auto;
    border: 10px solid #000;
}

.img-device {
	max-width: 100px;
	height: auto;
}

/* OFFICERS PAGE */

.officer-list {
    width: 100%;
}
.officer-badge {
    max-width: 50px;
    height: auto;
    margin-top: 20px;
}

/* ARTICLES */

.author {
    font-style: italic;
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
}