/*
 * Occult CIPHERS 
 *
 * */
@font-face {
    font-family: Triballa;
    src: url(fonts/triballa.ttf);
}
@font-face {
    font-family: Pagani;
    src: url(fonts/pagani.ttf);
}
@font-face {
    font-family: cipher_ufurugiymyluwb;
    src: url(fonts/cipher_ufurugiymyluwb.ttf);
}

@font-face {
    font-family: cipher_roofnrmzgr;
    src: url(fonts/cipher_roofnrmzgr.ttf);
}
@font-face {
    font-family: cipher_MftHlgs;
    src: url(fonts/cipher_MftHlgs.ttf);
}
@font-face {
    font-family: cipher_orevi321;
    src: url(fonts/cipher_orevi321.ttf);
}
@font-face {
    font-family: cipher_wzttvih;
    src: url(fonts/cipher_wzttvih.ttf);
}
@font-face {
    font-family: cipher_tlvgrx;
    src: url(fonts/cipher_tlvgrx.ttf);
}
@font-face {
    font-family: cipher_vmlxs;
    src: url(fonts/cipher_vmlxs.ttf);
}
@font-face {
    font-family: cipher_svyivd;
    src: url(fonts/cipher_svyivd.ttf);
}
@font-face {
    font-family: cipher_lxxfog;
    src: url(fonts/cipher_lxxfog.ttf);
}

@font-face {
    font-family: cipher_utugsewu;
    src: url(fonts/cipher_utugsewu.ttf);
}

/*
 * OFFERINGS, cREATURES, things to offer in sacrifice
 *
 * */


@font-face {
    font-family: birds;
    src: url(fonts/symbols/birds.ttf);
}

@font-face {
    font-family: cherub;
    src: url(fonts/symbols/cherub.ttf);
}


body {
    background-color: black;
    color: #d4b9b9;
}

a {
    /* retired: color:#f3cf0a; */
    color:#9c27b0;
    text-decoration: none;
}

a:hover{
    text-decoration: none;
}

input.check-switch{
    width: 30px;
    height: 30px;
}

.banner {
    font-family: Triballa;
    font-size: larger;
    color: #00bc8c;
}

#header h1 {
    font-weight: bold;
}

#content {
    font-size: 21px;
}

#footer {
    color: gray;
    margin-top: 9px;
}

.shrine-body {
    height: 55vh;
    max-height: 55vh;
    padding: 0px;
    background-color: black;
    background-position: bottom;
    background-repeat: repeat-x;
    background-image: url(fire.gif);
    overflow: hidden;
}

.shrine {
    width: 100%;
    height: 100%;
    text-align: center;
    overflow-y: hidden;
    word-wrap: break-word;
    position: relative;
    z-index: 1000;
    border-width: 3px;
    border-style: inset;
    background-size: auto 300px;
}

.cipher {
    font-family: cipher_roofnrmzgr;
    font-weight: bold;
    word-wrap: break-word;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 9px;
}


.shrine-msg {
    font-family: Pagani;
    display: block;
    font-size: xx-large;
    bottom: 0;
    position: absolute;
    width: 100%;
}


/***************************
 * God's Forms:
 * color correspondences attempt to echo Hermetic principles (elements, see Liber 777)
 *
 * *************************/

.shrine.god-GOD{
    background-color: rgba(255,255,255,.38); /*rgba(247, 196, 196, 0.32); /*rgba(175, 19, 19, 0.32);*/
    color: crimson;
    border-color: crimson;


    /* for shrine sigil */
    background-image: url(../images/sigils/chaos.png);
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 20px;
    /* end sigil */
}
.god-GOD .cipher{
    color:#cd0606;
}
.god-msg {
    font-family: cipher_roofnrmzgr;
    display: block;
    font-size: xx-large;
    position: absolute;
    width: auto;
}
.god-msg-plain {
    display: block;
    font-size: xx-large;
    position: absolute;
    width: auto;
}
.shrine.god-CERTAIN{
    background-color: rgba(239, 17, 17, 0.63);
    color: #ffd8d8;
    border-color:#ffd8d8;
    /* for shrine sigil */
    background-image: url(../images/sigils/certain.png);
    background-position: top;
    background-repeat: no-repeat;
    /* end sigil */
}
.god-CERTAIN .cipher{
    color: #ffd8d8;
    font-family: cipher_wzttvih;
}
.god-CERTAIN .god-msg{
    color: #ffd8d8;
    font-family: cipher_wzttvih;
}
.shrine.god-SET{
    background-color: rgba(171, 0, 255, 0.26);
    color: #b2a9b7;
    border-color: #b2a9b7;
    /* for shrine sigil */
    background-image: url(../images/sigils/set.png);
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 20px;
    /* end sigil */
}
.god-SET .cipher{
    color: #745982;
    font-family: cipher_vmlxs;
}
.god-SET .god-msg{
    color: #ab00ff;
    font-family: cipher_vmlxs;
}


/*------ I ------+*/
.shrine.god-I{
    background-color:rgba(91, 243, 199, 0.48);
    color:#0a5d3b;
    border-color:#0cc77b;
    /* for shrine sigil */
    background-image: url(../images/sigils/I.png);
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 20px;
    /* end sigil */
}
.god-I .cipher{
    color: #02150d;
    font-family: cipher_MftHlgs;
    font-weight: bold;
}
.god-I .god-msg{
    color:#0a5d3b;
    font-family: cipher_roofnrmzgr;
}
/*------ I ------+*/


/*------ ADONAI ------+*/
.shrine.god-ADONAI{
    background-color:rgba(91, 243, 199, 0.48);
    color:#0a5d3b;
    border-color:#0cc77b;
    /* for shrine sigil */
    background-image: url(../images/sigils/hexagram.png);
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 20px;
    /* end sigil */
}
.god-ADONAI .cipher{
    color: #02150d;
    font-family: cipher_MftHlgs;
    font-weight: bold;
}
.god-ADONAI .god-msg{
    color:#0a5d3b;
    font-family: cipher_MftHlgs;
}
/*------ ADONAI ------+*/


.shrine.god-TAHUTI{
    background-color:rgba(91, 243, 199, 0.48);
    color:#0a5d3b;
    border-color:#0cc77b;
    /* for shrine sigil */
    background-image: url(../images/sigils/tahuti.png);
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 20px;
    /* end sigil */
}
.god-TAHUTI .cipher{
    color: #02150d;
    font-family: cipher_MftHlgs;
    font-weight: bold;
}
.god-TAHUTI .god-msg{
    color:#0a5d3b;
    font-family: cipher_MftHlgs;
}
.shrine.god-LUCIFER{
    background-color: rgba(253, 253, 49, 0.56);
    color: white;
    border-color: white;
    /* for shrine sigil */
    background-image: url(../images/sigils/lucifer.png);
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 20px;
    /* end sigil */
}
.god-LUCIFER .cipher{
    color: #4e0e07;
    font-family: cipher_roofnrmzgr;
}
.god-LUCIFER .god-msg{
    color: #4e0e07;
    font-family: cipher_roofnrmzgr;
}
.shrine.god-NYAMIYONGA{
    background-color: rgba(195, 194, 193, 0.26);
    color: #d4cdb9;
    border-color:#d4cdb9;
    /* for shrine sigil */
    background-image: url(../images/sigils/nyamiyonga.png);
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 20px;
    /* end sigil */
}
.god-NYAMIYONGA .cipher{
    color: #afafaf;
    font-family: cipher_orevi321;
    font-size: 50px;
}



.shrine.god-YEHESHUA{
    background-color: rgba(158, 158, 158, 0.56);
    color: white;
    border-color: white;
    /* for shrine sigil */
    background-image: url(../images/sigils/cross.png);
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 20px;
    /* end sigil */
}
.god-YEHESHUA .cipher{
    color: #4e0e07;
    font-family: cipher_roofnrmzgr;
}
.god-YEHESHUA .god-msg{
    color: #4e0e07;
    font-family: cipher_roofnrmzgr;
}

.shrine.god-KITARA{
    background-color: rgba(166, 235, 255, 0.62);
    color: #170115;
    border-color:#170115;
    /* for shrine sigil */
    background-image: url(../images/sigils/RUHANGA_KITARA_MUSANA.png);
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 20px;
    /* end sigil */
}
.god-KITARA .cipher{
    color: #170115;
}
.god-KITARA .god-msg{
    color: #170115;
}
.shrine.god-LEVIATAN{
    background-color:rgba(42, 76, 179, 0.67);
    color: #abc0ff;
    border-color:#abc0ff;
    /* for shrine sigil */
    background-image: url(../images/sigils/leviathan.png);
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 20px;
    /* end sigil */
}
.god-LEVIATAN .cipher{
    color: #abc0ff;
    font-family: cipher_svyivd;
    font-size: 50px;
}

.god-LEVIATAN .god-msg{
    color: #abc0ff;
    font-family: cipher_svyivd;
    font-size: 50px;
}
.shrine.god-BELIAL{
    background-color:rgba(6, 84, 18, 0.64);
    color: #f1d483;
    border-color:#f1d483;
    /* for shrine sigil */
    background-image: url(../images/sigils/belial.png);
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 20px;
    /* end sigil */
}
.god-BELIAL .cipher{
    color: #f1d483;
    font-family: cipher_lxxfog;
}
.god-BELIAL .god-msg{
    color: #f1d483;
    font-family: cipher_lxxfog;
}
.shrine.god-BEAST_666{
    background-color: rgba(235, 245, 94, 0.2);
    color: #d1d460;
    border-color: #b1b511;
    /* for shrine sigil */
    background-image: url(../images/sigils/beast.png);
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 20px;
    /* end sigil */
}
.god-BEAST_666 .cipher{
    color: #cece59;
    font-weight: bold;
}
.god-BEAST_666 .god-msg{
    color: #d1d460;
}
.shrine.god-DAEMON{
    background-color: rgba(38, 8, 51, 0);
    color: rgba(111, 82, 61, 0.97);
    border-color: rgba(109, 115, 113, 0.97);
    /* for shrine sigil */
    background-image: url(../images/sigils/daemonaeus.png);
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 20px;
    /* end sigil */
}
.god-DAEMON .cipher{
    color: rgba(109, 115, 113, 0.97);
    font-family: cipher_tlvgrx;
    font-size: 80px;
}

.god-DAEMON .god-msg{
    color: rgba(109, 115, 113, 0.97);
    font-family: cipher_tlvgrx;
    font-size: 80px;
}
@media (max-width:768px) {
    .god-DAEMON .cipher{
        font-size: 36px;
    }
    .god-NYAMIYONGA .cipher{
        font-size: 36px;
    }
}

.shrine.god-BAPHOMET{
    background-color: rgba(239, 17, 17, 0.63);
    color: #ffd8d8;
    border-color:#ffd8d8;
    /* for shrine sigil */
    background-image: url(../images/sigils/baphomet.png);
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 20px;
    /* end sigil */
}
.god-BAPHOMET .cipher{
    color: #ffd8d8;
    font-family: cipher_utugsewu;
    font-size: 49px;
}

.god-BAPHOMET .god-msg{
    color: rgba(109, 115, 113, 0.97);
    font-family: cipher_tlvgrx;
    font-size: 80px;
}
@media (max-width:768px) {
    .god-BAPHOMET .cipher{
        font-size: 36px;
    }
}

.shrine.god-ALLSELF{
    background-color: rgba(239, 17, 17, 0.63);
    color: #ffd8d8;
    border-color:#ffd8d8;
    /* for shrine sigil */
    background-image: url(../images/sigils/allah.png);
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 20px;
    /* end sigil */
}

.god-ALLSELF .cipher{
    color: #ffd8d8;
    font-family: cipher_ufurugiymyluwb;
    font-size: 49px;
}

.god-ALLSELF .god-msg{
    color: rgba(109, 115, 113, 0.97);
    font-family: cipher_ufurugiymyluwb;
    font-size: 80px;
}
@media (max-width:768px) {
    .god-ALLSELF .cipher{
        font-size: 36px;
    }
}


.fire {
    animation: burn 1.5s linear infinite alternate;
    -webkit-animation: burn 1.5s linear infinite alternate;
    -moz-animation: burn 1.5s linear infinite alternate;
    -ms-animation: burn 1.5s linear infinite alternate;        
}

@keyframes burn {
    from { text-shadow: -.1em 0 .3em #fefcc9, .1em -.1em .3em #feec85, -.2em -.2em .4em #ffae34, .2em -.3em .3em #ec760c, -.2em -.4em .4em #cd4606, .1em -.5em .7em #973716, .1em -.7em .7em #451b0e; }
    45%  { text-shadow: .1em -.2em .5em #fefcc9, .15em 0 .4em #feec85, -.1em -.25em .5em #ffae34, .15em -.45em .5em #ec760c, -.1em -.5em .6em #cd4606, 0 -.8em .6em #973716, .2em -1em .8em #451b0e; }
    70%  { text-shadow: -.1em 0 .3em #fefcc9, .1em -.1em .3em #feec85, -.2em -.2em .6em #ffae34, .2em -.3em .4em #ec760c, -.2em -.4em .7em #cd4606, .1em -.5em .7em #973716, .1em -.7em .9em #451b0e; }
    to   { text-shadow: -.1em -.2em .6em #fefcc9, -.15em 0 .6em #feec85, .1em -.25em .6em #ffae34, -.15em -.45em .5em #ec760c, .1em -.5em .6em #cd4606, 0 -.8em .6em #973716, -.2em -1em .8em #451b0e; }						
}

@-webkit-keyframes burn {
    from { text-shadow: -.1em 0 .3em #fefcc9, .1em -.1em .3em #feec85, -.2em -.2em .4em #ffae34, .2em -.3em .3em #ec760c, -.2em -.4em .4em #cd4606, .1em -.5em .7em #973716, .1em -.7em .7em #451b0e; }
    45%  { text-shadow: .1em -.2em .5em #fefcc9, .15em 0 .4em #feec85, -.1em -.25em .5em #ffae34, .15em -.45em .5em #ec760c, -.1em -.5em .6em #cd4606, 0 -.8em .6em #973716, .2em -1em .8em #451b0e; }
    70%  { text-shadow: -.1em 0 .3em #fefcc9, .1em -.1em .3em #feec85, -.2em -.2em .6em #ffae34, .2em -.3em .4em #ec760c, -.2em -.4em .7em #cd4606, .1em -.5em .7em #973716, .1em -.7em .9em #451b0e; }
    to   { text-shadow: -.1em -.2em .6em #fefcc9, -.15em 0 .6em #feec85, .1em -.25em .6em #ffae34, -.15em -.45em .5em #ec760c, .1em -.5em .6em #cd4606, 0 -.8em .6em #973716, -.2em -1em .8em #451b0e; }						
}

@-moz-keyframes burn {
    from { text-shadow: -.1em 0 .3em #fefcc9, .1em -.1em .3em #feec85, -.2em -.2em .4em #ffae34, .2em -.3em .3em #ec760c, -.2em -.4em .4em #cd4606, .1em -.5em .7em #973716, .1em -.7em .7em #451b0e; }
    45%  { text-shadow: .1em -.2em .5em #fefcc9, .15em 0 .4em #feec85, -.1em -.25em .5em #ffae34, .15em -.45em .5em #ec760c, -.1em -.5em .6em #cd4606, 0 -.8em .6em #973716, .2em -1em .8em #451b0e; }
    70%  { text-shadow: -.1em 0 .3em #fefcc9, .1em -.1em .3em #feec85, -.2em -.2em .6em #ffae34, .2em -.3em .4em #ec760c, -.2em -.4em .7em #cd4606, .1em -.5em .7em #973716, .1em -.7em .9em #451b0e; }
    to   { text-shadow: -.1em -.2em .6em #fefcc9, -.15em 0 .6em #feec85, .1em -.25em .6em #ffae34, -.15em -.45em .5em #ec760c, .1em -.5em .6em #cd4606, 0 -.8em .6em #973716, -.2em -1em .8em #451b0e; }						
}

@-ms-keyframes burn {
    from { text-shadow: -.1em 0 .3em #fefcc9, .1em -.1em .3em #feec85, -.2em -.2em .4em #ffae34, .2em -.3em .3em #ec760c, -.2em -.4em .4em #cd4606, .1em -.5em .7em #973716, .1em -.7em .7em #451b0e; }
    45%  { text-shadow: .1em -.2em .5em #fefcc9, .15em 0 .4em #feec85, -.1em -.25em .5em #ffae34, .15em -.45em .5em #ec760c, -.1em -.5em .6em #cd4606, 0 -.8em .6em #973716, .2em -1em .8em #451b0e; }
    70%  { text-shadow: -.1em 0 .3em #fefcc9, .1em -.1em .3em #feec85, -.2em -.2em .6em #ffae34, .2em -.3em .4em #ec760c, -.2em -.4em .7em #cd4606, .1em -.5em .7em #973716, .1em -.7em .9em #451b0e; }
    to   { text-shadow: -.1em -.2em .6em #fefcc9, -.15em 0 .6em #feec85, .1em -.25em .6em #ffae34, -.15em -.45em .5em #ec760c, .1em -.5em .6em #cd4606, 0 -.8em .6em #973716, -.2em -1em .8em #451b0e; }						
}

.books-row, .projects-row {
    margin-bottom: 10px;
}
.book-title, .project-title {
    font-size: larger;
    font-weight: bold;
    color: #7ff7dc;
}

.book-title small, .project-title small {
    color: crimson;
}

.consult-iframe {
    width: 100%;
    height: 810px;
}

.logo-sigil {
    height: 40px;
}

.record-me {
    font-size: small;
}
.record-god {
    font-size: small;
    color: #ced22a;
}
.rec-msg {
    font-weight: bold;
}
.rec-time {
    font-style: italic;
    font-size: 10px;
}

#shrine-records {
    max-height: 55vh;
    overflow-y: auto;
}

li.divider-title {
    margin-left: 5px;
}

.fullscreen {
    height: 100vh;
    width: 99vw;
    position: absolute;
    top: 1%;
    left: 0;
    z-index: 9999;
    margin-left: -10%;
}

.highlight-1 {
	background-color: crimson;
}

#spirit {
    padding: 3px;
}


.vcodes {
	padding: 10px;
}
.qrcode-c {
	width: 180px;
	height: 180px;
	margin-left: auto;
	margin-right: auto;
}


/*----------
 * making the shrine more tasty, more appealing and more liberal!
 *------------------------------------------------------*/
 div.panel-body.chat {
 	background: url(https://www.toptal.com/designers/subtlepatterns/patterns/congruent_outline.png);
}