/*====================================== Theme Name: adsoft Theme URI: http://zifana.com/adsoft-magazine-wordpress-adsense-ready-theme/ Description: adsoft is a fully responsive magazine WordPress theme. Version: 1.0.0 Author: Zifan Safira Author URI: http://zifana.com Tags: two-columns, light, red, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, threaded-comments, translation-ready, theme-options, flexible-width, one-column, left-sidebar, right-sidebar, three-columns, black, silver, orange, white, green, blue, purple, gray Text Domain: adsoft_language License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html ======================================*/ /* CSS Reset | http://meyerweb.com/eric/tools/css/reset/ | v2.0 -------------------------------------------------------------- */ 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1em; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* General Styles -------------------------------------------------------------- */ html { font-size: 100.01%; } body { color: #555; font-family: Trebuchet MS, Tahoma, Arial, sans-serif; font-size: 0.8em; border: 0; } a, a:link, a:visited{ color: #E84747; text-decoration: none; } a:hover, a:active { text-decoration: underline; } .hide { display: none; } /* Form Elements */ input, textarea { padding: 0.7em; background: #fff; border: 1px solid #ddd; font-size: 1.3em; font-family: Trebuchet MS, Arial, Sans-Serif; color: #333; } input[type="submit"] { border: none; color: #fff; background: #E84747; } input[type="submit"]:hover { background-color: #303030; cursor: pointer; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* Clearing Floats */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; /* For IE 6/7 only */ } /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 5px; top: 5px; text-decoration: none; text-transform: none; width: auto; z-index: 100000; /* Above WP toolbar */ } /* Make Form Elements responsive */ input, textarea, select { max-width: 100%; } /* Basic Structure -------------------------------------------------------------- */ #wrapper { width:100%; max-width: 1000px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #header-wrap { background: #333; } #header { padding: 1em 0; border-top: 1px solid #231F20; } #wrap { clear: both; padding-top: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .container { width: 97%; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content{ float: left; width: 66.6%; padding-right: 1.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: transparant; } #sidebar { margin-left: 66.6%; width: 33.3%; } #top-content-left { float: left; width: 66.6%; padding-right: 1.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: transparant; } #top-content-right { margin-left: 60%; margin-bottom: 10px; width: 40%; } /* Header -------------------------------------------------------------- */ #logo { float: left; } #logo .logo-image { border: 0; max-width: 100%; height: auto; } #logo .logo-image img{ max-width: 400px; height: auto; width: 100%; border: none; } #logo .site-title { margin: 0; font-size: 30px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 40px; } #logo a:hover { text-decoration: none; } #logo a:hover .site-title { color: #cc0000; text-decoration: none; } #logo .site-description { color: #a6a6a6; font-weight: 300; font-size: 1.5em; } /* Custom Header Image */ #custom-header { margin-top: 1px; } #custom-header img { max-width: 1340px; vertical-align: top; width: 100%; height: auto; } #header .widget { max-width: 70%; } /* Navigation Menu -------------------------------------------------------------- */ #mainnav-icon { display: none; } #navi-wrap { float: left; cursor:default; width:100%; max-width: 1000px; margin: 0 auto; z-index:999; background-color:#333; border-bottom :2px solid #E84747; } #mainnav-sticky-wrapper .is-sticky { cursor:default; width:100%; background-color:#333; border-bottom : 3px solid #E84747; } .containernav { width: 97%; max-width:1000px; margin: 0 auto; } .is-sticky #mainnav{ width:100%; } .is-sticky #mainnav-menu{ width:90%; margin: 0 auto; } #mainnav-menu { list-style-type: none; list-style-position: outside; position: relative; } #mainnav-menu li{ float:left; position:relative; margin-right: 1px; } #mainnav-menu a { display: block; padding: 10px; text-transform: uppercase; text-decoration: none; font-size: 1em; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } #mainnav-menu a:link, #mainnav-menu a:visited{ text-decoration: none; } #mainnav-menu a:hover { color: #fff; } #mainnav-menu ul{ background: #fff; border: 1px solid #fff; border-color:#fff #E84747 #E84747 #E84747; border-width:1px 4px 4px 1px; position: absolute; display: none; z-index: 99; } ul#mainnav-menu li a{ color: #DFDFDF; margin: 0; } #mainnav-menu ul a { width: 250px; width: 16rem; padding: 1em; float: left; font-weight: normal; } #mainnav-menu ul a:link, #mainnav-menu ul a:visited{ color: #333; font-size: 0.9em; text-decoration: none; } #mainnav-menu ul a:hover { color: #fff; background: #cc0000; } #mainnav-menu li ul ul { margin-left: 250px; margin-left: 16rem; } #mainnav-menu li:hover ul ul, #mainnav-menu li:hover ul ul ul, #mainnav-menu li:hover ul ul ul ul{ display:none; } #mainnav-menu li:hover ul, #mainnav-menu li li:hover ul, #mainnav-menu li li li:hover ul, #mainnav-menu li li li li:hover ul{ display:block; } #mainnav-menu li.current_page_item a, #mainnav-menu li.current-menu-item a { text-decoration: underline; background-color: #E84747; } #mainnav-menu li.current_page_item ul li a, #mainnav-menu li.current-menu-item ul li a{ text-decoration: none; } #mainnav-menu ul li.current_page_item a, #mainnav-menu ul li.current-menu-item a { text-decoration: underline; } #mainnav-menu ul li.current_page_item ul li a, #mainnav-menu ul li.current-menu-item ul li a{ text-decoration: none; } /* =Access -------------------------------------------------------------- */ #topBannerContainer {width: 100%;background: #231f20; border-bottom: 1px solid #fff;} #topBanner {margin: 0 auto; line-height: 30px; color: #fff;} /*-------TOP LEFT NAVIGATION STUFF--------*/ #leftmenu {list-style:none; position:relative; width:100%; z-index: 400;} #leftmenu li {list-style:none; position:relative; float:left; line-height:1em; padding: 10px 10px 11px 0px;} #leftmenu > li > a { display: block; text-transform: uppercase; font: 9px/1em sans-serif; color: #dfdfdf; border-left:1px solid #dfdfdf; padding-left: 10px; vertical-align: baseline;} #leftmenu > li > a:hover {color: #fff; text-decoration: none;} #leftmenu > li:first-child > a {border: none;} #leftmenu > li.current-menu-item a, #leftmenu > li.current-menu-ancestor a {text-decoration: underline;} /*-------TOP RIGHT NAVIGATION STUFF--------*/ #righmenu {float: right;} #righsocial {list-style:none; position:relative; width:100%; z-index: 400;} #righsocial li {list-style:none; position:relative; float:left; line-height:1em; padding: 10px 10px 11px 0px;} #righsocial > li > a { display: block;border-left:1px solid #dfdfdf; padding-left: 10px; vertical-align: baseline;} #righsocial .menu-item-rss :before {color:orange;} #righsocial .menu-item-gplus :before{color:#dd4b39;} #righsocial .menu-item-twitter :before {color:#00aced;} #righsocial .menu-item-facebook :before {color:#3b5998;} #righsocial .menu-item-youtube :before {color:#bb0000;} #righsocial .menu-item-pinterest :before {color:#cb2027;} #righsocial .menu-item-linkedin :before {color:#007bb6;} #righsocial .menu-item-vimeo :before {color: #aad450;} #righsocial .menu-item-flickr :before {color:#ff0084;} #righsocial .menu-item-tumblr :before {color:#365069;} #righsocial .menu-item-lastfm :before {color:#d21309;} #righsocial .menu-item-soundcloud :before {color:#ff7900;} #righsocial .menu-item-instagram :before {color:#517fa4;} #righsocial :hover {color: #fff; text-decoration: none;} #righsocial > li:first-child > a {border: none;} #righsocial > li.current-menu-item a, #righsocial > li.current-menu-ancestor a {text-decoration: underline;} /*-------FOOTER NAVIGATION STUFF--------*/ #footermenu {font-family: Trebuchet MS, sans-serif;display: inline-block;width: 100%;height: 35px;margin: 0px;text-align: center;} #footermenu ul {list-style:none; position:relative; width:100%; z-index: 98;} #footermenu ul li {list-style:none; display: inline-block; padding: 14px 10px 11px 0px;} #footermenu ul > li > a { display: block; text-transform: uppercase; font: 9px/1em sans-serif; color: #000; border-left:1px solid #aaa; padding-left: 10px; vertical-align: baseline;} #footermenu ul > li > a:hover {text-decoration: underline;} #footermenu ul > li:first-child > a {border: none;} #footermenu ul > li.current-menu-item a, #footermenu ul > li.current-menu-ancestor a {text-decoration: underline;} /* Header Widgets */ #header .widget { max-width:100%; float: right; clear: right; margin: 0; text-align: right; border: none; } #header .widget .widgettitle { display :none; } /* Theme Search Widget */ #searchform { display: block; margin: 0; overflow: hidden; padding-bottom: 10px; position: relative; width: 100%; float: left; } #s { display: inline-block; margin: 0; width: 100%; padding: 0.7em 45px 0.7em 0.7em; background: #fff; border: 1px solid #ddd; font-size: 1.0em; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #searchsubmit{ display:none; } /* Widget Styling -------------------------------------------------------------- */ .widgettitle { color: #fff; background: #333333; text-align:center; margin-bottom: 10px; margin-top: 3px; padding: 4px 0; position: relative; float:left; width:100%; font-size:1.5em; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:700; text-transform: uppercase; text-shadow: 1px 1px 0 #4374ab; } .widgettitle .first{ color: #E84747; } .widgettitle:before { background: #333333; content: ""; height: 2px; left: 0; position: absolute; top: -3px; width: 100%; } .widget .textwidget { line-height: 1.5em; max-width: 100%; float: left; } .widget .textwidget p { margin-bottom: 1em; } .widget ul { line-height: 1.5em; } .widget ul { list-style: none; color: #555; padding:0; margin:0; width: 100%; } .widget li{ border-bottom: 1px dotted #ddd; margin-left: 15px; padding: 3px 4px 4px 0; list-style-type:square; } .widget ul .children { padding: 0; margin: 0.5em 0 0.5em 1em; } .widget a:link, .widget a:visited { text-decoration: none; } .widget a:hover, .widget a:active { text-decoration: underline; } .widget img { max-width: 100%; height: auto; } .widget .recentcomments{ list-style:none; margin-left:0; } .widget .recentcomments:before { content: '\e80d'; font-family: tuxed !important; font-size: 8px; padding-right: 10px; } /* Content Widgets */ .content-sidebar-wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; margin: 0; text-align: center; border: none; } /* Custom Widgets -------------------------------------------------------------- */ /* Theme Calendar Widget */ #wp-calendar { float:left; margin: 0; width: 100%; color: #444; line-height: 1.6em; } #wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: left; } #wp-calendar caption { font-style: italic; margin-bottom: 0.1em; } #wp-calendar th { font-weight: bold; font-size: 0.85em; } #wp-calendar tfoot tr td { padding-top: 0.5em; } #wp-calendar #next { padding-right: 0.8em; text-align: right; } /* Widget Tabs */ ul.widget-tab-nav { float: left; width:100%; margin-bottom:5px; padding:0; list-style:none; border-bottom: 3px solid #333333; *zoom: 1; } .widget-tab-nav li { float: left; list-style: none outside none; margin: 0; padding: 0; text-align: center; width: 33%; border: none !important; } ul.widget-tab-nav li a { background: transparant; border: medium none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #333; display: block; font-size: 0.9em; line-height: 2em; text-transform: uppercase; } .widget-tab-nav li a:hover, .widget-tab-nav li a:focus { text-decoration: none; } .widget-tab-nav li.active a { color: #fff; } .widget-tab-nav li.active { background: #333333; } .widget-tab-content .tab-pane { display: none; } .widget-tab-content .active { display: block; } .widget-tab-content .tab-pane li { float: left; width:100%; min-height:75px; list-style:none; cursor: pointer; font-family: inherit; font-size: 100%; font-weight: 700; line-height: 140%; word-wrap: break-word; margin:0; padding:0; } .widget-entry-thumbnail { float: left; width: 80px; height: 60px; display: block; margin:5px; background:none repeat scroll 0 0 #FFFFFF; border:1px solid #999999; padding:2px; } .widget-entry-thumbnail .wp-post-image { width: 80px; height: 60px; } .widget-entry-summary { margin: 5px 0 0 100px; } .widget-entry-content span, .widget-entry-summary span { color: #a6a6a6; font-size: 0.6em; font-style:italic; } .widget-entry-content h4, .widget-entry-summary h4 { margin: 0; font-size: 0.9em; font-weight:700; line-height: 1.4; } .widget-entry-content h4 a, .widget-entry-summary h4 a { color:#444; } .widget-entry-content h4 a:hover, .widget-entry-summary h4 a:hover, #frontpage-posts-load-more-button a:hover { text-decoration: none; color: #E84747; } #widget-tab-tags { float:left; padding: 5px; font-size: .9em; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; line-height: 1.8; } #widget-tab-tags a { color: #a6a6a6; text-decoration: none; } #widget-tab-tags a:hover { color: #333; } /* widget preview thumbnail*/ .widget_adsoft_preview_post .adsoft_preview_post{ list-style:none; background : #333333; float: left; padding:0; margin-bottom: 10px; width:100%; } .adsoft_preview_post li{ border-bottom: 1px dashed #555555; list-style: none; padding: 0; margin: 10px; } .adsoft_preview_post .preview_post_first{ height:200px; position:relative; border-bottom: none!important; } .adsoft_preview_post .preview_post_first:before { content: none !important; } .adsoft_preview_post .preview_post_first img{ display: inline-block; float: left; height: 200px; width: 100%; } .adsoft_preview_post .preview_post_first .widget-preview-thumbnail-title { background-color: rgba(45, 44, 44, 0.5); background: rgba(45, 44, 44, 0.5); border: 1px solid #EEEEEE; color: #FFFFFF !important; font-size: 14px !important; line-height: 22px !important; left: 10px; padding: 5px 10px; position: absolute; text-transform: uppercase; bottom: 10%; width: 70%; } .adsoft_preview_post li:before { font-family: tuxed !important; content: '\e81e'; color: #FFFFFF; } .adsoft_preview_post li a { color: #FFFFFF !important; display: block; font-size: 13px !important; font-weight: normal; line-height: 22px !important; margin: -20px 0 0 15px; text-indent: 0; text-transform: uppercase; } /* Widget oEmbed */ .widget-oembed-content { margin: 0 auto 5px; } .widget-oembed-content embed, .widget-oembed-content iframe, .widget-oembed-content object, .widget-oembed-content video { max-width: 100%; min-height: 200px; max-height: 250px; } .widget-oembed-description { margin: 0 0 15px; } /* Widget Social Icons */ .widget-social-icons { float:left; } .widget-social-icons li { list-style:none; float: left; margin: 5px 10px 5px 0; padding: 0; text-align: center; } .widget-social-icons li a { display: block; } .widget-social-icons li a [class^="ico-"]:before { width: 33px; margin: 0; color: #fff; font-size: 25px; line-height: 33px; background: #333333; border-radius:3px; } .widget-social-icons .widget-si-rss:hover [class^="ico-"]:before {background-color:orange;} .widget-social-icons .widget-si-gplus:hover [class^="ico-"]:before{background-color:#dd4b39;} .widget-social-icons .widget-si-twitter:hover [class^="ico-"]:before {background-color:#00aced;} .widget-social-icons .widget-si-facebook:hover [class^="ico-"]:before {background-color:#3b5998;} .widget-social-icons .widget-si-youtube:hover [class^="ico-"]:before {background-color:#bb0000;} .widget-social-icons .widget-si-pinterest:hover [class^="ico-"]:before {background-color:#cb2027;} .widget-social-icons .widget-si-linkedin:hover [class^="ico-"]:before {background-color:#007bb6;} .widget-social-icons .widget-si-instagram:hover [class^="ico-"]:before {background-color:#517fa4;} .widget-social-icons .widget-si-vimeo:hover [class^="ico-"]:before {background-color: #aad450;} .widget-social-icons .widget-si-flickr:hover [class^="ico-"]:before {background-color:#ff0084;} .widget-social-icons .widget-si-tumblr:hover [class^="ico-"]:before {background-color:#365069;} .widget-social-icons .widget-si-lastfm:hover [class^="ico-"]:before {background-color:#d21309;} .widget-social-icons .widget-si-soundcloud:hover [class^="ico-"]:before {background-color:#ff7900;} /* Widget Subs */ .tux-subscribe { float:left; border: 1px solid #DDDDDD; border-radius: 2px; box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.7); margin: 0 0 20px; width:100%; } .tux-subscribe form { padding: 15px 15px 10px !important; } .tux-subscribe p { color: #333333; display: block; font-size: 1em !important; font-weight: bold; margin: 0 !important; text-align: center; padding: 20px 20px 0; } .tux-subscribe input[type="text"] { display: block; float: left; margin: 0 4% 10px 0; min-width: 130px; padding: 6px 0; text-indent: 5px; width: 60%; } .tux-subscribe input { border: 1px solid #314F79; } .tux-subscribe input[type="submit"] { background-color: #424242; border: 1px solid #000000; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-shadow: 1px 1px 0 #6E6E6E inset; -webkit-box-shadow: 1px 1px 0 #6E6E6E inset; -moz-box-shadow: 1px 1px 0 #6E6E6E inset; clear: both; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 0.9em; font-weight: bold; height: 28px; padding: 2px; text-align: center; text-decoration: none; } .tux-subscribe input[type="submit"]:hover { background-color: #373737; box-shadow: 1px 1px 0 #626262 inset; -webkit-box-shadow: 1px 1px 0 #626262 inset; -moz-box-shadow: 1px 1px 0 #626262 inset; } .tux-subscribe .clear { float: left; } /* SITE EXTRA ----------------------------------------------- */ .site-extra { padding: 10px; } .site-extra .widget a:link, .site-extra .widget a:visited { color: #DFDFDF; } .site-extra .widgettitle { color: #DFDFDF; border-bottom: 2px solid #E84747; text-align: left; text-transform: uppercase; width: 100%; } .site-extra .pad { margin: 0 -15px; } .site-extra .widget-area { float: left; width: 25%; } .extra-one .widget-area { width: 100%; } .extra-two .widget-area { width: 50%; } .extra-three .widget-area { width: 33.3%; } .site-extra .widget { margin: 0 15px 30px; padding: 0; border: none; } .site-extra .widget-social-icons li a [class^="ico-"]:before { width: 25px; line-height: 25px; background: none; } .site-extra .widget-social-icons li a:hover [class^="ico-"]:before { color: #1fa0ae; } /* Posts and Pages -------------------------------------------------------------- */ .page-title, .post-title { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #000; line-height: 1em; -ms-word-wrap: break-word; word-wrap: break-word; padding: 0.3em 0; } .page-title { font-size: 2.0em; } .post-title { font-size: 1.5em; } .post-title a:link, .post-title a:visited { color: #000; text-decoration: none; } .post-title a:hover, .post-title a:active{ color: #E84747; } /* Page Links | wp_link_pages() */ .page-links { margin: 0; word-spacing: 1em; } /* Postmeta */ .postmeta { background-color: #FFEDED; color: #333333; display: block; font-size: 0.8em; margin: 0; padding: 0.2em; } .postmeta span, .postmeta .post-edit-link { font-size: 0.9em; line-height: 1.5em; } .postmeta .post-edit-link:before{ content: '\e805'; } .postmeta a:hover, .postmeta a:active{ text-decoration: underline; } .postmeta .sep, .postmeta .post-edit-link { padding-left: 0.8em; margin-left: 0.7em; border-left: 1px solid #aaa; } .postinfo { clear: both; padding: 8px 0; border: solid #ddd; border-width: 1px 0 3px; color: #a6a6a6; font-size: .9em; font-weight: 300; text-transform: uppercase; } #content .postinfo a { text-decoration: none; } .postinfo a:hover { text-decoration: underline; } .postinfo .meta-category { margin: 0 20px 0 0; } .postinfo [class^="ico-"]:before { margin-right: 5px; color: #333; } /* breadcrumb -------------------------------------------------------------- */ #crumbs { width:100%; text-align: right; padding:10px 0; } /* Read more Link */ .read-more, .read-more:link, .read-more:visited { font-weight: bold; font-style: italic; font-size: 11px; float: right; color: #CC0000; text-transform: uppercase; } .more-link span:hover, .read-more:hover { text-decoration: none; } /* Archives and Search Heading */ .archive-title { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: bold; color: #333; padding: 1.5em; margin-bottom: 1.5em; box-shadow: 0 0 4px #ddd; -webkit-box-shadow: 0 0 4px #ddd; -moz-box-shadow: 0 0 4px #ddd; border: 1px solid #ddd; text-transform: uppercase; } .archive-title span{ color: #1E0FBE; } /* Navigation ----------------------------------------------- */ .primary [class*="navigation"], .fullwidth [class*="navigation"] { margin: 0 0 15px; overflow: hidden; } [class*="navigation"] .nav-previous { width: 50%; float: left; } [class*="navigation"] .nav-next { width: 50%; float: right; text-align: right; } .primary [class*="navigation"] a, .page-links a, .fullwidth [class*="navigation"] a,.primary [class*="navigation"] .current, .fullwidth [class*="navigation"] .current { display: inline-block; padding: 4px 15px; color: #fff; font-size: 1.2em; font-weight: 300; text-decoration: none; line-height: 26px; background: #333333; border: solid #666; border-width: 0 0 3px; } .primary [class*="navigation"] a:hover, .fullwidth [class*="navigation"] a:hover, .page-links a:hover{ background: #666; border-color: #333333; } .primary .post-navigation, .fullwidth .post-navigation{ margin-top: -25px; padding: 0 0 10px; border-bottom: 1px solid #DDDDDD; } .primary .post-navigation a, .fullwidth .post-navigation a { padding: 0; font-size: .9em; font-weight: 700; line-height: 20px; color:#555; background: none; padding-top:5px; border: none; } .primary .post-navigation a:hover, .fullwidth .post-navigation a:hover{ color: #1fa0ae; background: none; border: none; } .primary .post-navigation span, .fullwidth .post-navigation span{ display: block; color: #a6a6a6; font-size: 1.3em; font-weight:700; text-transform: uppercase; } .primary .post-navigation .meta-nav, .fullwidth .post-navigation .meta-nav{ display: none; } .primary .post-navigation .nav-next, .fullwidth .post-navigation .nav-next{ width: 35%; margin-left: 5%; padding-right: 10%; text-align: left; } .primary .post-navigation .nav-previous, .fullwidth .post-navigation .nav-previous { width: 35%; margin-right: 5%; padding-left: 10%; text-align: right; } #nav-below .nav-previous{float:left} #nav-below .nav-next{float:right} #content nav, .page_nav { padding:3px; margin:3px; text-align:center; } /* back to top -------------------------------------------------------------- */ .back-to-top { position: fixed; bottom: 2em;right: 0px; text-decoration: none; background-color: #ddd; font-size: 1.5em; padding: 0.5em; display: none; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; z-index: 2; } .back-to-top:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* Text Elements -------------------------------------------------------------- */ .entry { line-height: 1.6em; margin: 0.5em 0; -ms-word-wrap: break-word; word-wrap: break-word; } .entry p, .comment p { margin: 0.75em 0; } .entry h1, .comment h1, .entry h2, .comment h2, .entry h3, .comment h3, .entry h4, .comment h4, .entry h5, .comment h5, .entry h6, .comment h6 { color: #222; font-weight: bold; line-height: 1.0em; margin: 1.2em 0 0.3em; } .entry h1, .comment h1 { font-size: 3.0em; } .entry h2, .comment h2 { font-size: 2.25em; } .entry h3, .comment h3 { font-size: 1.5em; } .entry h4, .comment h4 { font-size: 1.25em; } .entry h5, .comment h5 { font-size: 1.125em; margin: 1.3em 0 0; } .entry h6, .comment h6 { font-size: 1.0em; margin: 1.3em 0 0; } .entry ul{ list-style: square inside; margin: 0 0 1.5em 2em; } .entry ol{ list-style: decimal inside; margin: 0 0 1.5em 2em; } .entry ol ol, .comment ol ol{ list-style: upper-alpha inside; } .entry ol ol ol, .comment ol ol ol{ list-style: lower-roman inside; } .entry ol ol ol ol, .comment ol ol ol ol{ list-style: lower-alpha inside; } .entry ul ul, .comment ul ul, .entry ol ol, .comment ol ol, .entry ul ol, .comment ul ol .entry ol ul, .comment ol ul { margin-bottom: 0.2em; } dl { margin: 1em 0; } dt { font-weight: bold; } dd { margin-bottom: 1.5em; } strong { font-weight: bold; } cite, em, i { font-style: italic; } big, .big_tag { font-size: 1.3em; } ins { padding: 1px 2px; background: #ffa; text-decoration: none; } code, pre { padding: 3px 8px; margin: 0 1px; background: #eeeeee; color: #222; font-size: 0.9em; font-family: Monospace, "Courier New", Courier; overflow: auto; line-height: 1.0em; } del, strike, s{ text-decoration: line-through; } pre { font-family: "Courier 10 Pitch", Courier, monospace; } small { font-size: 0.7em; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; font-size: 0.8em; } sup { bottom: 1ex; } sub { top: .5ex; } .entry var, .entry kbd, .entry tt, .entry .tt_tag { font-size: 1.1em; font-family: "Courier 10 Pitch", Courier, monospace; } blockquote { background:#f5f5f5; border-left: 10px solid #ccc; margin: 1.5em 0; padding: 0.8em 1.5em; } blockquote p { display:inline; } blockquote cite { display: block; margin: 0.5em 0 0 0.5em; color: #777; } .entry table { border-collapse: collapse; border-spacing: 0; border: 1px solid #ddd; margin: 1em 0; text-align: left; width: 100%; } .entry tr th, .entry thead th { background: #e5e5e5; font-weight: bold; padding: 0.2em 1em; } .entry tr td { border-top: 1px solid #ddd; padding: 0.2em 1em; } .entry tr.alternate td { background: #f5f5f5; } /* Images | Gallery | Videos -------------------------------------------------------------- */ article .wp-post-image { max-width: 100%; margin: 1em 0 0; height: auto; } .thumbfon .wp-post-image { float: left; padding: 10px; width:240px; height:190px; } .entry img { max-width: 100%; height: auto; } .wp-caption { max-width: 100%; height: auto; text-align: center; margin: 1em 0; } img.alignleft, .wp-caption.alignleft { margin: 12px 24px 12px 0; margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; } img.alignright, .wp-caption.alignright { margin: 12px 0 12px 24px; margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; } img.aligncenter, .wp-caption.aligncenter { clear: both; margin-top: 12px; margin-top: 0.857142857rem; margin-bottom: 12px; margin-bottom: 0.857142857rem; } .wp-caption-text { margin: 0 !important; padding: 0; font-size: 0.9em; text-align: center; } .alignleft { float: left; display: inline; margin: 1em 2em 1em 0; } .alignright { float: right; display: inline; margin: 1em 0 1em 2em; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } /* Gallery Styling */ .gallery { margin: 1em auto !important; } .gallery-item { float: left; margin: 0.7em 0 0 0 !important; padding-right: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery img { margin: 0 !important; padding: 2px !important; border: 1px solid #ddd !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery-caption { margin-left: 0.3em !important; } /* Make Vidoes responsive */ embed, iframe, object, video { max-width: 100%; } /* Image.php Navigation */ #image-nav { margin: 1.5em 0; padding: 0.6em 1em; font-weight: bold; color: #333; box-shadow: 0 0 4px #ddd; -webkit-box-shadow: 0 0 4px #ddd; -moz-box-shadow: 0 0 4px #ddd; border: 1px solid #ddd; text-transform: uppercase; } #image-nav .nav-previous { float: left; } #image-nav .nav-next { float: right; } #image-nav .nav-previous a, #image-nav .nav-next a { font-size: 0.9em; text-decoration: none; color: #1E0FBE; } #image-nav .nav-previous a:hover, #image-nav .nav-next a:hover { text-decoration: underline; } .comments-area { margin: 48px auto; max-width: 474px; padding: 0 10px; } #comments .comments-title, #respond #reply-title { font-weight: bold; color: #555; line-height: 1.4em; -ms-word-wrap: break-word; word-wrap: break-word; text-transform: uppercase; padding: 0.3em 0; border-bottom: 5px solid #555; font-size: 1.5em; } .commentlist { list-style: none; margin: 0 0 48px 0; } .comment-author { font-size: 14px; line-height: 1.7142857142; } .reply, .comment-metadata { font-size: 12px; line-height: 2; text-transform: uppercase; } .comment-metadata:before{ content: "\e81b"; } .commentlist .reply { margin-top: 24px; } .comment-author .fn { font-weight: 900; } .comment-meta .comment-author a { color: #2b2b2b; } .commentlist .trackback a, .commentlist .pingback a, .comment-metadata a { color: #767676; } .comment-author a:hover, .commentlist .pingback a:hover, .commentlist .trackback a:hover, .comment-metadata a:hover { color: #E84747; } .commentlist article, .commentlist .pingback, .commentlist .trackback { border-top: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 24px; padding-top: 24px; } .commentlist > li:first-child > article, .commentlist > .pingback:first-child, .commentlist > .trackback:first-child { border-top: 0; } .comment-author { position: relative; } .comment-author .avatar { border: 1px solid rgba(0, 0, 0, 0.1); height: 70px; padding: 2px; position: absolute; top: 0; left: 0; width: 70px; } .bypostauthor > article .fn:before { content: "\e809"; } .says { display: none; } .comment-author, .comment-awaiting-moderation, .comment-content, .comment-metadata { padding-left: 80px; } .comment-edit-link { margin-left: 10px; } .reply{ text-align:right; } .comment-edit-link:before { content: "\e805"; } .comment-reply-link:before, .comment-reply-login:before { content: "\e81e"; } .comment-content { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } .comment-content p{ line-height: 1.5em; } .comment-content ul, .comment-content ol { margin: 0 0 1.5em 2em; } .comment-content li > ul, .comment-content li > ol { margin-bottom: 0; } .comment-content > :last-child { margin-bottom: 0; } .commentlist .children { list-style: none; margin-left: 15px; } .comment-respond { margin-bottom: 24px; padding: 0; } .comment .comment-respond { margin-top: 24px; } .comment-respond h3 { margin-top: 0; margin-bottom: 24px; } .comment-notes, .comment-awaiting-moderation, .logged-in-as, .no-comments, .form-allowed-tags, .form-allowed-tags code { color: #767676; } .comment-notes, .comment-awaiting-moderation, .logged-in-as { font-size: 14px; line-height: 1.7142857142; } .nocomments { color: #444; padding: 1em; } .commentlist .pingback { display: block; margin: 0.6em 0 0; padding: 0.8em 0 0; border-top: 1px solid #ddd; list-style: none; line-height: 1.3em; } /* Comment Pagination */ .comment-pagination { font-size: 0.9em; padding: 0 1em; background: #eee; margin-bottom: 1.5em; } .comment-pagination .alignleft { float: left; } .comment-pagination .alignright { float: right; } /* Comment Form */ #respond { margin: 0; } #commentform { padding: 1em 0 0; } #commentform p { margin: 1em 0; } #commentform input[type="text"], #commentform textarea { display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #commentform label { display: block; margin: 0.6em 0 0.2em; } #commentform #submit { display: block; border: none; margin-top: 1em; padding: 1em 4em; text-decoration: none; color: #fff !important; background: #e84747; } #commentform #submit:hover { background-color: #303030; cursor: pointer; text-decoration: none; } /* Page Templates -------------------------------------------------------------- */ /* Fullwidth Template */ .fullwidth { float: none !important; width: 100% !important; padding: 0 !important; } /* Front Page Template -------------------------------------------------------------- */ /* Front Page Slideshow */ #frontpage-slider-wrap { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background : #333333; padding: 0; margin:0; } .owl-carousel .item .mask a.info, .owl-carousel .item .mask a.view { background: #E84747; -webkit-box-shadow: 0 0 1px #E84747; -moz-box-shadow: 0 0 1px #E84747; box-shadow: 0 0 1px #E84747; } .owl-theme .owl-controls .owl-buttons div{ background: #DDDDDD; } .owl-controls { background: #333333; } .owl-carousel .item .mask a.info:hover, .owl-carousel .item .mask a.view:hover { background: #fff; color: #E84747; /* All other Slideshow Styles in owl.carousel.css */ } /* Front Page News Ticker */ .tick-tick, .flex-direction-nav a{ background-color: #E84747; } #ticker-content a{ text-decoration:none; color: #E84747; } #ticker-swipe span { border-bottom:1px solid #E84747; } /* Front Page Category Posts Areas */ .frontpage-category-wrapper { margin: 0 0 0.8em 0; padding: 5px; background: #fff; border: 1px solid #DDDDDD; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8), inset 0 2px 2px rgba(255, 255, 255, 1), 0 5px 0 #E0D9D9; -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8), inset 0 2px 2px rgba(255, 255, 255, 1), 0 5px 0 #E0D9D9; box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8), inset 0 2px 2px rgba(255, 255, 255, 1), 0 5px 0 #E0D9D9; } .frontpage-category-title, .frontpage-box-title{ color: #A6A6A6; } .frontpage-box-title{ background: url(img/pattern-default.png); text-align:center; height: 20px; line-height: 20px; margin: 5px 0; } .frontpage-category-title{ height: 50px; line-height:22px; padding: 0 5px; } .frontpage-category-title span, .frontpage-box-title span { color: #333; font-family: Trebuchet MS,Arial,Helvetica,sans-serif; text-transform: uppercase; } .frontpage-box-title span { background: #FFF; padding: 0 15px; font-size: 2em; } .frontpage-category-title span { float: left; width: 100%; font-size: 1.5em; border-bottom: 4px solid #333333; } .frontpage-category-wrapper .type-post { margin: 0; padding: 0; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .frontpage-category-wrapper .first-post { position:relative; border-bottom: none!important; } .frontpage-category-wrapper .first-post .post-title a{ background-color: rgba(45, 44, 44, 0.5); background: rgba(45, 44, 44, 0.5); color: #FFFFFF !important; font-size: 0.8em !important; padding: 0 5px; max-width: 90%; position: absolute; text-transform: uppercase; top: 140px; } .frontpage-category-columns .more-post .post-title { font-size: 1.3em; padding:0; } .frontpage-category-wrapper .more-posts .type-post { float: left; display: block; width: 100%; margin: 0 0 1em 0; } .frontpage-category-columns .more-posts .post-title{ border: none; margin: 0.3em 0 0; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 1.3em; font-style: normal; } /* Front Page Category Area One (horizontal) */ .frontpage-category-horizontal .first-post{ float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .frontpage-category-horizontal .wp-post-image{ width: 100%; height: 185px; } .frontpage-category-horizontal .more-posts .type-post { float: left; width: 47%; padding-right: 1em; } .frontpage-category-horizontal .more-posts { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top : 1px solid #DEDFDE; } .frontpage-category-horizontal .more-posts .post-title{ font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 1.5em; } .frontpage-category-horizontal .first-post .postmeta { margin-top: 1.2em; } /* Front Page Category Area Two/Four (boxed) */ .frontpage-category-boxed .first-post { float: left; width: 50%; padding-right: 0.75em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .frontpage-category-boxed .type-post .wp-post-image, .frontpage-category-columns .type-post .wp-post-image{ width:100%; height: 185px; margin: 0 0 0.5em; } .frontpage-category-boxed .more-posts { padding: 0 1em; margin-left: 50%; } /* Front Page Category Area Thre (two columns) */ .frontpage-category-left { float: left; width: 50%; padding-right: 0.75em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .frontpage-category-right { margin-left: 50%; width: 50%; padding-left: 0.75em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Front Page Sticky Posts */ .entry .stickybtn{ background: #E84747; border: medium none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #FFFFFF; font-size: 1.3em; padding: 5px 10px; float: right; } .entry .stickybtn:hover { background-color: #333333; cursor: pointer; text-decoration: none; } /* Front Page Blog Posts */ #frontpage-posts { display: block; position: relative; border-top: 4px solid #333333; -moz-column-width: 25em; -ms-column-width: 25em; -webkit-column-width: 25em; column-width:25em; -moz-column-gap:2em; -ms-column-gap:2em; -webkit-column-gap:2em; column-gap:2em; padding-bottom: 40px; } #frontpage-posts .type-post { min-height: 200px; } #frontpage-posts .wp-post-image{ width: 200px; height: 150px; } #frontpage-posts .wp-post-image{ width: 200px; height: 150px; } #frontpage-posts-load-more-button{ padding: 0.5em 0; text-align: center; position: absolute; width: 100%; left: 0; bottom: 0; } #frontpage-posts-load-more-button a{ font-size: 1.5em; color: #333; font-style:italic; color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 5px 10px; font-size: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; background-color: #869791; } #frontpage-posts-load-more-button a:hover{ color: #E84747; text-decoration:none; } #frontpage-posts-load-more-button a.no-posts { color: #333; } #frontpage-posts-load-more-button a.no-posts:hover{ text-decoration: none; cursor: default; } /* Footer -------------------------------------------------------------- */ #footer-wrap { float:left; width:100%; background : #333333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #footer { color: #DDD; } #globalfooter { position:relative; padding:0 2em; background-color: #E84747; } #globalfooter .weig { padding: 0 } #globalfooter .weig a { color: #DDD; } #globalfooter .weig a:hover{ color: #fff; } #contentfooter{ width:100%; float:left; padding:10px 0; text-align:center; color: #fff; } #globalfooter #site-info { display: inline-block; font-size: 12px; padding: 5px 0 25px; text-align: center; width: 100%; } /*============================ MEDIA QUERIES ============================*/ /* Smaller screens | <1120px */ @media only screen and (max-width: 65em) { .widget, .type-post, .type-page, .type-attachment, #comments { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: none; padding: 0; } .widgettitle { margin: 0 0 1.5em 0; } } /* Tablets (landscape) | <960px */ @media only screen and (max-width: 60em) { #header { width:auto; } #content, #top-content-left { float: none; width: 100%; padding-right: 0; } #sidebar , #top-content-right{ clear: both; margin: 2em 0 0; width: 100%; } #logo, #header .widget { float: none; width: 100%; text-align:center; } #header .widget div { float:none; } .widget, .type-post, .type-page, .type-attachment, #comments, .frontpage-category-wrapper { box-shadow: 0 0 4px #ddd; -webkit-box-shadow: 0 0 4px #ddd; -moz-box-shadow: 0 0 4px #ddd; border: 1px solid #ddd; padding: 1.5em; } .widgettitle { margin: -0.5em -0.5em 1.5em -0.5em; } .site-extra .widget-area { width: 50%; } .type-post, .type-page, .type-attachment { padding: 0.8em 1.5em 1.5em; } #comments { padding: 1em 1.5em; } /* Mobile Navigation */ /* Reset */ #mainnav, #mainnav-menu, #mainnav-menu li, #mainnav-menu a, #mainnav-menu ul, #mainnav-menu ul a, #mainnav-menu ul ul, #mainnav-menu li ul ul { margin: 0; padding: 0; position: static; float: none; display: inline; font-size: 1.0em; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: none; top: 0; left: 0; } #mainnav-menu li:hover ul ul, #mainnav-menu li:hover ul ul ul, #mainnav-menu li:hover ul ul ul ul, #mainnav-menu li:hover ul, #mainnav-menu li li:hover ul, #mainnav-menu li li li:hover ul, #mainnav-menu li li li li:hover ul { display: inline; } #mainnav { margin: 1.5em 0; float: none; } #mainnav-icon { display: block; padding: 1em; text-transform: uppercase; text-decoration: none; font-size: 1em; font-weight: 700; color: #fff; background: #333; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } #mainnav-icon:hover { cursor: pointer; } #mainnav-icon:after { float: right; content: '\e808'; width: 32px; height: 30px; line-height: 30px; font-family:tuxed; font-size:2em; margin: -0.3em 0 0 0; } #mainnav-menu { background: #333333; width: 100%; display: none; border-top: 1px solid #fff; } #mainnav-menu a { display: block; padding: 1.5em; text-decoration: none; font-size: 1.0em; border-bottom: 1px solid #fff; clear: left; } #mainnav-menu a:link, #mainnav-menu a:visited{ color: #fff; } #mainnav-menu ul { float: left; padding: 1em; background: #333333; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #mainnav-menu ul a { display: block; width: 100%; padding: 1em; font-size: 0.9em; border-bottom: 1px solid #aaa; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #mainnav-menu ul li ul { float: left; padding: 0 0 0 1em; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #mainnav-menu li.current_page_item a, #mainnav-menu li.current-menu-item a { text-decoration: underline; } #mainnav-menu li.current_page_item ul li a, #mainnav-menu li.current-menu-item ul li a{ text-decoration: none; } #mainnav-menu ul li.current_page_item a, #mainnav-menu ul li.current-menu-item a { text-decoration: underline; } } /* Tablets (portrait) | <800px */ @media only screen and (max-width: 50em) { #logo .site-title { font-size: 2.3em; } .search-toggle { margin-right: 18px; } .search-box .search-field { width: 50%; } .widget, .type-post, .type-page, .type-attachment, #comments, .frontpage-category-wrapper { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: none; padding: 0; } .widgettitle { margin: 0 0 1.5em 0; } .site-extra { padding: 1.5em 1.5em 0; } .site-extra .widget-area { width: 50%; } .entry h1, .comment h1 { font-size: 2.2em; } .entry h2, .comment h2 { font-size: 1.8em; } .entry h3, .comment h3 { font-size: 1.4em; } .entry tr th, .entry thead th { padding: 0.2em 0.4em; } .entry tr td { padding: 0.2em 0.4em; } } /* Phablets (portrait) | <640px */ @media only screen and (max-width: 40em) { #header-wrap .textwidget, #contentsidebar .textwidget, #ticker-wrapper{ display: none; } .page-title { font-size: 2.0em; } .post-title { font-size: 1.4em; } .frontpage-category-wrapper .type-post .post-title { font-size: 1.0em; } .frontpage-category-wrapper .more-posts .post-title{ font-size: 0.9em; } /* Frontpage Categories */ .frontpage-category-wrapper .type-post { margin: 0 0 1.5em 0; } .frontpage-category-horizontal { margin-right: 0; } .frontpage-category-horizontal .type-post, .frontpage-category-boxed .first-post, .frontpage-category-left { float: none; width: 100%; padding-right: 0; } .frontpage-category-horizontal .wp-post-image { padding: 0; } .frontpage-category-boxed .more-posts,.frontpage-category-horizontal .more-posts .type-post ,.frontpage-category-right { width: 100%; margin-left: 0; padding-left: 0; } .frontpage-category-boxed .more-posts, .frontpage-category-columns .more-posts { padding-bottom: 0.5em; } .frontpage-category-columns .more-posts .type-post { margin: 0 0 1em; } .frontpage-category-right { margin-top: 1.5em; } } /* Smartphones | <480px */ @media only screen and (max-width: 30em) { .site-extra .widget-area { width: 100%; } #globalfooter { padding:0 } #logo .site-title { font-size: 2.0em; } .alignright, .alignleft { float: none; margin: 1em 0; } } /* Smartphones | <320px */ @media only screen and (max-width: 20em) { .postmeta span, .postinfo span { display: block; } .postmeta .sep, .postinfo .sep, .postmeta .post-edit-link { border: none; margin: 0; padding: 0; } } /* Big Screens Navi Fix | >720px */ @media only screen and (min-width: 60em) { /* ensure #nav is visible on desktop version */ #mainnav-menu { display: block !important; } }