body {
background-image:url('https://lifeatolivet.com/images/LAObkg-10.jpg');
background-repeat:no-repeat;
background-color:#eee;
background-position:top center;
background-size:100%;
}

img {
width:100%;
}

button:hover {
 cursor:pointer;
 background-color:#fdb913;
}

#navLAO {
height:75px;
margin: auto;
position: relative;
max-width: 1024px;
}

.accordion {
  background-color: #7F47DD;
  background-image: url('https://lifeatolivet.com/images/menusm.png');
  background-size:50%;
  background-repeat:no-repeat;
  background-position: center center;
  cursor: pointer;
  height:75px;
  width:75px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;}

.active, .accordion:hover {
  background-color: #fdb913; 
  color:#fff;
}

.panel {
position:absolute;
  display: none;
  background-color: #fdb913;
  overflow: hidden;
  z-index:99;
  font-size:1.2em;
font-family: 'Source Sans Pro', sans-serif;
}

.panel a {
color:#fff;}

#navLogo {
width:87px;
padding-top:10px;
padding-left:30px;
padding-right:30px;
float:left;
max-width:60%;
}

#navMobile {
display:none;
float:left;}

#navLAOr {
float:right;
font-size:1.2em;
font-family: 'Source Sans Pro', sans-serif;
padding-right:15px;
}

#navLAOr a {
color:#FFF;
font-weight:bold;
}

.navBlock {
display:inline-block;
padding-left: 15px;
padding-right:15px;
height:75px;
line-height: 75px;
cursor:pointer;
}

.navBlock:hover {
background-color:#7F47DD;
color:#fff;
}

#calendar img {
width:24px !important;
vertical-align:text-bottom;
}

#calendar {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#calendar td, #calendar th {
  border: 1px solid #ddd;
  padding: 8px;
}

#calendar tr:nth-child(even){background-color: #f2f2f2;}

#calendar tr:hover {background-color: #ddd;}

#calendar th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #48206E;
  color: white;
}

#headerLAO { 
    margin: auto;
    position: relative;
    width:100%;
    max-width: 1024px;
    height:500px;
}

#headerLAO2 { 
    margin: auto;
    position: relative;
    width:100%;
    max-width: 1024px;
    height:0px;
}

#containAll {
    max-width: 1000px; 
    margin: 0 auto;
    padding:12px;
    margin-top:25px;
    background-color:#fff;
}

#socialContain {
position:relative;
    width:100% 
    max-width: 1024px;
}

#footerLAO {
min-width:200px;
margin-top:20px;
padding-top:180px; 
padding-bottom:30px;
background-image: url('/images/lifeatolivet_195.png');
background-repeat: no-repeat;
background-position: top center;
font-size:1.2em;
font-family: 'Source Sans Pro', sans-serif;
text-align:center;
}

#footerMobile {
display:none;
min-width:200px;
margin-top:20px;
padding-top:180px;
padding-bottom:30px; 
background-image: url('/images/lifeatolivet_195.png');
background-repeat: no-repeat;
background-position: top center;
font-size:1.2em;
font-family: 'Source Sans Pro', sans-serif;
text-align:center;
}

.clearfix {
clear:both;
}

.oneFourth {
width:25%;
padding:0;
margin:0;
float:left;
background-position: center center;
background-repeat: no-repeat;
}

.oneSixth {
width:16.6%;
padding:0;
margin:0;
float:left;
background-position: center center;
background-repeat: no-repeat;
}

.oneHalf {
width:50%;
padding:0;
margin:0;
float:left;
background-position: center center;
background-repeat: no-repeat;
}

.executive {
}

.fullWidth {
position:relative;
width:100%;
clear:left;
}

.foot {
width:100%;
padding-top:10%;
}

.formBlock {
width:20%;
padding:0;
margin:0;
float:left;
background-position: center center;
background-repeat: no-repeat;
text-align:center;
}

/* Fills remaining space; Turn off/on */

#fillerBlock2 {
display:block;
}

#fillerBlock3 {
display:block;
}

#fillerBlock4 {
display:block;
}

#fillerBlock5 {
display:block;
}

.noneTitle {
font-family: helvetica, arial;
font-weight:bold;
text-decoration:none;
font-size:18px;
padding-bottom:30px;
margin:0;
color:#FFFFFF;
visibility:hidden;
}

.formTitle {
font-family: helvetica, arial;
font-weight:bold;
text-decoration:none;
font-size:18px;
padding-bottom:30px;
margin:0;
color:#FFFFFF;
}

a {
text-decoration:none;
color:#4099FF;
}

.featured {
padding-bottom:20px;
padding-left:5%;
padding-right:5%;
}

.featuredL {
width:30%;
float:left;
padding-top:20px;
}

.featuredR {
float:right;
width:65%;
padding-top:40px;
font-family:Arial, sans-serif;
color:#555;
}

h1 {
font-size:1.6em;
font-family: 'Source Sans Pro', sans-serif;
font-weight:900;
}

p {
font-size:1.2em;
line-height:1.5;
font-family: 'Source Sans Pro', sans-serif;
color:#555;
}

li {
font-size:1.2em;
line-height:1.5;
font-family: 'Source Sans Pro', sans-serif;
color:#555;
}

.formBlock {
background-color:#657abc;
}

.formBkg {

}

.inactiveBlock {
display:none;
background-color:#abd6f1;
}

.categoryASC {
background-color:#210d7d;
}

.categoryCC {
background-color:#b49759;
}

.classCouncil {
background-color:#b49759;
}

.categoryOther {
background-color:#8397ba;
}

#fb1 {
background-color:#3B5998;
margin-left:0.2%;
}

#twitter1 {
background-color:#4099FF;
}

#instagram1 {
background-image: url('/images/instabkg.jpg');
background-position:center center;
background-repeat:no-repeat;
background-size:100% 100%;
}

#snapchat1 {
background-color:#000;
}

#LAOapple {
background-color:#CCC;
}

#LAOandroid {
background-color:#a4c639;
}

#LAOforms {
/* background-color:#ecaa00; */
background-color:#522d6d;
}

#LAOludwig {
background-color:#fdb913;
}

#LAOdescription {
background-image: url('/images/forms_triangle.gif');
background-position:top left;
background-size:79%;
background-repeat:no-repeat;
font-family:Arial, sans-serif;
color:#555;
padding-left:50px;
padding-right:50px;
padding-top:20px;
clear:left;
}

#LAOdescription2 {
font-size:18px;
line-height:1.4;
font-family:Arial, sans-serif;
color:#555;
padding-left:50px;
padding-right:50px;
padding-top:20px;
clear:left;
}

#LAOdescription {
font-size:18px;
line-height:1.4;
}

#LAO8 {
background-color: #fecd04;
}

.oneFourth:hover, .oneHalf:hover, .oneSixth:hover, .featuredL:hover {
opacity:0.7;
}

.formBlock:hover {
opacity:0.7;
}

.featuredHighlight {
text-align:center;
padding-left:200px; 
padding-right:200px;
}

.featuredButtonsL {
float:left;
width:48%;
padding-bottom:20px;
}

.featuredButtonsR {
float:right;
width:48%;
padding-bottom:20px;
}

@media screen and (max-width: 1000px) {
.formBlock {
width:25%;
}

/* Fills remaining space; Turn off/on */

#fillerBlock2 {
display:none;
}

#fillerBlock3 {
display:none;
}

#fillerBlock4 {
display:block;
}

#fillerBlock5 {
display:block;
}
body {
background-size:1100px;
}

.featuredButtonsL {
float:none;
width:95%;
}

.featuredButtonsR {
float:none;
width:95%;
}

}

@media screen and (max-width: 850px) {

.formTitle {
font-size:14px;
}

#headerLAO { 
    height:300px;
}
body {
background-size:950px;
}

#navLAOr {
display:none;
}

#navMobile {
display:block;
}

.navBlock {
display:block;
}


#navLogo {
float:right;
padding-right:10px;
padding-left:0px;
}

}

@media screen and (max-width: 650px) {

#headerLAO { 
    height:150px;
}

body {
background-size:650px;
}

#containAll {
    padding:10px;
    margin-left:20px;
    margin-right:20px;
}

#footerLAO {
display:none;
}

#footerMobile {
display:block;
}

.oneSixth {
width:33.1% !important;
}

.featured {
padding-bottom:20px;
padding-left:0px;
padding-right:0px;
}

.featuredL {
width:40%;
margin-left:30%;
margin-right:30%;
float:none;
padding-top:20px;
}

.featuredR {
float:none;
width:90%;
margin-left:5%;
margin-right:5%;
padding-top:10px;
text-align:center;
}

.featuredHighlight {
text-align:center;
padding-left:5%; 
padding-right:5%;
}

.featuredButtonsL {
float:none;
width:95%;
}

.featuredButtonsR {
float:none;
width:95%;
}

.formBlock {
width:100%;
margin:0;
text-align:left;
}

.formBlock img {
width:25%;
float:left;
}

.formTitle {
float:right;
width:74%;
font-size:21px;
padding-top:8%;
}

h1 {
font-size:1.3em;
}

p {
font-size:0.9em;
}

#fillerBlock2, #fillerBlock3, #fillerBlock4, #fillerBlock5 {
display:none;
}
}