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


/* Start of Desktop styling */
@media screen and (min-width: 1024px){
 
    body{
        background-color:rgba(234,231,219,1.0);
        margin:0vw;
        padding:0vw;
        overflow-x: hidden;
    }
    
    #desktoponly{
        display:block;
    }
    
    #mobileonly{
        display:none;
    }
    
    .navbar{ 
        width:100vw;
        height:3vw;
        position:fixed;
        top:0vw;
        left:0vw;
        background-color: rgba(255,255,255,0.8);
        backdrop-filter:blur(1vw);
        z-index:1000;
    }
    
    .navbar a{
        display:inline-block;
        width:12vw;
        line-height:3vw;
        text-align:center;
        font-size:1.2vw;
        text-decoration: none;
        font-family: "jaf-domus", sans-serif;
        font-weight: 400;
        font-style: normal;
        color: rgba(0,0,0,1.0);
        transition:0.8s;
    }
    
    .navbar a:hover{
        background-color:rgba(113,48,58,1.0);
        transition:0.8s;
        color:rgba(255,255,255,1.0);
    }
    
    .brandbar img.mobilemenubutton{
		display:none;
	}
	
	.brandbar .mobilemenu{
		display:none;
	}
    
    .welcomebarleft{
        width:42vw;
        height:7vw;
        text-align: right;
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 2vw;
        color:rgba(255,255,255,1.0);
        background-color: rgba(113,48,58,1.0);
        display:inline-block;
        margin:0vw;
        padding:0vw 2vw;
        position:absolute;
        top:3vw;
        left:0vw;
        line-height: 7vw;
        float:left;
        z-index:400;
    }
    
    .welcomebarlogo{
        position:absolute;
        background-color: rgba(113,48,58,1.0);
        width:10vw;
        height: 8vw;
        display:inline-block;
        margin:0vw;
        padding:0vw;
        top:3vw;
        left:45vw;
        text-align: center;
        z-index:400;
    }
    .welcomebarlogo:before {
      border-top: 5vw solid rgba(113,48,58,1.0);
      border-left: 5vw solid transparent;
      border-right: 5vw solid transparent;
      content: "";
      height: 0;
      left: 0;
      position: absolute;
      bottom: -5vw;
      width: 0;
    }
    
    .welcomebarlogo img{
        height:8vw;
        width:auto;
        display: block;
        margin:0 auto;
        margin-top:1vw;
    }
    
    .welcomebarright{
        width:42vw;
        height:7vw;
        text-align: left;
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:2vw;
        color:rgba(255,255,255,1.0);
        background-color: rgba(113,48,58,1.0);
        display:inline-block;
        margin:0vw;
        padding:0vw 0vw 0vw 2vw;
        position:absolute;
        top:3vw;
        left:55vw;
        line-height:7vw;
        z-index:400;
    }
    
    .brandbar{
        width:100vw;
        height:3vw;
        background-color: rgba(113,48,58,1.0);
        display:inline-block;
        margin:0vw;
        padding:0vw 2vw;
        position:fixed;
        top:3vw;
        left:0vw;
        line-height: 3vw;
        float:left;
        z-index:400;
    }
    
    .brandbar h2{
        text-align: right;
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 1.5vw;
        color:rgba(255,255,255,1.0);
        margin:0vw;
        padding:0vw;
        float:left;
    }
    
    .brandbar img.logo{
        height:2vw;
        width: auto;
        float:left;
        margin:0.5vw 2vw 0.5vw 0.5vw;
    }
    
    .brandbar .socials{
        float:right;
        margin-right: 5vw;
    }
    
    .brandbar .socials img.social{
        height:2vw;
        width:auto;
        display:inline-block;
        margin:0.5vw;
    }
    
    .page_bg{
        width:100vw;
        height:auto;
        position: fixed;
        top:0vw;
        left:0vw;
        z-index:0;
        opacity: 0.2;
    }
    
        /* Slideshow container */
.slideshow-container {
  width:60vw;
  position:relative;
  left:20vw;
  margin-top:8vw;
  z-index: 100;
  float:left;
  height:40vw;
}
    
/* The dots/bullets/indicators */
.dot { 
  display: none;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 0.8s;
}
    
@keyframes fade {
  from {opacity: .6}
  to {opacity: 1}
}    
    
    .slideshow_intro{
        position:relative;
        bottom:11vw;
        left:1vw;
        background-color:rgba(113,48,58,1.0);
        width:30vw;
        height:10vw;
        display:inline-block;
        z-index:200;
        float:left;
    }
    
    .slideshow_intro h1{
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:1.6vw;
        color:rgba(255,255,255,1.0);
        padding:0vw 1vw;
        display:inline-block;
    }
    
    .slideshow_intro h2{
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:1vw;
        color:rgba(255,255,255,1.0);
        padding:0vw 1vw;
        display:inline-block;
    }
    
    .home_news{
        width: 71vw; 
        margin: 2vw 0vw 0vw 15vw;
        overflow: hidden;
    }
    
    .home_news h2{
        background-color:rgba(113,48,58,1.0);
        display:block;
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:1.6vw;
        line-height: 1.8vw;
        color:rgba(255,255,255,1.0); 
        position:absolute;
        padding: 0vw 3vw;
        margin: 0vw;
        height:3vw;
        width:65vw;
        vertical-align: middle;
    }
    
    .home_news h2::before{
        width:3vw;
        height:3vw;
        background-color:rgba(167,30,39,1.0);
        display:inline-block;
        position:relative;
        left:-3vw;
        content: " ";
        vertical-align: middle;
    }
    
    .home_news .news_feature{
        width:20vw;
        float:left;
        height:30vw;
        background-color: rgba(255,255,255,0.8);
        margin:5vw 1.5vw 1vw 1.5vw;
        position: relative;
        transition:0.8s;
    }
    
    .home_news .news_feature:hover{
        box-shadow: 0 1vw 2vw 0 rgba(0, 0, 0, 0.2), 0 3vw 2vw 0 rgba(0, 0, 0, 0.19);
        transition:0.8s;
    }
    
    .home_news .news_feature .img_container{
        width:20vw;
        height:14vw;
        overflow:hidden;
    }
    
    .home_news .news_feature .img_container img{
        width:20vw;
        height:auto;
        transition:0.8s
    }
    
    .home_news .news_feature .img_container img:hover{
        width:22vw;
        height:auto;
        transition:0.8s;
        margin:-1vw;
    }
    
    .home_news .news_feature h3{
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:1.3vw;
        color:rgba(113,48,58,1.0);
        display:block;
        width:18vw;
        margin:1vw;
    }
    
    .home_news .news_feature p{
        font-family: "jaf-domus", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1vw;
        color:rgba(0,0,0,1.0);
        display:block;
        width:18vw;
        margin:1vw;
    }
    
    .home_news .news_feature small{
        font-family: "jaf-domus", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1vw;
        color:rgba(0,0,0,1.0);
        display:block;
        width:18vw;
        margin:1vw;
        position:absolute;
        bottom:1vw;
    }
    
    .home_news .news_more{
        width:12vw;
        height:8vw;
        display:inline-block;
        float:left;
        margin:1vw;
        background-color: rgba(113,48,58,1.0);
        position:relative;
        z-index:100;
    }
    
    .home_news .news_more:hover{
        box-shadow: 0 0.5vw 0.5vw 0 rgba(0, 0, 0, 0.2), 0 0.5vw 0.5vw 0 rgba(0, 0, 0, 0.19);
        transition:0.8s;
    }
    
    .home_news .news_more img{
        width:12vw;
        height:auto;
        overflow:hidden;
        opacity:0.3;
        float:left;
        z-index:100;
        position: absolute;
        left:0vw;
        top:0vw;
    }
    
    .home_news .news_more h3{
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:1vw;
        color:rgba(255,255,255,1.0);
        display:block;
        width:10vw;
        margin:1vw;
        text-align:center;
        float:left;
        z-index: 200;
        position:relative;
        top:2vw;
    }
    
    .home_events{
        width: 71vw; 
        margin: 2vw 0vw 0vw 15vw;
        overflow: hidden;
    }
    
    .home_events h2{
        background-color:rgba(113,48,58,1.0);
        display:block;
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:1.6vw;
        line-height: 1.8vw;
        color:rgba(255,255,255,1.0); 
        position:absolute;
        padding: 0vw 3vw;
        margin: 0vw;
        height:3vw;
        width:65vw;
        vertical-align: middle;
    }
    
    .home_events h2::before{
        width:3vw;
        height:3vw;
        background-color:rgba(167,30,39,1.0);
        display:inline-block;
        position:relative;
        left:-3vw;
        content: " ";
        vertical-align: middle;
    }
    
    .home_events a.button{
        display:inline-block;
        background-color: rgba(167,30,39,1.0);
        color:rgba(255,255,255,1.0);
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:1vw;
        text-decoration:none;
        padding:1vw;
        text-align: center;
        margin:0 auto;
    }
    
    .about_content{
        width: 71vw; 
        margin: 2vw 0vw 0vw 15vw;
        overflow: hidden;
        position:relative;
        z-index:100;
    }
    
    .about_content h2{
        background-color:rgba(113,48,58,1.0);
        display:block;
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:1.6vw;
        line-height: 1.8vw;
        color:rgba(255,255,255,1.0); 
        position:absolute;
        padding: 0vw 3vw;
        margin: 0vw;
        height:3vw;
        width:65vw;
        vertical-align: middle;
    }
    
    .about_content h2::before{
        width:3vw;
        height:3vw;
        background-color:rgba(167,30,39,1.0);
        display:inline-block;
        position:relative;
        left:-3vw;
        content: " ";
        vertical-align: middle;
    }
    
    .about_content a.button{
        display:inline-block;
        background-color: rgba(167,30,39,1.0);
        color:rgba(255,255,255,1.0);
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:1vw;
        text-decoration:none;
        padding:1vw;
        text-align: center;
        margin:0 auto;
    }
    
    
    .about_content p{
        font-family: "jaf-domus", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1vw;
        color:rgba(0,0,0,1.0);
        display:block;
        margin:1vw;
    }
    
    
    .news_article_content a.button{
        display:inline-block;
        background-color: rgba(167,30,39,1.0);
        color:rgba(255,255,255,1.0);
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:1vw;
        text-decoration:none;
        padding:1vw;
        text-align: center;
        margin:0 auto;
    }
    
    .news_article_content input[type=submit].calendar{
        display:inline-block;
        background-color: rgba(167,30,39,1.0);
        color:rgba(255,255,255,1.0);
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:1vw;
        text-decoration:none;
        padding:1vw;
        text-align: center;
        margin: 1vw 0vw;
        border-style:none;
        cursor:pointer;
    }
    
    .home_events .event{
        width:12vw;
        height:12vw;
        display:inline-block;
        float:left;
        margin:4vw 1vw 1vw 1vw;
        background-color: rgba(167,30,39,1.0);
        vertical-align: middle;
        position:relative;
        z-index:100;
    }
    
    .home_events .event .container{
        width:12vw;
        height:8vw;
        margin-top:3.5vw;
        vertical-align: middle;
    }
        
    .home_events .event .detail{
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:1vw;
        color:rgba(255,255,255,1.0);
        display:block;
        width:10vw;
        margin:0vw 1vw;
        text-align:center;
    }
    
    .home_events .event .date{
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:1.9vw;
        color:rgba(255,255,255,1.0);
        display:block;
        width:10vw;
        margin:0vw 1vw;
        text-align:center;
    }
    
    .news_article{
        width:100vw;
        overflow:visible;
        display:block;
        margin-top:6vw;
        margin-bottom: 10vw;
        height:auto;
    }
    
    .news_article_heading{
        width:100vw;
        height:20vw;
        background-color:rgba(255,255,255,1.0);
        top:5vw;
        left:0vw;
        overflow: hidden;
        display:block;
    }
    
    .news_article_heading img.bg{
        position:relative;
        top:-20vw;
        left:-10vw;
        width:120vw;
        height:auto;
        filter: blur(1vw);
        -webkit-filter: blur(1vw);
        opacity: 0.3;
        z-index:50;
    }
    
    .news_article_heading h1{
        display:inline-block;
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:3vw;
        color:rgba(113,48,58,1.0); 
        position:relative;
        width:40vw;
        float:left;
        z-index:100;
        top:5vw;
        left:10vw;
    }
    
    .news_article_heading h2{
        display:inline-block;
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:1.2vw;
        color:rgba(113,48,58,1.0); 
        position:absolute;
        width:40vw;
        float:left;
        z-index:100;
        top:10vw;
        left:10vw;
    }
    
    .news_article_heading_image{
        width:40vw;
        height:auto;
        border-style: solid;
        border-width: medium;
        border-color: rgba(255,255,255,1.0);
        background-color: rgba(255,255,255,1.0);
        position:absolute;
        top:10vw;
        left:55vw;
        z-index:200;
        padding:0vw;
        margin:0vw;
    }
    
    .news_article_heading_image img{
        width:40vw;
        height:auto;
    }
    
    .news_article_heading_image .img_caption{
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:1vw;
        color:rgba(113,48,58,1.0);
        display:block;
        margin:0.5vw;
        text-align:center; 
    }
    
    .news_article_content{
        display:block;
        position: relative;
        width:40vw;
        top:2vw;
        left:10vw;
        font-family: "jaf-domus", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size:1vw;
        color:rgba(113,48,58,1.0);
        margin:0.5vw;
        text-align:left; 
    }
    
    .news_article_content .event_date{
        font-family: "jaf-domus", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size:2vw;
        color:rgba(113,48,58,1.0);
    }
    
    .news_archive{
        display:block;
        width:68vw;
        margin: 5vw 0vw 5vw 15vw;
        position:relative;
        z-index:100;
    }
    
    .news_archive h3{
        background-color:rgba(113,48,58,1.0);
        display:block;
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:1.6vw;
        line-height: 1.8vw;
        color:rgba(255,255,255,1.0); 
        position:absolute;
        padding: 0vw 3vw;
        margin: 0vw;
        height:3vw;
        width:65vw;
        vertical-align: middle;
    }
    
    .news_archive h3::before{
        width:3vw;
        height:3vw;
        background-color:rgba(167,30,39,1.0);
        display:inline-block;
        position:relative;
        left:-3vw;
        content: " ";
        vertical-align: middle;
    }
    
    .upcoming_events{
        display:block;
        width:68vw;
        margin: 5vw 0vw 5vw 15vw;
        position:relative;
        z-index:100;
    }
    
    .upcoming_events h3{
        background-color:rgba(113,48,58,1.0);
        display:block;
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:1.6vw;
        line-height: 1.8vw;
        color:rgba(255,255,255,1.0); 
        position:absolute;
        padding: 0vw 3vw;
        margin: 0vw;
        height:3vw;
        width:65vw;
        vertical-align: middle;
    }
    
    .upcoming_events h3::before{
        width:3vw;
        height:3vw;
        background-color:rgba(167,30,39,1.0);
        display:inline-block;
        position:relative;
        left:-3vw;
        content: " ";
        vertical-align: middle;
    }
    
    table.records{
        width:95%;
    }
    
    table.records th{
      font-family: "jaf-domus", sans-serif; 
      font-weight: 700;
      font-style: normal;
      color: rgba(66,75,84,1.0);
      text-align:left;
    }
    
    table.records td{
      font-family: "jaf-domus", sans-serif; 
      font-weight: 400;
      font-style: normal;
      color: rgba(66,75,84,1.0);
      text-align:left;
    }
    
      	/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: rgba(255,255,255,1.0);
  font-size:1vw;
  font-family: "jaf-domus", sans-serif; 
  font-weight: 400;
  font-style: normal;
  color: rgba(66,75,84,1.0);
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  margin-top:0vw;
  margin-left:3vw;
  padding:0.5vw;
  transition: 0.8s;
  cursor:zoom-in;
  border-bottom-width:thin;
  border-bottom-style: solid;
  border-bottom-color: rgba(113,48,58,1.0);   
    position:relative;
        z-index:100;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active {
  background-color: rgba(113,48,58,1.0);
    color:rgba(255,255,255,1.0);
    cursor: zoom-out;
}
    
.collapsible:hover {
  background-color: rgba(113,48,58,1.0);
  color:rgba(255,255,255,1.0);
}    

/* Style the collapsible content. Note: hidden by default */
.content {
  padding:0.5vw;
  display: none;
  overflow: hidden;
  background-color: rgba(255,255,255,1.0);
    border-bottom-style: solid;
    border-bottom-width: medium;
    border-bottom-color: rgba(113,48,58,1.0);
    margin-bottom:1vw;
    margin-left:3vw;
    transition:0.8s;
    width:98.5%;
    position:relative;
        z-index:100;
}    
    
    .content a{
      font-size:1vw;
      font-family: "jaf-domus", sans-serif; 
      font-weight: 400;
      font-style: normal;
        text-decoration:none;
        transition:0.8s;
        color: rgba(113,48,58,1.0);
        margin:0.5vw 0vw;
        position:relative;
        z-index:100;
    }    
    
    .content a:hover{
        text-decoration: underline;
    }
    
    .page_heading{
        width:100vw;
        height:5vw;
        margin-top:10vw;
        position:relative;
        z-index:100;
    }
    
    .page_heading h1{
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 4vw;
        color:rgba(113,48,58,1.0);
        margin:0vw;
        padding:0vw;
        display: block;
        text-align: center;
    }
    
    .staff_profile{
        display:inline-block;
        width:15vw;
        height:25vw;
        float:left;
        margin:1vw;
    }
    
    .staff_profile img{
        width:15vw;
        height:auto;
        margin:0vw;
        padding:0vw;
    }
    
    .staff_profile .nameplate{
        width:15vw;
        height:6vw;
        background-color:rgba(113,48,58,1.0);
        margin:-2vw 0vw 0vw 0vw;
        z-index:100;
        padding:0vw;
        position:absolute;
    }
    
    .staff_profile .nameplate h3{
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 1.8vw;
        color:rgba(255,255,255,1.0);
        margin:0vw;
        padding:0vw;
        display: block;
        text-align: center;
    }
    
    .staff_profile .nameplate h4{
        font-family: "jaf-domus", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.1vw;
        color:rgba(255,255,255,1.0);
        margin:0vw;
        padding:0vw;
        display: block;
        text-align: center;
    }
    
    .footer{
        width:100vw;
        height:20vw;
        display:block;
        background-color:rgba(113,48,58,1.0);
        margin-top:5vw;
        position:relative;
        z-index:100;
    }
    
    .footercolumn{
        width:30vw;
        margin:1.5vw;
        float:left;
        display:inline-block;
    }
    
    .footercolumn a{
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:0.8vw;
        color:rgba(255,255,255,0.5);
        display:block;
        width:10vw;
        margin:0vw 1vw;
        text-align:left;
        text-decoration: none;
        transition:0.8s;
    }
    
    .footercolumn a:hover{
        color:rgba(255,255,255,1.0);
        transition:0.8s;
    }
    
}

/* Start of Mobile styling */
@media screen and (max-width: 1023px){
 
    html{
        overflow-x: hidden;
    }
    
    body{
        background-color:rgba(234,231,219,1.0);
        margin:0vw;
        padding:0vw;
        overflow-x: hidden;
    }
    
    .page_bg{
        height:100vh;
        width:auto;
        position: fixed;
        top:0vw;
        left:0vw;
        z-index:0;
        opacity: 0.2;
    }
    
    .page_bg img{
        height:100vh;
        width:auto;
    }
    
    .navbar{ 
        display:none;
    }
    
    .brandbar img.mobilemenubutton{
		display:inline-block;
		float:right;
		max-height:13vw;
		max-width:13vw;
		margin-right:7vw;
		margin-top:3vw;
	}
    
    #desktoponly{
        display:none;
    }
    
    #mobileonly{
        display:block;
    }
	
	.mobilemenu{
	background-color:rgba(242,242,242,0.98);
	width:100vw;
	height:100vh;
	z-index: 10000;
	position: fixed;
	top:20vw;
	left:0px;
}
	
	.mobilemenu a{
		width: 100vw;
		height:15vw;
		display:block;
		border-bottom-style: solid;
		border-bottom-color: rgba(113,48,58,1.0);
		border-bottom-width: thin;
		font-family:"jaf-domus", sans-serif;
		font-weight:400;
		padding:0.5vw;
		font-size: 6vw;
		line-height:15vw;
		text-align:center;
		color:rgba(59,55,53,1.0);
		text-decoration:none;
	}
        
    .welcomebarleft{
        width:42vw;
        height:8vw;
        text-align: right;
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 3vw;
        color:rgba(255,255,255,1.0);
        background-color: rgba(113,48,58,1.0);
        display:inline-block;
        margin:0vw;
        padding:0vw 2vw;
        position:fixed;
        top:0vw;
        left:0vw;
        line-height: 7vw;
        float:left;
        z-index:400;
    }
    
    .welcomebarlogo{
        position:fixed;
        background-color: rgba(113,48,58,1.0);
        width:12vw;
        height: 12vw;
        display:inline-block;
        margin:0vw;
        padding:0vw;
        top:0vw;
        left:0vw;
        text-align: center;
        z-index:400;
    }
    .welcomebarlogo:before {
      border-top: 6vw solid rgba(113,48,58,1.0);
      border-left: 6vw solid transparent;
      border-right: 6vw solid transparent;
      content: "";
      height: 0;
      left: 0;
      position: absolute;
      bottom: -5.9vw;
      width: 0;
    }
    
    .welcomebarlogo img{
        height:10vw;
        width:auto;
        display: block;
        margin:0 auto;
        margin-top:1vw;
    }
    
    .welcomebarright{
        width:55vw;
        height:8vw;
        text-align: left;
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:3vw;
        color:rgba(255,255,255,1.0);
        background-color: rgba(113,48,58,1.0);
        display:inline-block;
        margin:0vw;
        padding:0vw 0vw 0vw 2vw;
        position:fixed;
        top:0vw;
        left:45vw;
        line-height:7vw;
        z-index:400;
    }
    
    .brandbar{
        width:100vw;
        height:20vw;
        background-color: rgba(113,48,58,1.0);
        display:inline-block;
        margin:0vw;
        padding:0vw 2vw;
        position:fixed;
        top:0vw;
        left:0vw;
        line-height: 3vw;
        float:left;
        z-index:400;
    }
    
    .brandbar h2{
        text-align: right;
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 1.5vw;
        color:rgba(255,255,255,1.0);
        margin:0vw;
        padding:0vw;
        float:left;
    }
    
    .brandbar img.logo{
        height:18vw;
        width: auto;
        float:left;
        margin:2vw;
    }
    
    .brandbar .socials{
        float:right;
        margin-right: 5vw;
    }
    
    .brandbar .socials img.social{
        height:2vw;
        width:auto;
        display:inline-block;
        margin:0.5vw;
    }
    
        /* Slideshow container */
.slideshow-container {
  width:100vw;
  position:relative;
  left:0vw;
  margin-top:20vw;
  z-index: 100;
  float:left;
  height:60vw;
}
    
/* The dots/bullets/indicators */
.dot { 
  display: none;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}
    
    .slideshow_intro{
        position:relative;
        bottom:28vw;
        left:0vw;
        background-color:rgba(113,48,58,0.8);
        width:100vw;
        height:auto;
        display:inline-block;
        z-index:200;
        float:left;
    }
    
    .slideshow_intro h1{
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:5vw;
        color:rgba(255,255,255,1.0);
        padding:0vw 1vw;
        display:inline-block;
    }
    
    .slideshow_intro h2{
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:2.9vw;
        color:rgba(255,255,255,1.0);
        padding:0vw 1vw;
        display:inline-block;
    }
    
    .home_news{
        width: 90vw; 
        margin: 10vw 0vw 0vw 5vw;
        overflow: hidden;
    }
    
    .home_news h2{
        background-color:rgba(113,48,58,1.0);
        display:block;
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:5vw;
        line-height: 7vw;
        color:rgba(255,255,255,1.0); 
        position:absolute;
        padding: 0vw 3vw;
        margin: 0vw;
        height:8vw;
        width:85vw;
        vertical-align: middle;
    }
    
    .home_news h2::before{
        width:8vw;
        height:100%;
        background-color:rgba(167,30,39,1.0);
        display:inline-block;
        position:relative;
        left:-3vw;
        content: " ";
        vertical-align: middle;
    }
    
    .home_news .news_feature{
        width:90vw;
        float:left;
        height:auto;
        background-color: rgba(255,255,255,0.8);
        margin: 10vw 2vw 1vw 2vw;
        position: relative;
        transition:0.8s;
    }
    
    .home_news .news_feature:hover{
        box-shadow: 0 1vw 2vw 0 rgba(0, 0, 0, 0.2), 0 3vw 2vw 0 rgba(0, 0, 0, 0.19);
        transition:0.8s;
    }
    
    .home_news .news_feature .img_container{
        width:90vw;
        height:50vw;
        overflow:hidden;
    }
    
    .home_news .news_feature .img_container img{
        width:90vw;
        height:auto;
        transition:0.8s
    }
    
    .home_news .news_feature h3{
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:4vw;
        color:rgba(113,48,58,1.0);
        display:block;
        width:82vw;
        margin:4vw;
    }
    
    .home_news .news_feature p{
        font-family: "jaf-domus", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 3vw;
        color:rgba(0,0,0,1.0);
        display:block;
        width:82vw;
        margin:4vw;
    }
    
    .home_news .news_feature small{
        font-family: "jaf-domus", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 2vw;
        color:rgba(0,0,0,1.0);
        display:block;
        width:82vw;
        margin:4vw;
    }
    
    .home_news .news_more{
        width:40vw;
        height:26vw;
        display:inline-block;
        float:left;
        margin:2.5vw;
        background-color: rgba(113,48,58,1.0);
        overflow: hidden;
        position:relative;
        z-index:100;
    }
    
    .home_news .news_more:hover{
        box-shadow: 0 0.5vw 0.5vw 0 rgba(0, 0, 0, 0.2), 0 0.5vw 0.5vw 0 rgba(0, 0, 0, 0.19);
        transition:0.8s;
    }
    
    .home_news .news_more img{
        width:40vw;
        height:auto;
        overflow:hidden;
        opacity:0.3;
        float:left;
        z-index:100;
        position: absolute;
        left:0vw;
        top:0vw;
    }
    
    .home_news .news_more h3{
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:4vw;
        color:rgba(255,255,255,1.0);
        display:block;
        width:36vw;
        margin:2vw;
        text-align:center;
        float:left;
        z-index: 200;
        position:relative;
        top:2vw;
    }
    
    .home_events{
        width: 90vw; 
        margin: 10vw 0vw 0vw 5vw;
        overflow: hidden;
        position:relative;
        z-index:100;
    }
    
    .home_events h2{
        background-color:rgba(113,48,58,1.0);
        display:block;
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:5vw;
        line-height: 7vw;
        color:rgba(255,255,255,1.0); 
        position:absolute;
        padding: 0vw 3vw;
        margin: 0vw;
        height:8vw;
        width:85vw;
        vertical-align: middle;
    }
    
    .home_events h2::before{
        width:8vw;
        height:100%;
        background-color:rgba(167,30,39,1.0);
        display:inline-block;
        position:relative;
        left:-3vw;
        content: " ";
        vertical-align: middle;
    }
    
    .home_events a.button{
        display:block;
        background-color: rgba(167,30,39,1.0);
        color:rgba(255,255,255,1.0);
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:6vw;
        text-decoration:none;
        padding:1vw;
        text-align: center;
        margin: 5vw 25vw 0vw 18vw;
        width:50vw;
    }
    
    .about_content{
        width: 90vw; 
        margin: 2vw 0vw 0vw 5vw;
        overflow: hidden;
    }
    
    .about_content h2{
        background-color:rgba(113,48,58,1.0);
        display:block;
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:5vw;
        line-height: 7vw;
        color:rgba(255,255,255,1.0); 
        position:absolute;
        padding: 0vw 3vw;
        margin: 0vw;
        height:8vw;
        width:85vw;
        vertical-align: middle;
    }
    
    .about_content h2::before{
        width:8vw;
        height:100%;
        background-color:rgba(167,30,39,1.0);
        display:inline-block;
        position:relative;
        left:-3vw;
        content: " ";
        vertical-align: middle;
    }
    
    .about_content a.button{
        display:inline-block;
        background-color: rgba(167,30,39,1.0);
        color:rgba(255,255,255,1.0);
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:1vw;
        text-decoration:none;
        padding:1vw;
        text-align: center;
        margin:0 auto;
    }
    
    
    .about_content p{
        font-family: "jaf-domus", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 4vw;
        color:rgba(0,0,0,1.0);
        display:block;
        margin:0vw 0vw 20vw;
    }
    
    
    .news_article_content a.button{
        display:inline-block;
        background-color: rgba(167,30,39,1.0);
        color:rgba(255,255,255,1.0);
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:1vw;
        text-decoration:none;
        padding:1vw;
        text-align: center;
        margin:0 auto;
    }
    
    .news_article_content input[type=submit].calendar{
        display:inline-block;
        background-color: rgba(167,30,39,1.0);
        color:rgba(255,255,255,1.0);
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:5vw;
        text-decoration:none;
        padding:1vw;
        text-align: center;
        margin: 1vw 0vw;
        border-style:none;
        cursor:pointer;
    }
    
    .home_events .event{
        width:88vw;
        height:30vw;
        display:inline-block;
        float:left;
        margin:12vw 1vw 1vw 1vw;
        background-color: rgba(167,30,39,1.0);
        vertical-align: middle;
        position:relative;
        z-index:100;
    }
    
    .home_events .event .container{
        width:88vw;
        height:8vw;
        margin-top:3.5vw;
        vertical-align: middle;
    }
        
    .home_events .event .detail{
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:5vw;
        color:rgba(255,255,255,1.0);
        display:block;
        width:86vw;
        margin:0vw 1vw;
        text-align:center;
    }
    
    .home_events .event .date{
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:7vw;
        color:rgba(255,255,255,1.0);
        display:block;
        width:86vw;
        margin:0vw 1vw;
        text-align:center;
    }
    
    .news_article{
        width:100vw;
        min-height:100vh;
        height:auto;
        overflow:visible;
        display:block;
        margin-top:20vw;
        margin-bottom:30vw;
    }
    
    .news_article_heading{
        width:100vw;
        height:70vw;
        background-color:rgba(255,255,255,1.0);
        top:5vw;
        left:0vw;
        overflow: hidden;
        display:block;
    }
    
    .news_article_heading img.bg{
        position:relative;
        top:-20vw;
        left:-10vw;
        width:120vw;
        height:auto;
        filter: blur(1vw);
        -webkit-filter: blur(1vw);
        opacity: 0.3;
        z-index:50;
    }
    
    .news_article_heading h1{
        display:inline-block;
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:6vw;
        color:rgba(113,48,58,1.0); 
        position:relative;
        width:90vw;
        float:left;
        z-index:100;
        top:5vw;
        left:5vw;
        text-align: center;
    }
    
    .news_article_heading h2{
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:4vw;
        color:rgba(113,48,58,1.0); 
        position:absolute;
        width:100vw;
        z-index:100;
        display:block;
        text-align: center;
    }
    
    .news_article_heading_image{
        width:70vw;
        height:auto;
        border-style: solid;
        border-width: medium;
        border-color: rgba(255,255,255,1.0);
        background-color: rgba(255,255,255,1.0);
        position:absolute;
        top:50vw;
        left:15vw;
        z-index:200;
        padding:0vw;
        margin:0vw;
    }
    
    .news_article_heading_image img{
        width:70vw;
        height:auto;
    }
    
    .news_article_heading_image .img_caption{
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:3vw;
        color:rgba(113,48,58,1.0);
        display:block;
        margin:0.5vw;
        text-align:center; 
    }
    
    .news_article_content{
        display:block;
        position: relative;
        width:90vw;
        top:10vw;
        left:0vw;
        font-family: "jaf-domus", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size:4vw;
        color:rgba(113,48,58,1.0);
        margin:5vw;
        text-align:center; 
    }
    
    .news_article_content .event_date{
        font-family: "jaf-domus", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size:5vw;
        color:rgba(113,48,58,1.0);
    }
    
    .news_archive{
        display:block;
        width:68vw;
        margin: 5vw 0vw 5vw 15vw;
        position:relative;
        z-index:100;
    }
    
    .news_archive h3{
        background-color:rgba(113,48,58,1.0);
        display:block;
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:5vw;
        line-height: 7vw;
        color:rgba(255,255,255,1.0); 
        position:absolute;
        padding: 0vw 3vw;
        margin: 0vw;
        height:8vw;
        width:65vw;
        vertical-align: middle;
    }
    
    .news_archive h3::before{
        width:8vw;
        height:100%;
        background-color:rgba(167,30,39,1.0);
        display:inline-block;
        position:relative;
        left:-3vw;
        content: " ";
        vertical-align: middle;
    }
    
    .upcoming_events{
        display:block;
        width:68vw;
        margin: 5vw 0vw 5vw 15vw;
    }
    
    .upcoming_events h3{
        background-color:rgba(113,48,58,1.0);
        display:block;
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:5vw;
        line-height: 7vw;
        color:rgba(255,255,255,1.0); 
        position:absolute;
        padding: 0vw 3vw;
        margin: 0vw;
        height:8vw;
        width:65vw;
        vertical-align: middle;
    }
    
    .upcoming_events h3::before{
        width:8vw;
        height:100%;
        background-color:rgba(167,30,39,1.0);
        display:inline-block;
        position:relative;
        left:-3vw;
        content: " ";
        vertical-align: middle;
    }
    
    table.records{
        width:95%;
    }
    
    table.records th{
      font-family: "jaf-domus", sans-serif; 
      font-weight: 700;
      font-style: normal;
      font-size:4vw;
      color: rgba(66,75,84,1.0);
      text-align:left;
    }
    
    table.records td{
      font-family: "jaf-domus", sans-serif; 
      font-weight: 400;
      font-style: normal;
      font-size:4vw;
      color: rgba(66,75,84,1.0);
      text-align:left;
    }
    
      	/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: rgba(255,255,255,1.0);
  font-size:4vw;
  font-family: "jaf-domus", sans-serif; 
  font-weight: 400;
  font-style: normal;
  color: rgba(66,75,84,1.0);
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  margin-top:4vw;
  margin-left:3vw;
  padding:0.5vw;
  transition: 0.8s;
  cursor:zoom-in;
  border-bottom-width:thin;
  border-bottom-style: solid;
  border-bottom-color: rgba(113,48,58,1.0);
    position:relative;
        z-index:100;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active {
  background-color: rgba(113,48,58,1.0);
    color:rgba(255,255,255,1.0);
    cursor: zoom-out;
}
    
.collapsible:hover {
  background-color: rgba(113,48,58,1.0);
  color:rgba(255,255,255,1.0);
}    

/* Style the collapsible content. Note: hidden by default */
.content {
  padding:0.5vw;
  display: none;
  overflow: hidden;
  background-color: rgba(255,255,255,1.0);
    border-bottom-style: solid;
    border-bottom-width: medium;
    border-bottom-color: rgba(113,48,58,1.0);
    margin-bottom:1vw;
    margin-left:3vw;
    transition:0.8s;
    width:98.5%;
    position:relative;
        z-index:100;
}    
    
    .content a{
      font-size:4vw;
      font-family: "jaf-domus", sans-serif; 
      font-weight: 400;
      font-style: normal;
        text-decoration:none;
        transition:0.8s;
        color: rgba(113,48,58,1.0);
        margin:0.5vw 0vw;
        display:block;
    }    
    
    .content a:hover{
        text-decoration: underline;
    }
    
    .page_heading{
        width:100vw;
        height:auto;
        margin-top:30vw;
        position:relative;
        z-index:100;
    }
    
    .page_heading h1{
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 8vw;
        color:rgba(113,48,58,1.0);
        margin:0vw 10vw;
        padding:0vw;
        display: block;
        text-align: center;
    }
    
    .staff_profile{
        display:inline-block;
        width:40vw;
        height:75vw;
        float:left;
        margin:1vw;
        position:relative;
        z-index:100;
    }
    
    .staff_profile img{
        width:40vw;
        height:auto;
        margin:0vw;
        padding:0vw;
    }
    
    .staff_profile .nameplate{
        width:40vw;
        height:20vw;
        background-color:rgba(113,48,58,1.0);
        margin:-2vw 0vw 0vw 0vw;
        z-index:100;
        padding:0vw;
        position:absolute;
    }
    
    .staff_profile .nameplate h3{
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 4vw;
        color:rgba(255,255,255,1.0);
        margin:0vw;
        padding:0vw;
        display: block;
        text-align: center;
    }
    
    .staff_profile .nameplate h4{
        font-family: "jaf-domus", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 3vw;
        color:rgba(255,255,255,1.0);
        margin:0vw;
        padding:0vw;
        display: block;
        text-align: center;
    }
    
    .footer{
        width:100vw;
        height:50vw;
        display:block;
        background-color:rgba(113,48,58,1.0);
        margin-top:5vw;
        position:relative;
        z-index:100;
    }
    
    .footercolumn{
        width:80vw;
        margin:1.5vw;
        float:left;
        display:inline-block;
    }
    
    .footercolumn a{
        font-family: "jaf-domus", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:3.5vw;
        color:rgba(255,255,255,0.5);
        display:block;
        margin:0vw 1vw;
        text-align:left;
        text-decoration: none;
        transition:0.8s;
    }
    
    .footercolumn a:hover{
        color:rgba(255,255,255,1.0);
        transition:0.8s;
    }
    
}