/*!
 * Start Bootstrap - Small Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
   background: #0F4C83 url('https://deeperrevelationbooks.org/cms/uploads/images/site/backgroundflipped2.jpg') no-repeat center -250px;
padding-top: 0px;
}



.navbar-fixed-top .nav {
    padding: 15px 0;
}

.navbar-fixed-top .navbar-brand {
    padding: 0 15px;
}

footer {
    padding: 30px 0;
}

@media(min-width:768px) {
    body {
padding-top: 20px;
    }

    .navbar-fixed-top .navbar-brand {
        padding: 15px 0;
    }
}
/* Stylesheet: DRB Bootstrap Modified On 2020-05-29 21:36:11 */
#navbar li ul {
	display: none;
}

#navbar li:hover ul {         
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; 
        padding-left: 200px; 
        width: 400px;
        list-style-type: none;
        z-index: 99;
}

#navbar li:hover li {
	float: none; }

#navbar li:hover li a {
	background-color: #69f;
	border-bottom: 1px solid #fff;
	color: #fff; }

#navbar li li a:hover {
	background-color: #8db3ff; }


p { font-size: medium !important; }

.kscript {  font: 400 18px/1 'Kaushan Script', cursive; }

.label { color: #000; }

.sameheight {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}
 
.polaroid {
  position: relative;
  width: 300px;
}
 
.polaroid img {
  border: 10px solid #fff;
  border-bottom: 55px solid #fff;
  -webkit-box-shadow: 3px 3px 3px #777;
     -moz-box-shadow: 3px 3px 3px #777;
          box-shadow: 3px 3px 3px #777;

     top:0;
     left:0; 
     width:100%;


}
 
.polaroid p {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 0px;
  font: 400 18px/1 'Kaushan Script', cursive;
  color: #888;
}
 

/* navbar */

.navbar-default {
    background-color: #015285;
    border-color: #fff;
}
/* title */
.navbar-default .navbar-brand {
    color: #fff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-height: 2em;
    padding-bottom: 1px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #ab8d2f;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #E7E7E7;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}



.title {
   font-family: ‘Metrophobic’, Arial, serif; font-weight: 600;
   color: #015284;
   text-transform: uppercase;
   text-align: center;
   letter-spacing: -2px;
  /*   text-shadow: 4px 3px 0px #fff, 9px 8px 0px rgba(0,0,0,0.15); */
}


.sidemenu {

   font-family: ‘Metrophobic’, Arial, serif; font-weight: 600;
   #color: #015285;
   color: #fff !important!;
   text-transform: uppercase;
   text-align: left;
   #letter-spacing: -2px;
   font-size: 16px;
}

.list-group {
   background: transparent !important;
}


.homebuttontext {
   font-family: ‘Metrophobic’, Arial, serif; font-weight: 600;
   #color: #015285;
   color: #fff;
   text-transform: uppercase;
   text-align: center;
   #letter-spacing: -2px;

text-shadow:
1px 1px 0 #015285,
-1px -1px 0 #015285,
1px -1px 0 #015285,
-1px 1px 0 #015285,
0px 1px 0 #015285,
1px 0px 0 #015285,
0px -1px 0 #015285,
-1px 0px 0 #015285,
4px 4px 3px #015285;

}

.overlay-text
{
    font-family: Arial;
    position: absolute;
    top: 10px;
    left: 10px;
    color: white;
    text-shadow: 0 0 5px white;
    font-size: 20px;
    display: none;
}

.homebutton {
    background-color:rgba(255,255,255,.6);
    border-radius: 25px;
    margin:10px; padding:10px;
}

.homebuttonbk {
    background-color:rgba(255,255,255,.6);
    border-radius: 25px;
    padding-bottom:1px;
}


.content {
    background-color:rgba(255,255,255,.9);
    border-radius: 25px;
    padding-bottom:1px;
}

.button {
	/* Damit unser Button, per "top" verschoben werden kann */

	position: relative;
	display: inline-block;

	/* Der Button soll mindestens 150px breit sein. Auch werden hier
	die Innen- und Aussenabstände festgelegt */

	min-width: 150px;
	padding: 10px 15px;
	margin: 0px 10px;

	/* Unser fallback, sollte der Browser keine linear-gradients unterstützen */

	background-color: #DCDCDC;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		// color-stop(0, rgb(112,181,242)),
                color-stop(0, rgb(235,235,235)),
		color-stop(0.49, rgb(84,164,238)),
		color-stop(0.5, rgb(54,144,240)),
		color-stop(1, rgb(26,97,219))
	);
	background-image: -moz-linear-gradient(
		center top,
		// rgb(112,181,242) 0%,
                rgb(235,235,235) 0%,
		rgb(84,164,238) 49%,
		rgb(54,144,240) 50%,
		rgb(26,97,219) 100%
	);

	/* Anweisungen füt das Aussehen des Textes */

	color: #000;
	font-weight: bold;
	font-size: 24px;
	text-decoration: none;
	text-align: center;
	line-height: 1;
	/* Wir definieren einen Schatten für den Text, den wir um 1px nach oben verschieben
	und aus einem 50% Schwarz besteht. Das gibt den Anschein, als wäre der Text in den
	Button eingraviert */
	text-shadow: 0px -1px 0px rgba(0,0,0,0.5);

	/* Hier wird der Rahmen für unseren Button definiert und auch die abgerundeten Ecken
	(auch hier verwenden wir wieder die "vendor-prefixes" */

	border: 1px solid;
	border-color: #2f71a3 #265a82 #1e4766 #265a82;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;

	/* Diese CSS3-Eigenschaft ist besonders spannend:
	Wie man hier sehen kann, können wir mehr als nur einen Schatten definieren.
	Insgesamt sind es 6 Schatten, die unserem Button das Aussehen verleihen.
	(2 innere Schatten, die einen weissen Schein in den Button legen,
	 3 Schatten, die die visuelle, 3-dimensionale Höhe des Buttons bestimmen (immer in 2px Abständen)
	 und einen Schatten, der, den eigentlichen Schattenwurf simuliert.)
	Mit dem Wort "inset" können wir den Schatten in das Innere der Box verlegen.*/

	box-shadow: 		inset 0px -4px 5px rgba(255,255,255,0.2),
						inset 0px 1px 5px rgba(255,255,255,0.2),
						/**/
						0px 2px 0px #1e4766,
						0px 4px 0px #1e4766,
						0px 6px 0px #1e4766,
						/**/
						0px 8px 5px rgba(0,0,0,0.5);

	-moz-box-shadow: 	inset 0px -4px 5px rgba(255,255,255,0.2),
						inset 0px 1px 5px rgba(255,255,255,0.2),
						/**/
						0px 2px 0px #1e4766,
						0px 4px 0px #1e4766,
						0px 6px 0px #1e4766,
						/**/
						0px 8px 5px rgba(0,0,0,0.5);

	-webkit-box-shadow: inset 0px -4px 5px rgba(255,255,255,0.2),
						inset 0px 1px 5px rgba(255,255,255,0.2),
						/**/
						0px 2px 0px #1e4766,
						0px 4px 0px #1e4766,
						0px 6px 0px #1e4766,
						/**/
						0px 8px 5px rgba(0,0,0,0.5);
}

.button:hover {
	background-color: #8AC5FD;

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(134,193,253)),
		color-stop(0.49, rgb(153,213,255)),
		color-stop(0.5, rgb(130,194,253)),
		color-stop(1, rgb(108,170,229))
	);
	background-image: -moz-linear-gradient(
		center top,
		rgb(134,193,253) 0%,
		rgb(153,213,255) 49%,
		rgb(130,194,253) 50%,
		rgb(108,170,229) 100%
	);
}

.button:active {
	top: 4px;
	box-shadow: 		inset 0px 4px 5px rgba(255,255,255,0.4),
						inset 0px -1px 5px rgba(255,255,255,0.2),
						/**/
						0px 2px 0px #1e4766,
						/**/
						0px 4px 5px rgba(0,0,0,0.5);

	-moz-box-shadow: 	inset 0px 4px 5px rgba(255,255,255,0.4),
						inset 0px -1px 5px rgba(255,255,255,0.2),
						/**/
						0px 2px 0px #1e4766,
						/**/
						0px 4px 5px rgba(0,0,0,0.5);

	-webkit-box-shadow: inset 0px 4px 5px rgba(255,255,255,0.4),
						inset 0px -1px 5px rgba(255,255,255,0.2),
						/**/
						0px 2px 0px #1e4766,
						/**/
						0px 4px 5px rgba(0,0,0,0.5);
}


.sameheight {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}
.wrap {
    overflow: hidden;
}


/* Stylesheet: DRB Bootstrap Addon Modified On 2021-10-04 21:37:50 */