/*
--------------------------------
Theme Name:	Thinky Games
Author: Mat Martin Studio
Sheet: Main Theme Styles
--------------------------------
*/

/*Basic Styles*/

body {
	background: #000000;
	font-family: 'Quicksand', sans-serif;
	font-size: 16px;
	line-height: 23px;
	font-weight: 400;
	color: #FFFFFF;
}

body.modal-open {
	overflow: hidden;
}

.pagewrap {
	width: 100%;
	z-index: 10;
}

img {
	width: auto;
	height: auto;
}

/*Footer*/

.footerwrap {
	position: relative;
	width: 94%;
	max-width: 1337px;
	padding: 48px 0 24px;
	margin: 0 auto;
	height: auto;
	display: flex;
}

.footerwrap .foothalf {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.footerwrap .foothalf .foot-logo {
	height: 120px;
	width: auto;
}

.footerwrap .foothalf p {
	margin-top: 24px;
}

.footerwrap .foothalf ul {
	list-style-type:  none;
	padding-left: 0;
}

/*Body Text*/

p {
	font-size: 1rem;
	padding-bottom: 16px;
}

p.lg {
	font-size: 30px;
	font-weight: 500;
	padding-bottom: 32px;
	line-height: 38px;
}

strong, 
b, 
.bold {
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
}

blockquote {
	font-size: inherit;
}

small,
.small, 
.font_small,
.caption-text {
	font-family: 'Quicksand', sans-serif;
	font-size: 12px;
}

/*Heading Text*/

h1, h2, h3, h4, h5 {
	padding-bottom: 12px;
	hanging-punctuation: first;
}

h1 {
	font-size: 45px;
	line-height: 56px;
	font-weight: 500;
}

h2 {
	font-size: 30px;
	line-height: 1.3em;
	font-weight: 500;
}

h3 {
	font-size: 20px;
	line-height: 25px;
	font-weight: 500;
}

h3.wl-title {
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
}

h4 {
	font-size: 16px;
	line-height: 23px;
	font-weight: 500;
}

h5 {
	font-size: 12px;
	line-height: 15px;
	font-weight: 500;
}

blockquote {
	border-left: 4px solid #ddd;
	padding-left: 1rem;
	margin-bottom: 1rem;
	font-style: italic;
}

blockquote > p:last-child {
	padding-bottom: 0;
}

/*Lists*/

ul,
ol {
	padding: 0 0 16px 18px;
}

.sidebar-information ul:last-child {
	padding-bottom: 0;
}

ul.nopad,
ol.nopad {
	padding-left: 0;
}

ul.nostyle,
ol.nostyle {
	list-style-type: none;
	padding-left: 0;
}

ul.inside,
ol.inside {
	list-style-position: inside;
}

ul.inline li {
	display: inline-block;
}

li {
	font-size: inherit;
}

/*Text Styles*/

.sans {
	font-style: 'Quicksand', sans-serif;
}

.nopad {
	padding: 0;
}

.smallbotpad {
	padding: 0 0 12px;
}

.largebotpad {
	padding: 0 0 24px;
}

.smalltoppad {
	padding-top: 8px;
}

.largetoppad {
	padding-top: 16px;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

.caps {
	text-transform: capitalize;
}

.notexttransform {
	text-transform: none;
}

span.no-break {
	white-space: nowrap;
}

/*Global Colors*/

.black {
	color: #000000;
}

.dark {
	color: #191919;
}

.yellow {
	color: #FFCE00;
}

.yellow-wm {
	color: #FFC622;
}

.white {
	color: #FFFFFF;
}

/*Links*/

a {
	color: #FFFFFF;
	font-weight: 500;
}

strong a, b a {
	font-weight: 700;
}

a strong, a b {
	font-weight: 700;
}

a:hover {
	color: #FFCE00;
	cursor: pointer;
}

a.inverse {
	color: #FFCE00;
}

a.inverse:hover { 
	color: #FFFFFF;
}

/*Social Media Links*/

.sms-wrap {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.foothalf ul.sm-links {
	height: 56px;
}

.main-nav-wrap ul.sm-links {
	height: 28px;
	display: inline-block;
	margin: -4px 0 0 16px;
}

.foothalf ul.sm-links li {
	margin-left: 16px;
}

.main-nav-wrap ul.sm-links li {
	margin-left: 8px;
}

.foothalf ul.sm-links li,
.foothalf ul.sm-links li a {
	display: inline-block;
	height: 56px;
	vertical-align: top;
}

.main-nav-wrap ul.sm-links li,
.main-nav-wrap ul.sm-links li a {
	display: inline-block;
	height: 32px;
	vertical-align: top;
}

.foothalf ul.sm-links li a img {
	width: 56px;
	height: 56px;
}

.main-nav-wrap ul.sm-links li a {
	width: 28px;
	height: 28px;
}

ul.sm-links li a:hover {
	opacity: 0.7;
}

/*Nav Styling*/

.topbar {
	display: flex;
	justify-content: space-between;
	width: 94%;
	max-width: 1280px;
	padding: 20px 64px 24px;
	background-color: #FFCE00;;
	border-radius: 0 0 40px 40px;
	position: fixed;
	z-index: 2000;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.topbar.flip {
	background-color: #191919;
	color: #FFCE00;
}

.topbar.rollback {
	top: -76px;
}

.res-nav-wrap.open + .topbar.rollback {
	top: 0;
}

.topbar .tb-logo {
	height: 20px;
	width: 210px;
	background-image: url(../images/logos/logotype-horizontal.svg);
	background-size: 210px 20px;
	background-repeat: no-repeat;
}

.topbar.flip .tb-logo {
	height: 20px;
	width: 210px;
	background-image: url(../images/logos/logotype-horizontal-FFCE00.svg);
	background-size: 210px 20px;
	background-repeat: no-repeat;
}

.topbar .tb-logo {
	margin-top: 5px;
}

.topbar .tb-logo a:hover img {
	opacity: 0.7;
}

ul.main-nav {
	display: inline-block;
	margin-top: 4px;
}

ul.main-nav li {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 500;
}

ul.main-nav li.current-menu-item a {
	text-decoration: underline;
	font-weight: 700;
}

ul.main-nav li a {
	text-decoration: none;
	color: #191919;
}

ul.main-nav li a:hover {
	color: #FFFFFF;
}

ul.main-nav li:not(:first-of-type)::before {
	content: "|";
	padding: 0 12px;
	color:  #191919;
}

/*Responsive Nav*/

.res-trigger-wrap {
	display: none;
	position: relative;
	z-index: 10001;
}

.res-menu-rev {
	width: 30px;
	height: 20px;
	margin: 5px 0 0 0;
	position: relative;
	float: left;
}

.res-menu-rev:hover {
	cursor: pointer;
}

.res-menu-line {
	width: 100%;
	height: 4px;
	position: absolute;
	background-color: #000000;
	transition: all 0.4s ease-in 0s;
}

.res-menu-rev:hover .res-menu-line {
	opacity: 0.8;
}

@media (hover: none) {
	.res-menu-rev:hover .res-menu-line {
		opacity: 1;
	}
}

#rml-top {
	top: 0;
}

#rml-mid {
	top: 50%;
}

#rml-bot {
	bottom: 0;
	left: 0;
}

.res-menu-rev.closer {
	height: 23.5px;
	margin-top: 0;
}

.res-menu-rev.closer .res-menu-line#rml-top {
	background-color: #FFCE00;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-transform-origin: top left;
	        transform-origin: top left;
}

.res-menu-rev.closer .res-menu-line#rml-mid {
	background-color: #FFCE00;
	display: none;
}

.res-menu-rev.closer .res-menu-line#rml-bot {
	background-color: #FFCE00;
	width: 100%;
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	-webkit-transform-origin: bottom left;
	        transform-origin: bottom left;
}

.res-nav-wrap {
	position: fixed;
	display: flex;
	flex-direction: column;
	height: 100vh;
	width: 100vw;
	overflow-y: scroll;
	top: -100vh;
	z-index: 1000;
	background-color: #FFCE00;
	background-image: url("../images/watermarks/wm-y.svg");
	background-size: 120% auto;
	background-position: 70% 20%;
	background-repeat: no-repeat;
	color: #191919;
}

.res-nav-wrap.open {
	top: 0;
}

.rnw-inner-upper {
	height: auto;
	position: relative;
	margin-top: 104px;
	left: 0;
	padding: 0 calc(48px + 1%);
}

.rnw-inner-upper ul.res-nav {
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	font-size: 30px;
	line-height: 60px;
	text-transform: uppercase;
}

.rnw-inner-upper ul.res-nav li a {
	color: #000000;
	text-decoration: none;
}

.rnw-inner-upper ul.res-nav li a:hover {
	color: #000000;
	text-decoration: underline;
}

.rnw-inner-lower {
	display: flex;
	flex-direction: column;
	flex-grow: 2;
}

.rnw-monster {
	height: auto;
	width: 40%;
	margin: 0 0 -6px 50%;
}

.rnw-monster img {
	height: auto;
	width: 100%;
	-webkit-transform: scaleX(-1);
	        transform: scaleX(-1);
}

.rnw-foot {
	width: 100%;
	padding: 40px;
	background-color: #191919;
	flex-grow: 2;
	text-align: center;
	color: #FFFFFF;
}

.rnw-foot .sms-wrap {
	padding: 24px 0 40px;
}

.rnw-foot .sms-wrap ul.sm-links li {
	width: 72px;
	height: 72px;
	margin: 0 16px;
}

.rnw-foot .sms-wrap ul.sm-links li img {
	width: 72px;
	height: 72px;
	margin: 0;
}

/*Page Content Areas*/ 

.ca {
	width: 100%;
	padding: 48px 0;
	position: relative;
}

.ca.topline {
	border-top: 12px solid #FFFFFF;
}

.ca.topline-y {
	border-top: 12px solid #FFCE00;
}

.ca.ywm {
	background-color: #FFCE00;
	background-image: url("../images/watermarks/wm-y.svg");
	background-size: 48% auto;
	background-position: 70% 20%;
	background-repeat: no-repeat;
	color: #191919;
}

.ca.bwm {
	background-image: url("../images/watermarks/wm-k.svg");
	background-repeat: repeat;
	background-size: 88% auto;
}

.ca.white {
	background-color: #FFFFFF;
	color: #191919;
}

.ca.white a,
.ca.ywm a {
	color: #000000;
	text-decoration: underline;
}

.ca.white a:hover {
	color: #FFCE00;
}

.ca.ywm a:hover {
	color: #FFFFFF;
}

.ca.flush {
	padding: 0;
}

.width {
	width: 94%;
	max-width: 1337px;
	margin: 0 auto;
	position: relative;
}

.width.inner {
	padding: 0 24px 0 56px;
}

.colwrap {
	display: flex;
	justify-content: space-between;
}

.colwrap .col.half {
	width: calc(50% - 24px);
}

.ca > .width.with-sidebar {
	display:  flex;
	flex-direction: row;
}

.ca > .width.with-sidebar > .main-content {
	flex-shrink: 1;
	flex-basis: 880px;
}

.ca > .width.with-sidebar > .sidebar-content {
	flex-shrink: 2;
	flex-basis: 361px;
	margin-left: 72px;
}

.sidebar-information {
	padding: 1rem 24px;
	margin-bottom: 1rem;
	background-color: #f2f2f2;
}

.sidebar-information p:last-child {
	padding-bottom: 0;
}

p.disclaimer {
	border: 1px solid #4d4d4d;
	border-radius: 6px;
	color: #4d4d4d;
	padding: 16px 20px;
	margin: 1rem 0;
}

/*Page Lander*/

.ca.title-lander {
	background-color: #FFFFFF;
	color: #191919;
	padding: 132px 0 0 0;
}

.ca.networks-mid {
	height: auto;
	background-color: #FFCE00;
	color: #191919;
	padding: 80px 0 0 0;
}

.ca.networks-mid h3.wl-title,
.ca.title-lander h3.wl-title {
	font-size: 50px;
	line-height: 48px;
}

.flexwrap {
	display: flex;
	justify-content: space-between;
}

.flexwrap.flex-end {
	align-items: flex-end;
}

.flexwrap .wl-title-wrap {
	padding: 0 64px 56px;
	width: 45%;
}

.ca.title-lander .flexwrap {
	justify-content: normal;
	align-items:  flex-end;
}

.ca.title-lander .flexwrap .wl-monster-wrap {
	width: 259px;
	margin: 0;
	flex-grow: 1;
}

.ca.title-lander .flexwrap .wl-monster-wrap img {
	width: 200px;
	height: auto;
	margin: 0 auto;
}

.ca.networks-mid .flexwrap .wl-monster-wrap {
	width: 259px;
}

.ca.networks-mid .flexwrap .wl-monster-wrap img {
	height: 218px;
	width:  auto;
	margin-bottom: -4px;
}

.flexwrap .wl-sm-wrap {
	width: 35%;
	padding: 0 64px 56px 40px;
}

.flexwrap .wl-sm-wrap .sm-wrap ul.sm-links {
	margin-bottom: 16px;
}

.flexwrap .wl-sm-wrap .sm-wrap ul.sm-links li img {
	width: 58px;
	height: 58px;
}

.flexwrap .wl-sm-wrap .sm-wrap ul.sm-links li:not(:last-of-type) {
	margin-right: 16px;
}

/*Homepage//Archive Landers*/

.ca.arch-lander,
.ca.hp-lander {
	height: 730px;
	overflow: hidden;
}

.ca.arch-lander .post-land-img,
.ca.hp-lander .post-land-img {
	width: 100%;
	height: 730px;
	position: relative;
}

.lander-title {
	width: 48%;
	max-width: 540px;
	position: absolute;
	left: 0;
	bottom: 48px;
	color: #191919;
}

.ca.hp-lander .lander-title {
	left: auto;
	right: 0;
}

.lander-title.overlay-left,
.ca.hp-lander .lander-title.overlay-left {
	left: 0;
	right: auto;
}

.lander-title.overlay-right,
.ca.hp-lander .lander-title.overlay-right {
	left: auto;
	right: 0;
}

.lander-title .lt-label {
	background: #FFCE00;
	width: auto;
	border-radius: 20px 20px 0 0;
	padding: 8px 24px;
	position: absolute;
	left: 0;
	top: -40px;
}

.ca.hp-lander .lander-title .lt-label {
	left: auto;
	right: 0;
}

.lander-title.overlay-left .lt-label,
.ca.hp-lander .lander-title.overlay-left .lt-label {
	left: 0;
	right: auto;
}

.lander-title.overlay-right .lt-label,
.ca.hp-lander .lander-title.overlay-right .lt-label {
	left: auto;
	right: 0;
}

.lander-title .lt-label small {
	font-weight: 500;
}

.lander-title .lt-body {
	background: #FFFFFF;
	padding: 24px 32px;
}

.lander-title .lt-body h2 {
	line-height: 38px;
	padding: 0 0 12px;
}

a.lt-link:hover .lander-title .lt-label {
	background: #FFFFFF;
}

a.lt-link:hover .lander-title .lt-body {
	background: #FFCE00;
}

/*Post Lander*/

.ca.post-lander {
	height: 350px;
	overflow: hidden;
}

.post-land-img {
	width: 100%;
	height: 350px;
	position: relative;
}

.post-land-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: 50% 80%;
	   object-position: 50% 80%;
}

.post-land-img.align-top img {
	-o-object-position: center top;
	   object-position: center top;
}

.post-land-img.align-center img {
	-o-object-position: center center;
	   object-position: center center;
}

.post-land-img.align-bottom img {
	-o-object-position: center bottom;
	   object-position: center bottom;
}

.post-land-img::before,
.post-land-img::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 88px;
	top: 0;
	background: transparent;
}

.post-land-img::before {
	left: 0;
	background: linear-gradient(
		to right,
		hsl(0, 0%, 0%) 0%,
		hsla(0, 0%, 0%, 0.987) 6.5%,
		hsla(0, 0%, 0%, 0.951) 13%,
		hsla(0, 0%, 0%, 0.896) 19.7%,
		hsla(0, 0%, 0%, 0.825) 26.5%,
		hsla(0, 0%, 0%, 0.741) 33.3%,
		hsla(0, 0%, 0%, 0.648) 40.1%,
		hsla(0, 0%, 0%, 0.55) 46.9%,
		hsla(0, 0%, 0%, 0.45) 53.8%,
		hsla(0, 0%, 0%, 0.352) 60.6%,
		hsla(0, 0%, 0%, 0.259) 67.4%,
		hsla(0, 0%, 0%, 0.175) 74.1%,
		hsla(0, 0%, 0%, 0.104) 80.8%,
		hsla(0, 0%, 0%, 0.049) 87.3%,
		hsla(0, 0%, 0%, 0.013) 93.7%,
		hsla(0, 0%, 0%, 0) 100%
	);
}

.post-land-img::after {
	right: 0;
	background: linear-gradient(
		to left,
		hsl(0, 0%, 0%) 0%,
		hsla(0, 0%, 0%, 0.987) 6.5%,
		hsla(0, 0%, 0%, 0.951) 13%,
		hsla(0, 0%, 0%, 0.896) 19.7%,
		hsla(0, 0%, 0%, 0.825) 26.5%,
		hsla(0, 0%, 0%, 0.741) 33.3%,
		hsla(0, 0%, 0%, 0.648) 40.1%,
		hsla(0, 0%, 0%, 0.55) 46.9%,
		hsla(0, 0%, 0%, 0.45) 53.8%,
		hsla(0, 0%, 0%, 0.352) 60.6%,
		hsla(0, 0%, 0%, 0.259) 67.4%,
		hsla(0, 0%, 0%, 0.175) 74.1%,
		hsla(0, 0%, 0%, 0.104) 80.8%,
		hsla(0, 0%, 0%, 0.049) 87.3%,
		hsla(0, 0%, 0%, 0.013) 93.7%,
		hsla(0, 0%, 0%, 0) 100%
	);
}

.post-meta {
	margin-bottom: 48px;
}

.post-meta .pill {
	background-color: #FFCE00;
	padding: 4px 32px;
	border-radius: 24px;
	display: inline-block;
}

.post-meta p {
	font-weight: 700;
}

.post-meta a {
	color: #000;
	text-decoration: none;
	font-weight: 700;
}

.post-meta a:hover {
	color: #000;
	text-decoration: underline;
}

.ca.white .post-meta a {
	text-decoration: none;
}

/*Highlight Units*/

.highlights {
	margin: 0;
}

.hl-unit {
	width: 32%;
}

.hl-unit .hl-img {
	border: 10px solid #FFFFFF;
}

.hl-unit .hl-img img {
	width: 100%;
	height: auto;
}

.hl-unit .hl-meta span.pill {
	background-color: #FFFFFF;
	color: #000;
	padding: 4px 24px;
	border-radius: 24px;
	display: inline-block;
	margin: 24px 0;
}

.hl-unit .hl-meta p {
	font-weight: 500;
}

.hl-unit .hl-copy h2 {
	font-size: 30px;
	line-height: 38px;
}

.hl-unit .hl-copy h2 a {
	color: #000000;
	text-decoration: none;
}

.hl-unit .hl-copy h2 a:hover {
	color: #FFFFFF;
}

/*Arch Units*/

.arch-unit {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	margin-bottom: 48px;
}

.arch-unit .arch-still {
	width: 48%;
	height: auto;
	position: relative;
}

.arch-unit .arch-still.framed {
	border: solid 10px #FFCE00;
}

.arch-unit .arch-still-img,
.arch-unit .arch-still-img a {
	width: 100%;
	height: 100%;
}

.arch-unit .arch-still img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}

.arch-unit .arch-still .arch-still-img a img {
	transition: all 0.4s ease-in 0s;
}

.arch-unit .arch-still .arch-still-img a:hover img {
	opacity: 0.8;
}

.arch-unit .arch-still .arch-still-filter {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 20;
	top: 0;
	left: 0;
}

.arch-unit .arch-still .arch-still-filter.top {
	background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
}

.arch-unit .arch-still .arch-still-filter.bot {
	background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
}

.arch-unit .arch-still .arch-still-title {
	position: absolute;
	width: auto;
	text-align: center;
	z-index: 40;
	width: 50%;
}

.arch-unit .arch-still .arch-still-title.tl {
	top: 24px;
	left: 24px;
} 

.arch-unit .arch-still .arch-still-title.tr {
	top: 24px;
	right: 24px;
} 

.arch-unit .arch-still .arch-still-title.bl {
	bottom: 24px;
	left: 24px;
} 

.arch-unit .arch-still .arch-still-title h2 {
	color: #FFFFFF;
	font-size: 20px;
	line-height: 38px;
	padding: 0;
	text-transform: uppercase;
}

.arch-unit .arch-still .arch-still-title h4.yellowpill {
	color: #000;
	background-color: #FFCE00;
	padding: 4px 32px;
	border-radius: 24px;
	text-transform: uppercase;
}

.arch-unit .arch-still .arch-badge {
	width: 56px;
	height: 56px;
	border-radius: 56px;
	background-color: #FFCE00;
	background-image: url(../images/favicon.svg);
	background-size: auto 38px;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 24px;
	right: 24px;
	z-index: 30;
}

.arch-unit .arch-info {
	width: 48%;
	max-width: 480px;
	margin-left: 4%;
}

.arch-unit .arch-info h2 {
	padding: 0;
	line-height: 38px;
}

.arch-unit .arch-info h2:last-of-type {
	padding: 0 0 24px;
}

.arch-unit .arch-info h2 a {
	text-decoration: none;
}

.arch-unit .arch-meta .pill {
	background-color: #FFCE00;
	color: #000;
	padding: 4px 32px;
	border-radius: 24px;
	display: inline-block;
	margin-right: 24px;
	margin-bottom: 1rem;
}

.arch-unit .arch-meta .arch-meta-author {
	display: inline-block;
}

.arch-unit .arch-meta p {
	font-weight: 700;
	margin-bottom: 32px;
}

.arch-unit .arch-meta a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 700;
}

.arch-unit .arch-meta a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.arch-unit .arch-links {
	margin-top: 24px;
}

/*Post/Page Content Sections*/

.ll {
	max-width: 880px;
	margin-right: auto;
}

.ll.toppad {
	padding-top: 32px;
}

.image-wrap.fw {
	width: 100%;
	max-width: 880px;
	margin: 32px 0 0 0;
	padding: 0 0 32px 0;
}

.image-wrap.multiple.fw {
	padding: 0;
}

.image-wrap.two,
.image-wrap.multiple {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.image-wrap.two .image {
	width: 47.5%;
}

.image-wrap.multiple .image {
	width: 21.5%;
	padding-bottom: 28px;
	margin-top: 28px;
}

.image-wrap.multiple .image:last-of-type {
	margin: 28px auto 0 4.6666667%;
}

.image-wrap.two .image img,
.image-wrap.multiple .image img {
	width: 100%;
}

.video-wrapper {
	width: 100%;
	max-width: 880px;
	margin: 0;
}

.video-wrap,
.embed-wrap {
	width: 100%;
	margin: 24px 0 32px;
}

.ll > figure {
	margin: 0 48px;
}

.ll > figure img {
	width: 100%;
}

.ll > figure figcaption {
	text-align: center;
	font-style: italic;
	margin: 12px 0;
}

.section-sep {
	margin: 48px 0;
	width: 100%;
	height: 1px;
	background-image: linear-gradient(to right, #ccc 0%, #ccc 50%, transparent 50%);
	background-size: 10px 10px;
	background-repeat: repeat-x;
}

.action-wrap .unwrap p {
	line-height: 32px;
}

/*Buttons*/

button,
a.button,
.ca.white a.button,
input[type="submit"],
#ajax-load-more .alm-btn-wrap .alm-load-more-btn {
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	font-size: 20px;
	line-height: 25px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 16px 32px;
	border: 1px solid #424242;
	border-radius: 40px;
	color: #FFF;
	background: #191919;
	display: inline-block;
	vertical-align: top;
	margin: 0 4px 4px 0;
	height: auto;
	border: none;
}

button,
a.button:hover,
.ca.white a.button:hover,
input[type="submit"]:hover {
	background: #FFF;
	color: #191919;
	cursor: pointer;
}

.ca.ywm a.button {
	color: #fff;
	text-decoration: none;
}

.ca.ywm a.button:hover {
	color: #000;
}

#ajax-load-more .alm-btn-wrap .alm-load-more-btn, .ca.bwm .button {
	color: #000000;
	background: #FFFFFF;
}

#ajax-load-more .alm-btn-wrap .alm-load-more-btn:hover, .ca.bwm .button:hover {
	background: #FFCE00;
	cursor: pointer;
}

.button.cookies {
	font-size: 13px;
	font-family: -apple-system, BlinkMacSystemFont, Arial, Roboto, "Helvetica Neue", sans-serif;
	padding: 4px 16px;
	font-weight: 400;
}

.page-buttons a:first-child {
	margin-right: 1rem;
}

/*Comments*/

.post-comments {
	padding-top: 72px;
}

.comments-form-wrap {
	padding: 0 0 48px 120px;
	position: relative;
}

.comment-respond {
	width: 100%;
	margin: 32px 0 0;
}

.post-comments h3,
span.says,
.post-comments form label {
	display: none;
}

ol.commentlist {
	list-style-type: none;
	padding-left: 0;
}

ol.commentlist li {
	border-top: 1px solid #707070;
	padding-top: 24px;
}

ol.commentlist li ol.children {
	padding: 0;
	list-style-type: none;
}

.comment-body {
	padding: 0 72px 32px 120px;
}

ol.commentlist li ol.children .comment-body {
	padding: 0 72px 32px 200px;
}

ol.commentlist li ol.children ol.children .comment-body {
	padding: 0 72px 32px 280px;
}

p.comment-form-cookies-consent label {
	display: block;
	position: relative;
	padding-left: 24px;
}

p.comment-form-email,
p.comment-form-author {
	width: calc(50% - 104px);
	margin-right: 18px;
}

p.comment-form-email,
p.comment-form-author,
p.form-submit {
	display: inline-block;
	vertical-align: top;
}

.post-comments form input,
.post-comments form textarea {
	border: 1px solid #191919;
}

.post-comments form textarea {
	height: 112px;
}

.post-comments form input[type="submit"] {
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	font-size: 20px;
	line-height: 26px;
	padding: 12px 72px 12px 32px;
	background-image: url(../images/arrow-f.svg);
	background-repeat: no-repeat;
	background-size: 22px auto;
	background-position: 118px 14px;
	margin: 0;
}

.post-comments form input[type="submit"]:hover {
	background-image: url(../images/arrow-k.svg);
	background-repeat: no-repeat;
	background-size: 22px auto;
	background-position: 118px 14px;
}

#comments form.comment-form {
	position: relative;
}

#comments .sgr-main {
	position: absolute;
	right: 0;
	top: 190px;
	-webkit-transform: none;
	        transform: none;
}

.comment-count {
	padding: 24px 0 8px 0;
}

.comment-author.vcard {
	margin-left: -120px;
	display: inline-block;
}

.comment-author.vcard {
	position: relative;
}

.form-vcard-wrap,
.comment-author.vcard::before {
	content: '';
	width: 84px;
	height: 84px;
	background: transparent;
	position: absolute;
	z-index: 1;
	border-radius: 80px;
	border: 1px solid #CCC;
	top: -2px;
	left: -2px;
}

.form-vcard {
	width: 72px;
	height: 72px;
	border-radius: 100%;
	border: 1px solid #CCCCCC;
	margin: 5px;
	z-index: 2;
	background-image: url(../images/avatar.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.comment-author.vcard img {
	width: 72px;
	height: 72px;
	border-radius: 100%;
	border: 1px solid #CCCCCC;
	margin: 4px;
	z-index: 2;
}

.comment-author.vcard img,
.comment-author.vcard cite {
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	font-style: normal;
	font-weight: 500;
}

.comment-author.vcard cite {
	margin: -2px 0 0 36px;
}

.comment-author.vcard cite a {
	color: #191919;
	text-decoration: none;
}

.comment-author.vcard cite a:hover {
	color: #FFCE00;
}

.comment-meta.commentmetadata {
	display: inline-block;
}

.comment-meta.commentmetadata a {
	font-size: 12px;
	text-decoration: none;
	padding: 0 0 0 24px;
}

.comment-meta.commentmetadata a.comment-edit-link {
	padding: 0;
}

.reply a {
	font-size: 12px;
}

.sgr-infotext,
.comment-notes {
	display: none;
}

/*Forms*/

.form {
	width: 100%;
}

.cf-intro {
	width: calc(100% - 236px);
	padding: 0 0 32px 24px;
}

.cf-intro h2 {
	line-height: 38px;
}

.halfwidth-wrap,
.twothirds-wrap {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.halfwidth-wrap {
	margin-bottom: 16px;
}

.twothirds-wrap {
	align-items: flex-start;
}

.halfwidth {
	width: 48%;
}

.ttw-two {
	width: calc(100% - 236px);
}

.ttw-one {
	width: 188px;
}

.ttw-one input[type="submit"] {
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	font-size: 20px;
	line-height: 28px;
	text-align: left;
	text-transform: uppercase;
	border: none;
	margin: 152px 0 18px;
	padding: 12px 32px;
	background-image: url(../images/arrow-f.svg);
	background-repeat: no-repeat;
	background-size: 22px auto;
	background-position: 136px 14px;
}

.ttw-one input[type="submit"]:hover {
	background-image: url(../images/arrow-k.svg);
	background-repeat: no-repeat;
	background-size: 22px auto;
	background-position: 136px 14px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="tel"],
input[type="search"],
textarea {
	width: 100%;
	padding: 8px 24px;
	background-color: #FFF;
	border: none;
	color: #191919;
	line-height: 2;
	font-size: 1em;
	font-family: 'Quicksand', sans-serif;
	font-weight: 300;
	margin-bottom: 12px;
	border-radius: 40px;
}

textarea {
	padding: 16px 24px;
	height: 204px;
	line-height: 1.5;
}

form label {
	display: block;
}

select {
	width: 100%;
	height: 32px;
	margin-bottom: 8px;
}

/*Mailing List Signup*/

.signup-logo {
	display: flex;
	align-items: center;
	width: 100%;
	height:  100%;
	max-width: 445px;
	margin: 0 auto;
}

.signup-form form {
	display: flex;
	flex-direction: column;
}

.signup-form p.lg {
	padding-bottom: 16px;
}

.signup-form form .mc4wp-form-fields {
	margin-right: 48px;
	flex-grow: 1;
}

.signup-form form .mc4wp-response:not(:empty) {
	margin-top: 12px;
	font-weight: bold;
}

.signup-form input[type="email"] {
	border-radius: 40px 0 0 40px;
	width: calc(100% - 90px);
}

.signup-form input[type="submit"] {
	border-radius: 0 40px 40px 0;
	width: 85px;
	border: 0;
	height: 48px;
	margin-left: -5px;
	position: relative;
	background-image: url(../images/arrow-f.svg);
	background-repeat: no-repeat;
	background-size: 22px auto;
	background-position: center center;
}

.signup-form input[type="submit"]:hover {
	background-image: url(../images/arrow-k.svg);
}

/*CF7*/

div.wpcf7 .ajax-loader {
	display: none;
}

span.wpcf7-list-item {
	margin: 0;
}

.wpcf7-spinner {
	display: none;
}

.wpcf7-not-valid-tip {
	font-weight: 500;
	font-size: 16px;
	margin: -8px 0 0 24px;
	color: red;
}

.cbwrap .wpcf7-not-valid-tip {
	margin: 0;
}

.wpcf7 form .wpcf7-response-output {
	margin: 23px 0 23px;
	padding: 4px 12px;
	border: 1px solid blueviolet;	
	color: blueviolet; 
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: greenyellow; 
	color: greenyellow;
}

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #191919;
	color: #191919; 
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
	border-color: red;
	color: red;
}

/* Checkboxes */

.cbwrap {
	display: inline-block;
}

.cbwrap label {
	display: inline-block;
}

.wpcf7-checkbox {
	display: block;
	margin: 12px 0;
}

.wpcf7-checkbox .wpcf7-list-item {
	position: relative;
	margin-right: 16px;
}

.wpcf7-checkbox .wpcf7-list-item label span {
	vertical-align: top;
	line-height: 26px;
	font-weight: 300;
}

.wpcf7-list-item-label {
	padding: 0 48px 0 0;
	white-space: nowrap;
	display: block;
	position: relative;
	text-indent: 24px;
}

.wpcf7-acceptance .wpcf7-list-item-label {
	white-space: unset;
}

input[type="checkbox"] {
	visibility: hidden;
	position: absolute;
}

.consent input[type="checkbox"] {
	top: 6px;
	left: 4px;
}

input[type="checkbox"]:hover {
	cursor: pointer;
}

.signup-form label {
	padding: 0 48px 0 0;
	display: block;
	position: relative;
	text-indent: 24px;
}

.signup-form label::before,
.mc4wp-checkbox label span::before,
.wpcf7-acceptance .wpcf7-list-item label span.wpcf7-list-item-label::before,
.wpcf7-checkbox .wpcf7-list-item label span.wpcf7-list-item-label::before {
	content: "";
	visibility: visible;
	position: absolute;
	top: 2px;
	left: 0;
	height: 20px;
	width: 20px;
	border: none;
	background-size: 20px 20px;
	background-image: url(../images/fields/checkbox.svg);
	background-repeat: no-repeat;
}

.post-comments p.comment-form-cookies-consent label::before {
	content: "";
	visibility: visible;
	position: absolute;
	top: 2px;
	left: 0;
	height: 20px;
	width: 20px;
	border: none;
	background-size: 20px 20px;
	background-image: url(../images/fields/checkbox-ol.svg);
	background-repeat: no-repeat;
}

.post-comments p.comment-form-cookies-consent label::before {
	top: 1px;
}

.post-comments p.comment-form-cookies-consent label:hover {
	cursor: pointer;
}

.signup-form label.consent :checked + label::before,
.wpcf7-acceptance .wpcf7-list-item label :checked + span.wpcf7-list-item-label::before,
.wpcf7-checkbox .wpcf7-list-item label :checked + span.wpcf7-list-item-label::before,
.mc4wp-checkbox label :checked + span:before {
	background-image: url(../images/fields/checkbox-checked.svg);
	opacity: 1;
}

.post-comments p.comment-form-cookies-consent :checked + label::before {
	background-image: url(../images/fields/checkbox-ol-checked.svg);
	opacity: 1;
}

/*Radio Buttons*/

.wpcf7-radio {
	display: block;
	margin: 12px 0;
}

.wpcf7-radio .wpcf7-list-item {
	position: relative;
	margin-right: 16px;
}

.wpcf7-radio .wpcf7-list-item label span {
	vertical-align: top;
	line-height: 26px;
	font-weight: 300;
}

input[type="radio"] {
	visibility: hidden;
	position: absolute;
}

input[type="radio"]:hover {
	cursor: pointer;
}

.wpcf7-radio .wpcf7-list-item label span::before {
	content: "";
	visibility: visible;
	position: absolute;
	top: 2px;
	left: -1px;
	height: 20px;
	width: 20px;
	border: none;
	background-size: 20px 20px;
	background-image: url(../images/fields/radio.svg);
	background-repeat: no-repeat;	
	background-color: transparent;
	opacity: 0.8;
}

.wpcf7-radio .wpcf7-list-item label:hover::before {
	opacity: 1;
}

.wpcf7-radio .wpcf7-list-item label :checked + span.wpcf7-list-item-label::before {
	background-image: url(../images/fields/radio-checked.svg);
	opacity: 1;
}

/*Cookie Plugin Styling*/

.cookie-notice-container span#cn-notice-text {
	color: #000000 !important;
	margin-bottom: 0;
}

.cookie-notice-container .cn-text-container a {
	color: #000000;
	text-decoration: underline;
}

.cookie-notice-container .cn-text-container a:hover {
	color: #FFFFFF;
}

.cn-text-container, 
.cn-buttons-container {
	vertical-align: middle;
}

/*
------------------
About Us
------------------
*/

.contributor {
	display: flex;
	flex-direction: row;
}

.contributor .ct-avatar {
	flex-shrink: 0;
}

.contributor .ct-bio {
	margin-left: 2rem;
}

.contributor img {
	border-radius: 50%;
	width: 8rem;
	height: 8rem;
}

/*
------------------
Welcome
------------------
*/

.welcome-latest-content {
	display: flex;
	flex-direction: row;
	gap: 2rem;
	margin: 1rem 0 2rem 0;
}
.welcome-latest-content a {
	margin-bottom: 1rem;
}


/*
------------------
Global Overrides
------------------
*/

div, p, a, li, td { 
	-webkit-text-size-adjust: none; 
}


.videos-feed h1 {
	margin-bottom: 1rem;
}

.videos-feed .more-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.videos-feed .more-header div a {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.videos-feed .more-header div a img {
	width: 2rem;
	margin-right: 0.5rem;
}


.videos-feed .hl-video {
	position: relative;
}
.videos-feed .hl-video a:hover .sby_play_btn {
    opacity: .5;
}
.videos-feed .hl-video .sby_play_btn {
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: 50%;
    top: 50%;
    right: 50%;
    margin-top: -25px;
    margin-left: -28px;
    color: #fff;
    width: 57px;
    height: 50px;
    opacity: 1;
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
}
.videos-feed .hl-video .sby_play_btn_bg {
    display: block;
    position: absolute;
    z-index: -1;
    top: 17px;
    left: 22px;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-bottom-width: 9px;
    border-top-width: 9px;
    border-left: 16px solid #fff;
}
.videos-feed .hl-video .sby_play_btn svg:not(:root).svg-inline--fa{
    width: 57px;
    height: auto;
    opacity: 0.75;
}

.videos-feed .hl-video .sby_play_btn svg,
.videos-feed .hl-video .sby_play_btn i{
    color: #000;
}

.videos-feed a.button.twitch-follow-button {
	width: fit-content;
	display: flex;
	align-items: center;
	margin: 1rem auto;
}

.videos-feed a.button.twitch-follow-button img {
	width: 2rem;
	margin-right: 1rem;
}

.header-pad {
	margin-top: 50px;
}