@import "jquery.bxslider";

@import "fontawesome/font-awesome";

iframe{
  margin:auto;
  width:100%;
  
}

a{
  img{
    
    border:0;
  }
  
}

body{
  font-family:Lato;
  font-weight:300;
  line-height:1.62;
  text-align:justify;
  background:#F2F2F2;
  padding:0;
  margin:0;
  font-size:14px;
  color:#333333;
  
  
}

img{
  max-width:100%;
  
}
 
a{
  color:rgba(66,139,202,1);
  text-decoration:none;
  
  &:hover{
  color:#68b9ff;

  }
 
}

.clear{
  clear:both;
}
 
#large{
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.8);
  z-index:10;

   h3{
     color:white;
     text-align:center;
     margin-top:5px;
     margin-bottom:0;
     font-weight:300;
     font-size:0.95em;
 
   }
  .next, .prev{
    width:20px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    cursor:pointer;

  }
  .prev{
    left:15px;
  }
  .next{
    right:15px;
  }
 
  .img_container{
    height:100%;
    width:100%;
    box-sizing: border-box;

   .large-img{
      cursor:pointer;
      padding:10px;
      background:rgba(250, 250, 250, 0.9);
      display:block;
      margin:auto;
    }
  }
}



.rea-gal{
  padding-left:0px;

  margin-right:-5px;
  margin-bottom:-5px;
  img{
  padding-right:5px;
  padding-bottom:5px;
    width:200px;
    float:left;
    box-sizing: border-box;
    &:hover{
      opacity:0.8;
      
    }
  }
}


 





.row{

margin:auto;
//max-width:1100px;
display:block;


&:after{
content: "";
  display: table;
  clear: both;

}

.columns{


display:block;

box-sizing: border-box;
float:left;
display:inline-block;
padding:0 5px;

&:first-child{
padding-left:0px;

}
&:last-child{
padding-right:0px;

}

&.span_12{
width:100%;

}

&.span_11{
width:100/12*11;

}
&.span_10{
width:percentage(1/12*10);

}
&.span_9{
width:percentage(1/12*9);

}
&.span_8{
width:percentage(1/12*8);

}
&.span_7{
width:percentage(1/12*7);

}

&.span_6{
width:percentage(1/12*6);

}
&.span_5{
width:percentage(1/12*5);

}
&.span_4{
width:percentage(1/12*4);

}
&.span_3{
width:percentage(1/12*3);

}
&.span_2{
width:percentage(1/12*2);

}

&.span_1{
width:percentage(1/12*1);

}


}
}
.main{
width:100%;
max-width:1020px;
position:relative;
margin:auto;

}


#logo{
height:60px;
float:left;
margin-left:10px;
max-width:inherit;


}

.top{
  width:100%;

  margin:auto;
  padding:1em 0px;
  
  position:absolute;
  top:10px;
  right:0;
  left:0;
  background:rgba(250,250,250,0.8);
  z-index:3;

  
  
}

#main{
  width:100%;
  max-width:1020px;
  margin:auto;
  
  #corps{
    width:68%;
    float:left;
    
    
  }
  #sidebar{
    width:30%;
    float:right;
    
  }
  
}
$header_font : "Walkway Bold";
#menu{
  margin-right:10px;
  font-family:$header_font, sans-serif;
  font-size:17px;
text-align:right;

a{
  
  margin:0;
  
display: inline-block;
color:#6F7071;
text-decoration: none;


padding: 2px 10px;

margin-right:5px;
padding-top:30px;


&:hover, &.active{

  color:black;
}

&:last-child{
  margin-right:0;
  
}


}
}
.top_background{
  
  
  min-height:150px;
  ;
  
}
.dark_background{
background:rgba(40,40,40,1);
padding-top:3em;
color:#F2F2F2;
}

.gray_light_background{
background:rgba(91,92,94,1);
}


.blue_background{
background:rgba(0,162,216,1);
}

.yellow_background{
background:rgba(248,164,40,1);
}

.green_background{
background:rgba(176,201,49,1);
}

.rose_background{
background:rgba(230,0,125,1);
}
.content_center{
text-align:center;
}




h1,h2,h3,h4{
  text-align:left;
font-weight: 400;
font-family:$header_font;
a{
  color:black;
  
}

}
.date{
  margin-top:10px;
  margin-bottom:-20px;
  font-size:18px;
  font-family:$header_font;
}
h1{
  font-size:30px;
  
}
.share{
  
  font-size:16px;
  a{
    padding:0 10px;
    
  }
}

.bottom{

  width:100%;
  max-width:1020px;
  margin:auto;
  padding:1em 10px;
  margin-top:120px;
  
  img{

    
    float:right;
    height:19px;
    margin:0;

    
  }
}

.close_link{
  position:fixed;
  top:10px;
  right:10px;
  width:40px;
  cursor:pointer;
  
}

a{

    .event{
      color:black;
      padding:10px;
      margin-top:10px;
      .date{
        margin-top:0px;
      
      }
      p{
        margin-top:0px;
      
      }
      background:white;
      background:rgba(250,250,250,0.8);
    
      &:hover{
        background:white;
        
      }
    }

}
#corps{
  .event{
    
    img{
      
      float:left;
      margin-right:10px;
    }
  }
  
}
h3{
  
  font-size:1.5em;
  margin-bottom:5px;
  padding-bottom:0px;
  
}
article{
  margin-bottom:6em;
  
}

.articles_button, .share a{
  color:black;
  float:right;
  padding:0.7em 1em;
  display:block;
  background:white;
  background:rgba(250,250,250,0.8);
  margin-left:10px;
  &:hover{
    
    background:white;
    color:black;
    
  }
  
}