/*
Theme Name: KBZN2 Theme
Theme URI: http://intertechmedia.com
Author: The WPB team
Description: WPB Frame-work:2.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: /languages/
*/
/**********************************************************************************************
WPB01. Sitewide core styles-------------------------general styles first, html, body, headers, etc
WPB02. Brand Colors---------------------------------Links, hover, background
WPB03. Masthead-------------------------------------logo, Enp Widget, social,
WPB04. Site Header----------------------------------Masthead, logo, listen live, social, search
WPB05. Navigation-----------------------------------Main Navigation
WPB06. Slider---------------------------------------Royal slider custom styles
WPB07. Front Page Content Styles--------------------Tabs, video, recent posts,
WPB08. Widgets--------------------------------------Default styles for widgets, sidebar widgets, rss widgets, custom widgets
WPB09. Content Area---------------------------------Inside content areas, page, post, articles archive Gallery etc.
WPB10. Plugins--------------------------------------Custom Plugin styles
WPB11. Custom Code----------------------------------Misc Custom code and styles
WPB12. Media Queries--------------------------------Queries for Mobile / Tablet, etc
**********************************************************************************************/
/*********************************************************************************************
WPB01. Sitewide core styles------------------general styles first, html, body, headers, etc
*********************************************************************************************/
.consc .sidebar-widget-title{display:none;}
body.events-category-concerts{
background-image: url("https://dehayf5mhw1h7.cloudfront.net/wp-content/uploads/sites/334/2019/12/11070929/Live-Nation3.png") !important;
background-position: top center !important;
background-size: initial !important;
background-repeat: no-repeat;
background-attachment: fixed;
background-color:#ffffff!important;
}
html
{
font-size: 87.5%;
}
body
{
font-family: 'Lato',Helvetica,Arial,sans-serif!important;
font-size: 1rem;
color: #333;
background: url('https://d2isblg909whrf.cloudfront.net/themes/kbzn2/site-bg2.jpg') no-repeat fixed top center #f8dbc0;
}
a
{
text-decoration: none;
outline: none!important;
}
a:hover { text-decoration: none !important; }
/* Headers */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6
{
font-weight: normal;
display: block;
letter-spacing: -.04em;
}
h6,
.h6
{
font-size: 14px;
}
h5,
.h5
{
font-size: 15px;
line-height: 1.3;
margin-bottom: 5px;
}
h4,
.h4
{
font-size: 18px;
line-height: 1.3;
margin-bottom: 5px;
}
h3,
.h3
{
font-size: 18px;
line-height: 1.7;
}
h2,
.h2
{
font-size: 26px;
line-height: 1.6;
}
h1,
.h1
{
font-size: 30px;
line-height: 1.3;
margin-bottom: 15px;
}
ul,
ol
{
padding-left: 0;
}
/* Form fields, general styles first */
button,
input,
textarea
{
font-family: inherit;
font-size: 12px;
padding: 8px 12px;
}
button,
input
{
line-height: normal;
}
input,
textarea
{
border: 1px solid #ddd;
}
textarea
{
font-size: 100%;
overflow: auto;
vertical-align: top;
}
input[type='text'],
input[type='password']
{
line-height: 20px;
}
/* Reset non-text input types */
input[type='checkbox'],
input[type='radio'],
input[type='file'],
input[type='hidden'],
input[type='image'],
input[type='color']
{
padding: 0;
border: 0;
border-radius: 0;
}
/* Buttons */
.menu-toggle,
button,
input[type='submit'],
input[type='button'],
input[type='reset']
{
font-weight: normal;
line-height: 1.428571429;
padding: 9px 10px;
color: #7c7c7c;
border: none;
background-repeat: repeat-x;
}
.menu-toggle,
button,
input[type='submit'],
input[type='button'],
input[type='reset']
{
cursor: pointer;
}
button[disabled],
input[disabled]
{
cursor: default;
}
.menu-toggle:hover,
button:hover,
input[type='submit']:hover,
input[type='button']:hover,
input[type='reset']:hover,
article.post-password-required input[type=submit]:hover
{
color: #fff!important;
background: #0C3C8E;
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type='submit']:active,
input[type='button']:active,
input[type='reset']:active
{
color: #757575;
border: none;
background-color: #e1e1e1;
}
/* Small buttons */
.btn-small
{
padding: 5px 4px;
}
.widefat
{
width: 100%;
}
/* Responsive images */
.entry-content img,
.comment-content img,
.widget img
{
max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*='align'],
img[class*='wp-image-'],
img[class*='attachment-']
{
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.artist-image,
img.wp-post-image
{
max-width: 100%;
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video
{
max-width: 100%;
}
.entry-content .twitter-tweet-rendered
{
max-width: 100% !important; /* Override the Twitter embed fixed width */
}
/*
This element holds injected scripts inside iframes that in
some cases may stretch layouts. So, we're just hiding it.
*/
#fb-root
{
display: none;
}
/* To fill the container and nothing else */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style]
{
width: 100% !important;
}
/* Responsive Facebook Like Box */
.widget_facebook_likebox iframe
{
width: 100% !important;
}
#twitter-widget-0 {
width:100%!important;
}
/* Youtube Wrapper*/
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Images */
.alignleft
{
float: left;
}
.alignright
{
float: right;
}
.aligncenter
{
display: block;
margin-right: auto;
margin-left: auto;
}
/* =Banners
-------------------------------------------------------------- */
.adv-banner img /*centers all banners in their containers*/
{
margin: 0 auto;
}
.u-nav-banner /*adds margin to leaderboard banner in footer*/
{
margin:10px 0 10px 0;
}
.closings {
background: none repeat scroll 0 0 #fff;
}
.adv-container
{
overflow: hidden;
max-width: 100%;
}
.adv-container img
{
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
/* Banners in widgets widgets */
.banner-widget-area .widget
{
margin-bottom: 7px;
}
.banner-widget-area .widget_text .textwidget
{
padding: 0;
background-color: transparent;
}
/* to-do Captions */
.wp-caption
{
max-width: 100%; /* Keep wide captions from overflowing their container. */
padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption
{
font-size: 12px;
font-style: italic;
line-height: 2;
color: #757575;
}
img.wp-smiley,
.rsswidget img
{
display: none;
margin-top: 0;
margin-bottom: 0;
padding: 0;
border: 0;
border-radius: 0;
box-shadow: none;
}
.entry-content dl.gallery-item
{
margin: 0;
}
/* Remove container/row padding */
.alpha
{
padding-left: 0;
}
.omega
{
padding-right: 0;
}
/*margin bottom*/
.mar10b {margin-bottom:10px;}
.mar20b {margin-bottom:20px;}
.mar30b {margin-bottom:30px;}
.mar40b {margin-bottom:40px;}
.mar50b {margin-bottom:50px;}
/*margin top*/
.mar10t {margin-top:10px;}
.mar15t {margin-top:15px;}
.mar20t {margin-top:20px;}
.mar30t {margin-top:30px;}
.mar40t {margin-top:40px;}
.mar50t {margin-top:50px;}
/*padding bottom*/
.pad10b {padding-bottom:10px;}
.pad20b {padding-bottom:20px;}
.pad30b {padding-bottom:30px;}
.pad40b {padding-bottom:40px;}
.pad50b {padding-bottom:50px;}
/*padding top*/
.pad10t {padding-top:10px;}
.pad20t {padding-top:20px;}
.pad30t {padding-top:30px;}
.pad40t {padding-top:40px;}
.pad50t {padding-top:50px;}
/*********************************************************************************************
WPB02. Brand Colors---------------------------------Links, hover, background
*********************************************************************************************/
a,
.color-brand { color: #9a0000;} /*red*/
.bg-brand { background-color: #003D79;}
.hover-color-brand:hover { color: #003D79;}
.hover-bg-brand:hover { background-color: #003D79;}
/* Secondary color (gray) */
.color-secondary { color: #b6abab;}
.border-secondary { border-color: #b6abab;}
.hover-color-secondary:hover { color: #b6abab;}
.hover-bg-secondary:hover { color: #b6abab;}
.bg-nav {background:#C3C4C2}
.bg-secondary {}
/* Light color (white) */
.color-light { color: #ffde16;}
.bg-light {background-color: #fff;}
.border-light { border-color: #0435c3;}
.hover-color-light:hover { color: #ffde16;}
.hover-bg-light:hover { color: #000; background-color: #ffde16;}
.hover-border-light:hover { border-color: #fff;}
/* Dark color (black) */
.color-dark { color: #143d8d;}
.bg-dark { background-color: #073d98;}
.border-dark { border-color: #990000;}
.hover-color-dark:hover { color: #143d8d;}
.hover-bg-dark:hover { background-color: #143d8d;}
.hover-border-dark:hover {border-color: #990000;}
.bg-container {background:#C3C4C2;}
.bg-schedule-now {background-color: #fff;}
.bg-navbar { background: #000; }
/*********************************************************************************************
WPB03. Masthead-------------------------------------logo, Enp Widget, social,
*********************************************************************************************/
.wrapper
{
-webkit-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.55);
-moz-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.55);
box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.55);
}
.header-wrapper {position:relative; top:20px;}
.masthead
{
height: auto;
padding: 0 ;
background: #221e1f;
-moz-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.26);
-webkit-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.26);
box-shadow: 0 7px 8px rgba(0, 0, 0, 0.26);}
}
.social-links {margin:10px 0;}
.social-links {padding: 0; margin:8px 0;}
.social-link-item { margin-left:2px; }
.social-link-item img {}
.twitter-feed {padding:10px 0 0 0 ;}
/*********************************************************************************************
WPB04. Site Header----------------------------Masthead, logo, listen live, social, search
*********************************************************************************************/
.alpha-omega {
padding: 0 !important
}
.alpha {
padding-left: 0 !important
}
.omega {
padding-right: 0 !important
}
/* -----------------------------------------------------------------------------
* $SCHEDULE NOW
* -------------------------------------------------------------------------- */
#schedule_now .hentry {
margin-bottom: 5px;
}
#schedule_now {
font-family: 'Oswald', sans-serif;
max-width: 330px;
min-width: 300px;
margin: 0 auto;
color: #fff;
background: #000;
}
#schedule_now figure {
float: left;
margin-right: 5px;
}
#schedule_now figure img {
margin: 0;
}
#schedule_now .excerpt-wrapper {
width: 100%;
}
#schedule_now .show-header {
font-size: 18px;
font-weight: 400;
line-height: 20px;
padding-top: 5px;
border-style: none;
margin-bottom: 0
}
#schedule_now .excerpt .show_title {
font-family: 'Open Sans', sans-serif;
font-size: 13px !important;
line-height: 15px;
color: #fff !important
}
#schedule_now .show_excerpt p {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
margin: 0;
line-height: 14px
}
#schedule_now .show_social_icons {
padding: 5px 0
}
#schedule_now .show_social_icons img {
width: 24px;
}
/* -----------------------------------------------------------------------------
* $SCHEDULE NEXT
* -------------------------------------------------------------------------- */
#schedule_next .hentry {
margin-bottom: 5px;
}
.schedule-next {
max-width: 330px;
min-width: 300px;
margin: 0 auto;
}
#schedule_next {
font-family: 'Oswald', sans-serif;
max-width: 330px;
min-width: 300px;
margin: 0 auto;
color: #fff;
background: #9A0000!important;
}
#schedule_next figure {
width: 33%;
float: left;
margin-right: 5px;
}
#schedule_next figure img {
margin: 0;
}
#schedule_next .excerpt-wrapper {
width: 100%;
}
#schedule_next .show-header {
font-size: 18px;
font-weight: 400;
line-height: 20px;
padding-top: 5px;
border-style: none;
margin-bottom: 0
}
#schedule_next .excerpt .show_title {
font-family: 'Open Sans', sans-serif;
font-size: 13px !important;
line-height: 15px;
color: #fff !important
}
#schedule_next .show_excerpt p {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
margin: 0;
line-height: 14px
}
#schedule_next .show_social_icons {
padding: 5px 0
}
#schedule_next .show_social_icons img {
width: 24px;
}
.schedule-next .wp-post-image {
margin: 0; padding-right: 15px
}
.host_img img{height:83px;width:auto}
.on-air-now .show-header {
color: #fff;
font-family: Oswald;
font-size: 18px;
text-indent:5
}
.on-air-now .excerpt a {color:#fff}
/*Listen Live Block*/
.listen-live .item {
background: none repeat scroll 0 0 #221e1f;
color: #FFFFFF;
display: block;
margin: 1px 0;
height: 80px;
overflow: hidden;
padding-left: 70px;
padding-top: 18px;
position: relative;
}
.listen-live .item:hover {background:#E4162C}
.listen-live .icon {
border-right: 1px solid #ffffff;
bottom: 15px;
font-size: 33px;
left: 0;
position: absolute;
text-align: center;
top: 15px;
width: 60px;
}
.listen-live .live-link{
font-size: 20px;
line-height: 40px;
color:#FFF!important;
}
.banner-group
{
padding:25px 0 0 0
}
#artist-fade-1 {
z-index: 0!important
}
/*********************************************************************************************
WPB05. Navigation-----------------------------------Main Navigation
*********************************************************************************************/
/* navbar */
.site-navigation
{
}
.nav-wrapper
{
position: relative;
background: #000;
}
.navbar-brand
{
line-height: 32px;
height: 60px;
}
.navbar
{
margin-bottom: 0;
border: none;
border-radius: 0;
}
.navbar-default
{
background: transparent;
}
/* title*/
.navbar-default .navbar-brand
{
font-family: 'Oswald';
color: #fff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus
{
font-family: 'Oswald';
color: #fff;
background: #000;
}
/* link */
.navbar-default .navbar-nav > li > a
{
font: normal 600 22px 'Oswald';
padding: 16px 10px!important;
color: #fff;
text-transform: uppercase
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus
{
color: #fff;
background:#9a0000;
}
.navbar-default .navbar-nav > li:last-child > a
{
font: 26px
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus
{
color: #fff;
background:#9a0000;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus
{
color: #fff;
background:#9a0000;
}
.navbar-default .navbar-nav > .active
{
color: #fff;
background:#9a0000;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret
{
border-top-color: #fff;
border-bottom-color: #fff;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret
{
border-top-color: #fff;
border-bottom-color: #fff;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret
{
border-top-color: #fff;
border-bottom-color: #fff;
}
/* Dropdown Menu */
.dropdown-menu
{
padding: 0;
color: #000;
border: 0;
background: #9a0000;
}
.dropdown-menu > li > a
{
font: normal 300 24px/44px 'Oswald';
color: #fff;
border-bottom: 1px dotted #fff;
}
.dropdown-menu > li:last-child > a {
border-bottom: 0px dotted #fff;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus
{
text-decoration: none;
color: #000;
background: #9a0000;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus
{
text-decoration: none;
color: #000;
background-color: #000;
}
/* mobile version */
.navbar-default .navbar-text
{
font: normal 20px 'Oswald';
padding-left: 10px;
color: #fff;
}
.navbar-default .navbar-toggle
{
margin: 13px 15px 0 0;
border-color: #fff;
background: none repeat scroll 0 0 #9B0000!important;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus
{
background-color: #BA1C22;
}
.navbar-default .navbar-toggle .icon-bar
{
background-color: #fff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus
{
font-family: 'Oswald';
color: #fff;
background: #9a0000;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#fff;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {color:#000;}
/*Nav Search*/
#searchform .form-control {
border-radius: 0;
background:#e3e3e3;
-webkit-box-shadow: inset 12px 12px 6px -13px rgba(0,0,0,0.61);
-moz-box-shadow: inset 12px 12px 6px -13px rgba(0,0,0,0.61);
box-shadow: inset 12px 12px 6px -13px rgba(0,0,0,0.61);
}
#searchform .btn {
font-size:18px;
padding:3px 8px;
}
#searchform .btn-primary {
background-color: #000;
border-color: #000;
color: #fff;
}
#searchform .btn-primary:hover {
background-color: #000;
border-color: #000!important;
color: #fff;
}
/*Buttons*/
.btn {
font-size:15px;
padding:2px 8px;
font-family:'Oswald';
text-transform: uppercase;
border-radius: 4px
}
.btn-primary {
background-color: #000;
border-color: #000;
color: #fff;
}
.btn-primary:hover {
background-color: #000;
border-color: #000!important;
color: #fff;
}
/*********************************************************************************************
WPB06. Slider---------------------------------------Royal slider custom styles
*********************************************************************************************/
/*********************************************************************************************
WPB07. Front Page Content Styles--------------------Tabs, video, recent posts, custom styles
*********************************************************************************************/
.u-nav-group {margin:15px 0 0;}
.main-container {padding: 10px} /*adds padding to the main content area*/
/* =Tabby Responsive Tabs
---------------------------------------------------------------*/
.responsive-tabs .responsive-tabs__heading {
display: none;
}
.responsive-tabs .responsive-tabs__list__item {
display: inline;
cursor:pointer;
}
.responsive-tabs-wrapper {
clear: both;
margin-bottom: 20px;
zoom: 1;
}
.responsive-tabs-wrapper:before,
.responsive-tabs-wrapper:after {
content: "";
display: table;
}
.responsive-tabs-wrapper:after {
clear: both;
}
.responsive-tabs .responsive-tabs__heading:focus,
.responsive-tabs .responsive-tabs__list__item:focus {
outline: 1px solid transparent;
}
.responsive-tabs .responsive-tabs__heading--active:focus,
.responsive-tabs .responsive-tabs__list__item--active:focus {
outline: none;
}
.responsive-tabs .responsive-tabs__list {
font-size: 18px;
line-height: 18px;
margin: 7px 0 5px 0;
padding-bottom:0;
}
.responsive-tabs .responsive-tabs__list__item:first-child {
margin: 0px;
}
.responsive-tabs .responsive-tabs__list__item {
background: none repeat scroll 0 0 #d2d2d2;
border: 0 solid transparent;
color: #000;
font-family: "Anton";
font-size: 18px;
font-weight: normal;
line-height: 1;
margin: 0 0 0 4px;
padding: 3px 15px;
text-transform: uppercase;
}
.responsive-tabs .responsive-tabs__list__item:hover {
color: #fff;
}
.responsive-tabs .responsive-tabs__list__item--active,
.responsive-tabs .responsive-tabs__list__item--active:hover {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
color: #000;
}
.responsive-tabs .responsive-tabs__list__item--active,
.responsive-tabs .responsive-tabs__list__item--active:hover
{
margin-right: 0px;
color: #fff;
border-top: 0 solid #000;
border-top-left-radius: 0;
border-top-right-radius: 0;
background: #ee3d43;
}
#widget-6 .responsive-tabs .responsive-tabs__list__item--active,
.responsive-tabs .responsive-tabs__list__item--active:hover
{
margin-right: 0px;
color: #fff;
border-top: 0 solid #000;
border-top-left-radius: 0;
border-top-right-radius: 0;
background: #ee3d43;
}
.responsive-tabs .responsive-tabs__list__item--active,
.responsive-tabs .responsive-tabs__list__item--active:hover
{
margin-right: 0px;
color: #fff;
border-top: 0 solid #000;
border-top-left-radius: 0;
border-top-right-radius: 0;
background: #9a0000;
}
.responsive-tabs .responsive-tabs__panel {
background: #fff;
border: 1px solid #e8e8e8;
margin-bottom: 0px;
padding: 10px 10px;
}
#widget-4 .responsive-tabs .responsive-tabs__panel {
background:#e8e8e8;
height: 645px;
overflow: auto;
}
@media (min-width: 768px) {
.responsive-tabs .responsive-tabs__panel--closed-accordion-only {
display: block;
}
}
/* --- ACCORDION --- */
@media (max-width: 767px) {
.responsive-tabs .responsive-tabs__list {
display: none;
}
.responsive-tabs .responsive-tabs__heading {
display: block; cursor: pointer;
}
.responsive-tabs .responsive-tabs__panel--closed-accordion-only {
display: none;
}
}
@media (max-width: 767px) {
.responsive-tabs-wrapper {
border-top: 1px solid #ddd;
}
.responsive-tabs .responsive-tabs__heading {
background: #fff;
border: 1px solid #ddd;
border-top: none;
color: #909090;
font-size: 18px;
font-weight: normal;
padding: 10px 0 10px 20px;
margin: 0;
position: relative;
}
.responsive-tabs .responsive-tabs__heading:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #444;
content:"";
display: block;
position: absolute;
right: 20px;
top: 20px;
height: 0;
width: 0;
}
.responsive-tabs .responsive-tabs__heading:hover {
color: #606060;
}
.responsive-tabs .responsive-tabs__heading--active,
.responsive-tabs .responsive-tabs__heading--active:hover {
background: #e3e3e3;
color: #606060;
}
.responsive-tabs .responsive-tabs__heading--active:after {
border-bottom: 6px solid #404040;
border-top: 0;
top: 18px;
}
.responsive-tabs .responsive-tabs__panel {
border-top: none;
margin: 0;
}
}
#widget-social .responsive-tabs__list__item {
padding: 10px 6px;
}
.facebook
{
background:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.facebook
{
background:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* = Recent Post Styles
---------------------------------------------------------------*/
/* Content widget area*/
.content-widget-title
{
font:normal 400 25px/12px 'Anton';
position: relative;
clear: both;
margin: 0 0 15px 0;
padding: 12px 10px;
letter-spacing: 0px;
text-transform: uppercase;
color: #fff!important;
background:#000
}
.content-widget-title a
{
color: #fff;
}
.content-widget-title a:hover
{
color: #fff;
}
.red {background:#9a0000}
.black {background:#000}
.icon-right-open
{
display: none;
}
/************************************************************************************************
WPB08. Widgets------Default styles for custom widgets, widgets, sidebar widgets, rss widgets etc.
*************************************************************************************************/
/* Custom Widget Styles */
#left-column article {padding-bottom:0px; margin-bottom:10px;}
#left-column .article-title {clear:both; padding:5px 0;}
#left-column .title {clear:both; padding: 10px 0 0 0}
#left-column .category-gallery .wp-post-image {width:220px}
#left-column .category-contest-promo .wp-post-image {width:220px; }
#left-column .category-contest-promo .article-meta {display: none}
.tribe-events-list-widget ol li {margin-bottom:0}
.tribe-events-widget-link {color:#fff;}
#left-column .tribe-events-list-widget-events .entry-title {border-bottom:0; margin-top:2px; font-size:20px; line-height:20px}
#left-column .tribe-events-list-widget-events .entry-title a {color:#000; margin:0; }
#left-column .tribe-events-list-widget-events .entry-title a:hover {color:#000}
#left-column .tribe-events-list-widget-events .duration {display:none}
#left-column .tribe-events-list-widget-events .duration {display:none}
#center-column .category-whats-happening .wp-post-image {width:105px}
#center-column .category-whats-happening .article-meta {display: none}
#center-column article {padding-bottom:10px}
#center-column .category-community .wp-post-image {width:140px; height:120px}
#center-column .category-community .entry-summary a{display: none}
#center-column .category-music-news .wp-post-image {width:140px; height:120px}
#center-column .category-music-news .entry-summary a{display: none}
#center-column .category-music-news h5 a {color: #333}
#tile-banners {margin-bottom:10px}
/*--------------------------------------------*/
/* Site Map Column widget (located in footer) */
.site-map {border-bottom: 15px solid #232323}
/* End custom widgets styles-------------------------------------------- */
/* =Sidebar widgets
-------------------------------------------------------------- */
.sidebar-widget
{
background: #d6dee8;
}
.sidebar
{
margin-top: 2px;
}
.sidebar-widget-title
{
font:normal 400 25px/12px 'Anton';
position: relative;
clear: both;
margin: 15px 0 0;
padding: 12px 10px;
letter-spacing: 0px;
text-transform: uppercase;
color: #fff!important;
background:#9a0000
}
.sidebar-widget-title a
{
color: #fff;
}
.sidebar-widget-title a:hover
{
color: #fff;
}
.sidebar .widget_adv_location {margin:12px 0}
/* Default styles for list widget */
.widget-margin-top
{
margin-top: 50px;
}
.widget-area .widget
{
margin-bottom: 10px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.widget-area .widget > ul
{
padding: 10px 20px;
}
.widget-area .widget > ul li,
.widget .recent-posts-list article
{
padding: 0 0 8px 0;
border-top: 0 solid #fff;
}
.widget-area .widget > ul li:first-child,
.widget-area .recent-posts-list article:first-child
{
border: none;
}
.widget-area .widget > ul a
{
display: block;
}
.widget-content ul
{
list-style-type: none;
}
/* Search Widget */
.widget_search > div
{
margin: 0 0 16px 0;
padding: 0;
}
.widget_search form
{
position: relative;
}
.widget_search input[type='text']
{
font-size: 15px;
width: 100%;
margin: 0;
padding-left: 10px;
border: 1px solid #ccc;
background: none repeat scroll 0 0 #fff;
border-radius: 0
}
.widget_search label
{
position: absolute;
top: 0;
left: 0;
display: none;
overflow: hidden;
width: 1px;
height: 27px;
margin-top: 0;
padding-left: 35px;
border-right: 1px solid #ddd;
}
.widget_search .icon-search
{
font-size: 23px;
line-height: 30px;
position: absolute;
top: 0;
left: 0;
}
.widget_search .btn {padding: 16px 18px; background:#0140A9!important; border-radius: 0}
.widget_search input[type='submit']
{
display: none;
}
/* Recent posts widget */
ins
{
margin-top: 20px;
}
.widget .posts-list
{
padding: 0;
}
.widget_recent_posts .compact
{
overflow: hidden;
margin-bottom: 0;
padding-bottom: 0;
}
/* There is only one image inside */
.widget_recent_posts .compact .wp-post-image {
float: none;
height: auto;
margin: 0 0 10px 0;
}
.widget_recent_posts .continue-reading
{
display: none;
}
.widget_recent_posts .entry-summary p
{
margin: 0;
}
.posts-list
{
padding: 10px;
}
.posts-list h5 a
{
font-size: 20px;
line-height: 20px;
color: #000;
}
.posts-list h5 a:hover
{
color: #9a0000;
}
/* Recent posts widget in content widget area */
.content-widget-area .widget_recent_posts .first .title
{
margin-top: 10px;
}
.content-widget-area .widget_recent_posts .compact
{
margin: 10px 0 0;
padding: 5px 10px;
}
.content-widget-area .widget_recent_posts .compact .wp-post-image
{
width: 330px;
margin: 5px 15px 10px 1px;
}
/* Recent posts is a slider */
.widget_recent_posts.recent_posts_slider .widget-title
{
position: relative;
padding-right: 80px;
}
.widget_recent_posts.recent_posts_slider .prev-next-nav
{
position: absolute;
top: 50%;
right: 5PX;
margin-top: -17px;
}
.widget_recent_posts .caroufredsel_wrapper article
{
float: left;
}
/* Tabs Component (used only inside a widget) */
.tab-title
{
display: inline-block;
padding: 10px;
}
.tab-content
{
display: none;
padding: 10px;
}
.tab-content.selected
{
display: block;
}
/* Show divider after each 2 widgets */
.content-widget-area .content-widget-divider
{
display: none;
clear: both;
}
.content-widget-area .content-widget-divider:nth-child(4n+0)
{
display: block;
}
.content-widget-title .title-link
{
line-height: 50px;
position: absolute;
top: 0;
right: 0;
}
/* Text widget */
.widget_text .textwidget
{
padding-left: 0;
}
/* RSS Widget styles*/
.rssSummary
{
font-size: 14px;
line-height: 22px;
}
.widget_rss ul
{
margin: 0;
padding: 0;
list-style-type: none;
/*
overflow-y: scroll;
overflow-x: hidden;*/
margin-bottom: 20px
}
.widget_rss ul li
{
margin: 22px 0;
}
.widget_rss ul li a
{
font:normal 400 18px/20px 'Lato';
margin: 10px 0;
padding: 0;
color: #000;
}
.widget_rss ul li a:hover
{
color: #9a0000;
}
/************************************************************************************************
WPB09. Content Area-----------------------Inside content areas, page, post, articles archive etc.
*************************************************************************************************/
.main-content
{
margin-top: 20px;
}
.site-content
{
padding: 10px;
background: none repeat scroll 0 0 #fff;
}
.section-title
{
font-size: 18px;
line-height: 20px;
margin-bottom: 0;
padding: 0;
text-transform: uppercase;
color: #231815;
}
.entry-title
{
font:normal 300 35px/35px 'Roboto Condensed';
margin: 15px 0 5px;
padding-bottom: 5px;
color: #272727;
border-bottom: 2px solid #272727;
}
/* List inside content area */
.content-widget-area li,
.content-widget-area .article-compact
{
display: block;
padding: 5px 15px;
border-top: 1px solid #f0f2f4;
}
.content-widget-area li:first-child,
.content-widget-area .article-compact:first-child
{
border: none;
}
/* Show article has thumbnail on the left */
.single-show .show_thumbnail {
float: left;
margin: 0;
padding: 0 30px 0 0;
width: 106px;
}
.single-show header {float:left; padding-top:10px; margin-bottom:10px;}
.single-show .entry-title {border-style:none;}
.single-show .article-meta {display:block; font-size:12px}
.single-show p {clear:both}
.single-show .entry-header {
border-bottom: 1px dotted #ccc;
margin-bottom: 10px;
padding: 10px 0;
}
/* = Article archive styles
-------------------------------------------------------------- */
article
{
border-bottom: 0 dotted #ccc;
}
article:last-child
{
border-bottom: 0 dotted #ccc;
}
article.archive
{
padding: 10px 0;
border-bottom: 1px dotted #ccc;
}
article.archive:first-child
{
border: none;
}
article.archive h4
{
margin: 0;
padding: 4px 0;
}
.archive-title
{
line-height: 45px;
border-bottom: 2px solid #272727;
}
/* Article meta has a bit lighter content */
.article-meta
{
margin-bottom: 2px;
padding-bottom: 0;
opacity: .7;
color: #666;
font-size: 12px
}
.article-meta a
{
color: #666;
}
/* Compact article */
.article-compact .article-meta
{
font-size: 11px;
margin-bottom: 6px;
}
.article-title
{
font: normal 500 14px/22px 'Lato';
margin-top: 0px;
margin-bottom: 0;
}
article .entry-summary
{
margin-bottom: 20px;
}
.icon-calendar-inv
{
margin-right: 2px;
}
.date-posted
{
color: #7b7b7b;
}
article .wp-post-image
{
float: left;
margin: 10px 10px 0;
}
/* Archive article has thumbnail on the left */
.archive .wp-post-image {
width:100%;
margin:0 0 10px 0
}
@media (min-width: 992px) {
.archive .wp-post-image {
width:45%;
margin:0 10px 10px 0
}
}
article.archive.with-thumbnail
{
overflow: hidden;
}
article.archive.with-thumbnail .attachment-thumbnail
{
float: left;
margin: 0 20px 10px 0;
}
.thumbnail-slider-nav
{
display: none;
}
/* Show article has thumbnail on the left */
.show_thumbnail
{
float: left;
margin: 0 0px 10px 0;
}
.show-header .entry-title {border-style:none; float:left; margin-top:96px}
.show-meta {font-size:12px; float:left}
.show-container p {clear: both}
/* =Main content and comment content
------------------------------------------------------------- */
.entry-content,
.entry-summary,
.mu_register
{
line-height: 1.5;
}
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p
{
margin: 0 0 14px;
}
.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul
{
margin: 0 40px 24px;
}
.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul
{
margin-bottom: 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul
{
list-style: disc outside;
}
.entry-content ol,
.comment-content ol
{
list-style: decimal outside;
}
.entry-content li,
.comment-content li,
.mu_register li
{
margin: 0 0 0 0;
}
.entry-content blockquote,
.comment-content blockquote
{
font-style: italic;
margin-bottom: 24px;
padding: 24px;
}
.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child
{
margin-bottom: 0;
}
.entry-content code,
.comment-content code
{
font-family: Consolas, Monaco, Lucida Console, monospace;
font-size: 12px;
line-height: 2;
}
.entry-content pre,
.comment-content pre
{
font-family: Consolas, Monaco, Lucida Console, monospace;
font-size: 12px;
line-height: 1.714285714;
overflow: auto;
margin: 24px 0;
padding: 24px;
color: #666;
border: 1px solid #ededed;
}
.entry-content pre code,
.comment-content pre code
{
display: block;
}
.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym
{
cursor: help;
border-bottom: 1px dotted #666;
}
.entry-content address,
.comment-content address
{
line-height: 1.714285714;
display: block;
margin: 0 0 24px;
}
img.alignleft,
.media.alignleft
{
margin: 12px 24px 12px 0;
}
img.alignright,
.media.alignright
{
margin: 12px 0 12px 24px;
}
img.aligncenter,
.media.aligncenter
{
margin-top: 0px;
margin-bottom: 5px;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video
{
margin-bottom: 24px;
}
.entry-content dl,
.comment-content dl
{
margin: 0 24px;
}
.entry-content dt,
.comment-content dt
{
font-weight: bold;
line-height: 1.714285714;
}
.entry-content dd,
.comment-content dd
{
line-height: 1.714285714;
margin-bottom: 24px;
}
.entry-content table,
.comment-content table
{
font-size: 12px;
line-height: 2;
width: 100%;
margin: 0 0 24px;
color: #757575;
border-bottom: 1px solid #ededed;
}
.entry-content table caption,
.comment-content table caption
{
font-size: 16px;
margin: 24px 0;
}
.entry-content td,
.comment-content td
{
padding: 6px 10px 6px 0;
border-top: 1px solid #ededed;
}
.page-links
{
line-height: 1.714285714;
clear: both;
}
.comment-reply-title
{
color: #272727;
}
.continue-reading
{
font-family: 'Oswald';
font-size: 16px;
font-weight: normal;
line-height: 1.42857;
max-width: 130px;
padding: 6px 12px;
cursor: pointer;
-moz-user-select: none;
text-align: center;
vertical-align: middle;
white-space: nowrap;
color: #fff !important;
border: 0 solid rgba(0, 0, 0, 0);
border-radius: 4px;
background: none repeat scroll 0 0 #000;
}
.continue-reading:hover
{
color: #FFF!important;
background-color: #8E4299!important;
}
.read-more {
display:block;
float:right;
padding:10px 0;
}
code
{
white-space: normal;
background: none;
}
/* =Archives
-------------------------------------------------------------- */
.archive-header,
.page-header
{
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
padding-bottom: 22px;
padding-bottom: 1.571428571rem;
border-bottom: 1px solid #ededed;
}
.archive-meta
{
font-size: 12px;
font-size: .857142857rem;
line-height: 2;
margin-top: 22px;
margin-top: 1.571428571rem;
color: #757575;
}
/* =Comments
-------------------------------------------------------------- */
.comments-area
{
clear: both;
}
.comments-area article
{
margin: 24px 0;
}
.comments-area article header
{
overflow: hidden;
margin: 0 0 15px;
}
.comments-area article header img
{
float: left;
}
.comments-area article header cite,
.comments-area article header time,
.comments-area .children
{
display: block;
margin-left: 55px;
}
/* Comment form */
.required
{
color: red;
}
#respond p
{
margin: 15px 0;
}
/***************************************************************
*-------------------Pagination--------------------*
***************************************************************/
.pagination {
clear: both;
font-size: 11px;
line-height: 13px;
padding: 20px 0;
position: relative;
}
.pagination span, .pagination a {
background: none repeat scroll 0 0 #052c5a; /*primary color*/
color: #fff;
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 6px 9px 5px;
text-decoration: none;
width: auto;
}
.pagination a:hover {
background: none repeat scroll 0 0 #ccc; /*hover color*/
color: #000;
text-decoration: none;
}
.pagination .current {
background: none repeat scroll 0 0 #ccc; /*selected color*/
color: #000;
padding: 6px 9px 5px;}
/* =Icons
----------------------------------------------- */
.sprite
{
display: inline-block;
overflow: hidden;
vertical-align: middle;
text-indent: -999px;
}
/* =Photo Gallery Styles
-------------------------------------------------------------- */
.front-row
{
margin-top: 28px !important;
}
.thumbnail-slider .slider-nav:after
{
display: inline-block;
width: 100%;
content: '';
}
/* Front page slider */
.thumbnail-slider
{
position: relative;
}
.thumbnail-slider .slide-item
{
position: relative;
z-index: 10;
float: left;
}
.thumbnail-slider img
{
display: block;
}
.thumbnail-slider .slide-caption
{
position: absolute;
z-index: 10;
right: 0;
bottom: 0;
left: 0;
padding: 5px;
background-color: rgba(0, 0, 0, .5);
}
.thumbnail-slider .slider-nav
{
overflow: hidden;
text-align: justify;
}
.thumbnail-slider .nav-item
{
display: inline;
margin-top: 7px;
cursor: pointer;
opacity: .3;
}
.thumbnail-slider .nav-item.selected
{
opacity: 1;
}
/* Prev Next Navigation */
.thumbnail-slider .slides-wrapper
{
position: relative;
}
.thumbnail-slider-nav
{
position: absolute;
z-index: 100;
top: 50%;
width: 100%;
margin-top: -20px;
}
.thumbnail-slider-nav .prev,
.thumbnail-slider-nav .next
{
margin: 0;
opacity: .7;
}
.thumbnail-slider-nav .prev
{
float: left;
}
.thumbnail-slider-nav .next
{
float: right;
}
/* Different styles for slides */
.thumbnail-slider.total-items-1 .nav-item
{
display: none;
}
.thumbnail-slider.total-items-2 .nav-item
{
max-width: 49%;
margin-left: 0;
}
.thumbnail-slider.total-items-3 .nav-item
{
max-width: 32%;
}
.thumbnail-slider.total-items-4 .nav-item
{
max-width: 23%;
}
.thumbnail-slider.total-items-5 .nav-item
{
max-width: 19%;
}
.thumbnail-slider.total-items-6 .nav-item
{
max-width: 15.85%;
}
.thumbnail-recent-posts
{
margin: 20px 0 0;
}
/*********************************************************************************************
WPB10. Plugins-----------------Custom Plugin styles
*********************************************************************************************/
/* Sendpress Custom Style*/
.sendpress-signup
{
margin: 0 0;
padding: 0 8px;
border: solid 0 #a1a1a1;
}
.sendpress-signup p
{
padding: 10px 0 0 0!important;
font-family:'Oswald';
color: #000;
}
.Sendpress button, input, textarea {color:#000}
#sendpress_signup .menu-toggle,
button,
input[type='submit'],
input[type='button'],
input[type='reset']
{
font-family: 'Oswald';
font-size: 15px;
margin-bottom: 10px;
padding: 6px 10px;
text-transform: uppercase;
color: #fff;
border: 0px solid #0C3B8E;
background-color: #000!important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
/* Responsive Poll*/
.weblator-poll-container .panel
{
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.weblator-poll-container .panel-default > .panel-heading
{
border-width: 0;
border-color: #fff;
border-top-left-radius: 0;
border-top-right-radius: 0;
background: #fff;
}
.weblator-poll-container .panel-title
{
font-family: 'Lato';
font-size: 18px;
line-height: 22px;
color: #000;
}
.panel-body
{
color: #000;
border: 0;
}
.weblator-poll-vote
{
background: #fff;
}
.weblator-poll-container .panel-footer
{
padding: 10px 15px;
border-top: 0 solid #ddd;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background: #fff;
}
.weblator-poll-container label
{
font-family: 'Lato';
font-size: 16px;
font-weight: normal;
line-height: 20px;
color: #000;
}
.weblator-poll-container .btn
{
font-family: 'Oswald';
font-size: 15px;
color: #fff!important;
border-style: none;
background: #000!important;
}
.weblator-poll-container .btn-default:hover
{
color: #fff!important;
border: none;
border-color: #fff;
background: #000!important;
}
.bs-chart-container
{
padding: 10px;
}
img#wpstats
{
display: block;
margin: 0 auto 24px;
margin: 0 auto 1.714285714rem;
}
/* =Branding
-------------------------------------------------------------- */
/* Global elements */
html
{
color: #7b7b7b;
}
a
{
color: #9a0000;
}
a:hover
{
text-decoration: none;
color: #333;
}
/* Inverse links */
a.inverse
{
color: #272727;
}
a.inverse:hover,
.main-navigation a:hover,
.main-navigation li.current-menu-ancestor a,
.main-navigation li.current-menu-item a
{
color: #003D79;
}
/* All headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6
{
font-family: Arial;
font-weight: 300;
color: #272727;
}
/* Buttons */
.menu-toggle,
button,
input[type='submit'],
input[type='button'],
input[type='reset']
{
background-color: #f0f2f4;
}
/* Blockquote */
.blockquote
{
border-left: 5px solid #ffde16;
}
/* Tabs */
.tab-title.selected
{
color: #000;
background-color: #f0f2f4;
}
/* All first level div and uls in sidebar have secondary bg */
.widget-area .widget > div,
.widget-area .widget > ul
{
padding: 0;
}
/*********************************************************************************************
11.Site Footer----------------------------Secondary nav, copyright, site-map
*********************************************************************************************/
.secondary-nav
{
padding: 20px 0 0;
}
.secondary-nav ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
.secondary-nav ul li
{
font: normal 300 16px/36px "Roboto";
color: #fff;
display:inline-block
}
.secondary-nav ul li a
{
display: block;
padding-right: 15px;
padding-left: 15px;
text-decoration: none;
color: #fff;
}
.secondary-nav ul li a:hover
{
color: #E4162C;
}
.footer-widget-title {
color: #2c2c2c;
font-family: 'Open Sans';
font-size: 16px;
font-weight:400;
line-height: 40px;
text-indent: 15px;
text-transform: uppercase;
}
.widget-footer { border-right:1px dotted #333}
.footer-column {padding: 20px 0px}
.footer-column .adv-banner {margin:5px 0 5px 0}
.site-footer {
background:#000;
padding: 8px 0;
}
.footer-column ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.footer-column ul li {
color: #000;
font-size: 14px;
line-height: 22px;
padding-left: 0;
padding-right: 0;
text-transform: none;
}
.footer-column ul li a {
color: #2c2c2c;
display: block;
font-family: 'Open Sans';
padding-left: 15px;
padding-right: 15px;
text-transform: none;
}
.footer-column ul li a:hover {
color: #003D79;
text-decoration:underline!important;
}
.footer-column .current-menu-item a {}
/*-Site Footer Copyright--------------------*/
.copyright
{
font: normal normal 12px "Open Sans";
padding: 24px 10px 0;
color: #fff;
}
.copyright a
{
color: #fff;
}
.copyright a:hover
{
color:#8E4299;
}
.copy
{
padding: 15px;
}
.footer {
background: none repeat scroll 0 0 #000;
padding: 10px;
}
.footer-social .social-links {text-align: left}
#floating-footer {
position: fixed;
bottom: 0;
widtH: 100%;
background: rgba(255, 255, 255, 1);
}
/*********************************************************************************************
WPB11. Custom Code----------------------------------Misc Custom code and styles
*********************************************************************************************/
.primary .entry-header h2 { margin: 0; position:relative; bottom:15px}
/* =Site--------Search------*/
#nav-search .glyphicon
{
color:#fff;
font-size: 24px;
padding:13px 16px;
text-align:center;
}
#nav-search .glyphicon:hover
{
color:#f3bc1a
}
#mobile-search .glyphicon {
color:#fff;
font-size: 24px;
padding:3px 0;
text-align:center;
}
.modal-header {
border-bottom:0!important;
}
.modal-footer {
border-top:0!important;
}
#myModal { /*positions the modal pop up window */
top:30%;
right:0%;
outline: none;
}
#myModal .btn {
background-color: #003d79!important;
border-color: #ccc;
color: #fff;
}
/*End tunegenie styles*/
.form-allowed-tags {display:none} /*removes comment tag*/
.transparent {
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.instagram-wrapper /*tabby responsive instagram background wrapper*/
{
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.wpb-slider-main-container {max-width:100%; margin:0 auto;}
/*********************************************************************************************
WPB12. Media Queries--------------------------------Queries for Mobile / Tablet, etc
*********************************************************************************************/
/* ORIENTATION PORTRAIT*/
@media only screen and (max-width: 1080px) and (orientation : portrait){
/* PORTRAIT:
Windows Surface Pro*/
/*Enter your styles below this line*/
}
@media only screen and (max-width: 991px) and (orientation : portrait){
.header-image {top:20px}
.navbar-default .navbar-nav > li > a { font-size: 20px; padding:24px 12px;}
.banner-group {padding:0 }
.slider {margin-bottom:10px}
}
@media only screen and (max-width: 800px) and (orientation : portrait){
/* PORTRAIT:
Acer Iconia Tab A100
Acer Iconia Tab A200
Acer Iconia Tab A502
Arnova 8C G3
ASUS Padfone
ASUS Transformer Pad TF300T
ASUS Transformer TF101
Motorola Xoom
Motorola Xoom 2
Samsung Galaxy Note 10.1
Samsung Galaxy Tab 8.9
Samsung Galaxy Tab 10.1
Samsung Galaxy Tab 10.1*/
/*Enter your styles below this line*/
.header-image {
text-align: center;
top: 20px;
}
#listenlive-group img {
max-width:100%;
display:block;
margin: 0 auto
}
}
@media only screen and (max-width: 768px) and (orientation : portrait){
/* PORTRAIT:
Apple iPad
Apple iPad 2
Apple iPad 3 (and 4)
Apple iPad Mini
Archos 80G9
BAUHN AMID-972XS
HP Touchpad
LG Optimus Pad
Microsoft Surface (RT)
Panasonic Toughpad A1
Kindle Paperwhite*/
/*Enter your styles below this line*/
.copyright{text-align: center }
}
@media only screen and (max-width: 640px) and (orientation : portrait){
/* PORTRAIT:
Acer Iconia Tab A500
Arnova 7FG3
Nexus 7*/
/*Enter your styles below this line*/
}
@media only screen and (max-width: 600px) and (orientation : portrait){
/* PORTRAIT:
Acer Iconia Tab A101
Archos 70b (it2)
Arnova 10b G3
BlackBerry PlayBook
Kindle 3
Kobo eReader Touch
Samsung Galaxy Tab 2 7.0
Samsung Galaxy Tab 7*/
/*Enter your styles below this line*/
.on-air {font: normal 500 24px/30px;}
.banner-group {padding:0 }
/* link */
.navbar-default .navbar-nav > li > a
{
font: normal 300 18px 'Andada';
padding: 10px;
color: #fff;
text-transform: uppercase
}
.slider {margin-bottom:10px}
#widget-4 .wp-post-image {width:215px}
.copyright {text-align: center}
}
@media only screen and (max-width: 540px) and (orientation : portrait){
/* PORTRAIT:
HTC Evo 3D
Kindle Fire HD 7
Kindle Fire HD 8.9
Ainol Novo 7 Elf 2*/
/*Enter your styles below this line*/
.on-air {font: normal 500 24px/30px;}
.banner-group {padding:0 }
/* link */
.navbar-default .navbar-nav > li > a
{
font: normal 300 18px 'Andada';
padding: 10px;
color: #fff;
text-transform: uppercase
}
.slider {margin-bottom:10px}
#widget-4 .wp-post-image {width:100px}
.copyright {text-align: center}
}
@media only screen and (max-width: 480px) and (orientation : portrait){
/* PORTRAIT:
Arnova 7 G2
BlackBerry Bold 9780
HTC Desire Z
Nokia N900
Samsung Galaxy Grand
iPhone 6 portrait · width: 375px
*/
/*Enter your styles below this line*/
body {
padding-bottom: 90px;
}
.on-air {font: normal 500 24px/30px;}
.banner-group {padding:0 }
/* link */
.navbar-default .navbar-nav > li > a
{
font: normal 300 20px 'Oswald';
padding: 12px;
color: #fff;
text-transform: uppercase
}
.slider {margin-bottom:10px}
#widget-4 .wp-post-image {width:100px}
.copyright {text-align: center}
}
@media only screen and (max-width: 400px) and (orientation : portrait){
/* PORTRAIT:
Samsung Galaxy Note
Nexus 4
HTC One S
HTC One XL
HTC Sensation XL
HTC Velocity 4G
Motorola Droid3
Motorola Droid Razr
Motorola Razr HD 4G
Motorola Razr M 4G
Nokia 500
Samsung Galaxy Note 2
Samsung Galaxy S3
BlackBerry Bold 9900
BlackBerry 9520
BlackBerry Z10*/
/*Enter your styles below this line*/
}
@media only screen and (max-width: 360px) and (orientation : portrait){
/* PORTRAIT:
Apple iPhone 3G
Apple iPhone 3GS
Apple iPhone 4
Apple iPhone 4S
Apple iPhone 5
Apple iPod Touch
BlackBerry Bold 9360
BlackBerry Bold 9790
BlackBerry Curve 9320
BlackBerry Curve 9380
BlackBerry Torch 9800
BlackBerry Torch 9810
HP Veer
HTC 7 Mozart
HTC 7 Trophy
HTC Desire
HTC Desire C
HTC Desire HD
HTC Legend
HTC One V
HTC Titan 4G
HTC Wildfire S
HTC Windows Phone 8X
Huawei U8650
LG Optimus 2X
LG Optimus L3
Motorola Defy
Motorola Milestone
Nexus S
Nokia Lumia 610
Nokia Lumia 710
Nokia Lumia 800
Nokia Lumia 820
Nokia Lumia 900
Nokia Lumia 920
Samsung Galaxy Ace
Samsung Galaxy Ace 2
Samsung Galaxy S2
Sony Xperia E Dual
BlackBerry Curve 9300*/
/*Enter your styles below this line*/
.on-air {font: normal 500 24px/30px;}
.banner-group {padding:0 }
/* link */
.navbar-default .navbar-nav > li > a
{
font: normal 300 18px 'Oswald';
padding: 10px;
color: #fff;
text-transform: uppercase
}
.slider {margin-bottom:10px}
.content-widget-title {font-size: 16px}
#widget-4 .wp-post-image {width:100px}
.copyright {text-align: center}
}
@media only screen and (max-width: 320px) and (orientation : portrait){
}
@media only screen and (max-width: 240px) and (orientation : portrait){
/* PORTRAIT:
LG Viewty KU990
Nokia 700
Nokia 2700
Nokia N95
Samsung Galaxy S3 Mini
Nokia 300*/
/*Enter your styles below this line*/
}
/* ----------------------------ORIENTATION LANDSCAPE-----------------------------*/
@media only screen and (max-width: 1920px) and (orientation : landscape){
/* LANDSCAPE:
Windows Surface Pro*/
/*Enter your styles below this line*/
}
@media only screen and (max-width: 1366px) and (orientation : landscape){
/* LANDSCAPE:
Microsoft Surface (RT)*/
/*Enter your styles below this line*/
}
@media only screen and (max-width: 1280px) and (orientation : landscape){
/* LANDSCAPE:
Acer Iconia Tab A100
Acer Iconia Tab A200
Acer Iconia Tab A502
ASUS Transformer Pad TF300T
ASUS Transformer TF101
Motorola Xoom
Motorola Xoom 2
Samsung Galaxy Note 10.1
Samsung Galaxy Tab 8.9
Samsung Galaxy Tab 10.1
Samsung Galaxy Tab 10.1
LG Optimus Pad
Acer Iconia Tab A500*/
/*Enter your styles below this line*/
.on-air {font: normal 500 20px/30px;}
.link-text {font-size: 12px}
.listen-live .live-link {font-size:18px}
.banner-group {padding-top:0 }
.slider {margin-bottom:10px}
#widget-4 .wp-post-image {width:215px}
}
@media only screen and (max-width: 1130px) and (orientation : landscape){
/* LANDSCAPE:
ASUS Padfone
Arnova 8C G3
Arnova 7FG3*/
/*Enter your styles below this line*/
}
@media only screen and (max-width: 1024px) and (orientation : landscape){
/* LANDSCAPE:
Apple iPad
Apple iPad 2
Apple iPad 3 (and 4)
Apple iPad Mini
Archos 80G9
BAUHN AMID-972XS
HP Touchpad
Panasonic Toughpad A1
Acer Iconia Tab A101
Archos 70b (it2)
Arnova 10b G3
BlackBerry PlayBook
Samsung Galaxy Tab 2 7.0
Samsung Galaxy Tab 7
Ainol Novo 7 Elf 2*/
/*Enter your styles below this line*/
#gallery article {width:47%;}
}
@media only screen and (max-width: 980px) and (orientation : landscape){
/* LANDSCAPE:
Nexus 7
HTC Evo 3D*/
/*Enter your styles below this line*/
}
@media only screen and (max-width: 802px) and (orientation : landscape){
/* LANDSCAPE:
Kindle Fire HD 7
Kindle Fire HD 8.9
Arnova 7 G2
HTC Desire Z
Nokia N900
Samsung Galaxy Grand
Apple iphone 6 plus
*/
/*Enter your styles below this line*/
.on-air {font: normal 500 24px/30px;}
.banner-group {padding:0 }
/* link */
.navbar-default .navbar-nav > li > a
{
font: normal 300 18px 'Oswald';
padding: 10px;
color: #fff;
text-transform: uppercase
}
.slider {margin-bottom:10px}
#widget-4 .wp-post-image {width:215px}
}
@media only screen and (max-width: 640px) and (orientation : landscape){
/* LANDSCAPE:
Samsung Galaxy Note
HTC One S
HTC One XL
HTC Sensation XL
HTC Velocity 4G
Motorola Droid Razr
Nokia 500
Samsung Galaxy Note 2
Samsung Galaxy S3*/
/*Enter your styles below this line*/
.header-image {
text-align: center;
top: 20px;
}
#listenlive-group img {
max-width:100%;
display:block;
margin: 0 auto
}
}
@media only screen and (max-width: 600px) and (orientation : landscape){
/* LANDSCAPE:
Motorola Droid3
Nexus 4
Motorola Razr HD 4G
Motorola Razr M 4G
Motorola Defy
Motorola Milestone
Apple iPhone 5
HP Veer*/
/*Enter your styles below this line*/
.on-air {font: normal 500 24px/30px;}
.banner-group {padding:0 }
/* link */
.navbar-default .navbar-nav > li > a
{
font: normal 300 18px 'Oswald';
padding: 10px;
color: #fff;
text-transform: uppercase
}
.slider {margin-bottom:10px}
#widget-4 .wp-post-image {width:215px}
.copyright {text-align: center}
}
@media only screen and (max-width: 540px) and (orientation : landscape){
/* LANDSCAPE:
HTC Desire
HTC Desire HD
HTC One V
LG Optimus 2X
Nexus S
Samsung Galaxy Ace 2
Samsung Galaxy S2
BlackBerry Z10*/
/*Enter your styles below this line*/
}
@media only screen and (max-width: 480px) and (orientation : landscape){
/* LANDSCAPE:
Apple iPhone 3G
Apple iPhone 3GS
Apple iPhone 4
Apple iPhone 4S
Apple iPod Touch
BlackBerry Torch 9800
BlackBerry Torch 9810
HTC 7 Mozart
HTC 7 Trophy
HTC Desire C
HTC Legend
HTC Titan 4G
HTC Wildfire S
HTC Windows Phone 8X
Huawei U8650
Nokia Lumia 610
Nokia Lumia 710
Nokia Lumia 800
Nokia Lumia 820
Nokia Lumia 900
Nokia Lumia 920
Samsung Galaxy Ace
Sony Xperia E Dual*/
/*Enter your styles below this line*/
}
@media only screen and (max-width: 320px) and (orientation : landscape){
/* LANDSCAPE:
Samsung Galaxy S3 Mini*/
/*Enter your styles below this line*/
}