body {
  font-family: 'Open Sans', sans-serif;
  font-weight:300;
  font-size:13px;
}
picture img {
	width: 100%; height: auto;
}
a {
  color:#6E1E85;
  font-weight:600;
}
a:active {
  color:#777;
  font-weight:300;
}
a:hover {
  color:#6E1E85;
  opacity:0.8;
  text-decoration:none;
}

.row {
  margin-left:0;
  margin-right:0;
}

/* Container holding the image and the text */
.banner {
  position: relative;
  text-align: center;
}
.banner > img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
/* Centered text */
.centered {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home-title {
    color: #FFF;
    display: none;
}
.title {
    line-height: 1.5 !important;
}
.footer-link a, a:active {
  color:#bb5dd6;
  font-size:13px;
  font-weight:600;
}
.page-bottom-margin {
  margin-bottom:160px;
}
.picture {
  width:100%;
  height:300px;
  background-color:#ccc;
}
.logo {
  float: left;
  padding-bottom:10px;
  padding-top:10px;
}
.logo img{
  width:200px;
  height:auto;
}
.caption {
  color:#999;
  font-style:italic;
  margin-top:10px;
}
.caption-strong {
  font-weight:600;
  margin-top:5px;
}
.purple-rounded {
  border-style:none;
  border-radius:30px;
  color:#fff;
  background-color:#6E1E85;
  padding:10px 30px 10px 30px;
}
.purple-rounded {
  border-style:none;
  border-radius:30px;
  color:#fff;
  background-color:#6E1E85;
  padding:10px 30px 10px 30px;
}
.interest-list {
  margin-bottom:10px;
}
.hidden {
    display: none !important;
    visibility: hidden;
}

/*!navbar customization*/
.navbar {
  border: 0px;
  border-bottom:1px solid #e7e7e7;
  margin-bottom:0px;
}
.navbar-default {
    background-color: #fff;
}
.navbar-default .navbar-toggle {
  margin-top:17px;
}
.nav > li > a, a:active {
  font-weight:300;
}
.news-images {
    display: flex;
}
.news-archive{
  width:100%;
  height:150px;
  background-repeat: no-repeat;
  background-position: center center;
}
.news-archive h3 {
  background-color: rgba(0, 0, 0, 0.3);
  color:#fff;
  line-height:150px;
}

.news-image-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.news-image-container img {
    width:100%;
    height:auto;
    cursor:default;
    border-radius:0;
    border: 1px solid #f3f3f3;
    border-radius:0;
    border: 1px solid #f3f3f3;
    padding:5px"
}
/*Events*/
.event-container {
    width: 100%;
    margin-top:3rem;
}
.event-contact {
    border: 3px solid #f3f3f3;
    padding:3rem;
}
.event-listing {
    display: flex;
    flex-direction: column;
    margin-bottom: 5rem;
}
.event-info {
    margin-top:1rem;
}
.event-info > .title {

}
.event-info > .date {
    color: #9b151c;
    font-weight: bold;
    opacity: 1;
}
.event-detail {
    margin-bottom:0;
    margin-left:1rem;
    margin-top:1rem;
}
.event-image > img {
    width:100%;
    height:auto;
}
@media (min-width: 576px) {
    .event-listing {
        flex-direction: row;
    }
    .event-info {
        margin-top:0;
        padding-left: 1rem;

    }
    .event-image {
        min-width:200px;

    }
    .event-image > img {
        width:200px;
        height:auto;
    }
}
@media (min-width: 768px) {
    .news-image-container {
        flex-direction: row;
        justify-content: space-evenly;
    }
    .news-image-container img {
        width:auto;
        height:270px;
    }
  .navbar-nav {
    left: -webkit-calc(50% - 261px);
    left: -moz-calc(50% - 261px);
    left: calc(50% - 261px);
    margin-top:80px;
    position:absolute;
  }

  /* .logo {
    left: -webkit-calc(50% - 110px);
    left: -moz-calc(50% - 110px);
    left: calc(50% - 110px);
    margin-top:10px;
    margin-bottom:10px;
    position:absolute;
  } */
  .home-title {
      font-size:30px;
      display: block;
  }
  .title {
      display: none;
  }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
      background-color: #FFF;
  }
}

@media (min-width: 992px) {

  .container-fluid {
      width:1000px;
  }
  .navbar{
    height:110px;
  }
  .navbar-nav {
    left: -webkit auto;
    left: -moz-auto;
    left: auto;
    margin-top:10px;
    position:static;
  }
  .navbar-nav > li > a {
    padding-top: 40px;
    padding-bottom: 10px;
    margin-left: 5px;
  }
  .logo {
    left: -webkit auto;
    left: -moz-auto;
    left: auto;
    position:static;
    margin-top:20px;
    margin-bottom:20px;
  }

  .logo img {
    width:213px;
    height:auto;
    margin-right: 10px;
  }

}
@media (min-width: 1200px) {
  .container-fluid {
      width:1100px;
  }
  .navbar{
    height:120px;
  }


  .logo img {
    width:260px;
    height:auto;

  }
}
/*!font customization*/
h1 {
  font-family: "Adriane";
}

h2 {
  font-family: "Adriane";
  font-size:20px;
  margin-top:0;
  text-align:center;
}

h3 {
  font-family: "Adriane";
  font-size:16px;
  margin-top:0;
  text-align:center;
}

.h3 {
    font-family: "Adriane";
    font-size:16px;
    margin-top:0;
    text-align:center;
}

h4 {
  font-family: "Adriane";
  text-align:center;
}


/*Gallery*/


.loader
{
  border: 5px solid #f3f3f3; /* Light grey */
  border-top: 5px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 30px;
  height: 30px;
   -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin-left: calc(50% - 35px);
  margin-top: calc(50% - 35px);
  position: absolute;
  z-index:999;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



#gallery .text /*check css complex for additional styles*/
{
	display: none;
}





/* Wide styles */
@media only screen and (min-width: 76em) and (min-height:36.25em)
{


	#layout
	{
		background-size: auto 1200px;
		padding-bottom: 9.688em;
	}
	#layout .block.holder
	{
		width: 100%;
	}

	#layout .header
	{
		margin: 2.083em 0 0;
		padding-left: 10%;
	}

	#layout .block
	{
		margin: 1.25em 10%;
		width: 80%;
	}
	#layout .block.side
	{
		margin: 1.25em 0 1.25em 10%;;
		width: 35%;
	}
	#layout .block.full
	{
		margin: 1.25em 10% 0;
	}

	#layout .break
	{
		height: 1.25em;
	}
	#layout .break.small
	{
		height: 0.625em;
	}

	#layout .layout-picture
	{
		background-position: right center;
		background-size: auto 100%;
		height: 15.625em;
		left: -1.25em;
		margin-top: 1.25em;
		position: absolute;
		top: 0;
		width: 10%;
	}
	#layout .layout-picture-credit
	{
		padding: 0;
		position: absolute;
		text-align: right;
		/* These numbers are in px to prevent IE9 being annoying */
		top: 275px;
		width: -webkit-calc( 10% - 20px );
		width: -moz-calc( 10% - 20px );
		width: calc( 10% - 20px );
	}
}


/* Wide styles */
@media only screen and (min-width: 76em) and (min-height:36.25em)
{
	.datenav
	{

		padding: 0;
	}

	#gallery
	{

	}
}

@media (min-width: 768px)
{

}