/* ###################################################### */
/* ###################################################### */
/* ##############      DESKTOP STYLES       ############# */
/* ###################################################### */
/* ###################################################### */


html {
width: 100%;
height: 100%;
background: #b0afa2;
background: #d24717;
background: #e59804;
background: #e22113;
background: #c90008;
background:#a41305;
color: #fff;
font-size: 100px;

}


::selection { 
color:#FF7183;
color:#FFB472;
background:#FF0013;
}




@supports (-moz-appearance:none) {
    
html {
scrollbar-color: #FF2B1D #BD2B1D;
scrollbar-width: auto;

}


}



body {
position:  relative;
width: 100%;
height: 100%;
margin: 0;
font-family: 'quenya_medium', Tahoma, Geneva, sans-serif;
font-weight: normal;
font-size: 14%;
font-style: normal;
color: #fff;
overflow: auto;
overflow-y: scroll;


scrollbar-color: #FF2B1D #BD2B1D;

/* FONTS */

-moz-font-feature-settings:    "kern" 1; 
  -ms-font-feature-settings:     "kern" 1; 
  -o-font-feature-settings:      "kern" 1; 
  -webkit-font-feature-settings: "kern" 1; 
  font-feature-settings:         "kern" 1;
  font-kerning: normal;

  letter-spacing: 0.015em;
  word-spacing: 0.001em;

  




}



::-webkit-scrollbar {
  width: 24px;
}


::-webkit-scrollbar-track {
  background: #BD2B1D;
  border: 0px solid #BD2B1D;
  padding: 3px;
}

::-webkit-scrollbar-thumb {
    width: 100%;
  background-color: #FF2B1D;
  border-radius: 7px;
  border-left: 0px solid #CB3124;
  border-right: 0px solid #CB3124;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}





/* ####### Cursors ####### */

/* URL and coordinates, with mandatory keyword fallback */
html, div, body {

/*
cursor:
  url(../images/m_orthodox_cross.png) 5 7,
  url(../images/m_orthodox_cross.svg) 5 7,
  default;*/

}


a, button, a:visited, a:hover,
#play_triangle_holder table,
#play_triangle_holder tr,
#play_triangle_holder td,
#pause_holder table,
#pause_holder tr,
#pause_holder td,
#triangle,
#pause_btn:hover #pause_right,
#pause_btn:hover #pause_left,
.blog.notes #about_intro_quote #down_arrow
 {
/*cursor:
  url(../images/m_orthodox_cross_c.png) 5 7,
  url(../images/m_orthodox_cross_c.svg) 5 7,
  pointer;*/
cursor:pointer;

}






/* ###################### */




#bg {

}



body.about img {

-webkit-filter: hue-rotate(20deg) sepia(11%);
filter: hue-rotate(20deg) sepia(11%);
   
}


#top_over_fade {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background:#d5d3cd;
background: #640d07;
background: #a71409;
background: #e22113;
float: left;
display: inline-block;
z-index: 355;

opacity: 1;






}

#top_over_fade div {
display: block;
width: 100%;
height: 100%;
animation-name: solarFlare;
animation-duration: 10s;

}


@keyframes solarFlare {
    

    0%   {background: #8b0f06}
    12%   {background: #8b0f06}
    40%  {background: #ff0000}
    /*40%  {background: #ffe70e}*/
    
    90% {background: #ff0000} 
    100% {background: #8b0f06}    

  
 
}





#top_over_fade.animated {
-moz-transition-duration: 2.3s;
-o-transition-duration: 2.3s;
-webkit-transition-duration: 2.3s;
transition-duration: 2.3s;


}


#top_over_fade.fade {
opacity: 0;







}

#top_over_fade.fade.none {
opacity: 0;
display: none;

}


.mobile_only {
display:none;


}

.mobile_none {
display:inline;

}







#introLine {
position:  fixed;
display:  inline-block;
width:  100%;
height:  100%;
background:  #111;
background: #8b0f06;
background: #770c05;
background: #f82011;
background: #c20803;
background: #c00803;
background:#960b05;

color:  #f81e0f;
color:  #fff;


top:  0px;
left:  0px;

float:  left;
z-index:  344;
opacity:  1;

 -moz-transition-duration: 1.5s;
 -o-transition-duration: 1.5s;
 -webkit-transition-duration: 1.5s;
 transition-duration: 1.5s;

 padding: 45px;


}


#introLine.fade {
opacity:  0;


}

#introLine.fade.none {
display:  none;


}

#introLine td {
background:#960b05;

}



#introLineText {
position:relative;
width:100%;
height:auto;
font-size:  27px;
color:  #fff;
color:#fc362a;
color:#ff6a57;
background-color:none;
font-family: 'quenya_medium';




opacity:  0;

 -moz-transition-duration: 2.5s;
 -o-transition-duration: 2.5s;
 -webkit-transition-duration: 2.5s;
 transition-duration: 2.5s;
line-height:1.8;

}

 
#introLineText.on {
opacity:  1;

}



#remixNote {
position:  fixed;
display:  inline-block;
width:  100%;
height:  100%;
background:  #111;
background: #8b0f06;
background: #770c05;
background: #f82011;
background: #c20803;
background: #33000E;

color:  #f81e0f;
color:  #fff;


top:  0px;
left:  0px;

float:  left;
z-index:  353;
opacity:  1;

 -moz-transition-duration: 0.7s;
 -o-transition-duration: 0.7s;
 -webkit-transition-duration: 0.7s;
 transition-duration: 0.7s;

 padding: 45px;


}


#remixNote.fade {
top:-110%;


}

#remixNote div {
display:  inline-block;
width: 88%;
max-width: 455px;
text-align: left;
font-size:  19px;
color:  #fff;

font-family: 'quenya_medium';

opacity:  1;

 -moz-transition-duration: 2.5s;
 -o-transition-duration: 2.5s;
 -webkit-transition-duration: 2.5s;
 transition-duration: 2.5s;
line-height:1.3;

}

#remixNote button {
display:  inline-block;
width: auto;
font-size:  19px;
color:  #fff;

font-family: 'quenya_bold';

padding: 11px 16px;
margin: 0 7px 0 0;

border-radius: 7px;
-webkit-border-radius: 7;

background: #b70604;



opacity:  1;

 -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;
line-height:1.3;

}


#remixNote button:hover {
background: #ef0503;
background:#870015;

}




#preSongNote {
position:  fixed;
display:  inline-block;
width:  100%;
height:  100%;
background:  #111;
background: #8b0f06;
background: #770c05;
background: #f82011;
background: #c20803;
background: #7a0302;

color:  #f81e0f;
color:  #fff;


top:  0px;
left:  0px;

float:  left;
z-index:  352;
opacity:  1;

 -moz-transition-duration: 1.5s;
 -o-transition-duration: 1.5s;
 -webkit-transition-duration: 1.5s;
 transition-duration: 1.5s;

 padding: 45px;


}


#preSongNote.fade {
opacity:  0;


}

#preSongNote.fade.none {
display:  none;


}

#preSongNote td {
background: #7a0302;
    
}



#preSongNote div {
display:  inline-block;
width: 88%;
max-width: 455px;
text-align: left;
font-size:  19px;
color:  #fff;

font-family: 'quenya_medium';

opacity:  1;

 -moz-transition-duration: 2.5s;
 -o-transition-duration: 2.5s;
 -webkit-transition-duration: 2.5s;
 transition-duration: 2.5s;
line-height:1.3;

}

#preSongNote button {
display:  inline-block;
width: auto;
font-size:  19px;
color:  #fff;

font-family: 'quenya_bold';

padding: 11px 16px;
margin: 0 7px 0 0;

border-radius: 7px;
-webkit-border-radius: 7;

background: #b70604;



opacity:  1;

 -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;
line-height:1.3;

}


#preSongNote button:hover {
background: #ef0503;
background:#870015;

}


#preloader_btns {
position:absolute;
display:inline-block;
width:100%;
height:auto;
float:left;
z-index:345;
left:0px;
top:75%;
top:calc(50% + 90px + 23px);
text-align:center;

font-size: 0px;


}

#preloader_btns button {
display:inline-block;
width:0px;
height:0px;
border-radius:21px;
-webkit-border-radius: 21;

background:#bd130c;

opacity: 0;

 -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;

 padding: 0px;
 margin:auto;
 border:0px;


}

#preloader_btns button.on {
width:21px;
height:21px;
opacity: 1;

}


#preloader_through_btn button {
position:absolute;
display:none;
width:0px;
height:0px;
border-radius:21px;
-webkit-border-radius: 21;

background:#bd130c;

opacity: 0;

 -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;

 padding: 0px;
 margin:auto;
 border:0px;

 z-index:377;

 top: 24px;
 right:24px;


}

#preloader_through_btn button.on {
width:21px;
height:21px;
opacity: 1;

}





#visioPrepare {
position:  fixed;
display:  inline-block;
display:none;
width:  100%;
height:  100%;
background:  #111;
background: #8b0f06;
background: #770c05;
background: #f82011;
background: #c20803;
background: #c00803;

color:  #f81e0f;
color:  #fff;


top:  0px;
left:  0px;

float:  left;
z-index:  342;
opacity:  1;

-moz-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
transition-duration: 1.5s;

font-size:  23px;
color:  #fff;

font-family: Arial;


line-height:1.7;



}


#visioPrepare.fade {
opacity: 0;

}

#visioPrepare.fade.none {
display: none;

}

#visioPrepare button {
display: inline-block;
padding:  11px 17px;

margin:  0.87em auto auto auto;

border-radius:  9px;

background: #f3120b;
color: #fff;

font-family: 'quenya_bold';
font-size:  100%;

text-transform: uppercase;


}




#visioInstructions {
position:  fixed;
display:  inline-block;
display:none;
width:  100%;
height:  100%;
background:  #111;
background: #8b0f06;
color:  #fff;


top:  0px;
left:  0px;

float:  left;
z-index:  335;
opacity:  1;

-moz-transition-duration: 3.5s;
-o-transition-duration: 3.5s;
-webkit-transition-duration: 3.5s;
transition-duration: 3.5s;



}


#visioInstructions div {
display:  inline-block;
width:  25%;
max-width:  425px;

margin:  0 22px;

text-align: left;

vertical-align: top;

font-size:  20px;
color:  #fff;

font-family: 'quenya_medium';


line-height:1.3;

opacity: 0;

-moz-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
transition-duration: 1.5s;

}

#visioInstructions.text div {
opacity:  1;


}


#visioInstructions.text.fade div {
opacity:  0;


}


#visioInstructions.text.fade.out {
opacity:  0;


}

#visioInstructions.text.fade.out.none {
display: none;


}


#visioInstructions button {
display: inline-block;
padding:  11px 17px;

margin:  0.7em auto auto auto;

border-radius:  9px;

background: #c90000;
background: #c31508;
color: #fff;

font-family: 'quenya_bold';
font-size:  23px;

text-transform: uppercase;


}



#mobile_notice {
display: none;

}



span#time {
position:absolute;
display:inline-block;
width:auto;
height:auto;
background:none;


padding:0px;
text-align:left; 
float:left;
z-index: 177;
top:33px;
left:33px;

font-size: 37px;
color:#fff;
font-family:'quenya_bold';
white-space: nowrap;


}


body.choice span#time {


}

body.imagination span#time,
body.blog span#time,
body.about span#time,
body.intro span#time {
color:#da2013;
color: #fff;


}


body.intro span#time {
color:#da2013;
color:#f09087;


}





body.blog.notes span#time {
color:#da2013;



}



.text button#fullscreen_start,
.text button#fullscreen_start.off,
.text button#fullscreen_finish,
.text button#fullscreen_finish.on,
.intro button#fullscreen_start,
.intro button#fullscreen_start.off,
.intro button#fullscreen_finish,
.intro button#fullscreen_finish.on {
display:  none;


}



a#sides,
a#sides:visited {
position:  absolute;
display:  inline-block;

float:  left;
z-index:  4;

bottom:  25px;
right:  30px;

font-size:  22px;
font-family:  'quenya_bold';
color:  #f81e0f;

opacity:  0.5;
font-size:  22px;


}


#mobile_note {
display:  none;


}

#mobile_note.off {
display:  none;


}



.clear {
display:inline-block;
width:100%;
height: 1px;

}

.choices .clear {
display:none;


}


#menu_btn {
position:  absolute;
display:  inline-block;
display:none;

width: 21px;
height:  21px;

float:  left;
z-index: 16;

top: 24px;
right: 24px;

border-radius:  21px;
background: #c1160a;
background: #a61208;
background: #b60e02;



overflow: hidden;
padding: 0px;

margin:  0px;

}

#menu_btn.clicked {
background: #fff;


}

#menu_btn.hide {
display: none;

}

#menu_close_btn {
position:  absolute;
display:  none;

width: 21px;
height:  21px;

float:  left;
z-index: 17;

top: 24px;
right: 24px;

border-radius:  21px;
background: #c1160a;
background: #a61208;
background: #b60e02;



overflow: hidden;
padding: 0px;

margin:  0px;

}

#menu_close_btn.load {
display:  inline-block;

}



#menu_close_btn_visual_inside {
display: none;
width: 100%;
height: 100%;
background: #fff;

}

#menu_close_btn_visual_inside.fade {
display: inline-block;

}


#up_btn {
position:  absolute;
display:  inline-block;

width: 21px;
height:  21px;

float:  left;
z-index: 16;

bottom: 24px;
right: 24px;

border-radius:  21px;
background: #c1160a;
background: #a61208;
background: #b60e02;





}

body.blog #up_btn {
background:#da2014;

}

body.blog #menu_btn,
body.about #menu_btn,
body.intro #menu_btn,
body.blog #menu_close_btn,
body.about #menu_close_btn,
body.intro #menu_close_btn,
body.blog #up_btn,
body.about #up_btn,
body.intro #up_btn {
background: #ff250e;
background:#da2014;
}


body.blog.notes #menu_btn,
body.blog.notes #menu_close_btn,
body.blog.notes #up_btn {
background: #ff0e0e;
background:#da2014;

}


.advent #menu_close_btn.load,
.wedding #menu_close_btn.load,
.noah #menu_close_btn.load,
.heman #menu_close_btn.load,
.theInteriorCastle #menu_close_btn.load,
.miriam #menu_close_btn.load,
.thepassion #menu_close_btn.load,
.mt_horeb #menu_close_btn.load,
.marian #menu_close_btn.load,
.madame_guyon #menu_close_btn.load,
.juliana #menu_close_btn.load,
.labyrinth #menu_close_btn.load,
.oyarsa #menu_close_btn.load,
.sojourner #menu_close_btn.load,
.prodigal_son #menu_close_btn.load,
.fairyTale #menu_close_btn.load {
background: #fff;

}

.advent #menu_btn.clicked,
.wedding #menu_btn.clicked,
.noah #menu_btn.clicked,
.heman #menu_btn.clicked,
.theInteriorCastle #menu_btn.clicked,
.miriam #menu_btn.clicked,
.thepassion #menu_btn.clicked,
.mt_horeb #menu_btn.clicked,
.marian #menu_btn.clicked,
.madame_guyon #menu_btn.clicked,
.juliana #menu_btn.clicked,
.labyrinth #menu_btn.clicked,
.oyarsa #menu_btn.clicked,
.sojourner #menu_btn.clicked,
.prodigal_son #menu_btn.clicked,
.fairyTale #menu_btn.clicked {
background: #fff;

}



/* ###################################################### */
/* ###################################################### */
/* ################      FONT FACES       ############### */
/* ###################################################### */
/* ###################################################### */



@font-face {
font-family: 'corbeau_medium';
src: url('../fonts/QuenyaZXX-Regular.woff2');
font-weight: normal;
font-style: normal;

}


@font-face {
font-family: 'fakt_medium';
src: url('../fonts/QuenyaZXX-Regular.woff2');
font-weight: normal;
font-style: normal;

}




@font-face {
font-family: 'corbeau_bold';
src: url('../fonts/QuenyaZXX-Bold.woff2');
font-weight: normal;
font-style: normal;

}





@font-face {
font-family: 'symbols';
src: url('../fonts/symbols.eot');
src: url('../fonts/symbols.eot?#iefix') format('embedded-opentype'),
url('../fonts/symbols.woff') format('woff'),
url('../fonts/symbols.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}


@font-face {
font-family: 'quenya_medium';
src: url('../fonts/QuenyaZXX-Regular.woff2');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'quenya_bold';
src: url('../fonts/QuenyaZXX-Bold.woff2');
font-weight: normal;
font-style: normal;

}






/* ###################################################### */
/* ###################################################### */
/* ################        BASICS         ############### */
/* ###################################################### */
/* ###################################################### */



table {
width: 100%;
height:  100%;
padding: 0;
margin: 0;
border-spacing: 0px;
	
}

tr {
width: 100%;
height:  100%;


}


td {
width: 100%;
height:  100%;
margin: 0;
padding: 0;
border-spacing: 0px;

}


div {
font-size: 100%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;


vertical-align: top;

}


a, a:visited {
color: inherit;
text-decoration:none;
width: auto;

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;


 vertical-align: top;

}


a:hover {
text-decoration:none;

}

button {
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;

-webkit-box-shadow: none;
box-shadow: none;
line-height: 1;
text-shadow: none;
background:  none;

-webkit-appearance: none;
-webkit-border-radius: 0;

border-radius: 0px;

-webkit-appearance: none;
border: 0px;
outline: none;
box-shadow: none;
outline-width: 0px;
}

button:hover {
-webkit-appearance: none;
border: 0px;
outline: none;
box-shadow: none;
outline-width: 0px;

}

button:focus {
-webkit-appearance: none;
border: 0px;
outline: none;
box-shadow: none;
outline-width: 0px;


}



h1, h2, h3, h4, h5, h6 {
font-family: 'quenya_bold' , Tahoma, Geneva, sans-serif;
margin: 0px 0 4px 0px;
font-weight:normal;

}


#thin {
font-family: 'quenya_medium', Tahoma, Geneva, sans-serif;
}


strong {
font-family: 'quenya_bold', Tahoma, Geneva, sans-serif;
font-weight: normal;
}







/* #############   IMAGES AND VIDEO   ###############  */


img {
margin: 0;
padding: 0;
display: block;
border: none;
width: auto;

}


/* ###################################################### */
/* ###################################################### */
/* ################        BUTTONS        ############### */
/* ###################################################### */
/* ###################################################### */

#fullscreen_btns {
display:  inline;

opacity:  1;

-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}


#fullscreen_btns.hide {
opacity:  0;


}


button#fullscreen_start {
position:  absolute;
display:  inline-block;

bottom:  35px;
right:  35px;

width:  40px;
height:  30px;

float:  left;
z-index: 7;

background:  none;

}

button#fullscreen_start.off {
display: none;

}

button#fullscreen_finish {
position:  absolute;
display:  none;

bottom:  35px;
right:  35px;

width:  40px;
height:  30px;

float:  left;
z-index: 8;
background:  none;

}

button#fullscreen_finish.on {
display: inline-block;

}






#full_o_a,
#full_o_b,
#full_o_c,
#full_o_d {
position: absolute;
display:  inline-block;
background: #fff;

width: 5px;
height:  10px;

float:  left;
z-index:  8;  

}


#full_o_aa,
#full_o_ba,
#full_o_ca,
#full_o_da {
position: absolute;
display:  inline-block;
background: #fff;

width: 10px;
height:  5px;

float:  left;
z-index:  9;  


}

#full_o_a {
top:  0px;
left: 0px;

}

#full_o_aa {
top:  0px;
left: 0px;

}

#full_o_b {
top:  0px;
right: 0px;

}

#full_o_ba {
top:  0px;
right: 0px;

}

#full_o_c {
bottom:  0px;
right: 0px;

}

#full_o_ca {
bottom:  0px;
right: 0px;

}

#full_o_d {
bottom:  0px;
left: 0px;

}

#full_o_da {
bottom:  0px;
left: 0px;

}


#full_c_holder {
position:  relative;
width:  30px;
height:  30px;

margin:  0px 5px 0px 5px;

}


#full_c_a,
#full_c_b,
#full_c_c,
#full_c_d {
position: absolute;
display:  inline-block;
background: #fff;

width: 5px;
height:  10px;

float:  left;
z-index:  11;  

}


#full_c_aa,
#full_c_ba,
#full_c_ca,
#full_c_da {
position: absolute;
display:  inline-block;
background: #fff;

width: 10px;
height:  5px;

float:  left;
z-index:  12;  


}

#full_c_a {
top:  0px;
left: 5px;

}

#full_c_aa {
top:  5px;
left: 0px;

}

#full_c_b {
top:  0px;
right: 5px;

}

#full_c_ba {
top:  5px;
right: 0px;

}

#full_c_c {
bottom:  0px;
right: 5px;

}

#full_c_ca {
bottom:  5px;
right: 0px;

}

#full_c_d {
bottom:  0px;
left: 5px;

}

#full_c_da {
bottom:  5px;
left: 0px;

}




/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #############       MENU          ############### */
/* ################################################# */
/* ################################################# */
/* ################################################# */



button#open_sitemap,
body.intro button#open_sitemap  {
position: absolute;
display:inline-block;
float:left;
z-index:277;
width:39px;
height:39px;
right: calc(31px + 39px + 15px);
top:31px;
background:#FFC70E;
background: #FF0000;
border-radius:277px;
overflow: hidden;
margin:0px;
padding:0px;

}




button#open_mary_resources,
body.intro button#open_mary_resources  {
position: absolute;
display:inline-block;
float:left;
z-index:277;
width:39px;
height:39px;
right: 31px;
top:31px;
background:#777;
background:#C4D1C3;
background: #FF3400;
border-radius:277px;
overflow: hidden;
margin:0px;
padding:0px;


}


button#open_sitemap.hide {
display:none;

}

button#open_mary_resources.hide {
display:none;

}








#sitemap_bg {
position:fixed;
display:none;
width:100%;
height:200%;
float:left;
z-index:222;
top:0px;
left:0px;
opacity:0;

 -moz-transition-duration: 0.33s;
 -o-transition-duration: 0.33s;
 -webkit-transition-duration: 0.33s;
 transition-duration: 0.33s;

background:#ccc;
background:#AC342C;
background:#8B470B;
background:#961E00;

}

#sitemap_bg.on {
display:block;

}

#sitemap_bg.on.fade {
opacity: 1;

}


#sitemap {
position:absolute;
display:none;
width:100%;
height:auto;
float:left;
z-index:223;
top:0px;
left:0px;
opacity:0;

 -moz-transition-duration: 0.33s;
 -o-transition-duration: 0.33s;
 -webkit-transition-duration: 0.33s;
 transition-duration: 0.33s;


padding: 135px 90px;
padding-top:225px;


}


#sitemap.on {
display:block;



}

#sitemap.on.fade {
opacity:1;

padding-top: 135px;

}

.sitemap_col {
display:inline-block;
width:auto;
height:auto;
text-align:left;
font-size:23px;

padding: 0 45px;


}

.sitemap_col h2 {
font-size:29px;
color:#FBC71B;
color:#FF4517;
margin:0 0 17px 0;

}

.sitemap_col a,
.sitemap_col a:visited,
body.intro .sitemap_col a,
body.intro .sitemap_col a:visited {
display:inline-block;
width:auto;
height:auto;
float:none;
text-align:left;
background:none;
border-radius:2px;

margin: 0 0 0.7em 0;
padding: 0px;

font-family:'quenya_medium';
font-size:21px;
color:#FFD85C;
color:#FF7C5C;


 -moz-transition-duration: 0.33s;
 -o-transition-duration: 0.33s;
 -webkit-transition-duration: 0.33s;
 transition-duration: 0.33s;

}




.sitemap_col a:hover,
body.intro .sitemap_col a:hover {
color:#FFB100;
color:#FBC71B;
color:#FFB08E;
background:none;
}



#sitemap_credits {
position:absolute;
display:none;
width:100%;
height:auto;
float:left;
z-index:224;
top:0px;
left:0px;
opacity:0;

 -moz-transition-duration: 0.33s;
 -o-transition-duration: 0.33s;
 -webkit-transition-duration: 0.33s;
 transition-duration: 0.33s;


padding: 135px 90px;
padding-top:225px;


}


#sitemap_credits.on {
display:block;



}

#sitemap_credits.fade {
opacity:1;
padding-top: 135px;

}


#benediction {
display:inline-block;
width:77%;
max-width:714px;
text-align:left;
font-size:19px;

font-family:'quenya_medium';
font-size:23px;
color:#FFD85C;
color:#FF7C5C;


}

#benediction h2 {
font-size:29px;
color:#FBC71B;
color:#FF4517;
margin:0 0 17px 0;


}



#song_bio_options_holder {
position:absolute;
display:inline-block;
float:left;
z-index:225;
width:auto;
height:auto;
background:#8A1C00;
padding:45px 45px 28px 135px; 
top:135px;
left:-100%;
border-radius:0 45px 45px 0px;


-moz-transition-duration: 1.33s;
 -o-transition-duration: 1.33s;
 -webkit-transition-duration: 1.33s;
 transition-duration: 1.33s;


}


#song_bio_options_holder.on {
left:0%;



}

#song_bio_options_holder button {
position:relative;
display:inline-block;
width:100%;
padding:25px 67px 25px 35px;
background:#CB1800;
border-radius:29px;
margin:0 0 17px 0;
text-align:left;

 -moz-transition-duration: 0.33s;
 -o-transition-duration: 0.33s;
 -webkit-transition-duration: 0.33s;
 transition-duration: 0.33s;

}

#song_bio_options_holder button:hover {
background:#AA1A00;

}


#song_bio_options_holder button span {
display:inline-block;
font-size:31px;
font-family:'quenya_bold';
color:#FF4517;
margin: 0 25px 0 0;

}

#song_bio_options_holder button div {
position:absolute;
display:inline-block;
float:left;
z-index:227;
top:25px; 
right: 35px;
width:31px;
height:31px;
border-radius:31px;
background:#FF0000;

}


#song_bio_options_writeup {
position:absolute;
display:inline-block;
float:left;
z-index:227;
top:45px;
left:calc(100% + 77px);
width:377px;
font-family:'quenya_bold';
color:#FF4517;
font-size:23px;

}




#benediction button {
display:inline-block;
width:auto;
padding:17px 23px;
background:#CB1800;
font-size:1.3em;
color:#FF4517;
font-family:'quenya_bold';
border-radius:7px;
margin:11px 0 45px 0;


 -moz-transition-duration: 0.33s;
 -o-transition-duration: 0.33s;
 -webkit-transition-duration: 0.33s;
 transition-duration: 0.33s;

}

#benediction button:hover {
background:#AA1A00;

}



/* ###################################################### */
/* ###################################################### */
/* ################      BACKGROUNDS      ############### */
/* ###################################################### */
/* ###################################################### */


body.wedding {
background: url(../images/bg_sister-and-brother.jpg);
background-size: cover;
background-position: center center;

}

body.wedding.golden {
background: url(../images/bg_sister-and-brother_golden.jpg);
background-size: cover;
background-position: center center;

}

body.thepassion {
background: url(../images/bg_messiah_xc.jpg);
background-size: cover;
background-position: top center;

}

body.advent {
background: url(../images/bg_amma_maryam.jpg);
background-size: cover;
background-position: center center;

}

body.juliana {
background: url(../images/bg_Julian_zxxvxv.jpg);
background-size: cover;
background-position: top right;

}

body.prodigal_son {
background: url(../images/bg_prodigal_son.jpg?127);
background-size: cover;
background-position: center center;

}

body.sojourner {
background: url(../images/bg_Bell_vii.jpg);
background-size: cover;
background-position: top center;

}

body.mt_horeb {
background: url(../images/bg_prophet_eliyahu_of_tishbe.jpg);
background-size: cover;
background-position: center center;


}

body.mt_horeb.music {
background: url(../images/bg_eliyyahu_music.jpg);
background-size: cover;
background-position: center center;

}

body.madame_guyon {
background: url(../images/bg_madame_jeanne_marie.jpg);
background-size: cover;
background-position: center center;

}

body.miriam {
background: url(../images/bg_miriam_27.jpg);
background-size: cover;
background-position: center center;

}



body.intro {
background:#a41305;

}

body.choice {
background: #8b0f06;

}


body.imagination {
background: #c90008;

}

body.about {
background: #5a0802;
background: #c90008;

}

body.doug {
background: #620000;

}


body.fairyTale {
background:#ddd;

}




#image_cycle img#labyrinth_Messiah,
#image_cycle img#labyrinth_prodigal_son,
#image_cycle img#labyrinth_brother_and_sister,
#image_cycle img#labyrinth_skull {
display:none;

}

#image_cycle img#labyrinth_Messiah.on,
#image_cycle img#labyrinth_prodigal_son.on,
#image_cycle img#labyrinth_brother_and_sister.on,
#image_cycle img#labyrinth_skull.on {
display:block;
width:100%;
height: auto;

}


#image_cycle #labyrinth_image_holder {
display:none;
  
}


#image_cycle #labyrinth_image_holder.on {
display:block;
  
}

#image_cycle #amma_image_holder {
display:none;
  
}


#image_cycle #amma_image_holder.on {
display:block;
  
}


#image_cycle #sojourner_image_holder {
display:none;
  
}


#image_cycle #sojourner_image_holder.on {
display:block;
  
}



/* ###################################################### */
/* ###################################################### */
/* ################      HEADER MENU      ############### */
/* ###################################################### */
/* ###################################################### */

#header_menu {
position: absolute;
display: inline-block;

float: right;
z-index: 33;

top: 35px;
right: 35px;

}

#header_menu.on {
position:  fixed;


}

a#menu_btn_open,
a#menu_btn_open:visited {
display: inline-block;

padding: 10px;    



}

#header_menu_btn_shape {
width: 31px;
height: 31px;
display: inline-block;
position: relative;
margin: 0px 0px 0 0;
vertical-align: middle;


}


#menu_btn_shape_bar_1 {
background: #fff;
position: absolute;
top: 0px;
left: 0px;
float: left;
z-index: 81;
height: 5px;
width: 100%;

 -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;

}


#menu_btn_shape_bar_1.hover {
 -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg);
    top: 13px;

     -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;
}





#menu_btn_shape_bar_2 {
background: #fff;
position: absolute;
top: 13px;
left: 0px;
float: left;
z-index: 82;
height: 5px;
width: 100%;

 -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;

}


#menu_btn_shape_bar_2.hover {
 -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg);

     -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;

}


#menu_btn_shape_bar_3 {
background: #fff;
position: absolute;
bottom: 0px;
left: 0px;
float: left;
z-index: 83;
height: 5px;
width: 100%;

 -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;

}




#menu_btn_shape_bar_3.hover {
 -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Safari */
    transform: rotate(-45deg);

   bottom: 13px;

     -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;

}


#header_menu_btn_shape:hover #menu_btn_shape_bar_2 {

    
}


#header_menu_btn_shape:hover #menu_btn_shape_bar_1 {


}

#header_menu_btn_shape:hover #menu_btn_shape_bar_3 {


}


/* ###################################################### */
/* ###################################################### */
/* ###############        HOMEPAGE        ############### */
/* ###################################################### */
/* ###################################################### */

body.pods {
text-align: center;
font-size: 0px;

}


#home_bg_under {
position: fixed;
width:100%;
height: 100%;

top:0px;
left:0px;
float: left;
z-index: -1;

background:#8b0f06;


}



#pods_intro_holder {
position: relative;
display: inline-block;
width:100%;
max-width: 2000px;
height: 100%;
max-height: 1055px;
padding: 73px 28px 28px 28px;

text-align: left;
margin: 0 auto;

font-size: 0px;

}

.pod {
position: relative;
display:inline-block;



border-radius: 20px;
padding: 45px;

font-size: 19px;
font-family:'quenya_bold';
color:#c81003;

vertical-align: top;
text-align: left;

overflow: hidden;


}

#pod_first {
width: 65%;
height: 100%;
background:#b52f14;
color:#8b0f07;
margin: 0 25px 0 0;

padding: 25px 45px 25px 70px;

}

#pod_first_over {
position: absolute;
display: inline-block;
width:100%;
height: 100%;
background:#b52f14;

color:#8b0f07;
float: left;
z-index: 3;

top:0px;
left: 0%;

padding: 25px;
overflow: hidden;

-moz-transition-duration: 1.1s;
 -o-transition-duration: 1.1s;
 -webkit-transition-duration: 1.1s;
 transition-duration: 1.1s;

 text-align: center;

 border-right: 0px solid #cf3c1f;

}

#pod_first_over.away {
left: -100%;


}

#pod_first_over span#pod_first_intro_text {
display:inline-block;
width:auto;

font-size: 24px;
font-family:'quenya_bold';

margin: auto;

text-align: left;

line-height: 1.35;


}

#pod_first_content {
position: absolute;
display: inline-block;
width:100%;
height: 100%;



float: left;
z-index: 2;

top:0px;
left: -100%;

padding: 25px 45px 25px 70px;
overflow: hidden;

-moz-transition-duration: 1.1s;
 -o-transition-duration: 1.1s;
 -webkit-transition-duration: 1.1s;
 transition-duration: 1.1s;

 text-align: center;

 border-right: 0px solid #cf3c1f;

}

#pod_first_content.in {
left: 0%;


}


#pod_first td {
text-align: left;

}

#pod_first_over td {
text-align: center;

}

#pod_first span#pod_first_title {
display: inline-block;
width: auto;
color:#8b0f07;
font-size: 83px;
font-family:'quenya_bold';

vertical-align: top;
margin: 0 35px 15px 0;
text-align: left;
line-height: 0.95;
}


#pod_first td div {
display: inline-block;
width: auto;
color:#8b0f07;
font-size: 0px;
font-family:'quenya_bold';

vertical-align: top;
margin: 11px 0px 0 0;

text-align: left;

}

#pod_first div a,
#pod_first div a:visited {
display: inline-block;

font-family: 'quenya_bold';
font-size:  21px;

float: left;
clear: both;
color:#8b0f07;
margin:  0px auto 0.42em auto;

background: none;
-webkit-box-shadow: none;
box-shadow: none;
line-height: 1;
text-shadow: none;
-webkit-appearance: none;
-webkit-appearance: none;
border: 0px;
outline: none;
box-shadow: none;
outline-width: 0px;

letter-spacing: 0px;

font-weight:  normal;

-moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;

}

#pod_first div a:hover {
color:#b50c07;
color:#9e000c;


}






#pod_action {
width: 25%;
width: calc(100% - 70% - 26px);
height: 55%;
min-height: 335px;
max-height: 400px;
background:#c81003;
background:#B21003;

margin: 0 0px 0 0;
padding: 0px;

}





#action_top {
position: relative;
display:inline-block;
width: 100%;
height: calc(100% - 30px - 30px);

border-bottom: 1px solid #ff4d40;

overflow:hidden;


}

#action_slider {
position:absolute;
display:inline-block;
width:500%;
height: 100%;
left:0%;
top:0px;

-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;

float: left;
z-index:3;

}

#action_intro {
display:inline-block;
width: 20%;
height: 100%;
float:left;

}



#action_top_btn_holder {
position: absolute;
display:inline-block;
width: 100%;
height: 100%;

left:0%;
top:0px;

float: left;
z-index: 5;

-moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;

}

#action_top_btn_holder.choosing {
left:101%;

}



#action_top_btn_holder div {
position: relative;
display:inline-block;
width: 100%;
text-align: left;

padding: 27px;



}

#action_intro div {
position: relative;
display:inline-block;
width: 100%;
text-align: left;

padding: 54px 27px 11px 27px;
padding: 54px 35px 11px 33px;
}

#action_intro button {
position: relative;
display:inline-block;
width: auto;
padding: 2px;
font-family:'quenya_bold';
font-size:34px;
color:#ff4d4c;


-moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;



float: left;
clear: both;
margin:  0px auto 0em auto;

background: none;
-webkit-box-shadow: none;
box-shadow: none;
line-height: 1.15;
text-shadow: none;
-webkit-appearance: none;
-webkit-appearance: none;
border: 0px;
outline: none;
box-shadow: none;
outline-width: 0px;

letter-spacing: 0px;
text-align:left;

-moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;






}

span#action_btn {
position: relative;
display:inline-block;
width: auto;
padding: 2px;
font-family:'quenya_bold';
font-size:34px;
color:#ff4d4c;


-moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;



float: left;
clear: both;
margin:  0px auto 0em auto;

background: none;
-webkit-box-shadow: none;
box-shadow: none;
line-height: 1.15;
text-shadow: none;
-webkit-appearance: none;
-webkit-appearance: none;
border: 0px;
outline: none;
box-shadow: none;
outline-width: 0px;

letter-spacing: 0px;
text-align:left;

-moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;



}

#action_intro button span,
span#action_btn span {
display:none;
font-family:'symbols';
color:#ff4d40;
color:#fe695d;
color:#ff4d4c;
-moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;

}


#action_intro button:hover,
#action_intro button:hover span {
color:#fd2212;
color:#FF8080;

}

span#Mary_intro_instructions {
display:block;
width:100%;
height: auto;
padding: 0 35px 35px 35px;
color:#ff4d4c;
font-size: 19.5px;
font-family: 'quenya_medium';


}

span#Mary_intro_instructions span {
display:inline;
width:auto;
height: auto;
padding: 0;
margin: 0 0 9px 0;
color:inherit;
font-size: inherit;
font-family: 'symbols';


}

span#Mary_intro_instructions.more span {
display:inline;

}

.songList {
position:relative;
display: inline-block;
width:20%;
height:100%;
padding: 35px 35px 35px 35px;
text-align: left;
float:left;

font-size:19px;

}

#song_list_selector_text {
display: block;
width: 100%;
height: auto;
padding: 0 0px 15px 0px;
color: #ff4d4c;
font-size: 19.5px;
font-family: 'quenya_medium';
text-align: left;

}

#list_selector_btns_holder {
display:block;
width:100%;
text-align:left;

}

#list_selector_btns_holder button {
display: inline-block;
width:auto;
float: left;
clear: both;
color:#ff4d4c;
margin:  0px auto 0.42em auto;
font-family: 'quenya_bold';
font-size:  20px;

-webkit-box-shadow: none;
box-shadow: none;
line-height: 1;
text-shadow: none;
-webkit-appearance: none;
-webkit-appearance: none;
border: 0px;
outline: none;
box-shadow: none;
outline-width: 0px;

border-radius: 9px;
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 9px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 9px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 9px; 

letter-spacing: 0px;

font-weight:  normal;

text-align:left;
padding:12px;
background:#C31004;

-moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;


}


#list_selector_btns_holder button:hover {
background:#DA1004;


}

span#songList_title {
display:block;
font-family:'quenya_bold';
font-size:28px;
margin:0 0 9px 0;
color:#E41003;

}


#action_top_btn_holder button {
position: relative;
display:inline-block;
width: auto;
padding: 2px;
font-family:'quenya_bold';
font-size:32px;
color:#ff4d40;
color:#fe695d;
color:#ff4d4c;



-moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;

}

#action_top_btn_holder button span {
font-family:'symbols';
color:#ff4d40;
color:#fe695d;
color:#ff4d4c;
-moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;

}


#action_top_btn_holder button:hover,
#action_top_btn_holder button:hover span {
color:#fd2212;
color:#FF8080;

}

#action_top_content {
position: absolute;
display:inline-block;
width: 100%;
height: 100%;

left:101%;
top:0px;

float: left;
z-index: 7;

-moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;

padding: 35px;
text-align: left;


font-size:19px;

}

#action_top_content.choosing {
left: 0%;


}


#mobile_songs_title {
display:none;

}

#action_top_content a,
#action_top_content a:visited,
.songList a,
.songList a:visited {
display: inline-block;

font-family: 'quenya_bold';
font-size:  23px;

float: left;
clear: both;
color:#ff4d40;
color:#ff4d4c;
margin:  0px auto 0.42em auto;

background: none;
-webkit-box-shadow: none;
box-shadow: none;
line-height: 1;
text-shadow: none;
-webkit-appearance: none;
-webkit-appearance: none;
border: 0px;
outline: none;
box-shadow: none;
outline-width: 0px;

letter-spacing: 0px;

font-weight:  normal;

-moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;

}

#action_top_content a:hover,
.songList a:hover {
color:#fd2212;
color:#FF8080;

}


span#action_btm {
display: inline-block;
width: 100%;
height: auto;
padding: 17px 35px 0 35px;

font-size:19px;
color:#ff4d40;
color:#ff4d4c;

text-align: left;

font-family:'quenya_medium';


}


a#home_intro_secret,
a#home_intro_secret:visited {
position: absolute;
display: inline-block;

float: left;
z-index:4;

bottom: 7px;
right: 7px;

width: 41px;
height: 41px;

opacity: 0;

}



#pods_more_holder {
position: relative;
display:inline-block;
width: 100%;
max-width: 2000px;
height: auto;
padding: 0px 28px 28px 28px;
margin: 0px auto 45px auto;

font-size: 0px;

}

.pod.wide {
width: 100%;
height: 485px;
margin: 0px 0px 28px 0;

}

.pod.half {
width: 45%;
width: calc(50% - 14px);
height: 485px;
margin: 0px 0px 28px 0;

}

.pod_spacer {
display:inline-block;
vertical-align: top;

width: 28px;
height: 28px;


}

#pod_third {
height: 105%;
min-height: 725px;
max-height: 1250px;
background:#630c07;
background-size:cover;
background-position: center center;



}


#pod_third_text {
position: absolute;
display: inline-block;

float: left;

width: 25%;
width: calc(43% - 150px);
height: 100%;

left: 75px;
top: 0px;


}

#pod_third_text div {
display: inline-block;
width: auto;


color: #8b0f06;

font-family:'quenya_bold';

text-align: left;

}

#pod_third_text div span {
display: inline-block;
width: 100%;


color: #8b0f06;

font-family:'quenya_bold';

font-size: 35px;

text-align: left;


line-height:1.33;

}

#pod_third_anim {
position: absolute;
display:inline-block;

width: 57%;
height: 70%;
height: calc(100% - 250px);

float: right;
z-index:3;

top: 125px;
right:75px;

text-align: left;

background: #8b0f06;
background:#971402;

border-radius: 20px;



}


#pod_third_anim div {
display: inline-block;
width:auto;
text-align: left;

font-size: 22px;
font-family: 'quenya_bold';

color:#fff;
font-weight: normal;

line-height: 1.6;

color:#630c07;



}


#pod_fourth {
background:#740407;
color:#d7090f;

font-family:'quenya_bold';

}

#pod_fourth td {
text-align: center;

}

#pod_fourth span {
display:inline-block;
margin: 0 25px 15px 0;
font-size: 59px;

vertical-align: top;
text-align: left;

line-height: 0.9;

}

#pod_fourth div {
display:inline-block;
margin: 2px 0px 0 0;
font-size: 19px;

vertical-align: top;

}

#pod_fourth div a,
#pod_fourth div a:visited {
display: inline-block;
color:#d7090f;
font-family: 'quenya_bold';
font-size:  21px;

float: left;
clear: both;
margin:  0px auto 0.42em auto;

background: none;
-webkit-box-shadow: none;
box-shadow: none;
line-height: 1;
text-shadow: none;
-webkit-appearance: none;
-webkit-appearance: none;
border: 0px;
outline: none;
box-shadow: none;
outline-width: 0px;

letter-spacing: 0px;

font-weight:  normal;

-moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;

}

#pod_fourth div a:hover {
color:#ff0a11;
color:#ff1e00;


}


#pod_fifth {
background:#a20a04;

}


#pod_fifth div {
position: absolute;
display: inline-block;
width: auto;
max-width: 80%;
max-width: calc(81% - 101px);

max-height: calc(100% - 150px - 70px);

overflow: hidden;

float:left;

top:100px;
left:50px;

font-size: 19px;
color:#d21e17;

text-align: left;
line-height: 1.5;


}

#pod_fifth div span {
display:block;
width: 100%;
font-size: 59px;
color:#d21e17;

font-family:'quenya_bold';

line-height: 1;
margin: 0 0 22px 0;

}


#pod_fifth a,
#pod_fifth a:visited {
position: absolute;
display: inline-block;
width: auto;

float:left;

bottom:50px;
left:50px;

padding: 0.9em;

background:#b70c05;

font-family:'quenya_bold';
font-size: 23px;
color:#6b0c05;
border-radius: 7px;



}

#pod_fifth a:hover {
background:#b00b04;
background:#c30d07;
background:#ce0e07;

}



#pod_sixth {
background:#520a05;
background:#3a0704;
background:#6b0c05;
background: url(../images/bg_land.jpg);
background-size:cover;
background-position: center right;


}

#pod_sixth a,
#pod_sixth a:visited {
position: absolute;
display: inline-block;
width: auto;

float:left;

bottom:50px;
left:50px;

padding: 0.9em;

background:#a20a04;

font-family:'quenya_bold';
font-size: 23px;
color:#6b0c05;
border-radius: 7px;



}

#pod_sixth a:hover {
background:#b00b04;
background:#c30d07;

}


#pod_seventh {
color:#a5211b;
color:#ab0e03;
background:#630c07;
font-size: 23px;

}


a#home_secret,
a#home_secret:visited {
opacity: 1; 
display:inline-block;
width:55px; 
height: 55px;
margin: 25px 40px 0 20%;
border-radius: 55px;
background:#630c07;
}


a#home_secret_two,
a#home_secret_two:visited {
opacity: 1; 
display:inline-block;
width:55px; 
height: 55px;
margin: 25px 20% 0 40px;

border-radius: 55px;
background:#a71107;

}

a#home_secret_three,
a#home_secret_three:visited {
opacity: 1; 
display:inline-block;
width:55px; 
height: 55px;
margin: 45px 0% 0 0px;

border-radius: 55px;
background:#b4000d;

}



#home_clouds {
display:block;
width:100%;
position: relative;
padding-bottom: 85%; /* 2000:1700 */ 
padding-top: 0px;
height: 0;
margin: 90px 0 0 0;

}

#moons {
display:inline-block;
width:100%;
height:auto;
text-align:center;
margin: 0px 0 0px 0;
padding: 0 0 135px 0;

}

/* ###################################################### */
/* ###################################################### */
/* ################        CHOICES        ############### */
/* ###################################################### */
/* ###################################################### */


#choice_inside {
display: inline-block;
width: auto;
font-size: 0px;
line-height:  1;

}

#first_choice {
display: inline-block;
width: auto;
font-size: 0px;
line-height:  1;

opacity: 1;


-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;

}

#first_choice.fade {
opacity: 0;

}

#first_choice.fade.off {
display: none;

}

#secondary_collection {
display: inline-block;
width: auto;
font-size: 0px;
float:  left;
clear:  both;

border-left:  0px solid #ae1407;

padding:  0px 0 0px 0px;
margin:  9px 0 0 60px;

}






a.primary,
a.primary:visited,
.primary,
button.primary {
display: inline-block;

font-family: 'quenya_bold';
font-size:  55px;
color:  #f81e0f;
color: #fb2417;
color: #d4180a;

background:  none;
padding:  0px;
border: 0px;
float:  left;
clear:  both;

margin:  7px 0 0 0;

-webkit-box-shadow: none;
box-shadow: none;
line-height: 1;
text-shadow: none;
-webkit-appearance: none;
-webkit-appearance: none;
border: 0px;
outline: none;
box-shadow: none;
outline-width: 0px;

letter-spacing: 0px;

font-weight:  normal;

}


a.secondary,
a.secondary:visited,
button.secondary {
display: inline-block;

font-family: 'quenya_bold';
font-size:  39px;

color:  #f81e0f;
color: #fb2417;
color: #f12215;
color: #d4180a;

float:  left;
clear:  both;

margin:  7px auto 7px auto;

background: none;
-webkit-box-shadow: none;
box-shadow: none;
line-height: 1;
text-shadow: none;
-webkit-appearance: none;
-webkit-appearance: none;
border: 0px;
outline: none;
box-shadow: none;
outline-width: 0px;

letter-spacing: 0px;

font-weight:  normal;

}


a.primary:hover {
color:  #ff8828;
color:  #ff2f0d;
color: #e32a09;

}


a.secondary:hover {
color:  #ff8828;
color: #e32a09;
color:  #ff2f0d;
color: #e32a09;

}



#conversatio,
#cantica,
#visio {
display: none;
width:  auto;

height:  auto;
font-size: 0px;
line-height:  1;

opacity: 0;

-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;

text-align:  center;


}

#conversatio.load,
#cantica.load,
#visio.load {
display: inline-block;


}

#conversatio.load.fade,
#cantica.load.fade,
#visio.load.fade {
opacity: 1;


}


.choice_titles {
display: inline-block;
color: #d4180a;
font-family: 'quenya_bold';
font-size:  72px;

margin:  0 45px 0 0;

text-align:  left;

vertical-align: top;
line-height: 1;

}




.choices {
position: relative;
display:  inline-block;
width:  auto;

vertical-align: top;

text-align:  left;
color: #d4180a;
font-family: 'quenya_medium';
font-size:  27px;

line-height:  1;

margin:  10px 0px 0 0;
padding:  0 180px 0 0;

}

.choices a,
.choices a:visited {
display: inline-block;
float:  left;
clear:  both;
font-family: 'quenya_bold';
font-size:  27px;

margin:  0 0 0.42em 0;


}

#first_choice button:hover,
.choices a:hover {
color:  #ff8828;
color: #e32a09;
color:  #ff2f0d;
color: #e32a09;

}


button.choicesX {
position:  absolute;
display: inline-block;

float:  right;
z-index: 4;

top:  -45px;
right:  0px;
background:  none;
-webkit-box-shadow: none;
box-shadow: none;
line-height: 1;
text-shadow: none;
-webkit-appearance: none;
-webkit-appearance: none;
border: 0px;
outline: none;
box-shadow: none;
outline-width: 0px;

}


.XHolder {
position:  relative;
display: inline-block;
width: 30px;
height: 30px;

transform:  rotate(45deg);


}

.xUp {
position: absolute;
display: inline-block;
width:  10px;
height: 100%;
background: #d4180a;

top: 0px;
left:  10px;

}

.xWide {
position: absolute;
display: inline-block;
width:  100%;
height: 10px;
background: #d4180a;

top: 10px;
left:  0px;

}

.XHolder:hover .xUp,
.XHolder:hover .xWide {
background: #e32a09;


}

/* ###################################################### */
/* ###################################################### */
/* ################         ABOUT         ############### */
/* ###################################################### */
/* ###################################################### */


#full_text_holder {
position: relative;
display:  block;
width:  100%;
height:  auto;
padding: 135px 45px 90px 45px;
vertical-align: top;

}

#full_text {
display: inline-block;
width: auto;
max-width:  645px;

margin: 0px;
padding: 0px 45px 0px 45px;

text-align:  left;
vertical-align: top;

color: #fff;
font-size: 20px;
font-family: 'quenya_medium';
letter-spacing: 0.5px;
line-height: 1.4;

}

#about_under {
position: fixed;
display:  block;
width:  100%;
height:  100%;
vertical-align: top;
background: #5a0802;
background: #e22113;

float:  left;
z-index:  2;

top:  0px;
left:  0px;

}



#about_page_holder {
position:  absolute;
display:  block;
width:  100%;
height:  100%;
vertical-align: top;


float:  left;
z-index:  3;

top:  0px;
left:  0px;


}






#about_page_inside {
display: inline-block;
width: auto;
max-width:  645px;
font-size: 0px;

padding: 90px 45px 45px 45px;

text-align:  left;

vertical-align: top;


color:  #f81e0f;
color: #fff;


font-size: 20px;

font-family: 'quenya_medium';

letter-spacing: 0.5px;
line-height: 1.4;

}



#about_intro_quote {
position: relative;
display:  block;
width: 100%;
height: 100%;


color:#da2014;
background:#960b05;

}


#about_intro_quote div {
display:  inline-block;
width: 100%;
max-width: 595px;
height:  auto;

font-size: 27px;
font-family: 'quenya_bold';

text-align: left;

color:#da2014;
background:#960b05;

line-height:1.4;

}


.blog.notes #about_intro_quote #down_arrow {
position: absolute;
display: inline-block;

float:  left;
z-index:  7;

width: auto;

height:  auto;

font-size: 45px;
font-family: 'symbols';

text-align: center;

bottom: 25px;
left: 25px;

padding: 10px 7px 13px 20px;

border-radius: 10px;

-moz-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
-webkit-transition-duration: 0.9s;
transition-duration: 0.9s;

background:#960b05;
background:#a70c05;


}

.blog.notes #about_intro_quote #down_arrow:hover {
background:#5d0703;
background:#770905;

}




/* ###################################################### */
/* ###################################################### */
/* ################       BIO CSS         ############### */
/* ###################################################### */
/* ###################################################### */

#bio_bg {
position:fixed;
display:inline-block;
top:0px;
left:0px;

width:100%;
height:100%;

background:url(../images/bg_joel.jpg);
background-size:cover;
background-position:center center;


}


#bio_text {
position: absolute;
display:inline-block;
width: 40%;
max-width: 495px;
text-align: left;
color:#fff;
font-size:21px; 
float: left;
z-index:3;
top: 195px;
left: 20%;
left: calc(50% - 175px);
padding: 0 0 345px 0;



}



/* ###################################################### */
/* ###################################################### */
/* ################          BLOG         ############### */
/* ###################################################### */
/* ###################################################### */

body.blog {
text-align:  center;


}


#bg {
position: fixed;
display: block;
width: 100%;
height: 100%;

background: #d24717;
background: #fc9515;
background-size: cover;
background-position: center center;



}


#page_content_main {
position: relative;
display: inline-block;

width: 100%;
height:  auto;


}


#page_holder {
position: relative;
display: inline-block;

width: 100%;

max-width: 1044px;


margin: 0 auto;

padding: 90px 0 0 0;



}

#labyrinth_image_holder,
#amma_image_holder,
#sojourner_image_holder {
position:relative;
display:block;
width:100%;
height: auto;

}


#labyrinth_image_holder div {
position:absolute;
display:block;
width:100%;
height:auto;
float:left;
z-index:3;
bottom:4.4%;
left:0px;
font-size:0px;
text-align:center;

}

#labyrinth_image_holder div span {
position:absolute;
display:block;
width:100%;
height:auto;
float:left;
z-index:4;
bottom:-17px;
left:0px;
font-size:34px;
color:#DE2601;
color:#E32F00;
font-family: 'quenya_bold';
line-height:1;
text-align:center;

font-size:22px;bottom:-11px;

}


#amma_image_holder #left_div {
position:absolute;
display:block;
width:50%;
height:auto;
float:left;
z-index:3;
bottom:4.4%;
left:0px;
font-size:0px;
text-align:center;

}

#amma_image_holder #right_div {
position:absolute;
display:block;
width:50%;
height:auto;
float:left;
z-index:4;
bottom:4.4%;
right:0px;
font-size:0px;
text-align:center;

}

#amma_image_holder div span {
position:absolute;
display:block;
width:100%;
height:auto;
float:left;
z-index:4;
bottom:-17px;
left:0px;
font-size:34px;
color:#DE2601;
color:#E32F00;
font-family: 'quenya_bold';
line-height:1;
text-align:center;

font-size:22px;bottom:-11px;

}


#soujourner_name {
position:absolute;
display:inline-block;
width:auto;
max-width:32%;
float: left;
z-index:7;
left:67%;
bottom:22%;

}


#soujourner_name span {
color:#FB0F00;
font-family: 'quenya_bold';
font-size:57px;

}


#JesusTitle {
position:absolute;
display:inline-block;
float:left;
z-index:4;
width:17%;
height:13%;
text-align:center;
bottom:22.77%;
left:5.2%;

font-size: 39px;
font-family:'quenya_bold';
color:#DA9A2A;
color:#D5A04F;


}




#sidebar {

display: inline-block;

width: 39%;
height: auto;

/*top: 125px;
left: 0px;

float: left;
z-index: 3;*/

padding: 45px;

line-height: 1.6;
letter-spacing: 0.5px;

font-family: 'quenya_medium';

font-size: 18px;

text-align: left;

vertical-align: top;


}


#feed {
display:inline-block;
width: 60%;
padding: 45px;

text-align: left;
vertical-align: top;

}

#feed.feed_slim {
max-width:355px;
padding-top: 0px;
margin: 0 0 0 50px;


}

.b {
display:  block;


}

.n {
display:  none;


}

.post {

width: 100%;
height: auto;

margin: 0 0 90px 0;


padding:  0 0 0 35px;

border-left: 7px solid #931103;
color:#fff;
background:#a41305;

}

.post.b.poem {

width: 100%;
height: auto;

margin: 0 0 55px 0;
padding:  0 0 0 0px;
border-left: 0px solid #931103;


}

.post.b.poem_song {

width: 100%;
height: auto;

margin: 0 0 55px 0;
padding:  0 0 0 35px;
border-left: 7px solid #931103;


}


div#image {

border-left:  7px solid #a41305;
margin: 0 0 90px 0;


}



.post_date {
display: none;


}

.content {
display: block;
width: 100%;
margin: 0 auto;

text-align: left;

line-height: 1.9;
/*letter-spacing: 0.5px;*/

font-family: 'quenya_medium';

font-size: 20.1px;



}

.post.b.poem .content {
font-size: 21px;



}


.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
line-height: 1.5;



}

.content img {
display: block;
width: 100%;
height: auto;

}



#mobile_notice {
display: none;

}


#divine_sex_single_posts,
#divine_sex_married_posts,
#divine_sex_celibate_posts {
display:none;


}

#divine_sex_single_posts.on,
#divine_sex_married_posts.on,
#divine_sex_celibate_posts.on {
display:inline;


}


#reflection_holder {
display:block;
width:100%;
height:auto;
padding:135px 135px;
text-align:center;
background:#960B05;

}

#reflection_col {
display:inline-block;
width:100%;
max-width:575px;
height:auto;
font-size:25px;
line-height:1.9;
text-align:left;

color:#da2014;
color:#F13E32;

}


/* ###################################################### */
/* ###################################################### */
/* ################     AUDIO PLAYER      ############### */
/* ###################################################### */
/* ###################################################### */



#player {
position: fixed;
display: inline-block;

top: -1555px;

left: -555px;

opacity: 0;

overflow: hidden;

width: 5px;
height: 5px;

}

#audio_progress {
width:100%;
background: #c86822;
background: #d24717;
height:8px;

position: absolute;

float: left;

z-index: 5;

top:0px;
left: 0px;

overflow: hidden;

-moz-transition-duration: 0s;
-o-transition-duration: 0s;
-webkit-transition-duration: 0s;
transition-duration: 0s;

}

#audio_progress.off {


}



.audio_range {
width:0%;
background: #f86b04;
background: #f65026;
height:8px;

 -moz-transition-duration: 0s;
 -o-transition-duration: 0s;
 -webkit-transition-duration: 0s;
 transition-duration: 0s;

}



#audio_progress.toggle .audio_range {


}

table, tr {
width: 100%;
height: 100%;


}

td {
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;


}



td#home_td_main {
font-size: 25px;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;

opacity:  1;
}



td#home_td_main.hide_btns {
opacity:  0;

}


td#home_td_main.move_show_buttons {


}


td#home_td_main.hide_btns.move_show_buttons {
opacity:  1;

}


#home_td_main {



}


#var_holder {
position:  absolute;
display: inline-block;
font-size:  0px;

height:  0px;
width:  0px;

float:  left;

top:  -999px;
left:  -999px;




}


#podcast_btns_holder {
display: block;
width: 100%;
height: 120px;
margin: 1em auto 0 auto;
vertical-align: middle;
text-align: center;

}

#play_btn {
display: inline-block;
width: 120px;
height: 120px;
vertical-align: middle;
text-align: center;

position: relative;

cursor:
  url(../images/h_monogrammatic_cross_hover.png) 5 7,
  url(../images/h_monogrammatic_cross_hover.svg) 5 7,
  pointer;

}

.btn_circle_holder {
position: absolute;    
display: block;

width: 100%;
height: 100%;

vertical-align: middle;
text-align: center;

float: left;

z-index: 3;

top: 0px;
left: 0px;



}

.btn_circle_holder table,
.btn_circle_holder tr,
.btn_circle_holder td {
width: 100%;
height: 100%;

vertical-align: middle;
text-align: center;

}


.circle {
display: inline-block;
vertical-align:middle;
width: 100px;
height: 100px;
border-radius: 50px;
background: none; 

border: solid #ffcf28 5px;

-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;



background: rgb(0,0,0, 0.2);
}

#play_btn:hover .circle,
#pause_btn:hover .circle {
width: 110px;
height: 110px;
border-radius: 55px;
border: solid #ff5824 4px;

background: rgb(0,0,0, 0.3);

}




#play_triangle_holder {
position: absolute;    
display: block;

width: 100%;
height: 100%;

vertical-align: middle;
text-align: center;

float: left;

z-index: 5;

top: 0px;
left: 0px;



}


#play_triangle_holder table,
#play_triangle_holder tr,
#play_triangle_holder td,
#pause_holder table,
#pause_holder tr,
#pause_holder td {
width: 100%;
height: 100%;

vertical-align: middle;
text-align: center;



}


#triangle {
display: inline-block;
vertical-align: middle;
    width: 0;
    height: 0;
    border-top: 0.75em solid transparent;
    border-left: 1.5em solid #ffcf28;
    border-bottom: 0.75em solid transparent;


-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;


margin: 0 0 0 0.2em;

}



#play_btn:hover #triangle {
border-top: 0.9em solid transparent;
border-left: 1.8em solid #ff5824;
border-bottom: 0.9em solid transparent;

border-top: 0.75em solid transparent;
border-left: 1.5em solid #ff5824;
border-bottom: 0.75em solid transparent;

}



#pause_btn { 
display: none;
width: 120px;
height: 120px;
vertical-align: middle;
text-align: center;

position: relative;



}

#pause_holder {
position: absolute;    
display: block;

width: 100%;
height: 100%;

vertical-align: middle;
text-align: center;

float: left;

z-index: 5;

top: 0px;
left: 0px;



}

#pause {
display: inline-block;   
width: 70%;
height: 70%;

vertical-align: middle;
text-align: center;

}


#pause_left {
width: 11%;
height: 43%;
background: #ffcf28;
display: inline-block;
float: left;
margin: 28.5% 0% 0 32%;
padding: 0px;

-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;

}


#pause_right {
width: 11%;
height: 43%;
margin: 28.5% 32% 0 0;
background: #ffcf28;
display: inline-block;
float: right;
padding: 0px;

-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;

}

#pause_btn:hover #pause_right,
#pause_btn:hover #pause_left {
background: #ff5824;
transition: all 0.2s;

}







/* ###################################################### */
/* ###################################################### */
/* ################        BUTTONS        ############### */
/* ###################################################### */
/* ###################################################### */


#intro_btns {
position: absolute;
display: inline-block;

float: left;

z-index: 4;

bottom: 45px;
left: 45px;

width: auto;

}

#about_btns {
position: absolute;
display: inline-block;

float: left;
z-index: 6;
bottom: 45px;
left: 45px;
width: auto;

}

body.intro button,
#intro_btns button,
#about_btns button {
display: inline-block;
float: left;

background: #ee501a;
color: #fff;

border-radius: 3px;
padding: 13px 15px;
font-size: 20px;
margin: 0 20px 0 0;

border: 0px solid #962d13;
border-width: 0px;

font-family: 'quenya_medium';

}

body.intro button:hover,
#intro_btns button:hover,
#about_btns button:hover {
background: #f28607;
background: #f28607;

}


button:focus {
outline: none; 

}


a.text_page_btn,
a.text_page_btn:visited {
display:inline-block;

margin-bottom: 15px;

padding: 10px 15px;
border-radius: 7px;

background:#ef1500;
background:#B71027;
background:#BC1317;
color:#f4d0cd;

font-size: 18px;



}

a.text_page_btn:hover {
background:#ff360e;
background:#B71055;
background:#BC133B;
background:#D30C22;
color:#fff;
color:#f4d0cd;



}


/* ###################################################### */
/* ###################################################### */
/* ################     THEME COLORS      ############### */
/* ###################################################### */
/* ###################################################### */





body.intro button {
float: none;

}

/* ###################################################### */



.choice #full_o_a,
.choice #full_o_b,
.choice #full_o_c,
.choice #full_o_d,

.choice #full_o_aa,
.choice #full_o_ba,
.choice #full_o_ca,
.choice #full_o_da, 

.choice #full_c_a,
.choice #full_c_b,
.choice #full_c_c,
.choice #full_c_d,

.choice #full_c_aa,
.choice #full_c_ba,
.choice #full_c_ca,
.choice #full_c_da {
background:  #d4180a;


} 



/* ###################################################### */

.advent span#time {
color: #ffa2b5;

}

.advent #menu_btn,
.advent #menu_close_btn_visual_inside {
background: #ffa2b5;

}


/*.advent button#open_sitemap,
.advent button#open_mary_resources {
background: #ffa2b5;
  
}*/


.advent .circle {
border: solid #ffc13b 9px;
background: rgb(255,210,73, 0.2);

}

.advent #play_btn:hover .circle,
.advent #pause_btn:hover .circle {
border: solid #ff0000 8px;
background: rgb(255,0,0, 0.3);

}


.advent #triangle {
border-top: 0.75em solid transparent;
border-left: 1.5em solid #ffc13b;
border-bottom: 0.75em solid transparent;

}

.advent #play_btn:hover #triangle {
border-top: 0.9em solid transparent;
border-left: 1.8em solid #ff0000;
border-bottom: 0.9em solid transparent;

border-top: 0.75em solid transparent;
border-left: 1.5em solid #ff0000;
border-bottom: 0.75em solid transparent;

}

.advent #pause_left,
.advent #pause_right {
background: #ffc13b;

}

.advent #pause_btn:hover #pause_right,
.advent #pause_btn:hover #pause_left {
background: #ff0000;

}

.advent #audio_progress {
background: #ff0000;
}


.advent .audio_range {
background: #fd3232;
background: #f44421;
background: #e8245c;
background: #ff0000;


}



/* ###################################################### */

.wedding span#time {
color: #fff;

}

.wedding #menu_btn,
.wedding #menu_close_btn_visual_inside  {
background: #fff;

}

/*.wedding button#open_sitemap,
.wedding button#open_mary_resources {
background: #fff;
  
}*/


.wedding.hiking #menu_btn,
.wedding.hiking #menu_close_btn_visual_inside  {
background: #ff3122;

}



.wedding .circle {
border: solid #fff 9px;
background: rgb(255,255,255, 0.2);

}

.wedding #play_btn:hover .circle,
.wedding #pause_btn:hover .circle {
border: solid #f65026 8px;
background: rgb(246,80,38, 0.3);

}

.wedding.golden #play_btn:hover .circle,
.wedding.golden #pause_btn:hover .circle {
border: solid #fff 8px;
background: rgb(255,255,255, 0.3);

}


.wedding #triangle {
border-top: 0.75em solid transparent;
border-left: 1.5em solid #fff;
border-bottom: 0.75em solid transparent;

}

.wedding #play_btn:hover #triangle {
border-top: 0.9em solid transparent;
border-left: 1.8em solid #f65026;
border-bottom: 0.9em solid transparent;

border-top: 0.75em solid transparent;
border-left: 1.5em solid #f65026;
border-bottom: 0.75em solid transparent;

}

.wedding.golden #play_btn:hover #triangle {
border-top: 0.9em solid transparent;
border-left: 1.8em solid #fff;
border-bottom: 0.9em solid transparent;

border-top: 0.75em solid transparent;
border-left: 1.5em solid #fff;
border-bottom: 0.75em solid transparent;

}

.wedding #pause_left,
.wedding #pause_right {
background: #fff;

}

.wedding #pause_btn:hover #pause_right,
.wedding #pause_btn:hover #pause_left {
background: #f65026;

}

.wedding.golden #pause_btn:hover #pause_right,
.wedding.golden #pause_btn:hover #pause_left {
background: #fff;

}




.wedding #audio_progress {
background: #ff0000;
}

.wedding .audio_range {
background: #fd3232;
background: #f44421;
background: #ff0000;

}



/* ###################################################### */


.miriam.newyears span#time {
color: #fff;

}


.miriam #menu_btn,
.miriam #menu_close_btn_visual_inside  {
background: #ff3122;

}


/*.miriam button#open_sitemap,
.miriam button#open_mary_resources {
background: #ff3122;
  
}*/


.miriam .circle {
border: solid #fff 11px;
background: rgb(255,255,255, 0.2);

}

.miriam #play_btn:hover .circle,
.miriam #pause_btn:hover .circle {
border: solid #ffcf28 10px;
background: rgb(255,207,40, 0.3);

}


.miriam #triangle {
border-top: 0.75em solid transparent;
border-left: 1.5em solid #fff;
border-bottom: 0.75em solid transparent;

}

.miriam #play_btn:hover #triangle {
border-top: 0.9em solid transparent;
border-left: 1.8em solid #ffcf28;
border-bottom: 0.9em solid transparent;

border-top: 0.75em solid transparent;
border-left: 1.5em solid #ffcf28;
border-bottom: 0.75em solid transparent;

}

.miriam #pause_left,
.miriam #pause_right {
background: #fff;

}

.miriam #pause_btn:hover #pause_right,
.miriam #pause_btn:hover #pause_left {
background: #ffcf28;

}


.miriam #audio_progress {
background: #ff0000;
}

.miriam .audio_range {
background: #e20d0d;



}


/* ###################################################### */


.thepassion span#time {
color: #ff2777;
opacity:  1;

}



.thepassion #menu_btn,
.thepassion #menu_close_btn_visual_inside  {
background: #fb2b02;

}

/*.thepassion button#open_sitemap,
.thepassion button#open_mary_resources {
background: #fb2b02;
  
}*/

.thepassion .circle {
border: solid #c6174f 9px;

background: rgb(255,0,0, 0.3);
background: rgb(144,98,0, 0.0);
background: rgb(234,9,30, 0.0);

}

.thepassion #play_btn:hover .circle,
.thepassion #pause_btn:hover .circle {
border: solid #c6174f 8px;



background: rgb(249,60,2, 1);

background: rgb(234,9,30, 0.1);

}


.thepassion #triangle {
border-top: 0.75em solid transparent;
border-left: 1.5em solid #c6174f;
border-bottom: 0.75em solid transparent;

}

.thepassion #play_btn:hover #triangle {
border-top: 0.9em solid transparent;
border-left: 1.8em solid #c6174f;
border-bottom: 0.9em solid transparent;

border-top: 0.75em solid transparent;
border-left: 1.5em solid #c6174f;
border-bottom: 0.75em solid transparent;

}

.thepassion #pause_left,
.thepassion #pause_right {
background: #c6174f;

}

.thepassion #pause_btn:hover #pause_right,
.thepassion #pause_btn:hover #pause_left {
background: #c6174f;

}

.thepassion #audio_progress {
background: #ff0000;
}


.thepassion .audio_range {
background: #fd3232;



}

.thepassion #full_o_a,
.thepassion #full_o_b,
.thepassion #full_o_c,
.thepassion #full_o_d,

.thepassion #full_o_aa,
.thepassion #full_o_ba,
.thepassion #full_o_ca,
.thepassion #full_o_da, 

.thepassion #full_c_a,
.thepassion #full_c_b,
.thepassion #full_c_c,
.thepassion #full_c_d,

.thepassion #full_c_aa,
.thepassion #full_c_ba,
.thepassion #full_c_ca,
.thepassion #full_c_da {
background:  #ff5493;


} 





/* ###################################################### */


.madame_guyon span#time {
color: #f60702;
opacity:  1;

}



.madame_guyon #menu_btn,
.madame_guyon #menu_close_btn_visual_inside  {
background: #fb2b02;

}





/*.madame_guyon button#open_sitemap,
.madame_guyon button#open_mary_resources {
background: #fb2b02;

}*/



.madame_guyon .circle {
border: solid #f70501 11px;

background: rgb(255,0,0, 0.3);
background: rgb(144,98,0, 0.0);
background: rgb(234,9,30, 0.0);

}

.madame_guyon #play_btn:hover .circle,
.madame_guyon #pause_btn:hover .circle {
border: solid #f70501 10px;



background: rgb(249,60,2, 1);

background: rgb(234,9,30, 0.0);

}


.madame_guyon #triangle {
border-top: 0.75em solid transparent;
border-left: 1.5em solid #f70501;
border-bottom: 0.75em solid transparent;

}

.madame_guyon #play_btn:hover #triangle {
border-top: 0.9em solid transparent;
border-left: 1.8em solid #f70501;
border-bottom: 0.9em solid transparent;

border-top: 0.75em solid transparent;
border-left: 1.5em solid #f70501;
border-bottom: 0.75em solid transparent;

}

.madame_guyon #pause_left,
.madame_guyon #pause_right {
background: #f70501;

}

.madame_guyon #pause_btn:hover #pause_right,
.madame_guyon #pause_btn:hover #pause_left {
background: #f70501;

}

.madame_guyon #audio_progress {
background: #ff0000;
}


.madame_guyon .audio_range {
background: #fd3232;



}

.madame_guyon #full_o_a,
.madame_guyon #full_o_b,
.madame_guyon #full_o_c,
.madame_guyon #full_o_d,

.madame_guyon #full_o_aa,
.madame_guyon #full_o_ba,
.madame_guyon #full_o_ca,
.madame_guyon #full_o_da, 

.madame_guyon #full_c_a,
.madame_guyon #full_c_b,
.madame_guyon #full_c_c,
.madame_guyon #full_c_d,

.madame_guyon #full_c_aa,
.madame_guyon #full_c_ba,
.madame_guyon #full_c_ca,
.madame_guyon #full_c_da {
background:  #e64e04;


} 


/* ###################################################### */


.mt_horeb .mt_horeb span#time {
color: #ff0000;
opacity:  1;

text-shadow:
    -2px -2px 0 #faeae3,
     0   -2px 0 #faeae3,
     2px -2px 0 #faeae3,
     2px  0   0 #faeae3,
     2px  2px 0 #faeae3,
     0    2px 0 #faeae3,
    -2px  2px 0 #faeae3,
    -2px  0   0 #faeae3;


}


.mt_horeb #menu_btn,
.mt_horeb #menu_close_btn_visual_inside  {
background: #ff3122;

}

/*.mt_horeb button#open_sitemap,
.mt_horeb button#open_mary_resources {
background: #ff3122;
  
}
*/



.mt_horeb .circle {
border: solid #c11b0c 9px;

background: rgb(255,255,255, 1.0);


}

.mt_horeb #play_btn:hover .circle,
.mt_horeb #pause_btn:hover .circle {
border: solid #c11b0c 8px;

background: rgb(255,255,255, 1.0);



}


.mt_horeb #triangle {
border-top: 0.75em solid transparent;
border-left: 1.5em solid #c11b0c;
border-bottom: 0.75em solid transparent;

}

.mt_horeb #play_btn:hover #triangle {
border-top: 0.9em solid transparent;
border-left: 1.8em solid #c11b0c;
border-bottom: 0.9em solid transparent;

border-top: 0.75em solid transparent;
border-left: 1.5em solid #c11b0c;
border-bottom: 0.75em solid transparent;

}

.mt_horeb #pause_left,
.mt_horeb #pause_right {
background: #c11b0c;

}

.mt_horeb #pause_btn:hover #pause_right,
.mt_horeb #pause_btn:hover #pause_left {
background: #c11b0c;

}

.mt_horeb #audio_progress {
background: #ff0000;

}


.mt_horeb .audio_range {
background: #ff0000;



}

.mt_horeb #full_o_a,
.mt_horeb #full_o_b,
.mt_horeb #full_o_c,
.mt_horeb #full_o_d,

.mt_horeb #full_o_aa,
.mt_horeb #full_o_ba,
.mt_horeb #full_o_ca,
.mt_horeb #full_o_da, 

.mt_horeb #full_c_a,
.mt_horeb #full_c_b,
.mt_horeb #full_c_c,
.mt_horeb #full_c_d,

.mt_horeb #full_c_aa,
.mt_horeb #full_c_ba,
.mt_horeb #full_c_ca,
.mt_horeb #full_c_da {
background:  #ffffff;


} 





/* ###################################################### */


.marian span#time {
color: #ff0000;
opacity:  1;

}


.marian #menu_btn,
.marian #menu_close_btn_visual_inside  {
background: #ff3122;

}


/*.marian button#open_sitemap,
.marian button#open_mary_resources {
background: #ff3122;
  
}*/


.marian .circle {
border: solid #c52821 9px;

background: rgb(255,255,255, 1.0);

background: #9d0710;


}

.marian #play_btn:hover .circle,
.marian #pause_btn:hover .circle {
border: solid #c52821 8px;

background: rgb(255,255,255, 1.0);
background: #9d0710;

}


.marian #triangle {
border-top: 0.75em solid transparent;
border-left: 1.5em solid #c52821;
border-bottom: 0.75em solid transparent;

}

.marian #play_btn:hover #triangle {
border-top: 0.9em solid transparent;
border-left: 1.8em solid #c52821;
border-bottom: 0.9em solid transparent;

border-top: 0.75em solid transparent;
border-left: 1.5em solid #c52821;
border-bottom: 0.75em solid transparent;

}

.marian #pause_left,
.marian #pause_right {
background: #c52821;

}

.marian #pause_btn:hover #pause_right,
.marian #pause_btn:hover #pause_left {
background: #c52821;

}

.marian #audio_progress {
background: #ff0000;

}


.marian .audio_range {
background: #ff0000;



}

.marian #full_o_a,
.marian #full_o_b,
.marian #full_o_c,
.marian #full_o_d,

.marian #full_o_aa,
.marian #full_o_ba,
.marian #full_o_ca,
.marian #full_o_da, 

.marian #full_c_a,
.marian #full_c_b,
.marian #full_c_c,
.marian #full_c_d,

.marian #full_c_aa,
.marian #full_c_ba,
.marian #full_c_ca,
.marian #full_c_da {
background:  #ff3d81;


} 



/* ###################################################### */


.juliana span#time {
color: #ff6887;
color:#ffaf47;
opacity:  1;
text-shadow:
    -2px -2px 0 #D30000,
     0   -2px 0 #D30000,
     2px -2px 0 #D30000,
     2px  0   0 #D30000,
     2px  2px 0 #D30000,
     0    2px 0 #D30000,
    -2px  2px 0 #D30000,
    -2px  0   0 #D30000;

}


.juliana #menu_btn,
.juliana #menu_close_btn_visual_inside  {
background: #f35057;
background:#ff0000;

}

/*.juliana button#open_sitemap,
.juliana button#open_mary_resources {
background:#ff0000;
  
}*/


.juliana .circle {
border: solid #fec772 11px;

background: rgb(231,40,19, 0.1);




}

.juliana #play_btn:hover .circle,
.juliana #pause_btn:hover .circle {
border: solid #fec772 10px;

background: rgb(231,40,19, 0.35);

}


.juliana #triangle {
border-top: 0.75em solid transparent;
border-left: 1.5em solid #fec772;
border-bottom: 0.75em solid transparent;

}

.juliana #play_btn:hover #triangle {
border-top: 0.9em solid transparent;
border-left: 1.8em solid #fec772;
border-bottom: 0.9em solid transparent;

border-top: 0.75em solid transparent;
border-left: 1.5em solid #fec772;
border-bottom: 0.75em solid transparent;

}

.juliana #pause_left,
.juliana #pause_right {
background: #fec772;

}

.juliana #pause_btn:hover #pause_right,
.juliana #pause_btn:hover #pause_left {
background: #fec772;

}

.juliana #audio_progress {
background: #ff0000;
display:none;


}

.juliana .audio_range {
background: #ff0000;
display:none;


}

.juliana #full_o_a,
.juliana #full_o_b,
.juliana #full_o_c,
.juliana #full_o_d,

.juliana #full_o_aa,
.juliana #full_o_ba,
.juliana #full_o_ca,
.juliana #full_o_da, 

.juliana #full_c_a,
.juliana #full_c_b,
.juliana #full_c_c,
.juliana #full_c_d,

.juliana #full_c_aa,
.juliana #full_c_ba,
.juliana #full_c_ca,
.juliana #full_c_da {
background:#ff0000;


} 






/* ###################################################### */


.prodigal_son span#time {
color:#FBE7CE;
opacity:  1;
text-shadow:
    -2px -2px 0 #D30000,
     0   -2px 0 #D30000,
     2px -2px 0 #D30000,
     2px  0   0 #D30000,
     2px  2px 0 #D30000,
     0    2px 0 #D30000,
    -2px  2px 0 #D30000,
    -2px  0   0 #D30000;

}


.prodigal_son #menu_btn,
.prodigal_son #menu_close_btn_visual_inside  {
background: #f35057;
background:#F10604;

}

/*.prodigal_son button#open_sitemap,
.prodigal_son button#open_mary_resources {
background:#F10604;
  
}
*/


.prodigal_son .circle {
border: solid #D30000 11px;

background: rgb(248,201,157, 1);
background: #4D0000;
background: #830000;
background:#2B7BEB;




}

.prodigal_son #play_btn:hover .circle,
.prodigal_son #pause_btn:hover .circle {
border: solid #D30000 10px;

background: rgb(231,40,19, 0.35);
background: rgb(248,201,157, 1);
background: #830000;
background:#2B7BEB;
}


.prodigal_son #triangle {
border-top: 0.75em solid transparent;
border-left: 1.5em solid #D30000;
border-bottom: 0.75em solid transparent;

}

.prodigal_son #play_btn:hover #triangle {
border-top: 0.9em solid transparent;
border-left: 1.8em solid #D30000;
border-bottom: 0.9em solid transparent;

border-top: 0.75em solid transparent;
border-left: 1.5em solid #D30000;
border-bottom: 0.75em solid transparent;

}

.prodigal_son #pause_left,
.prodigal_son #pause_right {
background: #D30000;

}

.prodigal_son #pause_btn:hover #pause_right,
.prodigal_son #pause_btn:hover #pause_left {
background: #D30000;

}

.prodigal_son #audio_progress {
background: #ff0000;
display:none;


}

.prodigal_son .audio_range {
background: #ff0000;
display:none;


}

.prodigal_son #full_o_a,
.prodigal_son #full_o_b,
.prodigal_son #full_o_c,
.prodigal_son #full_o_d,

.prodigal_son #full_o_aa,
.prodigal_son #full_o_ba,
.prodigal_son #full_o_ca,
.prodigal_son #full_o_da, 

.prodigal_son #full_c_a,
.prodigal_son #full_c_b,
.prodigal_son #full_c_c,
.prodigal_son #full_c_d,

.prodigal_son #full_c_aa,
.prodigal_son #full_c_ba,
.prodigal_son #full_c_ca,
.prodigal_son #full_c_da {
background:#AB5500;
background: #800017;
background:#2B7BEB;
background:#006BFF;

} 


/* ###################################################### */


.labyrinth span#time {
color: #ff6887;
color:#a70007;
opacity:  1;

}

.labyrinth #menu_btn,
.labyrinth #menu_close_btn_visual_inside  {
background: #f35057;
background:#a70007;

}

/*.labyrinth button#open_sitemap,
.labyrinth button#open_mary_resources {
background:#a70007;
  
}*/


.labyrinth .circle {
border: solid #8f0411 11px;

background: rgb(231,40,19, 0.67);




}

.labyrinth #play_btn:hover .circle,
.labyrinth #pause_btn:hover .circle {
border: solid #8f0411 10px;

background: rgb(231,40,19, 0.75);

}


.labyrinth #triangle {
border-top: 0.75em solid transparent;
border-left: 1.5em solid #8f0411;
border-bottom: 0.75em solid transparent;

}

.labyrinth #play_btn:hover #triangle {
border-top: 0.9em solid transparent;
border-left: 1.8em solid #8f0411;
border-bottom: 0.9em solid transparent;

border-top: 0.75em solid transparent;
border-left: 1.5em solid #8f0411;
border-bottom: 0.75em solid transparent;

}

.labyrinth #pause_left,
.labyrinth #pause_right {
background: #8f0411;

}

.labyrinth #pause_btn:hover #pause_right,
.labyrinth #pause_btn:hover #pause_left {
background: #8f0411;

}

.labyrinth #audio_progress {
background: #ff0000;
display:none;


}

.labyrinth .audio_range {
background: #ff0000;
display:none;


}

.labyrinth #full_o_a,
.labyrinth #full_o_b,
.labyrinth #full_o_c,
.labyrinth #full_o_d,

.labyrinth #full_o_aa,
.labyrinth #full_o_ba,
.labyrinth #full_o_ca,
.labyrinth #full_o_da, 

.labyrinth #full_c_a,
.labyrinth #full_c_b,
.labyrinth #full_c_c,
.labyrinth #full_c_d,

.labyrinth #full_c_aa,
.labyrinth #full_c_ba,
.labyrinth #full_c_ca,
.labyrinth #full_c_da {
background:  #a70007;


} 




/* ###################################################### */

.sojourner span#time {
color: #ff005a;
opacity:  1;

text-shadow:
    -2px -2px 0 #faeae3,
     0   -2px 0 #faeae3,
     2px -2px 0 #faeae3,
     2px  0   0 #faeae3,
     2px  2px 0 #faeae3,
     0    2px 0 #faeae3,
    -2px  2px 0 #faeae3,
    -2px  0   0 #faeae3;

}

.sojourner #menu_btn,
.sojourner #menu_close_btn_visual_inside  {
background: #ff00a2;
background:#870015;
background:#880024;
background:#FF9900;

}

/*.sojourner button#open_sitemap,
.sojourner button#open_mary_resources {
background:#FF9900;
  
}*/


.sojourner .circle {
border: solid #e90202 9px;
background: rgb(255,74,112, 1);
background:#fe577a;

}

.sojourner #play_btn:hover .circle,
.sojourner #pause_btn:hover .circle {
border: solid #e90202 8px;
background: rgb(255,74,112, 1);
background:#fe577a;

}


.sojourner #triangle {
border-top: 0.75em solid transparent;
border-left: 1.5em solid #e90202;
border-bottom: 0.75em solid transparent;

}

.sojourner #play_btn:hover #triangle {
border-top: 0.9em solid transparent;
border-left: 1.8em solid #e90202;
border-bottom: 0.9em solid transparent;

border-top: 0.75em solid transparent;
border-left: 1.5em solid #e90202;
border-bottom: 0.75em solid transparent;

}

.sojourner #pause_left,
.sojourner #pause_right {
background: #e90202;

}

.sojourner #pause_btn:hover #pause_right,
.sojourner #pause_btn:hover #pause_left {
background: #e90202;

}




.sojourner #audio_progress {
background: #ff0000;
}

.sojourner .audio_range {
background: #fd3232;
background: #f44421;
background: #ff0000;

}


.sojourner #full_o_a,
.sojourner #full_o_b,
.sojourner #full_o_c,
.sojourner #full_o_d,

.sojourner #full_o_aa,
.sojourner #full_o_ba,
.sojourner #full_o_ca,
.sojourner #full_o_da, 

.sojourner #full_c_a,
.sojourner #full_c_b,
.sojourner #full_c_c,
.sojourner #full_c_d,

.sojourner #full_c_aa,
.sojourner #full_c_ba,
.sojourner #full_c_ca,
.sojourner #full_c_da {
background:  #d20085;


} 


/* ###################################################### */


.oyarsa span#time {
color: #ff6887;
color:#ffb628;
color:#E6E487;
color:#F85000;
color:#FFCD00;
color:#C8FF07;
color:#E1E804;
opacity:  1;

text-shadow:
    -2px -2px 0 #008280,
     0   -2px 0 #008280,
     2px -2px 0 #008280,
     2px  0   0 #008280,
     2px  2px 0 #008280,
     0    2px 0 #008280,
    -2px  2px 0 #008280,
    -2px  0   0 #008280;

}

.oyarsa #menu_btn,
.oyarsa #menu_close_btn_visual_inside  {
background: #f35057;
background:#ff670a;
background:#F85000;
background:#FFCD00;
background:#C8FF07;
background:#E1E804;

}

/*.oyarsa button#open_sitemap,
.oyarsa button#open_mary_resources {
background:#E1E804;
  
}*/


.oyarsa .circle {
border: solid #8f0411 11px;

background: rgb(231,40,19, 0.67);




}

.oyarsa #play_btn:hover .circle,
.oyarsa #pause_btn:hover .circle {
border: solid #8f0411 10px;

background: rgb(231,40,19, 0.75);

}


.oyarsa #triangle {
border-top: 0.75em solid transparent;
border-left: 1.5em solid #8f0411;
border-bottom: 0.75em solid transparent;

}

.oyarsa #play_btn:hover #triangle {
border-top: 0.9em solid transparent;
border-left: 1.8em solid #8f0411;
border-bottom: 0.9em solid transparent;

border-top: 0.75em solid transparent;
border-left: 1.5em solid #8f0411;
border-bottom: 0.75em solid transparent;

}

.oyarsa #pause_left,
.oyarsa #pause_right {
background: #8f0411;

}

.oyarsa #pause_btn:hover #pause_right,
.oyarsa #pause_btn:hover #pause_left {
background: #8f0411;

}

.oyarsa #audio_progress {
background: #ff0000;
display:none;


}

.oyarsa .audio_range {
background: #ff0000;
display:none;


}

.oyarsa #full_o_a,
.oyarsa #full_o_b,
.oyarsa #full_o_c,
.oyarsa #full_o_d,

.oyarsa #full_o_aa,
.oyarsa #full_o_ba,
.oyarsa #full_o_ca,
.oyarsa #full_o_da, 

.oyarsa #full_c_a,
.oyarsa #full_c_b,
.oyarsa #full_c_c,
.oyarsa #full_c_d,

.oyarsa #full_c_aa,
.oyarsa #full_c_ba,
.oyarsa #full_c_ca,
.oyarsa #full_c_da {
background:  #ff2347;


} 





#oyarsa_glow {
display: block;
width: 100%;
height: 100%;




position:absolute;
display:block;
width:100%;
height:100%;
float:left;
z-index:2;
top:0px;
left:0px;
background:url(../images/bg_oyarsa_zxxvxi_glow.jpg);
background-size:cover;
background-position:bottom center;

}




/* ###################################################### */


.theInteriorCastle span#time {
color: #C42505;
color:#E23E07;
color:#EE4804;
opacity:  1;

text-shadow:
    -2px -2px 0 #FDF5F2,
     0   -2px 0 #FDF5F2,
     2px -2px 0 #FDF5F2,
     2px  0   0 #FDF5F2,
     2px  2px 0 #FDF5F2,
     0    2px 0 #FDF5F2,
    -2px  2px 0 #FDF5F2,
    -2px  0   0 #FDF5F2;

}

.theInteriorCastle span#time.night {
color: #C42505;
color:#E23E07;
color:#EE4804;
color:#7D4144;
opacity:  1;

text-shadow:
    -2px -2px 0 #bbb,
     0   -2px 0 #bbb,
     2px -2px 0 #bbb,
     2px  0   0 #bbb,
     2px  2px 0 #bbb,
     0    2px 0 #bbb,
    -2px  2px 0 #bbb,
    -2px  0   0 #bbb;

}






.theInteriorCastle #menu_btn,
.theInteriorCastle #menu_close_btn_visual_inside  {
background: #E70000;

}

/*.theInteriorCastle button#open_sitemap,
.theInteriorCastle button#open_mary_resources {
background: #E70000;

}
*/

#Lady_Teresa_of_Avila_Daylight_Castle {
display:block;
width:100%;
height:auto;

}

#Lady_Teresa_of_Avila_Daylight_Castle.night {
display:none;
width:100%;
height:auto;

}

#Lady_Teresa_of_Avila_Night_Castle {
display:none;
width:100%;
height:auto;

}

#Lady_Teresa_of_Avila_Night_Castle.night {
display:block;
width:100%;
height:auto;

}


#mystics_lower_image a,
#mystics_lower_image a:visited {
display:none;


}


#castle_holder a,
#castle_holder a:visited {
display:inline-block;


}


/* ###################################################### */


.doug span#time {
color: #ff6887;
color:#ff0000;
opacity:  1;

}

.doug #menu_btn,
.doug #menu_close_btn_visual_inside  {
background: #f35057;
background:#ff0000;

}

/*.doug button#open_sitemap,
.doug button#open_mary_resources {
background:#ff0000;
  
}*/


.doug #audio_progress {
width:100%;
background: #ff0000;
height:8px;

position: absolute;

float: left;

z-index: 55;

top:0px;
left: 0px;

overflow: hidden;

-moz-transition-duration: 1.3s;
-o-transition-duration: 1.3s;
-webkit-transition-duration: 1.3s;
transition-duration: 1.3s;

}

.doug #audio_progress.toggle {


}



.doug .audio_range {
width:0%;

background: #b80102;
height:8px;

 -moz-transition-duration: 0s;
 -o-transition-duration: 0s;
 -webkit-transition-duration: 0s;
 transition-duration: 0s;

}

.doug #audio_progress.toggle .audio_range {

}

.doug .circle {
border: solid #930000 7px;
background: rgb(255,0,0, 1);


}

.doug #play_btn:hover .circle,
.doug #pause_btn:hover .circle {
border: solid #930000 6px;
background: rgb(255,0,0, 1);

}



.doug #triangle {
border-top: 0.75em solid transparent;
border-left: 1.5em solid #930000;
border-bottom: 0.75em solid transparent;

}



.doug #play_btn:hover #triangle {
border-top: 0.9em solid transparent;
border-left: 1.8em solid #930000;
border-bottom: 0.9em solid transparent;

border-top: 0.75em solid transparent;
border-left: 1.5em solid #930000;
border-bottom: 0.75em solid transparent;

}






.doug #pause_left {
background: #930000;


}


.doug #pause_right {
background: #930000;


}

.doug #pause_btn:hover #pause_right,
.doug #pause_btn:hover #pause_left {
background: #930000;
}


.doug #full_o_a,
.doug #full_o_b,
.doug #full_o_c,
.doug #full_o_d,

.doug #full_o_aa,
.doug #full_o_ba,
.doug #full_o_ca,
.doug #full_o_da, 

.doug #full_c_a,
.doug #full_c_b,
.doug #full_c_c,
.doug #full_c_d,

.doug #full_c_aa,
.doug #full_c_ba,
.doug #full_c_ca,
.doug #full_c_da {
background:  #ff0000;


} 


/* ###################################################### */


.fairyTale span#time {
color:#fff;
opacity: 1;

}

.fairyTale #menu_btn,
.fairyTale #menu_close_btn_visual_inside  {
background:#fff;

}

.fairyTale button#open_sitemap,
.fairyTale button#open_mary_resources {
background:#fff;
  
}

.fairyTale #sitemap_bg {
background:#ccc;

}


.fairyTale .sitemap_col h2 {
color:#fff;

}

.fairyTale .sitemap_col a,
.fairyTale .sitemap_col a:visited {
color:#fff;

}

.fairyTale .sitemap_col a:hover {
color:#eee;

}

.fairyTale #benediction {
color:#fff;

}

.fairyTale #benediction h2 {
color:#fff;

}



body.fairyTale {
scrollbar-color: #bbb #aaa;


}


body.fairyTale {
background:#ddd;


}


.vincentFairytale::-webkit-scrollbar-track {
  background: #bbb;
  border: 0px solid #bbb;
  padding: 3px;
}

.vincentFairytale::-webkit-scrollbar-thumb {
    width: 100%;
  background-color: #aaa;
  border-radius: 7px;
  border-left: 0px solid #aaa;
  border-right: 0px solid #aaa;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}


body.fairyTale #top_over_fade {
background: #aaa;

}

body.fairyTale #top_over_fade div {
display: block;
width: 100%;
height: 100%;
animation-name: solarFlareVincent;
animation-duration: 10s;

}


@keyframes solarFlareVincent {
    

    0%   {background: #aaa}
    12%   {background: #aaa}
    40%  {background: #fff}
    /*40%  {background: #ffe70e}*/
    
    90% {background: #fff} 
    100% {background: #aaa}    

  
 
}



/* ###################################################### */
/* ###################################################### */
/* ################     ABOUT SCREEN      ############### */
/* ###################################################### */
/* ###################################################### */


#over_screen {
display: block;
position: fixed;
background: #e22113;
background:#A10C07;
background:#BB140C;

background-size: cover;
background-position: center center;

color: #fff;

width: 100%;
height: 100%;

overflow: hidden;

top: 0px;
left: 0px;

float: left;
z-index: -5;

-moz-transition-duration: opacity 1.6s ease, z-index 0s;  
-o-transition-duration: opacity 1.6s ease, z-index 0s;  
-webkit-transition-duration: opacity 1.6s ease, z-index 0s;  
transition-duration: opacity 1.6s ease, z-index 0s;

opacity: 0;

}

body.blog #over_screen,
body.about #over_screen,
body.intro #over_screen {
background:#a41305;



}

body.choice #over_screen {
background: #8b0f06;


}

body.blog.notes #over_screen {
background: #960b05;


}


#over_screen.load {
display: block;
position: fixed;

background-size: cover;
background-position: center center;

width: 100%;
height: 100%;

top: 0px;
left: 0px;

float: left;

opacity: 1;

z-index: 15;

-moz-transition-duration: opacity 1.6s ease, z-index 0s;  
-o-transition-duration: opacity 1.6s ease, z-index 0s;  
-webkit-transition-duration: opacity 1.6s ease, z-index 0s;  
transition-duration: opacity 1.6s ease, z-index 0s;  

}


#about_holder {
display: inline-block;
margin: auto;

width: 100%;
max-width: 700px;

height: auto;

text-align: center;

}


#about_menu {
display: inline-block;
width: auto;
text-align: left;
margin: 0 35px 0 0;
font-size: 20px;
font-family: 'quenya_medium';

line-height: 1.4;
letter-spacing: 0.5px;

}

#about_menu a,
#about_menu a:visited {
display: inline-block;
margin: 0 0 0.5em 0;

float: left;
clear: both;

}

#about_menu a:hover {
color: #fff;

}


#about_text {
display: inline-block;	
width: auto;
max-width: 545px;
height: auto;

font-size: 20px;
font-family: 'quenya_medium';

text-align: left;
margin: 0 auto;

line-height: 1.4;
letter-spacing: 0.5px;

border-left: 3px solid #d4180a;

padding: 0 0 0 35px;

}






.blog #about_text,
.about #about_text,
.intro #about_text {
border-left:  3px solid #d4180a;


}


.choice #about_text {
border-left: 3px solid #ad1308;


}

.blog.notes #about_text {
border-left: 3px solid #cf070b;


}


a.coffee_btn,
a.coffee_btn:visited {
display:  none;
padding:  5px 9px;
background: #f03123;
color: #ff8e87; 
font-family: 'quenya_bold';
font-size:  100%;
border-radius:  4px;
}

a.coffee_btn:hover {
background: #f74437;
color: #fec3bf; 


}

#epilogue {
display:inline;



}

#epilogue_poem,
#epilogue_story,
#epilogue_union {
display:none;

}

#epilogue_poem.on,
#epilogue_story.on,
#epilogue_union.on {
display:inline;



}


button#epilogue_poem_btn,
button#epilogue_story_btn,
button#epilogue_union_btn {
display:inline-block;
background: none;
font-size: inherit;
color:inherit;
font-family:inherit;

margin: 0 7px 0 0;
padding: 2px 3px 4px 3px;

background:#C21414;
border-radius: 3px;

}

button#epilogue_poem_btn.on,
button#epilogue_story_btn.on,
button#epilogue_union_btn.on {
background:#FF0C4C;

}



button#epilogue_poem_btn:hover,
button#epilogue_story_btn:hover,
button#epilogue_union_btn:hover {
background:#FF2D21;
background:#FF0C4C;


}

button#epilogue_poem_btn.on:hover,
button#epilogue_story_btn.on:hover,
button#epilogue_union_btn.on:hover {
background:#FF0C4C;

}

/* ###################################################### */
/* ###################################################### */
/* ##############     DISCLAIMER SCREEN      ############ */
/* ###################################################### */
/* ###################################################### */


#disclaimer {
display: inline-block;
width: 100%;

max-width: 655px;

font-size: 18px;

line-height: 1.4;

color: #fff;

font-family: 'quenya_medium';
margin: auto;

text-align: left;

padding: 45px;


}


/* ###################################################### */
/* ###################################################### */
/* ##############     THE SECRET GARDEN      ############ */
/* ###################################################### */
/* ###################################################### */

#tesseract_holder {
position:fixed;
display:none;
float:left;
z-index:1993;

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


/*
background-color: #FF0000;
animation: rainbowBG 2.3s infinite linear;*/

/*opacity:0.4;*/

}

#tesseract_holder.on {
display:block;

}

/*@keyframes rainbowBG {
    

    0%   {background-color: #E1E804; }
    14%  {background-color: #FF0000; }
    28%  {background-color: #9400D3; }
    42%  {background-color: #E1E804; }
    56% {background-color: #0000FF; }
    70% {background-color: #2df252; }
    84% {background-color: #E1E804; }
    100%{background-color: #FF7F00; }

  
 
}*/


#tesseract_center {
position:absolute;
display:inline-block;
width: 1px;
height: 1px;
float:left;
border-radius:3444px;
margin: 0; /*for centering purposes*/
    
background: red;-webkit-transition: width 3s, height 3s, margin 3s;
-moz-transition: width 3s, height 3s, margin 3s;
-ms-transition: width 3s, height 3s, margin 3s;
transition: width 3s, height 3s, margin 3s;

opacity:0.3;

left:50%;
top:50%;


}

#tesseract_center.on {


opacity: 1;

width: 3444px;
height: 3444px;
margin: -1722px;

/* inital margin - ((intial margin - width (or height))/2) */
  

}


/*.oyarsa.tess {
filter: saturate(3);

animation: tessera 2.3s infinite linear;

}*/

/*
@keyframes tessera {
    

    0%   {filter: saturate(3); }
    14%  {filter: saturate(0); }
    28%  {filter: saturate(2); }
    42%  {filter: saturate(3); }
    56% {filter: saturate(0); }
    70% {filter: saturate(1); }
    84% {filter: saturate(2); }
    100%{filter: saturate(3); }

  
 
}*/


/* ###################################################### */
/* ###################################################### */
/* ##############      PLAYLIST STYLES       ############ */
/* ###################################################### */
/* ###################################################### */

#music {
display: inline-block;
width: 450px;

margin: auto;



}

#music h3 {
display: block;
width: 100%;

text-align: center;

font-family:'quenya_bold';

font-size: 40px;

margin: 0 0 1em 0;

}

#music_inside {
display: inline-block;
width: 100%;
font-size: 0px;


}

#music_inside a,
#music_inside a:visited {
position: relative;
display: block;
width: 100%;

font-size: 20px;
text-align: left;

line-height: 1.4;

font-size: 20px;

margin: 0 0 10px 0;
} 

span.song_title {
display: inline-block;

font-family: 'quenya_medium';

}

span.song_play {
display: inline-block;

float: right;

font-family: 'quenya_bold';

color: #ffcf28;

}



#music_inside a:hover span.song_play {
color: #f65026;

}

/* ###################################################### */
/* ###################################################### */
/* ##############        404 SCREEN          ############ */
/* ###################################################### */
/* ###################################################### */


.not_found #home_td_main h3 {
display: inline-block;

font-family:'quenya_bold';
font-size: 131px;
color: #fff;

margin: 0 55px 20px auto;
vertical-align: top;
padding: 0px;

line-height: 1;

}


.not_found #disclaimer {
display: inline-block;
max-width: 355px;

vertical-align: top;

padding: 5px 0 0 0px;

}




/* ###################################################### */
/* ###################################################### */
/* ##############      SABBATH SCREEN        ############ */
/* ###################################################### */
/* ###################################################### */


#sabbath {
position: fixed;
display: block;

width: 100%;
height: 100%;

float: left;
z-index: 333;

top: 0px;
left: 0px;


background: #8b0f06;
background: #e59804;
background: #ff0000;
background: #e22113;
background: #c90008;

color: #fff;

}


#sabbath.work {
display:  none;

}

#sabbath_inside {
display: inline-block;

font-size: 20px;

font-family: 'quenya_medium';

letter-spacing: 0.5px;
line-height: 1.4;


}

/* ###################################################### */
/* ###################################################### */
/* ###############      CONTACT PAGE       ############## */
/* ###################################################### */
/* ###################################################### */


#contact_holder {
display: inline-block;
width: 100%;
max-width: 365px;
height: auto;

padding: 35px 0px;

margin: auto;

text-align: left;

font-size: 18px;



}


body.contact_page #contact_holder,
body.fairyTale #contact_holder {
display: inline-block;
width: 100%;
max-width: 540px;
height: auto;

padding: 35px 45px;

margin: auto;

text-align: left;

font-size: 18px;



}


body.contact_page.land #contact_holder {
display: inline-block;
width: 100%;
max-width: 625px;
height: auto;

padding: 35px 45px;

margin: auto;

text-align: left;

font-size: 18px;



}


body.contact_page #contact_intro,
body.fairyTale #contact_intro {
display: block;
width: 100%;
height: auto;

margin: 0 0 35px 0;

font-size: 21px;
font-family:'quenya_bold'; 
letter-spacing:  0.3px;
line-height:1.4; 
margin: 0px;
color:#f09087;

}


body.contact_page.land #contact_intro {


}



#contact_intro {
display: block;
width: 100%;
height: auto;

margin: 0 0 20px 0;

font-size:  19px;
line-height:  1.2;
letter-spacing:  0px;
font-family: 'quenya_bold';


}

#contact_form {
display: block;
width: 100%;


}



a#subscribe_btn,
a#subscribe_btn:visited {
display: inline-block;
width: auto;
padding: 11px 17px 11px 17px;
color: #FFF;

background: #ffac28;
font-size: 15px;
text-align: center;
font-style: normal;
    
margin: 0px;
outline: none;
border: 0px;


border-radius:  6px;

}


    

a#subscribe_btn:hover {
background: #ffcf28;
outline: none;

 }


/* ###################################################### */
/* ###################################################### */
/* ###############       FORM STYLES       ############## */
/* ###################################################### */
/* ###################################################### */


input[type=email],
input[type=text],
input[type=password],
textarea, 
input {
display: inline-block;
width: 100%;


margin: 0 0 12px 0;
padding: 23px 20px;

box-sizing: border-box; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;


background-color: #e22113;
border: 1px solid #e22113; 

color:#fff;
font-size: 19px;
font-family: 'quenya_bold';
letter-spacing: 0.5px;
line-height: 1.3;
    
-webkit-appearance: none;
-webkit-border-radius:0; 
border: none;
outline: none;
border-radius: 0px;
outline: 0;


  

}



input[type=email]:focus,
input[type=text]:focus,
input[type=password]:focus,
textarea:focus, 
input:focus {
display: inline-block;
width: 100%;


margin: 0 0 12px 0;
padding: 23px 20px;

box-sizing: border-box; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;


background-color: #f03123;
border: 1px solid #f03123; 

color:#fff;
font-size: 19px;
font-family: 'quenya_bold';
letter-spacing: 0.5px;
line-height: 1.3;
    
-webkit-appearance: none;
-webkit-border-radius:0; 
border: none;
outline: none;
border-radius: 0px;
outline: 0;

}



input[type=text]:focus, 
textarea:focus {

outline: none;
letter-spacing: 0.5px;
line-height: 1.3;

}





#contact_form input[type="text"],
#contact_form input[type="date"],
#contact_form input[type="datetime"],
#contact_form input[type="email"],
#contact_form input[type="number"],
#contact_form input[type="search"],
#contact_form input[type="time"],
#contact_form input[type="url"],
#contact_form textarea {
display: inline-block;
width: 100%;


margin: 0 0 12px 0;
padding: 23px 20px;

box-sizing: border-box; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;


background-color: #e22113;
border: 1px solid #e22113; 

color:#fff;
font-size: 19px;
font-family: 'quenya_bold';
letter-spacing: 0.5px;
line-height: 1.3;
    
-webkit-appearance: none;
-webkit-border-radius:0; 
border: none;
outline: none;
border-radius: 0px;
outline: 0;   
    
}


#contact_form input[type="text"]:focus,
#contact_form input[type="date"]:focus,
#contact_form input[type="datetime"]:focus,
#contact_form input[type="email"]:focus,
#contact_form input[type="number"]:focus,
#contact_form input[type="search"]:focus,
#contact_form input[type="time"]:focus,
#contact_form input[type="url"]:focus,
#contact_form textarea:focus {

display: inline-block;
width: 100%;


margin: 0 0 12px 0;
padding: 23px 20px;

box-sizing: border-box; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;


background-color: #f03123;
border: 1px solid #f03123; 

color:#fff;
font-size: 19px;
font-family: 'quenya_bold';
letter-spacing: 0.5px;
line-height: 1.3;
    
-webkit-appearance: none;
-webkit-border-radius:0; 
border: none;
outline: none;
border-radius: 0px;
outline: 0;

}

.custom_select_holder {
display: block;

margin: 0 0 10px 0;



}


.custom_select {
position: relative;
display: block;

min-width: 180px;
margin: 0 auto;
border: 0px solid #3C1C78;
background-color: #fff;
z-index: 4;
}

.custom_select select {
border: 1px solid #fff;
outline: none;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
margin: 0;
display: block;
width: 100%;
padding: 9px 55px 9px 9px;
font-size: 14px;
color: #9a9a9a; 

margin: 0 0 0px 0;

font-family: 'quenya_medium';


letter-spacing: 1px;
line-height: 1.3;

}


.custom_select select:focus {
border: none;
outline: none;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
margin: 0;
display: block;
width: 100%;
padding: 9px 55px 9px 9px;
font-size: 14px;
color: #444; 

margin: 0 0 0px 0;

font-family: 'quenya_medium';


letter-spacing: 1px;
line-height: 1.3;
border: 1px solid #ffcf28;

}


.custom_select:after {
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 100%;
line-height: 38px;
content: "D";
text-align: center;
color: #9a9a9a; 
font-size: 24px;
border-left: 1px solid #ddd;
z-index: -1;

font-family: 'symbols';

padding: 0 0 0 4px;

}



textarea {
width: 100%;
height: 150px;
resize: none;
font-size: 21px;
font-family: 'quenya_medium';
color: #111;
display: block;
padding: 15px;

letter-spacing: 1px;
line-height: 1.3;

}

textarea:focus {
width: 100%;
height: 150px;
resize: none;
font-size: 21px;
font-family: 'quenya_medium';
color: #111;
display: block;
padding: 15px;

}






#contact_form input[type="submit"],
#contact_form input[type="button"]
{
    position: relative;
    display: inline-block;

    width: auto;
   padding: 15px 20px;
color: #ff3122;


background: #a5000d;
background: #ff9c9c;
    font-size: 17px;
    line-height: 1.3;
    text-align: center;
    font-style: normal;
    
    margin: 12px 0 0 0px;
    outline: none;
    border: 0px;
    

-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;

}
#contact_form input[type="submit"]:hover,
#contact_form input[type="button"]:hover
{
    background: #ffffff;
    outline: none;
}





input[type="submit"],
input[type="button"]
{
    
    position: relative;
    display: block;
    padding: 16px 20px 16px 20px;
   color: #ff3122;
    background: #ff9c9c;

    font-size: 18px;
    text-align: center;
    font-style: normal;
    margin: 0px;
    outline: none;
    border: 0px;
    
}
input[type="submit"]:hover,
input[type="button"]:hover
{
color: #ff3122;
background: #ffffff;
outline: none;
}






::-webkit-input-placeholder {
color: #ff8e87;

}

:-moz-placeholder { /* Firefox 18- */
color: #ff8e87; 

}

::-moz-placeholder {  /* Firefox 19+ */
color: #ff8e87; 

}

:-ms-input-placeholder {  
color: #ff8e87;  

}

[placeholder]::-webkit-input-placeholder {
color: #ff8e87;

}

[placeholder]:focus::-webkit-input-placeholder {
transition: opacity 0.5s 0.5s ease; 
opacity: 0;

}   



/* ###################################################### */
/* ###################################################### */
/* ##############      NO JS SCREEN          ############ */
/* ###################################################### */
/* ###################################################### */

#noJS {
position: fixed;
display: none;

width: 100%;
height: 100%;

float: left;
z-index: 999;

top: 0px;
left: 0px;

background: #e22113;
background: #8b0f06;
background: #e22113;


color:  #f81e0f;
color: #fff;

padding: 6.5%;

}


#noJS_inside {
display: inline-block;
max-width:444px;
font-size: 20px;

font-family: 'quenya_medium';

letter-spacing: 0.5px;
line-height: 1.4;


}




/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ##############################                             ################################ */
/* ##############################                             ################################ */
/* ##############################     RESPONSIVE  STYLES      ################################ */
/* ##############################                             ################################ */
/* ##############################                             ################################ */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */


/* Small */
@media (min-width: 10px) {

body {
background-position: center left;

}



#sitemap {
padding: 135px 45px;
padding-top:225px;

}

.sitemap_col h2 {
font-size:21px;
margin:0 0 13px 0;

}

.sitemap_col a,
.sitemap_col a:visited {
font-size:15px;

}


#pod_first_over span#pod_first_intro_text {
font-size: 24px;

}


#pod_first span#pod_first_title {
font-size: 53px;

}

#action_top_btn_holder button {
font-size:22px;

}

#action_top_content a,
#action_top_content a:visited {
font-size:  18px;

}

#pod_fourth span {
margin: 0 25px 15px 0;
font-size: 49px;

}

#pod_fourth div a,
#pod_fourth div a:visited {
font-size:  17px;
margin:  0px auto 0.72em auto;
font-weight:  normal;

}

#pod_fifth div {
max-width: 100%;
max-width: calc(100% - 95px);



}

#home_clouds,
#moons {
display:none;


}


.menu_col {
width: 270px;
font-size: 20px;

}

#visioInstructions div {
font-size:  17px;

}


#labyrinth_image_holder div span {
bottom:-11px;
font-size:22px;

}

#amma_image_holder div span {
bottom:-11px;
font-size:17px;

}

#soujourner_name span {
font-size:43px;

}

#JesusTitle {
font-size: 27px;

}


}


@media (min-width: 1220px) {

.sitemap_col h2 {
font-size:25px;
margin:0 0 17px 0;

}

.sitemap_col a,
.sitemap_col a:visited {
font-size:18px;

}

#pod_first_over span#pod_first_intro_text {
font-size: 27px;

}

#pod_first span#pod_first_title {
font-size: 59px;

}

#action_top_btn_holder button {
font-size:32px;

}


#action_top_content a,
#action_top_content a:visited {
font-size:  19px;

}

#pod_fourth span {
margin: 0 25px 15px 0;
font-size: 59px;

}

#pod_fourth div a,
#pod_fourth div a:visited {
font-size:  21px;
margin:  0px auto 0.42em auto;
font-weight:  normal;

}

#amma_image_holder div span {
bottom:-11px;
font-size:19px;

}

#JesusTitle {
font-size: 31px;

}


}

@media (min-width: 1215px) {

#home_clouds,
#moons {
display:block;


}

}


@media (min-width: 1315px) {

body {
background-position: center right;

}

#pod_first_over span#pod_first_intro_text {
font-size: 30px;

}




#pod_fifth div {
max-width: 80%;
max-width: calc(81% - 101px);


}

.menu_col {
width: 380px;
font-size: 20px;

}


#visioInstructions div {
font-size:  20px;

}

#amma_image_holder div span {
bottom:-11px;
font-size:23px;

}

#soujourner_name span {
font-size:51px;

}

#JesusTitle {
font-size: 34px;

}



}




@media (min-width: 1388px) {

#action_top_content a,
#action_top_content a:visited {
font-size:  21px;

}




#labyrinth_image_holder div span {
bottom:-11px;
font-size:20px;

}

#amma_image_holder div span {
bottom:-12px;
font-size:25px;

}

#soujourner_name span {
font-size:57px;

}


    @media (min-height: 893px) {

        #pods_intro_holder {
        height: calc(100% - 225px);

        }

        #pod_third {
        height: 57%;
        min-height: 565px;
        max-height: 1250px;

        }

        #pod_third_anim {
        height: 70%;
        height: calc(100% - 150px);
        top: 75px;

        }

        #pod_third_text div span {
        margin: 0 0 30px 0;
        
        }

        #pod_third_anim div {
        line-height: 1.53;

        }

    } 


}


@media (min-width: 1442px) {

#sitemap {
padding: 135px 90px;
padding-top:225px;

}

.sitemap_col h2 {
font-size:29px;
margin:0 0 17px 0;

}

.sitemap_col a,
.sitemap_col a:visited {
font-size:21px;

}

#pod_first span#pod_first_title {
font-size: 73px;

}


#JesusTitle {
font-size: 39px;

}


}



@media (min-width: 1515px) {

#pod_first_over span#pod_first_intro_text {
font-size: 33px;

}


#pods_intro_holder {
height: 100%;

}


#amma_image_holder div span {
bottom:-14px;
font-size:27px;

}




 @media (min-height: 893px) {

        #pods_intro_holder {
        height: calc(100% - 225px);

        }

        #pod_third {
        height: 57%;
        min-height: 565px;
        max-height: 1250px;

        }

        #pod_third_anim {
        height: 70%;
        height: calc(100% - 150px);
        top: 75px;

        }

        #pod_third_text div span {
        margin: 0 0 30px 0;
        
        }

        #pod_third_anim div {
        line-height: 1.53;

        }

    } 

}


@media (min-width: 1738px) {


#labyrinth_image_holder div span {
bottom:-11px;
font-size:22px;

}

#amma_image_holder div span {
font-size:29px;bottom:-11px;

}


#pod_first span#pod_first_title {
font-size: 83px;

}


#JesusTitle {
font-size: 43px;

}


    @media (min-height: 893px) {

        #pods_intro_holder {
        height: calc(100% - 225px);

        }

        #pod_third {
        height: 57%;
        min-height: 565px;
        max-height: 1250px;

        }

        #pod_third_anim {
        height: 70%;
        height: calc(100% - 150px);
        top: 75px;

        }

        #pod_third_text div span {
        margin: 0 0 30px 0;
        
        }

        #pod_third_anim div {
        line-height: 1.53;

        }

    } 


}


@media (min-width: 1907px) {

#amma_image_holder div span {
font-size:37px;bottom:-19px;

}

#JesusTitle {
font-size: 45px;

}

}

@media (min-width: 2577px) {

#amma_image_holder div span {
font-size:43px;bottom:-21px;

}

#JesusTitle {
font-size: 55px;

}

}


@media (min-height: 5px) {

#about_menu {
font-size: 11px;

}

#about_text {
font-size: 11px;

}


.pod.wide {
height: 285px;

}

.pod.half {
height: 385px;

}


#pod_fifth div {
top:50px;

}


#about_intro_quote div {
font-size: 19px;

}


body.contact_page #contact_intro {
font-size: 18px;

}




#song_bio_options_holder {
padding:22px 22px 11px 77px; 
top:77px;
border-radius:0 22px 22px 0px;

}

#song_bio_options_holder button {
padding:17px 45px 17px 22px;
border-radius:23px;
margin:0 0 11px 0;

}



#song_bio_options_holder button span {
font-size:23px;
margin: 0 27px 0 0;

}

#song_bio_options_holder button div {
top:17px; 
right: 22px;
width:23px;
height:23px;
border-radius:23px;

}


#song_bio_options_writeup {
top:22px;
left:calc(100% + 35px);
font-size:19px;

}


}



@media (max-height: 367px) {

body.intro {
height: auto;

}

#about_intro_quote div {
font-size: 19px;

}


}


@media (min-height: 485px) {

#about_menu {
font-size: 14px;

}

#about_text {
font-size: 14px;

}

.pod.wide {
height: 335px;

}

.pod.half {
height: 395px;

}

#pod_fifth div {
top:75px;

}

#about_intro_quote div {
font-size: 24px;

}

body.contact_page #contact_intro {
font-size: 20px;

}


}


@media (min-height: 522px) {


#song_bio_options_holder {
padding:45px 45px 28px 135px; 
top:135px;
border-radius:0 45px 45px 0px;

}

#song_bio_options_holder button {
padding:25px 67px 25px 35px;
border-radius:29px;
margin:0 0 17px 0;

}



#song_bio_options_holder button span {
font-size:31px;
margin: 0 25px 0 0;

}

#song_bio_options_holder button div {
top:25px; 
right: 35px;
width:31px;
height:31px;
border-radius:31px;

}


#song_bio_options_writeup {
top:45px;
left:calc(100% + 77px);
font-size:23px;

}

}


@media (min-height: 652px) {


#about_menu {
font-size: 18px;

}

#about_text {
font-size: 18px;

}

.pod.wide {
height: 485px;

}

.pod.half {
height: 485px;

}

#pod_fifth div {
top:100px;

}

#about_intro_quote div {
font-size: 27px;

}


body.contact_page #contact_intro {
font-size: 21px;

}


}





/* 
#############################################################

    Site Theme by Christ-bearer
    Version: 7.1.3
    Created: 2022
    
    
     
    So too is every artisan
    and master artisan
    who labors by night
    as well as by day

    So too is the potter
    sitting at his work
    and turning the wheel
    with his feet

    He is always deeply concerned
    over his products

    All these rely on their hands
    and all are skillful
    in their own work.
    Without them no city
    can be inhabited

    -Sirach

#############################################################
*/