/* CSS marble theme nobjp v1.0 20200326 */

/* requires:
<link  href="https://fonts.googleapis.com/css?family=Bree+Serif|Open+Sans:400,700,700i|Roboto+Condensed:400,700|Roboto:400,400i,700,700i" rel="stylesheet"> 
*/
body { font-family: 'Roboto', sans-serif; }
.t h1, .t h2, .t p.h-font-style
	{ font-family: 'Bree Serif', serif; }
.t p, .t .text, .t h3, .r-logo
	{ font-family: 'Roboto', sans-serif; }
.t .action.button p { font-family: 'Roboto Condensed', sans-serif; line-height: 1.4em; text-transform: uppercase; }
.t .action.button.nocaps p { text-transform: none; }

.t.size-marble h1			{ font-size:3.4em; }
.t.size-marble h2			{ font-size:2.4em; }
.t.size-marble h3			{ font-size:2.0em; }
.t.size-marble p,
.t.size-marble .text		{ font-size:1.9em; }

.t.size-marble ul li p { font-size:1em; }


.r-disclaimer-box { }
.r-disclaimer-box .track { border:1px solid #888; border-radius:4px; box-shadow:1px 1px 4px -2px #AAA; background: #F8F8F8; }

.region-disclaimerlinks span:after { content:"|"; padding:0 1em; }
.region-disclaimerlinks a { color:#333; }
.region-disclaimerlinks a:visited { color:#333; }


.r-leadin { font-size:0.75em; }
.r-leadin p { font-family:'Roboto', serif; font-style:italic; }

.video-display { width:100%; margin:auto; position:relative; }
.video-display.constrict-728 { max-width:728px; }
.video-display.constrict-640 { max-width:640px; }

.r-video-backdrop { position:absolute; top:0; left:0; width:100%; height:100%; background:grey; background-repeat:no-repeat; background-size:cover; }
.r-video-backdrop .r-video-loading { width:50%; height:50%; top:50%; left:50%; position:absolute; }
@keyframes r-video-loading { to { transform:rotate(360deg); } }
.r-video-backdrop .r-video-loading > .track { width:64px; height:64px; top:-32px; left:-32px; position:relative; border:4px solid rgba(248,248,248,0.8); border-top:4px solid rgba(128,128,128,0.8); border-radius:50%; animation-name:r-video-loading; animation-duration:2s; animation-timing-function:linear; animation-iteration-count: infinite; }


.p-front .r-action div.button { color:#444; font-size:5.625vw; text-align:center; max-width:440px; margin:auto; }
.p-front .r-action div.button.size20 { color:#444; font-size:5vw; text-align:center; max-width:440px; margin:auto; }
.p-front .r-action .button p { font-weight:600; line-height:1.1em; font-size:1em; }

.button.color-red-flat { border-color: rgba(209, 125, 241, 0.22); }
.button.color-red-flat p { color: white; text-shadow:0 -0.035714em 0.035714em rgba(0,0,0,0.8); }

.button.color-red-flat.state-ready,
.button.color-red-flat.stateless {
	background-color:#e5202e;
	background-image:none;
    border:1px solid #e6515c;
	box-shadow:1px 1px 2px black;
}
.button.color-red-flat:hover.state-ready,
.button.color-red-flat:hover.stateless {
	background-color:#d41d2a;
	border:1px solid transparent;
	box-shadow:1px 1px 1px #444;
}

.action { position:relative; }
.action.state-ready { cursor:pointer; }
.action.state-processing { cursor:wait; }
.action.state-inert { cursor:not-allowed; }
.action:not(.state-ready):not(.stateless) .ready { visibility:hidden; }
.action .processing, .action .inert { display:none; position:absolute; height:100%; width:100%; top:0; left:0; box-sizing:border-box; }
.action.state-processing .processing, .action.state-inert .inert { display:block; }

.s-footer { background:transparent; color:#444; }
.s-footer .r-logo p { font-size:2.0rem; }



@media (min-width: 415px) {
	
.p-front .r-action div.button.size20 { font-size:2.0em; }
	
	
}


@media (min-width: 560px) {
	
.p-front .r-action div.button { font-size:3.6em; }
	
	
}