/* FONTS */
@font-face {font-family: torusRegular;src: url(../fonts/torus-regular.otf);}
@font-face {font-family: torusBold;src: url(../fonts/torus-bold.otf);}
@font-face {font-family: torusSemibold;src: url(../fonts/torus-semibold.otf);}
@font-face {font-family: torusHeavy;src: url(../fonts/torus-heavy.otf);}
@font-face {font-family: proximaNova;src: url(../fonts/proxima-nova.otf);}
@font-face {font-family: proximaSemibold;src: url(../fonts/proxima-nova-semibold.ttf);}
@font-face {font-family: proximaBold;src: url(../fonts/proxima-nova-bold.otf);}
@import url('http://fonts.cdnfonts.com/css/sf-mono');

/* GENERAL */
html {font-size: calc(15px + 0.390625vw) !important;}
:root { font-family: torusRegular; --md-primary-fg-color: #009CFF; --md-accent-fg-color:  #C977E8;}
::selection { background: #83FFE7; }
::-moz-selection { background: #83FFE7; }
strong { color: #002B50; font-family: proximaSemiBold; font-weight: 300;}
/* body {-webkit-font-smoothing: subpixel-antialiased !important; text-rendering: optimizeLegibility !important; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;} */
nav {font-family: torusRegular;}
code {border-radius: 6px !important;background-color: rgba(126, 145, 171, 0.12) !important;}
table, td, tr, thead, tbody {border: 0 !important; outline: none !important;}

/*CONTENT*/
.md-content__inner.md-typeset {font-family: proximaNova;}
.md-typeset__scrollwrap {margin: 0 -0.8rem 0 -0.8rem;}
.md-content__inner.md-typeset p a, article li a, table a, tr a, td a, .md-typeset table a {text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(0,43,80,0.3); font-family: proximaSemibold; /*color: rgba(201, 119, 232, 0.82) !important;*/ color: #002B50 !important; cursor: pointer !important;}
.md-content__inner.md-typeset p a:hover, article li a:hover, table a:hover, tr a:hover, td a:hover, .md-typeset table a:hover {color: rgba(201, 119, 232, 1) !important; text-decoration-color: rgba(201,119,232,0.5) !important;}
.md-content__inner.md-typeset p img {
	display: block;
	font-family: proximaNova;
	margin-left: auto;
	margin-right: auto;
	align-self: center;
	width: 100%;
	text-align: center;
	border-radius: 9px;
	margin-top: 0;
}
.tabbed-set {justify-content: center;}
.animated-gifs { width: 50% !important; }

.twemoji {
  display: inline !important;
  margin: 0 !important;
  align-self: auto !important;
  width: auto !important;
}

/* NAV */
label.md-nav__title { color: #002B50; font-size: 0.8rem; font-family: torusSemibold; }
.md-nav__link.md-nav__link--active { font-family: torusSemibold; }
.md-header__title {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 22px;
}

@media only screen and (max-width: 768px) { 
	.md-header__title {
		height: 16px !important;
	}
}

@media only screen and (orientation: portrait) { 
	.md-header__title {
		height: 16px !important;
	}
}

.md-header__topic > .md-ellipsis {
	font-family: torusBold;
	font-size: 0.9rem;
	line-height: 0.9rem;
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
}

/* SDK Toggle */
.md-typeset .info>.admonition-title, .md-typeset .info>summary, .md-typeset .todo>.admonition-title, .md-typeset .todo>summary {
  background-color: #F0F5FC;
  border-color: #EAC0FC;
}

.md-typeset .hint>.admonition-title, .md-typeset .hint>summary, .md-typeset .important>.admonition-title, .md-typeset .important>summary, .md-typeset .tip>.admonition-title, .md-typeset .tip>summary {
  background-color: #F0F5FC;
  border-color: #EAC0FC;
}

.md-typeset .abstract>.admonition-title, .md-typeset .abstract>summary, .md-typeset .summary>.admonition-title, .md-typeset .summary>summary, .md-typeset .tldr>.admonition-title, .md-typeset .tldr>summary {
  background-color: #F0F5FC;
  border-color: #EAC0FC;
}

.md-typeset .check>.admonition-title, .md-typeset .check>summary, .md-typeset .done>.admonition-title, .md-typeset .done>summary, .md-typeset .success>.admonition-title, .md-typeset .success>summary {
  background-color: #F0F5FC;
  border-color: #EAC0FC; 
}

.md-typeset details.info { border-color: #EAC0FC; }
.md-typeset details.tip { border-color: #EAC0FC; }
.md-typeset details.tldr { border-color: #EAC0FC; }
.md-typeset details.success { border-color: #EAC0FC; }

/* FOOTER */
.md-footer {background-color: #002B50;}
.md-footer__inner.md-grid { max-height: 79px; overflow: hidden; }
.md-footer__link { min-height: 250px; }
.md-footer-copyright { display: none; }
.md-footer-meta__inner.md-grid { justify-content: center; }
.md-typeset__table { margin-bottom: 0; }
.md-footer__link:hover, .md-footer-social a:hover { color: #83FFE7 !important;}
.md-footer__inner { padding-bottom: 4% !important; }

/*SEARCH BAR*/
.md-search__input {border-radius: 12px !important;}
.md-search__output {border-radius: 12px !important;}
.md-search__form {border-radius: 12px !important;}

/* HEADINGS */
.md-typeset > h5 { margin: 0.6rem 0.6rem -0.12rem 0.6rem !important; }
.md-typeset h4 { margin-top: 1.2rem !important; margin-bottom: -0.3rem !important; }
.md-typeset h6 { margin: 12px 0 -18px 2px !important; color: #7E91AB; /*text-align: center;*/ }

h1 {
	text-align: center;
	color: #002B50 !important;
	font-family: torusSemibold;
	margin-bottom: 0rem !important;
}

h2 {
	/*text-align: center;*/
	/*color: #009CFF !important;*/
	color: #009CFF !important;
	font-family: torusSemibold;
	font-size: 1.1rem !important;
}

h3 {
	text-align: center;
	/*color: #009CFF !important;*/
	color: #009CFF !important;
	font-family: torusSemibold;
	font-size: 1.1rem !important;
}

h4 {
	text-align: center;
	color: #009CFF !important;
	font-family: torusSemibold;
	font-size: 0.93rem !important;
}

h5 {
	text-align: center;
	color: #C977E8 !important;
	font-family: torusSemibold;
	font-size: 0.82rem !important;
	text-transform: none !important;
	/*padding: 0 !important;*/
	/*margin-bottom: 0 !important;*/
}

/*h1:after {
	content:"";
    display:block;
    width: 100%;
    border-bottom: 0.01em solid #002B50;
    margin: 0.3rem auto 0;
    opacity: 0.08;
}*/

h2:after {
	content:"";
    display:block;
    width: 57%;
    border-bottom: 0.01em solid #31b0ff;
    /* margin: 0.3rem auto 0; */
    margin: 0.6rem 0 0 0;
    opacity: 0.12;
}

h3:after {
	content:"";
    display:block;
    width: 100%;
    border-bottom: 0.01em solid #009dff;
    margin: 0.3rem 0 -0.3rem 0;
    opacity: 0.12;
}

.p-midroll {
  font-weight: bold;
  color: #FF9E00;
  margin: 0;
  padding: 0;
}

.credit-p {
	text-align: center;
	color: #7E91AB;
	font-family: torusSemiBold;
	font-size: 0.69rem !important;
}

.credit-div span {
	display: inline-block;
	text-align: center;
	color: #7E91AB;
	font-family: torusSemiBold;
	font-size: 0.69rem !important;
}

.tools-heading-1 {
	color: #009CFF !important;
	font-family: torusSemibold;
	font-size: 0.93rem !important;
	text-transform: none !important;
}

.tools-heading-2 {
	color: #C977E8 !important;
	font-family: torusSemibold;
	font-size: 0.82rem !important;
	text-transform: none !important;
}

/*TABLE STUFF*/
table {empty-cells: hide;box-shadow: none !important;}
td {padding-top: 0 !important;padding-left: 0 !important;width: 59% !important; font-size: 0.8rem;}
td img {padding-left: 1.2rem;}
tr {font-size: 0.8rem;}
tr:hover {background-color: #fff !important;}
thead {display: none;}

/* NEW STUFF */
#a-rewarded-example {
	font-size: smaller;
	font-style: italic;
	color: #7E91AB !important;
	transition: all 0.3s;
}

#a-rewarded-example:hover {
	color: #C977E8 !important;
	transition: all 0.3s;
}

.rewarded-columns {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	width: 100% !important;
  }
  
  .rewarded-column {
	flex: 33.33% !important;
  }

/* CODE BLOCK STUFF */
.rounded-commercialBreak {
	/* font-family: "SFMono-Regular", monospace; */
	background-color: #FFE5D2;
	border-radius: 6px;
	width: fit-content;
	border: 2px solid transparent;
	padding: 1.5px;
	transition: all linear 0.12s;
}

.rounded-commercialBreak:hover {
	border: 2px solid #FFAC79;
	transition: all linear 0.12s;
}

.rounded-rewardedBreak {
	/* font-family: "SFMono-Regular", monospace; */
	background-color: #F7E6FF;
	border-radius: 6px;
	width: fit-content;
	border: 2px solid transparent;
	padding: 1.5px;
}

.rounded-rewardedBreak:hover {
	border: 2px solid #B588DF;
}

.rounded-gameplayEvent {
	/* font-family: "SF Mono", monospace; */
	background-color: #D2F3DE;
	border-radius: 6px;
	width: fit-content;
	border: 2px solid transparent;
	padding: 1.5px;
	transition: all linear 0.12s;
}

.rounded-gameplayEvent:hover {
	border: 2px solid #4DCE8B;
	transition: all linear 0.12s;
}

.rounded-loadingEvent {
	/* font-family: "SFMono-Regular", monospace; */
	background-color: #D4EFFF;
	border-radius: 6px;
	width: fit-content;
	border: 2px solid transparent;
	padding: 1.5px;
	transition: all linear 0.12s;
}

.rounded-loadingEvent:hover {
	border: 2px solid #7BB1D8;
	transition: all linear 0.12s;
	/* font-weight: 600; */
}

/* Only show the AUDS and Accounts item in the navigation menu when the page is active. */
.md-nav__link[href$="auds.html"] {
	display: none;
}
.md-nav__link[href$="accounts.html"] {
	display: none;
}
.md-nav__item--active > .md-nav__link[href$="auds.html"] {
	display: block;
}
.md-nav__item--active > .md-nav__link[href$="accounts.html"] {
	display: block;
}