/*
Theme Name: Cable0.com (Version 4)
Theme URI: http://cable0.com
Description: The barebone Wordpress/Bootstrap back end of webiste and platform designs.
Version: 4
Author: Marcus Brown
Authur URI: http://marcus247.com
*/

@import url('css/bootstrap.min.css');
@import url('href="https://fonts.googleapis.com/css?family=Oswald|Amiri' rel='stylesheet' type='text/css');
@import url('css/font-awesome.min.css');

html, body {
	background-color: #000;
	color: rgba(222,223,222,1);
	font-family: 'Amiri', sans-serif;
	height: 100%;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #dedfde;
	text-decoration: none;
}

a:focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}


.about {
	background-color: rgba(222,223,222,.8);
	color: rgba(48,48,48,.5);
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	font-size: 89%;
	letter-spacing: 3px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 13px;
	padding-bottom: 13px;
	text-transform: uppercase;
	text-align: center;
}

.category-1 {
	background-color: rgba(222,223,222,1);
	color: rgba(48,48,48,1);
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	font-size: 113%;
	letter-spacing: 3px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 13px;
	padding-right: 55px;
	padding-bottom: 13px;
	padding-left: 55px;
	text-transform: uppercase;
	text-align: center;
}

.btn-close {
	color: rgba(222,223,222,1);
	padding-top: 21px;
	padding-right: 13px;
	padding-bottom: 13px;
	padding-left: 13px;
	font-size: 144%;
	font-weight: 300;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.category-card {
	border: solid;
	border-color: rgba(222,223,222,0.2);
	border-width: .5px 0px .5px 0px;
	padding-top: 8px;
}

.content-text {
	font-weight: 100;
	font-size: 89%;
}

.content-title {
	font-weight: 300;
	font-size: 100%;
	letter-spacing: 2px;
	padding-top: 5px;
	
}

.cheat-code {
	height: 89px;
}

.connect {
	background-color: rgba(48,48,48,.5);
	color: rgba(222,223,222,1);
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	font-size: 89%;
	letter-spacing: 3px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 13px;
	padding-bottom: 13px;
	text-transform: uppercase;
	text-align: center;
}

.entry {
	margin-top: 21px;
	font-size: 113%;
	padding-top: 13px;
	padding-right: 21px;
	padding-bottom: 13px;
	padding-left: 21px;
}

.search {
	background-color: rgba(222,223,222,.3);
	color: rgba(222,223,222,1);
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	font-size: 89%;
	letter-spacing: 3px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 13px;
	padding-bottom: 13px;
	text-transform: uppercase;
	text-align: center;
}

.feature-block {
	padding-bottom: 8px;
}

.feature-section {
	border-bottom-style: solid;
	border-color: rgba(222,223,222,0.2);
	margin-bottom: 13px;
	padding-top: 21px;
	padding-bottom: 21px;
}

.footer {
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 113%;
	letter-spacing: 3px;
	margin-top: 21px;
	margin-right: 0px;
	padding-top: 34px;
	padding-right: 55px;
	padding-bottom: 34px;
	padding-left: 55px;
	text-transform: uppercase;
	text-align: none;
}

.footer-mobile {
	background-color: rgba(48,48,48,1);
	color: #000;
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	font-size: 55%;
	letter-spacing: 3px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 13px;
	padding-right: 55px;
	padding-bottom: 13px;
	padding-left: 55px;
	text-transform: uppercase;
	text-align: center;
}

.footer-logo {
	width: 55%;
}

.frame {
	padding-bottom: 21px;
}


.hero {
	margin-top: 21px;
	margin-bottom: 34px;
}

.logo-header {
	color: rgb(222,223,222,1);
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-size: 233%;
	letter-spacing: 2px;
	text-transform: none;
	padding-top: 13px;
	margin-bottom: 13px;
	text-align: left;
}

.small-menu {
	margin-top: 13px;
	padding-right: 21px;
	padding-bottom: 0px;
	padding-left: 21px;
}

.small-menu-item {
	border-top: 1px solid;
	border-color: rgba(222,223,222,.3);
	font-size: 121%;
	padding-top: 8px;
	padding-right: 21px;
	padding-bottom: 0px;
	padding-left: 21px;
}

.small-menu-item-last {
	border-bottom: 1px solid;
	border-top: 1px solid;
	border-color: rgba(222,223,222,.3);
	font-size: 121%;
	padding-top: 8px;
	padding-right: 21px;
	padding-bottom: 10px;
	padding-left: 21px;
}


.modal-backdrop {
	background-color: rgba(48,48,48,1);
}

.modal-backdrop.in{
	filter:alpha(opacity=90);opacity:.9;
}

.modal-menu {
	color: rgba(222,223,222,1);
	font-weight: 300;
	font-size: 100%;
	letter-spacing: 2px;
	text-transform: none;
	padding-top: 3px;
	padding-right: 21px;
	padding-bottom: 5px;
	padding-left: 21px;
	text-align: center;
}

.modal-text {
	color: rgba(222,223,222,1);
	font-weight: 300;
	font-size: 100%;
	letter-spacing: 2px;
	text-transform: none;
	padding-top: 3px;
	padding-right: 21px;
	padding-bottom: 5px;
	padding-left: 13px;
	text-align: left;
}

.modal-title {
	border-bottom-style: solid;
	border-color: rgba(48,48,48,1);
	color: rgba(222,223,222,1);
	font-weight: 500;
	font-size: 121%;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding-top: 15px;
	padding-bottom: 8px;
	text-align: center;
}

.row.no-gutter {
	margin-left: 0;
	margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
	padding-right: 0;
	padding-left: 0;
}

.category-2 {
	background-color: rgba(48,48,48,1);
	color: rgba(222,223,222,1);
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	font-size: 113%;
	letter-spacing: 3px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 13px;
	padding-right: 55px;
	padding-bottom: 13px;
	padding-left: 55px;
	text-transform: uppercase;
	text-align: center;
}

.search-field {
	font-size: 121%;
	text-align: center;
}

.single-nav {
	padding-top: 13px;
}