/*------------------------------------------------------------------------*\
 * PREFIX MEANINGS
 *
 *
 * ................. Navigation Styles
 *
 * t ............... Text Styles
 *
 * c ............... Container Styles
 *
 * b ............... Background Styles
 *
 * ................. Miscellaneous Styles
 *
 * ................. Media Query (Responsive) Styles
 *
\*------------------------------------------------------------------------*/
 
/* noto-sans-jp-regular - latin */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('https://manna.amazingfacts.org/amazingfacts/website/fonts/noto-sans-jp/noto-sans-jp-v36-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://manna.amazingfacts.org/amazingfacts/website/fonts/noto-sans-jp/noto-sans-jp-v36-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://manna.amazingfacts.org/amazingfacts/website/fonts/noto-sans-jp/noto-sans-jp-v36-latin-regular.svg#NotoSansJP') format('svg'); /* Legacy iOS */
  font-display: swap;
}

 
 /*------------------------------------*\
    #NAVIGATION STYLES
\*------------------------------------*/

.nav-item:hover {background-color: #4b1e08;}
.nav-item:hover a {color: white !important;}
.navbar-nav .active {background-color: #4b1e08;}
.navbar-nav .active a {color: white !important;}
.navbar-nav .highlighted {background-color: #fc8322;}
.navbar-nav .highlighted a {color: white !important;}


/*------------------------------------*\
    #TEXT STYLES
\*------------------------------------*/

.t-03 {font-size: 16px; line-height: 30px;}
.t-04 {color: #69cffe;}
.t-05 {line-height: 35px;}
.t-07 {font-size: 17px; line-height: 30px;}
.t-08 {font-size: 18px; line-height: 35px;}
.t-09 {color: #0088ce;}
.t-10 {font-size: 40px; line-height: 50px;}
.t-11 {font-size: 25px; line-height: 40px;}
.t-12 {font-size: 20px; line-height: 35px;}
.t-13 {direction: rtl;}
.tzh-1 {font-size: 5.5rem; line-height: 5.6rem; text-shadow: 1px 1px 2px #8e252f, 0 0 1em black, 0 0 0.5em black;}
.tzh-2 {font-size: 3rem; line-height: 3.1rem; text-shadow: 1px 1px 2px #8e252f, 0 0 1em black, 0 0 0.5em black;}
.tzh-3 {font-size: 1.45rem; line-height: 1.85rem; text-shadow: 1px 1px 2px #8e252f, 0 0 1em black, 0 0 0.5em black;}
.tfr-1 {font-size: 5rem; line-height: 5.1rem; text-shadow: 1px 1px 2px #8e252f, 0 0 1em black, 0 0 0.5em black;}
.tfr-2 {font-size: 2.5rem; line-height: 2.6rem; text-shadow: 1px 1px 2px #8e252f, 0 0 1em black, 0 0 0.5em black;}
.tfr-3 {font-size: 1.45rem; line-height: 1.85rem; text-shadow: 1px 1px 2px #8e252f, 0 0 1em black, 0 0 0.5em black;}
.tkr-1 {font-size: 5rem; line-height: 5.1rem; text-shadow: 1px 1px 2px #8e252f, 0 0 1em black, 0 0 0.5em black;}
.tkr-2 {font-size: 3rem; line-height: 3.1rem; text-shadow: 1px 1px 2px #8e252f, 0 0 1em black, 0 0 0.5em black;}
.tkr-3 {font-size: 1.45rem; line-height: 1.85rem; text-shadow: 1px 1px 2px #8e252f, 0 0 1em black, 0 0 0.5em black;}
.tru-1 {font-size: 4rem; line-height: 4.1rem; text-shadow: 1px 1px 2px #8e252f, 0 0 1em black, 0 0 0.5em black;}
.tru-2 {font-size: 2rem; line-height: 2.1rem; text-shadow: 1px 1px 2px #8e252f, 0 0 1em black, 0 0 0.5em black;}
.tru-3 {font-size: 1rem; line-height: 1.1rem; text-shadow: 1px 1px 2px #8e252f, 0 0 1em black, 0 0 0.5em black;}
.t-pt {font-family: "Cardo", serif;}


/*------------------------------------*\
    #CONTAINER STYLES
\*------------------------------------*/

.c-01 {width: 300px; height: 75px;}
.c-02 {padding: 35px 0px 20px 0px;}
.c-03 {position: absolute; bottom: 0px;}
.c-04 {padding-top: 45px !important;}
.c-05 {top: 20%; width: 53%;}
.c-06 {padding-top: 2%;}
.c-07 {max-width: 85%;}
.c-08 {min-width: 625px;}


/*------------------------------------*\
    #BACKGROUND STYLES
\*------------------------------------*/

.b-01 {background-color: #391706;}
.b-02 {background-image: url('https://manna.amazingfacts.org/amazingfacts/website/panoramaofprophecy/images/blue-bkg-w-light.jpg'); background-size: cover;}
.b-03 {background-image: url('https://manna.amazingfacts.org/amazingfacts/website/prophecyodyssey/images/manhattan-center.webp'); background-size: cover; background-position: 90% center;}
.b-04 {background-image: url('https://manna.amazingfacts.org/amazingfacts/website/prophecyodyssey/images/prophecy-box.webp'); background-size: cover; background-position: 25% center;}
.b-05 {background-image: url('https://manna.amazingfacts.org/amazingfacts/website/prophecyodyssey/images/odyssey-box.webp'); background-size: cover; background-position: 25% center;}
.b-06 {background-image: url('https://manna.amazingfacts.org/amazingfacts/website/prophecyodyssey/images/revelation-box.webp'); background-size: cover; background-position: 50% center;}
.b-07 {background-color: #531503;}
.b-08 {background-color: #001a69;}
.b-09 {background-color: #034772;}
.b-10 {background-color: #001334;}
.b-11 {background-color: #000;}
.b-12 {background-color: #015ddf;}
.b-13 {background-image: url('https://manna.amazingfacts.org/amazingfacts/website/prophecyodyssey/images/last-days-bkg.webp'); background-size: cover; background-position: 50% center;}
.b-14 {background-color: #f2f2f2;}
.b-15 {background-image: url('https://manna.amazingfacts.org/amazingfacts/website/panoramaofprophecy/images/ask-a-question.jpg'); background-size: cover; background-position: 50% center;}
.b-20 {background-image: url('https://manna.amazingfacts.org/amazingfacts/website/prophecyodyssey/images/sub-header-bkg.webp'); background-size: cover; background-position: 50% center; width: 100%; height: 175px;}


/*------------------------------------*\
    #MISCELLANEOUS STYLES
\*------------------------------------*/

html {font-size: 18px;}
body {font-family: 'Noto Sans JP', sans-serif; font-size: 18px; line-height: 30px; font-weight: 400;}
.fixedHead {width: 100%; background: url(https://manna.amazingfacts.org/amazingfacts/website/panoramaofprophecy/images/revelation-now.jpg); background-attachment: fixed; height: 0; padding-bottom: 62%; background-position: 50% 50; background-size: 100%; background-repeat: no-repeat; background-position-y: 50px;}
.verticalLine {border-left: thin solid #fff; height: 75%;}
.POPBnrFull {display: block;}
.POPBnrMobile {display: none;}
.POPBnrMax {display: none;}
.BnrPad {padding-top: 60px;}
.btn-af {color: #fff; background-color: #1c476f; border-color: #1c476f;}
.btn-af:hover {text-decoration: none; background-color: #2b6eac; color: #fff;}
.btn-af-red {color: #fff; background-color: #ad190f; border-color: #ad190f;}
.btn-af-red:hover {text-decoration: none; background-color: #ea2316; color: #fff;}
.btn-af-orange {color: #f9efe7; background-color: #fc8322; border-color: #fc8322;}
.btn-af-orange:hover {text-decoration: none; background-color: #faaa6a; color: #fff;}
.btn-af-blue {color: #fff; background-color: #2c358d; border-color: #2c358d;}
.btn-af-blue:hover {text-decoration: none; background-color: #4d5be1; color: #fff;}
.btn-af-lblue {color: #fff; background-color: #09a5f1; border-color: #0783c0;}
.btn-af-lblue:hover {text-decoration: none; background-color: #07c1ff; color: #fff;}
.showbullets li {list-style-type: square;}
.anchor {display: block; position: relative; top: -150px; visibility: hidden;}
.afType {display: none;}
a:not([class*="btn"]) {text-decoration: none;}
a:not([class*="btn"]):hover {text-decoration: none;}
.rotate-180 {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}


/*------------------------------------*\
    #MEDIA QUERY (RESPONSIVE) STYLES
\*------------------------------------*/


@media (min-width: 2560px) 
{
	.POPBnrFull {display: none;}
	.POPBnrMobile {display: none;}
	.POPBnrMax {display: block;}
	
}

@media (max-width: 1530px) 
{
	.BnrPad {padding-top: 40px;}
}

@media (max-width: 1280px) 
{
	.tzh-1 {font-size: 4rem; line-height: 4.1rem;}
	.tzh-2 {font-size: 2rem; line-height: 2.1rem;}
	.tzh-3 {font-size: 1.25rem; line-height: 1.35rem;}
	.tfr-1 {font-size: 3.5rem; line-height: 3.6rem;}
	.tfr-2 {font-size: 1.5rem; line-height: 1.6rem;}
	.tfr-3 {font-size: 1rem; line-height: 1.1rem;}
	.tkr-1 {font-size: 3.75rem; line-height: 3.85rem;}
	.tkr-2 {font-size: 1.75rem; line-height: 1.85rem;}
	.tkr-3 {font-size: 1.25rem; line-height: 1.35rem;}
	.tru-1 {font-size: 3.25rem; line-height: 3.75rem;}
	.tru-2 {font-size: 1.25rem; line-height: 1.75rem;}
	.tru-3 {font-size: 1rem; line-height: 1.1rem;}
}

@media (max-width: 1024px) 
{
	.tzh-1 {font-size: 3rem; line-height: 3.1rem;}
	.tzh-2 {font-size: 2.25rem; line-height: 2.35rem;}
	.tzh-3 {font-size: 1rem; line-height: 1.1rem;}
	.tfr-1 {font-size: 2rem; line-height: 2.1rem;}
	.tfr-2 {font-size: 1.25rem; line-height: 1.35rem;}
	.tfr-3 {font-size: .75rem; line-height: .85rem;}
	.tkr-1 {font-size: 2.5rem; line-height: 2.6rem;}
	.tkr-2 {font-size: 1.5rem; line-height: 1.6rem;}
	.tkr-3 {font-size: 1rem; line-height: 1.1rem;}
	.tru-1 {font-size: 2.25rem; line-height: 2.35rem;}
	.tru-2 {font-size: 1.25rem; line-height: 1.35rem;}
	.tru-3 {font-size: 1rem; line-height: 1.1rem;}
}

/* Small devices (landscape phones, less than 885px) ----------- */
@media (max-width: 725px) 
{
	.b-13 {background-position: 90% -175px;}
	.b-15 {background-position: 10% center;}
	.b-20 {background-position: 85% center;}
	.POPBnrFull {display: none;}
	.POPBnrMobile {display: block; padding-top: 40px;}
	.POPBnrMax {display: none;}
	.t-10 {font-size: 35px; line-height: 45px;}
	.tzh-1 {font-size: 2.5rem; line-height: 2.6rem;}
	.tzh-2 {font-size: 1.5rem; line-height: 1.6rem;}
	.tzh-3 {font-size: 1rem; line-height: 1.1rem;}
	.tfr-1 {font-size: 2.5rem; line-height: 2.6rem;}
	.tfr-2 {font-size: 1.25rem; line-height: 1.35rem;}
	.tfr-3 {font-size: .75rem; line-height: .85rem;}
	.tkr-1 {font-size: 2.5rem; line-height: 2.6rem;}
	.tkr-2 {font-size: 1.25rem; line-height: 1.35rem;}
	.tkr-3 {font-size: .85rem; line-height: .95rem;}
	.tru-1 {font-size: 2rem; line-height: 2.1rem;}
	.tru-2 {font-size: 1rem; line-height: 1.1rem;}
	.tru-3 {font-size: .75rem; line-height: .85rem;}
	.c-05 {top: 63%; width: 100%;}
	#afiLogo {display: none;}
	.ticket {display: none;}
}