html,body{
	overflow-x:hidden;
	height:100%;
	margin:0;
	padding:0;
}
body{
	background-color:#3e3e3e;
	font-family:Montserrat, Verdana;
	font-size:16px;
	color:#fff;
}
a{	
	color:#ff7e00;
	text-decoration:none;
	word-break:break-word;
}
a:hover{
	color:#e57300;
}
.wrapper{
	max-width:1280px;
	margin:0 auto;
	background-color:inherit;
}
.stripes .strip:nth-child(odd){
	background-color:#3e3e3e;
}
.stripes .strip:nth-child(even),
#sub-hero{
	background-color:#555;
}
.stripes .strip.white:nth-child(odd){
	background-color:#fefefe;
}
.stripes .strip.white:nth-child(even){
	background-color:#f6f6f6;
}
.stripes .strip.white{
	color:#222;
}
.wrapper{
	padding:10px;
}
blockquote {
	font-family:Georgia, "Times New Roman", Times, serif;
  quotes:"\201C""\201D""\2018""\2019";
  margin:0;
  padding:0 10px;
}
.blockquote{
	color:#ccc;
	text-align:right;
	padding-right:40px;
}
blockquote p:before { 
	content: open-quote ;
	font-weight: bold;
	font-size:30px;
	color:#ff7e00;
	margin:10px;
} 
blockquote p:after { 
	content: close-quote ;
	font-weight: bold;
	font-size:30px;
	color:#ff7e00; 
	margin:10px;
	line-height:5px;
}
.hero-img,
#donate.hero-img,
#coaching.hero-img{
	background-image:url("https://sampsoid.s3.us-west-2.amazonaws.com/imgs/twitch+banner.jpg");
	background-color:rgba(0,0,0,0.6);
	height:400px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
#videos.hero-img,
#about.hero-img,
#merch.hero-img{
	background-image:url("https://sampsoid.s3.us-west-2.amazonaws.com/imgs/twitch+banner.jpg");
}
#fov-calc.hero-img,
#media.hero-img,
#partners.hero-img{
	background-image:url("https://sampsoid.s3.us-west-2.amazonaws.com/imgs/twitch+banner.jpg");
}
#hero-text{
	position:absolute;
	top:27%;
	left:50%;
	transform:translate(-50%, -50%);
	color:white;
	width:90%;
}
.hero-img h1,
.hero-img h2{
	width:100%;
	text-align:center;
	text-transform:uppercase;
	border:0;
	margin:5px 0;
	padding:5px 0;
}
#sub-hero a{
	color:#fff;
}
header, footer{
	background:#ff7e00;
	height:20vh;
}
nav{
  padding:0;
  min-height:35px;
  background-color:#222;
  border:0 solid #ff7e00;
  border-width:0 0 1px 0;
  text-align:center;
}
nav .wrapper{
  align-items:center;
}
nav label{
  color:#ff7e00;
  float:right;
  margin-top:20px;
  margin-right:20px;
  margin-left:-40px;
}
nav ul ul{
  list-style:none;
  top:60px;
  position:static;
}
nav input[type=text]{
  border-radius:4px;
  width:100%;
}
nav [id^=check_drop]{
  display:none;
}
nav #check_drop:checked ~ #dropdown{
  max-height:700px;
  transition:max-height 0.3s ease-in-out;
  -webkit-transition:max-height 0.3s ease-in-out;
  padding-bottom:5px;
}
#nav-top{
  justify-items:center;
  align-items:center;
  height:60px;
  padding:10px 0;
}
#nav-top .fas{
  color:#fff;
}
#nav-top .fas:hover{
  background-color:transparent;
}
#logo{
  height:25px;
}
#dropdown{
  padding:0 5px;
  max-height:0;
  overflow-y:auto;
  transition:max-height 0.2s ease-out;
  -webkit-transition:max-height 0.2s ease-out;
}
#dropdown > ul{
  border-top:1px solid #555;
  list-style:none;
  margin:0;
  padding-inline-start:0;
}
#dropdown > ul > li{
  padding:5px 0;
}
#dropdown > ul > li .nav-content{
  display:none;
}
#dropdown > ul > li [id^=check_drop]:checked ~ .nav-content{
  display:block;
}
#dropdown > ul > li .border-bottom{
  border-color:#555;
}
#dropdown > ul > li > a.drop_a{
  display:none;
}
#dropdown > ul > li i.fa-caret-down{
  width:8px;
  display:inline-block;
}
#dropdown > ul > li > a,
#dropdown > ul > li > label{
  padding:5px 10px;
}
#dropdown > ul > li .nav-sub li a{
  padding:5px 10px 5px 30px;
}
#dropdown > ul > li ul li{
  padding:5px 0;
}
#menu{
	background-color:#ff7e00;
	color:#fff;
	margin:0 auto;
	padding:20px;
	text-align:center; 
}
#menu a{
	color:#fff;
	text-decoration:none;
	padding:10px;
}
#menu a:hover{
	background-color:#e57300;
}
#footer{
	border-top:4px solid #ff7e00;
	background-color:#222; 
	padding:25px 0;
}
#footer a,
#sub-hero a{
	color:#fff;
}
#footer a:hover,
#sub-hero a:hover{
	color:#e57300;
}
#footer hr{
	width:100%;
    border-width:1px 0 0 0;
    border-style:solid;
    border-color:#3e3e3e;
}
#footer ul{
	margin:0;
	padding:0;
}
#footer ul li{
	list-style-type:none;
	display:inline;
	padding:0 20px;
	display:block;
}
#footer .left{
	display:flex;
    align-items:center;
}
.social{
	margin:10px;
}
#logo{
	margin:10px auto;
	
}
#logo img{
	max-height:60px;
	max-width:83px;
}
.gap-b{
	margin-bottom:20px;
}
p{
    line-height:170%;
    word-break:break-word;
}
.embed-responsive{
	position:relative;
    padding-bottom:56.25%;
    height:0;
}
.embed-responsive iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.embed-responsive.discord{
    height:368px;
}
.hidden-xs{
	display:none!important;
}
h1,h2,h3{
	text-transform:uppercase;
}
.gap-t{
	margin-top:10px;
}
.right{
	text-align:right;
}
.center,
.center-xs{
	text-align:center;
}
#channel{
	text-transform:lowercase;
	text-align:center;
}
#channel a{
	color:#fff;
}
#channel a:hover{
	color:#ff7e00;
}
#twitter{
	height:500px;
	overflow:hidden;
}
#patreon{
	height:45px;
	overflow:hidden;
	margin-top:10px;
}
.youtube-sub-button{
	height:50px;
}
.links-subscribe{
	background-color:#f3f3f3;
	padding:20px;
}
.links-subscribe h3{
	padding:0 0 5px 0;
    margin:0 0 10px 0;
}
#twitter,
#patreon,
#facebook{
	text-align:center;
}
img.responsive{
    display:block;
    max-width:100%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}
.box{
	background-color:rgba(0,0,0,0.2);
	padding:1px 15px;
	margin:0 0 10px 0;
}
.box p:first-child{
	font-weight:bold;
}
.panel{
	border:1px solid #000;
	border-radius:5px;
}
.panel.padded{
    padding:10px;
}
.panel .embed-responsive iframe{
    border-radius:4px 4px 0 0;
}
.panel .video-title{
	margin:10px;
}
.panel .heading h2{
	text-align:center;
	margin-top:0;
	padding-top:0;
}
.panel img{
	border-radius:4px 4px 0 0;
}
.panel a{
	color:#fff;
}
.profile-pic{
	border-radius:50%;
	border:5px solid #fff;
}
article,
aside{
    flex-basis:100%;
    max-width:100%;
}
.fa-inverse{
	color:#ff7e00;
}
.title-bar .inline-fa{
	width:80px;
    color:#ff7e00;
}
.title-bar h2,
.title-bar h3{
	flex:1;
	margin:auto 0;
	display:flex;
	align-items:center;
}
#breadcrumb-outer{
	display:grid;
}
#breadcrumb{
  color:#aaa;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.social-circles a {
    margin:0 1px;
    display:inline-block;
    background-color:#ff7e00;
    border-radius:50%;
    text-align:center;
    width:40px;
    height:40px;
    font-size:20px;
    color:#fff;
    line-height:40px;
}
.social-circles a:hover {
    -moz-transform:rotate(1turn);
    -webkit-transform:rotate(1turn);
    -ms--transform:rotate(1turn);
    transform:rotate(1turn);
    transition:all .8s;
}
.break{
	clear:both;
}
.btn{
    text-align:center;
    border-radius:4px;
    border:1px solid #e57300;
    color:#555;
    margin-left:auto;
    margin-right:auto;
    padding:5px 10px;
    vertical-align:middle;
    line-height:1.42857143;
    touch-action:manipulation;
    background-image:none;
    white-space:nowrap;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    width:150px;
    display:block;
    cursor:pointer;
}
.btn:hover{
	background-color:#ccc;
}
.btn.primary{
	background-color:#ff7e00;
	color:#fff;
}
.btn.primary:hover{
	background-color:#e57300;
	color:#fff;
}
.btn.lg{
	width:min-content;
}
select,
input{
    padding:5px 10px;
    border-radius:4px;
    border:1px solid #ddd;
}
.form-label{
	margin:auto;
}
input[type="radio"] {
	height:30px;
    vertical-align:middle;
    position:relative;
    top:-3px;
}
.tooltip {
  position:relative;
}
.tooltip .tooltiptext {
  visibility:hidden;
  background-color:#fff;
  border:1px solid #ddd;
  border-radius:4px;
  text-align:center;
  border-radius:6px;
  padding:5px;
  position:absolute;
  z-index:1;
  left:78%;
  margin-left:-60px;
  opacity:0;
  transition:opacity 0.3s;
  top:27px;
  text-align:left;
}
.tooltip .tooltiptext::after{
	content:"";
    position:absolute;
    top:-10px;
    left:50%;
    margin-right:-5px;
    border-width:5px;
    border-style:solid;
    border-color:transparent transparent #555 transparent;
}
.tooltip:hover .tooltiptext{
  visibility:visible;
  opacity:1;
}
.sticky-col{
	position:sticky;
	position:-webkit-sticky;
	width:max-content;
	min-width:max-content;
	max-width:max-content;
	left:0px;   
	background-color:#555;
}
ul li{
	line-height:170%;
	margin-block-start:1em;
    margin-block-end:1em;
}
.links-thumb img{
	border:1px solid #ccc;
}
.v-align{
	display:flex;
	align-items:center;
	justify-content:center;
}
#topbtn {
	position:fixed;
    bottom:10px;
    right:10px;
    background-color:#ff7e00;
    padding:5px;
    border:none;
    border-radius:5px;
}
#topbtn:hover {
    background-color:#e57300;
}
table{
	width:100%;
    max-width:100%;
    text-align:left;
    border-spacing:0;
}
table td,
table th{
    padding:.75rem;
    vertical-align:middle;
    border-bottom:1px solid #dee2e6;
}
#twitch{
	background-color:#6441a5;
	color:#fff;
}
#twitch .wrapper{
		padding: 0;
}
@media (min-width:768px){
	/*************************/
	div.dtsp-verticalContainer{
	    display:flex;
	    flex-direction:row;
	    flex-wrap:wrap;
	    justify-content:flex-start;
	    align-content:flex-start;
	    align-items:flex-start;
	}
	div.dtsp-verticalContainer div.dtsp-verticalPanes{
		flex-basis:0;
	    flex-basis:40%;
	}
	div.dtsp-verticalContainer div.dtsp-verticalPanes,
	div.dtsp-verticalContainer div.dtsp-dataTable{
	    width:100%;
	    flex-grow:0;
	    flex-shrink:0;
	    flex-basis:0;
	}
	div.dtsp-verticalContainer div.dtsp-verticalPanes{
	    flex-grow:1;
	    flex-shrink:0;
	    flex-basis:0;
	}
	div.dtsp-verticalContainer div.dtsp-dataTable{
	    flex-grow:1;
	    flex-shrink:0;
	    flex-basis:60%;
		padding:0 0 0 10px;
	}
	div.dtsp-narrow {
	    flex-direction:row !important;
	}
	div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill{
		background-color:transparent;
		margin:0 5px 0 0;
	}
	table.dataTable tbody>tr.selected{
	    background-color:#ff7e00;
	}
	table.dataTable tr,
	div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dtsp-topRow button.dtsp-dull{
	    cursor: pointer !important;
	}
	div.dtsp-verticalPanes {
	    margin-right:10px;
	    padding-right:5px;
	}
	div.dtsp-panesContainer button.dtsp-clearAll{
		margin:0;
	}
	div.dtsp-title {
	    margin-right:0px !important;
	    margin-top:8px !important;
	}
	div.dtsp-verticalContainer div.dtsp-verticalPanes div.dtsp-searchPanes{
	    flex-direction:column;
	    flex-basis:0px;
	}
	div.dtsp-panesContainer{
		margin:0;
	}
	.dataTables_scrollBody {
	    height:100% !important;
	}
	div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dtsp-topRow div.dtsp-searchCont input.dtsp-search{
		padding:0;
		text-transform:uppercase;
	}
	.dtsp-topRow{
    	margin:0 0 10px 0;
		border-bottom:1px solid #ff7e00;
		border-radius:0;
	}
	.dataTables_scrollBody {
	    overflow:hidden !important;
	}
	div.dtsp-verticalContainer div.dtsp-verticalPanes div.dtsp-searchPanes div.dtsp-searchPane{
	    flex-basis: 0px;
	    border: none;
	    border-top: 1px solid #ccc;
	    padding: 10px 0;
	}
	div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane tr>th, div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane tr>td{
		padding:5px 0;
	}
	.dtsp-name{
	    padding:0 0 0 10px;
	}
	div.dtsp-columns-1{
		max-width:100%;
		min-width:100%;
	}
	.dataTables_paginate {
	    text-align:center;
	    margin:10px;
	}
	.paginate_button{
	    text-align:center;
	    border-radius:4px;
	    border:1px solid #e57300;
	    background-color:#ff7e00;
		color:#fff;
	    padding:5px 10px;
	    vertical-align:middle;
	    line-height:1.42857143;
	    touch-action:manipulation;
	    background-image:none;
	    white-space:nowrap;
	    -webkit-user-select:none;
	    -moz-user-select:none;
	    -ms-user-select:none;
	    user-select:none;
	    width:150px;
	    cursor:pointer;
	    margin:0 5px;
	}
	.paginate_button:hover{
		background-color:#e57300;
		color:#fff;
	}
	:focus {
    	outline:none;
	}
	div.dtsp-title,
	.dataTables_info
	 /** behave same as p tag **/ {
	    line-height:170%;
	    word-break:break-word;
	    display:block;
	    margin-block-start:1em;
	    margin-block-end:1em;
	    margin-inline-start:0px;
	    margin-inline-end:0px;
	    text-align:center;
	}
	div.dtsp-title{
		margin-left:5px !important;
	}
	div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper,
	div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper:hover{
		border:none;
	}
	.dataTables_filter{
	    text-align:center;
	    margin-bottom:10px;
	}
	.dataTables_filter input{
	    margin-left:10px;
    	outline:none;
	}
	.dataTable tr:last-child td{
		border:0;
	}



	table.dataTable thead .sorting:before {
        font-family:"Font Awesome 5 Free";
        top:0;
        left:-5px;
        padding-right:10px;
        content: "\f0a9";
	}


	/************************/

	article{
		flex:1;
	}
	aside{
		width:300px;
		max-width:300px;
		min-width:300px;
	}
	#footer ul li{
		padding:0 20px 0 0;
		display:inline;
	}
	#footer ul{
		margin:0 0 0 30px;
	}
	#hero-text{
		top:20%;
	}
	#hero-text{
		width:auto;
	}
	#menu a{
		display:inline;
		padding:20px 20px;
	}
	.visible-xs{
		display:none !important;
	}
	.hidden-xs{
		display:flex !important;
	}
	.hidden-sm{
		display:none;
	}
	.center-xs{
		text-align:left;
	}
	.right-sm{
		text-align:right;
	}
	nav{
	  height:119px;
	}
	nav .wrapper{
	  padding:0 5px;
	}
	#nav-top #home,
	#nav-top label,
	#nav-top #logo-banner{
	  display:none;
	}
	#dropdown{
	  padding:0;
	  align-items:center;
	  max-height:39px;
	  overflow-y:visible;
	  background-color:#ff7e00;
	}
	#dropdown > ul{
	  text-align:center;
	  align-self:center;
	  padding:0;
	  border-top:0;
	}
	#dropdown > ul ul{
	  text-align:left;
	}
	#dropdown > ul li.divider{
	  height:1px;
	  padding:0;
	  overflow:hidden;
	  background-color:#555;
	}
	#dropdown > ul > li{
	  display:inline-block;
	  position:relative;
	  padding:0;
	}
	#dropdown > ul > li .nav-content{
	  display:block;
	  position:absolute;
	  overflow-x:hidden;
	  overflow-y:scroll;
	  background-color:#333;
	  top:35px;
	  max-height:0;
	  -webkit-transition:max-height 0.15s ease-out 0.1s;
	  -moz-transition:max-height 0.15s ease-out 0.1s;
	  -ms-transition:max-height 0.15s ease-out 0.1s;
	  -o-transition:max-height 0.15s ease-out 0.1s;
	  transition:max-height 0.15s ease-out 0.1s;
	  z-index:999;
	}
	#dropdown > ul > li .nav-content a{
	  padding:10px 20px 10px 0;
	}
	#dropdown > ul > li:last-child .nav-content{
	  right:0;
	}
	#dropdown > ul > li > a,
	#dropdown > ul > li > a.drop_a{
	  display:none;
	  line-height:40px;
	  display:inline-block;
	  height:40px;
	  padding:0 10px;
	  color:#fff;
	}
	#dropdown > ul > li > a:focus,
	#dropdown > ul > li > a:hover{
	  background-color:#e57300 !important;
	  color:#fff !important;
	  outline:0;
	}
	#dropdown > ul > li > [id=drop-check],
	#dropdown > ul > li > label{
	  display:none;
	}
	#dropdown > ul > li > a.drop_a:focus ~ .nav-content{
	  max-height:493px !important;
	  -webkit-transition:max-height 0.15s ease-in;
	  -moz-transition:max-height 0.15s ease-in;
	  -ms-transition:max-height 0.15s ease-in;
	  -o-transition:max-height 0.15s ease-in;
	  transition:max-height 0.15s ease-in;
	}
	#dropdown > ul > li > a:focus i,
	#dropdown > ul > li > a:hover i{
	  color:#fff !important;
	}
	#dropdown > ul > li > a:blur i{
	  color:#ff7e00 !important;
	}
	#dropdown > ul > li .nav-sub{
	  padding:0;
	  margin:0;
	}
	#dropdown > ul > li .nav-sub li{
	  display:block;
	  width:160px;
	  padding:0;
	}
	#dropdown > ul > li .nav-sub li a{
	  display:block;
	  padding:5px 5px 5px 15px;
	}
	#dropdown > ul > li .nav-sub li a:hover{
	  color:#fff;
	}
	#dropdown > ul > li .nav-sub li:first-child a{
	  padding:10px 5px 5px 15px;
	}
	#dropdown > ul > li .nav-sub li:last-child a{
	  padding:5px 5px 15px 15px;
	}
	#dropdown ul li{
		line-height:100%;
		margin-block-start:0;
	    margin-block-end:0;
	}
}
@media (min-width:992px){
	.hidden-sm{
		display:inline;
	}
}