/* CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}


/* Container Width */
@media (min-width: 768px) {
    .container {
        width: 614px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 794px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1000px;
    }
}


/*
  ========================================
  Custom styles
  ========================================
*/
.btn {
    border-radius: 0;
}
.carousel-control.left, .carousel-control.right {
    background-image: none;
}

#eventlist {
    list-style: none;
    margin-top: 23px;
}
#eventlist li {
    list-style: none;
    padding: 9px;
    border-top: 1px solid;
}
.eventtitle {
    font-size: 17px;
    line-height: normal;
    padding-bottom: 4px;
}
.eventdate {
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    color: #ffe600;
    letter-spacing: .2em;
    line-height: normal;
    padding-bottom: 8px;
}
.description {
    line-height: normal;
}
@media (min-width: 768px) {
    .eventlist-overflow {
        height: 496px;
        overflow: auto;
    }
}
.lead-photos {
    width: 290px;
    height: 290px;
    margin: 4px 0 12px 0;
}
.navbar-collapse {
    border-style: none;
    border-color: #1f2a44;
}
.navbar .collapse.in {
    display: inline;
}

.back-to-top {
    background: none;
    margin: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 70px;
    height: 70px;
    z-index: 100;
    text-decoration: none;
    color: #ffff00;
    background-color: #ff9000;
}

.back-to-top i {
    font-size: 60px;
}


/*
  ========================================
  Section Styles
  ========================================
*/
.row-white, .row-color {
    padding: 42px 0 42px 0;
}
.row-grad {
    padding: 72px 0 72px 0;
}
.row-white {
    background: #fff;
}
.row-color {
    background: #80225f;
    color: #fff;
}
.row-color h1, .row-color h3, .row-color h4, .row-color h5, .row-color h6, .row-color blockquote, .row-color footer {
    color: #fff;
}
.row-color h2, .row-grad h2 {
    color: #ffe600;
}
.row-color a, .row-color a:visited {
    color: #a8dbd5;
    text-decoration: none;
}
.row-color a:hover, .row-color a:focus {
    color: #00b18e;
}
.row-grad {
    color: #fff;
    background: -webkit-linear-gradient(to right top, #80225f, #80225f, #1f2a44);
    background: -moz-linear-gradient(to right top, #80225f, #80225f, #1f2a44);
    background: linear-gradient(to right top, #80225f, #80225f, #1f2a44);
}
.row-grad h1, .row-grad h3, .row-grad h4, .row-grad h5, .row-grad h6, .row-grad blockquote, .row-grad footer {
    color: #fff;
}

/*
.gradient-text {
    color: #fff;
    background: -webkit-linear-gradient(45deg, #80225f -10%, #cf7f00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}

/*
  ========================================
  Typography
  ========================================
*/
body {
    background-color: #1f2a44;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 160%;
    word-break: keep-all;
}
h1, h2, h3, h4, h6, block {
    font-family: 'Montserrat', sans-serif;
}
:lang(ko), #sermonList td, #specialList td {
    font-family: 'Jeju Gothic', sans-serif;
    word-break: keep-all;
}
.navbar a, h4, h6 {
    text-transform: uppercase;
    letter-spacing: .2em;
}
h1, h2, h3, h4, h5, h6, blockquote {
    line-height: 140%;
}
h1, h2, h3, h5 {
    color: #80225f;
}
h1, p {
    margin-bottom: 1em;
}
h1 {
    font-size: 68px;
}
h2 {
    font-size: 45px;
    line-height: 57px;
    margin-bottom: 32px;
}
h3 {
    font-size: 29px;
    margin-bottom: 10px;
}
h2, h3 {
    margin-top: 60px;
}
h4 {
    margin-top: 14px;
    margin-bottom: 4px;
    font-size: 21.5px;
}
h5 {
    font-size: 17px;
}
h6 {
    font-size: 10px;
    margin-bottom: 8px;
}
h4, h6 {
    color: #1f2a44;
}
blockquote p {
    font-size: 22px;
    line-height: 135%;
    margin: 0;
}
blockquote footer {
    font-size: 14.5px;
}
.quotes {
    font-size:625%;
    line-height:normal;
    margin-bottom: -50px;
}

.visit-item:not(:last-child) {
    border-right: 1px solid #b1b4b5;
}

#visit td {
    padding-right: 10px;
}

.panel-heading .accordion-toggle h5:after {
    /* symbol for "opening" panels */
    content:'\02796';
    float: right;
    color: #1f2a44;
    overflow: no-display;
}
.panel-heading .accordion-toggle.collapsed h5:after {
    /* symbol for "collapsed" panels */
    content:'\02795';
}
a.accordion-toggle{
    text-decoration: none;
}
div.panel-body {
    color: #1f2a44;
    padding: 12px;
    margin-bottom: 0;
}
h5.panel-title {
    color: #1f2a44;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 16px;
    transition: 0.4s;
}

/*
  ========================================
  Links
  ========================================
*/

.visit-item a, .visit-item a:visited, .visit-item a:focus, .visit-item a:hover {
    color: inherit;
}

#visit a, #visit a:visited, #visit a:focus, #visit a:hover {
    color: inherit;
    text-decoration: none;
}

.clickable-row a, .clickable-row a:visited, .clickable-row a:focus, .clickable-row a:hover {
    color: inherit;
    text-decoration: none;
}

a, a:visited {
    color: #00b18e;
    text-decoration: none;
}
a:hover, a:focus {
    color: #a8dbd5;
}

ul.pagination li:not(.disabled) a, ul.pagination li:not(.disabled) a:visited, ul.pagination li:not(.disabled) a:focus, ul.pagination li:not(.disabled) a:hover  {
    color: #00b18e;
}
ul.pagination li.active a, ul.pagination li.active a:visited, ul.pagination li.active a:focus, ul.pagination li.active a:hover  {
    color: #fff;
    background-color: #00b18e;
    border-color: #00b18e;
}

.reverse {
    color: #fff;
}

@media (min-width: 992px) {
    .twoColumn {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
        -webkit-column-gap: 50px; /* Chrome, Safari, Opera */
        -moz-column-gap: 50px; /* Firefox */
        column-gap: 50px;
    }
}

/****** Header Style *********/
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1.3s;
	-moz-animation-duration:1.3s;
	animation-duration:1.3s;

    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.fullscreen {
    height: 100vh;
    min-height: 400px;
    box-shadow: inset 0px -4px 14px 0px rgba(50, 50, 50, 1);
    background: no repeat;
    background-position: center center;
    background-size: cover;
    z-index: 0;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.fullscreen h1 {
    color: #fff;
    position:relative;
    z-index: 2;
}
.fullscreen:after {
    content: '';
    background: -webkit-linear-gradient(to right top, #80225f, #80225f, #1f2a44);
    background: -moz-linear-gradient(to right top, #80225f, #80225f, #1f2a44);
    background: linear-gradient(to right top, #80225f, #80225f, #1f2a44);
    width: 100%;
    height: 100%;
    opacity: 0.92;
    top: 0;
    left: 0;
    display: block;
    z-index: 1;
    position: absolute;
}

/****** Navigation Style *********/
.navbar {
    border-bottom: 0;
    background-color: #1f2a44;
}
.navbar span {
    display: inline;
    font-size: 15px;
}
.nav > li > a {
    height: 58px;
    padding: 19px 21px 0 21px;
}
#navbar a {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
}
#navbar li.active > a, #navbar li.active:focus > a, #navbar li.active:hover > a, .dropdown-menu li:hover a {
    background-color: #00b18e;
}
#navbar li.open > a, #navbar li:hover a, .dropdown-menu li a {
    background-color: #a8dbd5;
}
.dropdown-menu {
    padding: 0;
}


/****** Footer Style *********/
#footer {
    background: #1f2a44;
    color: #fff;
    padding: 120px 0 120px 0;
}
#footer h6 {
    color: #fff;
    display: inline-block;
}
#footer p {
    font-size: 11px;
    margin-bottom: 0;
    letter-spacing: .07em;
}
#footer a, #footer a:visited {
    color: #fff;
    padding: 0 12px 0 12px;
}
#footer a:hover, #footer a:focus {
    color: #a8dbd5;
    text-decoration: none;
}
#footer span {
    font-size: 13px;
}

/****** Read More Style *********/
.morecontent {
  display: none;
}

/****** Parallax Style *********/
.parallax-visit {
    background: rgba(60, 60, 60, 0.88);
    padding-bottom: 48px;
}
.parallax-window h2, .parallax-window h4, .parallax-window h5, .parallax-window p {
    color: #fff;
}

/****** Sermon Player Style *********/

/* Custom Styles
================================================== */


/* churchMap Styles
==================================================*/
#churchMap {
    width: 100%;
    height: 380px;
}


/* Audio Player Styles
================================================== */
audio {
    margin:10px 0 20px 0;
    width:100%;
}

.clickable-row:active, .clickable-row:hover {
    background: #ddd;
}

.clicked {
    background: #ddd;
}


/* Table Styles
==================================================*/
table {
    width:100%;
}