@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);


.category-emblem {
background: #01bc00 ;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}

img.category-icon {
margin-left: 50%;
}

a.admin-button {
display:block;
width:20%;
margin-bottom:20px;
}

p.main-description {
font-size: 21px;
font-family: "Helvetica Neue",Helvetica,Arial,'Lato', sans-serif;
font-weight: 400;
padding-left: 30px;
}

p.row-number {
font-size: 25px;
}
.icon-labels {
font-family: linecons;
font-size: 38px;
margin-right: 35px;	
margin-top: 7px;
}

.icon-link {
font-family: linecons;
font-size: 38px;
margin-right: 35px;	
margin-top: 7px;
color: black !important;
}
a.row-link {
float: right !important;
font-size: 35px;
color: black;
}

.look-ahead {
font-weight: lighter;
}

h5.label {
padding:18px;
font-size: 20px;
width: 220px;
background: white;
color: black;
margin-left: 70px !important;
}

.action-box {
display: block;
background: inherit;
padding: 20px;
}

.box-number {
height: 54px;
float: left;
background: black;
width: 10%;
}

.box-number p {
font-size: 30px;
margin: 0 !important;
padding-top: 16px;
text-align: center;
}

.box-message {
height: 54px;
float:left;
background: #323232;
width: 83%;
}

.box-message p {
padding-top: 16px;
color: white !important;
font-size: 25px; 
text-align: center;
}

.box-link {
float: left;
height: 54px;
background: green;
width: 7%;
}


.action-row {
border-left: 1px solid #7f8c8d;
border-bottom: 1px solid #7f8c8d;
border-right: 1px solid #7f8c8d;
border-top: 2px solid #3498db !important;
padding-bottom: 16px;
padding-top: 16px;
margin-top: 12px;
width: 80% !important;
margin: 0 auto;
}


.committee-action-row {
border-top: #5dbbce solid 2px;
}

.committee-education-row {
border-top: #31375b solid 2px;
}

.prepare-row {
border-top: #e11025 solid 2px;
}



@font-face {
	font-family: 'linecons';
	src:url('fonts/linecons.woff');
}

/* Nav */

.navigation {
width: 100%;
font-family: 'Open Sans';
height: 100px;
margin-bottom: 20px;
}

.navigation a.login-button {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color:#1F3A93;
color: white;
font-weight: 700;
text-decoration: none;
padding: 10px;
}


.left-navigation {
width: 80%;
float: left;
}

.left-navigation ul li {
display: inline-block;
float: left;
margin-left: 2.5%;
margin-right: 2.5%;
line-height: 80px;

}

.left-navigation ul li a {
font-weight: 500;
font-size: 18px;
text-decoration: none;
color: black;
}

.left-navigation ul li a:hover {
color: #22313F;
}


.right-navigation {
width: 20%;
float: right;
}

.right-navigation ul li {
display: inline-block;
float: left;
margin-left: 2.5%;
margin-right: 2.5%;
line-height: 80px;
}

li.logo {
width: 20%;
line-height: 0px !important;
}

li.logo img {
width: 100%;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}



img {
max-width: 100%;
height: auto;
border: 0;
-ms-interpolation-mode: bicubic;
}


/* Experimental as of April 27 */

.month-highlight {
color: #e74c3c;
}

h1.calendar-title {
padding-bottom: 16px;
text-align:center;
font-size: 47px;
line-height: 57px;
}

.nav-control-row {
padding-bottom: 8px;
}

h5.label {
margin-left: 70px !important;
}

ul.calendar-nav {
margin: 0 auto;
padding-bottom: 24px;
}

.footer-container {
text-align: center;
padding: 16px;
color: #555;
background: #f1f1f1 !important;
border: 1px #e9e9e9 solid;
margin-top: 26px;
}


body {
font-family: 'Open Sans';
overflow-y: scroll;
}

.container {
background: white;
padding-left: 15px;
padding-right: 15px;
width: 1170px;
margin-left: auto;
margin-right: auto;
}

#calendar-top {
width: 100% !important;
padding-top: 5px;
}

.wrapper {

width: 80% !important;
margin: 0 auto;
height: 50px;
margin-left: 278px;
clear: both;
}

.content {
float: left;
width: 70%;
height: 80px;
}

.content-prep {
border-left: 1px solid #3498db;
border-bottom: 1px solid #3498db;
border-right: 1px solid #3498db;
border-top: 1px solid #3498db !important;
}

.content-ed {
border-left: 1px solid #e74c3c;
border-bottom: 1px solid #e74c3c;
border-right: 1px solid #e74c3c;
border-top: 1px solid #e74c3c !important;
}

.content-action {
border-left: 1px solid #2ecc71;
border-bottom: 1px solid #2ecc71;
border-right: 1px solid #2ecc71;
border-top: 1px solid #2ecc71 !important;
}

.content-comm {
border-left: 1px solid #8e44ad;
border-bottom: 1px solid #8e44ad;
border-right: 1px solid #8e44ad;
border-top: 1px solid #8e44ad !important;
}
.content p {
position: relative;
padding: 0 5px;
display: inline;
color: #353535;
letter-spacing: 1px;
line-height: 34px;
margin-left: 8px;
font-size: 25px;
font-weight: lighter;
width: 100%;
font-family: 'league-gothic','Helvetica-Neue',arial;
-moz-transition: .3s ease-out;
-moz-transition-property: all;
-webkit-transition: .3s ease-out;
-webkit-transition-property: all;
}

.head {
width: 4px;
height:82px;
float: left;
}

.head-prep {
background: #3498db;
}

.head-ed {
background: #e74c3c;
}

.head-action {
background: #2ecc71;
}

.head-comm {
background: #8e44ad;
}

h3.subtle-title {
line-height: 16px;
text-transform: uppercase;
font-size: 13px;
color: #AAAAAA;
margin-left: 6px;
}

.wrapper.hover-over p {
font-size: 28px;
color: white;
-moz-transition-duration: .3s;
-moz-transition-property: all;
-webkit-transition-duration: .3s;
-webkit-transition-property: all;
transition-duration: .3s;
transition-property: all;
}

.wrapper.hover-over .content-prep {
background: #3498db;
-moz-transition-duration: .2s;
-moz-transition-property: all;
-webkit-transition-duration: .2s;
-webkit-transition-property: all;
transition-duration: .2s;
transition-property: all;
}

.wrapper.hover-over .content-ed {
background: #e74c3c;
-moz-transition-duration: .2s;
-moz-transition-property: all;
-webkit-transition-duration: .2s;
-webkit-transition-property: all;
transition-duration: .2s;
transition-property: all;
}

.wrapper.hover-over .content-comm {
background: #8e44ad;
-moz-transition-duration: .2s;
-moz-transition-property: all;
-webkit-transition-duration: .2s;
-webkit-transition-property: all;
transition-duration: .2s;
transition-property: all;
}

.wrapper.hover-over .content-action {
background: #2ecc71;
-moz-transition-duration: .2s;
-moz-transition-property: all;
-webkit-transition-duration: .2s;
-webkit-transition-property: all;
transition-duration: .2s;
transition-property: all;
}


.wrapper.hover-over h3.subtle-title {
color: white;
-moz-transition-duration: .3s;
-moz-transition-property: all;
-webkit-transition-duration: .3s;
-webkit-transition-property: all;
transition-duration: .3s;
transition-property: all;
}



h3,h2 {
margin-top: 0px !important; 
}

.side-emblem {
background: #26ae5f;
font-size: 20px;
color: white;
text-align:center;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}

.emblem {
font-size: 60px;
padding-top: 20px;
padding-bottom: 20px;
}

.row {
padding-top: 24px;
padding-bottom: 24px;
}

.emblem-section {
text-align: center;
background: #ebebeb;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}

.emblem-title {
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 700;
margin-left: 10px;
color: #ADA29E;
/*color: #9c9ca8; */
}


.content-section p {
font-size: 22px;
line-height: 26px;
}

.article-content p {
font-size: 24px;
line-height: 30px;
font-weight: 600;	
}

h2.article-title {
font-size: 30px;
}


.arrow-header ul {
    
    margin-top: 8px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
}


.arrow-header ul li {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 270px;

    text-indent: 35px;
    position: relative;
}

.arrow-header ul li:before {
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    left: -2px;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent #fff;
    z-index: 0;
}

.arrow-header ul li:first-child:before {
    border-color: transparent;
}

.arrow-header ul li a:after {
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    right: -15px;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent #5dbbce ;
    z-index: 10;
}

.arrow-header ul li.active a {
    background: orange;
    z-index: 100;
}

.arrow-header ul li.active a:after {
    border-left-color:  orange;
}

.arrow-header ul li.month a {
    background: #26ae5f;
    z-index: 100;
}

.arrow-header ul li.month a:after {
    border-left-color:  #26ae5f;
}

.arrow-header ul li a {
    display: block;
    background: #5dbbce;
    color: white;
    font-weight: 800;
}

.arrow-header ul li a:hover {
    background: #FA9884;
}

.arrow-header ul li a:hover:after {
    border-color: transparent transparent transparent #FA9884; 
}


/* Nav */
#nav.container {
position: absolute;
width: 100%;
padding: 0px;
margin-top: 40px;
}

.nav-container .site-logo {
float: left;
margin-top: -20px;
position: absolute;
}

.navbar .site-name a {
color: #fff;
}

.navbar .site-name {
font-weight: bold;
font-size: 15px;
}

.navbar .site-name {
float: left;
font-weight: bold;
font-size: 15px;
margin-top: 10px;
margin-left: 116px;
}
.navbar-inner, .nav-container {
border: 0px;
border-radius: 0px;
-webkit-box-shadow: 0px !important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
background: #2a3868;
}

.navbar .nav, ul.nav {
margin-left: 0px;
float: right;
}

.navbar .nav {
position: relative;
left: 0;
display: block;
float: left;
margin: 0 10px 0 0;
}

.navbar .nav > li > a:hover {
color: #eee;
}
.nav {
margin-left: 0;
margin-bottom: 18px;
list-style: none;
}

.navbar .nav > li {
display: block !important;
float: left !important;
}


.navbar .nav > li > a {
float: none;
padding: 10px 10px 11px;
line-height: 19px;
color: #999999;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}

.navbar .nav > li > a {
color: #eee;
padding: 10px 8px;
}

.navbar .nav, ul.nav {
margin-left: 0px;
float: right;
}

img {
max-width: 100%;
height: auto;
border: 0;
-ms-interpolation-mode: bicubic;
}