/*
Theme Name: Responsive Child
Theme URI: http://cyberchimps.com/responsive-theme/
Description: Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment. Theme features 9 Page Templates, 11 Widget Areas, 6 Template Layouts, 4 Menu Positions and more. Powerful but simple Theme Options for full CMS control with easy Logo Upload and Social Networking. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, Search Engine Friendly, W3C Markup Validated and currently translated into over 45 languages. Cross-Browser compatible. <a href="http://cyberchimps.com/forum/free/responsive/">Official support forum</a> (http://cyberchimps.com/forum/free/responsive/)
Author: CyberChimps.com
Template: responsive
Author URI: http://cyberchimps.com
Version: 1.9.7.7
Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, rtl-language-support, responsive-layout, fluid-layout, featured-images
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: responsive
*/

::-webkit-input-placeholder { /* WebKit browsers */  text-align: center !important; font-weight: 500 !important; font-family: Open Sans !important; color: #000 !important; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */  text-align: center !important; font-weight: 500 !important; font-family: Open Sans !important; color: #000 !important; } ::-moz-placeholder { /* Mozilla Firefox 19+ */  text-align: center !important; font-weight: 500 !important; font-family: Open Sans !important; color: #000 !important; } :-ms-input-placeholder { /* Internet Explorer 10+ */  text-align: center !important; font-weight: 500 !important; font-family: Open Sans !important; color: #000 !important; } body:after { position: absolute; width: 0; height: 0; overflow: hidden; z-index: -1; content: url(ProudFMWeb_Backgroundold.jpg); } #container, #footer { padding: 0 10px; } .buttonn { text-align: center; display: block; background: #ff0000; width: 150px; padding: 10px; color: #fff !important; margin: 0 auto; } .buttonn:hover { opacity: 0.7; } .section { clear: both; padding: 0px; margin: 0px; } .col { display: block; float:left; margin: 1% 0 1% 1%; } .col:first-child { margin-left: 0; } .group:before, .group:after { content:""; display:table; } .group:after { clear:both;} .group { zoom:1; } .span_2_of_2 { width: 100%; } .span_1_of_2 { width: 47%; } audio { visibility: visible !important; } body { overflow-x: hidden; background-image: url(ProudFMWeb_Backgroundold.jpg) !important; background-size: 100% auto !important; background-repeat: no-repeat; background-attachment: fixed; background-position: center; } #text-16 { display: none; } ul.share-buttons { list-style: none; padding: 0; margin: 5px !important; } ul.share-buttons li{ display: inline; } .home-slide { margin-bottom: 30px; } #footer-wrapper { margin-top: 90px !important; }  input[type="text"], input[type="password"], input[type="email"], textarea, .postid-21859 .wpcf7-text { display: block; } .postid-21859 .wpcf7-quiz-label { font-weight: normal; } #olderposts { position: absolute; z-index: 9999999; bottom: 10px; } .checkbox { color: #fff; text-align: center; } #wpcf7-f232-p231-o1 .wpcf7-submit { margin-left: 17px !important; } .menu, .menu a:hover, ul.menu > li:hover { background-color: transparent; background-image: none; } .menu li:hover > a { background: #000 !important; } .menu li li:hover > a { background: #ed1262 !important; color: #fff; opacity: 1; } .menu li li:hover { opacity: 1 !important; } .menu li li { opacity: 0.9 !important; } .menu a { font-size: 15px; border-left: 0; font-weight: 600; } #searchform input[type="submit"] { display: none; } select, input[type="text"], input[type="password"], input[type="email"] { border-radius: 0; border-width: 0; height: 30px; } #s { opacity: 0.9; height: 30px; width: 98%; } .o-thumb { background: #f5f5f5 none repeat scroll 0 0; } #menu-item-17886 img { margin-top: -11px; } #nowplaying { top: 410px; position: fixed; left: 0; z-index: 99999999; } .tribe-events-adv-list-widget .tribe-events-widget-link a, .tribe-events-back a, .tribe-events-list-widget .tribe-events-widget-link a, #widgets ul.tribe-events-sub-nav a { font-size: 13px; } #text-11 .smaller { margin-top: -75px; } .tribe-events-schedule { margin-left: 16px !important; text-align: left !important; } #master-genre-list, .station-broadcast-file, .station-show-playlists, #text-18, .title-archive, .statcounter, .breadcrumb-list, .post-data, .powered { display: none !important; } #text-4 .widget-wrapper { background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !important; } .copyright { text-align: center; } #text-13 { padding-top: 4px; } input[type="text"], input[type="password"], input[type="email"], textarea, .wpcf7-text { cursor: text; border: 1px solid #bbb !important; box-shadow: none; } .tribe-events-list-widget ol li { border-bottom: 1px solid #d6d6d6; } .tribe-event-date-start { padding-left: 16px; } .tribe-event-date-start::before { background-image: url(calendar68.png); background-repeat: no-repeat; background-size: 12px; content: ""; height: 12px; margin-top: 6px; opacity: 0.5; position: absolute; width: 12px; margin-left: -16px !important; opacity: 0.8 !important; } .tribe-event-duration { font-family: 'Open Sans'; opacity: 0.8; } .widget-wrapper { background-color: #fff; } h1 { margin-top: 0 !important; } .home h1.entry-title { display: none !important; } .tribe-events-schedule { color: #000; text-align: center; } area, textarea { border: 0; } a.button, input[type="reset"], input[type="button"], input[type="submit"] { background-color: #f9f9f9; font-weight: 500; text-shadow: none; } a.button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, h1, h2, h1 a, h2 a, h3, h3 a, h4, h4 a, .title-404 { color: #444; font-weight: 600; font-family: 'Open Sans'; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #ed1262 !important; } #widgets .textwidget a, .tribe-events-adv-list-widget .tribe-events-widget-link a, .tribe-events-back a, .tribe-events-list-widget .tribe-events-widget-link a, ul.tribe-events-sub-nav a { color: #ed1262; font-weight: bold; line-height: 34px; } #tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type="submit"], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a { background-color: #ed1262; } .tribe-events-list .type-tribe_events h2, #widgets .textwidget a, .tribe-events-adv-list-widget .tribe-events-widget-link a, .tribe-events-back a, .tribe-events-list-widget .tribe-events-widget-link a, ul.tribe-events-sub-nav a { font-family: 'Open Sans'; } h4 { margin-bottom: 10px; margin-top: 10px; } .rpwe-block { margin-top: 15px; } .rpwe-block a { font-size: 18px; } .rpwe-time { font-size: 14px !important; } .tribe-events-list-widget ol li { margin-bottom: 0; } #widgets .tribe-event-title, #widgets .tribe-event-duration { float: right; width: 55% !important; text-align: left; } .tribe-events-event-image > a { float: left; width: 40%; } .tribe-event-duration { font-weight: 500; text-align: right; } /**Button**/  .e-date { width: 100%; clear: left; float: left; } .e-date p { float: left; } .e-date p:nth-of-type(1) { font-size: 40px; font-weight: bold; color: #444; width: 59px; border-right: 1px solid #ddd; line-height: 34px; position: relative; margin: 10px auto; margin-right: 11px; } .e-date p:nth-of-type(2) { font-size: 15px; /* font-weight: bold; */  color: #444; width: 86px; border-right: 1px solid #ddd; line-height: 34px; position: relative; margin: 10px auto; margin-right: 11px; } .e-date p:nth-of-type(3) { line-height: 16px; margin-top: 12px; } .e-date p:nth-of-type(4) { font-size: 11px; letter-spacing: 4px; margin-top: 25px; position: absolute; left: 171px; } .smaller a, .smaller { font-size: 13px !important; } #rev-slider-widget-2 { margin-bottom: 0; } .news-part h2 { font-family: 'Open Sans'; text-align: left; margin: 0; background: #777; color: #fff !important; font-weight: 300; padding: 8px 18px; font-size: 22px; margin-bottom: 7px; } .o-post p { font-size: 18px; font-weight: 300; line-height: 24px; color: #1A1A1A; font-family: 'Open Sans'; margin: 7px 0px; } .o-thumb img { margin-bottom: 6px; } .o-post { float: left; width: 49%; position: relative; margin-right: 2%; overflow: hidden; margin-bottom: 10px; } .o-post:nth-of-type(2n) { margin-right: 0; } .o-post h3 { margin: 4px 0; font-size: 16px; } .icon-date { font-size: 15px !important; margin: 0; margin-left: 17px !important; color: #868686 !important; } .icon-date:before { content: ""; width: 12px; height: 12px; background-size: 12px; background-image: url(calendar68.png); position: absolute; left: 0px; margin-top: 6px; opacity: 0.5; } .news-part { float: left; clear: left; margin-top: 20px; width: 100%; } ul.tabs { margin: 0px; padding: 0px; list-style: none; text-align: center; margin: 0 auto; } ul.tabs li { background: none; color: #222; display: inline-block; padding: 10px 15px; cursor: pointer; font-family: 'Open Sans'; font-size: 19px; } ul.tabs li.current { text-decoration: underline; color: #222; } .tab-content { display: none; float: left; width: 100%; } .tab-content.current { display: inherit; } .wpcf7-submit { top: 10px !important; background-image: none !important; background-color: #444 !important; color: #fff!important; width: 100px !important; } .widget-wrapper { border: 0; border-radius: 0; padding: 0; } .widget-title h3, .widget-title-home h3, .news-part h2 { margin: 3px 0; background: #000 none repeat scroll 0 0; color: #fff; padding: 8px 18px; font-size: 20px; z-index: 99999; font-weight: 300; } #wpadminbar { z-index: 999999999; } @media (max-width: 1690px) { .o-thumb img { height: 175px !important } #adtop { left: initial !important; margin: 0 !important; right: 15% !important; } } @media (min-width: 1280px) { .checkbox { margin-left: 76%; margin-top: -5px; position: absolute; } .scroll-top { display: none; } .archive #widgets { display: none; } .category .col-620 { width: 66% !important; } .category #widgets { display: block !important; } .archive .col-620 { width: 100%; } #content, #widgets, #content-archive, #content-search, #tribe-events-pg-template { margin-top: 50px !important; } #logo { z-index: 9999999; position: relative; width: 230px;}  #nowplayingmobile { display: none; } #menu-item-17740 img { margin-top: -10px; } #menu-item-17740 a { padding: 0 !important; }  .sub-header-menu { display: none !important; } .o-thumb img { height: 235px; width: auto; } .main-nav .menu { margin-top: 11px; position: absolute; left: 15%; z-index: 9999999; } #adtop { position: absolute; top: 20px; margin-left: auto; margin-right: auto; left: 0; right: 0; z-index: 9999; width: 729px; height: 91px; } body.admin-bar #adtop { top: 50px; } body.admin-bar .main-nav { top: 167px; } .main-nav { width: 100%; background: #000; height: 65px; position: absolute; left: 0; top: 139px; z-index: 10000; }  #container { max-width: 75%; margin-top: -1.5px; } #widgets { border-left: 1px solid #bbb; padding-left: 20px; } #wrapper { padding-top: 39px; border-radius: 0; top: 18px; } .top-widget { width: 100%; } /**Layout**/  .menu a:hover { color: #fff !important; } #footernav a:hover { color: #444; border-bottom: 1px solid #444; } /**Footer**/  #text-4 .widget-wrapper { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 75%; height: 170px; } .copyright, #footer_widget .col-300:nth-child(3n+3) { margin-bottom: -10px; text-align: center; z-index: 9999; color: #000; position: relative; width: 100% !important; margin-top: 105px; } .copyright a { font-family: 'Open Sans'; font-size: 1.3em !important; font-weight: 600 !important; } /**Footer**/  .search-holder { position: absolute; right: 0; top: 152px; z-index: 999999; width: 20px; margin-right: 15%; opacity: 0.4; cursor: pointer; display: block; } .col-620 { width: 64%; } .col-300 { width: 30%; padding-left: 10px; } } @media (min-width: 801px) and (max-width: 1279px) { #menu-item-17886 img { margin-top: 0 !important; } #text-16 { display: none !important; } #menu-item-17886 { display: block !important; } #menu-item-17886 img { height: 60px !important; } .menu-item a img { margin-top: 0 !important; } } @media (max-width: 1279px) { .menu { display: table; margin: 0 auto; } .home #text-16 { display: block; }.wpcf7-form-control.wpcf7-quiz { width: 100%; } #olderposts { display: none; } #menu-item-17886 { display: none; } .js .main-nav .menu { z-index: 99999; } .copyright a { font-family: 'Open Sans'; font-size: 15px; color: #000 !important; font-weight: bold !important; } .js .main-nav { background-color: #000; background-image: none; } #footer-wrapper .col-300 { width: 100%; } #nowplaying { display: none; } #text-13 img:hover { opacity: 0.8; } #footer a { color: #000; } #adtop { padding: 10px; } .menu { background-color: #000; background-image: none; } .vcalendar { padding: 0 !important; } #tribe-events-pg-template { margin-top: 20px; } h2 a { color: #444 !important; } #newstitle span { display: none !important; } #logo { float: none; position: relative; width: 200px; padding-bottom: 40px; margin-left: auto; margin-right: auto; } .modulewidget-upcoming_events-2-title { width: 93% !important; } .entry-meta { display: none; } #nowplayingmobile { position: fixed; left: 0; z-index: 99999999; top: 140px !important; } #nowplayingmobile img { width: 40px; height: auto }  } @media only screen and (max-width: 586px) { .col { margin: 1% 0 1% 0%; } .span_2_of_2, .span_1_of_2 { width: 100%; } .o-thumb img { width: 100%; height: auto !important; }#nowplayingmobile img { width: 30px; height: auto } .o-post { float: left; width: 100%; } } @media only screen and (max-width: 380px) { .js .main-nav .menu li a { font-size: 12px; } .o-post { float: left; width: 100%; } .vcalendar h4, .duration { width: 51% !important; } } @media (min-width: 1200px) and (max-width: 1350px) { #logo { width: 185px !important; margin-top: 15px; } }