/*Resets for Safari Fonts*/
html {
  font-size: 18px;
  overflow-y: scroll;
  -webkit-text-size-adjust: 18px;
  -ms-text-size-adjust: 18px; }

/* Variables for SD */
/* Mixins for page */
body {
  font-family: "Oswald", Arial, sans-serif; }

p, ul, ol {
  font-family: "Oswald", Arial, sans-serif;
  font-weight: 300; }

.TL-bg-black {
  background-color: #111110; }

.TL-bg-tinylivingblue {
  background-color: #4e7ea6; }

.TL-bg-dkgray {
  background-color: #403b39; }

.SD-font-serif {
  font-family: "Roboto Slab", serif; }

.SD-font-sans {
  font-family: "Oswald", Arial, sans-serif; }

.SD-text-black {
  color: #333330; }

.SD-text-white {
  color: #ffffff; }

.SD-text-orange {
  color: #ef6223; }

.SD-Page {
  background-color: #ffffff; }

.SD-logoRow {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 50px;
  max-width: 300px; }

@media (max-width: 576px) {
  .SD-logoRow {
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    max-width: 150px; } }
a.dropdown-item:focus, a.dropdown-item:hover, a.dropdown-item.active {
  background-color: rgba(255, 116, 51, 0.5); }

/* --- Dark Containers --- */
.SD-dark-container {
  background-color: #111110;
  color: #ffffff; }

/* --- Gradient Containers --- */
@media (min-width: 768px) {
  .SD-metal-container {
    background-color: #111110;
    background-image: linear-gradient(to right, #111110 35%, rgba(17, 17, 16, 0.7) 55%, rgba(17, 17, 16, 0) 70%), url("../images/img-backgroundWide.jpg");
    color: #ffffff; } }
@media (min-width: 992px) {
  .SD-metal-container p.commentBox {
    margin-top: 50px; } }
@media (max-width: 767px) {
  .SD-metal-container {
    background-color: #111110;
    color: #ffffff; } }
@media (max-width: 991px) {
  .SD-metal-container p.commentBox {
    margin-top: 0px; } }
@media (min-width: 768px) {
  .SD-metal-nav {
    background-color: #111110;
    background-image: linear-gradient(to left, #111110 35%, rgba(17, 17, 16, 0.7) 55%, rgba(17, 17, 16, 0) 70%), url("../images/img-backgroundWide.jpg");
    color: #ffffff; } }
@media (max-width: 767px) {
  .SD-metal-nav {
    background-color: #111110;
    color: #ffffff; } }
@media (min-width: 768px) {
  .SD-wood-container {
    background-color: #111110;
    background-image: linear-gradient(to right, #111110 35%, rgba(17, 17, 16, 0.7) 55%, rgba(17, 17, 16, 0) 70%), url("../images/hdr-SCRUB-HICKORY.jpg");
    color: #ffffff; } }
@media (min-width: 992px) {
  .SD-wood-container p.commentBox {
    margin-top: 50px; } }
@media (max-width: 767px) {
  .SD-wood-container {
    background-color: #111110;
    color: #ffffff; } }
@media (max-width: 991px) {
  .SD-wood-container p.commentBox {
    margin-top: 0px; } }
@media (min-width: 768px) {
  .SD-wood-nav {
    background-color: #111110;
    background-image: linear-gradient(to left, #111110 35%, rgba(17, 17, 16, 0.7) 55%, rgba(17, 17, 16, 0) 70%), url("../images/hdr-SCRUB-HICKORY.jpg");
    color: #ffffff; } }
@media (max-width: 767px) {
  .SD-wood-nav {
    background-color: #111110;
    color: #ffffff; } }
@media (min-width: 768px) {
  .TL-dark-nav {
    background-color: #111110;
    color: #ffffff; } }
@media (max-width: 767px) {
  .TL-dark-nav {
    background-color: #111110;
    color: #ffffff; } }
/* --- Breadcrumbs -- */
.breadcrumb {
  background-color: rgba(0, 0, 0, 0); }

.breadcrumb-item a {
  text-decoration: none;
  color: #333330; }

.breadcrumb-item a:hover, .breadcrumb-item a:focus {
  text-decoration: none;
  color: #ef6223; }

/* --- Jumbotrons --- */
.SD-jumbo_Header {
  border-color: #333330;
  background-image: linear-gradient(to top, rgba(200, 197, 195, 0.1), rgba(200, 197, 195, 0.75)), url("../images/img-backgroundWide.jpg");
  color: #333330; }

.SD-jumbo_Header h2 {
  font-family: "Oswald", Arial, sans-serif;
  color: #333330;
  font-weight: 900; }

/* --- Custom Button --- */
.btn-SD {
  color: #fff;
  background-color: #ef6223;
  border-color: #ef6223; }

.btn-SD:hover {
  color: #fff;
  text-shadow: 0 0 0 0.3rem rgba(239, 98, 35, 0.8);
  background-color: #ff7433;
  border-color: #ef6223; }

.btn-SD:focus, .btn-SD.focus {
  color: #fff;
  text-shadow: 0 0 0 0.3rem rgba(239, 98, 35, 0.5);
  background-color: #ff7433;
  border-color: #ef6223;
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.8); }

.btn-SD.disabled, .btn-SD:disabled {
  color: #fff;
  background-color: #ef6223;
  border-color: #dc3545; }

.btn-SD:not(:disabled):not(.disabled):active, .btn-SD:not(:disabled):not(.disabled).active,
.show > .btn-SD.dropdown-toggle {
  color: #fff;
  background-color: #ef6223;
  border-color: #b21f2d; }

.btn-SD:not(:disabled):not(.disabled):active:focus, .btn-SD:not(:disabled):not(.disabled).active:focus,
.show > .btn-SD.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }

.btn-TL {
  color: #fff;
  background-color: #4e7ea6;
  border-color: #4e7ea6; }

.btn-TL:hover {
  color: #fff;
  text-shadow: 0 0 0 0.3rem rgba(1, 69, 105, 0.5);
  background-color: #80afda;
  border-color: #4e7ea6; }

.btn-TL:focus, .btn-TL.focus {
  color: #fff;
  text-shadow: 0 0 0 0.3rem rgba(1, 69, 105, 0.5);
  background-color: #80afda;
  border-color: #4e7ea6;
  box-shadow: 0 0 0 0.2rem rgba(1, 69, 105, 0.5); }

.btn-TL.disabled, .btn-SD:disabled {
  color: #fff;
  background-color: #4e7ea6;
  border-color: #014569; }

.btn-TL:not(:disabled):not(.disabled):active, .btn-TL:not(:disabled):not(.disabled).active,
.show > .btn-TL.dropdown-toggle {
  color: #fff;
  background-color: #4e7ea6;
  border-color: #014569; }

.btn-TL:not(:disabled):not(.disabled):active:focus, .btn-TL:not(:disabled):not(.disabled).active:focus,
.show > .btn-TL.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(1, 69, 105, 0.5); }

/* --- Footer --- */
.TL-Footer {
  background-color: #111110;
  color: #ffffff;
  border-top: solid 2px #4e7ea6; }

.TL-Footer h5 {
  font-family: "Oswald", Arial, sans-serif;
  font-weight: 400; }

.TL-Footer-Links a, .TL-Footer-Links a:hover, .TL-Footer-Links a:focus {
  color: #ffffff; }

a.TL-darkLink, a.TL-darkLink:hover, a.TL-darkLink:focus {
  color: #333330; }

a.TL-lightLink, a.TL-lightLink:hover, a.TL-lightLink:focus {
  color: #ffffff; }

/* --- Section Page --- */
.TL-sectionDivider {
  border-bottom: solid 2px rgba(78, 126, 166, 0.5); }

/* --- Trailer Page --- */
.SD-trailerInfo {
  width: 100%; }

.SD-trailerInfo tr td {
  border-bottom: solid #bab7b6 1px;
  padding: 0 .5rem;
  vertical-align: top;
  font-weight: 300; }

.SD-optionsList {
  border-bottom: solid #ccc 1px;
  font-weight: 300; }

.SD-carousel-control-prev {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)); }

.SD-carousel-control-next {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)); }

.SD-carousel-text {
  color: #333330;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75) 15%, rgba(255, 255, 255, 0.75) 85%, rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75) 15%, rgba(255, 255, 255, 0.75) 85%, rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75) 15%, rgba(255, 255, 255, 0.75) 85%, rgba(255, 255, 255, 0)); }

.disclaimer {
  font-size: .8rem; }

/* --- Test Items --- */
@keyframes fadegrayscale {
  from {
    -webkit-filter: grayscale(0);
    filter: grayscale(0); }
  to {
    -webkit-filter: grayscale(1);
    filter: grayscale(1); } }
@keyframes fadesaturate {
  from {
    -webkit-filter: saturate(1);
    filter: saturate(1); }
  to {
    -webkit-filter: saturate(0);
    filter: saturate(0); } }
img.grayscale {
  animation: fadegrayscale 2s linear alternate infinite; }

img.saturate {
  animation: fadesaturate 2s linear alternate infinite; }

.SD-trailerThumb {
  -webkit-filter: saturate(0);
  filter: saturate(0);
  transition: filter .3s linear; }

.SD-trailerThumb:hover, .SD-trailerThumb:focus {
  -webkit-filter: saturate(1);
  filter: saturate(1); }

.SD-trailerCard {
  -webkit-filter: saturate(0);
  filter: saturate(0);
  border: solid 1px #c8c5c3;
  box-shadow: 0px 0px 0px rgba(255, 116, 51, 0.5);
  transition: border .3s linear, box-shadow .3s linear, filter .3s linear; }

.SD-trailerCard:hover, .SD-trailerCard:focus {
  -webkit-filter: saturate(1);
  filter: saturate(1);
  border: solid 1px #ff7433;
  box-shadow: 1px 1px 4px rgba(255, 116, 51, 0.5); }

.SD-trailerCardColor {
  border: solid 1px #c8c5c3;
  box-shadow: 0px 0px 0px rgba(255, 116, 51, 0.5);
  transition: border .3s linear, box-shadow .3s linear; }

.SD-trailerCardColor:hover, .SD-trailerCardColor:focus {
  border: solid 1px #ff7433;
  box-shadow: 1px 1px 4px rgba(255, 116, 51, 0.5); }

/* --- Form Control Styles --- */
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none; } }
.form-control::-ms-expand {
  background-color: transparent;
  border: 0; }

.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057; }

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #ef6223;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 116, 51, 0.25); }

.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1; }

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1; }

.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1; }

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1; }

.form-control::placeholder {
  color: #6c757d;
  opacity: 1; }

.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1; }

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff; }

.form-control-file,
.form-control-range {
  display: block;
  width: 100%; }

/*--- Random Design Sets ---*/
.TL-border-dark-radius {
  border: solid 3px #4e7ea6;
  border-radius: 6px; }

.TL-thick-border-dark {
  border: solid 5px #4e7ea6; }

.TL-thick-border-dark-radius {
  border: solid 5px #4e7ea6;
  border-radius: 10px 50px; }

.TL-thick-border-dark-radius-flipped {
  border: solid 5px #4e7ea6;
  border-radius: 50px 10px; }

/* ------------------------------------------------ 

.SD-inner-container {
	//background-color: $white;
}

.SD-TopContainer {
	position: relative;
}

.SD-TopVideo {
  	position: absolute;
  	top: 0;
  	left: 0;
}

.SD-LogoTop {
	//background-image: url("../images/img-background.jpg") no-repeat;
	z-index: 10;
	overflow-y: visible;
}


@media (min-width: 576px) {
  .SD-LogoTop {
	//background-image: url("../images/img-background.jpg") no-repeat;
	z-index: 10;
	overflow-y: hidden;
}
}

.brand-logo {
	//max-width: 200px;
	padding:0px;
}

.SD-jumbo_Home {
	border-color: $gray;
	background-color: $backgray;
	//color: $white;
	//background-image: url("../images/img-backgroundGradient.png") top center contain;
}

*/