/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

// Colors
$blue:    #007bff !default; // primary
$indigo:  #6610f2 !default;
$purple:  #6f42c1 !default;
$pink:    #e83e8c !default;
$red:     #dc3545 !default; // danger
$orange:  #fd7e14 !default;
$yellow:  #ffc107 !default; // warning
$green:   #28a745 !default; // success
$teal:    #20c997 !default;
$cyan:    #17a2b8 !default; // info

$green:   #28a745 !default; // SUV
$myUV:		#97d87b; // UV
$gray-600: #868e96 !default; // FV
$myOV  #fd7e14 !default; // OV
$red:     #dc3545 !default; // SOV

// Grays
$white:    #fff !default;
$gray-100: #f8f9fa !default; // light
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #868e96 !default; // secondary
$gray-700: #495057 !default;
$gray-800: #343a40 !default; // dark
$gray-900: #212529 !default;
$black:    #000 !default;

html, body {
	margin: 0;
	padding: 0;
}

.page-header {
	xmargin-left: 60px;
}
.banner-status-word {
	font-family: proxima-nova,sans-serif;
	font-weight: 500;
	font-size: 1.75rem;
	color: white;
}
.header-status-badge {
	font-family: proxima-nova,sans-serif;
	font-weight: 500;
	font-size: 1.5rem;
	color: white;
}

/* Note that this is both the box on the home page and also indiv charts on model pages */
/* also note that these styles are removed in mobile views for the chart images */
.home-model-container-outline {
	padding: 10px;
	border-radius: 5px;
	border: 1px solid rgb(226, 226, 226);
	box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}
.home-model-container-outline:hover {
	box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}



.page-title {
	margin: 0;
	margin-bottom: -10px;
	margin-top: -5px;
}
.page-content a {
	xborder-bottom: 2px solid #007bff;
	text-decoration: underline;
}
.page-content a:hover {
	text-decoration: none;
	background: #007bff;
	color: white;
	border: none;
}
.bookbox a {
	border-bottom: none;
}
a.clean:hover {
	
}
.proxima {
	font-family: proxima-nova,sans-serif;
	xcolor: red;
}

.bg-orange, .text-bg-orange {
	background-color: #fd7e14;
}
.text-orange {
	color: #fd7e14;
}
.badge-orange {
	background-color: #fd7e14;
	color: white;
}

.custom-vert-nav, .custom-vert-nav li {
	list-style-type: none;
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
	line-height: 1.8rem;
}

.valuebar-container {
	height: 30px;
	width: 100%;
	display: flex;
}
.valuebar-strongly-undervalued {
	width: 3%;
	border: 1px solid white;
	background-color: #28a745;
}
.valuebar-undervalued {
	width: 14%;
	border: 1px solid white;
	border-left: none;
	background-color: #17a2b8;
}
.valuebar-fairly-valued {
	width: 66%;
	border: 1px solid white;
	border-left: none;
	background-color: #868e96;
}
.valuebar-overvalued {
	width: 14%;
	border: 1px solid white;
	border-left: none;
	background-color: #fd7e14;
}
.valuebar-strongly-overvalued {
	width: 3%;
	border: 1px solid white;
	border-left: none;
	background-color: #dc3545;
}
.valuebar-indicator {
	/* Internal CSS on Homepage */	
	position: relative;	 
	width: 15px;
	height: 50px;
	margin-top: -23px;
	margin-bottom: -20px;
}
.valuebar-circle {
	border-radius: 15px/15px;
	border: solid 3px white;
	margin-bottom: 0px;
	margin-left: -7px;
	width: 15px;
	height: 15px;
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,.4));
}
.valuebar-line {
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,.4));
	width: 3px;
	height: 50px;
	margin: auto;
	margin-left: -1px;
	background-color: white;
}
.value-bubble-container {
	/* Internal CSS on Homepage */	
	justify-content: center;
	margin: auto;
	margin-top: 5px;
	display: flex;
	flex-direction: row;
	
}
.value-bubble-text {
	/* Internal CSS on Homepage */	
	border: 3px solid white;
	max-width: 450px;
	border-radius: 5px;
	padding: 10px;
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,.2));
	color: white;
}

.home p.intro {
	padding: 0;
	font-size: 1.5rem;
}
.home p.index-intro {
	padding: 0;
	font-size: 1.25rem;
}

.home h2 {
	font-size: 2.5em;
	font-family: proxima-nova, sans-serif;
	/* bold */
	font-weight: 700;
	font-style: normal;
}



.xmodel-chart-wide {
	margin-top: 2rem;
	margin-bottom: 2rem;
	xpadding-top: 1rem;
	xpadding-bottom: 1rem;
	border-top: 1px solid rgb(226, 226, 226);
	border-bottom: 1px solid rgb(226, 226, 226);
	xborder: 1px solid red;
}

.img-fluid-dual-left {
	max-width: 441px;
	float: left;
}
.img-fluid-dual-right  {
	max-width: 441px;
	float: right;
}
.img-fluid-width-100 {
	max-width: 100%;
}

.clear-both {
	clear: both;
}

.custom-vert-nav ul {
	margin-left: 25px;
	padding: 0;
}

p.citation {
	margin-bottom: 0;
	font-size: .6rem;
	line-height: .8rem;
}

.sponsor {
	margin-bottom: 0px;
	font-size: 12px;
}
.page-content p.sponsor-big {
	margin-bottom: 0px;
	margin-left: 30px;
	padding: 0;
	font-family: proxima-nova,sans-serif;
	font-size: 1.2em;
	/* semi-bold */
	font-weight: 300;
	font-style: normal;
}
.home p.sponsor-big {
	font-family: proxima-nova,sans-serif;
	font-size: 1.2em;
	/* semi-bold */
	font-weight: 300;
	font-style: normal;
}
.sponsor a, .sponsor-big a {
	font-weight: bold;
}
.adbox-large p a, .adbox-large p a:hover {
	text-decoration: none;
	border-bottom: none;
	background: none;
	color: #007bff;
}

.adbox-large, .adbox-col {
	background-color: #74c947;
	padding: 10px;
	border-radius: 5px;
	border: 3px solid #ced4da;
}
.adbox-row {
	display: flex;
	align-items: center;
}
.adbox-large {
	
	box-shadow: rgba(0, 0, 0, 0.10) 4px 2px 6px 6px inset;
	border: 1px solid rgb(188, 188, 188);
}
.adbox-left-gutter {
	margin-left: -500px;
	padding-left: 500px;
}
.adbox-large .adbox-img img, .adbox-col img {
	max-width: 100%;
}
.adbox-large img {
	padding: 10px;
}
.adbox-img {
	flex-basis: 40%;
	flex-grow: 1;
}
.adbox-copy {
	flex-basis: 60%;
	flex-grow: 1;
}


.col-right-sticky {
	display: none; /* Media query switches to block when wider than 1485px */
	width: 300px;
	height: 600px;
	position: sticky;
	top: 70px;
	margin-top: 10px;
	margin-left: 10px;
	xbackground-color: lightgray;
}
.col-left-sticky {
	position: sticky;
	top: 70px;
}

.col-left-sticky .navbar .nav a.nav-link {
	padding-top: .35rem;
	padding-bottom: .35rem;
	font-size: .8em !important;
	
}

.underline {
	border-bottom: 1px solid gray;
}

#navbar-model-nav, #navbar-other-models {
	font-family: proxima-nova, sans-serif;
}
#navbar-other-models .rating {
	margin-right: 5px;
}


/* Medianet Ad placeholder to prevent CLS */
.ad90h {
	display: block;
	background-color: transparent;
	height: 90px;
}
.ad250h {
	display: block;
	background-color: transparent;
	height: 250px;
}
.ad600h {
	display: block;
	background-color: transparent;
	height: 600px;
}



.rating-header {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
.model-lockup {
	border-right: 1px solid gray;
	padding-right: 10px;
	
}
.model-name {
	border-bottom: 1px solid gray;
}
.model-name h1 {
	margin: 0;
}

.model-suggest {
	color: gray;
	font-size: 12px;
	text-transform: uppercase;
	transform: scaleY(.95);
}

.model-status {
	padding-left: 10px;
}


img.col-sponsor {
	xmargin-bottom: -20px;
}

/* Anchor positioning to keep anchor links below stick top nav */
.anchor {
  position: relative;
}
.anchor a {
  position: absolute;
  left: 0px;
  top: -60px;
}

a.twitter-share-button {
	padding: 10px;
	margin: 10px;
}

.chart {
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  min-height: 400px;
}

#cmvwordmark {
	color: red;
	background-color: blue;
	bottom: -200px;
}
.wordmark {
	color: green;
	margin-bottom: 50px;
	
}
#chartlabel {
	float: left;
	background-color: orange;
	position: relative;
	top:-300px;
	left: 200px;
	height: 100px;
}
.label {
	color: red;
}

/* Card CSS for Books */

.bookbox img {
	width: 120px;
}
.bookbox {
	display: flex;
	margin-left: 50px;
}
.bookbox-left {
	padding-right: 15px;
}
.bookbox-right {
	
}

.card {
	max-width: 45%;
	
}
.card-deck {
	margin-left:-7px;
	margin-right: -7px;
	flex-direction: row;
	flex-wrap: wrap;
}
.card-deck .card {
	margin-left:7px;
	margin-right: 7px;
}
.card-body {
	padding: 1rem;
}
p.card-text {
	font-size: 10pt;
}


.card-title {
	margin: 0px;
}
.card-author {
	font-size: 12px;
	text-transform: uppercase;
	color: #868e96;
}
.by-word {
	font-size: 12px;
	font-style: italic;
	color: #868e96;
}



/* Below group of styles makes the colored bars surrounding H2 tags */
.h2-box-row {
	margin-top: 1.15rem;
	margin-bottom: 0;
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}
.box-col-h2-spacer-small {
	width: 40px;
	border-top: 7px solid;
	border-radius: 5px;
}
.box-col-h2-spacer-large {
	flex-grow: 1;
	border-top: 7px solid;
	border-radius: 5px;
}
h2 {
	margin: auto 10px;
	margin-bottom: 5px;
}
h2.clean {
	margin: auto auto;
}
/* End H2 styles */

/* Below group of styles makes the colored bars surrounding sponsor areas */
.h8-box-row {
	margin-top: 1.15rem;
	margin-bottom: 0;
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}
.box-col-h8-spacer-small {
	width: 40px;
	border-top: 2px solid #efefef;
	border-radius: 5px;
}
.box-col-h8-spacer-large {
	flex-grow: 1;
	border-top: 2px solid #efefef;
	border-radius: 5px;
}
.h8-box-row h8 {
	font-size: 1em;
	font-family: plantin, sans-serif;
	font-weight: 300;
	font-style: italic;
	color: #343434;
	margin: auto 10px;
	margin-bottom: 5px;
}
h8.clean {
	margin: auto auto;
}
/* End H2 styles */


/* Dev Styles */

.navbar {
	font-size: 1.2em;
	font-family: proxima-nova, sans-serif;
	/* bold */
	font-weight: 400;
	font-style: normal;
}


h1 {
	font-size: 2.5em;
	font-family: proxima-nova, sans-serif;
	/* bold */
	font-weight: 700;
	font-style: normal;
}
.badge {
	font-family: proxima-nova, sans-serif;
	font-weight: 400;
}
.model-name {
	border-bottom: 0px solid gray;
}
.model-name h1 {
	font-family: plantin, sans-serif;
	font-weight: 400;
	font-style: italic;
}
.model-suggest {
	font-family: plantin, sans-serif;
	font-weight: 400;
	font-style: normal;
	
	margin-top: -5px;
	text-transform: none;
	font-size: 1em;
}
.custom-vert-nav li {
	font-size: 1.1em;
	font-family: proxima-nova,sans-serif;
	/* regular */
	font-weight: 400;
	font-style: normal;
	
	margin: 0;
}

h2 {
	font-size: 3em;
	
	font-family: proxima-nova,sans-serif;
	font-weight: 600;
	
	xfont-family: plantin, sans-serif;
	xfont-weight: 300;
	font-style: normal;
}

h5 {
	font-size: 2em;
	
	font-family: proxima-nova,sans-serif;
	/* semi-bold */
	font-weight: 600;
	font-style: normal;
	
	
}

.h2-box-row {
	margin-bottom: 10px;
}
.h2-box-row:first-child {
	margin-top: 0;
}
.sidebar {
	
	xwidth: 175px;
	xwidth: 235px;
	width: 310px; // full sized
	xmargin-left: 60px;

	padding-right: 0;
	
}

.page-content p, .page-content li {
	font-family: calluna, serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.5em;
	
	font-family: skolar-latin, serif;
	font-weight: 300;
	font-size: 1.4em;
}
.page-content p .bold {
	font-weight: 900;
	
	font-weight: 700;
}
.page-content .bold {
	font-weight: 700;
}
.page-content li {
	margin-bottom: 10px;
}
p.sponsor {
	font-size: .9em;
	line-height: 1.25em;
	font-family: proxima-nova,sans-serif;
	/* regular */
	font-weight: 400;
	font-style: normal;
	margin-top: 10px;
}

p.no-margin {
	margin: 0;
}

.bd-callout {
	font-family: proxima-nova,sans-serif;
	/* regular */
	font-weight: 400;
	font-style: normal;
	padding: 1.25rem;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	border: 1px solid #eee;
	border-left-width: .25rem;
	border-radius: .25rem;
	background-color: #f0f0f0;
}
.home .bd-callout {
	margin-top: 0px;
}
.bd-callout h4 {
	font-size: 1.75em;
}
.bd-callout-danger {border-left-color: #dc3545;}
.bd-callout-orange {border-left-color: #fd7e14;}
.bd-callout-secondary {border-left-color: #868e96;}
.bd-callout-info {border-left-color: #17a2b8;}
.bd-callout-success {border-left-color: #28a745;}

.bd-callout-flex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}

.bd-callout p {
	padding: 0;
	margin: 0;
}

.w-20 {
	width: 290px;
	xborder: 1px solid black;
}

.raquo-container {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	margin-top: 10px;
	xpadding: 0 15px;
}

.alert {
	margin-top: 10px;
	border: 1px solid #eee;
	background-color: #f0f0f0;
	font-family: plantin, sans-serif;
	font-weight: 400;
	font-style: normal;
	padding: .65rem 1.25rem;
}

.sharethis-container {
	margin-top: 10px;
}

.dual-figure-flex-container {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}
.dual-figure-spacer {
	display: block;
	width: 20px;
	xbackground: red;
}

.figure-container {
	filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.2));
	margin-top: 50px;
	margin-bottom: 50px;
}

.figure-header {
	background: #f0f0f0;
	padding: 5px 10px;
	font-size: 1.5em;
	font-family: proxima-nova,sans-serif;
	/* bold */
	font-weight: 700;
	font-style: normal;
	border: 1px solid #c1c1c1;
	border-bottom: none;
}

.books-container p.card-text {
	padding: 0;
	font-size: 1em;
	line-height: 1.25em;
	font-family: proxima-nova,sans-serif;
	/* regular */
	font-weight: 400;
	font-style: normal;
}
h5.card-title {
	margin-left:0;
}
table p, table a, table p.small {
	font-size: 1em;
	font-family: proxima-nova, sans-serif;
	font-weight: 400;
	font-style: normal;
}
table p.small {
	xfont-size: .8em;
}
th.data-col {
	width: 150px;
}


.adcallout {
	background-color: #ced4da;
	
	margin: 0px;
	padding: 0px;
	color: white;
	padding-left: 5px;
	font-size: 10px;
	display: inline-block;
	margin-bottom: -10px;
}



.featured-box {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 15px 0px;
}
.featured-text {
	color: #fd7e14;
	font-weight: bold;
}
.featured-logo {
	display: block;
	max-height: 100px;
	margin-left: 25px;
}
.featured-logo img {
	max-height: 50px;
	max-width: 200px;
	
	filter: 
	opacity(30%)
	grayscale(100%)
	;
}
.featured-logo img:hover {
	filter: 
	opacity(100%)
	grayscale(0%)
	;
}


.twitter {
	background-color: #f0f0f0;
	padding: 10px;
	border-radius: 5px;
}

.twitter a {
	font-size: .8rem;
}




.footer-block {
	background-color: #007bff;
	xcolor: red;
	height: 300px;
}

.container1 {
	border: 1px solid red;
}
.footer-box {
	height: 450px;
	border: 2px solid red;
}

.hide {
	display: none;
}

/* New Home Styles */
.hero {
	border: 5px solid;
}
.hero-left {
	xborder: 5px solid;
}
.hero-spacer {
	background: red;
	width: 10px !important;
	xheight: 10px;
	display: block;
}
.hero-right {
	border: 5px solid;
}
.model-button {
	 background-position: right;
	 background-repeat: no-repeat;
	 background-size: cover;
	 
}

.post-mini-chart {
	background-color: #f8f9fa;
}
.press {
	background-color: #f8f9fa;
	border-top: 1px solid color(srgb 0.525 0.557 0.588 / 0.200);
	border-bottom: 1px solid color(srgb 0.525 0.557 0.588 / 0.200);
}

.glow {
	text-shadow: 0 0 8px white;
	// background: color(srgb 1 1 1 / 0.1)    /*  10% opaque green */
}

.border {
	border: 1px solid red;
}


#clear {
	clear: both;
}

/* GAUGE DEV */
.hero-gauge-col {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	
}
.hero-date {
	font-family: proxima-nova, sans-serif;
	/* bold */
	font-style: normal;
	font-size: 1.25rem;
}
.gauge-col {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-content: flex-end;
}

.gauge-container {
  width: 270px;
  height:135px; /* half of width + 10 */
  bottom: 0px;
  margin: auto;
  overflow: hidden;
}

.gradient {
  background-image: conic-gradient(
	  #f8f9fa 0deg, #f8f9fa 1deg,
	gray 1deg, #868e96 45deg,
	#f8f9fa 45deg, #f8f9fa 46deg,
	orange 46deg, #fd7e14 80deg,
	#f8f9fa 80deg, #f8f9fa 81deg,
	#dc3545 81deg, red 90deg,
	#2e742b 270deg, #2e742b 280deg, 
	#f8f9fa 280deg, #f8f9fa 281deg,
	#4dc247 281deg, #4dc247 315deg,
	#f8f9fa 315deg, #f8f9fa 316deg,
	#868e96 316deg, gray 360deg,
	#f8f9fa 360deg, #f8f9fa 360deg
  );
  width: 90%;
  height: 180%;
  margin-left: 5%;
  margin-top: 5%;
  border-radius: 50%;
}
.needle {
  width: 46.6%;
  width: 54%;
  height: 3%;
  background: #343a40;
  border-bottom-left-radius: 40%!important;
  border-bottom-right-radius: 2px!important;
  border-top-left-radius: 40%!important;
  border-top-right-radius: 2px!important;
  position: relative;
  transform-origin: center right;
  
  top:48.5%;
  left: -4%;
  box-shadow: 0px 2px 5px 3px rgba(0, 0, 0, 0.38);
  display:none;
  z-index:0;
}

.needle {
  animation: updateNeedle 3s 1 both; 
  animation-delay: .25s; 
  display:block;
}
@-webkit-keyframes updateNeedle {
	0% {transform: rotate(0);}
}

.center-dial {
  position: relative;
  width: 75%;
  height: 75%;
  left: 12%;
  top: 8%;
  border-radius: 50%;
  background: #343a40;
  box-shadow: 0px 2px 5px 3px rgba(0, 0, 0, 0.38);
  display: block;
  
}
.dial-text {
  margin: auto;
  width: 90%;
  height: 40%;
  padding-top: 10%; /* sum to 50 w/above */
  color: white;
  text-transform: uppercase;
  font-family: proxima-nova, serif;
  font-weight: 500;
  font-size: .8rem;
}


.gauge-disclose {
	font-size: 10px;
}
.gauge-explain {
	font-size: 1.5em!important;
}

.hero-ad {
	width: 10%;
	color: red !important;
	font-family: skolar-latin;
}
/* END GAUGE */

/* RADAR STYLES */
.radar-date, .radar-body {
	display: block;
}
.radar-byline {
	font-size: .8rem;
	margin-top: -3px;
}
.radar-byword, .radar-sourceword {
	font-style: italic;
	color: rgb(91, 91, 91);
}
.radar-body {
	margin-top: 5px;
	margin-bottom: 20px;
}
.radar blockquote, blockquote {
	margin-left: 20px;
	padding-left: 20px;
	border-left: 2px solid #007bff;
	color: rgb(119, 119, 119);
	xfont-family: skolar-latin;
}
.radar-date {
	margin-top: 30px;
	margin-bottom: 30px;
}
.radar-title {
	font-size: 1.25rem;
	xfont-family: skolar-latin;
	font-family: proxima-nova, serif;
	font-weight: 700;
}
.radar-body {
	xfont-family: skolar-latin;
}
/* standard behavior is hidden, small viewports will switch to visible */
.small-hr {
	display: none;
}


/* Only applies to windows wide enough to show the right sidebar (sticky ad) on desktop. Otherwise, default is for ad to be off. */
@media (min-width: 1399.98px) and (max-width: 5000px) {
	.col-right-sticky {
		display: block;
		
	}
	.mobile-ad {
		display: none;
	}
	.mobile-only {
		display: none;
	}
}

/* only applies to 1201-500px, ie, largest desktops */
@media (min-width: 1200px) and (max-width: 5000px) {

	.mobile-only {
		display: none;
	}

	.sidebar {
		xwidth: 290px; /* 15+275 */
	}
	

	img.col-sponsor {
	
	}
	
	h1 {
		font-size: 3.5em;
	}
	h5 {
		margin-left: 50px;
	}
	
	.main-col-container {
		max-width: 1505px;
	}

	.page-content {
		max-width: 920px;
		margin-left: 20px;
		padding: 0;
	}
	
	p {
		padding-right: 50px;
		padding-left: 50px;
	}
	.radar p {
		padding-left: 0;
	}
	.home p {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.home p.sponsor-big {
		margin-left: 20px;
	}
	table p {
		padding-right: 0px;
		padding-left: 0px;
	}
	p.sponsor {
		padding: 0;
	}
	

	

	.bd-callout, .page-content li {
		margin-left: 100px;
		margin-right:100px;
	}
	.home .bd-callout {
		margin-left: 0px;
		margin-right:0px;
	}
	.home .adbox-large img {
		max-height: 270px;
	}
	.adbox-large img {
		padding: 0px;
	}
	
	
	.model-chart-wide {
		padding: 10px;
		border-radius: 5px;
		border: 1px solid rgb(226, 226, 226);
		box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
}

@media  (max-width: 1199.98px) {
	.mobile-only {
		display: none;
	}
	.sidebar {
		width: 225px; /* 15+160 */
	}
	.page-content {
		max-width: 725px;
	}
}



/* applies to all viewports less than 993 - generally just phones or other vertical devices */
@media (max-width: 991.98px) {
	.mobile-ad {
		display: block;
		margin-top: 15px;
	}
	.mobile-only {
		display: none;
	}
	.custom-hide-small {
		display: none;
	}
	.chart {
	  min-height: 250px;
	  border: 5px solid red;
	}
	.model-lockup, .model-name {
		border: none;
	}
	
	/* H2 Stylings */	
	.box-col-h2-spacer-small {
		width: 0px;
		border-top: none;
	}
	.box-col-h2-spacer-large {
		flex-grow: 1;
		width: 0px;
		border-top: none;
		border-radius: 0px;
	}
	.small-hr {
		display: block;
	}
	.h2-box-row {
		text-align: center;
		display: block;		
	}
	h2, h1 {
		margin: auto;
		margin-bottom: 5px;
		margin-top: 10px;
	}
	.bd-callout h4 {
		font-size: 1.25em;
	}
	.figure-header {
		font-size: .75em;
		font-family: proxima-nova,sans-serif;
		font-weight: 400;
	}
	.bd-callout-flex {
		flex-direction: column;
	}
	.page-content p.sponsor-big, .adbox-large img {
		
		margin-left: 0px;
		padding: 10px;
		
	}
	.bookbox {
		
		margin-left: 0px;
	}
	.banner-status-word {
		font-size: 1.25rem;
	}
	


	
	
	
	
	
	
	
	
}

/* applies to all viewports less than 768 - generally just phones or other vertical devices */
@media (max-width: 767.98px) {
	
	.mobile-only {
		display: block;
	}

	.adbox-large {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.card-hide {
		display: none;
	}
	.card-footer {
		display: none;
	}
	.featured-box {
		display: flex;
		flex-flow: column;
	}
	.dual-figure-flex-container {
		flex-direction: column;
	}
	.hide-mobile {
		display: none;
	}
}

/* applies to smallest phones only */
@media (max-width: 400px) {

	.mobile-only {
		display: block;
	}
	
	


}