/*Custom Bootstrap CSS Style Sheet*/


body {
	font-family: "Quattrocento Sans", Candara, "Trebuchet MS", Calibri, "Lucinda Grande", Tahoma, sans-serif !important; 
	font-size: 18px; /*15px;*/
	line-height: 1.75em;
	color: #666;
/*	background: #333 !important;  */
  /*   background: rgba(255,255,0,0.1); */
    
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b35a11+0,ffff00+30,ffffff+75,7db9e8+100&1+0,0+100 */
background: -moz-linear-gradient(top, rgba(179,90,17,1) 0%, rgba(255,255,0,0.7) 30%, rgba(255,255,255,0.25) 75%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(179,90,17,1) 0%,rgba(255,255,0,0.7) 30%,rgba(255,255,255,0.25) 75%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(179,90,17,1) 0%,rgba(255,255,0,0.7) 30%,rgba(255,255,255,0.25) 75%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b35a11', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
    
    
    
	height: 100%;
/*	min-width: 460px; */

/* background-image: url("images/OPJWebApp_Background.png"); */
/* background-image: url("images/img-noise-c68100-40-10.png"); */
background-image: url("images/img-noise-efefef-c68100-40-10.png");
}

/*Added to style the tinymce text entry field for the prayer journal entries - EJK 9.18.2016*/
body#tinymce {
    background: #FFF !important;
    font-size: 15px;
    line-height: 1.2em !important;
}


.mce-menu-item:hover, .mce-menu-item.mce-selected {
    background-color: #ddd !important;
}

 h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6 , .h6 {
	font-family: "Quattrocento", "Gill Sans", Geneva, Calibri, Candara, "Segoe UI", "Times New Roman", Times, serif;
	color: #C68000;
	font-weight: bold;
	line-height: 1.1;
}




h2, .h2 {
    font-size: 36px;
}

h3, .h3 {
    font-size: 30px;
}


h4, .h4 {
    font-size: 22px;
}


.smallerHeader {
    font-size: 26px !important;
}

.myCentered {
    text-align: center;
}

a {
	color: #FFA500;
}

a:hover {
	color: #FFA500;
	font-style: underline;
}

a:visited {
	color: #FFA500;
	text-decoration: none;
}

a.btn.btn-success:visited, a.btn.btn-secondary:visited, a.btn.btn-danger:visited, a.btn.btn-warning:visited  {
	color: #FFF !important;
	text-decoration: none;
}

.btn-success:focus {
    box-shadow:0 0 0 0.2rem rgba(16,71,169,0.2);
}

/*background color for active input fields*/
.form-control:focus, .mce-panel:focus {
  border-color: orange;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 165, 0, 0.6);
}

/*match styling of form fields for bootstrap to the tinymce border - EJK 5/12/2017*/
.mce-panel {
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.pageContainer {
	height: 100%;
	margin: 10px 0px;
	padding: 10px;
	background: #FFF;
	border-radius: 10px;
}

.headerContainer {
	width: 100%;
	height: 90px;
	padding: 15px 15px;
	/*background: linear-gradient(white, yellow, orange); /* Original CSS */
	
	background: #fceabb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fceabb 0%, #ffffff 0%, #ffff00 54%, #ffa500 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(0%,#ffffff), color-stop(54%,#ffff00), color-stop(100%,#ffa500)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fceabb 0%,#ffffff 0%,#ffff00 54%,#ffa500 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fceabb 0%,#ffffff 0%,#ffff00 54%,#ffa500 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fceabb 0%,#ffffff 0%,#ffff00 54%,#ffa500 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fceabb 0%,#ffffff 0%,#ffff00 54%,#ffa500 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#ffa500',GradientType=0 ); /* IE6-9 */
}



/*Logged in header styles*/
.loggedInHeader, .loggedInHeader a  {
    color: #FFF;
    text-decoration: none;
}

.loggedInHeader a:hover {
    color: #1047A9;
}


.btn-header-login, .btn-header-login:visited {
	color: #FFF;
	text-decoration: none;
}

.btn-header-login:hover {
	color: #FFF;
	text-decoration: underline;
}



.btn.ghost {
    background: none;
    border: 3px solid #FFF;
    
}

.ghost:hover {
    background: rgba(204,204,204,0.2) !important;
}


.btn.ghost-grey {
    background: none;
    border: 1.5px solid #777;
    color: #777;
    text-decoration: none;
    
}

.ghost-grey:hover {
    background: rgba(204,204,204,0.2) !important;
}









/*match styling of form fields for bootstrap to the tinymce border - EJK 5/12/2017*/
.mce-panel {
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/*background color for active input fields*/
.form-control:focus {
  /*border-color:#1047A9;*/
  border-color: orange;
 /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 100, 0, 0.6); */
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 165, 0, 0.6);
}

.mce-container:focus {
   border: 1px solid orange;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 165, 0, 0.6);
}




.menuContainer {
	width: 100%;
	height: 100%;
	background: linear-gradient(#444, #080808, #080808, #080808);
	border: 5px #080808 solid;
	
	background: #444444; /* Old browsers */
	background: -moz-linear-gradient(top,  #444444 1%, #080808 25%, #080808 50%, #080808 100%, #080808 100%, #080808 100%, #080808 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#444444), color-stop(25%,#080808), color-stop(50%,#080808), color-stop(100%,#080808), color-stop(100%,#080808), color-stop(100%,#080808), color-stop(100%,#080808)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #444444 1%,#080808 25%,#080808 50%,#080808 100%,#080808 100%,#080808 100%,#080808 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #444444 1%,#080808 25%,#080808 50%,#080808 100%,#080808 100%,#080808 100%,#080808 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #444444 1%,#080808 25%,#080808 50%,#080808 100%,#080808 100%,#080808 100%,#080808 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #444444 1%,#080808 25%,#080808 50%,#080808 100%,#080808 100%,#080808 100%,#080808 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#080808',GradientType=0 ); /* IE6-9 */
}


 

.landingPageImage2 {
    background-image: url("images/OnlinePrayerJournal_SunriseBackground3.png");
}



/* //Background images for the landing page
  //Desktops (portrait)  */
/*   @media (min-width: 992px) and (orientation: portrait) {
  .landingPageImage {
    background-image: url("images/OPJ_Web_App_Desktop_Portrait.jpg");
    }   
} */

/*  //Desktops (landscape) */
@media (min-width: 10px) {
  .landingPageImage {
    background-image: url("images/OPJ_Web_App_Desktop_Portrait.jpg");
    }   
}

@media (min-width: 992px)  {
  .landingPageImage {
    background-image: url("images/OPJ_Web_App_iPad_Landscape.jpg");
    }   
}


@media (min-width: 1240px)  {
  .landingPageImage {
    background-image: url("images/OPJ_Web_App_Desktop_Landscape.jpg");
    }   
}



/*    //Tablets, Ipads (portrait) */ 
/*     @media (min-width: 100px) and (max-width: 991px) and (orientation: portrait) {
  .landingPageImage {
  background-image: url("images/OPJ_Web_App_iPad_Portrait.jpg");
  }
}  */
    
/*    //Tablets, Ipads (landscape)  */
    @media (min-width: 100px) and (max-width: 991px) and (orientation: landscape) {
      .landingPageImage {
      background-image: url("images/OPJ_Web_App_iPad_Landscape.jpg");
      }
    }

/*    //Devices and Mobiles (portrait)  
    @media (min-width: 320px) and (max-width: 767px) {
      .landingPageImage {
      background-image: url("images/OPJ_Web_App_iPhone_Portrait.jpg");
      }
    }  */

/*    //Devices and Mobiles (landscape)   
    @media (min-width: 576px) and (max-width: 767px) {
      .landingPageImage {
      background-image: url("images/OPJ_Web_App_iPhone_Landscape.jpg");
      }
    }
*/


/*For the menu and wayfinder*/
.dropdown-menu li.divider:first-child {
  display: none;
}

/*navbar custom*/


/* .navbarGradient  {
    background: rgba(17,17,17,1) !important;
    background: -moz-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(17,17,17,1) 40%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(68,68,68,1)), color-stop(40%, rgba(17,17,17,1))) !important;
    background: -webkit-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(17,17,17,1) 40%) !important;
    background: -o-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(17,17,17,1) 40%) !important;
    background: -ms-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(17,17,17,1) 40%) !important;
    background: linear-gradient(to bottom, rgba(68,68,68,1) 0%, rgba(17,17,17,1) 40%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#111111', GradientType=0 ) !important;
} */

.navbarGradient  {
	background: rgba(179,90,17,1) !important;
	background: -moz-linear-gradient(45deg, rgba(179,90,17,1) 0%, rgba(179,90,17,1) 50%, rgba(255,164,0,1) 100%) !important;
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(179,90,17,1)), color-stop(50%, rgba(179,90,17,1)), color-stop(100%, rgba(255,164,0,1))) !important;
	background: -webkit-linear-gradient(45deg, rgba(179,90,17,1) 0%, rgba(179,90,17,1) 50%, rgba(255,164,0,1) 100%) !important;
	background: -o-linear-gradient(45deg, rgba(179,90,17,1) 0%, rgba(179,90,17,1) 50%, rgba(255,164,0,1) 100%) !important;
	background: -ms-linear-gradient(45deg, rgba(179,90,17,1) 0%, rgba(179,90,17,1) 50%, rgba(255,164,0,1) 100%) !important;
	background: linear-gradient(45deg, rgba(179,90,17,1) 0%, rgba(179,90,17,1) 50%, rgba(255,164,0,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b35a11', endColorstr='#ffa400', GradientType=1 ) !important;
	content: 'OnlinePrayerJournal';
	border: none;
}

.mainMenu.dropdown-menu {
	background: rgba(179,90,17,1) !important;
	background: -moz-linear-gradient(45deg, rgba(179,90,17,1) 0%, rgba(179,90,17,1) 50%, rgba(255,164,0,1) 100%) !important;
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(179,90,17,1)), color-stop(50%, rgba(179,90,17,1)), color-stop(100%, rgba(255,164,0,1))) !important;
	background: -webkit-linear-gradient(45deg, rgba(179,90,17,1) 0%, rgba(179,90,17,1) 50%, rgba(255,164,0,1) 100%) !important;
	background: -o-linear-gradient(45deg, rgba(179,90,17,1) 0%, rgba(179,90,17,1) 50%, rgba(255,164,0,1) 100%) !important;
	background: -ms-linear-gradient(45deg, rgba(179,90,17,1) 0%, rgba(179,90,17,1) 50%, rgba(255,164,0,1) 100%) !important;
	background: linear-gradient(45deg, rgba(179,90,17,1) 0%, rgba(179,90,17,1) 50%, rgba(255,164,0,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b35a11', endColorstr='#ffa400', GradientType=1 ) !important;
	content: 'OnlinePrayerJournal';
	border: none;
}

.nav .navbar-nav {
	/* font-size: 18px; */
	/* margin-right: 0px; */ /*Used to eliminate right-left scroll bar on drop-down navbar*/
	/* margin-left: 0px; */ /*Used to eliminate right-left scroll bar on drop-down navbar*/
}

/* .navbar-inverse {
    background: transparent;
    border-radius: 0px;
    border: none;
    margin: 0px 0px;
    padding: 0px 0px;
}
 */
/*custom for dropdown menu styling*/
/* .dropdown-menu {
    background-color: rgba(17,17,17,1) !important; Matches styling for navbar
    background-color: -moz-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(17,17,17,1) 40%) !important;
    background-color: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(68,68,68,1)), color-stop(40%, rgba(17,17,17,1))) !important;
    background-color: -webkit-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(17,17,17,1) 40%) !important;
    background-color: -o-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(17,17,17,1) 40%) !important;
    background-color: -ms-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(17,17,17,1) 40%) !important;
    background-color: linear-gradient(to bottom, rgba(68,68,68,1) 0%, rgba(17,17,17,1) 40%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#111111', GradientType=0 ) !important;
} */

/* .dropdown-menu {
    background-color: rgba(17,17,17,1) !important; Matches styling for navbar
    background-color: -moz-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(17,17,17,1) 40%) !important;
    background-color: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(68,68,68,1)), color-stop(40%, rgba(17,17,17,1))) !important;
    background-color: -webkit-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(17,17,17,1) 40%) !important;
    background-color: -o-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(17,17,17,1) 40%) !important;
    background-color: -ms-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(17,17,17,1) 40%) !important;
    background-color: linear-gradient(to bottom, rgba(68,68,68,1) 0%, rgba(17,17,17,1) 40%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#111111', GradientType=0 ) !important;
} */




.dropdown-item, a.dropdown-item:visited {
    color: #CCC;
    color: rgba(255,255,255,.5); /*Matches link color in navbar*/
}

a.dropdown-item:hover, a.dropdown-item:active {
    color: #666;
    color: rgba(0,0,0,0.5);
    background-color: #FFF;
}


/* .inverse-dropdown{
  background-color: #111111;
  border-color: #111111;
  &>li>a{
    color: #FFF;
    &:hover{
      color: #fff;
      background-color: #000;
    }
  }
  &>.divider {
    background-color: #000;
  }
} */

.dropdown-menu li a {
	color: #FFF;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover {
	background-color: #CCC;
}

/* .dropdown-menuPrayerCards li a {
    color: #660000;
}

.dropdown-menuPrayerCards>.active>a, .dropdown-menu>.active>a:hover {
    background-color: #CCC;
} */

.mainContent {
    background-image: url("images/img-noise-ffffff-c68100-40-10.jpg");
    padding-top: 30px; /*To space beneath fixed header navbar*/
}

.sidebarContent {
    background: rgba(202,202,202,0.2);
}

.landingPageWhiteRow {
    background-image: url("images/img-noise-ffffff-c68100-40-10.jpg");    
}

.landingPageGreyRow {
    background-image: url("images/img-noise-efefef-c68100-40-10.png");
    background: none; /* set this way because body background is the grey background with noise image */
}


.sidebarStyles {
    background: #EEE;
    padding-top: 30px;
}

.sidebarContainer {
	margin-left: 0px;
/*	border-left: 2px dashed #CCC;*/
	height: 100%;
	z-index: 100;
	background: red;
}

.sidebarGroup a {
    color:#666;
}

.sidebarGroup a:hover, .sidebarGroup a:visited {
    color:#666;
    text-decoration: underline;
}

.sidebarGroupWhite a, .sidebarGroupWhite a:hover {
    color:#fff !important;
    text-decoration: none;
}


/* Options button on prayercard tables */
.optionsBtn, .optionsBtn:visited {
    color: #FFF;
    text-decoration: none;
}

.optionsBtn:hover {
    color: #FFF;
    text-decoration: underline;
}

.optionsBtn:focus {
    border: none;
}


.prayerCardHeader {
    background: rgba(179,90,17,1);
    background: -moz-linear-gradient(45deg, rgba(179,90,17,1) 0%, rgba(255,165,0,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(179,90,17,1)), color-stop(100%, rgba(255,165,0,1)));
    background: -webkit-linear-gradient(45deg, rgba(179,90,17,1) 0%, rgba(255,165,0,1) 100%);
    background: -o-linear-gradient(45deg, rgba(179,90,17,1) 0%, rgba(255,165,0,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(179,90,17,1) 0%, rgba(255,165,0,1) 100%);
    background: linear-gradient(45deg, rgba(179,90,17,1) 0%, rgba(255,165,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b35a11', endColorstr='#ffa500', GradientType=1 );
    
	-moz-border-radius:5px 5px 0px 0px !important;
	-webkit-border-radius:5px 5px 0px 0px !important;
	border-radius:5px 5px 0px 0px !important;
	
	margin-left: -1px;
	margin-right: -1px;
	margin-top: -1px;
}

.prayerCard {
    margin-top:-3px;
    border-radius: 0px;
    border-top-color: blue;
}


.socialPadding {
	padding:5px;
}

.padded {
	padding-bottom: 50px;
}


.cardNoBorder {
    border: none;
    background: transparent;
}
	
.jumbotron {
	background: #FFF;
/*	color: #1047A9; */
	margin: 10px 0px;
	padding: 0px 10px 10px 10px !important;
/*	border: 1px #ccc solid; */
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	border-radius: 10px !important;
	-moz-border-radius: 10px 10px 10px 10px !important;
	-webkit-border-radius: 10px 10px 10px 10px !important;
}

.jumbotronAdjustments {
	padding: 0px 5px 5px 5px;
}

.mainContentPageStyle {
	margin-top: 10px;
	margin-bottom: 10px;
	background: #FFF;
	padding: 0px 15px 10px 15px;
	border: 0px #666 solid;
	
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	
	border-radius: 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}

.jumbotronHeading {
	padding: 0px 15px;
}

.jumbotronSubheading {
/*	margin-top: -20px; /*To cancel out h3 automatic margin adjustment in bootstrap*/
/*	margin-left: -15px;*/
/*	font-weight: bold; */
	font-family: "times new roman";
	font-size: 24px;
	line-height: 1.1;
	text-align: left;
/*	color: #FFA500 !important;*/
	margin-bottom: 5px;
}

.jumbotronSubheading h3 {
    font-size:24px !important;
}

.jumbotronBullets li {
	padding: 3px 3px; 
/*	font-style: italic; */
	text-align: left;
	color: #FFA500;
	list-style-type: square;
	list-style-position: inside;
	text-indent: -1em;
    padding-left: 1em;
}

/*Make sure only the bullets are colored and the text returns to normal text color*/
.jumbotronBullets li span {
	color: #666;
}


.journalHdr {
    color: #FFF;
    padding: 0px !important;
    font-size: 20px;
    font-weight: bold;
}

#JournalTable {
   /*   font-size: 14px; */
     font-size: 1em; 
}



#JournalTable tr td {
    border-top: none;
}

.JournalTableNestedTable {
    
}

table.JournalTableNestedTable tr {
    background-color: transparent !important;
}




.featureboxBtn {
	margin: 20px 0px 0px 0px;
	width: 100%;
}

.featureboxBtn2 {
	margin: 20px 0px 0px 0px;
	width: 100%;
}



.btn-toolbar {
	text-align: center !important;
}

.feature  h4 {
	text-align: center;
}

.feature {
	text-align: left;
}

.featureBtn {
	color: white;
	font-weight: bold;
	background-color: #AAA;
}

.featureBtn:hover {
	color: white;
	font-weight: bold;
	background-color: #666;
}

.featureBtn:visited {
    color: white;
}

.sidebarGroup {
	color: #666;
	text-align: left;
	padding-bottom: 50px;
}

.sidebarGroup .h4 {
	color: #1047A9;
	text-align: left;
	font-style: italic;
	padding-top: 30px;
	
}


.youtubeVideo {
	position: absolute;
}



.footerContent {
    color: #AAA;
}

.footerHeader {
    color: #AAA;
    padding-bottom: 10px;
}

.footerContent a, .footerContent a:visited {
    color: #FFF;
}

.footerLinks ul {
	list-style-type: none;
	margin-left: -40px;
}


.footerContainer {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 13px;
	background-color: #DDD;
/*	border-top: 2px solid #222; */
	padding: 10px 0px 10px 0px; 
	border-bottom-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}



/* .footerContainer ul {
    margin-left: -40px;
} */

.footerContainer li {
	list-style-type: none;
	font-size: 10px;
	display: inline;
	margin: 0px;
}

/* .footerContainer li:before {content:"|     "; font-color:#666; font-weight: bold;} 
.footerContainer li:first-child:before {content:"";} 
 */


/*
.siteTagline {
	padding: 5px 0px;
	font-family: 'Brush Script MT',Phyllis,'Lucida Handwriting';
	font-size: 16px;
	font-style: italic;
	color: #999;
	text-align: middle;
	width: 100%;
	height: 100%;
	display: table !important;
}

.logoText {
	font: 400 100px/1.3 'Arizonia', Helvetica, sans-serif;
	font-size: 40px;
	text-align: middle;
	margin-left: -10px;
}
*/

.opjLogoText {
    font-family: Papyrus, serif;
}


.pageTitle {
    text-align: center;
    padding-top: 15px;
}

.pageSubtitle {
    text-align: center;
}


.headerButtonsContainer {
	padding: 10px 5px;
}

/*Use these 2 classes to middle center the content in bootstrap's rows*/
.row.equalHeights {
  overflow: hidden; 
}
.row.equalHeights > [class*="col-"]{
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}


/*Glyphicon input image css styles*/
.left-inner-addon {
	position: relative;
}
.left-inner-addon input {
	padding-left: 30px;
}
.left-inner-addon i {
	position: absolute;
	padding: 10px 12px;
	pointer-events: none;
}

.error {
	display: block;
	color: red;
	width: 100%;
	text-align: left;
}

/*Overwrite Bootstrap default btn styles**/
.btn-default {
	background: none;
	color: #CCC;
	border: none;
}

.btn-default:hover {
	background: #CCC;
	color: #FFF;
}

.btn-warning {
  background: #ffa500;
  background-image: -webkit-linear-gradient(top, #ffa500, #ffa500);
  background-image: -moz-linear-gradient(top, #ffa500, #ffa500);
  background-image: -ms-linear-gradient(top, #ffa500, #ffa500);
  background-image: -o-linear-gradient(top, #ffa500, #ffa500);
  background-image: linear-gradient(to bottom, #ffa500, #ffa500);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  border: none;
  color: #ffffff;
/*  font-size: 20px; */
/*  padding: 10px 20px 10px 20px; */
  text-decoration: none;
}

.btn-warning:hover {
  background: #ffcc75;
  background-image: -webkit-linear-gradient(top, #ffb640, #ffb640);
  background-image: -moz-linear-gradient(top, #ffb640, #ffb640);
  background-image: -ms-linear-gradient(top, #ffb640, #ffb640);
  background-image: -o-linear-gradient(top, #ffb640, #ffb640);
  background-image: linear-gradient(to bottom, #ffb640, #ffb640);
  text-decoration: none;
}




.btn-success {
  background: #1047A9 !important;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  border: none;
  color: #ffffff;
  /*font-size: 20px;*/
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn-success:hover {
  background: rgba(16,71,169,0.7) !important;
}

/* .btn-success:hover {
  background: #3560AF !important;
  background-image: -webkit-linear-gradient(top, #3560AF, #3560AF);
  background-image: -moz-linear-gradient(top, #3560AF, #3560AF);
  background-image: -ms-linear-gradient(top, #3560AF, #3560AF);
  background-image: -o-linear-gradient(top, #3560AF, #3560AF);
  background-image: linear-gradient(to bottom, #3560AF, #3560AF);
  text-decoration: none;
}
 */



.shareMessage {
	margin-top: -15px;
	color: #1047A9;
}

/*The following are styles for the social media snippet call BookmarkThis*/
img.bookmarkThis
{
  opacity: 0.4;
  filter: alpha(opacity=40);
  /*padding: 0 5px 0 5px;*/
  margin: 0 5px 0 5px;
}

img.bookmarkThis:hover
{
  opacity: 1;
  filter: alpha(opacity=100);
}

p.bookmarkThis
{
  text-align: center;
  padding-top: 8px;
  padding-bottom: 5px;
  margin-top: -10px;
}

.blogArticleContainerRow {
	text-align: left;
	border: 1px;
	border-color: #999;
	border-top-style: dotted;
	border-bottom-style: dotted;
}

/*This one has the pagination menu for the blog appear horizontally
ul.pageList li {	
display: inline;
font-size: 1.2em;}
*/

/*These are for the pipes in between blog pagination items
ul.pageList li:before {font-weight: bold; color: #999; content: "|"; }
ul.pageList li:first-child:before {content: ""; }


ul.pageList a {
text-decoration: none;
padding: 0px 5px;
}

ul.pageList .active {
color:#FFF;
background-color: #406010;
text-decoration: none;
padding: 0px 5px;
}

ul.pageList a:hover {
background: #CCC;
display: inline;
color: #FFF;
padding: 0px 5px;
} */


/*Bootstrap pagination custom styling*/
.page-item.active .page-link {
    color: white;
    background: #FFA500;
    border-color: #FFA500;
}

.page-link:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255,165,0,.25);
}


/* .pagination {
    background: #ffa500;
} */

.pagination>.active>a, .pagination>.active>a:focus {
	background: #ffa500;
	border-color: #ffa500;
	cursor: default;
	z-index: 2;
	color: #FFF;
}

.pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #666;
  border-color: #666;
}

.pagination>li>a, .pagination>li>span {
	color: #ffa500; /*For inactive pagination links*/
	border: 1px solid #CCC;
}
.pagination>li>a:hover, .pagination>li>span:hover {
	background-color: #666;
	color: #FFF; /*For inactive pagination links*/
	border: 1px solid #666;
}


.table-striped thead {
	color: orange !important;
	background-color: #FFF !important;
	font-size: 1.2em !important;
	border-bottom: 2px solid orange;
}

.dataTable {
	text-align: left;
}

.table-no-borders > tbody > tr > td {
    border: none !important;
}

.largeBullets li {
	padding: 6px 6px; 
	text-align: left;
	font-size: 1.2em;
	color: #104749;
	list-style-type: square;
	list-style-position: inside;
	text-indent: -1em;
    padding-left: 1em;
}

/*Make sure only the bullets are colored and the text returns to regular text color*/
.largeBullets li span {
	color: #666; 
}

.image-responsive {
	display: block;
	width:100% !important;
}

/*Added the following .table modifications to decrease the spacing between table columns*/
.table > thead > tr > th {
	padding: 8px 4px;
}
.table > tbody > tr > td {
	padding: 8px 4px;
}

/*Added to override the innate dataTable padding styling*/
.table .dataTable {
	padding: 0px 0px;
}

/*
.dataTableInfo {
     font-size:0.8em !important; 
     vertical-align: bottom !important;
     text-align: left !important;
}
*/

/*Style for the "action" buttons to make them green and small*/
.action-btn {
	display: inline-block;
	color: #1047A9;
	padding: 4px;
	margin: 0px 2px;
	background: #FFF;
	
}

/*Wide button for adding a Journal Entry*/
.btn-add {
	padding: 5px 30px;
	margin-bottom: 10px;

}


/*The following td and tr tag styles with DataTables API in journal for collapse expand functionality*/
td.details-control {
	padding-top: 10px;
    background: url('./images/orangeCollapseOpen.png') no-repeat center 10px; 
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('./images/greyCollapseClose.png') no-repeat center 10px;
}

/*Move "show entries" box and at bottom to left side of table*/
.dataTables_length, .dataTables_info {
	text-align: left;
}

.modal-body .glyphicon {
  top: 0;
 }
 
/* remove the blue focus from around buttons for dropdown menus */
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus ,
.btn-default.active.focus, .btn-default.active:focus, .btn-default.focus, .btn-default:active.focus, .btn-default:active:focus, .btn-default:focus{
    outline:none !important;
}

:focus, a:focus {
  outline: none;
}



/* scroll to top DJK 5.5.15  */
.scroll-top-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #777777;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #888888;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}
 
 
/*To override default left alignment of addthis*/
.addthis_default_style {
    display: inline-block !important;
    text-align: center !important;
} 



.video-container {
    position: relative;
    padding-bottom: 70%;
  /*  padding-bottom: 56.25%; for 16:9 aspect ratio*/
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}


.video-containter iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    
}


.bulletSpacing {
    padding-bottom: 8px !important;
}




.limitedImageHeight {
    max-height: 250px;
    width: auto;
}

.fontIcon {
    color: #C68000;    
}

.fontIconAlign {
    text-align: center;
}







.dailyDeliveryHeaderBar {
	display: block;
	margin: -15px;
	padding: 5px;
	background: rgba(179,90,17,1);
	background: -moz-linear-gradient(45deg, rgba(179,90,17,1) 0%, rgba(179,90,17,1) 50%, rgba(255,164,0,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(179,90,17,1)), color-stop(50%, rgba(179,90,17,1)), color-stop(100%, rgba(255,164,0,1)));
	background: -webkit-linear-gradient(45deg, rgba(179,90,17,1) 0%, rgba(179,90,17,1) 50%, rgba(255,164,0,1) 100%);
	background: -o-linear-gradient(45deg, rgba(179,90,17,1) 0%, rgba(179,90,17,1) 50%, rgba(255,164,0,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(179,90,17,1) 0%, rgba(179,90,17,1) 50%, rgba(255,164,0,1) 100%);
	background: linear-gradient(45deg, rgba(179,90,17,1) 0%, rgba(179,90,17,1) 50%, rgba(255,164,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b35a11', endColorstr='#ffa400', GradientType=1 );
	color: #FFFFFF !important;
	vertical-align: middle;
}

.dailyDeliveryHeaderBar a, .dailyDeliveryHeaderBar a:hover {
	text-decoration: none;
	color: #FFF;
}

.dailyDeliveryContentContainer {
	background: #FFF;
	padding: 15px;
	margin-top: 15px;
}

.dailyDeliveryPrayersToday {
	border: 2px solid #DDD;
	padding: 10px;
	border-radius: 8px;
	font-size: 1.4em;
}

.dailyDeliveryFeaturedResource {

}

.dailyDeliveryFooter {
	font-size: 0.8em;
	line-height: 1.2;
	text-align: center;

}

.dailyDeliveryHr {
	border: 1px solid #DDD;
}

.answered-prayer {
    cursor: pointer;    
}

.answeredPrayer {
    color: #FFA500;
}

.input-group .glyphicon {
    top:0;
}

.loginRemembermeLabel > label {
    font-weight: 400 !important;
}

.mce-panel:focus {
    border-color: #FAAC58;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(250,172,88,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(250,172,88,.6);
}


/*Added to vertically center the sorting arrows in JournalTable - 2018.11.23*/
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after{
    bottom: 0.5em !important;
    font-family: Arial, Helvetica, sans-serif; 
}