/* josefin-sans-300 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/josefin-sans-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/josefin-sans-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/josefin-sans-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/josefin-sans-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/josefin-sans-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/josefin-sans-v12-latin-300.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
/* josefin-sans-700 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/josefin-sans-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/josefin-sans-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/josefin-sans-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/josefin-sans-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/josefin-sans-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/josefin-sans-v12-latin-700.svg#JosefinSans') format('svg'); /* Legacy iOS */
}

/* cardo-regular - latin */
@font-face {
  font-family: 'Cardo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cardo-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/cardo-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cardo-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cardo-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cardo-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cardo-v9-latin-regular.svg#Cardo') format('svg'); /* Legacy iOS */
}
/* cardo-italic - latin */
@font-face {
  font-family: 'Cardo';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/cardo-v9-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/cardo-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cardo-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cardo-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cardo-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cardo-v9-latin-italic.svg#Cardo') format('svg'); /* Legacy iOS */
}



body, html {
  background:#fff;
  margin:0;
  padding:0;
}

html{font-size:90%;} 
@media(min-device-width : 768px) {
  html{
    font-size: 100%
  }
}

body {
  padding-top:50px;
}

p,dd,blockquote {
  font-family: 'Cardo', serif;
  line-height:150%;
  margin:0.4em 0 1.6em;
  font-size:110%;
}


#header {
  position:fixed;
  top:0;
  left:0;
  right:0;
  width:100%;
  height:50px;
  z-index:999;
  background:#fff;
  overflow: hidden;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  transition: height 0.3s;
  border-bottom:solid 1px #000;
}

#intro {
  position:relative;
  width:100%;
  min-height:70%;
  overflow:hidden;
  background:#050505;
}

#position {
  background:#eee;
}

body.fundraising #position p {
  text-align:center;
}

#position .inner {
  margin:0 10%;
  padding:20px 0;
}
@media(min-device-width : 768px) {
    #position .inner {
      margin:0 20%;
    }

    #position .video-left {
      float:left;
      width:40%;
      margin-right:1em;
	  margin-top:5px
    }
}

#position p {
  text-align:justify;
}

#logo {
  width: 100%;
  height: 100%;
  margin: 10% 0 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media(min-device-width : 768px) {
    #logo {
      margin: 10% 0 12%;
    }
}

#logo img  {
  width:35%;
  height:auto;
  mix-blend-mode: difference;
}

body.fundraising #logo img {
  mix-blend-mode: hard-light;
  opacity:0.8; 
}

#church {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: soft-light;
}

body.fundraising #church {
  mix-blend-mode: hard-light;
}

#light {
  width: 20vw;
  height: 20vw;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 20%;
  left: 10%;
  -webkit-filter: blur(10px);
          filter: blur(5vw);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transform: translateZ(0);
}

body.fundraising #light {
  background:#ffffff;
}


h1, h2, h3, h4 {
  font-family: 'Josefin Sans', sans-serif;
  text-transform: uppercase;
  letter-spacing:0.3em;
  text-align:center;
}

h1 {
  font-weight:300;
  margin:15px 0;
  font-size:150%;
}

h2 {
  margin-top:3em;
}

h3 {
  margin-bottom:0em;
}

#quotes {
  position:relative;
  margin:0 10%;
  top:-50px;
}

@media(min-device-width : 768px) {
    #quotes {
      margin:0 15%;
    }
}

#quotes .flexslider {
  background-color:transparent;
  border:0 none;
}

#quotes .flex-direction-nav {
  display:none;
}

#quotes .flexslider .slides li {
}

#quotes p,
#quotes h4 {
  color:#fff;
}


#quotes .quote {
  border:solid 1px #fff;
  padding:20px;
  background:#111;
  margin:1px;
}

#quotes .quote p {
  font-style: italic;
}

#footer {
  position:relative;
  width:100%;
  background:#050505;
  overflow:hidden;
}

.img-responsive {
  width:100%;
  height:auto;
}

.img-responsive-medium {
  width:60%;
  height:auto;
}

.img-responsive-small {
  width:40%;
  height:auto;
}

@media(min-device-width : 768px) {
  .img-responsive-medium {
    width:50%;
    height:auto;
  }

  .img-responsive-small {
    width:30%;
    height:auto;
  }
}

.small-text {
  font-size:90%;
}

.tiny-text {
  font-size:70%;
}


.accordion {
  margin:3em 10%;
}

@media(min-device-width : 768px) {
	.accordion {
  		margin:3em 20%;
	}
}

.accordion dt,
.accordion dd {
  border-top: 1px solid #fff;
  border-bottom: 0;
  color:#fff;
}

.accordion a {
  color:#fff;
  text-decoration: underline;
}

.accordion dt {
  font-family: 'Josefin Sans', sans-serif;
  font-weight:700;
  font-size:120%;
  text-transform:uppercase;
  padding:1em 0 0.8em;
  cursor:pointer;
}

.accordion dd {
  border-top: 0;
  margin:5px 0 20px;
  font-size:85%;
}


.clearfix:after {
  content: "";
  display: table;
  clear: both;
}


#special-guests {
  list-style:none;
}

#special-guests li {
  font-family: 'Cardo', serif;
  line-height:150%;
  margin:0.5em 0;
  font-size:120%;
  text-align: center; 
}

#special-guests li span {
  font-style:italic;
}


.subline {
  margin:5px 0;
  font-family: 'Josefin Sans', sans-serif;
  display:inline-block;
}

a {
  color:black;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid black;
    display: inline-block;
    margin-right: 5px;
}

#food p strong {
  font-size:90%;
  font-style:italic;
}

#food p {
}