@font-face {
 font-family: 'AdventPro';
 src: url('/HarrisonLegacyContent/fonts/AdventPro-Light.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
@font-face {
    font-family: 'karlabold';
    src: url('karla-bold-webfont.woff2') format('woff2'),
         url('karla-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'karlabolditalic';
    src: url('karla-bolditalic-webfont.woff2') format('woff2'),
         url('karla-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'karlaitalic';
    src: url('karla-italic-webfont.woff2') format('woff2'),
         url('karla-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'karlaregular';
    src: url('/HarrisonLegacyContent/fonts/karla-regular-webfont.woff2') format('woff2'),
         url('/HarrisonLegacyContent/fonts/karla-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {
 font-family: 'karlaregular','AdventPro';
 background-color:#fff;
 font-size:1.75em;
}
h1 {
 font-size:1.5em;
}
h2 {
 font-size:1.3em;
}
h3 {
 font-size:1.1em;
}
nav {
 xbackground-color: #460472; /*purple*/
 background-color: rgb(85,103,65); /*green #556741*/
 width: auto;
}
nav ul {
 list-style: none;
 margin: 0;
 padding: 0;
 line-height: 1;
 display: block;
 zoom: 1;
}
nav ul:after {
 content: " ";
 display: block;
 font-size: 0;
 height: 0;
 clear: both;
 visibility: hidden;
}
nav ul li {
 display: inline-block;
 padding: 0;
 margin: 0;
}
nav.align-right ul li {
 float: right;
}
nav.align-center ul {
 text-align: center;
}
nav ul li a {
 color: #ffffff;
 text-decoration: none;
 display: block;
 padding: 15px 25px;
 font-family: 'karlaregular','AdventPro', sans-serif;
 font-weight: 700;
 xtext-transform: uppercase;
 font-size: 20px;
 position: relative;
 -webkit-transition: color .25s;
 -moz-transition: color .25s;
 -ms-transition: color .25s;
 -o-transition: color .25s;
 transition: color .25s;
}
nav ul li a:hover {
 color: #cdcdcd;
}
nav ul li a:hover:before {
 width: 100%;
}
nav ul li a:after {
 content: "";
 display: block;
 position: absolute;
 right: -3px;
 top: 19px;
 height: 6px;
 width: 6px;
 background: #ffffff;
 opacity: .5;
}
nav ul li a:before {
 content: "";
 display: block;
 position: absolute;
 left: 0;
 bottom: 0;
 height: 3px;
 width: 0;
 background: #333333;
 -webkit-transition: width .25s;
 -moz-transition: width .25s;
 -ms-transition: width .25s;
 -o-transition: width .25s;
 transition: width .25s;
}
nav ul li.last > a:after,
nav ul li:last-child > a:after {
 display: none;
}
nav ul li.active a {
 color: #cdcdcd;
}
nav ul li.active a:before {
 width: 100%;
}
nav.align-right li.last > a:after,
nav.align-right li:last-child > a:after {
 display: block;
}
nav.align-right li:first-child a:after {
 display: none;
}
@media screen and (max-width: 1190px) {
 nav ul li {
 float: none;
 display: block;
 }
 nav ul li a {
 width: 100%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 border-bottom: 1px solid #dcdcdc;
 }
 nav ul li.last > a,
 nav ul li:last-child > a {
 border: 0;
 }
 nav ul li a:after {
 display: none;
 }
 nav ul li a:before {
 display: none;
 }
}
footer {
 margin-top:1em;
 xbackground-color: #460472; /*purple*/
 background-color: rgb(85,103,65); /*green*/
 width: auto;
 color: #efefef;
 padding: 1em;
 clear: both;
}
footer a {
 color: #efefef;
}

.problem {
  border: .5em solid #ff0000;
}
.success {
  border: .5em solid #00ff00;
}
.problem, .success {
  border-radius: 1em;
  padding: 1em;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width:80%;
}
.upload {
 background-color: #efefef;
 xcolor: #ffffff;
 xfont-size:2em;
 padding:1em;
 margin:1em;
}

.block_text {
 background-color: rgb(85,103,65); /*green*/
 color: #ffffff;
 font-size:2em;
 padding:1em;
}
.block_image {
 width:100%;
}

.gallery_photo {
 margin: 1em;
 border: 1px solid #ccc;
 float: left;
 transition: transform .2s; /* Animation */
 transform: scale(.90);
 box-shadow: 5px 5px 6px #888;
 background-color: #f9f9ef;
}
.gallery_photo:hover {
 border: 1px solid #460472;
 transform: scale(1);
}
.gallery_photo img {
 width: 100%;
 height: auto;
}
.gallery_image_text {
 padding: .25em;
 text-align: center;
}
.SeeHowThisPageWorks {
 margin: .75em;
 padding: 1em;
 border: 1px solid #444;
 box-shadow: 5px 5px 6px #999;
 background-color: #efefef;
 font-size: .85em;
}

.HomePagePlanAVisit a {
 background-color: #fff;
 color: #121212;
 text-decoration: none;
 text-align: center;
 display: block;
 padding: 15px 25px;
 font-family: 'karlaregular','AdventPro', sans-serif;
 font-size: 1em;
 position: relative;
}
.HomePagePlanAVisit a:hover {
 text-decoration: none;
 color: #010101;
 background-color: #efefef;
 padding: 15px 25px;
}
.HomePageLatestSermon a {
 background-color: #fff;
 color: #121212;
 text-decoration: none;
 text-align: center;
 display: block;
 padding: 15px 25px;
 padding-bottom: 3em;
 xfont-family: 'karlaregular','AdventPro', sans-serif;
 font-size: 1.8em;
 xposition: relative;
}
.HomePageLatestSermon a:hover {
 text-decoration: none;
 color: #010101;
 background-color: #efefef;
 padding: 15px 25px;
 padding-bottom: 3em;
}
.HomePagePhotoGalleryTitle a {
 background-color: rgb(85,103,65); /*green*/
 color: #ffffff;
 text-decoration: none;
 text-align: center;
 display: block;
 padding: 15px 25px;
 font-family: 'karlaregular','AdventPro', sans-serif;
 font-size: 1em;
 position: relative;
}
/* begin HomePage div table */
.Home_Page_Text_on_Image {
 position: relative;
 text-align: center;
 color: #fff;
 background-color: rgb(85,103,65); /*green*/
 font-size: .7em;
}
.Home_Page_Centered_Text_on_Image {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
.Home_Page_Centered_Long_Text_on_Image {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 font-size: 2em;
}
.Home_Page_Area {
 float:left;
 width:50%;
}
.Home_Page_Separator {
 background-color: rgb(85,103,65); /*green*/
 height: .25em;
}
@media (max-width:1000px){
 .Home_Page_Text_on_Image {
  font-size: .6em;
 }
}
@media (max-width:900px){
 .Home_Page_Text_on_Image {
  font-size: .5em;
 }
}
@media (max-width:700px){
 .Home_Page_Area {
  display: block;
  padding: 15px 25px;
  width:92%;
  font-size: 1.2em;
 }
}
@media (max-width:500px){
 .Home_Page_Text_on_Image {
  font-size: .4em;
 }
}
/* end HomePage div table */
/* begin HomePage full section */
.Full_Width_Image_Then_Text a {
 clear:both;
 background-color: #fff;
 color: #121212;
 text-decoration: none;
 text-align: center;
 display: block;
 padding-top: 1em;
 padding-bottom: 2em;
 transition: transform .2s; /* Animation */
 transform: scale(.9);
}
.Full_Width_Image_Then_Text a:hover {
 background-color: #efefef;
 color: #010101;
 text-decoration: none;
 padding-top: 1em;
 padding-bottom: 2em;
 transition: transform .2s; /* Animation */
 transform: scale(1);
 z-index:-1;
}
.Upcoming_Event_With_A_Link a {
 clear:both;
 background-color: #fff;
 color: #121212;
 text-decoration: none;
 text-align: center;
 display: block;
 padding-top: 2em;
 padding-bottom: 2em;
 transition: transform .2s; /* Animation */
 transform: scale(.9);
}
.Upcoming_Event_With_A_Link a:hover {
 background-color: #efefef;
 color: #010101;
 text-decoration: none;
 padding-top: 2em;
 padding-bottom: 2em;
 transition: transform .2s; /* Animation */
 transform: scale(1);
 z-index:-1;
}
.Upcoming_Event_With_No_Link {
 clear:both;
 background-color: #fff;
 color: #121212;
 text-decoration: none;
 text-align: center;
 display: block;
 padding-top: 2em;
 padding-bottom: 2em;
 transition: transform .2s; /* Animation */
 transform: scale(1);
}
/* end HomePage full section */
.composer {
  font-size:.5em;
  margin-bottom:-1em;
}
.hide {
  display:none;
}
.show {
  display:inline;
  font-size:.5em;
}
a {
 text-decoration: none;
 color: #efefef;
 background-color: rgb(85,103,65); /*green*/
 xpadding: 15px 25px;
}
a:hover {
 text-decoration: none;
 color: #ededed;
 background-color: rgb(69,44,42); /*purple-ish brown #452c2a*/
 xpadding: 15px 25px;
}
.HomePagePhotoGalleryImage {
 display: block;
 width:100%;
}
.PhotoGalleryThumbnail {
 display: block;
 margin-left: auto;
 margin-right: auto;
 width:40%;
}
.sermon_to_play {
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 font-size: 1.15em;
}
.sermon_play {
 padding: 1em;
 background-color: rgb(85,103,65); /*green*/
 color: #fff;
}
.sermon_text {
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}
.sermon_graphic {
 display: block;
 margin-left: auto;
 margin-right: auto;
 width:60%;
}
.sermon_graphic_thumbnail {
 margin-top:2em;
 display: block;
 margin-left: auto;
 margin-right: auto;
 width:40%;
}

.videoWrapper {
	 position: relative;
	 padding-bottom: 56.25%; /* 16:9 */
	 padding-top: 25px;
	 height: 0;
	 margin: 3px 0px 60px 0px;
}
.videoWrapper iframe {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
.videotitle {
	 font-size: 1.05em;
	 color: #00465c;
	 line-height: 1.05em;
	 margin: 10px 0px 4px 0px;
}