/* Theme Name: Flatten Theme URI: http://www.waledesign.com Description: A Magazine / Community / Blog Premium Wordpress Theme Tags: White Author: WaleDesign Author URI: http://www.waledesign.com License: License URI: Version: 1.0 */ /* TOC 01. GENERAL TYPOGRAPHY 02. STRUCTURE 1. Header 2. Breadcrumbs 3. Content 4. Footer 03. MENU 04. POST LISTS & GRIDS 05. SINGULAR POSTS 06. WIDGETS & SHORTCODES 07. SLIDER 08. MISCELLANEOUS */ /* =============================================================================================================== 01. GENERAL TYPOGRAPHY =============================================================================================================== */ @import url(http://fonts.googleapis.com/css?family=Open Sans:300,400,600,700); /* Global Reset -------------------------------------------------------------- */ body { font-size: 16px; line-height: 30px; } img { max-width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } img.scale-with-grid { max-width: 100%; height: auto; } html, body, div, form, fieldset, input, textarea, h1, h2, h3, h4, h5, h6, p, ul, ol, li { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; } li ol, li ul { margin-bottom: 0 } h1, h2, h3, h4, h5, h6, p, div.rating_row, ul, ol { margin-bottom: 20px } input, textarea { padding: 4px; font-family: inherit; } img, fieldset { border: 0 } body { font: normal 14px/26px 'Open Sans', Helvetica, sans-serif; /* Fix for webkit rendering */ -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } ol { list-style: decimal outside } a { outline: none; text-decoration: none; -webkit-transition: color 0.15s linear; -moz-transition: color 0.15s linear; -o-transition: color 0.15s linear; transition: color 0.15s linear; } a:hover { text-decoration: none; -webkit-transition: color 0.15s linear; -moz-transition: color 0.15s linear; -o-transition: color 0.15s linear; transition: color 0.15s linear; } a:focus { outline: none } ul { list-style: disc outside } ul, ol { padding-left: 25px } /* Headers -------------------------------------------------------------- */ h1 { font-size: 36px; letter-spacing: 0px; line-height: 111%; font-family: Open Sans, sans-serif; } h2 { font-size: 32px; letter-spacing: 0px; line-height: 125%; font-family: Open Sans, sans-serif; } h3 { font-size: 22px; letter-spacing: 0px; line-height: 136%; font-family: Open Sans, sans-serif; } h4 { font-size: 18px; letter-spacing: 0px; line-height: 139%; font-family: Open Sans, sans-serif; } #main h4 { background: #ecf0f1; margin-bottom: 30px; } #main h4 span { color: #fff; font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 700; line-height: 36px; letter-spacing: 1px; display: inline-block; padding: 0 10px; text-transform: uppercase; } h5 { margin-bottom: 20px; font-size: 16px; text-transform: uppercase; letter-spacing: 1.6px; font-family: Open Sans, sans-serif; } h6 { margin-bottom: 15px; padding-bottom: 5px; font-size: 12px; text-transform: uppercase; letter-spacing: 1.6px; font-family: Tahoma, Geneva, Arial, sans-serif; } h4+h6 { margin-top: -10px } /* Forms & Buttons -------------------------------------------------------------- */ .textfield, .password, .textarea, #s, #comment { padding: 10px; color: #555; font: normal 14px Arial, Helvetica, sans-serif; background: #fff; border: 1px solid #e3e3e3; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; } #footer .textfield, #footer .password, #footer .textarea, #footer #comment { background: rgba(0,0,0,.1); border: 1px solid rgba(0,0,0,.2); color: #eee; } #footer label { color: #eee } .textfield:focus, .password:focus, .textarea:focus, #s:focus, #comment:focus { outline: none } .textarea, #comment { width: 60%; height: 180px; line-height: 30px; } .textfield_label { } span.required { color: red; font-size: 10px; } .styled_button, .button_link, .tabs_button a.current { display: inline-block; margin: 1px 10px 10px 0; color: white; font-size: 11px; font-weight: bold; text-decoration: none !important; border: none; cursor: pointer; } .button_link:hover { color: #fff!important } .small_button, #submit { padding: 7px 15px; line-height: 11px; } /* =============================================================================================================== 02. STRUCTURE =============================================================================================================== */ body { position: relative } #body_inner { width: 100% } /* Header -------------------------------------------------------------- */ #header { clear: both; float: left; width: 100%; padding: 30px 0; } #header_extras { display: block } #header_extras .container { border-bottom: 1px solid rgba(0,0,0,.1); padding: 10px 0; } .header_links { float: left; font-size: 10px; line-height: 32px; } .header_links li { float: left; padding-right: 12px; } .header_links li ul { float: right; margin-right: 0px; } .header_links li a { text-decoration: none } .header_links li a:hover { text-decoration: none } .header_links ul { margin: 0; padding: 0; list-style: none; } .header_social { float: right; padding-left: 5px; margin-right: 10px; } .header_social .social_icon { float: left; height: 32px; } .header_social .black { background: none!important; border: none!important; } .header_social .social_icon a { opacity: 1; width: 32px; height: 32px; display: block; border-radius: 32px; } .header_social .social_icon a img { margin: 4px 0 0 4px } .header_social .social_icon a:hover { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background: #fff; } .header_text { float: left; padding-top: 2px; } .logo { display: block; clear: both; float: left; } .logo a { display: block; float: left; } #header_ad { float: right; height: auto; margin-top: 2px; color: #ccc; font-size: 24px; overflow-y: hidden; } #header_ad img { } /* Breadcrumbs -------------------------------------------------------------- */ #breadcrumbs { clear: both; float: left; display: block; width: 100%; } #breadcrumbs .delimiter { padding: 0 4px; color: #aaa!important; } #breadcrumbs a { color: #999!important; font-size: 10px; } #breadcrumbs a:hover { color: #555!important } #breadcrumbs a:first-child { padding-left: 0!important } #breadcrumbs_inner { position: relative; color: #aaa; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; z-index: 20; margin-bottom: 20px; } /* Content -------------------------------------------------------------- */ #content { padding-bottom: 100px; clear: both; } #main { min-height: 250px; border-radius: 2px; } #content .teaser { line-height: 180% } #sidebar { min-height: 300px } #sidebar .small_post_list .post_list_module { margin-bottom: 0 } #sidebar .post_list_content { overflow: auto } #sidebar .wale_twitter_widget li { padding-left: 0!important } #sidebar .wale_popular_widget>ul, #footer .wale_popular_widget>ul, #sidebar .wale_recent_widget>ul, #footer .wale_recent_widget>ul, #sidebar .wale_twitter_widget>ul, #footer .wale_twitter_widget>ul, #sidebar .widget_recent_comments>ul, #footer .widget_recent_comments>ul, #sidebar .widget_recent_entries>ul, #footer .widget_recent_entries>ul, #sidebar .widget_categories>ul, #footer .widget_categories>ul, #sidebar .widget_links>ul, #footer .widget_links>ul, #sidebar .widget_archive>ul, #footer .widget_archive>ul, #sidebar .widget_meta>ul, #footer .widget_meta>ul, #sidebar .wale_subnav_widget>ul, #footer .wale_subnav_widget>ul, #sidebar .widget_nav_menu .menu, #footer .widget_nav_menu .menu, #sidebar .widget_pages>ul, #footer .widget_pages>ul { } #sidebar .widget_categories a, #sidebar .widget_links a, #sidebar .widget_archive a, #sidebar .widget_meta a, #sidebar .wale_subnav_widget a, #sidebar .widget_nav_menu a, #sidebar .widget_pages a, #sidebar .widget_recent_entries a { text-transform: uppercase; font-size: 10px; letter-spacing: 1px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: 600; } #sidebar .post_list_module, #sidebar .wale_twitter_widget li, #sidebar .widget_categories li, #sidebar .widget_links li, #sidebar .widget_archive li, #sidebar .widget_meta li, #sidebar .wale_subnav_widget li, #sidebar .widget_nav_menu li, #sidebar .widget_pages li, #sidebar .widget_recent_entries li { padding: 5px 0 25px } #sidebar .widget_pages li li, #sidebar .widget_nav_menu li li, #sidebar .widget_categories li li { background: url(images/line.gif) repeat-x center top } #sidebar .widget_pages li li a, #sidebar .widget_nav_menu li li a, #sidebar .widget_categories li li a { margin-left: 20px } #sidebar .recentcomments { } #sidebar .recentcomments span { padding-left: 26px !important; background: url(images/shortcodes/icons/icons_dddddd.png) no-repeat -380px -243px transparent; } #sidebar .post_meta a { color: #999; font-size: 12px; } #sidebar .widgettitle { line-height: 50px } #sidebar .widget, #footer .widget { position: relative; padding: 0 0 40px 0; overflow: hidden; } #footer .widget li { padding-left: 10px; border-bottom: 1px solid rgba(255,255,255,.05); text-shadow: none; } #footer .widget li:last-child { border-bottom: none } #sidebar h4 { border-bottom: 1px solid rgba(0,0,0,.1) } #footer h4 { border-bottom: 1px solid rgba(255,255,255,.1) } #sidebar h4 span, #footer h4 span { padding: 10px 0; letter-spacing: -1px; } .right_sidebar #main { } .right_sidebar #main_inner { overflow: hidden } .right_sidebar #sidebar { float: right } .right_sidebar #sidebar_inner { padding-left: 50px; background: url(images/assets/sidebar_left.png) repeat-y 0px -62px; } .right_sidebar .sidebar_bottom { display: block; height: 82px; background: url(images/assets/sidebar_left.png) no-repeat top left; } .left_sidebar .sidebar_top { display: none } .left_sidebar .sidebar_bottom { display: none } .right_sidebar #sidebar_inner { position: relative } #sidebar_inner img { background: #fff } .right_sidebar #content { } .left_sidebar #main { float: right } .left_sidebar #sidebar { float: left } .left_sidebar #sidebar #socialCounterWidget a#sc_rss, .left_sidebar #sidebar #socialCounterWidget a#sc_twitter, .left_sidebar #sidebar #socialCounterWidget a#sc_facebook { width: 88px } .left_sidebar #main_inner { } .left_sidebar #sidebar_inner { position: relative; /* margin-top: 30px; margin-bottom: 30px; */ padding-right: 35px; } .left_sidebar #content { /* background: url('images/assets/left_sidebar_repeater.png') top right repeat-y */ } #content_inner { display: block; margin-top: 30px; /* background: url('images/assets/sidebar.png') 754px top repeat-y*/; ; } .left_sidebar #content_inner { /* padding: 0 30px 0 25px; _NO__DOTCOMMA__AFTER__*/ } body.full_width #content_inner, .left_sidebar #content_inner { background: none } img.framed { padding: 2px; border: 1px solid #ddd; } /* Footer -------------------------------------------------------------- */ #footer { clear: both; width: 100%; overflow: hidden; font-family: Arial, Helvetica, sans-serif; padding: 40px 0; } #footer .widget_categories a, #footer .widget_nav_menu a, #footer .widget_pages a { display: block; padding: 5px 0; } #footer .small_post_list, #footer .post_title a { font-size: 13px; line-height: 21px; text-transform: none!important; } #footer .post_grid_image img, #footer .post_list_image img, #footer .framed { margin-bottom: 15px; outline: none; width: auto; height: auto; } #footer .widget_pages li, #footer .widget_nav_menu li, #footer .widget_categories li { padding: 0 0 0 5px } #footer .textwidget p { font-size: 12px; line-height: 20px; } #footer .widgettitle { margin-bottom: 15px; line-height: 40px; } #footer .post_meta { font-size: 11px; letter-spacing: 1px; } #footer .post_meta a { font-size: 11px; letter-spacing: 1px; color: #bbb; } #footer .widget { padding: 0 0 30px 0; clear: both; } #footer_inner { padding-top: 45px; padding-bottom: 20px; } #sub_footer { clear: both; width: 100%; padding: 20px 0 10px; } #sub_footer a:hover { text-decoration: none } #sub_footer_inner { padding: 20px 0 } .copyright_text { display: block; text-align: center; } .footer_links { float: right; position: relative; left: -50%; text-align: left; } .footer_links li { float: left; padding-right: 12px; } .footer_links ul { list-style: none; margin: 0; padding: 5px 0 0; display: inline-block; position: relative; left: 50%; } .footer_links ul ul { float: right; margin-right: 0px; } .no_footer #footer { display: none } /* =============================================================================================================== 03. Menu =============================================================================================================== */ #main_menu { margin-bottom: 50px; font-size: 14px; font-weight: normal; font-style: normal; font-family: 'Open Sans', sans-serif; } #header_extras+#main_menu { top: 30px } .main_navigation, .header_links { position: relative; z-index: 2000; } .header_links { margin: 0 10px } .select_nav select, .main_navigation select, .header_links select { display: none; padding: 5px 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: rgba(255,255,255,.1) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC') center right no-repeat; color: #fff; border: 1px solid rgba(255,255,255,.1)!important; overflow: hidden; font-weight: bold; font-size: 14px; } .header_links select { color: #555; border: none; font-size: 12px; font-weight: normal; } .select_nav select option, .main_navigation select option, .header_links select option { background: #fff; text-shadow: none; } .select_nav select:focus, .select_nav select:active, .main_navigation select:focus, .main_navigation select:active, .header_links select:focus, .header_links select:active { outline: none; box-shadow: none; border: none; } .select_nav select option, .main_navigation select option, .header_links select option { color: #666 } .select_nav select { display: inline } .select_nav select { border: 1px #e0e0e0 dotted !important; background-color: #efefef; } .select_nav select { text-shadow: #fff 0 1px 0 !important; color: #666 !important; margin: 7px 0; min-width: 120px; } .main_navigation li.home > a { position: relative; text-indent: -9999px; background-image: url('images/assets/home.png'); background-position: center center; background-repeat: no-repeat; padding-right: 30px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .main_navigation li.home > a:hover { background-image: url('images/assets/home.png'); background-position: center center; background-repeat: no-repeat; background-color: rgba(0,0,0,.1); } .main_navigation li.home > a .menu_arrow { display: none } .main_navigation small { display: none } .main_navigation ul { position: relative; display: block; float: left; margin: 0; padding: 0; list-style-type: none; /*left: -15px;*/ ; } .main_navigation ul ul { position: absolute; display: block; left: 0px; padding-top: 1px; padding-bottom: 2px; visibility: hidden; z-index: 2000; } .main_navigation ul ul ul { margin-top: -1px; z-index: 2001; } .main_navigation ul ul li { display: list-item; float: none; } .main_navigation ul ul a { width: 152px; height: 100%; margin: 0; padding: 6px 13px; line-height: 30px; } .main_navigation ul ul a { box-shadow: none!important } .main_navigation ul ul a:hover { } .main_navigation ul ul { } .main_navigation ul ul { } .main_navigation ul > li { } .main_navigation li { position: relative; display: inline; float: left; } .main_navigation a { display: block; padding: 0 20px; text-decoration: none; line-height: 60px; margin-top: 1px; text-transform: uppercase; } .main_navigation ul a:hover { text-decoration: none; background: rgba(0,0,0,.1); color: #fff; } li.menu_arrow a { padding-right: 30px } .main_navigation .current-menu-item { background: rgba(0,0,0,.2) } li.menu_arrow > a:after { content: " →"; text-indent: -9999px; float: right; width: 6px; height: 3px; background: url('images/assets/menu_arrow.png') 0 0 no-repeat; position: absolute; margin-left: 10px; top: 47%; opacity: .9; -moz-opacity: .9; } .main_navigation ul ul li.menu_arrow > a:after { top: 18px; background: url('images/assets/menu_arrow_r.png') 0 0 no-repeat; width: 3px; height: 6px; } li.menu_highlight > a { color: #d1f8ff } ::selection, #submit:hover, .styled_button:hover, .button_link:hover, #searchsubmit:hover { /*Button Text Hover Color*/ color: #fff; } /* =============================================================================================================== 04. POST LISTS & GRIDS =============================================================================================================== */ h2.post_title { margin-bottom: 0 } /* Specific Layouts -------------------------------------------------------------- */ .portfolio .post_title { font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 30px; margin-bottom: 5px; } .portfolio .post_title, .portfolio .post_meta { background-image: none } .portfolio .date { color: #aaa; font-size: 10px; text-transform: uppercase; line-height: 15px; } .portfolio .post_title+.date { margin-top: -10px } .portfolio .entry { margin-top: 15px } .right_sidebar .blog_layout3 .one_half .meta_category, .left_sidebar .blog_layout3 .one_half .meta_category { display: none } .one_column_portfolio .post_grid_module { padding: 0 0 50px 0 } /* Meta -------------------------------------------------------------- */ .item_meta, .post_meta { padding: 5px 1px 5px; color: #999; font-size: 12px; letter-spacing: 0px; font-weight: 400; } .item_meta em, .post_meta em { font-style: normal } .item_meta a, .post_meta a { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, serif; font-style: normal; } .post_meta_bottom { margin: 40px 0; font-size: 12px; } .post_meta_bottom span { padding-right: 20px } .post_meta_bottom em { font-weight: bold; font-style: normal; text-transform: uppercase; } /* =============================================================================================================== 05. SINGULAR POSTS =============================================================================================================== */ /* Post Images -------------------------------------------------------------- */ .post_grid_image img, .post_list_image img, .single_post_image img { width: auto; height: auto; vertical-align: bottom; } #sidebar .post_grid_image img, #sidebar .post_list_image img, #sidebar .single_post_image img { width: auto; height: auto; } .post_grid_module, .post_list_module { padding-bottom: 50px } .post_grid_module h3 { margin-bottom: 10px; font-size: 20px; letter-spacing: -1px; font-weight: 600; } ul.post_list li { padding-left: 0!important; background: none!important; } /*.post_grid_image{text-align:center;}_NO__DOTCOMMA__AFTER___NO__DOTCOMMA__AFTER___NO__DOTCOMMA__AFTER__*/ /* Single Post Module -------------------------------------------------------------- */ .single_post_module { margin-bottom: 30px } .single_post_image { display: block; margin-bottom: 30px; max-width: 100%!important; max-height: 447px; } .single_post_image * { max-width: 100%!important; height: auto!important; max-height: 447px; } .single_post_module .post_title, .blog_layout1 .post_title, .blog_layout2 .post_title, .blog_layout3 .post_title { } .single_post_module .post_title, .blog_layout1 .post_title, .blog_layout2 .post_title, .blog_layout3 .post_title, .large_post_list .post_title, .medium_post_list .post_title, .one_column_blog .post_title, .two_column_blog .post_title, .three_column_blog .post_title { } .sticky, .gallery-caption, .bypostauthor { } .single_post_content { position: relative } #sidebar .widgettitle, h6, td, th, .single_post_content .post_meta, .single_post_content .post_title { } /* Post Nav Module -------------------------------------------------------------- */ .post_nav_module { margin-bottom: 30px; overflow: hidden; } .previous_post { float: left } .next_post { text-align: right } /* About Author Module -------------------------------------------------------------- */ .about_author_module { position: relative; margin-bottom: 50px; overflow: hidden; padding-top: 20px; } .about_author_content { clear: both } .about_author_module .styled_link { display: block } .about_author_module .avatar { float: left; margin-right: 28px; padding: 0; } .about_author_title, #reply-title, #related_module, #comments_title { display: block; color: #333; font-size: 18px; line-height: 50px; font-weight: 400; font-style: normal; font-family: 'Open Sans', Arial, Helvetica, sans-serif; border-bottom: 1px solid rgba(0,0,0,.1); } .author_bio { color: #555; overflow: hidden; } .author_name { font-weight: 600; font-size: 15px; display: block; color: #333; margin-bottom: 10px; font-family: "Open Sans", sans-serif; } .author_bio a { margin-top: 10px } .related_content { display: block } .related_content .post_title { margin-bottom: 10px; font-size: 14px; } /* Blog Tabs -------------------------------------------------------------- */ .blog_tabs_container { } .blog_tabs { height: 34px; margin: 0; padding: 0; list-style-type: none; } .blog_tabs a.current { padding: 6px 1px 4px; color: #666; border-top: 2px solid; cursor: default; } .blog_tabs li { float: left; margin: 0; padding: 0; list-style-type: none; } .blog_tabs a { position: relative; display: block; margin-right: 30px; padding: 8px 1px 4px; font-size: 10px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-family: tahoma; } .blog_tabs a:hover { color: #888; text-decoration: none; } .blog_tabs_content { display: none; padding-top: 30px; } /* Additional Posts Module -------------------------------------------------------------- */ .additional_posts_module { margin-bottom: 50px } .additional_posts_module .post_grid_module, .additional_posts_module .one_fourth { margin-bottom: 0 } .avatar, .widget .small_post_list img, .additional_posts_module .small_post_list img { float: left; margin: 1px; } .additional_posts_module .post_grid_image { margin-bottom: 10px } .share_this_module+.additional_posts_module { margin-top: 60px } /* Threaded Comments -------------------------------------------------------------- */ #comments { margin-top: 50px; margin: 45px 0 5px 0; clear: both; } .comment_border { display: block; border-bottom: 1px solid rgba(0,0,0,.05); padding: 25px 0; } .commentlist > li:first-child > .comment_border:first-child { padding-top: 0px } .comment-text { position: relative; min-height: 90px; padding-bottom: 15px; overflow: hidden; } .comment-text ol li { list-style: decimal; overflow: visible; } .comment-text li { margin: 0; padding: 2px; background: none; border: none!important; } .commentlist { padding-left: 0; margin: 0 0 50px; } .commentmetadata, .commentlist .reply { float: left; margin-right: 5px; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; } .commentlist li { padding: 10px 0; list-style-image: none; list-style-position: outside; list-style-type: none; overflow: hidden; clear: both; } .commentlist li li { padding-left: 50px } img.avatar { border-radius: 50px } .children { padding: 0 } .awaiting_moderation { display: inline-block; margin-bottom: 10px; padding: 0 10px; font-size: 10px; background: #fff; border: 1px solid #eee; } .comment-author { float: left; width: 110px; overflow: hidden; line-height: 16px; text-align: center; } .comment-text .date { display: inline-block; float: right; color: #bbb; font-size: 12px; text-transform: uppercase; line-height: 15px; margin-top: 6px; } .comment-text cite { display: inline-block; float: left; color: #333; font-size: 16px; font-style: normal; font-weight: 400; line-height: 34px; text-transform: capitalize; } .comment-text p { clear: both; padding-top: 10px; } .trackbacks_pingbacks.commentlist li { padding: 10px 0; background: none; } /* Reply Form -------------------------------------------------------------- */ #commentform { padding-top: 20px } #respond { padding-top: 20px; clear: both; } #respond h3 { margin-bottom: 0px } #cancel-comment-reply-link { padding-left: 2px; color: #bbb; font-size: 9px; text-transform: uppercase; line-height: 15px; } #cancel-comment-reply-link:hover { text-decoration: none!important } /* =============================================================================================================== 06. WIDGETS & SHORTCODE OVERRIDES =============================================================================================================== */ .widget ul { margin: 0; padding: 0; list-style: none; } .widget a:hover { text-decoration: none } .widget .flickr_badge_image img { width: auto; height: auto; } /* Pre -------------------------------------------------------------- */ .styled_pre_box { color: #666; background: #F9F9F9; border-color: #D9D9D9 #EAEAEA #FFFFFF; } .styled_code_box { background: url(images/code.png) repeat 0 1px #F6F6F6; border-color: #ddd; } /* Popular/Related/Recent Posts -------------------------------------------------------------- */ .small_post_list .post_list_content { margin-bottom: 0!important } .small_post_list .post_title { padding: 0 } .small_post_list .post_title a { font-size: 18px; line-height: 28px; margin-bottom: 5px; } .post_title a { display: block; font-weight: 400; } #sidebar .small_post_list .post_title a { line-height: 24px!important } /* Search -------------------------------------------------------------- */ #searchform { clear: both; float: left; width: 100%; background: #fff; border: 1px solid #e3e3e3; box-shadow: -3px -3px 0 0 #f8f8f8, 3px 3px 0 0 #F8f8f8, 3px 0 0 0 #F8f8f8, 0 3px 0 0 #f8f8f8, 3px -3px 0 0 #f8f8f8, -3px 3px 0 0 #f8f8f8; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #footer #searchform { background: rgba(0,0,0,.1); border: 1px solid rgba(0,0,0,.2); box-shadow: none; } #searchsubmit { width: 16px; height: 16px; position: relative; text-indent: -9999px; float: right; cursor: pointer; background-color: transparent; background: url('images/assets/search.png') 0 0 no-repeat; border: 0; margin: 9px 10px 0 0; opacity: .5; -moz-opacity: .5; filter: alpha(50); padding: 0!important; } #searchform #searchsubmit:hover { background-color: transparent!important; opacity: .8; -moz-opacity: .8; filter: alpha(80); } #searchform #s { clear: both; float: left; color: #666; background: none; border: 0; box-shadow: none; width: 80%; padding: 10px; } #footer #searchform #s { color: #eee } #searchform #s:focus, #search-forum #forum-s:focus { outline: none } /* Twitter Widget -------------------------------------------------------------- */ .wale_twitter_widget { position: relative; overflow: visible; } .wale_twitter_widget li { padding-left: 0; background: none; } .wale_twitter_widget a { font-size: 12px; line-height: 22px; min-height: 21px; padding-left: 35px!important; background: url('images/assets/twitter_icon_blue.png') 0px 7px no-repeat; } /* Tag Cloud -------------------------------------------------------------- */ .widget_tag_cloud { text-align: justify } .widget_tag_cloud a { float: left; margin: 0 5px 5px 0; padding: 5px; background: #ecf0f1; } #footer .widget_tag_cloud a { background: rgba(0,0,0,.1); color: #ccc; text-transform: none; } #footer .widget_tag_cloud a:hover { color: #fff } /* Calendar & Other Tables -------------------------------------------------------------- */ table { width: 100%; margin-bottom: 18px; border-collapse: separate; border-spacing: 0; } table, td, th { vertical-align: middle } th { padding: 10px; color: #fff; border-top: 1px solid #fff; text-transform: uppercase; font-size: 11px; font-family: 'Open Sans', sans-serif; font-weight: 600; text-align: left; letter-spacing: 1px; } td { padding: 10px; color: #888; } tfoot td { border: 0px } th, th a { color: #fff !important } #wp-calendar { font-size: 12px; border-collapse: separate; } #wp-calendar, #wp-calendar th { border-color: #2E353D } #wp-calendar td { padding: 10px; color: #888; } #wp-calendar th { padding: 10px; color: #666; font-weight: bold; text-transform: uppercase; } .widget_calendar tfoot td { background-image: none } .widget_calendar a { text-decoration: underline } /* Recent Comments -------------------------------------------------------------- */ .wp-pagenavi .pagenavi-page:hover { } /* =============================================================================================================== 07. SLIDERS =============================================================================================================== */ #slider_module { position: relative; margin-bottom: 80px; clear: both; z-index: 10; max-width: 100%; height: 100%; } #slider_module .video_frame { position: relative; z-index: 10; } #slider_module_inner { } #slider_module .video_frame { padding: 0; border: 0; outline: 0; } /* =============================================================================================================== 08. MISCELLANEOUS =============================================================================================================== */ /* Misc -------------------------------------------------------------- */ .ads { } .ads a { float: left; margin: 10px; } .ads a img { float: left; display: inline; /*fixes ie6 bug*/ } .ads p { text-align: center } .ads p a { font-size: 10px; text-decoration: underline; margin-bottom: 0; padding-bottom: 0; line-height: 10px; } .facebook_like iframe[style] { width: 100% !important } .feed-counter div { width: 30%; position: relative; margin-right: 5%; margin-bottom: 20px; float: left; height: 100px; } .feed-counter div:last-child { margin-right: 0!important; clear: right; } #socialCounterWidget { text-align: center } #socialCounterWidget .count { font-weight: normal; display: block; font-size: 20px; line-height: 10px; font-family: "Open Sans", sans-serif; } #socialCounterWidget a#sc_rss { display: block; width: 33%; float: left; } #socialCounterWidget a .icon { transform: scale(.8,.8); -ms-transform: scale(.8,.8); /* IE 9 */ -webkit-transform: scale(.8,.8); /* Safari and Chrome */ -o-transform: scale(.8,.8); /* Opera */ -moz-transform: scale(.8,.8); /* Firefox */ } a#sc_rss .icon { width: 100%; height: 64px; display: block; margin-bottom: 20px; background: url('images/assets/scw/rss.png') center center no-repeat; } #socialCounterWidget a#sc_twitter { display: block; width: 33%; float: left; } a#sc_twitter .icon { width: 100%; height: 64px; margin-bottom: 20px; display: block; background: url('images/assets/scw/twitter.png') center center no-repeat; } a#sc_twitter:hover .icon, a#sc_facebook:hover .icon, a#sc_rss:hover .icon { transform: scale(1,1); -ms-transform: scale(1,1); /* IE 9 */ -webkit-transform: scale(1,1); /* Safari and Chrome */ -o-transform: scale(1,1); /* Opera */ -moz-transform: scale(1,1); /* Firefox */ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #socialCounterWidget a#sc_facebook { display: block; width: 33%; float: left; } a#sc_facebook .icon { width: 100%; height: 64px; margin-bottom: 20px; display: block; background: url('images/assets/scw/facebook.png') center center no-repeat; } #socialCounterWidget .title { font-size: 8px; color: #aaa; text-transform: uppercase; letter-spacing: 1px; font-family: Tahoma, Verdana, sans-serif; } /* * jQuery wooflexslider v1.8 * http://www.woothemes.com/wooflexslider/ * * Copyright 2012 WooThemes * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* Browser Resets */ .flex-container a:active, #wale_flexslider a:active, .flex-container a:focus, #wale_flexslider a:focus { outline: none } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* wooflexslider Necessary Styles *********************************/ #wale_flexslider { width: 100%; margin: 0; padding: 0; } #wale_flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ #wale_flexslider .slides img { max-width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block } * html .slides { height: 1% } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block } /* wooflexslider Default Theme *********************************/ #wale_flexslider { position: relative; zoom: 1; } #wale_flexslider .slides { zoom: 1 } #wale_flexslider .slides > li { position: relative } /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ .flex-container { zoom: 1 } /* Caption style */ /* IE rgba() hack */ .flex-caption { background: none; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1; } .flex-caption { width: 100%; padding: 2% 0; margin: 0; background: #ecf0f1; font-size: 14px; line-height: 20px; text-indent: 20px; } .flex-caption:hover { background: #fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* Title in the caption */ .flex-caption .slider_title { line-height: 30px } /* Direction Nav */ .flex-direction-nav { height: 0 } .flex-direction-nav li a { width: 50px; height: 50px; margin: -25px 0 0; display: block; background: url(images/assets/slider_arrows.png) no-repeat; position: absolute; top: 45%; cursor: pointer; text-indent: -999em; opacity: 1; filter: alpha(opacity=40); } .flex-direction-nav li .next { background-position: -50px 0; right: 15px; } .flex-direction-nav li .prev { left: 15px } .flex-direction-nav li a:hover, .flex-direction-nav a:active { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .flex-direction-nav li .disabled { opacity: .3; -moz-opacity: .3; filter: alpha(opacity=30); cursor: default; } /* Control Nav */ .flex-control-nav { width: 98%; position: absolute; top: 10px; text-align: right; } .flex-control-nav li { margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline; } .flex-control-nav li:first-child { margin: 0 } .flex-control-nav li a { text-align: left; width: 30px; height: 5px; display: block; background: rgba(255,255,255,1); cursor: pointer; text-indent: -999em; } .flex-control-nav li a:hover { } .flex-control-nav li a.active { cursor: default; background: rgba(0,0,0,.5); } .flex-pauseplay { position: absolute; top: 8px; left: 10px; } .flex-pauseplay span { color: rgba(255,255,255,1); text-shadow: 0px 1px rgba(0,0,0,.5); cursor: pointer; } /* #Buttons ================================================== */ .button, button, a.button_link, a.post_more_link, #submit, input[type="submit"], input[type="reset"], input[type="button"] { border: 0!important; outline: none!important; font: 600 14px/14px 'Open Sans', sans-serif; text-decoration: none; display: inline-block; padding: 10px 20px; color: #fff; -webkit-transition: top .4s ease-out, opacity .4s cubic-bezier(1, .01, 1, .38), background-color .2s ease-out; -moz-transition: top .4s ease-out, opacity .4s cubic-bezier(1, .01, 1, .38), background-color .2s ease-out; transition: top .4s ease-out, opacity .4s cubic-bezier(1, .01, 1, .38), background-color .2s ease-out; margin: 0 10px 10px 0; } .button:hover, button:hover, a.button_link:hover, a.post_more_link:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { outline: none!important; color: #fff; } #commentform input[type="submit"] { background: #5FAAE3 } #commentform input[type="submit"]:hover { background: #111 } .small_button, .contact_form_submit { font: 700 12px/20px 'Open Sans', sans-serif!important; padding: 5px 10px!important; text-shadow: none!important; } .medium_button, .bp_header_add_button { height: 38px!important; font: 600 15px/38px 'Open Sans', sans-serif!important; padding: 0 15px!important; } .large_button { height: 51px!important; font: 600 18px/51px 'Open Sans', sans-serif!important; padding: 0 20px!important; } .button.full-width, button.full-width, a.button_link.full-width, a.post_more_link.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { border: 1px solid #333 } .post_grid_image, .post_grid_image a { width: 100%!important; height: auto!important; } .post_grid_image img { height: auto!important } /* Share this module */ .share_this_module { display: block; padding: 20px 0; background: #ecf0f1; text-align: center; } .share_this_module h3 { display: block; margin-bottom: 10px; } .share_this_content a { margin-right: 5px } /* remove this on final deployment */ #nav_menu-4 h4.widgettitle { border-bottom: 0!important }