/*! DO NOT EDIT THIS FILE! weaverx-style.min.css has been minimized using Minimus for Mac */ /* This style sheet provides the basic settings (colors, margins, fonts, etc.) used by the Weaver Xtreme Theme. Table of Contents ----------------- =Normalize =User Utility Classes =Basic Layout =Borders, Rounded Corners =HTML Elements =WP Core =Widgets and Widget Areas =Links =Fonts =Menus =Menus - size =Header =Comments =Footer =Theme Support =Area wrapper definitions =phones =small tablets =desktop and large (iPad) tablets =Padding / Margin definitions =Font Size Group definitions =Print =IE -------------------------------------------------------------------------------------------------------------- *** WARNING *** *** WARNING *** *** WARNING *** *** WARNING *** *** WARNING *** *** WARNING *** >>>> DO NOT EDIT THIS FILE! <<<< The Weaver Xtreme Theme has been designed so that editing style.css is no longer required! If you need to make changes to the styles rules, add Custom CSS rules from the Advanced Options : Section : Custom CSS Rules box tab of the Weaver Xtreme admin panel. Weaver Xtreme also is designed to use child themes for even more customization. #### IMPORTANT! ##### This file is NOT USED directly by the theme. The equivalent, minimized version, style.min.css, will be used. (CSS minimization by YUI Compressor.) Do not edit that file either! DO NOT EDIT THIS FILE! *** WARNING *** *** WARNING *** *** WARNING *** *** WARNING *** *** WARNING *** *** WARNING *** -------------------------------------------------------------------------------------------------------------- */ /* ************ REPEAT: DO NOT EDIT THIS FILE! It will be overwritten when the theme is updated! ************ */ /* =Normalize ================================================================================ */ /* ----------------------------------------------------------------------------------------------------------- * * Normalize Styles - we will start with normalize.css which is nicer than CSS reset * * ----------------------------------------------------------------------------------------------------------- */ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html{font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;} body{margin:0;padding:0; background:white;color:black;} article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block} audio,canvas,progress,video{display:inline-block;vertical-align:baseline} audio:not([controls]){display:none;height:0} [hidden],template{display:none} a{background:transparent} a:active,a:hover{outline:0} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:bold} dfn{font-style:italic} mark{background:#ff0;color:#000} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-0.5em} sub{bottom:-0.25em} img{border:0} svg:not(:root){overflow:hidden} figure{margin:1em 40px} hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0} pre{overflow:auto} code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em} /* button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0} */ button,input,optgroup,select,textarea{margin:0} button{overflow:visible} button,select{text-transform:none} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer} button[disabled],html input[disabled]{cursor:default} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} input{line-height:normal} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em} legend{border:0;padding:0} textarea{overflow:auto} optgroup{font-weight:bold} table{border-collapse:collapse;border-spacing:0} td,th{padding:0} time{text-decoration: inherit;} 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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { word-wrap:break-word; } /* -- /Normalize */ /* =User Utility Classes =============================================================================== */ /* Alignment */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignnone { } .overflow-visible { overflow: visible !important; } .overflow-hidden { overflow: hidden; } /* multiple columns */ .content-2-col, .content-3-col, .content-2-col-left, .content-2-col-right, .sidebar-header, .sidebar-header .header-widget { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; max-width: 100%; /* Adhere to container width. */ } .content-2-col-left { float: left; width: 50%; overflow: hidden; padding-right: 3%; } .content-2-col-right { float: left; overflow: hidden; width: 49%; } .content-2-col, .is-mobile .content-3-col { float: left; width: 49.8%; overflow: hidden; padding-right: 2%; padding-left: 2%; } .content-3-col { float: left; width: 33.3%; overflow: hidden; padding-right: 1%; padding-left: 1%; } .is-phone .content-2-col { width: 100%; padding-right: 0; padding-left: 0; } .atw-2-col-divider { margin-left: 10%; margin-right: 10%; clear: both; } .clear-cols { clear: both; } .smooth-transition { transition: all .33s ease; } /* show/hide by device */ .show-desktop, /* user to show/hide on areas */ .show-mobile, .show-smalltablet, .show-phone { display: none; /* implementation requires "opposite" of desired show/hide here */ } .hide-desktop, .hide-mobile, .hide-smalltablet, .hide-phone { display: block; } .is-desktop .show-desktop, /* actual implementation of the show/hide classes */ .is-mobile .show-mobile, .is-smalltablet .show-smalltablet, .is-phone .show-phone { display: block; } .is-desktop .hide-desktop, .is-mobile .hide-mobile, .is-smalltablet .hide-smalltablet, .is-phone .hide-phone { display: none; } /* -- /User Utility */ /* =Basic Layout ======================================================================================= */ html { font-size: 100%; } body { /* body has global settings for others to inherit */ -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 1.0em; /* this leads to 16px default font size */ font-smoothing: antialiased; line-height: 1.5; margin: 0; /* text-rendering: optimizeLegibility; DO NOT USE THIS! Breaks icon-fonts on Android 4.2+ */ } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .clear-both { clear: both; } /* clear blocks */ #wrapper, #header, #infobar, #container, #colophon, .entry-content, .entry-summary { clear: both; } #wrapper { max-width: 940px; /* default width */ margin-left: auto; margin-right: auto; /* this makes the site centered in the browser */ } #container, #content, .post-area { overflow: hidden; } /* Assistive text */ .assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /* -- /Basic Layout */ /* =Structured Data - Google structured data ======================================================================== */ .hentry {} .entry-title {} .entry-content {} .published {} .author {} .updated {display:none;} /* =Borders, Rounded Corners ======================================================================================= */ #header { /* helps most of the time if the #wrapper set to rounded corners */ border-top-left-radius: inherit; border-top-right-radius: inherit; } .border { border: 1px solid #222; } .border-bottom { border-bottom: 1px solid #222; } .rounded, .rounded-all, .rounded-custom { -moz-border-radius: 8px !important; -webkit-border-radius: 8px !important; border-radius: 8px !important; } .rounded-top { -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; } .rounded-bottom { -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .rounded-left { -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .rounded-right { -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } /* -- /Borders, Rounded Corners */ /* =HTML Elements ======================================================================================= */ :focus { /* focus styles! */ outline: 0; } /* heading levels */ h1, h2, h3, h4, h5, h6 { line-height:1.2; vertical-align: baseline; } /* margins equivalent to 10px bottom, 20px top for base font 16px */ h1 { font-size: 2.250em; /* = 36px */ margin-bottom: 0.278em; margin-top: 0.556em; } h2 { font-size: 1.875em; /* = 30px */ margin-bottom: 0.333em; margin-top: 0.667em; } h3 { font-size: 1.500em; /* = 24px */ margin-bottom: 0.417em; margin-top: 0.833em; } h4 { font-size: 1.125em; /* = 18px */ margin-bottom: 0.556em; margin-top: 1.111em; } h5 { font-size: 1.000em; /* = 16px */ margin-bottom: 0.625em; margin-top: 1.250em; } h6 { font-size: 0.875em; /* = 14px */ margin-bottom: 0.714em; margin-top: 1.429em; } #content { word-wrap: break-word; } .entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child, .entry-summary h1:first-child, .entry-summary h2:first-child, .entry-summary h3:first-child, .entry-summary h4:first-child, .entry-summary h5:first-child, .entry-summary h6:first-child { margin-top: 0; } /* lists */ dl, dt, dd, ol, ul, li { margin: 0; padding: 0; word-wrap: break-word; } .atwk-slide .post ol, .atwk-slide .post ul, .atw-post ol, .atw-post ul, ol, ul { list-style-position: outside; margin-left: 1.5em; } .widget ol, .widget ul { list-style-position: outside; margin-left: 1.0em; } ol { list-style-type: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } dl { margin: 0 1.5em; } dt { font-weight: bold; } dd { margin-left: 1.5em; margin-bottom: 1.5em; } ul { list-style: disc outside none; } caption, th, td { font-weight: normal; text-align: left; } article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; } abbr, acronym, dfn { border-bottom: 1px dotted #666; } address { font-style: italic; display: block; margin: 0 0 1.625em; } big { font-size: 1.30em; } /* =Blockquote -------------------------------------------------------------- */ blockquote { background: rgba(128, 128, 128, 0.1); border-width: 0; border-left: 4px solid rgba(128, 128, 128, 0.4); margin: 1.5em; overflow: auto; padding: 0 1.5em 1em 1.2em; } blockquote cite { font-style: normal; font-weight: bold; } blockquote p { font-style: italic; font-size: 1em; } cite, em, i { font-style: italic; } cite { /* cite is supposed to be used only in a quote or blockquote */ border-width: 0; display: block; margin-left: 3em; margin-top: .5em; } code, kbd, tt, var { font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; } del { } /* Make sure embeds and iframes fit their containers */ embed, iframe, object, video { margin-bottom: 1.5em; max-width: 100%; } p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; } p { margin: 0 0 1em 0; } pre { -moz-box-sizing: border-box; -moz-border-radius: 2px; -moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-border-radius: 2px; -webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-sizing: border-box; box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2); box-sizing: border-box; background: rgba(128, 128, 128, 0.1); border: 1px solid #aaaaaa; border-bottom-color: #cccccc; border-radius: 2px; font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; font-size: .8em; height: auto; margin: 0; outline: none; overflow: auto; padding: 6px 10px; vertical-align: middle; width: 100%; word-wrap: break-word; white-space: pre-wrap; } sup, sub { font-size: .85em; } var { font-style: italic; } /* tables */ table { border-collapse: collapse; border-spacing: 0; } th { text-align: left; padding: 4px 4px; } td { margin: 0; padding: 4px 4px; } /* -- /HTML Elements*/ /* =WP Core ======================================================================================= */ /* =WordPress Core * These style required to be covered by WP Theme guidelines * Customized for Weaver X -------------------------------------------------------------- */ /* Make sure embeds and iframes fit their containers */ embed, iframe, object, video { margin-bottom: 10px; max-width: 100%; } p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; } /* =Images, captions - ALL img styling here, including header, footer, widgets, etc. ----------------------------------------------------------------------------------- */ img { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; /* Make sure images are scaled correctly. */ margin: 0; max-width: 100%; /* Adhere to container width. */ padding: 0; } /* Responsive images. Fluid images for posts, comments, and widgets */ .comment-content img, .entry-content img, .entry-summary img, .widget img, .wp-caption { max-width: 100%; } /** * Make sure images with WordPress-added height and width attributes are * scaled correctly. */ .comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } img[class*="align"], img[class*="wp-image-"] { height: auto; max-width: 100%; } img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { height: auto; max-width: 100%; } blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft { margin: 1em 2.4em 1em 0; } .wp-caption.alignleft { margin: .7em 1em 1em 0; } blockquote.alignright, figure.wp-caption.alignright, img.alignright { margin: 1em 0 1em 2.5em; } .wp-caption.alignright { margin: 1em 0 1em 1.5em; } blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter { margin-top: 1em; margin-bottom: 1em; } .entry-content img.wp-smiley { margin-bottom: 0; margin-top: 0; padding: 0; } p img, .wp-caption { margin-top: 0.4em; } .wp-caption { margin-bottom: 1em; max-width: 100%; } .wp-caption img { display: block; margin: 0 auto; max-width: 100%; } #content img.alignleft { display: inline; float: left; margin-right: 1.25em; margin-top: 4px; } #content img.alignright { display: inline; float: right; margin-left: 1.25em; margin-top: 4px; } #content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } #content img.alignleft, #content img.alignright, #content img.aligncenter { margin-bottom: 0.75em; } .entry-attachment img, #content .gallery img, #content .gallery-thumb img, #content img[class*="wp-image-"] { border-width: 0; margin-bottom: 0.75em; text-align: center; } #content .wp-smiley { margin: 0; } /* gallery shortcode auto generates: .gallery-item, img, .gallery-caption */ #content .gallery-item img { float: none; margin-right: auto; margin-left: auto; } /* need override, however */ #content .gallery .gallery-caption { color: #333; font-style: italic; font-size: .85em; margin: -1em 0 0 0 !important; } .is-smalltablet #content .gallery-columns-4 .gallery-item, /* for galleries > 3 columns, make 3 colums on small tablet */ .is-smalltablet #content .gallery-columns-5 .gallery-item, .is-smalltablet #content .gallery-columns-6 .gallery-item, .is-smalltablet #content .gallery-columns-7 .gallery-item, .is-smalltablet #content .gallery-columns-8 .gallery-item, .is-smalltablet #content .gallery-columns-9 .gallery-item { width:33%; } .is-phone #content .gallery-columns-3 .gallery-item, /* for galleries > 2 columns, make 2 columns on phone */ .is-phone #content .gallery-columns-4 .gallery-item, .is-phone #content .gallery-columns-5 .gallery-item, .is-phone #content .gallery-columns-6 .gallery-item, .is-phone #content .gallery-columns-7 .gallery-item, .is-phone #content .gallery-columns-8 .gallery-item, .is-phone #content .gallery-columns-9 .gallery-item { width:50%; } #content .gallery dl { margin: 0; } #content .gallery dd {clear: both;} /* captions on the bottom! */ #content .attachment .entry-content img { /* single attachment images should be centered */ display: block; margin: 0 auto; } #content .attachment-thumbnail { float: left; margin-right: 12px; margin-bottom: 12px; padding: 0; } #content .attachment-thumbnail-single { float: left; margin-right: 25px; margin-bottom: 12px; padding: 0; } /* =Featured Images */ .atwk-slide .post img.fi-alignleft, /* needs this for compatibility with show sliders. */ .atwk-slide .post img.fi-alignleft-pb, img.fi-alignleft, img.fi-alignleft-pb { float: left; margin: 0.33em 2.5% 2% 0; padding: 0; } .atwk-slide img.fi-alignright, .atwk-slide img.fi-alignright-pb, img.fi-alignright, img.fi-alignright-pb { clear:none; float: right; margin: 0.33em 0em 2% 2.5%; padding: 0; } .atwk-slide img.fi-aligncenter, .atwk-slide img.fi-aligncenter-pb, img.fi-aligncenter, img.fi-aligncenter-pb { clear: both; display: block; margin: 0.33em auto 1.5% auto; padding: 0; } /* =#comments image =================================================================== */ #comments img.avatar { background: #f0f0f0; } /* =#atachments image =================================================================== */ .entry-attachment img { display: block; height: auto; max-width: 100%; padding-bottom: 1.5em; } /* =Branding Images =================================================================== */ .header img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0; border-width: 0; clear: both; padding: 0; height: auto; max-width: 100%; } #branding #header-image img.fi-page-header-image, #branding #header-image img.fi-post-header-image { margin: 0; } #branding #header-image img { width: 100%; } #header-image img { display: block; height: auto; max-width: 100%; } #branding #header-html { display: inline-block; } #branding #header-html img, /* make images horizontal */ #branding #header-html a img { display: inline; } /* =Widget Image =================================================================== */ .widget img { height: auto; max-width: 100%; } /* =attachments =================================================================== */ .entry-attachment .entry-caption, .wp-caption .wp-caption-text, .gallery-caption { font-size: 0.9em; margin: -.5em 0 0 0; padding: 0 1em 1em 1em; position: relative; text-align: center; font-style: italic; } .entry-attachment .entry-caption { font-size: 1.1em; margin-top: 0.25em; } .entry-description { margin: 0 4em 1.5em 4em; } /* -- WP Core */ /* =Widgets and Widget Areas ======================================================================================= */ .widget-area { line-height: 1.275; } .widget-area, .widget { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; max-width: 100%; } .weaverxp_extra_menu { overflow: visible; } .widget-title { line-height: 1.275; margin: 0 0 .1em 0; padding: 0 0 0 0; } .widget a { text-decoration: none; } .widget-horiz { float: left; } #per-page-widget { overflow: hidden; } .widget-area select { /* border-box workaround for archive/categories widgets */ margin-left: 1px; } /* -- Widgets and Widget Areas */ /* =Links ======================================================================================= */ a { /* establish default colors, but kill visited as a separate color */ color: #0000EE; } a:visited { color: #0000EE; } a:hover { color: #EE0000; } a:active { color: #EE0000; } a { text-decoration: none; } /* -- /Links */ /* =Menus ======================================================================================= */ @media screen and (min-width: 768px) { /* desktop */ .menu-alignright { float: right; padding-right: 1.25em; } ul.sm.wvrx-center-menu, .wvrx-center-menu { display: inline-block; } } .menu-horizontal { clear: both; background: transparent; margin: 0; padding: 0; display: inline; } .hm-center { text-align: center; } .hm-alignright { text-align: right; padding-right: 1em; } .menu-horizontal ul { margin: 0; padding: 2px 2px 2px 20px; list-style-type: none !important; } .menu-horizontal li { display: inline-block; list-style-image: none !important; padding-right: 12px; vertical-align: text-top; } .menu-primary li a, /* these override the underline for "standard" links */ .menu-secondary li a, .menu-extra li a, .header .menu-horizontal li a, .colophon .menu-horizontal li a { text-decoration: none; font-style: normal; font-weight: normal; } .menu-vertical { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .wvrx-menu, .wvrx-menu * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; padding: 0; transition: all .33s ease; } .wvrx-menu * { /* can't be on plain .wvrx-menu - breaks rounded */ margin: 0; } .wvrx-menu > li > a { display: block; } .wvrx-menu li { position: relative; white-space: nowrap; } .menu-type-accordion .wvrx-menu li { white-space: normal; } ul.wvrx-menu, ul.sm-wvrx { margin-left: 1.0em; } .wvrx-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 999; text-align: left; } .wvrx-menu.menu-hover li:hover > ul { display: block; } .wvrx-menu a { text-decoration: none; position: relative; padding: 0.6em .75em; /* The 0.6em interacts with 0.35em on arrow rules */ } .wvrx-menu ul li { display: block; } .wvrx-menu ul a { display: block; } .wvrx-menu ul ul { top: 0; left: 100%; margin-top: 0em; } .wvrx-menu-html { color: inherit; display: inline; margin-top: .625em; } .wvrx-menu-left { float: left; margin-left: 1em; margin-right: .5em; } .wvrx-menu-right { float: right; margin-right: 1em; margin-left: .5em; } /* Centered Menu - pretty messy, but it works... */ @media screen and (min-width: 768px) { /* desktop */ .wvrx-menu-html, .m-font-size .wvrx-menu-html { line-height: 1; } .xxs-font-size .wvrx-menu-html, .xs-font-size .wvrx-menu-html, .l-font-size .wvrx-menu-html, .xl-font-size .wvrx-menu-html, .xxl-font-size .wvrx-menu-html, .customA-font-size .wvrx-menu-html, .customB-font-size .wvrx-menu-html { line-height: 1.5; } .s-font-size .wvrx-menu-html { line-height: 1.4; } } /* ------------------------------------------------------------------------------------------------- * Toggled Mobile Styles * ------------------------------------------------------------------------------------------------- */ .menu-toggle-button { width: 1.5em; color: white; cursor: pointer; font-size: 120% !important; padding: .5em .25em 0em .25em; float: left; } .wvrx-menu-button .genericon, .menu-toggle-button.genericon { vertical-align: bottom; } .is-mobile-menu.menu-arrows { text-align: left; } .is-mobile-menu.menu-arrows > li > a { display: block; margin: 0; } .is-mobile-menu.menu-arrows ul { position: relative; top: auto; padding: 0.5em; /* paddng around nested mobile submenus */ } .is-mobile-menu.menu-arrows ul ul { /* sub-sub-menu */ position: relative; left: 0px; } .is-mobile-menu.is-hidden { display: none; } /* =Arrow Styles -------------------------------------------------------------- */ .menu-arrows .has-submenu > a { padding-right: 0.5em; } .menu-arrows .toggle-submenu { /* width of the arrows on the mobile menu - clickable part */ width: 3em; display: inline-block; height: 3em; position: absolute; top: 0; bottom: 0; right: 0; margin-top: 0px; } /* Standard arrow styles */ .menu-arrows .toggle-submenu:after { /* down arrow on top level menu (both bar and mobile) */ content: '\f502'; font-family: "Genericons"; font-size: 80%; position: relative; top: 1.2em; /* 1.2 default interacts with .wvrx-menu a rule */ padding-left: 1.1em; margin-right: 0.1em; border: none; } .menu-arrows ul .toggle-submenu:after { /* right arrow on right side of submenus */ content: "\f501"; font-family: "Genericons"; font-size: 80%; position: relative; top: 0.85em; /* interacts with .wvrx-menu a rule */ padding-left: 1.45em; margin-right: 0.1em; border: none; } .menu-type-accordion .menu-arrows .toggle-submenu:after { /* needed for accordion menus so Hide Arrows doesn't hide in this case */ content: "\f502" !important; display: inline-block !important; } /* CSS hover menu arrow styles */ .menu-arrows.menu-hover .has-submenu > a { /* spacing after menu item for down arrow */ padding-right: 1.5em; } .menu-arrows.menu-hover .toggle-submenu { width: 1.5em; } .menu-arrows.menu-hover .toggle-submenu:after { right: .9em; } /* Javascript menu arrow styles */ .menu-arrows .is-open-submenu > ul { display: block; } .menu-arrows.is-mobile-menu.menu-arrows ul a .toggle-submenu:after { /* down arrow - mobile submeu */ content: "\f502"; font-family: "Genericons"; font-size: 80%; position: relative; top: 1.1em; /* interacts with .wvrx-menu a rule */ padding-left: 1.4em; } .menu-type-accordion .menu-arrows ul { padding: 0 0 0 0.5em; margin-left: 0; } @media screen and (min-width: 768px) { /* desktop */ .mega-noarrow .toggle-submenu:after { display:none; padding: 0; margin: 0; } } /* =Menu Colors -------------------------------------------------------------- */ .wvrx-menu-container { /* this wraps the menu, bg color for the mobile menu */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1; margin: 0; padding: 0; font-family: inherit; text-align: left; background-color: #111; /* bg color of menu_bar */ color: #eee; /* non-menu text color on the menu bar */ } .is-mobile .wvrx-menu-container { padding-bottom: .5em; } .wvrx-menu a, .sm-wvrx a { background-color: transparent; /* main menu link bg */ color: #bbb; /* link color */ } .menu-type-accordion .wvrx-menu, /* needs to be left */ .menu-type-accordion .sm-wvrx, .menu-type-accordion .wvrx-menu-container { text-align: left !important; } .wvrx-menu ul li a, .sm-wvrx ul li a { /* submenu bg */ background-color: #444; color: #bbb; /* submenu bg */ } .wvrx-menu li ul, .sm-wvrx li ul { line-height: 1; } .wvrx-menu a, .wvrx-menu ul, .sm-wvrx a, .sm-wvrx ul { line-height: 1; } .wvrx-menux ul, /* and the submenus */ .wvrx-menux ul a { } .wvrx-menu ul li a:hover, .wvrx-menu a:hover, /* the color of menu items when hover4ng */ .sm-wvrx ul li a:hover, .sm-wvrx a:hover { background-color: #666; /* generate CSS */ color:inherit; } .is-mobile-menu.menu-arrows a { /* top level menu border */ border-top: 1px solid rgba(255, 255, 255, 0.4); } .is-mobile-menu.menu-arrows .toggle-submenu { background-color: transparent; } .is-mobile-menu.menu-arrows .toggle-submenu:hover { /* Mobile menu: hover over arrow */ background: rgba(255, 255, 255, 0.4); /* unless add option for hover, use this default */ } .is-mobile-menu.menu-arrows .toggle-submenu { /* Mobile menu - bg of clickable arrows */ height: auto; background: rgba(255, 255, 255, 0.25); /* generate CSS - mobile menu clicklable arrow bg - this is okay default */ } .is-mobile .wvrx-menu-container ul li.menu-item:first-child, .is-mobile .wvrx-menu-container ul.weaverx-theme-menu li:first-child{ margin-top: 0.5em; } /* special per-device rules */ @media screen and (min-width: 768px) { /* desktop */ .wvrx-menu > li { display: block; float: left; } .menu-type-accordion .wvrx-menu > li { /* make [extra_menu] accordion work! */ float: none; } .wvrx-menu > li > a { margin: 0; max-width: 100%; word-wrap: break-word; } .wvrx-menu ul, .sm-wvrx ul { margin-top: 0; } } .menu-type-accordion .wvrx-menu, .menu-type-accordion .sm-wvrx { margin: 0; } /* -- /Menus */ .menu-type-accordion .wvrx-menu-html { /* need bottom margin for these html areas */ margin-bottom: .5em; } .menu-type-accordion .wvrx-menu-clear, .is-mobile .wvrx-menu-clear { /* make the mobile menu work right for left/right add-on HTML */ clear: both; } .is-mobile .wvrx-menu-html { margin-top: 0.7em; margin-bottom: 0; } /* =Menu Vertical -- default styling for Vertical Menu */ .menu-vertical { clear: both; background-color: transparent; margin: 0; width: 100%; overflow: hidden; border-bottom: 3px solid #C9C9C9; /* menu text */ border-top: 1px solid #C9C9C9; /* menu text */ } .menu-vertical ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; font-family: inherit; } .menu-vertical li a { color: #C9C9C9; /* menu text */ background-color: #121212; /* menu bg */ display: block !important; padding: 5px 10px; text-decoration: none; border-top: 2px solid #C9C9C9; /* menu text */ } .menu-vertical a:hover,.menu-vertical a:focus { color: #111111; /* Hover text */ background-color: #696969; /* Hover BG */ text-decoration: none; } .menu-vertical ul ul li { margin: 0; } .menu-vertical ul ul a { color: #C9C9C9; /* menu text */ background-color: #121212; /* hover text */ display: block; padding: 4px 5px 4px 25px; text-decoration: none; border: 0; border-top: 1px solid #C9C9C9; /* menu text */ } .menu-vertical ul ul a:hover { color: #111111; /* Hover Text */ background-color: #696969; /* Hover BG */ text-decoration: none; } .menu-vertical ul ul ul a { padding: 4px 5px 4px 35px; } .menu-vertical ul ul ul ul a { padding: 4px 5px 4px 45px; } .menu-vertical ul ul ul ul ul a { padding: 4px 5px 4px 55px; } /* -- */ /* SmartMenus Core CSS (it's not recommended editing this) * The SmartMenus CSS has to be after the above regular menu CSS ===============================================================*/ .sm,.sm ul,.sm li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;} ul.sm ul{position:absolute;top:-999999px;width:100px;} ul.sm li{position:relative;float:left;} ul.sm a,ul.sm{position:relative;display:block;white-space:nowrap;} ul.sm a.disabled{cursor:default;} .sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;} ul.sm-rtl li{float:right;} ul.sm ul li,ul.sm-vertical li{float:none;} ul.sm ul a,ul.sm-vertical a{white-space:normal;} ul.sm ul.sm-nowrap>li>a{white-space:nowrap;} ul.sm:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden;} ul.sm,ul.sm *,ul.sm *:before,ul.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} ul.sm{-webkit-tap-highlight-color:rgba(0,0,0,0);} /* ----------------------- SmartMenus ------------------------------- */ /* MEGA MENU Default Styling */ .wvrx-menu ul.mega-menu li { white-space: normal; width: auto; } .mega-normal ul.mega-menu li { width: 25em !important; padding: 1em; font-weight: normal; font-style: normal; font-size: medium; } @media screen and (max-width: 767px) { .mega-normal ul.mega-menu li { width: 100% !important; } } li.mega-normal ul.mega-menu li a { white-space: nowrap; display: inline; margin: 0; padding: 0; text-decoration: underline; } li.mega-normal ul.mega-menu li a:hover { background-color: transparent !important; } .menu-primary ul.sm, .menu-secondary ul.sm, .extra-menu-xplus ul.sm { position: relative; width: auto; } /* Standard arrow styles */ .wvrx-menu.sm a span.sub-arrow:after { content: "\f502"; font-family: "Genericons"; font-size: 80%; font-style: normal; position: absolute; top: 1.1em; /* interacts with .wvrx-menu a rule */ right: -0.5em; margin-right: 1.5em; border: none; } .menu-type-accordion .wvrx-menu.sm a span.sub-arrow:after{ /* needed for accordion menus so Hide Arrows doesn't hide in this case */ content: "\f502" !important; display: inline-block !important; } @media screen and (min-width: 768px) { /* desktop */ .mega-noarrow .wvrx-menu.sm ul a span.sub-arrow:after, .mega-noarrow .wvrx-menu.sm a span.sub-arrow:after { display:none !important; padding: 0; margin: 0; } .wvrx-menu.sm ul a span.sub-arrow:after { /* right arrow on right side of submenus */ content: "\f501"; font-family: "Genericons"; font-size: 85%; font-style: normal; position: absolute; top: 33%; /* interacts with .wvrx-menu a rule */ right: -1.0em; margin-right: 1.5em; border: none; } .wvrx-menu.sm .has-submenu { padding-right: 2.0em; } .mega-noarrow a span.sub-arrow:after{content:'';display:none;margin:0;padding:0;} } /* desktop */ /* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package ===================*/ .wvrx-menu.sm span.scroll-up, .wvrx-menu span.scroll-down { position: absolute; display: none; visibility: hidden; overflow: hidden; background: #ddd; border: 1px solid black; height: 20px; /* width and position will be automatically set by the script */ } .wvrx-menu.sm span.scroll-up:hover, .wvrx-menu span.scroll-down:hover { background: #eee; } .wvrx-menu.sm span.scroll-up-arrow, .wvrx-menu span.scroll-down-arrow { position: absolute; top: 0; left: 50%; margin-left: -6px; /* we will use one-side border to create a triangle */ width: 0; height: 0; overflow: hidden; border-width: 6px; /* tweak size of the arrow */ border-style: dashed dashed solid dashed; border-color: transparent transparent black transparent; } .wvrx-menu.sm span.scroll-up:hover span.scroll-up-arrow { border-color: transparent transparent black transparent; } .wvrx-menu.sm span.scroll-down-arrow { top: 8px; border-style: solid dashed dashed dashed; border-color: black transparent transparent transparent; } .wvrx-menu.sm span.scroll-down:hover span.scroll-down-arrow { border-color: black transparent transparent transparent; } .menu-type-accordion ul.wvrx-menu.sm-vertical ul { /* accordion SmartMenu */ display: none; position: static !important; top: auto !important; left: auto !important; margin-left: .3em !important; padding-right: 0.3em !important; margin-top: 0 !important; width: auto !important; min-width: 0 !important; max-width: none !important; } .menu-type-accordion ul.wvrx-menu ul.sm-nowrap > li > a { white-space: normal; } .menu-type-accordion .wvrx-menu.sm li { border-top: 1px solid rgba(255, 255, 255, 0.4); /* 1px solid rgba(0,0,0,.05); */ } .menu-type-accordion .wvrx-menu.sm > li:first-child { margin-top: .25em; } .wvrx-menu-button { /* hide mobile menu button by default */ display: none; margin-top: 0.55em; } @media screen and (max-width: 767px) { /* ---- SmartMenus is-mobile ------ */ /* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */ ul.wvrx-menu.sm{width:auto !important;} ul.wvrx-menu.sm ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;} ul.wvrx-menu.sm>li{float:none;} ul.wvrx-menu.sm>li>a,ul.wvrx-menu ul.sm-nowrap>li>a{white-space:normal;} ul.wvrx-menu.sm iframe{display:none;} /* Uncomment this rule to disable completely the sub menus for small screen devices */ /*.wvrx-menu ul, .wvrx-menu span.sub-arrow, .wvrx-menu iframe { display:none !important; }*/ /* Items separators ===================*/ .wvrx-menu.sm li { border-top: 1px solid rgba(255, 255, 255, 0.4); /* 1px solid rgba(0,0,0,.05); */ } .wvrx-menu.sm > li:first-child { margin-top: .75em; } .menu-type-accordion .wvrx-menu.sm > li:first-child { margin-top: .75em; } /* indent submenus */ .wvrx-menu.sm ul a { border-left: 1em solid transparent; } .wvrx-menu.sm ul ul a { border-left: 2em solid transparent; } .wvrx-menu.sm ul ul ul a { border-left: 3em solid transparent; } .wvrx-menu.sm ul ul ul ul a { border-left: 3.75em solid transparent; } .wvrx-menu.sm ul ul ul ul ul a { border-left: 4.5em solid transparent; } .wvrx-menu.sm ul ul ul ul ul ul a { border-left: 5.25em solid transparent; } /* ------------------------- The Mobile Menu Button ------------------------------- */ .wvrx-menu-button { cursor: pointer; float: left; /* change for RTL */ display: inline; margin-left: .75em; margin-right: .75em; } .wvrx-menu-button span { font-size: 120%; } .wvrx-menu-container ul.collapsed { /* tricky - start ALL menus collapsed, but uncollapse individually in script */ display: none; } } /* mobile */ /* add modified versions of these to customize the open/close mobile menu if needed */ /* .mobile-menu-open:after {content: ' close';font-size:120%} .mobile-menu-closed:after {content: ' open';font-size:120%;} */ /* =Header ======================================================================================= */ .header .meteor-slides {clear:both;} #header { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; width: 100%; /* need this for float right to work */ } /* =Header (img under =Image section) ----------------------------------------------- */ #site-title, .site-title { margin: 0.25% 0 .25em 7%; } #site-title a, .site-title a { text-decoration: none; font-style: inherit; font-weight: inherit; } #site-title a:hover, #site-title a:visited, .site-title a:hover, .site-title a:visited { color: inherit; } #nav-header-mini { float: right; margin: -1em 0 5px 0; } .is-mobile #nav-header-mini { margin-top: 0; } #site-tagline, .site-tagline { font-size: 1.2em; line-height: 1.625; margin: 0 0 0 10%; } #branding { position: relative; z-index: 2; } #title-over-image #title-tagline { position: absolute; top: 0; left: 0; width: 100%; z-index: 19; } /* /=Header */ /* =Comments ======================================================================================= */ #cancel-comment-reply-link { font-size: 0.8em; margin-left: 30px; } #comments .pingback p { font-size: 0.9em; } #comments .pingback .url { font-size: 1.1em; } .comment-meta { font-size: 0.9em; } #comments-title { /* wii_comment_headings_color */ color: #333; font-size: 1.20em; line-height: 1; /* needs own line-height */ padding: 0; } #comments-title h3 { /* wii_comment_headings_color */ background: transparent url(icons/comment-bubble.png) no-repeat; background-size: 28px 28px; padding-left: 42px; } .ie8 #comments-title h3 { /* wii_comment_headings_color */ background: transparent url(icons/comment-bubble-ie8.png) no-repeat !important; } #comments-title h4 { font-size: 0.80em; padding: 0 0 1.5em 42px; margin: 0; } /* #comments img.avatar under =Image section */ .commentlist { display: block; clear: both; } .commentlist { margin: 0; padding: 0px 0px 0px 0px; margin-left: 0px; list-style-type: none; } .comment-reply-title { margin: 0 0 .33em 0; } #comment { width: 97.5%; margin-left: 1%; } #comments .commentlist .children { list-style-type: none; margin-top: 5px; margin-left: 10px; margin-right: 5px; padding-right: 5px; } .commentlist .comment-author .comment { float: right; margin: 0; padding: 0; } ol.commentlist li.comment .comment-body * { padding-left: 5px; padding-right: 5px; } .commentlist .comment-body ol, .commentlist .comment-body ul, ol.trackbacklist { list-style-position: outside; } ol.trackbacklist { font-size: 0.9em; margin: 0; margin-left: 15px; padding-left: 15px; } /* Comments link */ .comments-bubble a { background: transparent url(icons/comment-bubble.png) no-repeat; background-size: 28px 28px; color: #666; font-weight: normal; line-height: 20px; font-size: 0.8em; overflow: hidden; padding: 0 0 0; text-align: center; text-decoration: none; height: 28px; width: 28px; float: right; } .ie8 .comments-bubble a { background: transparent url(icons/comment-bubble-ie8.png) no-repeat; } /* Comments and Comment Form -------------------------------------------- */ .commentlist li.comment, #respond { /*@ comment area background color */ /* border:1px solid #777; */ /*@ add to border settings */ } .commentlist li.comment { margin-bottom: 1em; /* override #content ul margin */ } #respond { padding: 10px; } .commentlist .comment-content { font-size: 0.90em; padding: 0 1em; } .commentlist .comment-content p { margin: 0; padding: 0; margin-bottom: 0.5em ; } .commentlist .comment.bypostauthor { /*@ when author posts */ border-width: 1px; border-style: dotted; } .comment-meta { display: block; margin: 0; padding: 0; height: auto; } .commentlist li.comment .comment-meta { background-color: transparent; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0c000000,endColorstr=#0c000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0c000000,endColorstr=#0c000000); zoom: 1 !important; } .commentlist li.comment .comment-meta { background-color: rgba(0,0,0,.05); margin: 0 0 16px 0; padding: 4px; font-style: normal; font-size: 0.80em; } .commentlist li.comment .comment-author img.avatar { border-radius: 3px; background: #f0f0f0; float: left; left: -10px; margin: 0; padding: 0; position: relative; top: -10px; } .comment .reply { font-size: .80em; padding: 0 0 4px 40px; } #commentform .comment-form-comment { margin-bottom: 10px; } #commentform .required { font-weight: bold; padding-right: 4px; } #commentform .logged-in-as { font-style: italic; font-size: 0.90em; margin: 0 0 4px 20px; } #commentform .form-allowed-tags { display: none; font-size: 0.70em; line-height: 1.1; padding: 0 20px; margin-top: -10px; } #commentform input:focus, #commentform textarea:focus { -moz-box-shadow: 4px 4px 4px #777; -webkit-box-shadow: 4px 4px 4px #777; box-shadow: 4px 4px 4px #777; } #respond .form-submit { text-align: right; margin: -8px 20px 6px; } #respond input#submit { -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); cursor: pointer; padding: 5px 42px 5px 22px; position: relative; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); } #respond input#submit:active { background: #888; } #respond form label { padding-right: 5px; } #respond label { font-size: 1em; } #respond .form-allowed-tags code { font-size: 0.8em; } #respond .comment-form-author .required, #respond .comment-form-email .required { font-size: 1.1em; } #respond .comment-notes { font-size: 1em; } #respond input#submit { font-size: 1.3em; } /* Comment CAPTCHA Plugin Style Specifications ------------------------------------------------------------------ */ #commentform .comment-form-captcha { float: left; clear: none; width: 500px; } /* comments */ /* -- */ /* =Footer ======================================================================================= */ #colophon { display: block; } #site-ig-wrap, #site-ig-wrap a { font-weight: normal; font-size: small; } #site-info { float: left; padding-left: 1em; } #site-generator { font-style: italic; float: right; padding-right: 1em; } /* -- /=Footer*/ /* =Theme Support ======================================================================================= */ #page-top, #page-bottom { display: none; } /* top/bottom page links */ #wvrx-page-width { /* stub for full-width class script alignment-adjust */ width: 100%; height: 100%; top: 0px; direction: ltr; display: block; position: absolute; z-index: -1; } .content-box { box-sizing: content-box !important; -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; } .shadow-0 { } .shadow-1 { -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 3px 1px rgba(0,0,0,0.25); box-shadow: 0 0 3px 1px rgba(0,0,0,0.25); } .shadow-2 { -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,0.25); box-shadow: 0 0 4px 2px rgba(0,0,0,0.25); } .shadow-3, .shadow-custom { -webkit-box-shadow: 0 0 4px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 4px 3px rgba(0,0,0,0.25); box-shadow: 0 0 3px 4px rgba(0,0,0,0.25); } .shadow-4 { -webkit-box-shadow: 0 0 6px 4px rgba(0,0,0,0.25) !important; -moz-box-shadow: 0 0 6px 4px rgba(0,0,0,0.25) !important; box-shadow: 0 0 6px 4px rgba(0,0,0,0.25) !important; } .shadow-rb { -webkit-box-shadow: 2px 2px 4px 3px rgba(0,0,0,0.25); -moz-box-shadow: 2px 2px 4px 3px rgba(0,0,0,0.25); box-shadow: 2px 2px 3px 4px rgba(0,0,0,0.25); } .shadow-lb { -webkit-box-shadow: -2px 2px 4px 3px rgba(0,0,0,0.25); -moz-box-shadow: -2px 2px 4px 3px rgba(0,0,0,0.25); box-shadow: -2px 2px 3px 4px rgba(0,0,0,0.25); } .shadow-tr { -webkit-box-shadow: 2px -2px 4px 3px rgba(0,0,0,0.25); -moz-box-shadow: 2px -2px 4px 3px rgba(0,0,0,0.25); box-shadow: 2px -2px 4px 3px rgba(0,0,0,0.25); } .shadow-tl { -webkit-box-shadow: -2px -2px 4px 3px rgba(0,0,0,0.25); -moz-box-shadow: -2px -2px 4px 3px rgba(0,0,0,0.25); box-shadow: -2px -2px 4px 3px rgba(0,0,0,0.25); } .wvrx-menu-container.shadow-1, .wvrx-menu-container.shadow-2, .wvrx-menu-container.shadow-3, .wvrx-menu-container.shadow-4, .wvrx-menu-container.shadow-rb, .wvrx-menu-container.shadow-lb, .wvrx-menu-container.shadow-tr, .wvrx-menu-container.shadow-tl { /* make shadows on top for menus */ position: relative; z-index: 10; } #nav-secondary .wvrx-menu-container.shadow-1, #nav-secondary .wvrx-menu-container.shadow-2, #nav-secondary .wvrx-menu-container.shadow-3, #nav-secondary .wvrx-menu-container.shadow-4, #nav-secondary .wvrx-menu-container.shadow-rb, #nav-secondary .wvrx-menu-container.shadow-lb, #nav-secondary .wvrx-menu-container.shadow-tr, #nav-secondary .wvrx-menu-container.shadow-tl { /* make shadows on top for menus */ z-index: 11; } /* Author Info */ #author-info { font-size: 0.9em; margin: 2em; padding: 1em 1em 1em 0; } #author-avatar { float: left; margin: 0; padding: 0 1em 0 0; } #author-avatar img { /* no setting available to change this... */ padding: 0; } #author-avatar img,img.avatar {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .ie8 img.avatar { width: auto; /* fix for max-width bug in IE8 */ } #author-description { margin-left: 1em; } .author-title { font-size: 1.20em; font-weight: bold; } .post-avatar img { border: none; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: auto; margin-bottom: -8px; max-width: 28px; } .post-avatar-start img { margin-right: 0.8em; } .post-avatar-end img { margin-left: 0.8em; } /* SiteMap */ #weaver-sitemap h3 { margin: 0 0 10px 0; font-size: 1.30em; font-weight: bold; } /* =Edit button */ #infinite-handle span { background-color: #ddd !important; border-radius: 1px; color: #444 !important; cursor: pointer; font-size: 1.2em !important; padding: 6px 16px; } .edit-link a { /* an edit link box that should show on all themes */ background-color: #eee !important; -moz-border-radius: 3px; border-radius: 3px; color: #555 !important; float: right; font-weight: 300; text-decoration: none; padding: 0 5px; margin-left: 8px; } .edit-link a:before { content: "\f411"; font-family: "Genericons"; vertical-align: top; } .entry-utility .edit-link a:hover, .entry-meta .edit-link a:hover, .commentlist .edit-link a:hover { background-color: #888; color: #fff; } .entry-content .edit-link { clear: both; display: block; } .wvrx-welcome-user { /* for Theme Support plugin */ padding-left: 15px; } /* =Search ----------------------------------------------- */ #header-search, .header-search, .menu-search { display: inline-block; float: right; } .search-field { background-color: #f0f0f0; background-image: url(icons/search-gray-bg.png); background-position: right 3px center; background-repeat: no-repeat; background-size: 22px 22px; height: 22px; margin-top: 4px; -webkit-transition: width 400ms ease, background 400ms ease; transition: width 400ms ease, background 400ms ease; } .ie8 .search-field { background-image: url(icons/search-gray-bg-ie8.png) !important; } #header-search .search-field, .header-search .search-field, .menu-search .search-field { background-color: transparent; background-position: 2px center; background-size: 24px 24px; border: none; cursor: pointer; height: 24px; margin: 3px 0px; padding: 0 0 0 32px; position: relative; width: 0; z-index: 21; } #header-search .search-form, .header-search .search-form, .menu-search .search-form{ position: absolute; right: 10px; top: 5px; } #header-search .search-field:focus, .header-search .search-field:focus, .menu-search .search-field:focus { background-color: #f0f0f0; border: 2px solid #c3c0ab; cursor: text; outline: 0; width: 230px; } /* Search Widget */ #infobar_search { margin-top: 1px; padding-right: 10px !important; display: inline-block; } .widget_search .search-field { max-width: 90%; width: 100%; margin-left: 1%; font-size: 0.90em; margin-bottom: 10px; } /* Search widget */ .search-form .search-submit { display: none; } .search-form .search-submit-plus { display: inline-block; } /* =InfoBar ------------------------------------------------------------- */ .infobar_right { float: right; } #infobar_login { padding-right: 0.75em; } #infobar_login, #infobar_search { vertical-align: top; } #infobar_search { margin-top:-5px; } #infobar_search .search-form { display: inline; vertical-align: -5px; } #infobar_search .search-field { vertical-align: top; } #infobar_paginate { padding-right: 15px; } #infobar_paginate .navigation { /* for wp_paginate */ display: inline-block; } #infobar_paginate .wp-pagenavi { /* for pagenavi */ display: inline-block; } #infobar_paginate .page-numbers, #nav-above .page-numbers, #nav-below .page-numbers { padding: 2px 4px 2px 4px; background: rgba(0,0,0,0.1); font-weight: normal; } #infobar_paginate .current, #nav-above .current, #nav-below .current { font-weight: bold; } #breadcrumbs { padding-left: 15px; } #breadcrumbs .bcur-page { font-style: italic; } /* =Weaver Shortcode support */ .weaver-left { float: left; margin-right: 5%; width: 47.5%; } .weaver-right { float: right; width: 47.5%; } .youtube-player { /* allow auto-embed YouTube to resize */ width: 100%; } /**** =Masonry ****/ .entry-summary.compact-post-format { margin: 0; } .blog-post { float: left; margin: 0; } .blog-post .format-video { margin-bottom: 40% !important; } .blog-post-cols-2 { width: 47%; margin: 6px 1.5% 0px 1.5%; } .is-phone .blog-post-cols-2, .blog-post-cols-2-span-2 { width: 96.9%; margin: 6px 1.5% 0px 1.5%; } .is-mobile .blog-post-cols-3, .is-mobile .blog-post-cols-4, .is-mobile .blog-post-cols-5 { width: 47%; margin: 6px 1.5% 0px 1.5%; } .is-mobile .blog-post-cols-3-span-2, .is-mobile .blog-post-cols-4-span-2, .is-mobile .blog-post-cols-5-span-2 { width: 98%; margin: 6px 1% 0px 1%; } .blog-post-cols-2 img, .blog-post-cols-2-span-2 img { max-width: 97% !important; } .blog-post-cols-3 { width: 31.3%; margin: 6px 1% 0px 1%; } .blog-post-cols-3-span-2 { width: 64.5%; margin: 6px 1% 0px 1%; } .blog-post-cols-3 .post-title a, .blog-post-cols-3-span-2 .post-title a { font-size: 0.85em; } .blog-post-cols-3 .post-title, .blog-post-cols-3-span-2 .post-title{ line-height: 1em; } .blog-post-cols-3 img, .blog-post-cols-3-span-2 img { max-width: 94% !important; } .blog-post-cols-4 { width: 23%; margin: 5px 1% 0px 1%; } .blog-post-cols-4-span-2 { width: 47.9%; margin: 5px 1% 0px 1%; } .blog-post-cols-4 .post-title a, .blog-post-cols-4-span-2 .post-title a, .blog-post-cols-5 .post-title a, .blog-post-cols-5-span-2 .post-title a { font-size: 0.75em; } .blog-post-cols-4 .post-title, .blog-post-cols-4-span-2 .post-title, .blog-post-cols-5 .post-title, .blog-post-cols-5-span-2 .post-title{ line-height: 1em; } .blog-post-cols-4 img, .blog-post-cols-4-span-2 img { max-width: 95% !important; } .blog-post-cols-5 { width: 18%; margin: 5px 1% 0px 1%; } .blog-post-cols-5-span-2 { width: 38%; margin: 5px 1% 0px 1%; } .blog-post-cols-5 img, .blog-post-cols-5-span-2 img { max-width: 91% !important; } .format-image-compact { margin: 0px !important; padding: 0px !important; } .format-image-compact .entry-content { margin: 0px !important; padding: 0px !important; } .format-image-compact .entry-content img { margin: 0px !important; padding: 0px !important; } .blog-post-cols-2 .format-image-compact img, .blog-post-cols-3 .format-image-compact img, .blog-post-cols-4 .format-image-compact img, .blog-post-cols-5 .format-image-compact img { max-width: 100% !important; } .wp-pagenavi { padding-top: 3px; padding-bottom: 8px; } /* =Layout ----------------------------------------------- */ /* #colophon style found in Footer section */ /* Sidebars and Content Wrappers */ /* one column iframe */ .container.page-iframe { width: 100%; } .container.page-iframe .content { margin: 0px; padding: 0px; width: 100%; } .container.page-iframe .content #comments { padding: 0px 20px 5px 20px; margin-top: -35px; } /* =Special Areas ----------------------------------------------- */ .blog .sticky, #container.page-with-posts .sticky, pre, ins { } #inject_fixedtop, /* JavaScript: used to dynamically set width */ #inject_fixedbottom { display: block; left: auto; max-width: 940px; position: fixed; width: 100%; z-index: 23; } .is-mobile #inject_fixedtop, /* make relative for mobile */ .is-mobile #inject_fixedbottom { position: relative; } #inject_fixedtop { top: 0; } #inject_fixedbottom { bottom: 0; } /* =Archives ----------------------------------------------- */ .title-archive .archive-info { font-size: 0.75em; } .category-archive-meta, .tag-archive-meta { font-style: italic; margin-top: 0em; margin-left: 2em; } /* Post entry-meta ------------------------------------------------- */ .entry-meta-icons, .entry-meta-gicons { text-decoration: none; } .entry-meta-icons .sep, .entry-meta-gicons .sep { display: none; } .entry-utility { clear: both; } .entry-meta-icons .entry-utility-prep, .entry-meta-gicons .entry-utility-prep { display: none; } .entry-meta-icons .entry-date, .entry-date-icon { background: url(icons/date-1.png) center left no-repeat; background-size: 22px; display: inline-block; padding-left: 26px; margin-left: 1.0em; } .entry-meta-icons .by-author, .by-author-icon { background: url(icons/author-1.png) center left no-repeat; background-size: 22px; display: inline-block; padding-left: 22px; margin-left: 1.0em; } .entry-meta-icons .cat-links, .cat-links-icon { background: url(icons/category-1.png) center left no-repeat; background-size: 22px; padding-left: 26px; margin-left: 1.0em; } .entry-meta-icons .tag-links, .tag-links-icon { background: url(icons/tag-1.png) center left no-repeat; background-size: 22px; display: inline-block; padding-left: 26px; margin-left: 1.0em; } .entry-meta-icons .comments-link, .comments-link-icon { background: url(icons/comment-1.png) center left no-repeat; background-size: 22px; display: inline-block; padding-left: 24px; margin-left: 1.0em; } .entry-meta-icons .permalink-icon, .permalink-icon { background: url(icons/permalink-1.png) center left no-repeat; background-size: 22px; display: inline-block; padding-left: 24px; margin-left: 1.0em; } .ie8 .entry-meta-icons .entry-date, .ie8 .entry-date-icon { background: url(icons/date-ie8.png) center left no-repeat !important; } .ie8 .entry-meta-icons .by-author, .ie8 .by-author-icon { background: url(icons/author-ie8.png) center left no-repeat !important; } .ie8 .entry-meta-icons .cat-links, .ie8 .cat-links-icon { background: url(icons/category-ie8.png) center left no-repeat !important; } .ie8 .entry-meta-icons .tag-links, .ie8 .tag-links-icon { background: url(icons/tag-ie8.png) center left no-repeat !important; } .ie8 .entry-meta-icons .comments-link, .ie8 .comments-link-icon { background: url(icons/comment-ie8.png) center left no-repeat !important; } .ie8 .entry-meta-icons .permalink-icon, .ie8 .permalink-icon { background: url(icons/permalink-ie8.png) center left no-repeat !important; } /* provide alternative icon set - gerericons ----------------------------------- */ .entry-meta-gicons { display: inline-block; } /* provide alternative icon set - gerericons ----------------------------------- */ .entry-meta-gicons { -moz-transition: color .1s ease-in 0; -webkit-transition: color .1s ease-in 0; font-family: inherit; font-size: inherit; line-height: inherit; text-decoration: inherit; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; speak: none; } .entry-meta-gicons .entry-date:before { /* no padding because 1st on line, no neg right margin needed */ content: "\f307"; font-family: "Genericons"; font-size: 110%; vertical-align: -0.225em; margin-right: .1em; } .entry-meta-gicons .by-author:before { content: "\f304"; font-family: "Genericons"; font-size: 110%; vertical-align: -0.225em; padding-left: 0.5em; margin-right: -0.2em; } .entry-meta-gicons .cat-links:before { /* no padding because 1st on line */ content: "\f301"; font-family: "Genericons"; font-size: 110%; vertical-align: -0.2em; margin-right: -0.1em; } .entry-meta-gicons .tag-links:before { content: "\f302"; font-family: "Genericons"; font-size: 110%; vertical-align: -0.215em; padding-left: 0.5em; margin-right: -0.2em; } .entry-meta-gicons .comments-link:before { content: "\f300"; font-family: "Genericons"; font-size: 110%; vertical-align: -0.25em; padding-left: 0.5em; margin-right: 0.05em; } .entry-meta-gicons .permalink-icon:before { content: "\f107"; font-family: "Genericons"; font-size: 110%; vertical-align: -0.25em; padding-left: 0.5em; } .genericon-wvrx-menu:before { content: "\f419"; font-family: "Genericons"; } .entry-meta-gicons .permalink-icon { /* hide bg image when using d-icons */ padding: 0; margin: 0; background: none !important; } .post-hide-date .entry-date, .post-hide-date .posted-on { display: none; } .post-hide-author .by-author { display: none; } .post-hide-categories .cat-links { display: none; } .post_hide-singleton-category { display: none; } .post-hide-tags .tag-links { display: none; } .post-hide-permalink .permalink-icon { display: none; } /* =Content ----------------------------------------------- */ .page-title, .post-title { font-size: 1.875em; font-weight: bold; padding-bottom: 0.1em; line-height: 1.1; margin-top: 0.25em; } .page-title, .post-title { margin-bottom: 0.15em; } .entry-meta { clear: both; } .wrapper .post-title a { /* need .wrapper so standard link properties won't apply */ color: black; text-decoration: none; font-weight: inherit; font-style: inherit; } .wrapper .post-title a:hover, .wrapper .post-title a:focus, .wrapper .post-title a:visited { text-decoration: none; color: inherit; /* have to inherit or get global default */ } .wrapper .post-title a:visited { color: black; } .wrapper .post-title a:hover { /* default only - get overridden as soon as a color set */ color: #EE0000; } #content .gallery-thumb { margin-bottom: 15px; } a.more-link { display: block; } .post { margin: 0 0 1.5em 0; } .blog .sticky { border-top: 2px dotted #444; border-bottom: 2px dotted #444; padding-left: 10px; padding-right: 10px; } .no-results { margin: 0 0 1.5em; padding: 0 0 1.5em; position: relative; } .entry-content, .entry-summary { padding: 1.0em 0 0 0; margin: 0; } .entry-content #s { width: 75%; } dl.gallery-item { margin: 0; } .page-link { clear: both; display: block; margin: 0 0 1.625em; } .page-link a { margin: 0; padding: 2px 3px; text-decoration: none; } .page-link span { margin-right: 6px; } /* =Navigation -------------------------------------------------------------- */ #content nav { clear: both; overflow: hidden; padding: 0 0 0.5em; } #content nav a { font-weight: bold; } #nav-above { padding: 0 0 0.5em; z-index: 1; } #nav-above { display: none; } #nav-below { margin: 0; padding: 0; z-index: 1; } #nav-above, #nav-below { font-size: 0.9em; } .nopassword, .nocomments { font-style: italic; } .nocomments { display: none; } .paged #nav-above { display: block; } .single #nav-above { display: block; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } .single .nav-previous, .single .nav-next { width: 50%; } #content nav .meta-nav { font-weight: normal; } /* Text meant only for screen readers */ .screen-reader-text { display: none; } /* Password Protected Posts */ .post-password-required input[type=password] { margin: 0.8125em 0; } .wrapper .post-format-icon { font-size: 0.8em; margin-top: 0.15em; } /* =Aside ----------------------------------------------- */ .one-column .format-aside .post-title { display: block; } /* =Link ----------------------------------------------- */ .one-column .format-link .post-title { display: block; } .one-column .format-link .entry-content { padding: 1.625em 0 0; } /* =Status ----------------------------------------------- */ .format-status .entry-content .post-avatar-status img { margin-right: 10px !important; } .single .format-status .post-title { display: block; } .format-status img.avatar { float: left; margin: 4px 10px 2px 0; padding: 0; } /* =Quote ----------------------------------------------- */ .format-quote blockquote { margin: 0; } /* =Attachments ----------------------------------------------- */ /* =Fonts ----------------------------------------------- */ #author-description h2 { font-size: 1.15em; } #content .gallery .gallery-caption { font-size: 0.85em; } #author-info { font-size: 0.90em; } #author-info h2 { font-size: 1.00em; } .format-quote blockquote { font-size: 1.30em; } .image-attachment .entry-caption p { font-size: 0.90em; } .blog .content .category-asides p { font-size: 1.10em; } .navigation { font-size: 0.90em; } #wp-calendar { margin-left: auto; margin-right: auto; } #wp-calendar a { text-decoration: underline; } #wp-calendar caption { font-size: 1.20em; } #wp-calendar thead { font-size: 0.90em; } /* ------------------------------------------------------------------------------------------------------------------------------------- */ /* -- /Theme Support */ /* put areas, padding, and margins at bottom so will override "mistakes" above */ /* =Area wrapper definitions ======================================================================================= */ .per-row-1, .per-row-2, .per-row-3, .per-row-4, .per-row-5, .per-row-6, .per-row-7, .per-row-8, .per-row-1-m, .per-row-2-m, .per-row-3-m, .per-row-4-m, .per-row-5-m, .per-row-6-m, .per-row-7-m, .per-row-8-m, .smart-rm { margin:0;clear:none;float: left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; } .widget-smart-rm aside, .m-widget-smart-rm aside, .is-mobile .m-widget-smart-rm aside, .ie8 .smart-rm { /* modern browsers use nth-of-type rules below */ margin-left: 0; margin-right: 1%; } .ie8 .is-desktop .begin-of-row, /* make the multi-column widgets start new rows correctly on desktop */ .ie8 .is-smalltablet .widget-odd { /* and on small tablets for IE8 - modern browsers use nth-of-type rules below */ clear: both; } .ie8 .end-of-row {margin:0;} .widget-area.center, .center { margin-left: auto; margin-right: auto; } .flow-opposite { float: right; } .float-left { float: left; } .float-right { float: right; } #container .sb-float-right { /* #container needed to make work */ float: right; } #container .sb-float-left { float: left; } .relative { position: relative; } .absolute { position: absolute; } .hide { /* the .x-hides need !important to override display:block (or whatever) on more explicit rules */ display: none !important; } .hide-none { } /* -- /Area wrapper */ /* =Area - device specific */ @media (max-width:580px) { /* =phones ==================================================================================== */ #site-title, .site-title { font-size: 1.50em; } .s-full { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; clear: none; float: left; } .s-full { width: 100%; } .s-hide{ display: none !important; } /* widget areas */ .s-widget-area-top, .s-widget-area-bottom { margin-left: 1%; margin-right: 1%; width: 98%; } .per-row-1, .per-row-2, .per-row-3, .per-row-4 { width: 100%; } .per-row-5, .per-row-6, .per-row-7, .per-row-8 { width: 50%; } .per-row-1-m, .per-row-2-m, .per-row-3-m, .per-row-4-m { width: 100%; margin-right: 0; } .per-row-5-m /* if 5 or more per row look okay on desktop, then assume they will look okay on a phone, too */ .per-row-6-m, .per-row-7-m, .per-row-8-m { width: 49.5%; } .ie8 .per-row-5-m.widget-even, .ie8 .per-row-6-m.widget-even, .ie8 .per-row-7-m.widget-even, .ie8 .per-row-8-m.widget-even { margin-right: 0; } .ie8 .per-row-5-m.widget-odd, .ie8 .per-row-6-m.widget-odd, .ie8 .per-row-7-m.widget-odd, .ie8 .per-row-8-m.widget-odd { margin-right: 1%; } #wrapper { margin: 0 !important; } #header { margin-top: 0 !important; } } /* -- /phones */ @media (min-width:581px) and (max-width:767px) { /* =small tablets ========================================================= */ #site-title, .site-title { font-size: 2.00em; } .m-full, .m-half, .m-full-lm, .m-half-lm, .m-full-rm, .m-half-rm { margin:0;clear:none;float: left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; } .m-full { width: 100%; } .m-half { width: 50%; } .m-full-lm { /* these don't use smart margin value */ width: 99.5%; margin-left: 0.5%; } .m-half-lm{ width: 49.5%; margin-left: 0.5%; } .m-full-rm{ width: 99%; margin-right: 1%; } .m-half-rm { width: 49%; margin-right: 1%; } .m-hide { display: none !important; } /* widget areas */ .m-widget-area-top, .m-widget-area-bottom { width: 98%; margin-left: 1%; margin-right: 1%; } .per-row-1 { width:100%; } .per-row-2, .per-row-3, .per-row-4, .per-row-5, .per-row-6, .per-row-7, .per-row-8 { /* used when no margins on widgets */ width: 50%; } .per-row-1-m { width: 100%; margin-right: 0 !important; } .per-row-2-m, .per-row-3-m, .per-row-4-m, .per-row-5-m, .per-row-6-m, .per-row-7-m, .per-row-8-m { width: 49.5%; } .widget-area.m-widget-cols-2 aside:nth-of-type(2n) {margin-right:0;} .widget-area.m-widget-cols-2 aside:nth-of-type(2n+1) {clear:both;} /* these are for modern browsers - IE8 has its own rules above */ .ie8 .per-row-2-m.widget-even, .ie8 .per-row-3-m.widget-even, .ie8 .per-row-4-m.widget-even, .ie8 .per-row-5-m.widget-even, .ie8 .per-row-6-m.widget-even, .ie8 .per-row-7-m.widget-even, .ie8 .per-row-8-m.widget-even { margin-right: 0; } .ie8 .per-row-2-m.widget-odd, .ie8 .per-row-3-m.widget-odd, .ie8 .per-row-4-m.widget-odd, .ie8 .per-row-5-m.widget-odd, .ie8 .per-row-6-m.widget-odd, .ie8 .per-row-7-m.widget-odd, .ie8 .per-row-8-m.widget-odd { margin-right: 1%; } #wrapper { margin: 0 !important; } #header { margin-top: 0 !important; } } /* -- /smalltablets */ @media (min-width:768px) { /* =desktop and large (iPad) tablets =========================================================== */ .l-full, .l-half, .l-full-lm, .l-half-lm, .l-full-rm, .l-half-rm, .l-content-rsb, .l-content-rsb-m, .l-content-lsb, .l-content-lsb-m, .l-content-ssb, .l-content-ssb-m, .l-content-ssbs, .l-content-ssbs-m, .l-content, .l-content-m, .l-sb-left, .l-sb-right, .l-sb-left-split, .l-sb-left-split-top, .l-sb-right-split, .l-sb-left-lm, .l-sb-right-lm, .l-sb-right-split-lm, .l-sb-left-rm, .l-sb-right-rm, .l-sb-left-split-rm,.l-sb-left-split-top-rm, .l-sb-right-split-rm, .l-xyz { margin:0;clear:none;float: left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; } .l-full { /* not smart margin */ width: 100%; } .l-half { width: 50%; } .l-full-lm{width:99%;margin-left:1%;} .l-half-lm{width:49%;margin-left:1%;} .l-full-rm{width:99%;margin-right:1%;} .l-half-rm{width:49%;margin-right:1%;} .l-content-rsb {width:75%;} /* content, right sidebar (rsb) */ .l-content-rsb-m {width:74%;margin-right:1%;} /* content, right sidebar, smart left margin */ .l-content-lsb {width:75%;} /* content, left sidebar */ .l-content-lsb-m {width:74%;margin-left:1%;} /* content, left sidebar, smart right margin */ .l-content-ssb {width:50%;margin-left:25%;} /* content, split sidebars */ .l-content-ssb-m {width:48%;margin-left:26%;margin-right:1%;} /* content, split sidebars, smart l/r margins */ .l-content-ssbs {width:50%;} /* content, split sidebars stacked */ .l-content-ssbs-m {width:48%;margin-left:1%;margin-right:1%;} /* content, split sidebars stacked, smart l/r margins */ .l-content {width:100%;} /* content, one-column */ .l-content-m {width:98%;margin-left:1%;margin-right:1%;} /* content, one-column, smart l/r margins */ .l-sb-left, .l-sb-right, .l-sb-left-split, .l-sb-right-split {width:25%;} .l-sb-left-lm, .l-sb-right-lm, .l-sb-right-split-lm {width:24%;margin-left:1%;} .l-sb-left-rm, .l-sb-right-rm, .l-sb-left-split-rm, .l-sb-right-split-rm {width:24%;margin-right:1%;} .l-sb-left-split { margin-left: -75%; position: relative; width: 25%; } .l-sb-left-split-top { position: relative; width: 25%; } .l-sb-left-split-top-rm { position: relative; margin-right: 1%; width: 24%; } .l-sb-left-split-rm { margin-left: -75%; position: relative; width: 24%; } .l-flow-opposite{float: right} .l-absolute{position:absolute;} .l-hide{display:none !important;} /* widget areas */ .l-widget-area-top, .l-widget-area-bottom {width:100%;} .per-row-1 {width:100%;} .per-row-2 {width:50%;} /* used when no margins on widgets */ .per-row-3 {width:33.33333%;} .per-row-4 {width:25%;} .per-row-5 {width:20%;} .per-row-6 {width:16.66666%;} .per-row-7 {width:14.14285%;} .per-row-8 {width:12.5%;} /* Width of each widget is ((100/n) - 1) + 1/n (where sm = 1) */ .per-row-1-m {width:100%;} .per-row-2-m {width:49.5%;} .per-row-3-m {width:32.663%;} .per-row-4-m {width:24.25%;} .per-row-5-m {width:19%;} .per-row-6-m {width:15.8333%;} .per-row-7-m {width:13.4285%;} .per-row-8-m {width:11.625%;} .widget-cols-2 aside:nth-of-type(2n+1) {clear:both;} /* these are for modern browsers - IE8 has its own rules above */ .widget-cols-3 aside:nth-of-type(3n+1) {clear:both;} .widget-cols-4 aside:nth-of-type(4n+1) {clear:both;} .widget-cols-5 aside:nth-of-type(5n+1) {clear:both;} .widget-cols-6 aside:nth-of-type(6n+1) {clear:both;} .widget-cols-7 aside:nth-of-type(7n+1) {clear:both;} .widget-cols-8 aside:nth-of-type(8n+1) {clear:both;} .widget-cols-2 aside:nth-of-type(2n) {margin-right:0;} .widget-cols-3 aside:nth-of-type(3n) {margin-right:0;} .widget-cols-4 aside:nth-of-type(4n) {margin-right:0;} .widget-cols-5 aside:nth-of-type(5n) {margin-right:0;} .widget-cols-6 aside:nth-of-type(6n) {margin-right:0;} .widget-cols-7 aside:nth-of-type(7n) {margin-right:0;} .widget-cols-8 aside:nth-of-type(8n) {margin-right:0;} } /* -- /desktop */ /* =Padding / Margin definitions ============================================================================ */} #wrapper, #header-widget-area, #branding, #header-image, #header-html, #footer-html, #container { padding: 0; } #infobar { padding: 5px 5px 5px 5px; margin: 0; } #content { padding: 4px 2% 8px 2%; margin-bottom: 10px; } #primary-widget-area, #secondary-widget-area, #footer-widget-area, .extra-widget-area, .widget-area-footer, .widget-area-top, .widget-area-bottom, .widget-area-primary, .widget-area-secondary { padding: 8px; margin-bottom: 10px; } .widget-area-top, .widget-area-bottom { margin-top: 10px; } /* =Margins */ #colophon { padding: 8px; margin-bottom: 0px; margin-top: 0px; } #wrapper { margin-bottom: 0px; margin-top: 0px; } #header-html, #footer-html, .inject_postpostcontent, [id*='inject_'] { /* give injection areas border-box, too. */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* -- /Padding */ /* =Font Size Group definitions */ /* * Weaver Xtreme uses an em based font-size design. * * The "standard" font size is call "medium" * The design is xl, l, medium (standard), s, and xs. Any area (
) can have a font size class * to use one of the font groups. m-font-size is not defined - resulting the in the default sizes being used. * * .custom-font-size will result in generated CSS depending on the settings, will default to default * */ .font-bold { font-weight: bold; } .font-bold a { font-weight: bold !important; } .font-weight-normal { font-weight: normal; } .font-weight-normal a { font-weight: normal !important; } .font-italic { font-style: italic; } .font-italic a { font-style: italic !important; } /* =sans-serif -------------------------------------------------- */ .font-sans-serif { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .font-arialBlack { font-family: "Arial Black", Gadget, Helvetica, sans-serif; } .font-arialNarrow { font-family: "Arial Narrow", Arial, sans-serif; } .font-impact { font-family: Impact, Haettenschweiler, Charcoal, "Arial Narrow Bold", sans-serif; } .font-lucidaSans { font-family: "Lucida Sans", Geneva, Tahoma, sans-serif; } .font-trebuchetMS { font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; } .font-verdana { font-family: Verdana, Geneva, Candara, sans-serif; } /* =serif ------------------------------------------------------ */ .font-serif { font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; } .font-cambria { font-family: Cambria, Didot, Georgia, "Times New Roman", "Times Roman", serif; } .font-garamond { font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", TimesNewRoman, "Times New Roman", serif; } .font-georgia { font-family: Georgia, Times, "Times New Roman", serif; } .font-lucidaBright { font-family: "Lucida Bright", "Book Antiqua", Georgia, serif; } .font-palatino { font-family: "Palatino Linotype", Palatino, "Lucida Bright", "Book Antiqua", serif; } /* =sans-monospace -------------------------------------------------- */ .font-monospace { font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; } .font-consolas { font-family: Consolas, monaco,"Andale Mono", AndaleMono, monospace; } .font-lucidaConsole { font-family: "Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono", monospace; } .font-papyrus { font-family: Papyrus, fantasy, cursive, serif; } .font-comicSans { font-family: "Comic Sans MS", cursive,serif; } /* standard font sizes - whatever is the default */ .xxl-font-size { /* 24 px */ font-size: 1.5em; line-height: 1.5; } .xxl-font-size-title { /* 42 px */ font-size: 2.625em; } .xl-font-size { /* 20 px */ font-size: 1.25em; line-height: 1.5; } .xl-font-size-title { /* 36 px */ font-size: 2.25em; } .l-font-size { /* 18 px */ font-size: 1.125em; line-height: 1.555; } .l-font-size-title { /* 30 px */ font-size: 1.875em; } .m-font-size { /* 16 px */ font-size: 1.0em; line-height: 1.555; } .m-font-size-title { /* 24 px */ font-size: 1.5em; } .s-font-size { /* 14 px */ font-size: 0.875em; line-height: 1.3125; } .s-font-size-title { /* 20 px */ font-size: 1.25em; } .xs-font-size { /* 12 px */ font-size: 0.75em; line-height: 1.6; } .xs-font-size-title { /* 16 px */ font-size: 1em; } .xxs-font-size { /* 10 px */ font-size: 0.625em; line-height: 1.6; } .xxs-font-size-title { /* 14 px */ font-size: .875em; } /* -- /Font Size */ @media print { /* =Print */ h1, h2, h3, h4, h5, h6 { page-break-after: avoid; } ul, ol, dl { page-break-before: avoid; } body { background: none !important; font-size: 14px !important; padding: 20px !important; } footer.entry-meta a[rel=bookmark]:link:after, footer.entry-meta a[rel=bookmark]:visited:after, footer.entry-utility a[rel=bookmark]:link:after, footer.entry-utility a[rel=bookmark]:visited:after{ content: " [" attr(href) "] "; /* Show URLs */ } #wrapper { clear: both !important; display: block !important; float: none !important; max-width: 100%; position: relative !important; margin-top: 0 !important; border: none !important; box-shadow: none !important; background: none !important; padding: 10px !important; } #branding { border-top: none !important; padding: 0 !important; } #branding div { margin: 0; } #site-title, .site-title, #site-tagline, .site-tagline, #site-logo, .site-logo { position: relative !important; float: none; line-height: 1.5em; margin: 0 !important; padding: 0 !important; } #infobar, .edit-link a, #content nav, .page-link, #respond, .widget-area, #colophon { display: none !important; margin: 0 !important; padding: 0 !important; } #container { float: left; border-top: none; box-shadow: none; overflow: visible; margin: 0; width: 100% !important; padding: 0px !important; } #content { border-top: none; box-shadow: none; overflow: visible; padding: 0px !important; margin: 0 1em 0 1em !important; width: 100%; } /* Comments */ .commentlist > li.comment { background: none; border: 1px solid #ddd; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; margin: 0 auto 1.625em; padding: 1.625em; position: relative; width: auto; } .commentlist .avatar { height: 39px; left: 2.2em; top: 2.2em; width: 39px; } .commentlist li.comment .comment-meta { line-height: 1.625em; margin-left: 50px; } .commentlist li.comment .fn { display: block; } .commentlist li.comment .comment-content { margin: 1.625em 0 0; } .commentlist .comment-edit-link { display: none; } .commentlist > li:before, .commentlist > li.bypostauthor:before { content: ''; } .commentlist .reply { display: none; } /* Post author highlighting */ .commentlist > li.bypostauthor { color: #444; } .commentlist > li.bypostauthor .comment-meta { color: #666; } .commentlist > li.bypostauthor:before { content: none; } /* Post Author threaded comments */ .commentlist .children > li.bypostauthor { background: #fff; border-color: #ddd; } .commentlist .children > li.bypostauthor > article, .commentlist .children > li.bypostauthor > article .comment-meta { color: #666; } img { page-break-before: auto; /* 'always' 'avoid' 'left' 'inherit' 'right' 'auto' */ page-break-after: auto; page-break-inside: avoid; } } /* -- /Print */ /* =IE8/* =========================== */ .ie-show {display:none;} .ie8 .ie-show {display:block;} /* for showing only on IE7/8 */ html.ie8 #infobar_paginate .page-numbers, html.ie8 #nav-above .page-numbers, html.ie8 #nav-below .page-numbers { border: 1px solid #888; } html.ie8 #content img.featured-image, html.ie8 #content img, html.ie8 #branding img, html.ie8 .image-attachment img { width: auto; } xhtml.ie8 #branding #header-image img {width:100%;} html.ie8 .widget img { width: auto; } html.ie8 .shadow-1, html.ie8 .shadow-2, html.ie8 .shadow-3, html.ie8 .shadow-4, html.ie8 .shadow-custom { border: 3px solid #eee; } html.ie8 .shadow-rb { border: 3px solid transparent; border-right-color: #eee; border-bottom-color: #eee; } html.ie8 .shadow-lb, html.ie8 .shadow-tr, html.ie8 .shadow-tl { border: 3px solid #eee; } html.ie8 .is-desktop article[class*="post-"]:before, /* help IE8 degrade better for full-width BG color */ html.ie8 .is-desktop #header:before, html.ie8 .is-desktop #colophon:before, html.ie8 .is-desktop #container:before, html.ie8 .is-desktop .menu-extra:before, html.ie8 .is-desktop .menu-secondary:before, html.ie8 .is-desktop .menu-primary:before {display:none;} /* -- /IE8 */ /* Does the same thing as , * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See http://core.trac.wordpress.org/ticket/25888. */ @-ms-viewport { width: device-width; initial-scale: 1.0; } @viewport { width: device-width; initial-scale: 1.0; } /* Retina (HiDPI) Display http://www.quirksmode.org/blog/archives/2012/06/devicepixelrati.html -------------------------------------------------------------- */ @media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) { body { } } /* The End */