/* Theme Name: Wcolor Responsive Theme URI: http://themesresponsive.com/preview/responsive-wordpress-theme/ Description: Wcolor Responsive Theme is a flexible framework and grid system. Based on the hugely popular Responsive Theme, this colorful theme comes with 14 optional styles. Theme features multiple page templates, widget areas and template layouts that adapt your website to mobile devices and the desktop or any other viewing environment. Version: 1.01 Author: ThemesResponsive Author URI: http://themesresponsive.com Tags: red, green, orange, purple, pink, blue, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, flexible-width, rtl-language-support License: GNU General Public License v3 or later License URI: license.txt Wcolor Responsive WordPress Theme, Copyright (C) 2003-2012 ThemesResponsive This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see . NOTE: DO NOT EDIT THIS FILE, IF YOU DO IT WILL BE OVERWRITTEN BY THE NEXT UPDATE. CREATE CHILD THEME INSTEAD. See: - http://codex.wordpress.org/Child_Themes - http://themeid.com/forum/topic/505/child-theme-example/ - http://themeid.com/forum/forum/12/responsive-documentation/ CSS Rules: Sorted alphabetically. */ /* =Reset CSS (v2.0) http://meyerweb.com/eric/tools/css/reset/ -------------------------------------------------------------- */ #call-wrapper .grid.col-940 { margin-bottom:0px !important; } #respond h3 { letter-spacing:-2px; } #recent-posts-3 a { color: #333333 !important; } #recent-posts-3 li { padding: 3px 0; color: #333333; } #recent-posts-3 ul { margin-left: 15px; } #sub-head { margin:25px 0 20px; overflow: visible; position: relative; z-index: 1; } #container-call { background: url("images/bg-footer-callout.png") repeat-x scroll 0 0 #E7E6E6; width: 100%; } #call-wrapper { margin: 0 auto; max-width: 960px; padding: 0px 25px; } div.social-links > a { border-left: 1px solid rgba(255, 255, 255, 0.2); text-transform: lowercase; display: inline-block; font-weight: normal; font-size:13px; line-height: 1em; margin-left: 10px; margin-top: 6px; margin-bottom: 6px; color:#fff !important; padding-left: 13px; text-decoration: none; text-shadow: 0 -1px rgba(0, 0, 0, 0.2); transition: all 0.3s ease 0s; } html.ie9 div.social-links > a, html.ie9 div.social-links > a:hover, html.ie9 div.social-links > a:visited:hover { color: white; opacity: 1; } div.social-links > a:hover { text-shadow: 0 -1px rgba(0, 0, 0, 0.2), 0 0 8px rgba(255, 255, 255, 0.9); } div.social-links > a:first-child { border-left: medium none; } div.social-links { float:right; } div.social-links > a:before { font-family: 'FontAwesome'; font-size: 14px; font-style: normal; font-weight: normal; margin-top: 2px; padding-right: 4px; } a.facebook-link:before { content: ""; } a.twitter-link:before { content: ""; } a.linkedin-link:before { content: ""; } .grid.col-940.fit { margin-bottom: 0; } #footer-copyright { margin: 0 auto; max-width: 910px; clear: both; padding: 10px 25px; width: 100%; color:#fff; font-size:12px; } #footer_2 { background: url("images/bg-footer-copyright.png") no-repeat scroll center top transparent; padding: 12px 0px 0px; } .grid.col-300.copyright { color: #FFFFFF !important; font-size: 12px; } .grid.col-300.copyright > a { color:#E1E1E1 !important; } .grid.col-300.scroll-top > a { color:#E1E1E1 !important; } .grid.col-300.fit.powered { color: #FFFFFF !important; font-size: 12px; } .grid.col-300.fit.powered > a { color:#E1E1E1 !important; } #footer .widget-wrapper { -moz-border-radius: 0px;; -webkit-border-radius: 0px; border: 0 solid #E1E1E1; border-radius: 0 0 0 0; color: #FFFFFF; font-size: 13px; margin: 0 0 20px; padding: 0; text-align: left; } #footer .widget-title-home h3 { color: #FFFFFF; text-align: left; font-size:18px; letter-spacing:-1px; } #header-top, #footer-top { border-bottom: 4px solid #F9AF6D; background: #F4690E; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #FBC13B 0%, #F4690E 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#FBC13B), color-stop(100%,#F4690E)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #FBC13B 0%,#F4690E 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #FBC13B 0%,#F4690E 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #FBC13B 0%,#F4690E 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #FBC13B 0%,#F4690E 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBC13B', endColorstr='#F4690E',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ overflow: visible; position: relative; z-index: 1; } #footer-top { border-bottom: 0 none !important; } #container_head { background: #f0f0f0; /* Old browsers */ background: -moz-linear-gradient(top, #f0f0f0 0%, #fdfdfd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#fdfdfd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f0f0f0 0%,#fdfdfd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f0f0f0 0%,#fdfdfd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f0f0f0 0%,#fdfdfd 100%); /* IE10+ */ background: linear-gradient(to bottom, #f0f0f0 0%,#fdfdfd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#fdfdfd',GradientType=0 ); /* IE6-9 */ box-shadow: 0 -1px 0 white inset; top: 0; width: 100%; z-index: 999; } .tt-overlay { background: url("images/header-tranparent-bg.png") no-repeat scroll center 120px transparent; height: 100%; position: absolute; width: 100%; top:0; z-index:-1; } .tt-overlay-footer { background: url("images/header-tranparent-bg.png") no-repeat scroll center 0 transparent; height: 100%; position: absolute; width: 100%; top:0; z-index:-1; } .shadow-header { background: url("images/header-shadow.png") no-repeat scroll center top transparent; height: 20%; position: absolute; width: 100%; z-index: -1; } .shadow-header-footer { background: url("images/header-shadow.png") no-repeat scroll center top transparent; height: 20%; position: absolute; width: 100%; z-index: -1; top: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 { border: 0; font-size: 100%; font: inherit; margin: 0; padding: 0; 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: 1; } 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; } button, input, select, textarea { font-size: 100%; overflow: visible; margin: 0; vertical-align: baseline; width: auto; } textarea { overflow:auto; vertical-align:text-top; } /* =Horizontal Rule -------------------------------------------------------------- */ hr { background: #ddd; border: none; clear: both; color: #ddd; float: none; height: 1px; width: 100%; } hr.space { background: #fff; color: #fff; } /* =Base -------------------------------------------------------------- */ html { height:100%; } body { -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; background: #F4F4F4; color: #707070; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-smoothing: antialiased; line-height: 1.5em; text-rendering: optimizeLegibility; } /* =Typography -------------------------------------------------------------- */ p { word-wrap: break-word; } i, em, dfn, cite { font-style: italic; } tt, var, pre, kbd, samp, code { font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal; } b, strong { font-weight: 700; } pre { -moz-box-sizing: border-box; -moz-border-radius: 2px; -moz-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2); -webkit-border-radius: 2px; -webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2); -webkit-box-sizing: border-box; box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2); box-sizing: border-box; background: #f4f4f4; border: 1px solid #aaa; border-bottom-color: #ccc; border-radius: 2px; height: auto; margin: 0; outline: none; padding: 6px 10px; vertical-align: middle; width: 100%; word-wrap: break-word; white-space: pre-wrap; } del { color: #555; text-decoration: line-through; } ins, dfn { border-bottom: 1px solid #ccc; } sup, sub, small { font-size: 85%; } abbr, acronym { font-size: 85%; letter-spacing: .1em; text-transform: uppercase; } a abbr, a acronym { border: none; } dfn[title], abbr[title], acronym[title] { border-bottom: 1px solid #ccc; cursor: help; } sup { vertical-align: super; } sub { vertical-align: sub; } /* =Responsive 12 Column Grid Grid was based on my Shell Theme released on 07/26/2011 http://themeid.com/responsive-grid/ -------------------------------------------------------------- */ .grid { float: left; margin-bottom: 2.127659574468%; padding-top: 0; } .grid-right { float: right; margin-bottom: 2.127659574468%; padding-top: 0; } .col-60, .col-140, .col-220, .col-300, .col-380, .col-460, .col-540, .col-620, .col-700, .col-780, .col-860 { display: inline; margin-right: 2.127659574468%; } .col-60 { width: 6.382978723404%; } .col-140 { width: 14.893617021277%; } .col-220 { width: 23.404255319149%; } .col-300 { width: 31.914893617021%; margin-bottom: 0; } .col-380 { width: 40.425531914894%; } .col-460 { width: 48.936170212766%; } .col-540 { width: 57.446808510638%; } .col-620 { width: 65.957446808511%; } .col-700 { width: 74.468085106383%; } .col-780 { width: 82.978723404255%; } .col-860 { width: 91.489361702128%; } .col-940 { width: 100%; } .fit { margin-left: 0 !important; margin-right: 0 !important; } /* =Responsive Images -------------------------------------------------------------- */ img { -ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%; vertical-align: middle; } .ie8 img { height: auto; width: auto\9; } .ie8 img.size-large { max-width: 60%; width: auto; } /* =Responsive Embeds/Objects -------------------------------------------------------------- */ embed, object { max-width: 100%; } /* =Links -------------------------------------------------------------- */ a { color: #F5801A; font-weight: 400; text-decoration: none; } a:hover { color: #707070 !important; text-decoration: none; } ::selection { background: #e8fbff; text-shadow: none; } /* =Forms -------------------------------------------------------------- */ label { display: inline-block; font-weight: 700; padding: 2px 0; } legend { padding: 2px 5px; } fieldset { border: 1px solid #ccc; margin: 0 0 1.5em; padding: 1em 2em; } select, input[type="text"], input[type="password"] { -moz-box-sizing: border-box; -moz-border-radius: 2px; -webkit-box-sizing: border-box; -webkit-border-radius: 2px; -webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.05); background: #f4f4f4; box-sizing: border-box; border: 1px solid #ccc; border-bottom-color: #ccc; border-radius: 2px; margin: 0; outline: none; padding: 6px 8px; vertical-align: middle; width: 100%; } select { height: auto; width: 70%; } area, textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 4px; -webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 0 #fff, inset 0 1px 2px rgba(0,0,0,0.05); box-shadow: 0 1px 0 #fff, inset 0 1px 2px rgba(0,0,0,0.05); background: #f4f4f4; box-sizing: border-box; background: #f4f4f4; border: 1px solid #E1E1E1; border-bottom-color: #E1E1E1; border-radius: 4px; height: auto; overflow: auto; margin: 0; outline: none; padding: 8px 10px; width: 100%; } input, select { cursor: pointer; } area:focus, input:focus, textarea:focus { background: #fff; } input[type='text'], input[type='password'] { cursor: text; } /* =IE Forms -------------------------------------------------------------- */ .ie7 area, .ie7 select, .ie7 textarea, .ie7 input[type="text"], .ie7 input[type="password"] { width: 96%; } /* =Buttons -------------------------------------------------------------- */ button, a.button, input[type='reset'], input[type='button'], input[type='submit'] { -moz-border-radius: 2px; -moz-box-shadow: 0pt -1px 0pt rgba(0, 0, 0, 0.075) inset, 0pt 1px 0pt rgba(255, 255, 255, 0.3) inset, 0pt 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0pt -1px 0pt rgba(0, 0, 0, 0.075) inset, 0pt 1px 0pt rgba(255, 255, 255, 0.3) inset, 0pt 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; background-color: #E5E5E5; /* Snow 3 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F5F5), to(#E5E5E5)); background-image: -webkit-linear-gradient(top, #F6F5F5, #E5E5E5); background-image: -moz-linear-gradient(top, #f6f5f5, #E5E5E5); background-image: -ms-linear-gradient(top, #f6f5f5, #E5E5E5); background-image: -o-linear-gradient(top, #f6f5f5, #E5E5E5); background-image: linear-gradient(top, #f6f5f5, #E5E5E5); box-shadow: 0pt -1px 0pt rgba(0, 0, 0, 0.075) inset, 0pt 1px 0pt rgba(255, 255, 255, 0.3) inset, 0pt 1px 2px rgba(0, 0, 0, 0.1); border: 1px solid #ccc; border-radius: 2px; color: #707070; cursor: pointer; display: inline-block; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f5f5, endColorstr=#E5E5E5); font-size: 12px; font-weight: 700; margin: 0; padding: 6px 10px; text-decoration: none; text-shadow: 0 1px 0 #fff; vertical-align: middle; white-space: nowrap; } button:hover, a.button:hover, input[type='reset']:hover, input[type='button']:hover, input[type='submit']:hover { background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cdc9c9)); background-image: -webkit-linear-gradient(top, #fff, #cdc9c9); background-image: -moz-linear-gradient(top, #fff, #cdc9c9); background-image: -ms-linear-gradient(top, #fff, #cdc9c9); background-image: -o-linear-gradient(top, #fff, #cdc9c9); background-image: linear-gradient(top, #fff, #cdc9c9); border: 1px solid #ccc; color: #707070; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#cdc9c9); } /* =Buttons (Call to Action) -------------------------------------------------------------- */ .call-to-action { text-align: center; } .call-to-action a.button { border-radius: 5px 5px 5px 5px; font-size: 20px; margin-top:10px; padding: 14px 38px; text-transform: none; font-weight:900; letter-spacing:-1px; } .call-to-action a.button:hover { text-decoration: none; } .ie7 .call-to-action a.button { padding: 11px 35px 19px 35px; } /* =Buttons (Sizes) -------------------------------------------------------------- */ .small a.button { font-size: 10px; padding: 3px 6px; } .medium a.button { font-size: 16px; padding: 8px 16px; } .large a.button { font-size: 18px; padding: 10px 35px; } .xlarge a.button { font-size: 24px; padding: 12px 55px; } /* =Buttons (Colors) -------------------------------------------------------------- */ a.blue { background-color: #E3E3E3; /* Dodger Blue */ background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#E3E3E3)); background-image: -webkit-linear-gradient(top, #FEFEFE, #E3E3E3); background-image: -moz-linear-gradient(top, #FEFEFE, #E3E3E3); background-image: -ms-linear-gradient(top, #FEFEFE, #E3E3E3); background-image: -o-linear-gradient(top, #FEFEFE, #E3E3E3); background-image: linear-gradient(top, #FEFEFE, #E3E3E3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FEFEFE, endColorstr=#E3E3E3); background-image: -moz-linear-gradient(center top , #FEFEFE, #E3E3E3); border: 1px solid #CCCCCC; color: #676767 !important; text-shadow: 0 1px 0 #EFEFEF; } a.blue:hover { background-color: whitesmoke; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(whiteSmoke)); background-image: -webkit-linear-gradient(top, #fff, whiteSmoke); background-image: -moz-linear-gradient(top, #fff, whiteSmoke); background-image: -ms-linear-gradient(top, #fff, whiteSmoke); background-image: -o-linear-gradient(top, #fff, whiteSmoke); background-image: linear-gradient(top, #fff, whiteSmoke); border: 1px solid; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=whiteSmoke); text-shadow: 0 1px 0 #115290; } a.red { background-color: #cd0000; /* Red 4 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#ff2323), to(#cd0000)); background-image: -webkit-linear-gradient(top, #ff2323, #cd0000); background-image: -moz-linear-gradient(top, #ff2323, #cd0000); background-image: -ms-linear-gradient(top, #ff2323, #cd0000); background-image: -o-linear-gradient(top, #ff2323, #cd0000); background-image: linear-gradient(top, #ff2323, #cd0000); border: 1px solid #890000; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff2323, endColorstr=#cd0000); text-shadow: 0 1px 0 #890000; } a.red:hover { background-color: #ff5656; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5656), to(#cd0000)); background-image: -webkit-linear-gradient(top, #ff5656, #cd0000); background-image: -moz-linear-gradient(top, #ff5656, #cd0000); background-image: -ms-linear-gradient(top, #ff5656, #cd0000); background-image: -o-linear-gradient(top, #ff5656, #cd0000); background-image: linear-gradient(top, #ff5656, #cd0000); border: 1px solid #890000; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5656, endColorstr=#cd0000); text-shadow: 0 1px 0 #890000; } a.orange { background-color: #ff7f00; /* Dark Orange 1 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#fa5), to(#ff7f00)); background-image: -webkit-linear-gradient(top, #fa5, #ff7f00); background-image: -moz-linear-gradient(top, #fa5, #ff7f00); background-image: -ms-linear-gradient(top, #fa5, #ff7f00); background-image: -o-linear-gradient(top, #fa5, #ff7f00); background-image: linear-gradient(top, #fa5, #ff7f00); border: 1px solid #bb5d00; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fa5, endColorstr=#ff7f00); text-shadow:0 1px 0 #bb5d00; } a.orange:hover { background-color: #ffc388; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc388), to(#ff7f00)); background-image: -webkit-linear-gradient(top, #ffc388, #ff7f00); background-image: -moz-linear-gradient(top, #ffc388, #ff7f00); background-image: -ms-linear-gradient(top, #ffc388, #ff7f00); background-image: -o-linear-gradient(top, #ffc388, #ff7f00); background-image: linear-gradient(top, #ffc388, #ff7f00); border: 1px solid #bb5d00; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc388, endColorstr=#ff7f00); text-shadow:0 1px 0 #bb5d00; } a.yellow { background-color: #ecca06; /* Yellow Gold */ background-image: -webkit-gradient(linear, left top, left bottom, from(#fff2aa), to(#ffd700)); background-image: -webkit-linear-gradient(top, #fff2aa, #ffd700); background-image: -moz-linear-gradient(top, #fff2aa, #ffd700); background-image: -ms-linear-gradient(top, #fff2aa, #ffd700); background-image: -o-linear-gradient(top, #fff2aa, #ffd700); background-image: linear-gradient(top, #fff2aa, #ffd700); border: 1px solid #bb9e00; color: #161300; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff2aa, endColorstr=#ffd700); text-shadow:0 1px 0 #fff; } a.yellow:hover { background-color: #fffadd; background-image: -webkit-gradient(linear, left top, left bottom, from(#fffadd), to(#ffd700)); background-image: -webkit-linear-gradient(top, #fffadd, #ffd700); background-image: -moz-linear-gradient(top, #fffadd, #ffd700); background-image: -ms-linear-gradient(top, #fffadd, #ffd700); background-image: -o-linear-gradient(top, #fffadd, #ffd700); background-image: linear-gradient(top, #fffadd, #ffd700); border: 1px solid #bb9e00; color: #161300; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffadd, endColorstr=#ffd700); text-shadow:0 1px 0 #fff; } a.green { background-color: #2e8b57; /* Sea Green 4 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#4bc380), to(#2e8b57)); background-image: -webkit-linear-gradient(top, #4bc380, #2e8b57); background-image: -moz-linear-gradient(top, #4bc380, #2e8b57); background-image: -ms-linear-gradient(top, #4bc380, #2e8b57); background-image: -o-linear-gradient(top, #4bc380, #2e8b57); background-image: linear-gradient(top, #4bc380, #2e8b57); border: 1px solid #1d5837; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4bc380, endColorstr=#2e8b57); text-shadow: 0 1px 0 #1d5837; } a.green:hover { background-color: #71d09b; background-image: -webkit-gradient(linear, left top, left bottom, from(#71d09b), to(#2e8b57)); background-image: -webkit-linear-gradient(top, #71d09b, #2e8b57); background-image: -moz-linear-gradient(top, #71d09b, #2e8b57); background-image: -ms-linear-gradient(top, #71d09b, #2e8b57); background-image: -o-linear-gradient(top, #71d09b, #2e8b57); background-image: linear-gradient(top, #71d09b, #2e8b57); border: 1px solid #1d5837; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#71d09b, endColorstr=#2e8b57); text-shadow: 0 1px 0 #1d5837; } a.olive { background-color: #838b83; /* Honey Dew 4 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e000), to(#838b83)); background-image: -webkit-linear-gradient(top, #afb4af, #838b83); background-image: -moz-linear-gradient(top, #afb4af, #838b83); background-image: -ms-linear-gradient(top, #afb4af, #838b83); background-image: -o-linear-gradient(top, #afb4af, #838b83); background-image: linear-gradient(top, #afb4af, #838b83); border: 1px solid #626862; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#afb4af, endColorstr=#838b83); text-shadow: 0 1px 0 #626862; } a.olive:hover { background-color: #c9cdc9; background-image: -webkit-gradient(linear, left top, left bottom, from(#c9cdc9), to(#838b83)); background-image: -webkit-linear-gradient(top, #c9cdc9, #838b83); background-image: -moz-linear-gradient(top, #c9cdc9, #838b83); background-image: -ms-linear-gradient(top, #c9cdc9, #838b83); background-image: -o-linear-gradient(top, #c9cdc9, #838b83); background-image: linear-gradient(top, #c9cdc9, #838b83); border: 1px solid #626862; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c9cdc9, endColorstr=#838b83); text-shadow: 0 1px 0 #626862; } a.purple { background-color: #5d478b; /* Medium Purple 4 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#8771b6), to(#5d478b)); background-image: -webkit-linear-gradient(top, #8771b6, #5d478b); background-image: -moz-linear-gradient(top, #8771b6, #5d478b); background-image: -ms-linear-gradient(top, #8771b6, #5d478b); background-image: -o-linear-gradient(top, #8771b6, #5d478b); background-image: linear-gradient(top, #8771b6, #5d478b); border: 1px solid #3f305e; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8771b6, endColorstr=#5d478b); text-shadow: 0 1px 0 #3f305e; } a.purple:hover { background-color: #a492c8; background-image: -webkit-gradient(linear, left top, left bottom, from(#a492c8), to(#5d478b)); background-image: -webkit-linear-gradient(top, #a492c8, #5d478b); background-image: -moz-linear-gradient(top, #a492c8, #5d478b); background-image: -ms-linear-gradient(top, #a492c8, #5d478b); background-image: -o-linear-gradient(top, #a492c8, #5d478b); background-image: linear-gradient(top, #a492c8, #5d478b); border: 1px solid #3f305e; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a492c8, endColorstr=#5d478b); text-shadow: 0 1px 0 #3f305e; } a.pink { background-color: #cd1076; /* Deep Pink 3 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#f042a0), to(#cd1076)); background-image: -webkit-linear-gradient(top, #f042a0, #cd1076); background-image: -moz-linear-gradient(top, #f042a0, #cd1076); background-image: -ms-linear-gradient(top, #f042a0, #cd1076); background-image: -o-linear-gradient(top, #f042a0, #cd1076); background-image: linear-gradient(top, #f042a0, #cd1076); border: 1px solid #8e0b52; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f042a0, endColorstr=#cd1076); text-shadow: 0 1px 0 #8e0b52; } a.pink:hover { background-color: #f471b8; background-image: -webkit-gradient(linear, left top, left bottom, from(#f471b8), to(#cd1076)); background-image: -webkit-linear-gradient(top, #f471b8, #cd1076); background-image: -moz-linear-gradient(top, #f471b8, #cd1076); background-image: -ms-linear-gradient(top, #f471b8, #cd1076); background-image: -o-linear-gradient(top, #f471b8, #cd1076); background-image: linear-gradient(top, #f471b8, #cd1076); border: 1px solid #8e0b52; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f471b8, endColorstr=#cd1076); text-shadow: 0 1px 0 #8e0b52; } a.brick { background-color: #b22222; /* Fire Brick */ background-image: -webkit-gradient(linear, left top, left bottom, from(#dd4c4c), to(#b22222)); background-image: -webkit-linear-gradient(top, #dd4c4c, #b22222); background-image: -moz-linear-gradient(top, #dd4c4c, #b22222); background-image: -ms-linear-gradient(top, #dd4c4c, #b22222); background-image: -o-linear-gradient(top, #dd4c4c, #b22222); background-image: linear-gradient(top, #dd4c4c, #b22222); border: 1px solid #791717; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd4c4c, endColorstr=#b22222); text-shadow: 0 1px 0 #791717; } a.brick:hover { background-color: #e57777; background-image: -webkit-gradient(linear, left top, left bottom, from(#e57777), to(#b22222)); background-image: -webkit-linear-gradient(top, #e57777, #b22222); background-image: -moz-linear-gradient(top, #e57777, #b22222); background-image: -ms-linear-gradient(top, #e57777, #b22222); background-image: -o-linear-gradient(top, #e57777, #b22222); background-image: linear-gradient(top, #e57777, #b22222); border: 1px solid #791717; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e57777, endColorstr=#b22222); text-shadow: 0 1px 0 #791717; } a.gold { background-color: #8b6508; /* Dark Golden Rod 4 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#db9f0d), to(#8b6508)); background-image: -webkit-linear-gradient(top, #db9f0d, #8b6508); background-image: -moz-linear-gradient(top, #db9f0d, #8b6508); background-image: -ms-linear-gradient(top, #db9f0d, #8b6508); background-image: -o-linear-gradient(top, #db9f0d, #8b6508); background-image: linear-gradient(top, #db9f0d, #8b6508); border: 1px solid #6b4e06; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#db9f0d, endColorstr=#8b6508); text-shadow: 0 1px 0 #6b4e06; } a.gold:hover { background-color: #f3b828; background-image: -webkit-gradient(linear, left top, left bottom, from(#f3b828), to(#8b6508)); background-image: -webkit-linear-gradient(top, #f3b828, #8b6508); background-image: -moz-linear-gradient(top, #f3b828, #8b6508); background-image: -ms-linear-gradient(top, #f3b828, #8b6508); background-image: -o-linear-gradient(top, #f3b828, #8b6508); background-image: linear-gradient(top, #f3b828, #8b6508); border: 1px solid #6b4e06; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3b828, endColorstr=#8b6508); text-shadow: 0 1px 0 #6b4e06; } a.brown { background-color: #8b4513; /* Saddle Brown */ background-image: -webkit-gradient(linear, left top, left bottom, from(#d66a1d), to(#8b4513)); background-image: -webkit-linear-gradient(top, #d66a1d, #8b4513); background-image: -moz-linear-gradient(top, #d66a1d, #8b4513); background-image: -ms-linear-gradient(top, #d66a1d, #8b4513); background-image: -o-linear-gradient(top, #d66a1d, #8b4513); background-image: linear-gradient(top, #d66a1d, #8b4513); border: 1px solid #4f270b; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d66a1d, endColorstr=#8b4513); text-shadow: 0 1px 0 #4f270b; } a.brown:hover { background-color: #8b4513; background-image: -webkit-gradient(linear, left top, left bottom, from(#e58541), to(#8b4513)); background-image: -webkit-linear-gradient(top, #e58541, #8b4513); background-image: -moz-linear-gradient(top, #e58541, #8b4513); background-image: -ms-linear-gradient(top, #e58541, #8b4513); background-image: -o-linear-gradient(top, #e58541, #8b4513); background-image: linear-gradient(top, #e58541, #8b4513); border: 1px solid #4f270b; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e58541, endColorstr=#8b4513); text-shadow: 0 1px 0 #4f270b; } a.silver { background-color: #c0c0c0; /* Silver */ background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c0c0c0)); background-image: -webkit-linear-gradient(top, #eaeaea, #c0c0c0); background-image: -moz-linear-gradient(top, #eaeaea, #c0c0c0); background-image: -ms-linear-gradient(top, #eaeaea, #c0c0c0); background-image: -o-linear-gradient(top, #eaeaea, #c0c0c0); background-image: linear-gradient(top, #eaeaea, #c0c0c0); border: 1px solid #9e9e9e; color: #444; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eaeaea, endColorstr=#c0c0c0); text-shadow: 0 1px 0 #fff; } a.silver:hover { background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c0c0c0)); background-image: -webkit-linear-gradient(top, #fff, #c0c0c0); background-image: -moz-linear-gradient(top, #fff, #c0c0c0); background-image: -ms-linear-gradient(top, #fff, #c0c0c0); background-image: -o-linear-gradient(top, #fff, #c0c0c0); background-image: linear-gradient(top, #fff, #c0c0c0); border: 1px solid #9e9e9e; color: #444; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#c0c0c0); text-shadow: 0 1px 0 #fff; } a.gray { background-color: #696969; /* Dim Gray */ background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#696969)); background-image: -webkit-linear-gradient(top, #939393, #696969); background-image: -moz-linear-gradient(top, #939393, #696969); background-image: -ms-linear-gradient(top, #939393, #696969); background-image: -o-linear-gradient(top, #939393, #696969); background-image: linear-gradient(top, #939393, #696969); border: 1px solid #474747; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#939393, endColorstr=#696969); text-shadow: 0 1px 0 #474747; } a.gray:hover { background-color: #adadad; background-image: -webkit-gradient(linear, left top, left bottom, from(#adadad), to(#696969)); background-image: -webkit-linear-gradient(top, #adadad, #696969); background-image: -moz-linear-gradient(top, #adadad, #696969); background-image: -ms-linear-gradient(top, #adadad, #696969); background-image: -o-linear-gradient(top, #adadad, #696969); background-image: linear-gradient(top, #adadad, #696969); border: 1px solid #474747; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#adadad, endColorstr=#696969); text-shadow: 0 1px 0 #474747; } a.black { background-color: #080808; /* Black */ background-image: -webkit-gradient(linear, left top, left bottom, from(#323232), to(#080808)); background-image: -webkit-linear-gradient(top, #323232, #080808); background-image: -moz-linear-gradient(top, #323232, #080808); background-image: -ms-linear-gradient(top, #323232, #080808); background-image: -o-linear-gradient(top, #323232, #080808); background-image: linear-gradient(top, #323232, #080808); border: 1px solid #000; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#323232, endColorstr=#080808); text-shadow: 0 1px 0 #000; } a.black:hover { background-color: #4c4c4c; background-image: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#080808)); background-image: -webkit-linear-gradient(top, #4c4c4c, #080808); background-image: -moz-linear-gradient(top, #4c4c4c, #080808); background-image: -ms-linear-gradient(top, #4c4c4c, #080808); background-image: -o-linear-gradient(top, #4c4c4c, #080808); background-image: linear-gradient(top, #4c4c4c, #080808); border: 1px solid #000; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c4c4c, endColorstr=#080808); text-shadow: 0 1px 0 #000; } /* =Info Boxes -------------------------------------------------------------- */ .info-box { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: block; margin: 20px 0; padding: 15px; text-align: left; } .alert { background-color: #faebeb; border: 1px solid #dc7070; color: #212121; } .address { background-color: #f6f5ef; border: 1px solid #cdc9a5; color: #212121; } .notice { background-color: #fbf9e9; border: 1px solid #e3cf57; color: #212121; } .success { background-color: #f9fde8; border: 1px solid #a2bc13; color: #212121; } .download { background-color: #fff4e5; border: 1px solid #ff9912; color: #212121; } .information { background-color: #eef3f6; border: 1px solid #6ca6cd; color: #212121; } .required { color: #d5243f; } /* =IE6 Notice -------------------------------------------------------------- */ .msie-box { background-color: #f9edbe; border: 1px solid #f0c36d; color: #212121; display: block; margin: 0 auto; max-width: 960px; padding: 10px; position: absolute; top: 60px; text-align: center; width: 100%; } .msie-box a { color: #212121 !important; } /* =Tables -------------------------------------------------------------- */ th, td, table { border: 1px solid #ddd; } table { border-collapse: collapse; width: 100%; } /* =Lists -------------------------------------------------------------- */ ul { list-style-type: disc; } ul ul { list-style-type: square; } ul ul ul { list-style-type: circle; } ol { line-height: 22px; list-style-position: outside; list-style-type: decimal; } dt { font-weight: 400; } /* =Blockquote -------------------------------------------------------------- */ blockquote { background: #f9f9f9; border: none; border-left: 4px solid #d6d6d6; margin: 20px; overflow: auto; padding: 0 0 10px 12px; } blockquote p { font-family: 'Georgia', 'Times New Roman', Times, serif; font-style: italic; font-size: 18px; line-height: 26px; } /* =Headings -------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: 700; line-height: 1em; word-wrap: break-word; text-rendering: optimizelegibility; } h1 { color: #ffffff; font-size: 1.8em; letter-spacing:-2px; } h2 { color: #777; font-size: 1.6em; } h3 { font-size: 1.5em; } h4 { font-size: 1.3em; } h5 { font-size: 1.2em; } h6 { font-size: 1em; text-transform: uppercase; } /* =Margins & Paddings -------------------------------------------------------------- */ p, hr, dl, pre, form, table, address, blockquote { margin: 1.4em 0; } h1 { margin: 0 0 3px; } h2 { margin: 1.07em 0 .535em; } h3 { margin: 1.14em 0 .57em; } h4 { margin: 1.23em 0 .615em; } h5 { margin: 1.33em 0 .67em; } h6 { margin: 1.6em 0 .8em; } th, td { padding: .8em; } caption { padding-bottom: .8em; } blockquote { padding: 0 1em; } blockquote:first-child { margin: .8em 0; } fieldset { margin: 1.6em 0; padding: 0 1em 1em; } legend { padding-left: .8em; padding-right: .8em; } legend+* { margin-top: 1em; } input, textarea { padding: .3em .4em .15em; } select { padding: .1em .2em 0; } option { padding: 0 .4em; } dt { margin-bottom: .4em; margin-top: .8em; } ul { margin-left: 1.5em; } ol { margin-left: 2.35em; } ol ol, ul ol { margin-left: 2.5em; } form div { margin-bottom: .8em; } /* =Globals -------------------------------------------------------------- */ #container { margin: 0 auto; max-width: 960px; padding: 0px 25px; height:100%; } #wrapper { clear: both; margin: 15px auto; padding: 0 0 20px; position: relative; } .home #wrapper { background-color: transparent; border: none; margin: 20px auto 0px auto; padding: 0; } #header { margin: 0; } #footer { clear: both; margin: 0 auto; max-width: 960px; padding: 0 25px 10px 25px; } #footer-copyright { clear: both; margin: 0 auto; max-width: 960px; padding: 10px 25px; color:#fff; font-size:12px; } #footer-wrapper { margin: 0; padding: 30px 0 0; min-height:70px; } /* =Header -------------------------------------------------------------- */ #logo { float: left; margin: 0; padding: 20px 0; } .site-name { display: block; font-size: 2em; padding-top: 20px; } .site-name a { font-weight: 700; } .site-description { display: block; font-size: 14px; margin: 10px 33px 10px 0; } /* =Content -------------------------------------------------------------- */ #content { margin-bottom: 20px; margin-top: 35px; } #content-full { margin-bottom: 20px; margin-top: 35px; } #content-blog { margin-bottom: 20px; margin-top: 35px; } #content-images { margin-bottom: 20px; margin-top: 35px; } #content-archive { margin-bottom: 20px; margin-top: 35px; } #content-sitemap { margin-bottom: 20px; } #content-sitemap a { font-size: 12px; } #content .sticky { clear: both; } #content .sticky p {} /* =Templates (Landing Page) -------------------------------------------------------------- */ .page-template-landing-page-php .menu, .page-template-landing-page-php .top-menu, .page-template-landing-page-php .tinynav, .page-template-landing-page-php .footer-menu, .page-template-landing-page-php .sub-header-menu { display: none; } /* =Author Meta (Author's Box) -------------------------------------------------------------- */ #author-meta { -moz-border-radius: 6px; -webkit-border-radius: 6px; background: #f9f9f9; border: 1px solid #d6d6d6; border-radius: 6px; clear: both; display: block; margin: 30px 0 40px 0; padding: 10px; overflow: hidden; } #author-meta img { float: left; padding: 10px 15px 0 5px; } #author-meta p { margin: 0; padding: 5px; } #author-meta .about-author { font-weight: 700; margin: 10px 0 0 0; } /* =Featured Content -------------------------------------------------------------- */ #featured { padding-bottom: 0px; width: 99.893617021277%; } #featured p { color: #FFFFFF; font-size: 14px; font-weight: 200; line-height: 20px; padding: 8px 40px 0; text-align: center; } #featured-image { margin: 20px 0 0 0; } #featured-image .fluid-width-video-wrapper { margin-left: -20px; } .featured-image img { margin-top: 44px; } /* =Post -------------------------------------------------------------- */ .comments-link { font-size: 12px; } #cancel-comment-reply-link { color: #900; } .post-data { clear: both; color: #9F9F9F; font-size: 12px; font-style: italic; font-weight: 300; margin-top: 0 } .post-data a { } .post-entry { clear: both; } .post-meta { clear: both; color: #9F9F9F; font-size: 12px; font-style: italic; margin-bottom: 10px; } .post-edit { clear: both; display: block; font-size: 12px; margin: 1.5em 0; } .post-search-terms { clear: both; } .read-more { clear: both; font-weight: 700; } .attachment-entry { clear: both; text-align: center; } /* =bbPress bbPress has its own breadcrumb lists -------------------------------------------------------------- */ .bbPress .breadcrumb-list { display: none; } /* =Symbols -------------------------------------------------------------- */ .ellipsis { color: #aaa; font-size: 18px; margin-left: 5px; } .form-allowed-tags { display: none; font-size: 10px; } /* =Widgets -------------------------------------------------------------- */ .widget-wrapper { -moz-border-radius: 4px;; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #E1E1E1; font-size: 13px; margin: 0 0 20px; padding: 20px; } .home #widgets .widget-wrapper { } #widgets { margin-top: 40px; } .home #widgets { margin-top: 25px; } #widgets a { display: inline-block; margin: 0; padding: 0; text-decoration: none; } #widgets #s { width: 80%; } #widgets form { margin: 0; } #widgets ul li { margin-left: 10px; } #widgets ul li a { display: inline; text-decoration: none; } #widgets .widget-title img { float: right; height: 11px; position: relative; top: 4px; width: 11px; } #widgets .rss-date { line-height: 18px; padding: 6px 12px; } #widgets .rssSummary { padding: 10px; } #widgets cite { font-style: normal; line-height: 18px; padding: 6px 12px; } #widgets .tagcloud, #widgets .textwidget { display: block; line-height: 1.5em; margin: 0; word-wrap: break-word; text-align:center; } #widgets .textwidget a { display: inline; } #widgets ul .children { border: none; margin: 0; padding: 0; } #widgets .author { font-weight: 700; padding-top: 4px; } .widget_archive select, #cat { display: block; margin: 0 15px 0 0; } .colophon-widget { background: none repeat scroll 0 0 transparent; border: medium none; margin: 0; min-height: 0; padding: 30px 0; margin-top:6px; } .colophon-widget .widget-title { color: #000000; font-size: 22px; letter-spacing: -1px; text-align: left; text-transform: none; } .colophon-widget select, .colophon-widget input[type="text"], .colophon-widget input[type="password"] { width: 100%; } #top-widget {} .top-widget { background: none; border: none; clear: right; float: right; min-height:0; padding: 0 3px 0 0; text-align: right; width: 45%; } .top-widget select, .top-widget input[type="text"], .top-widget input[type="password"] { width: auto; } .top-widget #searchform { margin: 0; } /* =Titles -------------------------------------------------------------- */ .featured-title { color: #FFFFFF; font-size: 41px; letter-spacing: -1px; margin: 0; padding-top: 45px; text-align: center; } .featured-subtitle { color: #FFFFFF; font-size: 19px; font-weight: normal; margin-top: 10px; padding: 0 10px; text-align: center; } .widget-title, .widget-title-home h3 { display: block; text-transform: none; font-size: 17px; font-weight: 300; line-height: 23px; margin: 0; padding: 0 0 17px; text-align: center; color:#707070; color:#606060; font-size: 17px; letter-spacing:0px; } .widget-title { color: #000000; font-size: 18px; letter-spacing: -1px; text-align: left; text-transform: none; color: #606060; font-size: 18px; letter-spacing: 0px; text-align: left; text-transform: none; padding-bottom:17px; } .top-widget .widget-title { font-size: 14px; padding: 0; text-align: right; } .widget-title a { border-bottom: none; padding: 0 !important; } .title-404 { color: #fff; } /* =404 Page -------------------------------------------------------------- */ .error404 select, .error404 input[type="text"], .error404 input[type="password"] { width: auto; } /* =Top Menu -------------------------------------------------------------- */ .top-menu { float: right; margin: 10px 0; } .top-menu li { display: inline; list-style-type: none; } .top-menu li a { border-left: 1px solid #ccc; color: #333 !important; font-size: 11px; padding: 0 4px 0 8px; } .top-menu > li:first-child > a { border-left: none; } .top-menu li a:hover { color: #333; } /* =Header Menu (Primary) -------------------------------------------------------------- */ .menu { margin: 0 auto; } .menu, .menu ul { display: block; list-style-type: none; margin: 0; padding: 0; float:right; } .menu li { border: 0; display: block; float: left; margin: 0; padding: 0; position: relative; z-index: 5; } .menu li:hover { white-space: normal; z-index: 10000; } .menu li li { float: none; } .menu ul { left: 0; position: absolute; top: 0; visibility: hidden; z-index: 10; } .menu li:hover > ul { top: 100%; visibility: visible; } .menu li li:hover > ul { left: 100%; top: 0; } .menu:after, .menu ul:after { clear: both; content: '.'; display: block; height: 0; overflow: hidden; visibility: hidden; } .menu, .menu ul { min-height: 0; } .menu ul, .menu ul ul { margin: 0; padding: 0; } .menu ul li a:hover, .menu li li a:hover { color: #000; text-decoration: none; } .menu ul { min-width: 15em; width: auto; } .menu a { text-transform: none; border-left: 1px solid #ECECEC; color: #878787 !important; cursor: pointer; display: block; letter-spacing: -1px; font-size: 14px; font-weight: 300; height: 95px; line-height: 95px; margin: 0; padding: 0 0.9em; position: relative; text-decoration: none; font-size: 14px; letter-spacing: 0px; } .menu a:hover { background-color: #E8E8E8; background-image: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#ffffff)); background-image: -webkit-linear-gradient(top, #E8E8E8, #ffffff); background-image: -moz-linear-gradient(top, #E8E8E8, #ffffff); background-image: -ms-linear-gradient(top, #E8E8E8, #ffffff); background-image: -o-linear-gradient(top, #E8E8E8, #ffffff); background-image: linear-gradient(top, #E8E8E8, #ffffff); color: #878787; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E8E8E8, endColorstr=#ffffff); } .menu .current_page_item a, .menu .current-menu-item a { background-color: #E8E8E8; background-image: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#ffffff)); background-image: -webkit-linear-gradient(top, #E8E8E8, #ffffff); background-image: -moz-linear-gradient(top, #E8E8E8, #ffffff); background-image: -ms-linear-gradient(top, #E8E8E8, #ffffff); background-image: -o-linear-gradient(top, #E8E8E8, #ffffff); background-image: linear-gradient(top, #E8E8E8, #ffffff); color: #000 !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E8E8E8, endColorstr=#ffffff); } .home .menu .current_page_item a { background-color: #E8E8E8; background-image: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#ffffff)); background-image: -webkit-linear-gradient(top, #E8E8E8, #ffffff); background-image: -moz-linear-gradient(top, #E8E8E8, #ffffff); background-image: -ms-linear-gradient(top, #E8E8E8, #ffffff); background-image: -o-linear-gradient(top, #E8E8E8, #ffffff); background-image: linear-gradient(top, #E8E8E8, #ffffff); color: #000 !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E8E8E8, endColorstr=#ffffff); } .menu li li { background: #FAFAFA; background-image: none; border: 1px solid #efefef; color: #878787; filter: none; margin: -1px 0 1px 0; width: auto; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F4F4F4)); background-image: -webkit-linear-gradient(top, #FFF, #F4F4F4); background-image: -moz-linear-gradient(top, #FFF, #F4F4F4); background-image: -ms-linear-gradient(top, #FFF, #F4F4F4); background-image: -o-linear-gradient(top, #FFF, #F4F4F4); background-image: linear-gradient(top, #FFF, #F4F4F4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF, endColorstr=#F4F4F4); } .menu li li a { background: transparent !important; border: none; color: #878787 !important; font-size: 13px; font-weight: 400; height: auto; height: 20px; line-height: 20px; padding: 10px 10px; text-shadow: none; white-space: nowrap; } .menu li li a:hover { background: #F4F4F4 !important; background-image: none; border: none; color: #444; filter: none; } .menu ul > li + li { border-top: 0; } .menu li li:hover > ul { left: 100%; top: 0; } .menu > li:first-child > a { border-left: 1px solid #ECECEC; } /* =Primary Main Menu IE Fixes -------------------------------------------------------------- */ .ie7 .menu ul { background: url(images/ie7-fix.gif) repeat; } .ie7 .menu li li a { min-width: 100%; } /* =Responsive Menu -------------------------------------------------------------- */ .tinynav { display: none } /* =Sub-Header Menu -------------------------------------------------------------- */ .sub-header-menu { background-color: #fff; border: 1px solid #d6d6d6; border-top: none; clear: both; margin: 0 auto; } .sub-header-menu, .sub-header-menu ul { display: block; list-style-type: none; margin: 0; padding: 0; } .sub-header-menu li { border: 0; display: block; float: left; margin: 0; padding: 0; position: relative; z-index: 5; } .sub-header-menu li:hover { white-space: normal; z-index: 10000; } .sub-header-menu li li { float: none; } .sub-header-menu ul { left: 0; position: absolute; top: 0; visibility: hidden; z-index: 10; } .sub-header-menu li:hover > ul { top: 100%; visibility: visible; } .sub-header-menu li li:hover > ul { left: 100%; top: 0; } .sub-header-menu:after, .sub-header-menu ul:after { clear: both; content: '.'; display: block; height: 0; overflow: hidden; visibility: hidden; } .sub-header-menu, .sub-header-menu ul { min-height: 0; } .sub-header-menu ul, .sub-header-menu ul ul { margin: 0; padding: 0; } .sub-header-menu ul li a:hover, .sub-header-menu li li a:hover { color: #484848; text-decoration: none; } .sub-header-menu ul { width: 14em; } .sub-header-menu a { border-left: 1px solid #e2e2e2; color: #333 !important; cursor: pointer; display: block; font-size: 13px; font-weight: 700; height: 45px; line-height: 45px; margin: 0; padding: 0 0.9em; position: relative; text-decoration: none; text-shadow: none; } .sub-header-menu a:hover { background-color: #f9f9f9; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .sub-header-menu .current_page_item a, .sub-header-menu .current-menu-item a { background-color: #f9f9f9 !important; } .sub-header-menu li li { background: #fff; background-image: none; border: 1px solid #d6d6d6; color: #444; filter: none; margin: -1px 0 1px 0; width: auto; } .sub-header-menu li li a { border: none; color: #444 !important; font-size: 12px; font-weight: 400; height: auto; height: 20px; line-height: 20px; padding: 5px 10px; text-shadow: none; } .sub-header-menu li li a:hover { background: #f9f9f9; background-image: none; border: none; color: #444; filter: none; } .sub-header-menu ul > li + li { border-top: 0; } .sub-header-menu li li:hover > ul { left: 100%; top: 0; } .sub-header-menu > li:first-child > a { border-left: none; } .sub-header-menu ul.children a, .sub-header-menu .current_page_ancestor, .sub-header-menu .current_page_ancestor ul a { background: none; background-image: none; filter: none; } /* =Sub Header Menu IE Fixes -------------------------------------------------------------- */ .ie7 .sub-header-menu ul { background: url(images/ie7-fix.gif) repeat; } .ie7 .sub-header-menu li li a { min-width: 100%; } /* =Footer Menu -------------------------------------------------------------- */ .footer-menu { margin-left: 0; } .footer-menu li { display: inline; list-style-type: none; } .footer-menu li a { border-left: 1px solid #ccc; color: #333 !important; padding: 0 8px; } .footer-menu li a:hover { color: #222; } .footer-menu > li:first-child > a { border-left: none; padding: 0 8px 0 0; } /* =Navigation -------------------------------------------------------------- */ .navigation { display: block; font-size: 13px; height: 28px; line-height: 28px; margin: 20px 0; padding: 0 5px; } .navigation a { font-size: 13px; padding: 4px 10px; } .navigation a:hover { text-decoration: none; } .navigation .previous { float: left; } .navigation .next { float: right; } .navigation .bracket { font-size: 36px; } /* =Pagination (pages) -------------------------------------------------------------- */ .pagination { clear: both; color: #9F9F9F; display: block; font-size: 15px; font-weight: 300; margin: 10px 0; padding: 0 0 5px; } .pagination a { text-decoration: none; } /* =Breadcrumb Lists -------------------------------------------------------------- */ .breadcrumb-list { color: #FFFFFF; font-size: 11px; padding: 0; } .breadcrumb-list a { color:#E1E1E1 !important; } .breadcrumb-list a:hover{ color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.2), 0 0 8px rgba(255, 255, 255, 0.9); } /* =Comments -------------------------------------------------------------- */ #commentform { margin: 0; } .commentlist { border-bottom: 1px dotted #eee; list-style: none; margin: 0; padding: 0; } .commentlist ol { list-style:decimal; } .commentlist li { -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color: #fff; border-radius: 4px; margin: 0 0 5px; border: 1px solid #E1E1E1; } .commentlist .bypostauthor {} .commentlist li cite { color: #707070; font-size: 1.1em; font-style: normal; font-weight: 400; } .commentlist li.alt { background: #f9f9f9; } .commentlist .children { list-style: none; margin-left: 10px; padding: 10px; } .commentlist .avatar { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float: left; margin-right: 10px; padding: 0; vertical-align: middle; } .comment-author .fn { } .comment-author .says { color: #999; } .comment-body .comment-meta { color: #999; display: inline-block; margin: 0; padding: 0; text-align: left; } .comment-body .comment-meta a { color: #999999 !important; font-size: 11px; font-style: italic; } .comment-body { clear: both; padding: 10px; } .comment-body p { clear: both; padding: 10px 0 0; } .comment-body .reply { } .pingback, .trackback { list-style: none; margin: 20px 0; } .pingback cite, .trackback cite { font-style: normal; } #pings, #comments { text-align: left; } #respond { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px 4px 4px 4px; background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#F4F4F4)); background-image: -webkit-linear-gradient(top, #FAFAFA, #F4F4F4); background-image: -moz-linear-gradient(top, #FAFAFA, #F4F4F4); background-image: -ms-linear-gradient(top, #FAFAFA, #F4F4F4); background-image: -o-linear-gradient(top, #FAFAFA, #F4F4F4); background-image: linear-gradient(top, #FAFAFA, #F4F4F4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FAFAFA, endColorstr=#F4F4F4); background-color: #F4F4F4; border: 1px solid #E1E1E1; border-radius: 4px 4px 4px 4px; clear: both; margin-top: 15px; padding: 10px 20px 30px; } #widgets .widget-wrapper { background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#F4F4F4)); background-image: -webkit-linear-gradient(top, #FAFAFA, #F4F4F4); background-image: -moz-linear-gradient(top, #FAFAFA, #F4F4F4); background-image: -ms-linear-gradient(top, #FAFAFA, #F4F4F4); background-image: -o-linear-gradient(top, #FAFAFA, #F4F4F4); background-image: linear-gradient(top, #FAFAFA, #F4F4F4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FAFAFA, endColorstr=#F4F4F4); } #respond label { display: inline; } .reply { margin: 10px 0; } .comment-form-url input, .comment-form-email input, .comment-form-author input, .comment-form-comment textarea { display: block; } .nocomments { color: #999; font-size: .9em; text-align: center; } /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #F0F0F0; max-width: 96%; padding: 12px 8px 10px; text-align: center; } .wp-caption a:hover { opacity:.8; border:1px solid #E1E1E1; } .gallery-icon a:hover { opacity:.8; } .previous a:hover { opacity:.8; } .next a:hover { opacity:.8; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 1.5em; margin: 0; padding: 8px 4px 0; } img.wp-smiley { vertical-align: middle; } /* =WordPress Gallery -------------------------------------------------------------- */ .gallery { margin: 0 auto 18px; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; max-width: 155px; } .gallery img { border: 1px solid #ddd; } .gallery .gallery-caption { font-size: 12px; margin: 0 0 12px; } .gallery dl { margin: 0; } .gallery br+br { display: none; } .attachment-gallery img { background: #fff; border: 1px solid #f0f0f0; display: block; height: auto; margin: 15px auto; max-width: 96%; padding: 5px; width: auto; } .gallery-meta .iso, .gallery-meta .camera, .gallery-meta .shutter, .gallery-meta .aperture, .gallery-meta .full-size, .gallery-meta .focal-length { display: block; } /* =Post Thumbnails -------------------------------------------------------------- */ img.wp-post-image, img.attachment-full, img.attachment-large, img.attachment-medium, img.attachment-thumbnail { display: block; margin: 15px auto; width: auto; } /* =WooCommerce -------------------------------------------------------------- */ #breadcrumb { padding: 40px 0 0 0; } #breadcrumb a { font-size: 12px; font-weight: 400; } #breadcrumb a:hover { color: #444; text-decoration: none; } #content-woocommerce { margin-bottom: 20px; } .products ul, ul.products { margin-top: 40px; } .cart-collaterals .shipping_calculator { width: 100%; } table.shop_table {} table.cart td.actions .coupon .input-text, table.cart td.actions .coupon .input-text { cursor: text; } /* =Footer -------------------------------------------------------------- */ #footer { font-size: 11px; line-height: 1.5em; } #footer-wrapper .textwidget > a { color: #333 !important; } #footer a { color: #333; font-weight: 400; } #footer a:hover { color: #444; } #footer-wrapper .grid.col-940 { margin: 0; } .scroll-top { text-align: center; margin-bottom: 0; } .copyright { text-align: left; margin-bottom: 0; } .powered { text-align: right; margin-bottom: 0; } /* =Social Icons -------------------------------------------------------------- */ #footer .social-icons { list-style: none; line-height: normal; margin: 0; text-align: right; } #footer .yelp-icon, #footer .vimeo-icon, #footer .youtube-icon, #footer .twitter-icon, #footer .facebook-icon, #footer .linkedin-icon, #footer .rss-feed-icon, #footer .instagram-icon, #footer .pinterest-icon, #footer .foursquare-icon, #footer .google-plus-icon, #footer .stumble-upon-icon { display: inline; margin: 1px; padding-left: 3px; } /* =Alignments Extras -------------------------------------------------------------- */ .left { float: left; } .right { float: right; } .center { text-align: center; } /* =Clearfix -------------------------------------------------------------- */ .clearfix:after, #container:after, .widget-wrapper:after { clear: both; content: '\0020'; display: block; height: 0; max-height: 0; overflow: hidden; visibility: hidden; } .clearfix, #container, .widget-wrapper { display: inline-block; } *html .clearfix, *html #container, *html .widget-wrapper { height: 1%; } .clearfix, #container, .widget-wrapper { display: block; } .clear { clear: both; } /* =Begin bidirectionality settings (do not change) -------------------------------------------------------------- */ BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override; } BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override; } [DIR="ltr"] { direction: ltr; unicode-bidi: embed; } [DIR="rtl"] { direction: rtl; unicode-bidi: embed; } /* =Media Print If you're working on a Child Theme, make sure that all media queries are included in your style.css -------------------------------------------------------------- */ @media print { h1 { page-break-before: always; } h1, h2, h3, h4, h5, h6 { page-break-after: avoid; } ul, ol, dl { page-break-before: avoid; } } /* 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 {} } /* =Responsive (Mobile) Design -------------------------------------------------------------- */ @media screen and (max-width: 980px) { .home #widgets .widget-wrapper { margin-bottom:0px; } body {} .grid, .grid-right { float: none; } #featured-image .fluid-width-video-wrapper { margin: 20px 0 0 0; } .home #widgets { margin-bottom: 18px; } .top-widget, .home .top-widget { margin-top: 0 !important; } #widgets .widget-wrapper { } } @media screen and (max-width: 650px) { body {} #logo { float: none; margin: 0; text-align: center; } .grid, .grid-right { float: none; } #featured-image .fluid-width-video-wrapper { margin: 20px 0 0 0; } .top-widget { float: none; margin: 0 auto 0px auto; position: relative; text-align: center; width: auto; padding:5px; } .top-widget .widget-title { text-align: center; } .js .menu, .js .sub-header-menu { display: none; } .top-menu, .footer-menu li { float: none; font-size: 11px; text-align: center; } div.social-links { float:none; text-align:center; padding:4px 0; } .tinynav { display: block; margin: 0 auto 15px; width: 100%; } .tinynav { -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; background: #fff url(images/bg-select.png) no-repeat right; border: 1px solid #E1E1E1; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px;; -webkit-border-radius: 4px; font-size: 14px; overflow: hidden; color:#707070; padding: 1em 1em 1em 0.75em; margin: 0 auto 15px; } .ie7 .tinynav, .ie8 .tinynav { padding-right: 10px; } .ie9 .tinynav { padding-right: 8px; } #author-meta { padding: 20px; } #footer { text-align: center; } #footer .social-icons { padding-bottom: 10px; text-align: center; } } @media screen and (max-width: 480px) { body {} #logo { float: none; text-align: center; } .grid, .grid-right { float: none; } #featured-image .fluid-width-video-wrapper { margin: 20px 0 0 0; } .featured-title { font-size: 40px; padding: 40px 20px 0 20px } .navigation .next, .navigation .previous { text-align: center; } .menu ul, .menu li, .top-menu, .footer-menu li, .sub-header-menu li { float: none; text-align: center; text-rendering: optimizeSpeed; } #footer { text-align: center; } #footer .social-icons { text-align: center; } } @media screen and (max-width: 320px) { body {} #featured p { font-size: 12px; line-height: 1.2em; } .featured-title { font-size: 35px; } .featured-subtitle { font-size: 15px; } .call-to-action a.button { font-size: 14px; padding: 7px 17px; } } @media screen and (max-width: 240px) { body {} #featured p { font-size: 11px; line-height: 1.1em; } .featured-title { font-size: 20px; } .featured-subtitle { font-size: 11px; } .call-to-action a.button { font-size: 12px; padding: 5px 15px; } .top-widget area, .top-widget select, .top-widget textarea, .top-widget input[type="text"], .top-widget input[type="password"] { width: 75%; } .widget-title, .widget-title-home h3 { font-size: 14px; height: 13px; line-height: 13px; text-align: center; } } .grid.col-300.copyright { color: #FFFFFF !important; font-size: 12px; } .grid.col-300.copyright > a { color:#E1E1E1 !important; } .grid.col-300.scroll-top > a { color:#E1E1E1 !important; } .grid.col-300.fit.powered { color: #FFFFFF !important; font-size: 12px; } .grid.col-300.fit.powered > a { color:#E1E1E1 !important; } /*The last 29 days of the month are the hardest."- Nikola Tesla*/ .demo_navigation { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#F4F4F4)); background-image: -webkit-linear-gradient(top, #FAFAFA, #F4F4F4); background-image: -moz-linear-gradient(top, #FAFAFA, #F4F4F4); background-image: -ms-linear-gradient(top, #FAFAFA, #F4F4F4); background-image: -o-linear-gradient(top, #FAFAFA, #F4F4F4); background-image: linear-gradient(top, #FAFAFA, #F4F4F4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FAFAFA, endColorstr=#F4F4F4); border-color: #FEFEFE #FEFEFE #FEFEFE -moz-use-text-color; border-image: none; border-style: solid solid solid none; border-width: 1px 1px 1px medium; left: -177px; padding: 20px 20px 15px; position: fixed; top: 30%; z-index: 1000; } .schemas { float: left; width: 64px; } .schemas a { background: none repeat scroll 0 0 transparent; display: block; height: 42px; margin-bottom: 5px; outline: medium none; overflow: hidden; text-indent: -999px; width: 64px; } .demo_navigation img { border: 1px solid #9F9F9F; margin: 2px; } .demo_navigation img.imgSelected { border-color: red; } .show_hide { cursor: pointer; display: block; height: 100%; width: 100%; } .push_options { background: url("/wp-content/themes/responsive/images/options.png") no-repeat scroll left top transparent; display: block; height: 82px; position: absolute; right: -71px; text-indent: -5000px; top: 20px; width: 70px; } .demo_options { float: left; margin:0px; } .demo_navigation img:hover { cursor: pointer; } .demo_options input[type="image"] { float: left; height: 26px !important; margin: 3px; overflow: hidden; width: 60px !important; border: 1px solid #9F9F9F; padding:0px; } #demo_navigation_title h3 { float: left; font-size: 15px !important; margin-bottom: 13px; margin-left: 5px; margin-top: 9px; } .nav_reset2 { cursor: pointer; display: inline-block; float: right; } .nav_reset2 a.button { -moz-border-bottom-colors: none !important; -moz-border-left-colors: none !important; -moz-border-right-colors: none !important; -moz-border-top-colors: none !important; background-image: -moz-linear-gradient(center top , #525353, #131313) !important; border-color: #333333 #333333 #2B2B2B !important; border-image: none !important; border-radius: 10px 10px 10px 10px !important; border-style: solid !important; border-width: 1px !important; box-shadow: 0 2px 0 0 inset !important; color: white !important; font: bold 10px/16px Arial !important; margin-right: 10px; padding: 1px 10px !important; text-align: center !important; text-shadow: 1px 0 1px !important; text-transform: uppercase !important; } .nav_reset2 a.button:hover { background-image: -moz-linear-gradient(center top , #131313, #2B2B2B) !important; } .nav_reset { float: left; } .nav_reset a.button { background: url("reset.png") no-repeat scroll 0 0 transparent; border: 1px solid #9F9F9F; display: block; height: 26px; margin: 3px; padding: 0; position: relative; text-indent: -5000px; width: 60px; } #easyTooltip { background: none repeat scroll 0 0 #333333; border: 1px solid #292929; color: #FFFFFF; font: 12px/16px "Helvetica Neue",Arial,"MS Trebuchet",sans-serif; opacity: 0.9; padding: 10px; text-shadow: none; width: 150px; z-index: 999999; } .demo_options { width: 136px; } .demo_options > a { display: block; } .bg_pattern div { float: left; height: 26px !important; margin: 3px; overflow: hidden; width: 60px !important; } .bg_pattern div { border: 1px solid #9F9F9F; } .bg_pattern div.imgSelected { border-color: red; } .pt_touch { bottom: 0; height: 238px; left: -4px; margin: 0; outline: 0 none; overflow: hidden; padding-right: 8px; right: 0; top: 0; width: 142px; z-index: 991; } .bg_pattern { margin-bottom: 10px; margin-top: 10px; } .pt_touch > div:nth-child(1) { border: medium none; height: 272px !important; width: 136px !important; } .pt_touch > div:nth-child(2) { border: medium none; height: 272px !important; width: 8px !important; } .pt_touch > div:nth-child(2) > div { height: 61px !important; width: 5px !important; } #reset_cookie { cursor: pointer; } .wp-pointer-buttons a.close { font-size: 13px; } .wp-pointer-content .button-primary { border: 1px solid #DDDDDD; border-radius: 5px 5px 5px 5px; color: #000000; display: block; float: left; margin-left: 10px; padding: 3px 5px; text-align: center; text-decoration: none; transition: all 0.4s ease-in-out 0s; } .wp-pointer-content .button-primary:hover { color: #DDDDDD; } .wp-pointer-content p { box-shadow: 1px 0 1px rgba(1, 1, 1, 0.2); color: #FFFFFF; padding: 4px 15px; } .wp-pointer-buttons { float: right; margin: 0; overflow: auto; padding: 5px 15px; width: 50px; } .wp-pointer-content { background: linear-gradient(to bottom, #6B6B6B 0%, #525353 100%) repeat scroll 0 0 transparent !important; float: left; font-size: 12px !important; line-height: 18px !important; } .wp-pointer-content h3 { background: url("wp-pointer-head.png") repeat scroll center top #181818 !important; color: white !important; font-family: Arial !important; font-size: 11px !important; font-weight: bold !important; line-height: 16px !important; padding: 10px 10px 10px 42px !important; text-transform: uppercase !important; } .wp-pointer-content h3:before { background: url("wp-pointer-head-icon.png") no-repeat scroll 0 50% transparent !important; left: 10px !important; width: 20px !important; } .wp-pointer-left .wp-pointer-arrow, .wp-pointer-right .wp-pointer-arrow { top: 60% !important; } .wp-pointer-arrow { background: url("arrow-pointer-blue.png") no-repeat scroll 0 0 transparent !important; } .wp-pointer-left .wp-pointer-arrow { background-position: -1px -16px !important; left: 0 !important; } .wp-pointer-right .wp-pointer-arrow { background-position: -15px -16px !important; right: 0 !important; } .wp-pointer-bottom .wp-pointer-arrow { background-position: 6px -45px !important; left: 0 !important; } .wp-pointer-top .wp-pointer-arrow { background-position: 6px -1px !important; left: 0 !important; } .wp-pointer-content .button-primary { -moz-border-bottom-colors: none !important; -moz-border-left-colors: none !important; -moz-border-right-colors: none !important; -moz-border-top-colors: none !important; background-image: -moz-linear-gradient(center top , #B5D471, #80A72D) !important; border-color: #333333 #333333 #5B992B !important; border-image: none !important; border-radius: 10px 10px 10px 10px !important; border-style: solid !important; border-width: 1px !important; box-shadow: 0 2px 0 0 inset !important; color: white !important; font: bold 10px/16px Arial !important; margin-right: 10px !important; padding: 1px 16px 1px 6px !important; text-align: center !important; text-shadow: 1px 0 1px !important; text-transform: uppercase !important; } .wp-pointer-content .button-primary:hover { background-image: -moz-linear-gradient(center top , #80A72D, #B5D471) !important; box-shadow: 0 1px 0 0 #8DBF67 inset; cursor: pointer; } .wp-pointer-content .button-primary:before { background: url("arrow-for-pointer.png") no-repeat scroll left center transparent !important; content: ""; float: left; height: 14px !important; margin: 1px 0.75em 0 -0.25em; position: relative; top: 1px; width: 13px !important; } .wp-pointer-buttons { -moz-border-bottom-colors: none !important; -moz-border-left-colors: none !important; -moz-border-right-colors: none !important; -moz-border-top-colors: none !important; background-image: -moz-linear-gradient(center top , #E31B23, #C6171E) !important; border-color: #333333 #333333 #C6171E !important; border-image: none !important; border-radius: 10px 10px 10px 10px !important; border-style: solid !important; border-width: 1px !important; box-shadow: 0 2px 0 0 inset !important; display: inline-block; margin-right: 10px !important; padding: 1px 11px 1px 16px !important; } .wp-pointer-buttons:hover { background-image: -moz-linear-gradient(center top , #C6171E, #E31B23) !important; } .wp-pointer-buttons a.close { color: white !important; font: bold 10px/16px Arial !important; padding-left: 6px !important; text-align: center !important; text-shadow: 1px 0 1px #B83131 !important; text-transform: uppercase !important; } .wp-pointer-buttons a.close:before { background: url("close-for-pointer.png") no-repeat scroll 0 100% transparent !important; left: -13px !important; width: 13px !important; }