.nav-main > li > a.menu-horz-line + .nav-mega-wrapper > .line-horz {
	bottom: 80px !important;
	left: 50% !important;
}

.hidden { display: none; }

.mejs-overlay-button {margin-top: -50px !important;}

.video-youtube .mejs-overlay-button {background:none !important;}

.field-wrp > label, input[type="email"] {margin-bottom:.6rem;}
[class*="box-"] input[type="email"] {background-color:#fafafa;}
input[type="email"] {width:390px; background-color:#fff; border:1px solid #78889c; padding:0 1rem;}
input[type="email"] {height:34px; line-height:34px;}


/* This is for dispplaying pastors in one line on Contact us page */
@media (min-width: 600px){
 ul.contact-pastors { display: inline-flex;}
}

/* This for fixing <a> link lines  */
.series-resource .resource dl.clearfix{
    width: 335px;
}

/* This is to fix a paddigng for blockquote */
ul.grid-testimonies.match-height.load-next.clearfix blockquote:before {
    margin-top: -10px !important; 
}

/* This is to fix a link on testimonies */
[class*="grid-testimonies"] li a:not(.link-txt) {
 color:#05c; 
 border-bottom:1px dotted !important; 
 margin:0;
}

/* This is to fix z-index for menu on ypg-yag mobile */
#nav-inside-mobile.stuck, .nav-tabs.expanded.stuck {
    z-index: 101;
}

/* This is to fix grid for Teachers & classes on mobile  */
@media (max-width: 768px) {
 .grid-expanded-inner dl.clearfix dd{
  display: table;
 }
}

/* This is to fix gallery on mobile */
@media (max-width: 480px){ 
 .fancybox-gallery .lightbox-content {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
 }
}

/* This is to fix news and events on mobile */
@media (max-width: 480px){  
 .list-calendar{
  width: 228px !important;
  left: 0;      
  right: 0;      
  margin-left: auto;      
  margin-right: auto;      
  position: absolute;
 }
 
 .carousel-event{
  margin-top: 36px;
 }
}

/* This is to fix link color on bsr by-series tab*/
.list-bsr > h3 > a {
 color: #05c !important;
    border-bottom-color: rgba(0, 85, 204, 1) !important;
}

/* This is to force break line in News*/
/*iPhone 4 and 5*/
@media (min-width: 320px) and (orientation : portrait){
 .event > h3{
  width: 190px;
  word-break: break-word;
 }
}

/*iPhone 6*/
@media (min-width : 375px) and (orientation : portrait){
 .event > h3{
  width: 240px;
  word-break: break-word;
 }
}

/*iPhone 6plus*/
@media (min-width : 414px) and (orientation : portrait){
 .event > h3{
  width: 270px;
  word-break: break-word;
 }
}

/*For tablet*/
@media (min-width : 600px) and (orientation : portrait){
 .event > h3{
  width: 420px;
  word-break: break-word;
 }
}

/*Apple iPad & iPad Mini*/
@media (min-width : 768px) and (orientation : portrait){
 .event > h3{
  width: 580px;
  word-break: break-word;
 }
}

/*For laptops/desktops*/
@media only screen and (min-width : 1000px) {
 .event > h3{
  width: 220px;
  word-break: break-word;
 }
}

/* This is for audio progress bar on messages */
.jp-progress {
	 width: 190px;
    position: absolute;
    right: 112px;
    top: 0;
}

.jp-seek-bar { 
	width: 100%;height: 6px;margin-top: 22px; background-color: rgba(255,255,255,.2);
}

.jp-play-bar {
	height: 100%;
	background-color: #FFFFFF;
}

@media only screen and (max-width: 480px) {
	.jp-progress { width: 80px; right: 98px;}	
	.jp-seek-bar { margin-top: 18px; }
}

/* End This is for audio progress bar on messages */

.daily-devotion-top > div:nth-child(1) {width:20%;}
.daily-devotion-top > div:nth-child(2) {width:79%;}

.selecter.xsmall {
    width: 14.2rem !important;
    white-space: nowrap;
}

.list-lesson > li > .cal-date-event {
	padding-top: 30px;
}

h5, h6 {font-size:16px; font-size:1.6rem; line-height:1.3;}

@media only screen and (max-width: 480px) {
	#news_last_child{ 
		width: 240px;
		float: right;
	}
}

@media only screen and (max-width: 480px) {
	input[type="email"]{
		width: 100%;
	}
}

.clearfix-xs {
    display: none !important;
}
.daily-devotion-top > div:nth-child(1) {
    display: none;
}
.bsr-filter-top .devotions-select-day .devotions-day {
    width: 10rem;
}
.nav-breadcrumb > li {
    white-space: nowrap;
    max-width: 300px;
}
.nav-breadcrumb > li > a,
.nav-breadcrumb > li:last-child {
    text-overflow: ellipsis;
    overflow: hidden;
}

.nav-breadcrumb > li > span {
    padding-right: 16px;
}
.nav-breadcrumb > li > span.link-disabled::after{
    width: 24px;
    height: 24px;
    content: "";
    border: 1px solid #ccc;
    border-top: none;
    border-left: none;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: -2px;
    right: 0;
    display: block;
}
.empty-poems {
    height: 5em;
}
.inline-block {
    display: inline-block;
}
.view-all-section {
    margin: 20px 0;
}
.view-list .event-two-dates {
    width: 22rem;
}
.view-list .event-with-end-date {
    width: 17rem;
}
.view-list .events-detail-narrow {
    width: calc(100% - 22rem);
}
.cal-date-event .date-separator {
    font-size: 4rem;
    line-height: 2.5rem;
    margin: 0 1rem;
}
.cal-date-event > .date-end {
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    float: left;
}
.cal-date-event > .date-end > span:first-child {
    font-size: 4rem;
    font-family: 'OpenSans-Bold';
    font-weight: normal;
    line-height: .9;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

#footer-links > li:last-child {
    width: 240px;
    margin-top: 15px;
}

@media only screen and (max-width:736px) {
    /** Devotionals Hamburger Content Menu */
    .daily-devotion-top > div:nth-child(1) {
        width:50%;
        display: block;
        clear: both
    }
    .daily-devotion-top > div:nth-child(2) {
        width:90%;
    }
    .daily-devotion-top .field-wrp {

    }
    .clearfix-xs {
        display: block !important;
    }
    .view-list .event-two-dates {
        width: 12rem;
    }
    .cal-date-event .date-separator {
        width: 8rem;
        text-align: center;
        line-height: 3rem;
        font-size: 4rem;
    }
    .cal-date-event > .event {
        padding-left: 4rem;
        width: 70%;
        font-wrap: break;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .view-all-section {
        text-align: right;
    }
}




/* New CSS Elements
Added: 18 January 2017
==========================================================*/
#top .wrapper {position: relative;}
#top-bar {z-index: 100;}

.loggedOn {display: block; position: relative; padding-right: 25px;}
.loggedOn.active {color: #c7c6c6;}
.loggedOn:after {content: "\f107"; font-family: 'FontAwesome'; line-height: 1; display: block; width: 18px; height: 18px; position: absolute; margin: auto; top: 0; bottom: 0; right: 0; transform: rotate(0deg); transition: all ease-out 0.3s; text-align: center; font-size: 18px;}
.loggedOn.active:after {content: "\f107"; font-family: 'FontAwesome'; line-height: 1; display: block; width: 18px; height: 18px; transform: rotate(180deg); transition: all ease-out 0.3s;}

.postlogSubs {position: absolute; width: 165px; right: 0; top: 36px; background: rgba(27, 59, 108, 0.9); display: none;}
.postlogSubs ul {margin: 0; padding: 5px 0; list-style-type: none;}
.postlogSubs li {padding: 10px 15px;}
.postlogSubs li a {color: #fff; text-decoration: none; border-bottom: 2px solid transparent; line-height: 20px; transition: all ease-out 0.2s; font-size: 14px;}
.postlogSubs li a:hover {border-bottom: 2px solid #fff; transition: all ease-out 0.2s;}

/* Media Queries
==========================================================*/
/* Large Desktop */
@media only screen and (min-width : 1200px) {
    .desktopNavi {display: block;}
    .mobileNavi {display: none;}
    .mobileUserID {display: none;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) and (max-width : 1199px) {
    .desktopNavi {display: block;}
    .mobileNavi {display: none;}
    .mobileUserID {display: none;}
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) and (max-width : 991px) {
    .desktopLogin {display: none!important;}
    .nav-main li.desktopNavi {background-color: #e5e5e5;}
    .nav-main li.desktopNavi a {border-top: 0 none!important;}
    .nav-main li.mobileNavi {display: block; background-color: #e5e5e5;}
    .nav-main > li.mobileNavi {background-color: #000;}
    .nav-main li.mobileNavi {display: block; background-color: #e5e5e5; border-top: 2px solid rgba(0,0,0,.1);}
    .nav-main > li.mobileNavi ~ li.mobileNavi {border-top: 0 none;}
    .mobileUserID {display: block;}
    .mobileUserID span {display: block; padding: 0px 20px 20px!important; text-transform: uppercase;}
}

/* Mobile */
@media only screen and (min-width: 320px) and (max-width : 767px) {
    .desktopLogin {display: none!important;}
    .nav-main li.desktopNavi {background-color: #e5e5e5;}
    .nav-main li.desktopNavi a {border-top: 0 none!important;}
    .nav-main li.mobileNavi {display: block; background-color: #e5e5e5; border-top: 2px solid rgba(0,0,0,.1);}
    .nav-main > li.mobileNavi ~ li.mobileNavi {border-top: 0 none;}
    .mobileUserID {display: block;}
    .mobileUserID span {display: block; padding: 0px 20px 20px!important; text-transform: uppercase;}
}

#bethany-forget-password {
    padding: 10px;
    border: 0 !important
}