/*
Theme Name: PatronBase
Author: the PatronBase web team
Author URI: http://www.patronbase.com
Version: 1.1.2
Text Domain: patronbase
*/

/* Wordpress CSS */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { margin: 15px; padding: 8px; border: solid 1px #ddd; background: #f3f3f3; font-size:10px; color: #000; }
.wp-caption > img { margin-bottom:8px }


/* Patronbase CSS */
body { font-family: 'Open Sans', sans-serif; background:#f5f4f2; }

h1, h2, h3, h4, h5 { font-weight:200; }

a { color:#9f0004; }
a:hover, a:focus { color:#560002; }

kbd { background:#900000; color:#FFF; padding:2px 6px; border-radius: 4px; }

img.aligncenter { display:block; margin:0 auto; }

.login-bar { font-size:10px; background: #e3e4df; }
.login-bar .service-status, .login-bar .login, .login-bar form { display:inline; }
.login-bar .service-status { padding: 6px 16px; color:#b2aead; }
.login-bar .login-status { padding:6px 16px; color:#b2aead; }
.login-bar form #user_login, .login-bar form #user_pass { height:13px; width:120px; font-size:10px; margin: 5px 0; }
.login-bar form label { display:inline; font-size:10px; color:#666; }
.login-bar form label input { margin:0; }
.login-bar #lang_sel { height:auto; margin-left: 5px; margin-top: 4px; }
.login-bar #lang_sel li a { margin: 0; height: 24px; }

.navbar.menu-bar { margin-bottom:0; position:fixed; width:100%; z-index:1023; }
.navbar.menu-bar .brand { margin-top:4px; }
.navbar.menu-bar .nav { margin: 20px 0 0 0; float:right; font-size:18px; }
.navbar.menu-bar .nav li { margin-top:4px; padding-bottom:20px; }
.navbar.menu-bar .nav li:first-child a { border:none; }
.navbar.menu-bar .nav li a { padding: 6px 15px; }
.navbar.menu-bar .navbar-inner { 
	background-color: #f0f0ed;
	background-image: -moz-linear-gradient(top,#f4f5f2,#f0f0ed);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#f4f5f2),to(#f0f0ed));
	background-image: -webkit-linear-gradient(top,#f4f5f2,#f0f0ed);
	background-image: -o-linear-gradient(top,#f4f5f2,#f0f0ed);
	background-image: linear-gradient(to bottom,#f4f5f2,#f0f0ed);
	background-repeat: repeat-x;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f5f2',endColorstr='#fff0f0ed',GradientType=0);
	-moz-box-shadow: 0 8px 15px rgba(0,0,0,0.5);
	box-shadow: 0 8px 15px rgba(0,0,0,0.5);
}
.navbar.menu-bar .mainmenu .sub > ul { display:none; padding-top:10px; }
.navbar.menu-bar .mainmenu .sub > ul li { list-style:none; }
.navbar.menu-bar .mainmenu .sub > ul li a { font-size:0.8em; color:#333; }

.navbar.menu-bar .submainmenu { position:absolute; top:76px; background:#e3e4df url(img/transparentlogo.png) no-repeat center right; right:0; width:685px; height:0px; overflow:hidden;
	box-shadow: 0 8px 15px rgba(0,0,0,0.5);
	transition: height 0.15s;
	-webkit-transition: height 0.15s;
	-moz-transition: height 0.15s;
	z-index:4;
}
.navbar.menu-bar .submainmenu .menucontent { padding:20px; display:none; }
.navbar.menu-bar .submainmenu .menucontent ol { margin:0; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; }
.navbar.menu-bar .submainmenu .menucontent ol li { list-style:none; line-height:28px; }
.navbar.menu-bar .submainmenu .menucontent ol li a { color:#888; }
.navbar.menu-bar .btn-navbar { margin-top:22px; }

.background-image { background:#000; height:550px; width:100%; padding-top:1px; position:relative; }
.background-image .headerslider { position:absolute; top:0; z-index:0; }
.background-image .tagline { font-size:30px; font-weight:300; color:#CCC; padding: 20px 0 10px; background:rgba(0,0,0,0.75); margin-top:50px; text-align:right; position:relative; z-index:2; }

.content { margin-top:-300px; position:relative; z-index:99; }
.content .inner { box-sizing:border-box; padding:30px; background:#fdfdfd url(img/pagecorner.png) no-repeat top right; min-height:400px; }

.footer { 
	background-color: #f0f0ed;
	background-image: -moz-linear-gradient(top,#efeee9,#eae9e5);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#efeee9),to(#eae9e5));
	background-image: -webkit-linear-gradient(top,#efeee9,#eae9e5);
	background-image: -o-linear-gradient(top,#efeee9,#eae9e5);
	background-image: linear-gradient(to bottom,#efeee9,#eae9e5);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefeee9',endColorstr='#ffeae9e5',GradientType=0);
	padding:30px 0;
	font-size:10px;
	color:#666;
	text-align: right;
}
.footer .footer_menu { display:inline; }
.footer .footer_menu ul { list-style:none; display:inline; margin:0; }
.footer .footer_menu ul li { display:inline; padding-right:10px; }

.footer .container { line-height:26px; }

.entry-title, .entry-title a { color:#ac0000; }

#tabs { position:relative; }
#tabs .ticket { position:absolute; margin:0; z-index:0; cursor: pointer; }
#tabs .ticket { background-image: url(img/white-ticket.png); background-size:100%; height:123px; width:266px; font-size:1.7em; line-height:1em; padding:20px 30px; }
#tabs .ticket.active { background-image: url(img/red-ticket.png); z-index:3; cursor: default; }
#tabs .ticket p { width: 53%; float:right; margin:0; margin-right: 6%; color:#454545; font-weight:200; }
#tabs .ticket.active p { color:#fff; }
#tabs .tab-box { float:right; width:63%; min-height:370px; padding:10px; padding-left:10%; background-color:#fdfdfd; background-image: url(img/pagecorner.png); background-repeat: no-repeat; background-position: right -30px top -30px; position:relative; z-index:2; box-shadow: -14px 0px 20px -14px rgba(0,0,0,0.15); }

#tabs #whats-on-tab img { margin-top:5px; }
#tabs #whats-on-tab p { margin-top: 29px; }

#tabs #product-info-tab { top:124px; }
#tabs #product-info-tab img { margin-top:5px; }
#tabs #product-info-tab p { margin-top: 17px; }

#tabs #service-status-tab { top:248px; }
#tabs #service-status-tab img { margin-left:10px; }
#tabs #service-status-tab p { margin-top: 17px; }

.tabs .tickets { margin-right:50px; }
.tabs .tickets li { background-image: url(img/white-ticket-long.png); position:relative; }
.tabs .tickets li a, .tabs .tickets li a:hover, .tabs .tickets li a:link, .tabs .tickets li a:active, .tabs .tickets li a:visited { background:none; border:none; padding:20px 30px; height:123px; font-size:1.7em; font-weight:200; }
.tabs .tickets li.active { background-image: url(img/red-ticket-long.png); }
.tabs .tickets li.active a .title { color:#FFF; }
.tabs .tickets li a .title { color:#222; }
.tabs .tickets li .title { width:120px; padding-top:18px; padding-left:20px; }
.tabs .tickets li .ticketstub { display:none; position: absolute; z-index: 99; right: -36px; top: 0; width: 40px; height: 122px; background: url(img/red-ticket-long.png) no-repeat top right; }
.tabs .tickets li.active .ticketstub { display:block; }

.tabs .tab-content { position:relative; height:450px; overflow:hidden; 
	transition: height 0.5s;
	-webkit-transition: height 0.5s;
	-moz-transition: height 0.5s;	
}
.tabs .tab-content .tab-pane { display:block; position:absolute; width:100%; top:0; left:0; visibility: hidden; opacity: 0; transition: visibility 0.25s 0, opacity 0.25s linear; }
.tabs .tab-content .tab-pane.active { display:block; visibility: visible; opacity: 1; transition: opacity 0.25s linear; }

.ticketgroup .nav.visible-phone.tickets li a img { height:20px; margin-top:-3px; }
.ticketgroup .tabs .tab-content .tab-pane h2 { margin-top:0; }
.ticketgroup .tabs .tab-content .tab-pane .read-more { margin-top:10px; }

.icon { width:90px; height:90px; float:left; margin-right:20px; }
.post-content { display:inline; }
.post-data, .post-data a { color:#9b9b9b; font-size:10px; }
.read-more { text-align:right; clear:both; padding-bottom:20px; padding-right:6px; padding-top:30px; }
.read-more a { background:#9f0004; color:#fff; border-radius:5px; padding:10px 20px; text-shadow: 0 1px 0 #777; text-transform:uppercase; font-size:0.8em; box-shadow: 0 3px 10px rgba(0,0,0,0.5); font-weight:200; }
.read-more a:hover { text-decoration:none; background:#454545; color:#fff; }

.tab-title { color:#454545; }

.click { text-align:right; clear:right; font-size: 0.5em; color:#bcbcbc; text-transform: uppercase; display:block; padding-right: 11%; }
.tagline .click { padding:10px 0 0 0; color:#888; font-size:0.4em; }

#about { box-shadow:14px 0px 20px -14px rgba(0,0,0,0.15); border-right:1px solid #d0d0d0; padding: 0 20px 0 0; }
#help { box-shadow:-14px 0px 20px -14px rgba(0,0,0,0.15); border-left:1px solid #d0d0d0; padding: 0 0 0 20px; }
.lowerbox { height:350px; }

#comments, #respond { margin-top:30px; border-top:1px solid #eee; }
#comment { width:98%; }
#commentform code { display:block; white-space:normal; }

.contents { width:60%; float:left; }
.widget-box { float:right; width:26%; }
.widget-box .menu, .widget-box .menu li { list-style:none; }
.widget_recent_entries ul, .widget_recent_entries ul li { list-style:none; } 

#search .field { margin:0; width:90%; margin-bottom:10px; }

.social-networks { margin:auto; text-align:right; margin-top:86px; padding-right: 30px; }
.social-networks a { display:inline-block; }
.social-networks a img {
	transition: margin 0.15s;
	-webkit-transition: margin 0.15s;
	-moz-transition: margin 0.15s;	
}

.inner .container-fluid { padding:0; }

.widget.widget_nav_menu {  }

.nav-pills>.active>a, .nav-pills>.active>a:hover, .nav-pills>.active>a:focus { background:#9f0004; }

.navbar.icons { position:relative; top:-30px; left:-30px; margin-right:-60px; }
.well kbd { margin:5px 0; display: inline-block; }

/* Gallery Fixes */
.gllrprfssnl_single_image_text { height:50px; overflow:hidden; }
.gallery .gllrprfssnl_image_block { padding:10px; }
.gllr_single_image_text { top:-25px; }

/* Language Plugin Fixes */
#lang_sel ul { z-index:1030; }

@media (min-width: 1200px) {
	.navbar .container { width:1170px; }
	.navbar.menu-bar .nav>.active>a, .navbar.menu-bar .nav>.active>a:hover, .navbar.menu-bar .nav>.active>a:focus { background:none; box-shadow:none; }
	.navbar.menu-bar .nav li a { border-left: 1px solid #d0d0ce; }
	.navbar.menu-bar .nav li.first-child a { border:none; }
	.form-search .search-query { width:250px; }
	.background-image .tagline { margin-top:166px; }
	.content { margin-top:-224px; }
}

@media (min-width: 979px) and (max-width: 1199px) {
	.navbar .container { width:940px; }
	.navbar.menu-bar .nav li { font-size:16px; }
	.navbar.menu-bar .nav>.active>a, .navbar.menu-bar .nav>.active>a:hover, .navbar.menu-bar .nav>.active>a:focus { background:none; box-shadow:none; }
	.navbar.menu-bar .nav li a { border-left: 1px solid #d0d0ce; }
	.navbar.menu-bar .nav li.first-child a { border:none; }
	#tabs .ticket { height:60px; width:205px; font-size:1.3em; padding:18px 25px; }
	#tabs .ticket img { height:55px; }
	#tabs .ticket p { margin:0; }
	#tabs #whats-on-tab p { margin-top: 21px; }
	#tabs #product-info-tab { top:96px; }
	#tabs #product-info-tab p { margin-top: 10px; }
	#tabs #service-status-tab { top:192px; }
	#tabs #service-status-tab p { margin-top: 11px; }
	.form-search .search-query { width:180px; }
	.background-image .tagline { margin-top:126px; }
	.content { margin-top:-224px; }
}

@media (min-width: 768px) and (max-width: 979px) {
	.navbar .container { width:724px; }
	.navbar.menu-bar .nav { float:none; }
	.navbar.menu-bar .submainmenu { display:none; }
	#tabs .ticket { height:45px; width:155px; font-size:1em; padding:13px 17px; }
	#tabs .ticket img { height:40px; }
	#tabs.ticket p { margin:0; }
	#tabs #whats-on-tab p { margin-top: 16px; }
	#tabs #product-info-tab { top:72px; }
	#tabs #product-info-tab p { margin-top: 9px; }
	#tabs #service-status-tab { top:144px; }
	#tabs #service-status-tab p { margin-top:9px; }
	.navbar.menu-bar .mainmenu .sub > ul { display:block; }
	.form-search .search-query { width:110px; }
}

@media (max-width: 767px) {
	body { padding:0; }
	.navbar.menu-bar .nav { float:none; }
	.navbar.menu-bar .submainmenu { display:none; }
	#tabs .ticket { height:45px; width:155px; font-size:1em; padding:13px 17px; }
	#tabs .ticket img { height:40px; }
	#tabs.ticket p { margin:0; }
	#tabs #whats-on-tab p { margin-top: 16px; }
	#tabs #product-info-tab { top:72px; }
	#tabs #product-info-tab p { margin-top: 9px; }
	#tabs #service-status-tab { top:144px; }
	#tabs #service-status-tab p { margin-top: 9px; }
	.ticketgroup .tickets { margin-bottom:0; }
	.nav-tabs>li>a { background:#f0f0f0; color:#222; }
	.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus { background:#9f0004; color:#FFF; }
	#about { box-shadow:none; border:none; padding:0; }
	#help { box-shadow:none; border:none; padding:0; }
	.navbar.menu-bar .mainmenu .sub > ul { display:block; }
	.lowerbox { height:auto; margin-top:20px !important; padding-top:20px !important; border-top: 1px solid #ddd !important; }
	.login-bar .login { padding: 0 20px; }
	.login-bar form input { width: 60px; }
	.login-bar .service-status { display:none; }
	.tagline .container { padding: 0 20px; }
	.footer { padding-left: 20px; padding-right:20px; }
	.form-search { margin-top:20px; }
}