/* Theme Name: My MC Media Theme URI: http://www.mymcmedia.org/ Version: 1.0 Description: Custom theme designed by Marstudio, Inc. for Montgomery Community Media. Child theme of Continuum. Author: Marstudio, Inc. Author URI: http://marstudio.com Template: continuum */ /* Default styles */ /*------------------------------------------------------------------------------------------- INDEX: 0. RESET 1. SETUP -1.0 Fonts -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Drop-down menus -2.3 Header -2.4 Content -2.5 Sidebar -2.6 Footer -2.7 Looped Slider -2.8.1 Home Page - Featured Posts -2.8.2 Home Page - Latest News -2.8.3 Home Page - Popular 3. POSTS -3.1 Typographic Elements -3.2 Images -3.3 Pagination / WP-Pagenavi -3.4 Post Author 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets -4.3 WooTabs 5. COMMENTS -5.1 Comments -5.2 Pingbacks / Trackbacks -5.3 Comments Form 6. MISC -6.1 Buttons -6.2 Conatct Form -6.3 Gravity forms -6.4 Timeline page template -6.5 Widget styles -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* RESET - http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */ /*-------------------------------------------------------------------------------------------*/ body,html{height:100%;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;} body{line-height:1;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:none;} :focus{outline:0;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;} /* Floating & Alignment */ .fl{float:left;} .fr{float:right;} .ac{text-align:center;} .ar{text-align:right;} /* Clear Floats */ .col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;} html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;} /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */} /** * Remove default margin. */ body { margin: 0;} /* HTML5 display definitions ========================================================================== */ /*** Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block;} /*** 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio,canvas,progress,video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */} /*** Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0;} /*** Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden],template { display: none;} /* Links ========================================================================== */ /*** Remove the gray background color from active links in IE 10. */ a { background-color: transparent;} /*** Improve readability when focused and also mouse hovered in all browsers. */ a:active,a:hover { outline: 0;} /* Text-level semantics ========================================================================== */ /*** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted;} /*** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b,strong { font-weight: bold;} /*** Address styling not present in Safari and Chrome. */ dfn { font-style: italic;} /*** Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0;} /*** Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000;} /*** Address inconsistent and variable font size in all browsers. */ small { font-size: 80%;} /*** Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup { top: -0.5em;} sub { bottom: -0.25em;} /* Embedded content ========================================================================== */ /*** Remove border when inside `a` element in IE 8/9/10.*/ img { border: 0;} /*** Correct overflow not hidden in IE 9/10/11.*/ svg:not(:root) { overflow: hidden;} /* Grouping content ========================================================================== */ /*** Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px;} /*** Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0;} /*** Contain overflow in all browsers. */ pre { overflow: auto;} /*** Address odd `em`-unit font size rendering in all browsers. */ code,kbd,pre,samp { font-family: monospace, monospace; font-size: 1em;} /* Forms ========================================================================== */ /*** Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /*** 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button,input,optgroup,select,textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */} /*** Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible;} /*** Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button,select { text-transform: none;} /*** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */} /*** Re-set default cursor for disabled elements. */ button[disabled],html input[disabled] { cursor: default;} /*** Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0;} /*** Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal;} /*** It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"],input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */} /*** Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height: auto;} /*** 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box;} /*** Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;} /*** Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} /*** 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */} /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto;} /*** Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold;} /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0;} td,th { padding: 0;} /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.0 Fonts */ /** * @license * MyFonts Webfont Build ID 3036867, 2015-06-04T10:51:20-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: Predige-Regular by Type Dynamic * URL: http://www.myfonts.com/fonts/typedynamic/predige/regular/ * * Webfont: Predige-Bold by Type Dynamic * URL: http://www.myfonts.com/fonts/typedynamic/predige/bold/ * * * License: http://www.myfonts.com/viewlicense?type=web&buildid=3036867 * Licensed pageviews: 20,000 * Webfonts copyright: Copyright © 2013 by Type Dynamic. All rights reserved. * * © 2015 MyFonts Inc */ @import url("//hello.myfonts.net/count/2e56c3"); @font-face {font-family: 'Predige-Regular';src: url('webfonts/2E56C3_0_0.eot');src: url('webfonts/2E56C3_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2E56C3_0_0.woff2') format('woff2'),url('webfonts/2E56C3_0_0.woff') format('woff'),url('webfonts/2E56C3_0_0.ttf') format('truetype');} @font-face {font-family: 'Predige-Bold';src: url('webfonts/2E56C3_1_0.eot');src: url('webfonts/2E56C3_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2E56C3_1_0.woff2') format('woff2'),url('webfonts/2E56C3_1_0.woff') format('woff'),url('webfonts/2E56C3_1_0.ttf') format('truetype');} /* 1.1 Defaults */ body { font: 15px/1.5em Arial,sans-serif; color: #000; background-color: #fff; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family: 'Predige-Regular',sans-serif; color: #222; font-weight:normal; line-height:1em; } h1 {font-size: 24px; margin: 0; padding: 15px 0px; color: #145e9d; text-transform: uppercase; line-height: 28px;} h2 {font-size: 20px;} h3 { margin: 0; padding: 6px 5px 23px 10px;text-transform: uppercase; font: normal 22px 'Predige-Bold',sans-serif; color: #88817b; text-align: left; border-top: 5px solid #88817b;} h3.no-border{border:none;} .no-padding { padding-bottom:0px; padding-left: 0px;} h4 {font-size: 14px;} h5 {font-size: 14px;} h6 {font-size: 14px;} p {margin: 0; } hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; } input, textarea { padding: 2px 0 2px 2px; border-color: #4e4e4e; border-width:1px; border-style:solid; background: #fff;} /* 1.2 Hyperlinks */ a:link, a:visited { color: #1b5474; text-decoration:underline;} a:hover {text-decoration:underline;} h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;} span.pipe { color: #f58233;} /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #wrapper { background-color: #FFF; width:auto; margin: 0 auto; } #main{width:910px;} #main.fullwidth {width: 1220px;} #sidebar{width:290px;} .col-left { float: left; } .col-right { float: right; } .col-full { width: 1220px; margin: 0 auto; } /* 2.2 Navigation */ #navigation {background: #fff; box-shadow: 0 3px 3px rgba(123, 123, 123, 0.2); -webkit-box-shadow: 0 3px 3px rgba(123, 123, 123, 0.2); -moz-box-shadow: 0 3px 3px rgba(123, 123, 123, 0.2); border-top: 5px solid #7b7b7b; font:14px/14px 'Predige-Regular', sans-serif;} #navigation, #navigation #channel-bar { height: auto; margin: 0 auto; padding: 0; width: 100%;} #navigation ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; margin: 0; padding: 0; width:100%;} #navigation ul li { list-style: none; flex-grow: 1; -webkit-flex-grow: 1; -webkit-box-flex: 1 0 auto; /* OLD - iOS 6-, Safari 3.1-6 */ -webkit-flex: 1 0 auto; /* Safari 6.1+. iOS 7.1+, BB10 */ -ms-flex: 1 0 auto; /* IE 10 */ flex: 1 0 auto; text-align: center;} #navigation ul li ul {display: block; width: 610px; text-align: left; width: 466px; height: auto; z-index:999; padding: 5px 5px 15px 5px;} #navigation ul li ul li { display: inline-block; width: 145px; margin-right: 10px !important; text-align: left; overflow: hidden; } #navigation ul li a { display: block; white-space: nowrap; width: auto; padding: 11px 13px; 11px 14px} #navigation li {border-right: 1px solid #eaeaea; position: relative;} #navigation li a:hover{ color: #fff !important;} #navigation #channel-bar { background: #FFFFFF;} #channel-bar{font:14px/14px 'Predige-Regular', sans-serif;} #navigation ul.rss{background:url(images/ico-rss.png) no-repeat right 5px;padding:0 25px 0 0;margin-right:10px;} #navigation ul.rss li{display:inline;padding:0; line-height: 28px;} #navigation ul.rss li a{color:#c63f00;text-decoration:none;} #navigation ul.rss li a:hover{text-decoration:underline;} .post-more a:hover, .post-meta a:hover, .post p.tags a:hover, .nav a:hover, .nav li.current_page_item a, .nav li.current-menu-item a { color: #FFF !important; } .nav li ul li.current_page_item a, .nav li ul li.current-cat a {color:#000 !important;} .nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; width: 100%; } .nav a { position:relative; color:#525252 !important; display:block; z-index:100; padding:5px 10px; line-height:18px; text-decoration:none; } .nav a:hover {color:#ccc !important;} .nav li { float:left; width: auto; } .nav li a.sf-with-ul { padding-right:20px !important; } /* Home, Video and TV navigation buttons */ #navigation li.nav-homepage { background: url(images/nav-homepage.png) no-repeat; background-position: 17px 4px; width: 52px; max-width: 52px;} #navigation li.nav-homepage a { color: transparent !important; border-top: 5px solid #F58233; margin-top: -5px;} #navigation li.nav-homepage a:hover, #navigation li.nav-homepage.current_page_item, #navigation li.nav-homepage.current-menu-ancestor, #navigation li.nav-homepage.current-menu-item {background: url(images/nav-homepage.png) no-repeat; background-position: 17px -25px; background-color: #F58233;} #navigation li.nav-video { text-align: left; background: url(images/video.png); background-repeat: no-repeat; background-position: 120px; background-color: #ebebeb; border-right: 1px solid #bababa; width: 153px; max-width: 153px; min-width: 153px;} #navigation li.nav-video a, #navigation li.nav-television a {padding-left: 10px;} #navigation li.nav-television { text-align: left; background: url(images/tv.png) no-repeat 120px; background-color: #ebebeb; width: 153px; max-width: 153px; min-width: 153px;} li.nav-video, li.nav-television {width: 153px; max-width: 153px; min-width: 153px;} #navigation li.nav-video.current-menu-item, #navigation li.nav-television.current-menu-item { background-color: #CCC;} #navigation li.nav-video a:hover, #navigation li.nav-television a:hover {color: #dedede !important; background-color: #7b7b7b;} /* Responsive Menu Styles*/ #wprmenu_menu.wprmenu_levels ul li.nav-video, #wprmenu_menu.wprmenu_levels ul li.nav-television {width: 100%; max-width:100%;} #wprmenu_menu.wprmenu_levels ul li.nav-homepage { border-left: 5px solid #F58233;} #wprmenu_menu.wprmenu_levels ul li.nav-homepage a:hover, #wprmenu_menu.wprmenu_levels ul li.nav-homepage.current_page_item {background-color: #F58233;} #wprmenu_bar .menu_title, #wprmenu_bar .wprmenu_icon_menu {font-family: 'Predige-Regular',sans-serif; font-weight: normal; line-height: 1em; font-size: 16px !important;} /* 2.2.1 Drop-down menus */ .nav li ul { background: #e2aa9f; position: absolute; left: -999em; width: 466px; z-index:999; padding: 5px 5px 15px 5px;} #navigation li ul li,.nav li ul li { background:#e2aa9f; margin: 0; border: none;} .nav li ul li a { padding:8px 10px; width:115px; color:#FFF !important; font-size:0.8em; background-color: #e2aa9f; border: none;} #navigation ul li ul li a, #navigation li.category-more ul li a{border: none; margin: 0;} .nav li ul li a.sf-with-ul { padding:0px; } .nav li ul li a:hover, .nav li li.current_page_item ul li a, .nav li li.current_page_parent li a, .nav li li.current-menu-ancestor li a, .nav li li.current-menu-item li a, .nav li li.current-cat li a, .nav li li.current-menu-item li a { background:#eaeaea; color:#000 !important; } .nav li ul ul { margin: -30px 0 0 180px; } .nav li:hover,.nav li.hover { position:static;} .nav li:hover ul ul, .nav li.sfhover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; } .nav li:hover ul, .nav li.sfhover ul, .nav li li:hover ul, .nav li li.sfhover ul, .nav li li li:hover ul, .nav li li li.sfhover ul, .nav li li li li:hover ul, .nav li li li li.sfhover ul { left: auto; right: 0; } .nav .sf-sub-indicator {background: url("images/nav-arrow-down.png") no-repeat scroll 0 0 transparent;display: block;height: 10px;overflow: hidden;position: absolute;right: 0.3em;text-indent: -999em;top: 0.9em;width: 10px;} .nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat;} /* Drop-down TV & Video */ #navigation li.nav-television ul, #navigation li.nav-video ul { background: #7b7b7b; width:300px; height: auto; z-index:999; padding: 5px 5px 15px 5px;} #navigation li.nav-television ul li, #navigation li.nav-video ul li { background:#7b7b7b; margin: 0; border: none; } #navigation li.nav-television ul li a, #navigation li.nav-video ul li a { padding:8px 10px; width:250px; color:#FFF !important; background-color: #7b7b7b; border: none;} #navigation li.nav-television span.sf-sub-indicator, #navigation li.nav-video span.sf-sub-indicator { display: none;} #page-nav {height:37px; position: relative;float: none; height: auto; margin: 0 auto; max-width: 1220px; padding: 0; width: auto;border-left: 1px solid #eaeaea;} #page-nav a {font:normal 14px/1em 'Predige-Regular',sans-serif;padding:11px 2%;text-transform: uppercase;} #page-nav ul.sub-menu a { padding: 10px 0px 10px 0px; text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255, 0.5) !important; margin: 0 10px !important; width: 135px;} #page-nav ul.sub-menu a.sf-with-ul { margin-right:0;} #page-nav #icons a {padding: 0;} #cat-nav {height: 30px;position: relative;float: none; height: auto; margin: 0 auto; max-width: 1220px; padding: 0; width: auto;} #cat-nav.nav li ul { width:198px;} #cat-nav a {font:normal 14px/1.2em 'Predige-Regular',sans-serif;padding: 9px 20px 6px 0;} #cat-nav.nav li ul li a {width:172px;} #cat-nav ul.sub-menu a { padding:10px 20px 10px 10px;} #cat-nav ul.sub-menu a.sf-with-ul { margin-right:0;} /* Top Nav */ #top-menu { font:normal 12px/1.2em 'Predige-Regular', sans-serif; padding-top: 10px; max-width: 70%; text-transform: uppercase; margin-left: -10px;} #top-menu .nav a { display: inline; text-decoration: none; color: #999999 !important; } #top-menu .separator {color: #e07a3a;} #top-menu .nav li:first-child .separator{ display: none;} /* 2.3 Header */ #header{padding:0; clear:both; position: relative;z-index: 9999; background-color:#2a2a2a; } #top { height: 40px; width: 100%; max-width: 1220px; margin: 0 auto;} #strip { background: url(images/strip.png) repeat-x top center; height: 12px; } #logo { float:left; padding-top: 23px; padding-bottom: 35px; float: left; background: url(images/header_bg.jpg) no-repeat; background-position: top left; margin-top: -1px;} #logo .site-title, #logo .site-description { font-family: 'Predige-Regular', sans-serif; color: #000; display:none; } #logo .site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; font-weight:normal; text-decoration:none; } #logo .site-title a:hover { text-decoration:underline; } #logo .site-description { color:#999; font:14px 'Predige-Regular', sans-erif; } #logo h2 { font-size: 16px; color: #7a7a7a; display: block; float: right; text-transform: uppercase; padding: 15px 0px 0px 47px;} #topad {float:right;} .search_main { position: relative; margin-top: 3px !important; } .search_main input, textarea { color: #666; background: url(images/search.png) no-repeat top left; width: 147px; height: 26px; padding: 0 5px; height: 21px; margin-right: 35px;} .search_main .submit { background: none; border: 0px; position: absolute; right: -35px; top: 0; z-index: 1; width: 26px; height: 26px; } .search_main .submit:hover { opacity: 0.7; } #search { padding: 35px 0px 0px 0px; color: #676767; text-transform: uppercase; font-size: 18px;} /* 11/18/15 changed from upper to none and 12 to 18px */ #search input,textarea { border-color: #4e4e4e; border-width: 1px; border-style: solid; background: transparent; color: #979797; height: 38px !important; line-height: 18px; padding: 0px 0px 0px 10px !important; margin: 0; float: left; text-transform: none; width: 260px; font-family: 'Predige-Regular', sans-serif !important;} #search input#s.field{-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.75);-moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.75);box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.75);} input#search-go { background: url(images/search-icon.png); width: 40px !important; height: 40px !important; background-repeat: no-repeat; border-left: none; cursor: pointer;} #search span { color: #f48432; padding: 0px 5px; } #date { float: right; clear: both; padding-top: 10px; font: normal 12px 'Predige-Regular';} #icons h3 {color:#fff;float: left;font: normal 12px/37px 'Predige-Regular',sans-serif;margin-right: 10px;} #icons ul {float: right;padding:0;} #icons ul li {float: right;} #icons a:hover {text-decoration: none; background-color: transparent !important;} #icons img {margin: 0; padding: 0; border-left: 1px solid #4d4d4d;} #icons { margin-top: -11px !important; width: 310px !important; border: 1px solid #4d4d4d; text-align: right !important; height: 40px;} p#connect-text { text-transform: uppercase; padding: 10px 0px 0px 10px; line-height: 18px; font-size: 16px !important; color: #989898; font-family: 'Predige-Regular',sans-serif;} #icons a img{ width: 30px; height: 30px; display: inline-block; padding: 6px 5px 4px 5px; color: #989898; float: right; margin: 0; height: 40px; width: 40px; padding: 0; margin: 0; background-color: #999999;} #icons a {border-left: 1px solid #4d4d4d; font-size: 25px; width: 30px; height: 30px; display: inline-block; padding: 6px 5px 4px 5px; color: #989898; float: right; margin: 0; text-decoration: none;} #icons a.fa-facebook {color: #fff; background-color: #3B5998; padding: 8px 12px 2px 0px;} #icons a.fa-twitter {color: #fff; background-color: #4099FF; padding: 7px 7px 3px 3px;} #icons a.fa-youtube-play {color: #fff; background-color: #bb0000; padding: 7px 7px 4px 3px;} #icons a.fa-instagram {color: #fff; background-color: #517fa4; padding: 7px 8px 3px 1px;} #icons a.facebook:hover img, #icons a.fa-facebook:hover{color: #3B5998; background-color: #transparent !important;} #icons a.twitter:hover img, #icons a.fa-twitter:hover{color: #4099FF; background-color: #transparent !important;} #icons a.youtube:hover img, #icons a.fa-youtube-play:hover{color: #bb0000; background-color: #transparent !important;} #icons a.instagram:hover img, #icons a.fa-instagram:hover{color: #517fa4; background-color: #transparent !important; } /* 2.4 Content */ #content{padding:0 0 10px; margin-top: 30px;} /* 2.5 Sidebar */ #sidebar{overflow:hidden; margin-top: -12px;margin-bottom: -5px;} .home #sidebar {margin-top: 0px;} #sidebar .primary {padding-top: 12px;} #sidebar .secondary {float:left; margin-right:20px; } #sidebar .secondary.last {margin:0; } #sidebar .catbox {display: inline-block; margin-right: -3px; min-width: 89px; height: 20px; border-bottom: none; /*border-left: 1px solid #fff;*/ border-top: 1px solid #fff; padding: 0px 4px; vertical-align: top; max-width: none;} #sidebar .post-snippet .catbox { display: inline-block; margin-right: -3px; min-width: 92px; height: 20px; border-bottom: none; /*border-left: 1px solid #fff;*/ border-top: 1px solid #fff; padding: 0px 4px; vertical-align: top;} #sidebar h3 { padding: 7px 5px 25px 15px; text-transform: uppercase; font: normal 21px 'Predige-Bold',sans-serif;} /* 2.6 Footer */ #footer{padding: 11px 0 30px;background: #267DB2; color:#FFF; background: url(images/footer_bg.png); background-repeat: repeat; padding-bottom:0px !important; margin-top: 38px;} #footer p {color: #8acaee;} #footer a {color: #fff; text-decoration: none;} #footer a:hover {text-decoration: none; } #footer #credit img{vertical-align:middle;} #footer #credit span{} #footer-top { color: #8ACAED; border-bottom: 1px solid #529dc8; margin-bottom: 23px;} #footer-top .footer-top-nav a, #footer-top p { color: #8acaee; font-size: 12px; float: left;} #footer-top span { color: #fff; font-size: 12px; float: left; padding: 0px 3px;} #footer-top #icons {border: 1px solid #529dc8; border-top: none; border-bottom: none; } #footer-top #icons a {color: #8acaee; border-left: 1px solid #529dc8; background-color: transparent;} #footer-top #icons a.fa-facebook:hover{color: #FFF; background-color: #3B5998 !important;} #footer-top #icons a.fa-twitter:hover{color:#FFF; background-color: #4099FF !important;} #footer-top #icons a.fa-youtube-play:hover{color: #FFF; background-color: #bb0000 !important;} #footer-top #icons a.fa-instagram:hover{color: #FFF; background-color: #517fa4 !important; } #footer p#connect-text { line-height: 20px;} .footer-top-nav li, div.footer-top-nav { display: inline-block; } /* Footer Menu */ .footer-nav li { font-family: 'Predige-Regular',sans-serif; color: #fff; float:left; width: 230px; margin-right: 15px; text-transform: uppercase;} .footer-nav li:last-child { margin-right: 0px; } .footer-nav li ul { border-top: 3px solid #529dc8; font-size: 1em; margin-top: 4px;} .footer-nav li ul li { border-bottom:1px solid #529dc8;text-transform: capitalize !important; width: 100%; margin: 0px;} .footer-nav li ul li a { font-family: Arial,sans-serif; color: #fff; padding:8px 0px; width:170px; font-size:10px; } .footer-nav li ul li a.sf-with-ul { padding:5px 10px; } .footer-nav li ul li a:hover, .footer-nav li li.current_page_item ul li a, .footer-nav li li.current_page_parent li a, .footer-nav li li.current-menu-ancestor li a, .footer-nav li li.current-menu-item li a, .footer-nav li li.current-cat li a, .footer-nav li li.current-menu-item li a { } .footer-nav li ul ul { margin: -30px 0 0 180px; } .footer-nav li:hover,.nav li.hover { } .footer-nav li:hover ul ul, .nav li.sfhover ul ul, .footer-nav li:hover ul ul ul, .nav li.sfhover ul ul ul, .footer-nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { } .footer-nav li:hover ul, .nav li.sfhover ul, .footer-nav li li:hover ul, .nav li li.sfhover ul, .footer-nav li li li:hover ul, .nav li li li.sfhover ul, .footer-nav li li li li:hover ul, .nav li li li li.sfhover ul { } #footer-bottom {color: #8ACAED; border-top: 1px solid #529dc8; margin-top: 15px; padding: 28px 15px 50px 15px; background: url(images/footer_bg_dark.png); background-repeat: repeat;} #footer-bottom h2 span { font-size: 16px; font-family: 'Predige-Regular',sans-serif; display: block; color: #8ACAED; line-height: 16px; text-transform: uppercase;} #footer-bottom h2{ font-size: 24px; font-family: 'Predige-Bold',sans-serif; display: block; color: #8ACAED; line-height: 28px; text-transform: uppercase;} #footer-bottom #footer-about p { font-size: 11px; line-height: 12px; margin-top: 10px;} /* 2.7 Looped Slider */ #loopedSlider { background: url(images/stripes.png) repeat; padding: 6px 13px 18px 13px; position:relative; z-index: 999; margin-bottom: 27px;} #loopedSlider .container { overflow:hidden; position:relative; margin: 8px !important;} #loopedSlider .plate { background: #fff; box-shadow: 0 4px 4px #d8d8d8; -webkit-box-shadow: 0 4px 4px #d8d8d8; -moz-box-shadow: 0 4px 4px #d8d8d8;} #loopedSlider .slides { position:absolute; top:8px; left:0; } #loopedSlider .slides div.slide { position:absolute; top:0; width: 598px; display:none;} #loopedSlider .slide-content { position: absolute; bottom: 5px; left: 187px; color: #fff;} #loopedSlider .slide-content h2 { margin: 0; font-size: 20px; background:red; background: rgba(255, 0, 0, 0.5); padding: 10px; } #loopedSlider .slide-content h2 a { color: #fff; } #loopedSlider .slide-content p { line-height: 18px; background:#444; background: rgba(0,0,0,0.3); padding: 10px; color:#fff;} #loopedSlider a.previous { z-index: 9999; position: absolute; left: 0px; top: 45%; } #loopedSlider a.next { z-index: 9999; position: absolute; right: 0px; top: 45%; } #loopedSlider a.previous:hover, #loopedSlider a.next:hover { opacity: 0.9; } /*================================================== Here we fix the issue with Events Community interfering with slider numbers ==============*/ #slides ul.pagination {margin: -380px 0 0 0 !important; width: 25px !important; text-align: center; font-size:16px; font-weight: bold; border: 1px solid #ccc; border-left: 1px solid #FFFFFF; position: absolute !important; right: -26px; z-index: 999;} #slides ul.pagination a { margin: 0px !important; border-top: 1px solid #FFFFFF; background: #cccccc; display: block;} #slides ul.pagination a:link, #slides ul.pagination a:visited {color: #FFF !important;text-decoration: none; padding: 20px 8px; background: #cccccc; height: 22px;} #slides ul.pagination li { display: block; margin: 0,0,0,0;} #slides ul.pagination li:first-child a { border-top: #ccc; } #slides ul.pagination li:first-child a { border-bottom: 1px solid #ccc;} .slides_container div, .slides_container { width: 910px !important; height: 380px !important; background-color:#fff; } #slides .image {overflow: hidden; float: left; background: transparent; } /* 2.8.1 Home Page - Featured Posts #featured { margin-bottom: 0px; } #featured h3 { margin: 0 0 0px 0; padding:5px 5px 5px 5px; font:normal 16px myriad pro,sans-serif; color:#fff; background: url(images/title-mcm.png) repeat-x top left; } #featured .block { background: #fff; margin-bottom: 10px; margin-right: 15px; padding: 5px 8px; } #featured .block.full { margin-right:0; width:628px; } #featured .block h2 { font-size: 16px; font-weight: bold; color: #1b5474 !important; line-height: 25px; } #featured .block p { font-size: 14px; color: #000; line-height: 18px; } #featured .block img { margin-right: 14px; } #featured .block span.comment { background: url(images/ico-comment.jpg) no-repeat top left; } #featured .block span.comment a { padding-left: 20px; margin-right: 10px; color: #666 !important; font-size: 12px;} #featured .block span.more { } #featured .block span.more a { font-size: 12px; font-weight: bold; }*/ /* 2.8.2 Home Page - Latest News #latest { margin-bottom: 10px; width:320px; float:left; } #latest h3 { margin: 0 0 0px 0; padding:5px 5px 5px 5px; font:normal 16px myriad pro,sans-serif; color:#fff; background: url(images/title-mcm.png) repeat-x top left; } #latest .block { float: left; width: 141px; height: 350px; background: #fff; padding: 5px 8px; margin-right:5px; } #latest .block.rightish { margin-right:0px; } #latest .block h2 a { font-size: 16px; font-weight: bold; color: #1b5474 !important; line-height: 18px; } #latest .block span.date { font-size: 12px; font-style: italic;} #latest .block img { margin-top: 12px; } #latest .entry { /* height: 100px; } #latest .block p { font-size: 14px; color: #000; line-height: 18px; margin-top: 12px; } #latest .block span.comment { background: url(images/ico-comment.jpg) no-repeat top left; line-height: 30px;} #latest .block span.comment a { padding-left: 20px; color: #666 !important; font-size: 12px; margin-right: 10px;} #latest .block span.ico-more img { margin-top: 5px !important; } #latest .block span.ico-more a:hover { opacity: 0.8; } #latest .block span.more { line-height: 30px; } #latest .block span.more a { font-size: 12px; font-weight: bold; }*/ /* 2.8.2 and a quarter MocoPost page, More top stories #more-top-stories { margin-bottom: 10px; } #more-top-stories .block { float: left; width: 141px; height: 350px; background: #fff; padding: 5px 8px; margin-right:5px; } #more-top-stories .block.rightish { margin-right:0px; } #more-top-stories .block h2 a { font-size: 16px; font-weight: bold; color: #1b5474 !important; line-height: 18px; } #more-top-stories .block span.date { font-size: 12px; font-style: italic;} #more-top-stories .block img { margin-top: 12px; } #more-top-stories .entry { /* height: 100px; } #more-top-stories .block p { font-size: 14px; color: #000; line-height: 18px; margin-top: 12px; } #more-top-stories .block span.comment { background: url(images/ico-comment.jpg) no-repeat top left; line-height: 30px;} #more-top-stories .block span.comment a { padding-left: 20px; color: #666 !important; font-size: 12px; margin-right: 10px;} #more-top-stories .block span.ico-more img { margin-top: 5px !important; } #more-top-stories .block span.ico-more a:hover { opacity: 0.8; } #more-top-stories .block span.more { line-height: 30px; } #more-top-stories .block span.more a { font-size: 12px; font-weight: bold; }*/ /* 2.8.2 and half Home Page - Events box on home page #events { margin-bottom: 10px; width:320px; float:left; margin-left:5px; } #events h3 { margin: 0 0 0px 0; padding:5px 5px 5px 5px; font:normal 16px myriad pro,sans-serif; color:#fff; background: url(images/title-mcm.png) repeat-x top left; } #events .block { float: left; width: 304px; height: 350px; background: #fff; padding: 5px 8px; margin-right:5px; } #events .block h2 a { font-size: 16px; font-weight: bold; color: #1b5474 !important; line-height: 18px; } #events .block span.date { font-size: 12px; font-style: italic;}*/ /* 2.8.2 and three-quarters Home Page - Upcoming Events #events-home { margin-bottom: 0px; } #events-home h3 { margin: 0 0 0px 0; padding:5px 5px 5px 5px; font:normal 16px myriad pro,sans-serif; color:#fff; background: url(images/title-mcm.png) repeat-x top left; } #events-home .block { background: #fff; margin-bottom: 10px; margin-right: 15px; padding: 5px 8px; width:304px; } #events-home .block.full { margin-right:0; width:304px; } #events-home .block h4 { font-size: 16px; font-weight: bold; color: #1b5474 !important; line-height: 25px; } #events-home .block p { font-size: 14px; color: #000; line-height: 18px; } #events-home .one-event { margin-bottom:10px; line-height: 1em; } #events-home .event-datetime { font-size:0.85em; font-style:italic; }*/ /* 2.8.3 Home Page - Popular #popular { margin-bottom: 10px; } #popular h3 { margin: 0 0 0px 0; padding:5px 5px 5px 5px; font:normal 16px myriad pro,sans-serif; color:#fff; background: url(images/title-mcm.png) repeat-x top left; } #popular .plate { background: #fff; margin-bottom: 10px; padding: 7px 9px 11px 9px; } #popular .block { width: 293px; float: left; margin: 10px; padding-bottom:10px; border-bottom:1px solid #ddd; } #popular .block h2 a { font-size: 12px; font-weight: bold; color: #1b5474 !important; line-height: 18px;} #popular .block img { border:1px solid #e6e6e6; padding:4px; } #popular .block span.meta { font-size: 12px; color: #666; font-style: italic; } #popular .block span.meta a { color: #666; } #popular .block span.comment { background: url(images/ico-comment.jpg) no-repeat top left; line-height: 30px;} #popular .block span.comment a { padding-left: 20px; color: #666 !important; font-size: 12px;}*/ /* 2.8.3 and a half Home Page - Showcase #showcase { margin-bottom: 10px; } #showcase h3 { margin: 0 0 0px 0; padding:5px 5px 5px 5px; font:normal 16px myriad pro,sans-serif; color:#fff; background: url(images/title-mcm.png) repeat-x top left; } #showcase .plate { background: #fff; margin-bottom: 10px; padding: 7px 9px 11px 9px; } #showcase .block { width: 293px; float: left; margin: 10px; padding-bottom:10px; border-bottom:1px solid #ddd; } #showcase .block h2 a { font-size: 16px; font-weight: bold; color: #1b5474 !important; line-height: 18px;} #showcase .block img { border:1px solid #e6e6e6; padding:4px; } #showcase .block span.meta { font-size: 12px; color: #666; font-style: italic; } #showcase .block span.meta a { color: #666; } #showcase .block span.comment { background: url(images/ico-comment.jpg) no-repeat top left; line-height: 30px;} #showcase .block span.comment a { padding-left: 20px; color: #666 !important; font-size: 12px;}*/ /* 2.8.3 and two thirds MocoPost - Halfcase (that is, half a showcase) #halfcase { margin-bottom: 10px; width:320px; float:left; margin-right:5px; } #halfcase.rightish { margin-right:0px; } #halfcase h3 { margin: 0 0 0px 0; padding:5px 5px 5px 5px; font:normal 16px myriad pro,sans-serif; color:#fff; background: url(images/title-mcm.png) repeat-x top left; } #halfcase .plate { background: #fff; margin-bottom: 10px; padding: 7px 9px 11px 9px; } #halfcase .block { width: 293px; float: left; margin: 10px; padding-bottom:10px; border-bottom:1px solid #ddd; } #halfcase .block h2 a { font-size: 16px; font-weight: bold; color: #1b5474 !important; line-height: 18px;} #halfcase .block img { border:1px solid #e6e6e6; padding:4px; } #halfcase .block span.meta { font-size: 12px; color: #666; font-style: italic; } #halfcase .block span.meta a { color: #666; } #halfcase .block span.comment { background: url(images/ico-comment.jpg) no-repeat top left; line-height: 30px;} #halfcase .block span.comment a { padding-left: 20px; color: #666 !important; font-size: 12px;} #halfcase div.excerpt { width:185px; }*/ /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ #breadcrumb { margin-bottom:1.5em;} .archive_header { display: block; margin: 1px 0 18px 0; padding:5px 0px 10px 0px; font: normal 36px 'Predige-Bold'; min-height: 44px; line-height: 44px;text-transform: uppercase; border-top: 5px solid; border-bottom: 1px solid #E2A99E; color: #E2A99E; max-width: 910px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} /*default*/ .archive_header .catrss a { font-size: 14px; text-decoration: none; color: white; } .archive_header .catrss a:hover { text-decoration: underline } .archive-footer {position: relative; border-top: 1px solid #2784ba; height:80px;} #plate, p.plate, div.plate { background: #fff; margin-bottom: 10px; } #mcm-banner { background: #333; margin-bottom: 10px; -moz-box-shadow: 3px 3px 4px #ddd; -webkit-box-shadow: 3px 3px 4px #ddd; box-shadow: 3px 3px 4px #ddd; } #striped { float: left; position: relative; max-width: 910px !important;} ul.mcm-banner-menu { width:150px; background-color:#333333; color:#FFFFFF; float:left; padding-top: 1px; } ul.mcm-banner-menu li { padding:2px 4px; border-bottom:solid 1px #666666; border-right:solid 1px #666666; height: 21px;} ul.mcm-banner-menu a, ul.mcm-banner-menu a:hover, ul.mcm-banner-menu a:visited { display:block; color:#FFFFFF; text-decoration:none; font-size: 14px; line-height: 21px; } .entry h2.mcmboxtitle {clear:both;} .entry { } .post { margin: 0;} .single-post img.featured-image { width:49%; max-width: 50%; height: auto; margin: 5px 0px 15px 15px; display: none;} .page h1.title { border-top: 5px solid #145e9d; display: block; margin: 0px 0 18px 0; padding: 0px 0px 10px 0px; font: normal 26px 'Predige-Bold'; min-height: 44px; text-transform: uppercase; color: #145e9d;} .post .post-header { margin: 0; padding: 35px 5px 5px 0px; text-transform: uppercase; font: normal 16px 'Predige-Regular',sans-serif; color: #8b7f78; text-align: left; clear: both; border-top: 5px solid #88817b; border-bottom: 1px solid #88817b;} .post .cat-title { } .post .cat-title a:link, .post .cat-title a:visited { color:#2a2a2a; } .postmeta { padding: 0px; margin-bottom: 20px; } .postmeta h3 { border-bottom: 1px solid #88817b; margin-bottom: 20px; margin-top: 12px;} .postmeta ul { clear:both; list-style: none; background: #fff; box-shadow: 0 4px 4px #d8d8d8; -webkit-box-shadow: 0 4px 4px #d8d8d8; -moz-box-shadow: 0 4px 4px #d8d8d8; padding: 11px 9px; } .postmeta ul li.post-date { font-size: 14px; padding-bottom: 15px;} .postmeta ul li a { text-decoration: underline; } .postmeta ul li a:hover { text-decoration: none; } .postmeta ul li.edit { padding: 10px 0; } .post p.tags{background:url(images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;margin-bottom:20px; padding-bottom: 15px;} p.tags a {background-color: #8A7F79; color: #fff; padding: 2px 5px; font-size: 12px; line-height: 12px; margin: 1px; float: left;} .post-footer { border-top: 1px solid #88817B; border-bottom: 1px solid #88817B; padding: 12px 0px; height: 38px; position: relative;} .post-footer-ads { border-top: 1px solid #88817B; border-bottom: 1px solid #88817B; padding: 12px 0px; height: 100px;} .post-footer .nav-entries, .wp-pagenavi {top: 53px;} .post-nav a { font-size: 12px; line-height: 20px; margin-top: 2px; } .post-nav .prev { float:left; background: url(images/arrow-left.png) no-repeat left;} .post-nav .prev a { padding-left: 15px; } .post-nav .next { float:right; margin-left: 18px; background: url(images/arrow-right.png) no-repeat right;} .post-nav .next a { padding-right: 15px; } .relatedposts { margin-bottom: 15px; min-height: 135px;} .relatedposts div.column .post-snippet{ display: block; margin-bottom: 5px; clear: both; min-height: 96px;} .relatedposts div.column:last-child { margin-right: 0px;} .arc { margin-bottom: 20px;} .arc h2 { padding: 10px 0px; text-transform: uppercase;} .arc .entry { margin-top: 0 !important;} .arc img { padding:0px; width: 290px; height: auto; } .arc span.comment { background: url(images/ico-comment.jpg) no-repeat top left; line-height: 30px;} .arc span.comment a { padding-left: 20px; margin-right: 10px; color: #666 !important;} .arc span.more { line-height: 20px; margin-left: 0px; text-transform: uppercase; font: normal 12px 'Predige-Regular'; height: 20px; display: table-cell; vertical-align: middle;} .arc span.more a { color: #2784ba; font-weight: normal; padding-right: 5px; font-size: 14px; line-height: 20px;} .more a:hover { color: #1b5474 !important;} .more span.fa.fa-angle-right { padding-left: 5px; font-size: 20px; vertical-align: text-bottom; line-height: 20px;} .arc-top { background-color: #EBEBEB; width: 620px; display: inline-block; height: auto; vertical-align: top; border-left: 1px solid #fff;} .arc .date {display: inline-block; vertical-align: bottom;} .arc .date p { padding: 0px 5px; background-color: #000; color: #fff; width: 280px; margin: 0; font: normal 12px 'Predige-Regular'; text-transform: uppercase; line-height: 21px; height: 20px;} .arc .catbox { display: inline-block; margin-right: -3px; min-width: 92px; height: 20px; border-bottom: none; /*border-left: 1px solid #fff;*/ border-top: 1px solid #fff; padding: 0px 4px; background: #E2A99E; vertical-align: top;} /*default color*/ .arc .catbox a {color: #fff; font: normal 11px 'Predige-Regular'; text-transform: uppercase; line-height: 20px;} .archive-post-excerpt { padding-left: 20px; padding-top: 5px;} /* 3.1 Typographic Elements */ .entry, .entry p { font:15px arial,sans-serif; line-height: 20px;} .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 15px 0 20px; } .entry p { margin-bottom: 1.2em; } .entry blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444; } .entry blockquote p { font-style:italic; } .entry ul { margin-bottom: 1.5em; padding: 0 0 0 30px; } .entry ul ul { margin: 0; } .entry ul li { list-style-type: disc; } .entry ul ul li { list-style-type: circle; } .entry ol { margin-bottom: 1.5em; padding: 0 0 0 30px; } .entry ol ol { margin: 0; } .entry ol li { list-style-type: decimal; } .entry ol li ol li { list-style-type: lower-latin; } /* 3.2 Images */ .entry img, img.thumbnail { padding:4px; border:1px solid #e6e6e6;} img.wp-smiley { padding: 0; border: none; } .alignleft { float: left; height: auto; margin: 5px 15px 5px 0; } .alignright { float: right; height: auto; margin: 5px 0 5px 15px; } .aligncenter { text-align: center; margin-bottom:15px;} img.aligncenter { margin-left:auto; margin-right:auto; display:block; } .entry .wp-caption { padding: 0px; text-align:center;} .entry .wp-caption img{ margin:0; padding:0; background:none; border:0; } .entry .wp-caption-text { margin:0; padding:0; font:0.9em/1.5em Arial,sans-serif; text-align:center; } .entry .wp-caption.aligncenter { margin:0 auto; } .entry .video { margin-bottom:20px; } .vvqbox {clear: both;} /* 3.3 Pagination / WP-Pagenavi */ .nav-entries, .wp-pagenavi { padding:0px; position: relative; right: 0px; top: 0px; width: 170px; float: right; margin-top: -55px; } .archive .nav-entries, .archive .wp-pagenavi { margin-top: -70px; } .archive-footer .nav-entries, .archive .wp-pagenavi { margin-top: 0px;} @media screen and (min-width: 800px) { .archive-footer .nav-entries, .archive .wp-pagenavi { margin-top: 10px; } } .nav-entries a { display: block; color:#777; text-decoration:none;} .nav-entries a:hover { text-decoration:underline; } .nav-prev { background: url(images/newer-posts.png) no-repeat; display: block; height: 42px;} .nav-prev-post { background: url(images/prev-post.png) no-repeat; display: block; height: 42px; border-right: 1px solid #2784BA;} .nav-prev a, .nav-next a, .nav-prev-post a, .nav-next-post a {opacity: 0; height: 42px; width: 82px;} .nav-next { background: url(images/older-posts.png) no-repeat; display: block; height: 42px; border-left: 1px solid #2784BA;} .nav-next-post { background: url(images/next-post.png) no-repeat; display: block; height: 42px;} .wp-pagenavi {clear:both;float: right;} .wp-pagenavi a {text-decoration: none !important;} .wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover {background: #fafafa !important; border:1px solid #e6e6e6 !important;} .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi span.pages { background: #EEEEEE; color: #666; padding: 5px 8px !important; margin-left: 4px; border:1px solid #DDDDDD; line-height:24px; } .wp-pagenavi span.pages { background: none; border:none; } .wp-pagenavi .extend { background:none; border:none; } /* 3.4 Single Post Author */ div#share-text { font: normal 14px 'Predige-Regular',sans-serif; width: 90px; text-transform: uppercase; color: #88817B; border-right: 1px solid #88817B; margin-right:15px;} div#share-icons { margin: 0.5em 1.5em 0px 0px; !important;} .more-by-author{ padding-right: 5px; text-transform: uppercase; font: normal 14px 'Predige-Regular';} .more-by-author span { font-size: 18px;} #post-author {clear:both; } #post-author h3.title { margin-bottom: 5px; margin-top: 13px; padding: 0px; border-top: none; font-size: 20px;} #post-author .title span { color: #FC7C33;} #post-author .profile-description { max-width: 65%;} #post-author .profile-image { float:left; margin:7px 15px 20px 0; background:#F8F8F8; background:rgba(255,255,255,0.7); width: 110px; height: 110px;} #post-author .profile-link { } #disclaimer { width: 35%;} #disclaimer p { font-size: 12px;} .post-footer-ads .banner-ad-block{clear: none;} /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.2 Generic Widgets */ .widget { margin-bottom: 15px;} .widget h3 { margin: 0; padding: 10px 5px 25px 15px; text-transform: uppercase; font-size: 20px; color: #88817b; text-align: left !important; border-top: 5px solid #88817b; border-bottom: 1px solid #88817b;} .widget h4 {font-size: 16px;color: #1b5474 !important;line-height: 18px;} .widget p { margin-bottom: 1em; } .widget ul, .widget div { clear:both; list-style: none; } .widget div { padding: 0; } .widget ul li { border-bottom: 1px solid #f9f9f9; padding:5px 0 5px 15px;} .widget ul li a { padding:0; line-height: 18px; text-decoration: none;} .widget ul li a:hover { text-decoration:underline; } .widget ul ul { padding: 0 0 0 15px; border-top: none; box-shadow: 0 0px 0px #d8d8d8; -webkit-box-shadow: 0 0px 0px #d8d8d8; -moz-box-shadow: 0 0px 0px #d8d8d8; } .adspace-widget { text-align: center; } .widget_recent_comments ul li { padding: 7px 15px;} #twitter li { padding: 6px 0; line-height: 18px; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */ .widget_recent_comments ul li a, #twitter a { display: inline; padding: 0 !important; line-height: 18px!important; background: none!important; border: none!important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */ #footer-widgets { border-top:1px solid #dadada; padding:10px 0; background: url(images/stripes.png) repeat; } #footer-widgets .widget { padding: 0px; margin-bottom: 10px; background: none; } #footer-widgets h3 { background: url(images/title-grey.png) no-repeat top left !important; } #footer-widgets .block { padding:0px 0 0 10px; width:293px; float:left; } .widget_woo_embedwidget .widget_video { padding:0; margin:10px 0 0; background: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } /* 4.2 Specific Widgets */ .widget div.textwidget { background: #fff; margin-bottom: 10px; padding: 0; } /* WIDGET FORMS */ .searchform { } .widget input.s { color:#777; float:left; width: 70%; padding: 7px 0 7px 7px; margin-right:5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;} #footer-widgets .widget input.s { width: 55%; } .widget .screen-reader-text { display: none; } .widget input.submit { float:left; border-color:#EFEFEF #ccc #CCCCCC #efefef; padding:6px; cursor: pointer; } div#social-media {margin-bottom: 35px; min-height: 730px;} /* FACEBOOK */ h3#facebook-heading { color: #3c5998; border-color: #3c5998; font-size: 22px; padding: 10px 17px 23px 7px;} #facebook-heading span.fa.fa-facebook.fa-2x.fr { font-size: 36px;} /* TWITTER */ h3#twitter-heading { color: #28a9e2; border-color: #28a9e2; font-size: 22px; padding: 10px 20px 23px 7px;} #twitter-heading span.fa.fa-twitter.fa-2x.fr { font-size: 40px;} .widget_woo_twitter .back { padding: 12px 24px 6px; background: #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0px 0px #d8d8d8; -webkit-box-shadow: 0 0px 0px #d8d8d8; -moz-box-shadow: 0 0px 0px #d8d8d8; } .widget_woo_twitter ul { background: none !important; box-shadow: 0 0px 0px #d8d8d8; -webkit-box-shadow: 0 0px 0px #d8d8d8; -moz-box-shadow: 0 0px 0px #d8d8d8;} .widget_woo_twitter ul li { border-color: #d0d0d0; padding: 5px 0px; } .widget_woo_twitter ul li a { padding: 0px !important; color: #999999; } .widget_woo_twitter ul li span { font-size: 18px; font-family: myriad pro,georgia, serif; color: #000; } .widget_woo_twitter ul li span a { color: #3366cc !important; } .widget_woo_twitter p { color: #000; padding-top: 10px; } .widget_woo_twitter p a { color: #000; } span.tlogo img { padding-bottom: 10px !important; } /* FLICKR */ .widget_woo_flickr { padding: 11px 13px 4px 13px; } .widget_woo_flickr h3 { margin: 0 0 13px 10px; padding: 0; font:bold 20px myriad pro,arial, sans-serif; color:#fff; box-shadow: 0 0px 0px #d8d8d8; -webkit-box-shadow: 0 0px 0px #d8d8d8; -moz-box-shadow: 0 0px 0px #d8d8d8; border: 0px solid #fff; background: none; } .widget_woo_flickr h3 span{color:#0061D8;} .widget_woo_flickr h3 span span{color:#FF1183;} .widget_woo_flickr .flickr_badge_image { float: left; margin: 3px; clear: none; } .widget_woo_flickr div { clear:both; list-style: none; background: none; box-shadow: 0 0px 0px #d8d8d8; -webkit-box-shadow: 0 0px 0px #d8d8d8; -moz-box-shadow: 0 0px 0px #d8d8d8; padding: 0px !important;} .widget_woo_flickr .wrap { position: relative; margin-bottom: 20px; padding: 0; } .widget_woo_flickr a img { float: left; margin: 0 0 5px 5px; display: block; background: #fff;; padding: 3px; height: 70px; width: 70px; box-shadow: 0 4px 4px #d8d8d8; -webkit-box-shadow: 0 4px 4px #d8d8d8; -moz-box-shadow: 0 4px 4px #d8d8d8;} .widget_woo_flickr a:hover img { box-shadow: 0 4px 4px #b8b8b8; -webkit-box-shadow: 0 4px 4px #b8b8b8; -moz-box-shadow: 0 4px 4px #b8b8b8; } #footer-widgets .widget_woo_flickr h3 { margin: 0 0 13px 10px; padding: 0; font:bold 20px myriad pro,arial, sans-serif; color:#fff; box-shadow: 0 0px 0px #d8d8d8; -webkit-box-shadow: 0 0px 0px #d8d8d8; -moz-box-shadow: 0 0px 0px #d8d8d8; border: 0px solid #fff; background: none !important; } /* LIFESTREAM */ .widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; } .widget_lifestream ul li a { border:none; background:none!important; } .widget_lifestream ul .lifestream_meta { color: inherit; } /* CALENDAR */ #wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;} #wp-calendar caption{padding:10px;} #wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;} #wp-calendar td{background:transparent;} #wp-calendar td,table#wp-calendar th{padding:3px 0;} /* Blog Author Widget .widget_woo_blogauthorinfo h3 { background: url(images/title-grey.png) no-repeat top left !important; } .widget_woo_blogauthorinfo .avatar { padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7);} .widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; } .widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; } .widget_woo_blogauthorinfo a { text-decoration: underline; } .widget_woo_blogauthorinfo a:hover { text-decoration: none; } */ /* Subscribe Widgets .widget_feedburner input, textarea { width: 150px; background: #fff; color: #666; } .widget_feedburner .button { width: 70px; margin-left: 5px; color: #fff; font-weight: bold; background: #928d56; border: 2px solid #928d56; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px} .widget_feedburner .button:hover { background: #827e49; border-color: #827e49; } .widget_campaign_monitor input, textarea { width: 150px; background: #fff; color: #666; } .widget_campaign_monitor .button { width: 70px; margin-left: 5px; color: #fff; font-weight: bold; background: #928d56; border: 2px solid #928d56; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px} .widget_campaign_monitor .button:hover { background: #827e49; border-color: #827e49; } */ /* widget_address .widget_address h4 { font-weight: 700; margin-bottom: 10px} .widget_address .maps-image { } */ /* widget_authors */ .widget_authors .author-item { height:55px } .widget_authors h4 { color: #1B5474; margin-bottom: 5px; margin-top: 5px; } .widget_authors .authorwidget div { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none; padding:5px;} .widget_authors img.avatar { float:right; border:1px solid #ccc; padding: 5px } /* widget_social */ .widget_social .socialwidget { padding: 10px 0px 10px 20px} .widget_social .socialwidget .ico-facebook, .widget_social .socialwidget .ico-twitter, .widget_social .socialwidget .ico-flickr, .widget_social .socialwidget .ico-youtube { /*border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; */ padding:5px; padding-left: 25px; line-height: 15px; display: block; float:left; width: 85px } .widget_social .socialwidget .ico-facebook { background: url(images/ico-facebook.jpg) left center no-repeat;} .widget_social .socialwidget .ico-twitter { background: url(images/ico-twitter.jpg) left center no-repeat;} .widget_social .socialwidget .ico-flickr { background: url(images/ico-flickr.jpg) left center no-repeat;} .widget_social .socialwidget .ico-youtube { background: url(images/ico-youtube.jpg) left center no-repeat;} /* widget_embed */ .widget_woo_embedwidget ul.widget-video-list li a { display: block; padding: 0px 15px; } .widget_upcoming_events_widget div.textwidget { padding:5px; } .widget_upcoming_events_widget h4 a { font-size: 16px; font-weight: bold; color: #1b5474 !important; line-height: 18px; } .widget_upcoming_events_widget .one-event { margin-bottom:10px; line-height: 1em;} .widget_upcoming_events_widget .event-datetime { font-size:0.85em; font-style:italic; } /* 4.3 WooTabs */ #tabs { height:auto; display: block; margin-bottom:10px; border: 1px solid #005A95;} #tabs ul.wooTabs { padding:0px; } #tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#fff; text-decoration:none; } #tabs ul.wooTabs li a { color:#333; display: block;float: left;padding: 8px; font:16px/18px myriad pro,sans-serif; font-weight:bold; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { border-top-right-radius:3px; border-top-left-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-topleft:3px;-webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius:3px; } #tabs .inside { background: #fff; padding:5px;} #tabs .inside li { background:#fff; } #tabs #tab-tags { padding:10px; } #tabs .inside ul { margin:0; } #tabs .inside li { border:1px solid #e6e6e6; border-width:0 0px 1px 0px; padding:10px; } #tabs .inside li a { color:#555; font:bold 14px/18px myriad pro,sans-serif; } #tabs .inside a:hover{} #tabs .inside li span.meta { display:block; font:11px/20px myriad pro,sans-serif; text-transform:uppercase; color:#777; } #tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px; background-color: #ffffff; float: left; margin: 0 8px 0 0; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments {position:relative;} #comments h3 { font-size: 16px; border: none; padding: 0;} h3#comments-heading {font-size: 20px; padding: 0px 2px; margin: 3px 0px; border-top: none;} #comments .comment.thread-even { } #comments .comment{margin-bottom:10px;width:100%;list-style-type:none; } #comments .comment .comment-container { position:relative; background: #fff; margin-bottom: 18px; padding: 14px 16px 14px 16px; box-shadow: 0 4px 4px #d8d8d8; -webkit-box-shadow: 0 4px 4px #d8d8d8; -moz-box-shadow: 0 4px 4px #d8d8d8; } #comments .comment-head { margin: 0 0 15px 0; padding-bottom: 5px; border-bottom: 1px dotted #dadada; } #comments .avatar { float:right; margin: 40px 10px 15px 0; } #comments .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; } #comments .comment-head .name { color: #1b5474; text-decoration:underline; } #comments .comment-head .name:hover { text-decoration: none; } #comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; } #comments .comment-entry p { margin: 0 0 10px 0;} #comments .reply { padding:10px 0; } #comments .reply a { font: 11px/18px myriad pro,sans-serif; background: #eee; border-color:#888; color:#555 !important; text-shadow: none; } #comments .reply a:hover { background-color: #e6e6e6;} #comments ul.children{margin:10px 0px 0 25px;padding:0; } #comments ul.children li { } #comments .cancel-comment-reply{margin:10px 0;} #comments .navigation { } #comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; } #comments .navigation a:hover{} #comments h3#pings { margin-top:25px; } #comments .pingbacks li.pingback { margin:10px 0; } #comments .pingbacks li.pingback .reply { display:none; } #comments .nocomments { margin-top: -23px; margin-left: 116px; text-transform: uppercase; font: normal 12px 'Predige-Regular' sans-serif; font-family: 'Predige-Regular' sans-serif !important; color: #88817B;} /* 5.2 Comments Form */ #respond { margin: 0; } #respond .left { float:left; width:200px; margin-right:15px; } #respond .right { float:left; width:380px; } #respond label { font-size:11px; color:#777; } #commentform { margin: 15px 0 0 0; } #commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; font: normal 14px/1em 'Predige-Regular',sans-serif; text-transform: uppercase;} #commentform label span{font: normal 12px/1em 'Predige-Regular',sans-serif; text-transform: uppercase;} #commentform input.txt { font:14px/14px myriad pro,Helvetica, Arial, sans-serif; border-color: #8b7f78; border-width:1px; border-style:solid; height: 15px !important;} #commentform textarea { font:18px/18px myriad pro,Helvetica, Arial, sans-serif; border-color: #8b7f78; border-width:1px; border-style:solid; height: 140px !important;} #commentform input.txt { color:#666; width: 275px; margin: 5px 18px 10px 0; padding: 11px 7px; } #commentform textarea { color:#666; background: transparent; width: 95% !important; padding: 5px 7px; } #commentform textarea, textarea#comment { border: 1px solid #8b7f78; min-width: 98.6%; float: none;} #respond #commentform #submit { margin: 15px 0 6px 0; cursor: pointer; color: #fff; display: block; background-color: #F58233 !important; width: 107px; height: 34px; padding: 10px 20px 10px 10px; text-transform: uppercase; font: normal 14px 'Predige-Regular',sans-serif; background: url(images/slideshow-read-more.png); background-repeat: no-repeat; background-position: 75px 11px; border: none; line-height: 16px;} /* 5.3 Pingbacks / Trackbacks */ h3#pings { margin: 25px 0 10px 0; } .pinglist li { margin: 0 0 0 20px; list-style-type: decimal; } .pinglist li .author { font-weight: bold; font-size: 15px; } .pinglist li .date { font-size: 11px; } .pinglist li .pingcontent { display: block; margin: 10px 0; } /*-------------------------------------------------------------------------------------------*/ /* 6. MISC */ /*-------------------------------------------------------------------------------------------*/ /* 6.1 Buttons */ a.button, a.comment-reply-link { display: inline-block; margin: 5px; padding: 3px 13px; border: 1px solid #4081af; border-bottom-color: #20559a; color: white !important; text-align: center; text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); text-decoration: none; /*Background*/ background: #237fd7; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #52a8e8), color-stop(1, #2e76cf) ); background: -moz-linear-gradient( center top, #52a8e8 20%, #2e76cf 100% ); /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; } a.button.large { padding:6px 16px;} a.button.small, a.comment-reply-link { padding:0px 10px;} a.button:hover, a.button.hover, a.button.active, a.comment-reply-link:hover { text-decoration: none !important; /*Background*/ background: #0073d2; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #3e9ee5), color-stop(1, #1666ca) ); background: -moz-linear-gradient( center top, #3e9ee5 20%, #1666ca 100% ); } a.button:active, a.button.active { border-color: #20559a; /*Box shadow*/ -webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; -moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; } a.button.inactive,{ border: 1px solid #d5d5d5; border-bottom-color: #e6e2e2; color: #aeaeae; text-shadow: 0 1px 0 white; /*Background*/ background: #e8e8e8; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #f3f3f3), color-stop(1, #e6e6e6) ); background: -moz-linear-gradient( center top, #f3f3f3 20%, #e6e6e6 100% ); /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/; } /* 6.2 Contact Form */ #contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; } #contact-page ol.forms{float:left;list-style:none;width:100%;margin:10px 0 0;} #contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%} #contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;} #contact-page ol.forms input.txt{width:214px;} #contact-page ol.forms input#sendCopy{border:none;} #contact-page ol.forms textarea{height:300px;width:400px; background: #eee;} #contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;} #contact-page ol.forms li.textarea .error{display:block; margin-left:120px} #contact-page ol.forms li.screenReader{margin-bottom:0;} #contact-page ol.forms li.buttons .submit{margin: 15px 0 0 120px; cursor: pointer; color: #fff; font-weight: bold; background: #928d56; padding-right: 8px !important;} #contact-page ol.forms li.buttons .submit:hover { background: #827e49; border-color: #827e49; } #contact-page ol.forms li.inline input{width:auto;margin-left:120px;} #contact-page ol.forms li.inline label{display:inline;float:none;width:auto;} /* 6.3 Gravity forms */ .gfield { margin-bottom: 10px; } .gform_wrapper .top_label .gfield_label { display:block;float:left; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; } .gform_wrapper input.button { padding: 5px 10px 6px !important; } .gform_wrapper input { padding: 7px 3px !important; } .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; } .gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; } ul.top_label .clear-multi { clear: none !important; } .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; } img.ui-datepicker-trigger { border: 0px; padding: 0px; } /** Event manager form **/ form#coolstuff textarea { width: 300px; height: 100px;} form#coolstuff input { width: 300px;} form#coolstuff .ginput_container { margin-bottom: 10px;} form#coolstuff input#fuzzbutton { width: 100px;} form#coolstuff input.catcheck { width: 20px;} form#coolstuff input.medium.price { width: 50px;} /* 6.4 Timeline Page Template */ #archives { padding: 0; } #archives a { font-style: italic; } h3.archive_year { font: bold 20px myriad pro,sans-serif; color:#555; margin-top:0; } #archives .archives_list { border-left:4px solid #ccc; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;} #archives .archives_list li { clear:left; padding-left:24px; font-size: 12px; font-style: normal; list-style: none; margin-bottom: 10px; } #archives .archives_list .date { color: #808080; width: 100px; font-style: italic; display: inline-block; vertical-align: top; } #archives .archives_list .linked { width: 270px; display: inline-block; vertical-align: top;} #archives .archives_list .comments { width: 100px; display: inline-block; vertical-align: top;} #archives .archives_list .comments a { color: #808080; font-size: 12px; font-style: italic; text-decoration: underline; padding-left: 13px; } #archives .archives_list .comments a:hover { text-decoration: none; } /* ===============================================================================================================Action bar================= */ #actionbar-wrap { position: fixed; bottom: 0; left: 0; width: 100%; z-index:10000; } #actionbar-container { height: 40px; background-color:#595959; } #actionbar { width: 100%; margin: 0 auto; position: relative; padding: 15px; text-align:center; color:#ddd; } #actionbar a, #actionbar a:hover, #actionbar a:visited { color:#ddd; } /* Sponsored Ad Block Banner */ div.banner-ad-block { margin-bottom: 10px; text-align: center; border-top: 1px solid #ebebeb; padding-top: 15px; margin-top: 10px; clear: both; float: none;} div.banner-ad-block#banner-ad-single {border-top: none; padding-top: 0px; margin-top: 0px;} div.banner-ad-block.channels { margin-bottom:0px; text-align:left; } div.banner-ad-block.channels a { margin-left:0px; } /* Slideshow */ div.slides_control div.image, div.slides_control div.image img { height:380px !important; width:885px !important; } #slides { margin-bottom:30px; } div.slide-text { width: 260px !important; position: absolute; padding: 25px; background-color: rgba(19, 94, 159, 0.7); color: #fff;} .slides_container h2, .slide-text a { color: #fff; text-decoration: none; position: relative; font: normal 'Predige-Bold';} .slides_container h2 {font-size: 26px; line-height: 28px; text-transform: uppercase; } .slides_container h2 a:link, .slides_container h2 a:visited, .slide-text a{ color: #fff !important; text-decoration: none !important;} .slides_container p {font-size: 12px; line-height: 18px; position: relative; padding-top: 20px;} div.banner-ad-block.channels h3 { margin: 0 0 0px 0; padding:5px 5px 5px 5px; font:normal 22px myriad pro,sans-serif; color:#fff; background: url(images/title-mcm.png) repeat top left; float:left; width:185px; } div#fb-root { display:none; } div.fb-like-box { padding:0; } /* 6.5 Widget styles */ h2.event-detail-title { font-size: 16px; font-weight: bold; color: #1B5474 !important; line-height: 18px;} span.event-detail-links { display: block; } span.event-detail-date { font-style: italic; } div.event-detail-text-wrapper { margin-top: 1px; margin-bottom: 9px; } div#sidebar table.MonthlyCalendar { width: 290px; } table.MonthlyCalendar .MonthName h1.entry-title { font-size: 120%; font-size: 16px; font-weight: bold; color: #1B5474 !important; line-height: 18px; } table.MonthlyCalendar tr.MonthNavigation { cursor: pointer; } table.MonthlyCalendar td.MonthNavNext { text-align: right; } table.MonthlyCalendar td.DateHeader { text-align: center; } table.MonthlyCalendar td.DateBox { text-align: center; } table.MonthlyCalendar td.DateBox div.DateLabel { margin: 2px; background: #fff; } table.MonthlyCalendar tr.std-row { height: 47px !important; } #login-search-wrapper { padding: 10px 0 0 0; text-align: right; color: white; } #login-search-wrapper a:link, #login-search-wrapper a:visited, #login-search-wrapper a:hover { color: #FF731A; text-decoration:underline; } #login-wrapper { font-size:85%; } .slides_container { width:885px; height:380px; } .slides_container div {width:885px; height:380px; display:block; } #channel-bar a.channel-button { margin-right:10px; } #slides ul.pagination li.current a { background: transparent !important; } /*#slides { -moz-box-shadow: 3px 3px 4px #ddd; -webkit-box-shadow: 3px 3px 4px #ddd; box-shadow: 3px 3px 4px #ddd; } */ #slides.embedded { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } #slides.embedded .slides_container { width:575px !important; height:380px; } #slides.embedded .slides_container div.slides_control div { } #slides.embedded .slides_container div.slides_control div.image { } .entry #slides.embedded img { padding:0; border:none; } #slides.embedded ul.pagination { padding:0px !important; width:25px; } div.category-name { font-variant:small-caps; } /*-------------------------------------------------------------------------------------------*/ /* 3. Columns */ /* Override of Woo Shortcode CSS */ /*-------------------------------------------------------------------------------------------*/ .twocol-one,.threecol-one,.threecol-two,.fourcol-one,.fourcol-two,.fourcol-three,.fivecol-one,.fivecol-two,.fivecol-three,.fivecol-four,.sixcol-one,.sixcol-two,.sixcol-three,.sixcol-four,.sixcol-five{margin-right:2% !important;} .twocol-one{width:50% !important; max-width: 445px; margin-right: 20px !important;} .threecol-one{width:31% !important;} .threecol-two{width:65% !important;} .fourcol-one{width:23.5% !important;} .fourcol-two{width:49% !important;} .fourcol-three{width:74.5% !important;} .fivecol-one{width:18.8% !important;} .fivecol-two{width:39.6% !important;} .fivecol-three{width:60.4% !important;} .fivecol-four{width:81.2% !important;} .sixcol-one{width:15% !important;} .sixcol-two{width:32% !important;} .sixcol-three{width:49% !important;} .sixcol-four{width:66% !important;} .sixcol-five{width:83% !important;} div.mcm-page-excerpt { padding:0 0 16px 0; } table.facil-table td { padding-right:10px; } table.facil-table th { padding-right:10px; text-align:left; } table.event-table td { padding-right:10px; } table.event-table th { padding-right:10px; text-align:left; } div.event-listings h3 { margin-bottom:0; margin-top:10px; } table.facil-classes td { padding-bottom: 10px; } div.weather-widget { height:50px; } div.weather-widget div { height:50px; } div.weather-widget center { text-align:left; } div.weather-widget center table td center { float:none; height:50px; display:inline; line-height: 3em; vertical-align:top; } div.weather-widget div strong, div.weather-widget div br { display:none; } div.weather-widget center table td { padding:0; } div.postmeta { display:none; } .event-details { margin-bottom:10px; } tr.odd { background-color: #e0e0e0; } tr.even { } body.single-post .entry h1 { background: none; color: #145e9d; padding: 0; } .letter-picker, .subject-picker { text-align: center; padding: 4px; background-color: #DDD; border-bottom: 1px solid #666; margin-bottom: 8px; } #silverlightControlHost object { border:solid 5px black; } #silverlightControlHost img { border:none; padding:0; } .entry img.access-program-logo { border:none;padding:0; } .entry img.partner-logo { border:none;padding:0; float:left; margin-right:10px; } .entry img.class-logo { border:none;padding:0; float:left; margin-right:10px; } body.single-partner #plate { min-height:282px; } body.single-class #plate { min-height:282px; } #episode-list { width:100%; margin-bottom:10px; } .entry #episode-list p { margin-bottom:0; } .entry #episode-list td.episode-description { padding-bottom:10px; } .entry .class-next-date { font-size:120%; } .entry .class-full { font-weight:bold; color:#990000; } .episode-featured-image { float:left; } .granicus-caption { color: white; background-color:#0061A0; padding: 4px; font-weight: bold; border-top: 2px solid white; width: 302px; } .granicus-caption a:link, .granicus-caption a:visited, .granicus-caption a:hover { color:white; } /* Changes to style.css made June 6 2012. Moved from Theme Options CSS to style.css via Subversion....*/ .mcm-style-row-odd { background-color: #E6E6E6;} .mcm-style-row-even {background-color: #F3F3F3;} .mcm-style-col-1 { width: 32%;text-align: left; padding-top: 2px; padding-right: 3px; padding-bottom: 2px; padding-left: 5px;} .mcm-style-col-2 { width: 16%; text-align: right; padding-top: 2px; padding-right: 3px; padding-bottom: 2px; padding-left: 3px; vertical-align: top;} .mcm-style-col-3 { width: 16%; text-align: right; padding-top: 2px; padding-right: 3px; padding-bottom: 2px; padding-left: 5px;} .mcm-style-col-4 { width: 16%; text-align: right; padding-top: 2px; padding-right: 3px; padding-bottom: 2px; padding-left: 5px;} .page-id-3125 .pageview {display: none;} /*MJW 4/4/12 to get rid of long list of election results on this page only.*/ /*Removes Partner Blog for ... from individual blog pages Changed 5/12 */ .entry h2.mcmboxtitle {display: none;} /*Style changes made August 14 */ /*Floats featured image in halfcase Featured and Access Voice to the right. MJW 6_5_12*/ #search-wrapper { float: right; clear: right;} #login-wrapper { float: right;} #halfcase .block img { border: 1px solid #E6E6E6; float: right; padding: 4px;} .photocredit { font-size: 9pt; font-style: italic;} .entry h2.mcmboxtitle { display: block;} /*removes repeating blog title on individual blog pages*/ .single-partner .entry h2.mcmboxtitle { display: none;} /*Poll Widget Styles*/ #widget-poll {border: solid 1px #1C2A47;background: #ffffff;} /* end poll widget styles */ /*style for text widget video link*/ .info {text-align: center;} .info a:link {text-decoration: underline;} /*action bar fixes */ #actionbar a, #actionbar a:hover, #actionbar a:visited { color: #DDDDDD; font-weight: bold; margin-right: 3em;} /*Fair page styles Pge id# 44408*/ .page-id-44408 .title {display: none;} .page-id-44408 .gform_heading { display: none;} .page-id-44408 .gfield_label { display: none;} /* Missing Hoggle Children Page */ .page-id-168277 #striped h1 {display: none;} .col-full, #cat-nav, #main, .slides_container, #halfcase, .post, .post p.tags, #featured .block, #striped, #comments, #respond, #sidebar, #footer-widgets .block, .frame, iframe, ins { max-width: 100%; padding: 0; } .col-full-top { width:100%; background-color: #2a2a2a; border-bottom: 1px solid #4d4d4d;} .block { width: auto !important;} .entry img, .entry .wp-caption img, img.thumbnail { border: 0; max-width: 100%; padding: 0; } #mcm-banner img {height: 105px;} div.postmeta {display: block;} #actionbar-container { height: auto;} #actionbar { width: auto;} .banner-ad-block {clear: both; overflow: hidden;} /****************************************** Homepage *************************************/ /* Homepage Slideshow */ div#slides { max-width:885px;float: left;position: relative;} div#slideslist{ width: 335px; float: right; border-top: 1px solid #ebebeb; height:380px; background:#F5F5F5; } div#slideslist h2{ display: block; height: 50px; padding: 12px 0px 0px 20px; border-bottom: 1px solid #ebebeb; font-size: 14px; text-transform: uppercase; margin: 0px; background-color: #fff;} div#slides a.read-more { display: block; background-color: #F58233 !important; width: 87px; height: 15px; padding: 10px; margin-top: 15px; text-transform: uppercase; font: normal 14px/1em 'Predige-Regular',sans-serif; background: url(images/slideshow-read-more.png); background-repeat: no-repeat; background-position: 85px 10px;} /*Homepage news */ a.view-all { float: right; margin-top: -43px; margin-right: 8px; font-family: 'Predige-Regular'; text-transform: uppercase; text-decoration: none !important; font-size: 12px; line-height: 14px; background: url(images/view-more-arrows.png); background-repeat: no-repeat; background-position: right -48px; padding-right: 15px; height: 15px; color: #414141;} .column { width: 100%; max-width: 290px; float: left; margin-right: 20px;} .column.last { margin-right: 0px;} #home-news.column, #home-government.column, #home-community.column {float: left; margin-right: 20px; margin-left:0px;} #home-news.column.last, #home-government.column.last, #home-community.column.last { clear: left; margin-left: 0px;} .column-twothirds { width: 100%; max-width: 600px; float: left; margin-right: 20px;} @media screen and (max-width: 1215px) { .two-col-stack { width: 50%; margin: 0; padding: 0; } .two-col-stack .column { width: 100%; max-width: 98%; } } @media screen and (max-width: 800px) { .two-col-stack { width: 100%; margin: 0 auto; float: none; } .two-col-stack .column { width: 100%; max-width: 98%; } } /*Homepage - Top story*/ .catbox-overlay { position: relative; max-width: 290px; background: #7b7b7b; /*Default color*/ height: 82px; padding: 0px; margin: 1px 0px 18px 0px;} .catbox-overlay h2, .catbox-overlay a{ color: #FFF !important; text-decoration: none !important;} .catbox-overlay a { font-size: 12px; text-transform: uppercase; text-decoration: none;} .catbox-overlay h2 { font-size: 14px; text-transform: none; text-decoration: none;} .top-story .catbox-overlay h2 { max-width: 200px; float: left; padding: 15px 0px 15px 15px;} .top-story { display: block; width: 290px; height: 150px; margin-bottom: 15px; clear: both; position: relative;} .top-story-image{width: 290px; height: 218px; overflow: hidden; background: #EBEBEB;} .top-story-image img {width: 100%; height: auto;} .top-story .read-more { display: inline-block; float: right; text-decoration: none; background: url(images/read-more-large.png); background-repeat: no-repeat; background-position: center center; width: 42px; height: 82px;} .catbox-overlay.category-communities {background-color: #f58233;} .top-story .catbox-overlay.category-communities .read-more {background-color: #d06f2b;} .top-story .catbox-overlay.category-news .read-more {background-color: #115086;} .top-story .catbox-overlay.category-government .read-more {background-color: #189f99;} .top-story .catbox-overlay.category-news .read-more {background-color: #115086;} .top-story .catbox-overlay.category-blogs .read-more {background-color: #696969;} /*Homepage - Other Articles*/ .post-snippet { display: block; margin-bottom: 5px; clear: both; min-height: 96px;} .catbox { display: table-cell; height: 19px; width: 100px; background-color: #E2A99E; /* Default color */ border-bottom: 1px solid white; text-align: center; max-width: 100px; color: #FFF; font: normal 11px 'Predige-Regular'; text-transform: uppercase; line-height: 18px; vertical-align: middle; } .catbox a {text-align: center; color: #FFF; font: normal 11px 'Predige-Regular'; text-transform: uppercase; line-height: 12px; height: 19px;} .date p { border-top: 1px solid #ccc; height: 19px; border-bottom: 1px solid #ccc; margin-bottom: 20px; margin-left: 1px; padding-left: 110px; font-size: 11px;} .news-title a h2{ padding-left: 110px; text-decoration: none; font: 12px arial, sans-serif, bold;} .image { height: 70px; overflow: hidden; width: 100px;} .image img { width: 100px;} .no-thumb {background: url(images/no-image.png); background-repeat: no-repeat; width: 100px; background-size: 100%; height: 75px;} /****************** Category Colors **********************/ /*default slidelist color*/ #slideslist div {border-left: 25px solid #E2A99E; } #navigation .current-menu-item a/*, #navigation .current-menu-ancestor a,#navigation .current-menu-parent a*/ {color: #fff !important;} #wprmenu_menu.wprmenu_levels ul li { border-left: 5px solid transparent;} /**********Arts********/ /*menu*/#navigation li.category-arts a{ border-top: 5px solid #3bceaa; margin-top: -5px;} #navigation li.category-arts a:hover,.category-arts.current-menu-item/*, .category-arts.current-menu-ancestor,.category-arts.current-menu-parent */{background:#3bceaa;} #wprmenu_menu.wprmenu_levels ul li.category-arts { border-left: 5px solid #3bceaa;} #wprmenu_menu.wprmenu_levels ul li.category-arts a:hover{background:#3bceaa;} /*Slideshow*/#slideslist .category-Arts { border-left: 25px solid #3bceaa; } /*Archive*/ .arc .catbox.category-Arts, .catbox.category-arts {background: #3bceaa; border-left: none;} .archive_header.category-arts {color: #3bceaa; border-color: #3bceaa;} /**********Blogs********/ /*menu*/#navigation li.category-blogs a{ border-top: 5px solid #7b7b7b;; margin-top: -5px;} #navigation li.category-blogs a:hover, .category-blogs.current-menu-item/*,.category-blogs.current-menu-ancestor,.category-blogs.current-menu-parent*/ {background: #7b7b7b;} #wprmenu_menu.wprmenu_levels ul li.category-blogs{ border-left: 5px solid #ef3434;} #wprmenu_menu.wprmenu_levels ul li.category-blogs a:hover {background:#ef3434;} a.view-all.category-blogs {color: #7b7b7b; background: url(images/view-all-blogs.png); background-repeat: no-repeat; background-position: right 3px;} .archive_header.category-blogs {color: #7b7b7b; border-color: #7b7b7b;} /**********Business********/ /*menu*/#navigation li.category-business a{border-top: 5px solid #2784ba; margin-top: -5px;} #navigation li.category-business a:hover, .category-business.current-menu-item/*, .category-business.current-menu-ancestor,.category-business.current-menu-parent*/ {background:#2784ba;} #wprmenu_menu.wprmenu_levels ul li.category-business {border-left: 5px solid #2784ba; } #wprmenu_menu.wprmenu_levels ul li.category-business a:hover {background:#2784ba;} /*Slideshow*/#slideslist .category-Business { border-left: 25px solid #2784ba;} /*Archive*/ .arc .catbox.category-Business, .catbox.category-business {background: #2784ba; border-left: none;} .archive_header.category-business {color: #2784ba; border-color: #2784ba;} /**********Education********/ /*menu*/#navigation li.category-education a{ border-top: 5px solid #cc55cd; margin-top: -5px;} #navigation li.category-education a:hover, .category-education.current-menu-item/*, .category-education.current-menu-ancestor,.category-education.current-menu-parent*/ {background:#cc55cd;} #wprmenu_menu.wprmenu_levels ul li.category-education { border-left: 5px solid #cc55cd;} #wprmenu_menu.wprmenu_levels ul li.category-education a:hover{background:#cc55cd;} /*Slideshow*/ #slideslist .category-Education{border-left: 25px solid #cc55cd;} /*Archive*/ .catbox.category-Education, .catbox.category-education {background: #cc55cd; border-left: none;} .archive_header.category-education {color: #cc55cd; border-color: #cc55cd;} /**********Sports********/ /*menu*/#navigation li.category-sports a{ border-top: 5px solid #bacc52; margin-top: -5px;} #navigation li.category-sports a:hover, .category-sports.current-menu-item/*, .category-environment.current-menu-ancestor,.category-environment.current-menu-parent */{background:#bacc52;} #wprmenu_menu.wprmenu_levels ul li.category-sports { border-left: 5px solid #bacc52;} #wprmenu_menu.wprmenu_levels ul li.category-sports a:hover {background:#bacc52;} /*Archive*/ .arc .catbox.category-sports-2, .catbox.category-sports-2 {background: #bacc52; border-left: none;} .archive_header.category-sports-2{color: #bacc52; border-color: #bacc52;} /**********Events********/ /*menu*/#navigation li.category-events a{border-top: 5px solid #b12147; margin-top: -5px;} #navigation li.category-events a:hover, .category-events.current-menu-item/*, .category-events.current-menu-ancestor,.category-events.current-menu-parent*/ {background:#b12147;} #wprmenu_menu.wprmenu_levels ul li.category-events {border-left: 5px solid #b12147;} #wprmenu_menu.wprmenu_levels ul li.category-events a:hover {background:#b12147;} /*Archive*/ .arc .catbox.category-Events, .catbox.category-events {background: #b12147; border-left: none;} .archive_header.category-events {color: #b12147; border-color: #b12147;} /**********Health********/ /*menu*/#navigation li.category-health a{ border-top: 5px solid #00bff3; margin-top: -5px;} #navigation li.category-health a:hover, .category-health.current-menu-item/*, .category-health.current-menu-ancestor,.category-health.current-menu-parent */{background:#00bff3;} #wprmenu_menu.wprmenu_levels ul li.category-health { border-left: 5px solid #00bff3;} #wprmenu_menu.wprmenu_levels ul li.category-health a:hover{background:#00bff3;} /*Archive*/ .arc .catbox.category-Health, .catbox.category-health {background: #00bff3; border-left: none;} .archive_header.category-health, .archive_header.category-health-2 {color: #00bff3; border-color: #00bff3;} /**********Life********/ /*menu*/#navigation li.category-life a{ border-top: 5px solid #ffa40f; margin-top: -5px;} #navigation li.category-life a:hover, .category-life.current-menu-item/*, .category-life.current-menu-ancestor,.category-life.current-menu-parent */{background:#ffa40f;} #wprmenu_menu.wprmenu_levels ul li.category-life { border-left: 5px solid #ffa40f;} #wprmenu_menu.wprmenu_levels ul li.category-life a:hover {background:#ffa40f;} /*Archive*/ .arc .catbox.category-Life, .catbox.category-life {background: #ffa40f; border-left: none;} .archive_header.category-life {color: #ffa40f; border-color: #ffa40f;} /**********Public Safety********/ /*menu*/#navigation li.category-public-safety a{ border-top: 5px solid #9c7f62; margin-top: -5px;} #navigation li.category-public-safety a:hover, .category-public-safety.current-menu-item /*,.category-public-safety.current-menu-ancestor,.category-public-safety.current-menu-parent*/ {background:#9c7f62;} #wprmenu_menu.wprmenu_levels ul li.category-public-safety {border-left: 5px solid #9c7f62; } #wprmenu_menu.wprmenu_levels ul li.category-public-safety a:hover {background:#9c7f62;} /*Archive*/ .arc .catbox.category-Public.Safety, .catbox.category-public-safety-2 {background: #9c7f62; border-left: none;} .archive_header.category-public-safety, .archive_header.category-public-safety-2 {color: #9c7f62; border-color: #9c7f62;} /**********Vote********/ /*menu*/#navigation li.category-vote a{ border-top: 5px solid #ee145b; margin-top: -5px;} #navigation li.category-vote a:hover, .category-vote.current-menu-item/*, .category-vote.current-menu-ancestor,.category-vote.current-menu-parent */{background:#ee145b;} #wprmenu_menu.wprmenu_levels ul li.category-vote {border-left: 5px solid #ee145b;} #wprmenu_menu.wprmenu_levels ul li.category-vote a:hover {background:#ee145b;} /**********More********/ /*menu*/#navigation li.category-more a{ border-top: 5px solid #E2A99E; margin-top: -5px;} #navigation li.category-more a:hover, .category-more.current-menu-item/*, .category-more.current-menu-ancestor,.category-more.current-menu-parent */{background:#E2A99E;} #wprmenu_menu.wprmenu_levels ul li.category-more { border-left: 5px solid #E2A99E;} #wprmenu_menu.wprmenu_levels ul li.category-more a:hover, .category-more.current-menu-item/*, .category-more.current-menu-ancestor,.category-more.current-menu-parent */{background:#E2A99E;} /*********News*********/ .category-news.catbox {background-color: #145e9d; } .catbox-overlay.category-news {background-color: #145e9d; } a.view-all.category-news { color: #145e9d; background-position: right 3px; } h3.category-news { color: #145e9d; border-top: 5px solid #145e9d; } /*Slideshow*/ #slideslist .category-News, #slideslist .category-Latest {border-left: 25px solid #145e9d; } /*Archive*/ .arc .catbox.category-News, .arc .catbox.category-Latest, .catbox.category-latest {background: #145e9d;} .archive_header.category-news, .archive_header.category-latest {color: #145e9d; border-color: #145e9d;} /***********Communities***********/ /*menu*/#navigation li.category-communities a{ border-top: 5px solid #f58233; margin-top: -5px;} #navigation li.category-communities a:hover, .category-communities.current-menu-item/*, .category-communities.current-menu-ancestor,.category-communities.current-menu-parent*/ {background:#f58233;} #wprmenu_menu.wprmenu_levels ul li.category-communities { border-left: 5px solid #f58233; } #wprmenu_menu.wprmenu_levels ul li.category-communities a:hover {background:#f58233;} .category-communities.catbox {background-color: #f58233;} .catbox-overlay.category-government {background-color: #f58233;} a.view-all.category-communities { color: #f58233; background-position: right -13px;} h3.category-communities{color: #f58233; border-top: 5px solid #f58233;} /*Slideshow*/#slideslist .category-Communities { border-left: 25px solid #f58233; } /*Archive*/ .arc .catbox.category-Communities, .catbox.category-communities{background: #f58233;} .archive_header.category-communities {color: #f58233; border-color: #f58233;} /**********Government***********/ /*menu*/#navigation li.category-government a{ border-top: 5px solid #1cbbb4; margin-top: -5px;} #navigation li.category-government a:hover, .category-government.current-menu-item/*,.category-government.current-menu-ancestor,.category-government.current-menu-parent */{background:#1cbbb4;} #wprmenu_menu.wprmenu_levels ul li.category-government { border-left: 5px solid #1cbbb4;} #wprmenu_menu.wprmenu_levels ul li.category-government a:hover, .category-government.current-menu-item/*,.category-government.current-menu-ancestor,.category-government.current-menu-parent */{background:#1cbbb4;} .category-government.catbox {background-color: #1cbbb4;} .catbox-overlay.category-government { background: #1cbbb4;} a.view-all.category-government { color: #1cbbb4; background-position: right -31px;} h3.category-government{ color: #1cbbb4; border-top: 5px solid #1cbbb4;} /*Slideshow*/#slideslist .category-Government {border-left: 25px solid #1cbbb4; } /*Archive*/ .arc .catbox.category-Government, .catbox.category-government{background: #1cbbb4;} .archive_header.category-government {color: #1cbbb4; border-color: #1cbbb4;} /*************Videos***********/ h3.category-videos{ color: #414141; border-top: 5px solid #414141; margin-top: 10px;} /*Archive*/ .archive_header.category-videos {color: #414141; border-color: #414141;} /* You Report Module Carousel changed on October 14, 2016 to fix the width as Scriblle 910px wideslodeshow no longer available */ .carousel {position: relative; background: #ebebeb; padding: 0px 1px; display: block; clear: both; width: auto; margin: 0px 0px 20px 0px; max-width: 640px;} /************************************************************************** FROM THEME OPTIONS CUSTOM CSS *******************************************/ /*Floats featured image in halfcase Featured and Access Voice to the right. MJW 6_5_12*/ #halfcase .block img { border: 1px solid #E6E6E6; float: right; padding: 4px;} .photocredit {font-size: 9pt;font-style: italic;} .intro {padding-left: 2em; padding-right: 2em; margin-bottom: 1em;} .entry h2.mcmboxtitle {display: block;} /*removes repeating blog title on individual blog pages*/ .single-partner .entry h2.mcmboxtitle {display: none;} /************************************************* Events Pages **************************************************/ .single-tribe_events #sidebar, .events-archive #sidebar {display: none;}/*eliminates sidebar from single event view template */ .events-single #main, .events-archive #main, .events-archive .post, .events-archive #striped { max-width: 1220px; width: 100%; margin: 0 auto; float: none;} .intro { /* Styles the introduction on Events Page */ padding-left: 2em; padding-right: 2em; margin-bottom: 1em;} .single-tribe_events .intro { /* no need for intro on single event page */ display: none;} .tribe-events-meta-group .tribe-events-single-section-title {font-weight: normal !important;} .single-tribe_events .tribe-events-schedule h3 {border: none;} /*Events Calendar */ .tribe-events-list-widget .event-is-recurring {display: none;} .tribe-events-list-widget li {padding-left: .75em;margin-top: 0.5em;margin-bottom: 0.75em !important; padding-bottom:5px; border-bottom: 1px solid #88817b;} .tribe-events-list-widget .duration {font-style: italic; font-size: 0.90em;font-weight: normal; color: #88817b;} .tribe-events-list-widget .tribe-events-widget-link {font-size:0.90em;margin-bottom: -0.2em;padding-left: 1.5em;} /*Poll Widget Styles*/ #widget-poll {border: solid 1px #1C2A47;background: #ffffff;} /* end poll widget styles /*style for text widget video link*/ .info {text-align: center;} .info a:link {text-decoration: underline;} .category-65 #text-49 {display: block;} /*action bar fixes */ #actionbar a, #actionbar a:hover, #actionbar a:visited { color: #DDDDDD; font-weight: bold; margin-right: 3em;} #channel-bar { padding-left: 1em;} .dig-in-submit {display: none;} .dig-in { margin-left: 2em;} #events-advanced-list-widget-5 .event { margin-bottom: -0.95em; } #events-advanced-list-widget-5 .dig-in { color: #1B5474;} #featured .block span.more { display: none; } /*gets rid of photo promo on Neighborhood Network page*/ .page-id-47403 #text-55 {display: none;} #halfcase .block span.meta { color: #666666; font-size: 0.75em; font-style: italic; } #tribe-community-events .pagination span, .pagination a { background: none repeat scroll 0 0 #555555; color: #FFFFFF; margin: 2px 2px 2px 0; padding: 6px 6px 5px; text-decoration: none; width: auto;} /*Vote 2012 Online Resources Custom Menu */ #nav_menu-9 { border: solid 1px #1b5474; } #nav_menu-9 a:link {text-decoration: underline;} /*Election Early Voting Poll*/ #polls-7 {font-size: 1.2em;font-weight: bold; background-image: url('http://www.mymcmedia.org/wp-content/uploads/2012/10/early-voting-poll-bg-image-285wide.png');} /* End Vote Page Styles */ #text-98 {display: none;} .category-27 #text-98 {display: block;} /*Storm changes */ .page-id-57726 #ws_widget__ad_codes-8 {display: none;} .menu-storm-3-container {display: none;} #nav_menu-10 {display: none;} /* storn menu*/ .page-id-57726 #nav_menu-10 {display: block;} .page-id-57726 .menu-storm-3-container {display: block;} .page-id-57726 .menu-storm-3-container a:link {text-decoration: underline;} #text-105 {display: none;} .page-id-57726 #text-105 {display: block;} #text-106 {display: none;} .page-id-57726 #text-106 {display: block;} #text-107 {display: none;} .page-id-57726 #text-107 {display: block;} .page-id-57726 #vslider-widget-13 {display: none;} /*takes vslider for storm coverage off storm page*/ #storm-ad {margin-top: -2em; margin-left: 1em;} /*----Healthy Montgomery Category Page styles----*/ .category-3802 h3.spotlight {display: none;} #under-slider {padding-left: 6%;margin-top: 1.1em;margin-bottom: 0.3em;} #fowler {padding-right: 0.7em;padding-bottom: 0.5em;} /*Take GBF large promo off GBF post page */ .postid-64199 #text-145 {display: none;} .category-arts h3.spotlight {display: none;} /*Primary Widget Area*/ /*Popular Posts widget*/ ul.lcp_catlist li { list-style: none;} #sidebar .lcp_catlist img.photo.wp-post-image { float: left; margin: 5px 5px 5px 0px; padding: 0; width: 100px; height: 100px;} #sidebar .lcp_catlist p { font-size: 12px;} #sidebar .lcptitle {display: block;margin-top: 0.2em; clear: left;} #sidebar .lcptitle a:link {text-decoration: underline; font-size: 16px;color: #1b5474 !important; line-height: 18px; font: normal 16px 'Predige-Regular',sans-serif; padding-bottom: 10px; } #sidebar .tease { font-size: 14px;} #sidebar .writer {color: #666666;font-size: 0.85em;font-style: italic;display: inline;clear: left;} #sidebar .when {display: inline;clear: none;color: #666666;font-size: 0.85em;font-style: italic;} #sidebar .clip {display: inline;clear: left;font-size: 0.95em;line-height: 1.0em;font: myriad pro,sans-serif;color: #000000; font-style: normal;} #sidebar .dathumb {float: left;clear: both;margin-right: 5px;} /*Events Widget */ #events-advanced-list-widget {background: #ffffff;border: solid 1px #1C2A47;} #events-advanced-list-widget ul {padding-left: .75em;} #events-advanced-list-widget {background: #ffffff;border: solid 1px #1C2A47;} #events-advanced-list-widget ul {padding-left: .75em;} #events-advanced-list-widget h3 {padding-left: 0.85em;} #events-advanced-list-widget .when { font-size:0.90em; font-style:italic; margin-bottom: -0.2em;} #events-advanced-list-widget .event{ font-size: 16px; font-weight: bold; color: #1b5474 !important; line-height: 18px;margin-bottom: -0.5em;padding: 0, 0, 0, 0;} /*End of Arts page Sidebar Events Widget styles*/ /*Job page styles-----*/ .job {font-size: 1.2em;font-weight: bold;} /* Life Page Styles */ /*Life Archive Pages Widget Styles*/ #text-182 { /*take off all pages*/display: none;} .category-139 #text-182 {display: block;} /*Sports Page Styles*/ /*PEG sports at Montgomery College vSlider*/ #vslider-widget-40 {display: none;} /*take it off all pages*/ .category-2212 #vslider-widget-38 {display: none;} /*remove 38 from sports category page */ .category-2212 #vslider-widget-40 {display: block;} /*just on sports category page */ /*Communities Page Styles*/ /*PEG vslider*/ #vslider-widget-41 {display: none;} /*take it off all pages*/ .category-36 #vslider-widget-41 {display: block;} /*just on sports category page */ .category-36 #vslider-widget-38 {display: none;} /*remove 38 from sports category page */ /*Remove captions from MoCo Snow Scenes Post*/ .postid-76281 #gallery-1 .gallery-caption {display: none;} .back-to-top {font-size: 0.90em;clear: left; margin-bottom: 2em;} /*Vote Archive Page Widget*/ #text-191 {display: none;} .category-5583 #text-191 {display: block;} #rss-2 img { /* gets rid of RSS orange image*/ display: none;} #rss-2 h3 a:link {color: #fff;font-weight: normal;} #rss-2 h3 a:visited {color: #fff;font-weight: normal:} #rss-2 h3 a:hover {color: #fff;text-decoration: underline;} #rss-2 a:link {font-weight: bold;text-decoration: underline;} #rss-2 a:visited {font-weight: bold;text-decoration: underline;} #rss-2 a:hover {font-weight: bold;text-decoration: underline;} #rss-2 ul li { padding: 2px 0 2px 5px;} /* -----------Life sidebar css changes category-139 ----------------*/ .category-139 #vslider-widget-52 {display:block;margin-left: -12px;} /*Popular Posts widget----- text-206*/ #text-206{font-size: 0.88em; color: #1b5474 !important; line-height: 0.95em;padding: 0, 0, 0, 0;} /*Set spacing between list items*/ #text-206 ul li {padding: 2px 0 2px 15px;} /*Underline the links to make them obvious.*/ #text-206 ul li a:link {text-decoration: underline;padding: 2px 0 5px 0px;} /*Popular Posts widget----- text-163 Primary Sidebar*/ /*Underline the links to make them obvious.*/ #text-163 ul li a:link {text-decoration: underline;padding: 2px 0 5px 0px;} /*Popular Posts widget----- text-231 Home Page Moco*/ #text-231 {border: 1px solid #1C2A47;padding-right: 0.25em;} #text-231{font-size: 0.88em; color: #1b5474 !important; line-height: 0.95em;padding: 0, 0, 0, 0;} /*Set spacing between list items*/ #text-231 ul li {padding: 2px 0 2px 15px;} /*Underline the links to make them obvious.*/ #text-231 ul li a:link {text-decoration: underline;padding: 2px 0 5px 0px;} /*Life Archive Pages Widget Styles*/ /*underline the links*/ #text-205 a:link {text-decoration: underline;} #text-218 {margin-top: 12px;} #text-219 {margin-top: 12px;} #text-225 {margin-top: 12px;} #pix {font-size: 1.3em;font-weight: bold;text-align: center;} /*Silver Spring Transportation Center Page */ /*Popular Posts widget----- text-244*/ #text-244{font-size: 0.88em; color: #1b5474 !important; line-height: 0.95em;padding: 0, 0, 0, 0;} /*Set spacing between list items*/ #text-244 ul li {padding: 2px 0 2px 15px;} /*Underline the links to make them obvious.*/ #text-244 ul li a:link {text-decoration: underline;padding: 2px 0 5px 0px;} .byline {} .byline a:link {color: #145e9d;} .byline a:hover {text-decoration: underline;} .byline a:visited {color: #145e9d;} .gform_wrapper .top_label .gfield_label { clear: none; display: block; line-height: 1.3em; margin: 10px 0 4px; width: 100%;} /*New Board Nominees Post styles*/ .postid-95135 img {border: none;} /*#actionbar-wrap {display: none;} #actionbar {display: none;}*/ .postid-98108 #sidebar {display: none;} .postid-98270 #sidebar {display: none;} .postid-98270 #plate {width: 920px;padding: 5 5 5 5;} .postid-98270 h3 {width: 920px;} /*About Page Revision Styles*/ .page-id-99405 img{border: none;} .about-leadin {display: block;clear: right; font-size: 28px; font-weight: 100; margin-top: 1em; margin-bottom: 0.5em; text-align: center; width: 850px;color: #555555;} .video-left {float: left;margin: 0 0 2em 0;display: inline;clear: left;} .video-right {float: right;margin-right: 2em;padding-top: 8em;} .video-center {align: center;margin-left: 15%;margin-bottom: 1em;} .populars {width: 450px;} /*Training Class Promos on About Revised*/ .class-video-left {float: left;margin: 0 0 2em 0;display: inline;clear: left;} .class-video-right {float: right;margin-right: 8em;padding-top: 6em;} .class-video-center {align: center;margin-left: 10%;} #quote1 {display: block;clear: both;float: right;margin: -12em 2em 1em 1em;} .postid-100720 #sidebar {display: none;} .postid-100720 #plate {width: 920px;padding: 5 5 5 5;} .postid-100720 h3 {width: 920px;} /*Revised about v2*/ .page-id-101205 #quote1 {display: block;clear: both;float: right;margin: -12em 2em 1em 1em;} .page-id-101205 #sidebar {display: none;} .page-id-101205 #plate {width: 920px;padding: 5 5 5 5;} .page-id-101205 h3 {width: 920px;} .page-id-101205 #fourwords {width: 100%;font-size: 2.5em;font-weight: normal;font-style: italic;margin-bottom: 1.5em;text-align: center;} /*Testing New Home Page*/ .frame {display: block;clear: both;width: auto; margin-top: 1.5em;padding-bottom: 1em;} .frame .block full lineshadow {width: 595px;} /*About Page Styles*/ #showcase {display: block;clear: both;padding: 1.2em 0 0 0;} /*8/26/13 Infographic post back to school */ .postid-103783 #sidebar {display: none;} .postid-103783 #plate {width: 920px;padding: 5 5 5 5;} .postid-103783 h3 {width: 920px;} /*8/26/13 Infographic post back to school */ /* Later Start time for High Schools Infograhic post */ .postid-110542 #sidebar {display: none;} .postid-110542 #plate {width: 920px;padding: 5 5 5 5;} .postid-110542 h3 {width: 920px;} /*end infographic postid-110542*/ /*9/15/13 Monty Viewers Choice Voting remove sidebar */ .postid-107356 #sidebar {display: none;} .postid-107356 #plate {width: 920px;padding: 5 5 5 5;} .postid-107356 h3 {width: 920px;} /*end viewers choice voting*/ /*remove sidebar from county council raise post*/ .postid-108978 #sidebar {display: none;} .postid-108978 #plate {width: 920px;padding: 5 5 5 5;} .postid-108978 h3 {width: 920px;} /*end county council raise*/ /*Granicus live streaming for Access 19 and Channel 21*/ #live {padding-right;} .granicus-stream {float: right;display: inline;clear: none;padding-right: 1.2em;padding-left: 1em;padding-top: 1.5em;} /* MCM Board Election Candidate Pages*/ .label {font-size: 1.1em;font-weight: semi-bold;font-style: italic;color: 666;margin-bottom: 0.5em;} /*End of Vote 2014 Cetegory Page styles*/ .single-attachment h1 {display: none;} .single-attachment .byline {display: none;} .single-attachment #post-author {display: none;} .single-attachment #comments {display: none;} /*Video Revolution page styles */ .page-id-130237 #plate { background: none repeat scroll 0 0 #FFFFFF; box-shadow: none; margin-bottom: 10px; padding: 5px 8px;} .page-id-130237 .entry img { border: none; padding-left: 5em;} #choices {display: block;float: left;clear: both;margin-bottom: 2em;padding-bottom: 1em;font-size: 1.2em;} #testimonial {display: block;float: left;clear: both;margin-bottom: 2em;} /* LinkedIn Welcome Page*/ .page-id-132555 h1 {display: none;} /*Meet our Bloggers*/ #voices-title { width: 335px;font-size: 50px;font-weight: 600;text-align: center;margin: 0 auto; margin-top: 30px;margin-bottom: 10px; text-transform: uppercase; font-family: 'Myriad-Pro', 'Myriad', helvetica, arial, sans-serif; text-shadow: 0px 0px 3px #DCDCDC; letter-spacing: 0; -webkit-text-stroke: .5px #666;} #voices-title-line { background: #659B40; background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#659B40), to(#FFFFFF)); /* CSS tricks version background: -webkit-gradient(linear, 0 0, 100% 0, from(#659B40), to(#FFFFFF), color-stop(50%, #659B40)); */} #voices-recent-blogposts { width: 70%; margin: 20px 0 100px 0; padding-right: 20px; position: relative; float: left;} .voices-blogpost { width: 44%; display: inline-block; vertical-align: top; margin: 10px 0 0 50px; border-bottom: solid 1px #DCDCDC;} .voices-blogpost-headshot-byline { width: 120px; position: relative; float: left; margin: 0 30px 0 0; text-align: center;} .voices-blogpost-headshot img { width: 120px; height: 120px; margin: 10px 20px 0 0; cursor: pointer;} .voices-blogpost-headline { margin: 30px 0 10px 0; line-height: 27px; font-size: 25px; font-weight: 600; cursor: pointer; transition: color .3s;} .voices-blogpost-headline:hover {color: #659B40;} .voices-blogpost-byline {margin: 5px 0 10px 0;color: #444;font-style: italic;font-size: 22px;-webkit-font-smoothing: antialiased;cursor: pointer;position: relative; z-index: 999; transition: color .3s;} .voices-blogpost-byline:hover {color: #659B40;} .voices-blogpost-byline:hover .voices-blogpost-headshot {display: block; cursor: pointer;} .voices-blogpost-date { height: 13px;font-size: 13px;color: #B0B0B0; margin-top: 5px;} .voices-blogpost-blurb { margin: 10px 0 20px 0; color: #666; font-size: 16px; line-height: 18px; position: relative;} .voices-blogpost-blurb a { color: #333; font-style: italic; transition: color .3s;} .voices-blogpost-blurb a:hover { color: #659B40;} #more-voices-posts { font-size: 19px; font-weight: 600; -webkit-font-smoothing: anitaliased; text-align: center; margin: 80px 0 20px 0;} #more-voices-posts:hover { color: #659B40; cursor: pointer;} #voices-more-posts { display: none;} #voices-bloggers-list { width: 100%; position: relative; float: left; padding: 15px; -webkit-box-shadow: inset 0 0 5px #666;-moz-box-shadow: inset 0 0 5px #666; box-shadow: inset 0 0 5px #666; background: #DCDCDC;} #voices-bloggers-list a { text-decoration:none;} #voices-bloggers-list-title {font-family: 'Myriad Pro', sans-serif; font-size: 23px; -webkit-font-smoothing: antialiased; text-align: center; margin: 15px 0 10px 0; cursor: pointer; transition: color .2s;} .voices-bloggers-headshot { width: 18.5%; margin-right: 3.1px; margin-bottom: 3.1px;position: relative; display: inline-block; overflow: hidden;} #voices-bloggers-list img { width: 100%; height: auto; position: relative; float: left; margin: 0 0 0 0; background: #111; box-shadow: 1px 1px 3px #333;} .voices-bloggers-info { position: absolute; height: 100%; width: 100%; font-weight: 600; color: #333; background: rgba(255, 255, 255, 0.70); margin: 0px; opacity: 0.0; cursor: pointer; overflow: hidden; transition: opacity 0.5s;} .voices-bloggers-info-text { position: relative; margin: 0 auto; margin-top: 10px; color: #000; font-family: Helvetica; font-size: 11px; text-align: center; line-height: 14px; -webkit-font-smoothing: anti-aliased; overflow: hidden; transition: color .3s;} .voices-bloggers-headshot:hover .voices-bloggers-info { opacity: 1.0;} .voices-bloggers-bio { margin: 15px 0 0 0; font-family: Helvetica; font-size: 20px; color: #10C4F7; text-shadow: 0px 0px 2px #333; font-weight: 500; letter-spacing: 3px; margin: 10px 0 0 10px;} #voices-sidebar {width: 275px;} #become-a-blogger { color: #FFFFFF; background: #145E9D; font-size: 25px; text-align: center; padding: 10px; cursor: pointer; transition: background .2s;} #become-a-blogger:hover {background: #10C4F7; text-decoration:none;} #become-a-blogger:link { text-decoration:none;} #voices-ad, #voices-explore { width: 300px; margin-top: 10px; padding: 15px; -webkit-box-shadow: inset 0 0 5px #666; -moz-box-shadow: inset 0 0 5px #666; box-shadow: inset 0 0 5px #666; background: #DCDCDC;} /*End of styles for Meet our Bloggers*/ /*Life PageSpotlight slider styles*/ .postid-135940 .entry blockquote {margin-top: -12px;} /*Pay your MCM User Fees online graphics on the Volunteer pages*/ #text-364 {display: none;} .page-id-1817 #text-364 {display: block;} .page-id-1817 #text-364 {display: block;} .page-id-2205 #text-364 {display: block;} .category-60 #text-364 {display: block;} .page-id-3814 #text-364 {display: block;} /*End of Pay your MCM User Fees online graphics on the Volunteer pages*/ #countdown {padding-left: 21%;} .fergcorp_countdownTimer_event_li {color: #fff;font-size: 2.5em;font-weight: bold;list-style-type: none;margin-bottom: 5em;margin-top: -10%;border-bottom: 0px;} .fergcorp_countdownTimer_event_title {display: none;} .fergcorp_countdownTimer_event_time {margin-left: 21%; border-bottom: 0px dashed #999999;} .ditl {display: none;margin: 0;padding: 0;} .category-life .ditl { display: block; margin: 0; padding: 0;} .page-id-243 .ditl { display: block; margin: 0; padding: 0;} /*Remove sidebar from single episode page */ .single-episode .primary {display: none;} #text-381 { display: none;} .page-id-1817 #text-381 { display: block;} /*Youth Category Page styles*/ .ads {margin-left: 10%;} .disclaimer {font-size: 11px;color: #333;} #text-398 .textwidget { background: none repeat scroll 0 0 #fff; box-shadow: none; margin-bottom: 10px; padding: 0;} /*Labor day message in text widget*/ #text-400 .textwidget {background: #fff;border: solid 1px #1C2A47;padding: 4px;} /*end of Labor day message in text widget*/ /*9/16/14 Monty Viewers Choice Voting remove sidebar */ .postid-167022 #sidebar {display: none;} .postid-167022 #plate {width: 920px;padding: 5 5 5 5;} .postid-167022 h3 {width: 920px;} /*end viewers choice voting*/ /*2014 Montys Viewer's Choice voting graphic on the Volunteer pages*/ #text-402 {display: none;} .page-id-1817 #text-402 {display: block;} .page-id-1817 #text-402 {display: block;} .page-id-2205 #text-402 {display: block;} .category-60 #text-402 {display: block;} .page-id-3814 #text-402 {display: block;} /*End of 2014 Montys Viewer's Choice voting graphic on the Volunteer pages*/ /*Ebola page graphic on the Health page*/ #text-428 {display: none;} .category-3802 #text-428 {display: block;} /*End of Ebola page graphic on the Health page*/ /* =IE7, 8, 9 ----------------------------------------------- */ #nav li ul { *display: table !important; /* IE 7 (IE6 also uses this, so put it first) */ _display: table !important; /* IE 6 */ display: table\0/ !important; /* IE 8-9 */ } #navigation ul li a { *width: auto !important; /* IE 7 (IE6 also uses this, so put it first) */ _width: auto !important; /* IE 6 */ width: auto\0/ !important; /* IE 8-9 */ *padding: 11px 23px !important; /* IE 7 (IE6 also uses this, so put it first) */ _padding: 11px 23px !important; /* IE 6 */ padding-top: 11px\0/ !important; /* IE 8-9 */ padding-bottom: 11px\0/ !important; /* IE 8-9 */ padding-left: 23px\0/ !important; /* IE 8-9 */ padding-right:23px\0/ !important; /* IE 8-9 */ } #navigation ul li ul{ *width: 610px !important; /* IE 7 (IE6 also uses this, so put it first) */ _width: 610px !important; /* IE 6 */ width: 610px\0/ !important; /*IE 8-9 */ *height: auto !important; /* IE 7 (IE6 also uses this, so put it first) */ _height: auto !important; /* IE 6 */ height: auto\0/ !important; /* IE 8-9 */ } #navigation ul li ul li a, #page-nav ul.sub-menu a{ *width:135px !important; /* IE 7 (IE6 also uses this, so put it first) */ _width:135px !important; /* IE 6 */ width:135px\0/ !important; /* IE 8-9 */ } #navigation li.nav-television ul li a, #navigation li.nav-video ul li a { *width: 250px !important; /* IE 7 (IE6 also uses this, so put it first) */ _width: 250px !important; /* IE 6 */ width: 250px\0/ !important; /* IE 8-9 */ width: 250px !important; } #navigation li.nav-television ul li, #navigation li.nav-video ul li { width: 280px !important; display: block; } #navigation li.nav-television ul, #navigation li.nav-video ul { *width: 297px !important; /* IE 7 (IE6 also uses this, so put it first) */ _width: 297px !important; /* IE 6 */ width: 297px\0/ !important; /*IE 8-9 */ *height: auto !important; /* IE 7 (IE6 also uses this, so put it first) */ _height: auto !important; /* IE 6 */ height: auto\0/ !important; /* IE 8-9 */ display: block; width: 297px !important; } /* =IE10 & 11 ----------------------------------------------- */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles go here */ #navigation ul li a { width: auto; padding: 11px 23px; } #navigation ul li ul{ width: 500px !important; height: auto !important; display: block; } #navigation ul li ul li a, #page-nav ul.sub-menu a{ width:100px !important; } #navigation ul li ul li { padding: 0px; display:inline-block; margin-right:20px; width:145px; } #page-nav ul.sub-menu { display: block; width:600px; } #navigation li.nav-television ul, #navigation li.nav-video ul { width: 297px !important; display: block; } #navigation li.nav-television ul li a, #navigation li.nav-video ul li a { width: 250px !important; } #navigation li.nav-television ul li, #navigation li.nav-video ul li { width: 280px !important; display: block; } } /* Fix mobile background-fixed positioning */ @media only screen and (-webkit-min-device-pixel-ratio : 1.5) { a.view-all { background-position: right -49px; } a.view-all.category-news { background-position: right 0px; } a.view-all.category-government { background-position: right -33px; } a.view-all.category-communities { background-position: right -15px; } .catbox a { line-height: 23px; } .catbox { line-height: 24px; height: 18px; } .archive_header { line-height: 54px; } .arc .catbox a { /*line-height: 24px;*/ } .more span.fa.fa-angle-right { font-size: 20px; line-height: 19px; } #respond #commentform #submit { background-position: 75px 9px; } } /*************************************************************** Responsive styles ******************************************************/ @media screen and (max-width: 1237px) { /*Slideshow*/ div#slides {max-width: 70%;} .slides_container { max-width: 100%;} div#slideslist {width: 30%; } } @media screen and (max-width: 1215px) { #wprmenu_menu { background: #2e2e2e;} #navigation #channel-bar {display: none;} .column { width: 30%; margin-bottom: 5px;} .column-twothirds { width: 99%; max-width: 68%; float: left; margin: 0; margin-right: 10px;} .col-full, #cat-nav, #halfcase, .post, .post p.tags, #featured .block, #striped, #comments, #respond, #sidebar, #footer-widgets .block, .frame, iframe, ins , #sidebar, #sidebar .primary{ max-width: 99%; margin: 0 auto; float: none; margin-bottom: 15px;} #sidebar { float: right;} .frame, iframe {overflow: hidden;} .threecolumn { float: left; max-width: 100%;} .arc-top, .arc .date, .arc .date p, #main, div#sidebar { width: 99%;} .arc img {width: 100%;} div#sidebar .widget{ clear: both; width: 100%; margin: 10px 0px;} #page-nav a { font: normal 12px/12px 'Predige-Regular',sans-serif; } /*Slideshow*/ div#slideslist h2 { font-size: 12px;} #slides.embedded .slides_container { width: 885px !important; margin-right: 0px;} /*Footer*/ #footer-top #icons { display: none;} div#copyright { max-width: 100%; margin-bottom: 10px;} /* Archive */ .arc-top, .arc .date, .arc .date p {max-width: 100%; margin:0;} .archive_header {max-width: 100%; clear: both; position: relative;} .nav-entries, .wp-pagenavi { position: relative; margin-top: -86px; padding-bottom: 20px; width: 165px; float: right;} .archive-footer { padding-top: 82px; margin-bottom: -82px;} /*Page Nav*/ .single .nav-entries, .wp-pagenavi { margin-top: -53px; padding-bottom: 20px; width: 165px; float: right;} .post-footer .nav-entries, .wp-pagenavi { margin-top: -56px;} li.nav-video, li.nav-television { width: auto; max-width: none; min-width: auto; } #navigation li.nav-television, #navigation li.nav-video { width: auto; max-width: none; min-width: auto;} .top-story { width: 100%; overfloaw: hidden; } .top-story-image { max-width: 100%; height: 218px;} .top-story-image img { max-width: 100%; overflow: hidden;} div#sidebar img { max-width: 100%; height: auto;} } @media screen and (max-width: 800px) { .twocol-one, .threecol-one, .threecol-two, .fourcol-one, .fourcol-two, .fourcol-three, .fivecol-one, .fivecol-two, .fivecol-three, .fivecol-four, .sixcol-one, .sixcol-two, .sixcol-three, .sixcol-four, .sixcol-five { width: 100% !important; max-width: 100%; clear: both; float: none !important;} #navigation, #navigation #channel-bar, #top-menu {display: none;} .column, .column-twothirds { width: 100%; max-width: 100%;} /*home page*/ .column { float: right; } .last { clear: left; margin-right: 0 !important;} .relatedposts .column { float: none; } div#slides , div#slideslist { display: none; } /*header*/ #top {height:0px; margin-top: -2px;} #icons { margin-top: 0px !important; width: 165px !important; border: none; text-align: right !important; height: 40px; position: fixed; top: 0px; right: 0;} p#connect-text { display: none;} #logo { margin: 0px 0px 22px 14px; background: none;} #logo h2 { float: none; padding: 26px 0px 0px 0px;} div#logo a img { max-width: 100%;} #search { padding: 22px 12px 0px 0px;} #search input, textarea { width: 210px;} #date { padding: 13px 0px 13px 0px;} /*content*/ #content { margin-top: 45px; max-width: 90%;} div#social-media, div#you-report,div#videos { display: none;} { display: none;} div.banner-ad-block {display: none;} /*Page Nav*/ .single .nav-entries, .wp-pagenavi { width: 165px; float: none; margin: 10px 0 0 0;} .post-footer .nav-entries, .wp-pagenavi { top: -20px;} .nav-entries, .wp-pagenavi { position: relative; margin-top: 0px; top: 0px;} .archive-footer { padding-top: 10px; margin-bottom: -50px;} /*post*/ div#share-icons { margin: 9px 0px;} .post-footer-ads {display: none;} #post-author .profile-description { max-width: 100%;} #post-author .profile-link { float: none; margin-top: 10px;} /*footer*/ .footer-nav li { width: 90%; margin: 0 15px 20px;} #footer-top { padding: 0 15px;} div#credit {float: left;} #footer-bottom { padding: 28px 15px 50px 15px;} #footer-bottom h2 { padding-bottom: 15px;} } @media screen and (max-width: 480px) { /*header August 18 2015 removed search in header from iPhones */ #search { padding: 0px 12px 0px 0px; display: none; } #logo { margin: 22px 0px 5px 14px; } #logo h2 {display: none;} .arc img { width: 100%;} div#share-text { width: auto; margin-right: 0px; border-right: none;} .woo-sc-twitter.left,.woo-fbshare.left { margin: 0; float: left;} .post-footer { border-bottom: none;} } /*Modifications to CSS made by Walsh on 8/12/15 Tribe Events Calendar widget styles. */ /*Home Page Tribe Events widget tribe-events-list-widget-2. */ #tribe-events-list-widget-8 { background: #ffffff; border: solid 1px #1C2A47; } #tribe-events-list-widget-8 ul { padding-left: .5em; } #tribe-events-list-widget-8 .duration { font-size: 0.9em; font-style: italic; margin-bottom: -0.2em; } #tribe-events-list-widget-8 h4 { font-weight: bold; color: #1b5474 !important; } #tribe-events-list-widget-3 { background: #ffffff; border: solid 1px #1C2A47; } #tribe-events-list-widget-3 ul { padding-left: .5em; } #tribe-events-list-widget-3 .duration { font-size: 0.85em; font-style: italic; margin-bottom: -0.2em; } #tribe-events-list-widget-3 h4 { font-weight: bold; color: #1b5474 !important; } #text-471 { /* Puts a border around the home page popular posts widget.*/ border: solid 1px #1C2A47; margin-bottom: 1em; padding-bottom: 1.5em; } #text-348 { /* Puts a border around the Primary Sidbar popular posts widget. */ border: solid 1px #1C2A47; margin-bottom: 1em; padding-bottom: 1.5em; } .lcptitle { display: block; clear: both; font-size: 16px; } .tease { display:block; float: left clear: left; !important; font-size: 100%; padding-right: 5px; line-height: 0.95; margin-bottom: 1.0em; } #top-menu .nav a { display: inline; text-decoration: none; color: #d7d7d7 !important; } /* Was #999999 */ #date { color: #d7d7d7; } #text-472 { display: none; } .page-id-1817 #text-472 { display: block; } #text-473 { display: none; } .page-id-1817 #text-473 { display: block; } .page-id-1755 #text-472 { display: block; } .page-id-1755 #text-473 { display: block; } /*#PopeinDC links in sidebar for the Pope Francis Visit page only */ #text-481 { display: none; } .tag-28713 #text-481 { display: block; } /*End of #PopeinDC links in sidebar for the Pope Francis Visit page only */ /*Vote 2015 links in sidebar for the november 3 2015 local elections page only */ #text-488 { display: none; } .tag-30038 #text-488 { display: block; } /*End of Vote 2015 links in sidebar for the november 3 2015 local elections page only */ /* To fix the Volunteer page Pay User Fees Image issue in Firefox Oct 27 2015 */ .userfees { display: block; clear: both; } /* Primary sidebar Tribe Events widget tribe-events-adv-list-widget-2. Modified Nov 19, 2015 by MW */ #tribe-events-adv-list-widget-2 { background: #ffffff; border: solid 1px #1C2A47; } #tribe-events-adv-list-widget-2 ul { /* padding-left: .5em; */ } #tribe-events-adv-list-widget-2 .duration { font-size: 0.9em; font-style: italic; margin-bottom: -0.4em; padding-left: .5em !important; padding-right 0.3em !important; } #tribe-events-adv-list-widget-2 h4 { font-weight: bold; color: #1b5474 !important; padding-left: .5em !important; padding-right: 0.3em !important; margin-bottom: 0.7em; } #tribe-events-adv-list-widget-2 h4 { font-weight: bold; color: #1b5474 !important; } #tribe-events-adv-list-widget-2 .tribe-events-widget-link { margin-left: 35% } /* Center text for Around the County */ #tribe-events-adv-list-widget-2 h3 { padding-left: 15%; } /* MoCo Post Home Page sidebar Tribe Events widget tribe-events-adv-list-widget-3. Modified Nov 19, 2015 by MW */ #tribe-events-adv-list-widget-3 { background: #ffffff; border: solid 1px #1C2A47; } #tribe-events-adv-list-widget-3 ul { /* padding-left: .5em; */ } #tribe-events-adv-list-widget-3 .duration { font-size: 0.9em; font-style: italic; margin-bottom: -0.4em; padding-left: .5em !important; padding-right 0.3em !important; } #tribe-events-adv-list-widget-3 h4 { font-weight: bold; color: #1b5474 !important; padding-left: .5em !important; padding-right: 0.3em !important; margin-bottom: 0.7em; } #tribe-events-adv-list-widget-3 h4 { font-weight: bold; color: #1b5474 !important; } #tribe-events-adv-list-widget-3 .tribe-events-widget-link { margin-left: 35% } /* Center text for Around the County */ #tribe-events-adv-list-widget-3 h3 { padding-left: 15%; } /* After Woo Framework Update needed to fix Twitter position */ .twocol-one { margin-right: 18px !important; max-width: 445px; width: 48% !important; } /* Local Blogs Post page */ #read-all-posts a, #all-blogs a{ display: block; background-color: #F58233 !important; height: 15px; margin-top: 4px; text-transform: uppercase; font: normal 14px/1em 'Predige-Regular',sans-serif; background: url(images/slideshow-read-more.png); background-repeat: no-repeat; background-color: #2784BA !important; width: 115px; padding: 14px; color: #fff !important; text-decoration: none !important; background-position: 115px 14px; float: right; } #all-blogs a{ float: none; margin: 20px 0px 10px 0px; } @media screen and (max-width: 800px) { #read-all-posts a { display: block; float: none; } } span.archive_header.category-blogs#smaller { font-size: 24px; padding: 5px 0px 15px 10px; } #blog-image { max-width: 225px; margin-right: 20px; } #blog-image img { max-width: 225px; height: auto; } #about-this-blog { padding: 0px 20px 20px 0px; width: 65%; max-width: 650px; } #about-this-blog h2 { text-transform: uppercase; padding: 0px 0px 15px 0px; text-transform: uppercase; font: normal 18px 'Predige-Bold',sans-serif; color: #333333; margin-top: -5px; } #other-blogs { max-width: 30%; padding-left: 20px; margin-bottom: 20px; border-left: 1px solid #8b7f78; } #other-blogs h2 { text-transform: uppercase; padding: 0px 0px 15px 0px; text-transform: uppercase; font: normal 18px 'Predige-Bold',sans-serif; color: #2784ba; margin-top: -5px; } @media screen and (max-width: 800px) { #about-this-blog { padding: 0px 20px 20px 0px; width: 98%; max-width: 100%; } #other-blogs { max-width: 98%; padding: 0px 20px; border-left: none; float: none; } } .relatedposts .column:nth-child(3n+3) { margin: 0px; } .page-id-250 #celebrate { float: right; margin-left: 2em; } /* Home Page Sidebar Tribe Events List Widget syles on move to pagely Oct 2016 */ .tribe-events-adv-list-widget .type-tribe_events, .tribe-mini-calendar-list-wrapper .type-tribe_events { margin: 0; padding-left: 0.5em; padding-right: 0.5em; background: #ffffff; border: solid 1px #1C2A47; } #tribe-events-adv-list-widget-4 { #tribe-events-adv-list-widget-4 ul { /* padding-left: .5em; */ } #.tribe-events-adv-list-widget .duration { font-size: 0.9em; font-style: italic; margin-bottom: -0.4em; padding-left: .5em !important; padding-right 0.3em !important; } #entry-title summary-4 h4 { font-weight: bold; color: #1b5474 !important; padding-left: .5em !important; padding-right: 0.3em !important; margin-bottom: 0.7em; } #tribe-events-adv-list-widget-4 h4 { font-weight: bold; color: #1b5474 !important; } #tribe-events-adv-list-widget-4 .tribe-events-widget-link { margin-left: 35% } /* Center text for Around the County */ #tribe-events-adv-list-widget-3 h3 { padding-left: 15%; }