/*


Theme CSS

/theme/css/style.css


*/



/*
========================================
Core
----------------------------------------
*/

/* font */
body { font-family:'Open Sans', sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family:'Poppins', sans-serif; font-weight:200; }

/* color */
body { background-color:#232234; color:#fff; }

/* viewport --- ensure full window size with zero horizontal scroll, force vertical scroll */
html { height:100%; }
body { width:100%; height:100%; overflow-x:hidden; overflow-y:scroll; }


/*
========================================
Buff
----------------------------------------
*/

/* body */
/* #theme-body { padding-top:1rem; } */

/* sidebar */
#theme-sidebar { background-color:#eee; }

/* images */
img { max-width:100%; height:auto; }
img.auto { max-width:inherit; height:inherit; }

/* toolip opacity - override Bootstrap's low opacity */
.tooltip.show { opacity:1; filter:alpha(opacity=100); }

.pointer { cursor:pointer; }
.cursor { cursor:default; }

/*
========================================
Utility
----------------------------------------
*/

a { color:#f7bf15; }
a:hover { text-decoration:none; color:#fff; }

/* colors */
.gold { color:#f7bf15; }
a.gold:hover { color:#f7bf15; }
.gold-bg { background-color:#f7bf15; }

.blue { color:#232234; }
a.blue:hover { color:#232234; }
.blue-bg { background-color:#232234; }

.royal { color:#14111c; }
a.royal:hover { color:#14111c; }
.royal-bg { background-color:#14111c; }
/* royal #171534 */

.white { color:#fff; }
a.white:hover { color:#fff; }
.white-bg { background-color:#fff; }

.black { color:#000; }
a.black:hover { color:#000; }
.black-bg { background-color:#000; }

/* dim */
.dim { opacity:0.5; }
.shy { opacity:0.25; }
.lit { opacity:0.75; }
.dim-hover:hover,
.shy-hover:hover,
.lit-hover:hover { opacity:1; }

.thin { font-weight:400; }
.bold { font-weight:700; }

/* did you know */
.dyk { margin:1rem 0; padding:1rem; border:1px solid #f7bf15; border-radius:0.5rem; }
.dyk-title { margin:0.5rem 0; font-weight:bold; }
.dyk-body { margin:1rem 0 1rem 1.5rem; }

/* sizing */
.tiny { font-size:50%; }
.small { font-size:80%; }
.small-lh { line-height:100%; }
.large { font-size:120%; }
.double { font-size:200%; }

/* widths */
.min-width-25 { min-width:25%; }
.min-width-50 { min-width:50%; }
.min-width-75 { min-width:75%; }
.min-width-200 { min-width:200px; }
@media only screen and (min-width:320px) { .min-width-md-200 { min-width:200px; } }
@media only screen and (min-width:576px) { .min-width-sm-200 { min-width:200px; } }
@media only screen and (min-width:768px) { .min-width-md-200 { min-width:200px; } }
@media only screen and (min-width:992px) { .min-width-lg-200 { min-width:200px; } }
@media only screen and (min-width:1200px) { .min-width-xl-200 { min-width:200px; } }

/* lead paragraphs ext */
.brink { border-left:1rem solid #14111c; padding-left:1rem; margin-bottom:1.5rem; }
.focus { border:3rem solid #14111c; padding:0 1rem; border-top:0; border-bottom:0; }
.ledge { border-left:0.5rem solid #14111c; padding-left:1.5rem; margin-bottom:1.5rem; }

/* buttons */
.btn-gold { color:#000; background-color:#f7bf15; border-color:#f7bf15; }

/* borders */
.borders-gold { border:1px solid #f7bf15; }
.borders-x-gold { border:1px solid #f7bf15; border-top:0; border-bottom:0; }
.borders-y-gold { border:1px solid #f7bf15; border-left:0; border-right:0; }

/* home page triplets */
ul.bullet-points { list-style:none; margin:0; padding:0; }
ul.bullet-points li {}

/* hover */
.hover-tips { list-style:none; margin:0; padding:0; }
.hover-tips li { cursor:default; transition:color 300ms ease-in-out; }
.hover-tips li.throb { color:#f7bf15; }
.hover-tips li.active { color:#f7bf15; }
.hover-values { list-style:none; margin:1rem 0 0 0; padding:0; min-height:8rem; position:relative; }
.hover-values li { position:absolute; top:0; opacity:0; transition:opacity 300ms ease-in-out; }
.hover-values li.active { opacity:0.5; }

/* price chart */
.chart-yes { color:#f7bf15; }
.chart-yes img { width:50px; height:50px; }
.chart-no { opacity:0.5; }
.chart-no img { width:40px; height:40px; }
/* .mobile .chart-yes img { width:25px; height:25px; } */
/* .mobile .chart-no img { width:20px; height:20px; } */

/* dom price */
.domPriceMonthly,
.domPriceYearly { display:none; }
.domPriceMonthly.active,
.domPriceYearly.active { display:block; }

/* large image captions */
.image-frame { position:relative; }
.image-caption,
.image-caption-full { position:absolute; left:0; right:0; bottom:0; padding:1rem; border-bottom-left-radius:0.25rem; }
.image-caption { background-image:linear-gradient( to right, #14111c 0%, rgba(0,0,0,0) 50% ); }
.image-caption-full { background-image:linear-gradient( to right, #14111c 0%, rgba(0,0,0,0) 100% ); }
@media only screen and (min-width:992px)
{
	.image-caption { padding:2rem; font-size:150%; }
	.image-caption-full { padding:2rem; font-size:150%; }
}


/* mobility - main break is iPad portrait */
.mobile { display:block; }
.desktop { display:none; }
@media only screen and (min-width:768px)
{
	.mobile { display:none; }
	.desktop { display:block; }
}

/* mobility - target on breakpoints */
.block-under-xs { display:block; }
@media only screen and (min-width:320px){ .block-under-xs { display:none; } }
	.block-under-sm { display:block; }
	@media only screen and (min-width:576px){ .block-under-sm { display:none; } }
	.block-under-md { display:block; }
	@media only screen and (min-width:768px){ .block-under-md { display:none; } }
	.block-under-lg { display:block; }
	@media only screen and (min-width:992px){ .block-under-lg { display:none; } }
	.block-under-xl { display:block; }
	@media only screen and (min-width:1200px){ .block-under-xl { display:none; } }
.block-over-xs { display:none; }
@media only screen and (min-width:320px){ .block-over-xs { display:block; } }
	.block-over-sm { display:none; }
	@media only screen and (min-width:576px){ .block-over-sm { display:block; } }
	.block-over-md { display:none; }
	@media only screen and (min-width:768px){ .block-over-md { display:block; } }
	.block-over-lg { display:none; }
	@media only screen and (min-width:992px){ .block-over-lg { display:block; } }
	.block-over-xl { display:none; }
	@media only screen and (min-width:1200px){ .block-over-xl { display:block; } }
.inline-under-xs { display:inline-block; }
@media only screen and (min-width:320px){ .inline-under-xs { display:none; } }
	.inline-under-sm { display:inline-block; }
	@media only screen and (min-width:576px){ .inline-under-sm { display:none; } }
	.inline-under-md { display:inline-block; }
	@media only screen and (min-width:768px){ .inline-under-md { display:none; } }
	.inline-under-lg { display:inline-block; }
	@media only screen and (min-width:992px){ .inline-under-lg { display:none; } }
	.inline-under-xl { display:inline-block; }
	@media only screen and (min-width:1200px){ .inline-under-xl { display:none; } }
.inline-over-xs { display:none; }
@media only screen and (min-width:320px){ .inline-over-xs { display:inline-block; } }
	.inline-over-sm { display:none; }
	@media only screen and (min-width:576px){ .inline-over-sm { display:inline-block; } }
	.inline-over-md { display:none; }
	@media only screen and (min-width:768px){ .inline-over-md { display:inline-block; } }
	.inline-over-lg { display:none; }
	@media only screen and (min-width:992px){ .inline-over-lg { display:inline-block; } }
	.inline-over-xl { display:none; }
	@media only screen and (min-width:1200px){ .inline-over-xl { display:inline-block; } }

/* lists */
ul.shortlist {}
ul.shortlist li { margin:0.5rem; }

/* blog */
.keywords { margin:2rem 0 0; opacity:0.5; font-size:70%; text-align:center; }