/*
 Theme Name: Custom
 Description: Custom theme for this project.
 Template: qobo-wp-generic-theme
 Version: 1.0.0
 Text Domain: custom-theme
*/

@import url('https://fonts.googleapis.com/css?family=Arimo:400,700');

html{
	font-family: 'Arimo', sans-serif !important;
	position: relative;
	min-height: 100%;
}

p, p span{
	font-family: 'Arimo', sans-serif !important;
	color: #1d1d1d !important;
	font-size:16px !important;
	line-height:20px;
}

:root a{
	font-family: 'Arimo', sans-serif;
}

/* /:Responsive Text Align */
h1, h2, h3, h4 , h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, span, a {
	color: #3c3c3c;
}

h1 {
	font-size: 28px;
	margin-top: 60px;
	margin-bottom: 30px;
}

h2 {
	font-size: 25px;
	margin-top: 30px;
	margin-bottom: 15px;
}

h3 {
	font-size: 20px;
	margin-top: 15px;
	margin-bottom: 0px;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
}

p{
	font-size: 16px;
}

header{
	position:absolute;
	width:100%;
	height:190px;
	z-index:999;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#535353+0,535353+100&0.65+0,0.16+61,0.06+74,0+89,0+100 */
	background: -moz-linear-gradient(top, rgba(83,83,83,0.65) 0%, rgba(83,83,83,0.16) 61%, rgba(83,83,83,0.06) 74%, rgba(83,83,83,0) 89%, rgba(83,83,83,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(83,83,83,0.65) 0%,rgba(83,83,83,0.16) 61%,rgba(83,83,83,0.06) 74%,rgba(83,83,83,0) 89%,rgba(83,83,83,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(83,83,83,0.65) 0%,rgba(83,83,83,0.16) 61%,rgba(83,83,83,0.06) 74%,rgba(83,83,83,0) 89%,rgba(83,83,83,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6535353', endColorstr='#00535353',GradientType=0 ); /* IE6-9 */
}

header .navbar-nav {
	float: right !important;
}

header #navbar a{
	font-size: 19px;
	color: white;
}

header #navbar li:not(:last-child):after {
	content: " ";
	float: right;
	margin-top: -36px;
	font-size: 19px;
	margin-left: 3px;
	color: white;
}

header #navbar li li:not(:last-child):after {
	content: " ";
	float: right;
	margin-top: -36px;
	font-size: 19px;
	margin-left: 3px;
	color: white;
}

.caret{
	color:white !important;
}

#top-navigation-bar table img{
	padding:5px;
	padding-top:0px;
	padding-bottom:0;
}

.page-content{
	padding-bottom: 350px;
}

.content-section:first-child{
	margin-top: 0px;
}

.content-section{
	margin-bottom: 0px;
	clear: both;
	width: 100%;
	float: left;
}

#footer {
	position: static;
}

#footer, #footer a {
	background-color: #0e0e0e;
	color: #fff !important;
	text-transform: uppercase;
	font-size: 14px;
}

#footer img, #footer .copyright {
	margin-top: 12px;
	text-transform: initial;
	font-size: 14px;
}

#footer .copyright {
	padding-top: 10px;
}

#footer .fa{
	font-size: 30px;
	text-align: center;
	margin: 5px;
	margin-top: 20px;
}

#footer .left-section img{
	max-width: 70px;
}

#footer h2{
	text-transform:capitalize;
	font-size:16px;
	color:#f7f7f7;
	margin:0;
	padding-top:15px;
	margin-bottom:10px;
}

#footer a{
	text-transform:lowercase !important;
}

#footer p, #footer p span{
	color:#f7f7f7 !important;
	font-size:14px !important;
	text-transform:capitalize;
}

#footer ul{
	padding-top:15px;
}

#footer ul li{
	width:100%;
	height:30px
}

#footer ul li a{
	text-transform:capitalize !important;
	padding-top: 0px;
}

#footer .left-section img{
	margin-top:0px;
	padding-top:15px;
}

#footer ul{
	width:100%;
	float:left;
	text-align:left;
}

.widget_qbdevby_widget_logo{
	height: 50px;
	margin-top: 8px;
}

.widget_qbdevby_widget_logo img{
	margin-top: 10px;
	float: right;
}

.widget_qbdevby_widget_text, .widget_qbdevby_widget_title{
	display: none;
}

.thumb-preview-item-image{
	position: relative;
}

.item-overlay{
	position: absolute;
	top: 0;
	align-items: center;
	height: 100%;
	display: flex;
	width: 100%;
	justify-content: center;
}

.item-overlay img{
	max-width: 180px;
}

.important-news .item-overlay img{
	max-width: 130px;
}

.bg-size-cover {
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	background-size: cover !important;
	-o-background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	width: 100%;
}

.top-bottom-border{
	border-top: 1px solid rgba(60,60,60,0.6);
	border-bottom: 1px solid rgba(60,60,60,0.6);
}

.our-programs-section h1{
	text-align: center;
}

.program-page{
	background-color: #E6EBEE;
}

.program-page h1{
	text-align: center;
}

.program-page .nav-buttons{
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;
	width: 100%;
	float: left;
}

.week-days .days{
	text-align: center;
	float: left;
	width: 100%;
	background-color: white;
	margin-bottom: 15px;
}

.week-days .days a{
	width: 14%;
	float: left;
	padding: 10px;
}

.programs .row:first-child {
	border-top: 1px solid #babec0;
}

.programs .row {
	border-bottom: 1px solid #babec0;
	border-top: 0px solid #babec0;
	padding: 5px;
}

.programs .row .fa{
	float: right;
}

.program-watch a{
	width: 100%;
	padding: 15px;
}

.program-watch a img{
	float: right;
}

.channel img{
	margin-bottom: 30px;
	-webkit-box-shadow: 4px 8px 23px -12px rgba(130,130,130,1);
	-moz-box-shadow: 4px 8px 23px -12px rgba(130,130,130,1);
	box-shadow: 4px 8px 23px -12px rgba(130,130,130,1);
}

.hide{
	display: none;
}

.show{
	display: block;
}

.day-selected{
	color: #3e91e6 !important;
}

button.close {
	right: 0%;
	position: absolute;
	z-index: 10;
	color: white;
	font-size: 32px;
	opacity: 0.5;
}

.programs .modal-content .row {
	border-bottom: 0px solid #babec0;
	border-top: 0px solid #babec0;
}

.contact-us form label{
	display: block;
}

.contact-us .content-section h2{
	text-transform: uppercase;
}

.contact-us .form-group input[type=submit]{
	width:100%;
	background-image: linear-gradient(to bottom,#3e91e6 0,#3e91e6 100%);
}

.contact-us .form-control{
	background-color: #e2e2e2;
}

.contact-us p{
	color: #454647 !important;
}

.programs-section p{
	color: #3c3c3c !important;
}

.homepage h2, .homepage h3{
	text-transform: uppercase;
}

#navbar li > a {
	padding-left: 15px;
	padding-right: 15px;
}

.dropdown-menu{
	left:unset;
	right:0;
}

.open > a{
	background-color: rgba(146,147,151,0.48) !important;
}

.open ul{
	background-color: rgba(146,147,151,0.48) !important;
}

.open ul a:hover{
	background-color: rgba(146,147,151,0.48) !important;
	background-image: none;
	text-decoration: underline;
}

.schedule-content-text-area{
	padding: 15px;
}

.modal-dialog {
	margin: 90px auto;
}

.navbar-nav>li>.dropdown-menu {
	width:100%;
	min-width: 250px;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	display: unset;
	content: " ";
	float: unset;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: unset;
	border-width: unset;
	border-left-color: unset;
	margin-top: unset;
	margin-right: unset;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #fff;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

.dropdown-submenu>.dropdown-menu {
	width: 100%;
	top: unset;
	left: unset;
	margin-top: 0px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.episode_title{
	float: left;
}

.btn-episodes{
	float: right;
}

.btn-episodes img{
	width:10px;
	margin-top: -5px;
}

.live-streaming h2{
	text-align: center;
}

.live-streaming .thumb-item{
	padding: 15px;
	padding-right: 20px;
	padding-left: 20px;
}

.dropdown-submenu>.dropdown-menu {
	width: 100%;
	top: unset;
	left: unset;
	margin-top: unset;
	padding-left: 20px;
	-webkit-border-radius: unset;
	-moz-border-radius: unset;
	border-radius: unset;
	position: relative;
	display: block;
	background-color: rgba(255,255,255,0) !important;
	border: 0px solid rgba(0,0,0,.15);
	box-shadow: unset;
}

.dropdown-menu li a:hover,
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
	background-color: rgba(146,147,151,0) !important;
	background-image: none;
	text-decoration: underline;
}

.contact-us .addtoany_share_save_container,
.subpage .addtoany_share_save_container{
	display: none;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-default .navbar-toggle {
	border-color: rgba(255,255,255,0);
}

.live-media img{
	width:90%;
}

.white-line{
	width:100%;
	height: 1px;
	background-color: #f7f7f7;
}

.white-line{
	margin-top:30px;
	margin-bottom:20px;
}

.thumb-item{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.row-spacer{
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}

.no-title-section{
	padding-top: 30px;
	padding-bottom: 15px;
}

.has-videos{
	float: right;
}

.has-videos img{
	width:10px;
}

.share-btn-trailer{
	float: right;
	position: absolute;
	top: 10px;
	width: 100%;
	z-index:10;
}

.no-deroration > a{
	cursor: default !important;
	text-decoration: none !important;
}

.live-streaming .thumb-item.active{
	position:relative;
}

.live-streaming .thumb-item.active::after{
	content:'';
	height:2px;
	background:#000;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}

.subpage .content-section div{
	overflow-x:auto;
}

.episode-row{
	width: 100%;
	clear: both;
	position: relative;
	float: left;
}

.programs-section h4{
	font-weight: 700;
}

.channels a:hover{
	color:#22A6BB;
	cursor:pointer;
}

i.spacer{
	display:inline-block;
	width:13px;
	height:14px;
	visibility: hidden;
}

#front-page-banners-wrapper,
#streaming-banners-wrapper{
	margin:0 0 10px 0;
}

#front-page-banners-wrapper img{
	cursor:pointer;
}

.modal-header button{
	top:0;
	right:3px;
}

.modal-header button:hover span{
	color:black;
}

#fp-banner-modal-body{
	padding-top:0;
}

#copyright-and-logo-row{
	margin-top:15px;
}

.a2a_kit.abs-bottom{
	position:absolute!important;
	bottom:80px!important;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.row-spacer{
	position:relative;
	z-index:1;
}

@media screen and (max-width: 782px){
	html {
		margin-top: 0px !important;
	}

	#copyright-and-logo-row{
		margin-bottom:40px;
	}
}

@media (min-width: 1200px){

	header #navbar{
		float:right;
		width:100%;
	}

	#footer {
		position: absolute;
		bottom: 0;
		width: 100%;
	}
}

@media (min-width: 992px) and (max-width: 1199px){

	.navbar-header {
		float: right;
	}

	#footer .left-section img{
		margin: 0 auto;
	}

	#footer .group{
		text-align: center;
	}

	.item-overlay img{
		max-width: 170px;
	}

	.important-news .item-overlay img{
		max-width: 90px;
	}

	header #navbar a {
		color: black;
	}

	#menu-header {
		padding: 0px;
		width: 100%;
	}

	header .navbar-nav {
		float: left !important;
	}

	.navbar-nav>li>.dropdown-menu {
		position: relative;
		display: block;
		padding-left: 10px;
	}

	.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
		background-image: none !important;
		color: black !important;
	}

	.dropdown-menu {
		background-clip: unset;
		border: unset;
		border: unset;
		border-radius: unset;
		-webkit-box-shadow: unset;
		box-shadow: unset;
	}

	#navbar {
		padding: 15px 35px;
	}

	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
		background-color:rgba(255,255,255,0);
	}

	.page-content {
		padding-bottom: 30px;
	}

	.navbar-toggle{
		margin-top: -20px;
	}
}

@media (min-width: 768px) and (max-width: 991px){

	.navbar-header {
		float: right;
	}

	#footer .left-section img{
		margin: 0 auto;
	}

	#footer .group{
		text-align: center;
	}

	.item-overlay img{
		max-width: 110px;
	}

	.important-news .item-overlay img{
		max-width: 60px;
	}

	header #navbar a {
		color: black;
	}

	#menu-header {
		padding: 0px;
		width: 100%;
	}

	header .navbar-nav {
		float: left !important;
	}

	.navbar-nav>li>.dropdown-menu {
		position: relative;
		display: block;
		padding-left: 10px;
	}

	.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
		background-image: none !important;
		color: black !important;
	}

	.dropdown-menu {
		background-clip: unset;
		border: unset;
		border: unset;
		border-radius: unset;
		-webkit-box-shadow: unset;
		box-shadow: unset;
	}

	#navbar {
		padding: 15px 35px;
	}

	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
		background-color:rgba(255,255,255,0);
	}

	.page-content {
		padding-bottom: 30px;
	}

	.live-media .row .col-xs-3{
		padding-right: 0px;
	}

	.navbar-toggle{
		margin-top: -20px;
	}
}

@media (min-width: 552px) and (max-width: 767px){
	#footer .left-section img{
		margin: 0 auto;
	}

	#footer .group{
		text-align: center;
	}

	.item-overlay img{
		max-width: 200px;
	}

	.important-news .item-overlay img{
		max-width: 180px;
	}

	header #navbar a {
		color: black;
	}

	#menu-header {
		padding: 0px;
		width: 100%;
	}

	header .navbar-nav {
		float: left !important;
	}

	.navbar-nav>li>.dropdown-menu {
		position: relative;
		display: block;
		padding-left: 10px;
	}

	.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
		background-image: none !important;
		color: black !important;
	}

	.dropdown-menu {
		background-clip: unset;
		border: unset;
		border: unset;
		border-radius: unset;
		-webkit-box-shadow: unset;
		box-shadow: unset;
	}

	#navbar {
		padding: 15px 35px;
	}

	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
		background-color:rgba(255,255,255,0);
	}

	.page-content {
		padding-bottom: 30px;
	}

	#footer p,
	#footer ul li a,
	#footer h2,
	#footer .widget{
		text-align:center !important;
	}

	.live-media{
		padding: 0;
	}

	.live-media .row .col-xs-3{
		padding-right: 0;
	}

	.share-btn-trailer {
		position: absolute;
		top: unset;
		bottom: 45px;
		width: 100%;
	}
}

@media (max-width: 551px){

	/*Fix to text-align:justify creating strange spaces on mobile on the program guide popups*/
	p.MsoNormal span{
		text-align:left;
	}

	#footer .left-section img{
		margin: 0 auto;
	}

	#footer .group{
		text-align: center;
	}

	.item-overlay img{
		max-width: 95px;
	}

	.important-news .item-overlay img{
		max-width: 115px;
	}

	header #navbar a {
		color: black;
	}

	#menu-header {
		padding: 0px;
		width: 100%;
	}

	header .navbar-nav {
		float: left !important;
	}

	.navbar-nav>li>.dropdown-menu {
		position: relative;
		display: block;
		padding-left: 10px;
	}

	.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
		background-image: none !important;
		color: black !important;
	}

	.dropdown-menu {
		background-clip: unset;
		border: unset;
		border: unset;
		border-radius: unset;
		-webkit-box-shadow: unset;
		box-shadow: unset;
	}

	#navbar {
		padding: 15px 35px;
	}

	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
		background-color:rgba(255,255,255,0);
	}

	.page-content {
		padding-bottom: 30px;
	}

	.live-media{
		padding: 0px;
	}

	.live-media .row .col-xs-3{
		padding-right: 0px;
	}

	#footer p,
	#footer ul li a,
	#footer h2,
	#footer .widget{
		text-align:center !important;
	}

	.share-btn-trailer {
		position: absolute;
		top: unset;
		bottom: 2px;
		width: 100%;
	}

	.page-content .top-image > aside{
		height: 270px !important;
	}
}

@media screen and (max-width:767px){

	/*Footer menu alignment fix:*/
	#footer ul{
		float:none;
		margin-right:0;
		margin-left:0;
	}

	header #navbar .dropdown-menu .dropdown-menu a{
		font-size:17px;
	}

	#trailer-row div[name^='col']{
		margin-bottom:20px;
	}

	.video-container{
		margin-bottom:40px;
	}
}