/*VIDEO UNAVAILABLE PAGE*/
#noVideo {
  color: #333;
  /*background-color: pink;
  display: block;*/
  width: 500px;
  margin: 0 auto 0;/*this line will center the page*/
  padding: 10px;
  /*border: 2px solid #666666;
  background-color: white;
  -moz-border-radius: 15px;
	-webkit-border-radius:15px;
  border-radius:15px;
  behavior:url(components/css3_pie/PIE.htc); /*ie compatibility */
}
.no-video-icon {
  background: url(https://calvarychapelhonolulu.com/media/images/vid_none.png);
  width:162px;
  height:146px;
  display: block; 
  margin-left: auto; 
  margin-right: auto;
  }
/*.errormsg {*/
div.player-error-screen__title[data-error-screen], .no-video {
  text-align: center;
  /*line-height: 22px;*/
  font-size:1.5em;
  color: #000000;
  font-weight: bold;
  background: #FF9D9D 10px center;
  padding: 3px 10px 3px 40px;
  margin: 10px 0;
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;
}

.embed-error-screen {
padding:100% 0 100% 0;
height:100%;
}
  
/*SEARCH TOOLS */
.searchtools_header {
background-color: #1a1a1a!important;
font-family: 'Arimo', sans-serif;
font-size:100%;
font-weight:500;
color:#fff;
text-align:center;
padding:10px 0px;
}

.searchtools {
background-color: rgba(0, 255, 2555, 0.5);
font-family: 'Arimo', sans-serif;
font-size:90%;
font-weight:600;
color:#1a1a1a;
text-align:center;
border-top:1px solid white;
padding:10px 0px;
vertical-align: top;
}

.search-btn {
    color: #32beeb!important; 
    background-color: #1a1a1a; 
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    text-decoration:none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
} 
 
.search-btn:hover, 
.search-btn:focus, 
.search-btn:active,
.search-btn.active, 
.open .dropdown-toggle.search-btn{ 
    color: #32BEEB;    
    background-color: #FFFFFF;
    border: 1px solid #1a1a1a;
    text-decoration:none;   
} 
 
.search-btn:active, 
.search-btn.active, 
.open .dropdown-toggle.search-btn { 
  background-image: none; 
} 
 
.search-btn.disabled, 
.search-btn[disabled], 
fieldset[disabled] .search-btn, 
.search-btn.disabled:hover, 
.search-btn[disabled]:hover, 
fieldset[disabled] .search-btn:hover, 
.search-btn.disabled:focus, 
.search-btn[disabled]:focus, 
fieldset[disabled] .search-btn:focus, 
.search-btn.disabled:active, 
.search-btn[disabled]:active, 
fieldset[disabled] .search-btn:active, 
.search-btn.disabled.active, 
.search-btn[disabled].active, 
fieldset[disabled] .search-btn.active { 
  background-color: #32BEEB; 
  border-color: #FFFFFF; 
} 
 
.search-btn .badge { 
  color: #32BEEB; 
  background-color: #FFFFFF; 
}

.search_table {
          border: 3px solid #007bff;
          border-radius: 10px;
          color:#007bff;
          text-align: center;
          border-collapse: separate;
}
.search-input {
	outline: none;
}
.search-input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
	background: #ededed url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;
	padding: 9px 10px 9px 32px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	width: 200px;
	min-height:15px;
	line-height:15px;
	border-radius: 10em;
  border: solid 1px #1a1a1a!important;
  margin-bottom:5px;
}

.search-input::-webkit-search-decoration,
.search-input::-webkit-search-cancel-button {
	display: none; 
}

.search-input[type=search]:focus {
	width: 200px;
	background-color: #fff;
	border-width: 2px;
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

.search-input[type="date"],.search-input[type="text"] {
          
          font-family: 'Arimo', sans-serif;
          border-radius: 10em;
          border: solid 1px #1a1a1a!important;
          margin-bottom:5px;
          font-size: 100%;	
          min-height: 38px;
          line-height: 38px;
          font-weight: 500;
}

.search-input:-moz-placeholder {
	color: #999;
}
.search-input::-webkit-input-placeholder {
	color: #999;
}

#message-search-text, #worship-search-text {
  color:#fff;
  font-size:90%;   
  font-weight:500;
  font-family: 'Arimo', sans-serif;
  text-transform:uppercase;
}

/*EPISODE BUTTONS*/
a.episode-btn {
border: 1px solid #32beeb !important;
}
.episode-btn,
.modal_btn,
.livestream-btn
{ 
    color: #FFFFFF; 
    background-color: transparent; 
    border-color: #FFFFFF;
    display: inline-block;
    padding: 4px 8px;
    margin: 3px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    text-decoration:none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid #32beeb !important;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
} 
 .livestream-btn {
 background-color: #000;
 }
.episode-btn:hover, 
.episode-btn:focus, 
.episode-btn:active, 
.episode-btn.active, 
.open .dropdown-toggle.episode-btn { 
  color: #32beeb; 
  background-color: #ffffff; 
  border-color: #1a1a1a;
  text-decoration:none; 
} 
 
.episode-btn:active, 
.episode-btn.active, 
.open .dropdown-toggle.episode-btn { 
  background-image: none; 
} 
 
.episode-btn.disabled, 
.episode-btn[disabled], 
fieldset[disabled] .episode-btn, 
.episode-btn.disabled:hover, 
.episode-btn[disabled]:hover, 
fieldset[disabled] .episode-btn:hover, 
.episode-btn.disabled:focus, 
.episode-btn[disabled]:focus, 
fieldset[disabled] .episode-btn:focus, 
.episode-btn.disabled:active, 
.episode-btn[disabled]:active, 
fieldset[disabled] .episode-btn:active, 
.episode-btn.disabled.active, 
.episode-btn[disabled].active, 
fieldset[disabled] .episode-btn.active { 
  background-color: #32BEEB; 
  border-color: #FFFFFF; 
} 
 
.episode-btn .badge { 
  color: #32BEEB; 
  background-color: #FFFFFF; 
}
/*=====MODAL BUTTONS--*/
a.modal-btn {
border-color: #32BEEB; 
}
.modal-btn { 
    color: #32BEEB; 
    background-color: transparent; 
    border-color: #FFFFFF;
    display: inline-block;
    padding: 4px 8px;
    margin: 3px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    text-decoration:none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid #32BEEB;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
} 
 
/*XML CDATA STYLES*/
.xml_date_heading, a.xml_date_heading, a.xml_date_heading:hover {
  color:#fff;
  font-size:90%;   
  font-weight:500;
  font-family: 'Oswald', sans-serif;
  text-decoration-line:none;
  text-transform:uppercase;
  cursor: pointer;
}

.xml_msg_info {
  color:#fff;
  font-size:80%;   
  font-weight:500;
  font-family: 'Arimo', sans-serif;
  text-decoration:none;
  text-transform:none;
}
.xml_service_info,
.xml_brown_bold {
  color:#fffcfa;
  font-style:italic;  
  font-size:70%; 
  font-weight:500;   
  font-family: 'Questrial', sans-serif;
  text-decoration:none;
  text-transform:none;
}
.xml_teacher_info {
  color:#fffcfa;
  font-size:70%;
  font-weight:500;      
  font-family: 'Questrial', sans-serif;
  margin-left:3px;
  text-decoration:none;
  text-transform:none;
}

/*###### MODAL CUSTOMIZATION */
.episode-modal-dialog {
    max-width: 100%;
    margin: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100vh;
    display: flex;
    align-items: center;
}
.episode-modal {
    padding:25px!important;
    /*padding-right: 0px !important;*/
    background-image: url('https://calvarychapelhonolulu.com/media/images/Aloha_BW_lg.jpg');
}
.episode-modal-lg {
max-width: 75%;
max-height: fit-content;
}

.episode-modal-sm.episode-modal-lg {
max-width: 75%;
max-height: 100px;
}

.episode-modal-backdrop.show {
    opacity:.85;
}

.episode-modal-header {
background-color:#1a1a1a;
}

.episode-modal-body {
background-color:#1a1a1a;
}

.episode-modal-footer {
background-color:#1a1a1a;
}
.spinner-three-bounce {
/*background-color: #32BEEB;*/
}
body {
background-image: url('https://calvarychapelhonolulu.com/media/images/Aloha_Print_4.jpg') !important;
background-color:#fff !important;
}
.aloha-bw {
margin:15px;
 padding:3px;
 border: 2px solid #1a1a1a;
 border-radius: 5px;
background-image: url('https://calvarychapelhonolulu.com/media/images/Aloha_BW_sm.jpg');
}
.episode-list {
padding:10px 10px;
 background-color: #1a1a1a;
 border: 1px solid #32beeb;
 border-radius: 5px;
}
.modal-dialog-mobile-error, .modal-content-mobile-error {
  height: 70% !important;
}
.modal-body-mobile-error {
max-height: calc(100% - 120px) !important;
  overflow-y: scroll  !important;
}

/*#########  BOOTSTRAP MENUS #############*/
.dropdown-item {
display:block;width:100%;padding:.5rem .5rem;clear:both;font-weight:400;color:#fff;text-align:inherit;white-space:nowrap;background-color:transparent;border:0
}
.dropdown-item:focus,.dropdown-item:hover {
color:#1a1a1a;text-decoration:none;background-color:#32beeb;
}
/*.dropdown-item.active,.dropdown-item:active {
color:#32beeb;text-decoration:none;background-color:#1a1a1a;
}*/
.pagination a {
  margin: 3px 3px; /* 0 is for top and bottom. Feel free to change it */
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #1a1a1a;
    }
.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #1a1a1a;
    background-color: rgba(0, 255, 2555, 0.5);
    border: none;
    border-radius: 5px;
    font-family: 'Arimo', sans-serif;
}    
.page-link:hover, .page-link:focus, .page-item:hover, .page-item:focus{
   /*background-color: #fff;
   color: #32beeb;*/   
}

.navbar-dark .navbar-nav .nav-link {
   color: #fff;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #1a1a1a;
    background-color: #32beeb; 
    } 
/* OLD NAVBAR CODE   
.dropdown-menu li {
position: relative;
}
.dropdown-menu .dropdown-submenu {
display: none;
position: absolute;
left: 100%;
top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
right: 100%;
left: auto;
}*/
.dropdown-menu > li:hover > .dropdown-submenu {
/*display: block;*/
}

/*NEW navbar code*/   
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  display: none;
  top: 10%;
  left: 100%;
  margin-top: -1px;  
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
    border: 2px solid white;
    border-radius: 5px; 
    background-color: #1a1a1a;  
}