/*
Theme Name: Inspire
Theme URI: http://www.woothemes.com/
Version: 2.7.12
Description: Designed by Magnus Jepson.
Author: WooThemes
Author URI: http://www.woothemes.com
Copyright: (c) 2009 WooThemes.
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*
WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! :)
*/
/* Default styles */
@import "css/reset.css";
/*-------------------------------------------------------------------------------------------
INDEX:
1. SETUP
-1.1 Defaults
-1.2 Hyperlinks
233
2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.1 Drop-down menus
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Footer
-2.7 Homepage
-2.8 Portfolio
3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi
-3.4 Info boxes
4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets
-4.3 WooTabs
-4.4 Subscribe & Connect
5. COMMENTS
-5.1 Comments
-5.2 Pingbacks / Trackbacks
-5.3 Comments Form
6. MISC
-6.1 Buttons
-6.2 Info Boxes
-6.3 Conatct Form
-6.4 Gravity Forms
7. Featered Slider
-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
body { min-width: 940px; font: 14px/20px 'Myriad Pro', Helvetica, Arial, sans-serif; color: #000;}
h1, h2, h3, h4, h5, h6 { margin: 0; font-family: 'Open Sans', 'Myriad Pro', Helvetica, Arial, sans-serif; color: #222; font-weight:normal; }
h1 {font-size: 22px; } h2 {font-size: 22px;} h3 {font-size: 18px;} h4 {font-size: 16px;} h5 {font-size: 14px;} h6 {font-size: 12px;}
p {margin: 0; font:14px/22px 'Myriad Pro', Helvetica, Arial, sans-serif; color: #000; }
hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; }
input, textarea { padding: 7px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}
/* 1.2 Hyperlinks */
a:link, a:visited { color: #83b441; text-decoration:none;}
a:hover {text-decoration:underline;}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;}
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* 2.1 Containers & Columns */
#wrapper { background: transparent; }
#top { no-repeat top; }
.products { background-color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5); }
#main{ padding: 0 15px;
width: 609px; }
#main.fullwidth { width: 900px; }
#sidebar{ width: 300px; }
#sidebar .secondary { width: 140px; }
.col-left { float: left; }
.col-right { float: right; }
.col-full { width: 940px; margin: 0 auto; padding: 0px;}
/* 2.2 Navigation */
#navigation{font-size:11px;}
#navigation ul.rss{background:url(images/ico-rss.png) no-repeat 0 5px;padding:6px 0 3px 15px;}
#navigation ul.rss li{display:inline;padding:0 10px;}
ul#nav { margin-top:9px; }
#nav, #nav ul { z-index:99999; margin:0; padding:0; list-style:none; line-height:1; }
#nav a { font: 17px/26px 'Droid Sans', 'Myriad Pro', Helvetica, Arial, sans-serif; display:block; z-index:100; padding:0 10px; color:#fff; text-decoration:none;}
#nav li { float:left; width: auto; padding:2px; margin:0;}
#nav li:hover, #nav li.current_page_item, #nav li.current_page_parent, #nav li.current-menu-item, #nav li.current-menu-ancestor { background: #333 url(images/bg-nav.png) repeat-x top; }
#nav li li.current_page_item, #nav li li.current_page_parent, #nav li li.current-menu-item, #nav li li.current-menu-ancestor { background: none; }
/* 2.2.1 Drop-down menus */
#nav li ul { position: absolute; left: -999em; width: 172px; background: #FFF; border:1px solid #efefef;}
#nav li ul li { border: 1px solid #efefef; border-width: 0 0 1px; padding:0; margin:0; }
#nav li ul li a { background:url(images/ico-bullet.png) no-repeat 5px 10px; width:145px; padding-left:15px; line-height:30px; font-size:12px; color:#000; }
#nav li ul li:hover { background:#fafafa; }
#nav li ul { padding:5px; }
#nav li ul ul { margin: -25px 0 0 120px; }
#nav li ul li ul li a { border-width: 0 0 1px; }
#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul ul { left:-999em; }
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul { left:auto; }
#nav li:hover,#nav li.hover { position:static; }
#nav .sf-sub-indicator {display:none;}
/* 2.3 Header */
#header{padding:50px 0 20px;clear:both;position:relative;}
#logo { float:left; }
#logo img { }
#logo .site-title { font-family:'Droid Sans', 'Myriad Pro', Helvetica, Arial, sans-serif; color: #fff; display:none; }
#logo .site-description { font-family:'Droid Serif', Georgia, serif; color: #ccc; display:none; }
#logo .site-title a { color:#fff; font-size:40px; line-height:40px; text-transform:none; font-weight:bold; text-decoration:none; }
#logo .site-title a:hover { text-decoration:underline; }
#logo .site-description { color:#999; font:italic 14px 'Droid Serif', Georgia, serif; }
#topad {float:right;}
/* 2.4 Content */
#content{background:url(images/bg-content-top.png) repeat-x top center transparent; }
/* 2.5 Sidebar */
#sidebar{overflow:hidden;}
#sidebar .primary { padding-left: 10px;}
#sidebar .secondary { float:left; margin-right:20px; }
#sidebar .secondary.last { margin:0; }
/* 2.6 Footer */
#footer{background:#282828;padding: 20px 0; color:#999;}
#footer p {font:12px/18px 'Droid Sans', 'Myriad Pro', Helvetica, Arial, sans-serif; color: #ccc;}
#footer a {color:#aaa;}
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}
/* 2.7 Homepage */
#featured {padding-top: 40px; display: none; padding-bottom: 30px; }
#featured .wrap { margin-bottom:30px; }
#featured .featured-image { position:relative; padding-left:20px; float:right;}
#featured .video { padding:0 0 30px 30px; float:right; }
#featured .featured-image img { z-index:999; }
#featured h2 { color:#f6f6f6; font-size:36px; font-weight:bold; line-height:1em; margin-bottom:30px; }
#featured p { color:#f6f6f6; font-size:18px; line-height:24px; padding-bottom:20px;}
.hidden { display: none}
#container { width: 10000px; }
#featured .slide { width: 940px; float: left; z-index: 980 !important; }
#featured a.btn { background: transparent url(images/btn-slider-a.png) no-repeat scroll top right; color: #444; display: block; float: left; height: 48px; margin-right: 15px;padding-right: 23px; text-decoration: none; font-weight:bold;font-size:14px;text-transform:uppercase; margin-bottom:20px; }
#featured a.btn span { background: transparent url(images/btn-slider-span.png) no-repeat;display: block;line-height:14px;padding: 17px 0 17px 23px;}
#featured a.btn:hover { opacity:0.9; color: #222;outline: none;}
#featured a.btn:hover span { padding: 17px 0 17px 23px;}
#breadcrumb { background:url(images/bg-breadcrumb.png) repeat-x; height:50px; border-bottom:1px solid #aaa; line-height:50px; color:#666; }
#breadcrumb .subscribe img{ padding:13px 0 0 10px; }
/*
#breadcrumb .col { width:420px; }
*/
#breadcrumb a.left { background:url(images/btn-left.png) no-repeat top; display:block; width:30px; height:30px; float:left; margin-right:5px; margin-top:10px; }
#breadcrumb a.right { background:url(images/btn-right.png) no-repeat top; display:block; width:30px; height:30px; float:left; margin-top:10px;}
#breadcrumb a.left:hover { background:url(images/btn-left.png) no-repeat bottom; }
#breadcrumb a.right:hover { background:url(images/btn-right.png) no-repeat bottom; }
.pagination { margin-top:2px; }
.pagination li { display:inline; }
.pagination li a { background:url(images/btn-slider.png) no-repeat; display:inline-block; overflow:hidden; width:13px; padding-top:13px; }
.pagination li.active a, .pagination li a:hover { background:url(images/btn-slider-active.png) no-repeat; }
#mini-features { margin:0; }
#mini-features .block { width:275px; margin:0 30px 30px 0; float:left; }
#mini-features .block.last { margin-right:0; }
#mini-features .home-icon { float:left; margin-right:10px; }
#mini-features h3 { font-size:18px; padding-top:5px; padding-bottom:20px; font-weight:bold; color:#444; letter-spacing:-1px;}
#mini-features p { padding-bottom:20px; }
#mini-features .more-features { background:url(images/bg-border.png) no-repeat top center; padding-top:20px; }
#mini-features .more-features a { float:right; padding:5px 5px 0 0; color:#777;}
#mini-features .more-features a:hover { text-decoration:none; color:#555;}
#mini-features .more-features a span { text-transform:uppercase; font-weight:bold; line-height:18px; padding-right:10px;}
#mini-features .more-features img { vertical-align:middle; width:30px; height:30px;}
#mini-features a.btn { background: transparent url(images/bg-button-a.png) no-repeat scroll top right; color: #999; display: block; float: left; font: normal 12px arial, sans-serif; height: 23px; margin-right: 6px;padding-right: 20px; text-decoration: none;font-family:"Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif; font-weight:bold;font-size:11px;text-transform:uppercase; }
#mini-features a.btn span { background: transparent url(images/bg-button-span.png) no-repeat;display: block;line-height: 14px;padding: 4px 0 5px 20px;}
#mini-features a.btn:hover { background-position: bottom right;color: #555;outline: none;}
#mini-features a.btn:hover span {background-position: bottom left;padding: 4px 0 5px 20px;}
#main-page1 { margin:0 0 30px; }
#main-page2 { margin:30px 0 10px; }
/* 2.8 Portfolio */
#portfolio .block { width:450px; margin:0 10px 20px 10px; display:inline; }
#portfolio .block a.thumb { background: url(images/portfolio-hover.png) no-repeat 50% 50%; border:1px solid #ddd; padding:4px; margin:0 0 20px 0; display:block;}
#portfolio .block img.portfolio-img { }
#portfolio .block h2 { font-size:18px; margin-bottom:15px; }
.port-cat { text-transform:uppercase; }
.port-cat a { padding:2px 6px; background:#e4e4e4; margin:0 0 0 5px; border:1px solid #ccc; }
.port-cat a:hover { text-decoration:none; background:#eee; }
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
.archive_header { font-family: 'Droid Serif', Georgia, serif; display: block; float: left; width: 100%; margin:0 0 25px; padding:0 0 20px; font-size: 16px; font-weight: bold; background: url("images/bg-border.png") no-repeat scroll center bottom; }
.archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 28px; }
.post { margin: 0 0 30px;
padding-top: 30px;
padding-bottom: 0px;}
.post .title, .single .title { font-weight: bold; font-size:24px; line-height:24px; position:relative; margin: 0 0 15px; }
.page .post .title, .single .title { margin: 15px 0 15px 0; }
.post .title a:link, .post .title a:visited, .single .title a:link, .single .title a:visited { color:#ec480f; }
.post-meta{margin: 10px 0 25px 0;font:11px/11px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
.post-meta .comments a { padding: 0 0 0 20px; text-transform: uppercase; }
.post-meta .small{text-transform:lowercase;}
.post-meta, .post-meta .post-author a, .post-more { color:#868686; }
.post-more { clear:both; text-transform:uppercase; border:1px solid #e6e6e6; border-width:4px 0 1px; padding:10px 0; font:11px/16px Arial, Helvetica, sans-serif;}
.post-more a, .post-meta a { text-decoration:none; }
.post-more a:hover, .post-meta a:hover { text-decoration:underline; }
.post p.tags{background:url(images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;margin-bottom:20px;}
.entry {}
/* 3.1 Typographic Elements */
.entry h1 { border-bottom:1px solid #e6e6e6; margin-bottom:20px; padding-bottom: 20px; } .entry h2 { padding-bottom:20px; } .entry h3 { padding-bottom:10px; } .entry h4 {} .entry h5 {} .entry h6 {}
.entry p { margin: 0 0 5px 0; }
.entry blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444; }
.entry blockquote p { font-style:italic; font-family: 'Droid Serif', Georgia, serif;}
.entry ul { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ul ul { margin: 0; }
.entry ul li { list-style-type: circle; }
.entry ul ul li { list-style-type: disc; }
.entry ol { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ol ol { margin: 0; }
.entry ol li { list-style-type: upper-latin; }
.entry ol li ol li { list-style-type: lower-latin; }
/* 3.2 Images */
.entry img.shadow { border: 3px solid #FAFAFA; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); border-radius: 10px; }
.entry img.styled, img.thumbnail { padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; }
img.wp-smiley { padding: 0; border: none; }
.alignleft { float: left; height: auto; margin: 5px 15px 5px 0; }
.alignright { float: right; height: auto; margin: 5px 0 5px 15px; }
.aligncenter { text-align: center; margin-bottom:15px;}
img.aligncenter { margin-left:auto; margin-right:auto; display:block; }
.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #e6e6e6; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font:11px/22px Arial, Helvetica, sans-serif; text-align:center; }
/* 3.3 Pagination / WP-Pagenavi */
.nav-entries, .wp-pagenavi { padding:30px 0px; background: url("images/bg-border.png") no-repeat scroll center top; }
.nav-entries a { display: block; font:italic 12px/16px 'Droid Serif', Georgia, serif; color:#777; text-decoration:none;}
.nav-entries a:hover { text-decoration:underline; }
.wp-pagenavi { margin: 0 !important; text-align: right !important; }
.wp-pagenavi a:link,
.wp-pagenavi a:visited { display: inline !important; text-decoration: none !important; background: #EEEEEE !important;color: #666 !important; padding: 3px 7px !important; border:1px solid #DDDDDD !important;}
.wp-pagenavi .current,
.wp-pagenavi .on,
.wp-pagenavi a:hover { padding: 3px 7px !important; background: #ddd !important; border:1px solid #bbb !important; }
.wp-pagenavi span.extend, .wp-pagenavi span.pages { float:left; font-family: 'Droid Serif', Georgia, serif; background:none !important; border:none !important; color:#666 !important; padding:0 !important}
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.2 Generic Widgets */
.widget { margin: 0 0 0px 0; font-size:14px; }
.widget h3 { margin: 0 0 15px 0; padding:0; font-size:18px;font-weight:bold; color:#777; }
.widget p { margin-bottom:15px; }
.widget ul { clear:both; padding-left:10px; list-style-position:inside; list-style-type:disc;}
.widget ul li { background:url(images/ico-bullet.png) no-repeat left 8px; padding-left:10px; list-style-type:none; }
.widget ul li a { color:#555; padding: 0 0 0 5px; line-height: 22px; text-decoration: none; font-size:14px;}
.widget ul li a:hover { text-decoration:underline; }
.widget ul ul { padding: 0 0 0 15px; border-top: none; }
.widget_recent_comments li, #twitter li { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */
.widget .textwidget, .widget ul, .widget_woo_feedback .feedback { padding:25px; }
.widget .textwidget { padding-bottom:10px; }
#footer-widgets { background:#dedede url(images/bg-footer-widgets.png) repeat-x top; padding:20px 0; }
#footer-widgets .left { width:580px; float:left; padding:0px 40px 0 0; margin-top:20px; background:url(images/border-vertical.png) repeat-y right;}
#footer-widgets .right { width:280px; float:right; padding:20px 0 0;}
#footer-widgets h3 { text-transform:uppercase; }
#footer-widgets .widget .textwidget, #footer-widgets .widget ul{ background:none; padding:0;}
#footer-widgets .widget ul{ padding-left:10px;}
#footer-widgets p { color:#333; }
#footer-widgets .post-meta { color:#777; }
/* 4.2 Specific Widgets */
/* WIDGET FORMS */
#searchform { background:#fff; border: 6px solid #e2e2e2; position:relative; }
#searchform .btn { position:absolute; right:10px; bottom:0; border:0; padding:2px; }
.widget input#s, .widget input.field { width: 180px; padding: 8px 0; margin-left:10px; border: 0; color:#999999; }
#footer-widgets .widget input.s { width: 55%; }
.widget .screen-reader-text { display: none; }
.widget input.submit { float:right; }
/* FLICKR */
.widget_woo_flickr h3 {}
.widget_woo_flickr h3 span{color:#0061D8;}
.widget_woo_flickr h3 span span{color:#FF1183;}
.widget_woo_flickr .flickr_badge_image { float: left; margin: 3px; }
.widget_woo_flickr .wrap { position: relative; margin-bottom: 20px; padding: 0; }
.widget_woo_flickr a img { float: left; margin: 0 0 8px 8px; display: block; border: #CECFC6 1px solid; padding: 3px;}
.widget_woo_flickr a:hover img { border:#A8AA99 1px solid; }
/* LIFESTREAM */
.widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; }
.widget_lifestream ul li a { border:none; background:none!important; }
.widget_lifestream ul .lifestream_meta { color: inherit; }
/* CALENDAR */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}
/* Blog Author Widget */
.widget_woo_blogauthorinfo .avatar { padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7);}
.widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; }
.widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; }
/* Woo News Widget */
.widget_woo_news { position:relative; }
.widget_woo_news h3 { background:url(images/border-horizontal.png) repeat-x bottom; padding-bottom:25px; margin-bottom:25px; color:#444; }
.widget_woo_news .rss { position:absolute; right:0; top:0; }
.widget_woo_news a.title { font-size:18px; font-weight:bold; padding:0; color:#555; }
.widget_woo_news .post-meta { font-size:11px; }
.widget_woo_news .item { margin-bottom:25px; clear:both; }
/* Feedback Widget */
.widget_woo_feedback h3 { background:url(images/ico-feedback.png) no-repeat; padding:5px 0 5px 42px; }
.widget_woo_feedback blockquote p { font-family: 'Droid Serif', Georgia, serif; font-style:italic; color:#555;}
.widget_woo_feedback cite { font-family: 'Droid Sans', Arial, sans-serif; font-style:normal; color:#555; font-size:12px; }
/* Twitter Stream */
.widget_woo_twitter h3 { background:url(images/ico-twitter.png) no-repeat; padding:5px 0 5px 42px; }
.widget_woo_twitter h3 a { color:#555; }
.widget_woo_twitter ul { padding-bottom:10px; }
.widget_woo_twitter ul li { background:none; padding:0 0 15px; font-family:'Droid Serif', Georgia, serif; font-style:italic; }
.widget_woo_twitter ul li span { display:block; }
.widget_woo_twitter ul li a { padding:0; color:#999; }
.widget_woo_twitter ul li span a { color:#333; }
/* 4.3 WooTabs */
#tabs { background:#f0f0f0; height:auto; display: block; padding:5px; margin-bottom:30px; }
#tabs ul.wooTabs { padding:0px; }
#tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; }
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#fff; text-decoration:none; }
#tabs ul.wooTabs li a { color:#777; display: block;float: left;padding: 8px; text-transform:uppercase; font:11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#tabs .inside { background:#fff; padding:5px;}
#tabs .inside li { background:#fff; }
#tabs #tab-tags { padding:10px; }
#tabs .inside ul { margin:0; border: 1px solid #e6e6e6; border-width:1px 0 1px 0; }
#tabs .inside li { border:1px solid #e6e6e6; border-width:0 1px 1px 1px; padding:10px; }
#tabs .inside li a { color:#555; font:bold 12px/18px 'Droid Serif', Georgia, serif; }
#tabs .inside a:hover{}
#tabs .inside li span.meta { display:block; font:11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#777; }
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px; background-color: #ffffff; float: left; margin: 0 8px 0 0; }
/* 4.4 Connect */
#connect {border-top: 1px solid #B2B2B2; border-bottom: 1px solid #B2B2B2; margin:20px 0 30px; padding:15px; clear:both; background: #fff; }
#connectContainer { margin-bottom: 30px; }
#main #connect .col-left, #connect .col-right { width:48%; }
#connect h3 { margin-bottom: 15px; }
#connect p { margin: 0 0 1em; }
#connect .newsletter-form { margin: 0 0 1em; }
#connect .newsletter-form .input { }
#connect .newsletter-form .email { width:140px; }
#connect .newsletter-form .submit { cursor:pointer; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; float: none; margin: 5px; }
#connect .social { }
#connect .social a { opacity:0.8; }
#connect .social a:hover { opacity:1; }
#connect .related-posts { border-left:1px solid #e6e6e6; padding-left:15px; }
#connect .related-posts ul { list-style: outside disc; margin:5px 0 5px 15px; }
.widget #connect .fl, .widget #connect .fr { float:none;}
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments {position:relative;margin:30px 0 0;padding:40px 0 0 0;background: url("images/bg-border.png") no-repeat scroll center top;}
#comments h3 { color:#333; font-weight:normal; margin-bottom:20px; }
#comments .comment.thread-even { background: #f7f7f7; border-bottom:1px solid #b2b2b2; }
#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .comment .comment-container { position:relative; padding: 20px; }
#comments .comment-head { margin: 0 0 15px 0; }
#comments .avatar { float:left; margin: 0 15px 10px 0; }
#comments .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comments .comment-head .name { margin: 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry p { margin: 0 0 10px 0;}
#comments .reply { padding-top:10px; }
#comments .reply a { }
#comments .reply a:hover { }
#comments ul.children{margin:10px 10px 0 25px;padding:0; }
#comments ul.children li {border-top:1px solid #e6e6e6; }
#comments .cancel-comment-reply{margin:10px 0;}
#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}
#comments h3#pings { margin-top:25px; }
#comments .pingbacks li.pingback { margin:10px 0; }
#comments .pingbacks li.pingback .reply { display:none; }
/* 5.2 Comments Form */
#respond { margin: 40px 0 0; }
#respond h3 { color:#333; font-weight:normal; margin-bottom:20px; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond label { font-size:11px; color:#777; }
#commentform { margin: 15px 0 0 0; }
#commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; }
#commentform input.txt, #commentform textarea { font:14px/14px Arial, Helvetica, sans-serif; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}
#commentform input.txt { color:#666; background: #fcfcfc; width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; }
#commentform textarea { color:#666; background: #fcfcfc; width: 95% !important; padding: 5px 7px; }
#commentform #submit { margin: 15px 0 0 0; }
/* 5.3 Pingbacks / Trackbacks */
h3#pings { margin: 25px 0 10px 0; }
.pinglist li { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author { font-weight: bold; font-size: 15px; }
.pinglist li .date { font-size: 11px; }
.pinglist li .pingcontent { display: block; margin: 10px 0; }
/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/
/* 6.1 Buttons */
.button, .button:visited, .reply a{ font-family:Verdana, Geneva, sans-serif; background: url(images/alert-overlay.png); display: inline-block; padding: 5px 10px 6px; color: #fff !important; text-decoration: none; border:none; position: relative; cursor: pointer; }
.button, .button:visited, .reply a{ background-color:#83B441; }
.button:hover, .reply a:hover { color: #fff !important; text-decoration:none; }
.button:active, .reply a:active { top: 1px; }
.small.button, .small.button:visited, .reply a { font-size: 10px; padding: 0px 6px 1px; text-transform:uppercase;}
.button, .button:visited, .medium.button, .medium.button:visited { font-size: 13px; font-weight: bold; line-height: 1; }
.large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; }
/* 6.2 Info Boxes */
p.alert, p.download, p.info, p.note, p.tick { margin:10px 0 20px 0; padding:9px 10px 9px 50px; }
p.alert { border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url(images/ico-alert.png) no-repeat 20px 13px; }
p.download { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-download.png) no-repeat 20px 13px; }
p.tick { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-tick.png) no-repeat 20px 13px; }
p.info { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url(images/ico-info.png) no-repeat 20px 13px; }
p.note { border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url(images/ico-note.png) no-repeat 20px 13px; }
/* 6.3 Contact Form */
#contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; }
#contact-page ol.forms{float:left;list-style:none;width:100%;margin:10px 0 0;}
#contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%}
#contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;}
#contact-page ol.forms input.txt{width:214px;}
#contact-page ol.forms input#sendCopy{border:none;}
#contact-page ol.forms textarea{height:300px;width:400px;}
#contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;}
#contact-page ol.forms li.textarea .error{display:block; margin-left:120px}
#contact-page ol.forms li.screenReader{margin-bottom:0;}
#contact-page ol.forms li.buttons .submit{margin: 15px 0 0 120px; }
#contact-page ol.forms li.inline input{width:auto;margin-left:120px;}
#contact-page ol.forms li.inline label{display:inline;float:none;width:auto;}
/* IE Slide animation "black border on PNG's" fix */
.ie img, .ie .btn {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */
zoom: 1;
}
/*-------------------------------------------------------------------------------------------*/
/* 7. FEATURED SLIDER */
/*-------------------------------------------------------------------------------------------*/
body.home #breadcrumb { position: relative; z-index: 990; }
body.home #breadcrumb .col {float: left;position: relative;width: 50%;z-index: 999;}
#woofader { position: relative; }
#featured .wrap { padding-bottom: 50px; }
#featured .featured-image { z-index: 999; }
#featured .featured-image a { display: block; }
#featured .slide.hidden { display: none; }
#container {
width:900px;
padding:10px;
margin:0 auto;
position:relative;
z-index:0;
top: 13px;
}
#frame {
position:absolute;
z-index:0;
width: 948px;
top:-3px;
left:0px;
}
/*
Slideshow
*/
#slides {
position:absolute;
top:20px;
left:24px;
z-index:100;
margin-bottom: 100px;
}
/*
Slides container
Important:
Set the width of your slides container
Set to display none, prevents content flash
*/
#slider_container {
padding-bottom: 550px;
width: 900px;
margin: auto;
}
.slides_container {
width:900px;
overflow:hidden;
position:relative;
display:none;
}
/*
Each slide
Important:
Set the width of your slides
If height not specified height will be set by the slide content
Set to display block
*/
.slides_container div.slide {
width:900px;
height:500px;
display:block;
}
/*
Next/prev buttons
*/
#slides .next,#slides .prev {
position:absolute;
top:107px;
left:-47px;
width:24px;
height:43px;
display:block;
z-index:101;
}
#slides .next {
left:923px;
}
/*
Pagination
*/
.pagination {
margin:26px auto 0;
width:100px;
}
.pagination li {
float:left;
margin:0 1px;
list-style:none;
}
.pagination li a {
display:block;
width:12px;
height:0;
padding-top:12px;
background-image:url(../img/pagination.png);
background-position:0 0;
float:left;
overflow:hidden;
}
.pagination li.current a {
background-position:0 -12px;
}
/*
Caption
*/
.caption {
z-index:500;
position:absolute;
bottom:-35px;
left:0;
height:30px;
padding:5px 20px 0 20px;
background:#000;
background:rgba(0,0,0,.5);
width:540px;
font-size:1.3em;
line-height:1.33;
color:#fff;
border-top:1px solid #000;
text-shadow:none;
}
/* Relative positioning*/
#map-wrapper {
position: relative;
margin: 10px auto;
}
/* Hide the original tooltips contents */
.pin {
display: none;
}
/* Begin styling the tooltips and pins */
.tooltip-up, .tooltip-down {
position: absolute;
background: url(https://www.lupinepet.com/wp-content/uploads/2012/07/arrow-up-down.png);
width: 36px;
height: 36px;
}
.tooltip-down {
background-position: 0 -52px;
}
.tooltip {
display: none;
width: 500px;
cursor: help;
text-shadow: 0 1px 0 #fff;
position: absolute;
top: 27px;
left: 50%;
z-index: 999;
margin-left: -260px;
padding:10px;
color: #222;
background-color: #fff;
background-color: rgba(255, 255, 255, .85);
color: rgba(255, 255, 255, .85);
-webkit-box-shadow: 0px 6px 5px 1px #ccc;
box-shadow: 0px 6px 5px 1px #ccc;
border: 1px solid #ccc;
}
.tooltip img {
margin: 10px;
border: solid 4px #666666;
}
.tooltip::after {
content: '';
position: absolute;
top: -10px;
left: 50%;
margin-left: -10px;
border-bottom: 10px solid #fff;
border-left: 10px solid transparent;
border-right :10px solid transparent;
}
.tooltip-down .tooltip {
bottom: 12px;
top: auto;
}
.tooltip-down .tooltip::after {
bottom: -10px;
top: auto;
border-bottom: 0;
border-top: 10px solid #ffdb90;
}
.tooltip h2 {
font: bold 1.5em 'Trebuchet MS', Tahoma, Arial;
padding: 10px 10px 0px;
}
.tooltip ul {
margin: 0;
padding: 0;
list-style: none;
}
.product-button {
margin-top: 70px;
margin-right: 45px;
float: right;
height: 60px;
}
.product-button a img {
border: none;
}
.noFloat {
clear: both;
}
.buyBox {
height: 50px;
background-color: #f2f2f2;
border: solid 1px #CCC;
padding: 10px 5px 5px 5px;
min-height: 70px;
margin: 15px 0;
}
.roman {
height: 50px;
background-color: #f2f2f2;
border: solid 1px #CCC;
padding: 10px 5px 5px 5px;
min-height: 70px;
}
.buyBox em {
}
.product-header {
font-size: 26px;
padding: 15px 0px 0px 15px;
width: 285px;
line-height: 30px;
}
.flexi img, .underground img {
border: 1px solid #FAFAFA;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
}
.bx-next {
position:absolute;
top:40%;
right:-25px;
z-index:999;
width: 24px;
height: 43px;
text-indent: -999999px;
background: url(https://store-3bcbb.mybigcommerce.com/content/arrow-next.png) no-repeat;
}
/*previous button*/
.bx-prev {
position:absolute;
top:40%;
left:-25px;
z-index:999;
width: 24px;
height: 43px;
text-indent: -999999px;
background: url(https://store-3bcbb.mybigcommerce.com/content/arrow-prev.png) no-repeat;
}
/*pager links*/
.bx-pager a {
margin-right: 5px;
color: #fff;
padding: 3px 8px 3px 6px;
font-size: 12px;
zoom:1;
background: url(https://store-3bcbb.mybigcommerce.com/content/arrow-prev.png) no-repeat 0 -20px;
}
/*auto start button*/
.bx-auto .start {
background: url(https://store-3bcbb.mybigcommerce.com/content/arrow-prev.png) no-repeat 0 2px;
padding-left: 13px;
}
/*auto stop button*/
.bx-auto .stop {
background: url(https://store-3bcbb.mybigcommerce.com/content/arrow-prev.png) no-repeat 0 -14px;
padding-left: 13px;
}
/*
* End color scheme styles
*/
/*next/prev button hover state*/
.bx-next:hover,
.bx-prev:hover {
background-position: 0 0;
}
/*pager links hover and active states*/
.bx-pager .pager-active,
.bx-pager a:hover {
background-position: 0 0;
}
/*pager wrapper*/
.bx-pager {
text-align:center;
padding-top: 7px;
font-size:12px;
color:#666;
}
/*captions*/
.bx-captions {
text-align:center;
font-size: 12px;
padding: 7px 0;
color: #666;
}
/*auto controls*/
.bx-auto {
text-align: center;
padding-top: 15px;
}
.bx-auto a {
color: #666;
font-size: 12px;
}
.bx-window li img {
float: left;
padding-right: 10px;
}
.bx-window img {
padding: 10px;
}
#image {
height:350px;
width:525px;
padding: 0px;
}
.thumb{
margin-right:10px;
margin-top:10px;
border:4px #666 solid;
float: left;
margin-bottom: 15px;
}
#guts .product-button {
margin-top: 30px;
margin-right: 45px;
float: right;
}
.product-button a img {
border: none;
}
.thumb_holder {
height: 100px;
}
.thumb_container {
margin-left: 10px;
}
.clear {
clear: both;
}
.bx-prev {
left: -45px;
}
.bx-next {
right: -31px;
}
/*#locator {
background: url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
border: 1px solid #AAAAAA;
color: #222222;
border-radius: 4px 4px 4px 4px;
padding: 5px;
}*/
.tab-bottom-nav {
display: none;
}
#credit {
font-size: 12px;
}
#ee24 {
position: relative;
top: 438px;
right: 460px;
z-index: 3;
display: none !important;
}
.welcomeHeader {
font-size: 19px;
margin-top: 15px;
}
.welcome {
line-height: 26px !important;
padding: 15px, 0px !important;
margin: 40px 40px 40px 0px !important;
}
li#woo_subscribe-2 {
list-style: none;
}
#homepageWelcome {
width: 938px;
}
#main-page-tabs {
color: rgb(51, 51, 51);
display: block;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
height: 0px;
line-height: 18px;
position: absolute;
right: 900px;
top: 120px;
width: 0px;
z-index: 100;
}
#main-page-tabs-rotate {
-webkit-transform: matrix(0.00000000000000006123233995736766, 1, -1, 0.00000000000000006123233995736766, 0, 0);
color: rgb(51, 51, 51);
display: block;
font-family: PFDinTextPro-Regular, Helvetica, Arial, sans-serif;
font-size: 13px;
height: 0px;
line-height: 18px;
width: 0px;
}
#main-page-tabs-content {
color: rgb(51, 51, 51);
display: block;
font-family: PFDinTextPro-Regular, Helvetica, Arial, sans-serif;
font-size: 13px;
height: 39px;
line-height: 18px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
min-width: 680px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: absolute;
top: -900px;
white-space: nowrap;
width: 680px;
}
.social-tab {
-webkit-box-shadow: rgba(0, 0, 0, 0.701961) 2px -2px 3px 0px;
background-color: rgb(0, 0, 0);
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.701961) 2px -2px 3px 0px;
color: rgb(240, 240, 240);
cursor: auto;
display: block;
float: left;
font-family: PFDinTextPro-Medium;
font-size: 17px;
height: 17px;
line-height: 18px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 10px;
margin-top: 0px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px;
padding-top: 10px;
text-decoration: none;
white-space: nowrap;
width: 260px;
}
#cc_form_1 {
padding: 0px !important;
}
.cc_Go input {
background-color: #ededed;
width: 250px !important;
font-weight: bold;
height: 60px;
font-size: 18px;
}
.cc_Go input:hover {
cursor: hand;
cursor: pointer;
background-color: #ff801f;
}
.error {
background-color: #ffa1a1;
padding-bottom: 5px;
}
#rum_sst_tab {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE8 */
}
#eventCalender {
margin-bottom: 15px;
}
#eventCalender h2 {
padding: 10px;
margin-top: 15px;
margin-bottom: 5px;
background-color: #e1e1e1;
}
#eventCalenders th {
margin-bottom: 15px;
}
#eventCalenders table tbody {
margin-top: 15px;
}
#eventCalenders table tbody tr {
height: 50px;
}
.banner {
position: relative;
width: 100%;
overflow: auto;
font-size: 18px;
line-height: 24px;
text-align: center;
color: rgba(255,255,255,.6);
text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
background: #5b4d3d;
}
.banner ul {
list-style: none;
width: 300%;
}
.banner ul li {
display: block;
float: left;
width: 100%;
padding: px;
min-height: 700px;
-webkit-background-size: 100% 100%;*/
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-ms-background-size: 100% 100%;
background-size: 100% 100%;*/
box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
}
.banner h1, .banner h2 {
margin-top: 15px;
font-size: 40px;
line-height: 52px;
color: #fff;
width: 100%;
}
.banner p {
color: #fff;
}
.banner .btn {
display: inline-block;
margin: 25px 0 0;
padding: 9px 22px 7px;
clear: both;
color: #fff;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
border: 2px solid rgba(255,255,255,.4);
background: rgba(255,255,255,.2);
}
.banner .btn:hover {
background: rgba(255,255,255,.45);
}
.banner .btn:active {
-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
}
.banner .btn, .banner .dot {
-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}
.banner .dots {
position: absolute;
left: 0;
right: 0;
bottom: 200px;
}
.banner .dots li {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 4px;
text-indent: -999em;
border: 2px solid #fff;
border-radius: 6px;
cursor: pointer;
opacity: .4;
-webkit-transition: background .5s, opacity .5s;
-moz-transition: background .5s, opacity .5s;
transition: background .5s, opacity .5s;
}
.banner .dots li.active {
background: #fff;
opacity: 1;
}
.darkBg {
background: rgba(0,0,0,.2);
-webkit-box-shadow: 0px 0px 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0px 0px 5px 10px rgba(0, 0, 0, .2);
}
.sliderPushRight {
padding-left: 60%;
}
.sliderPushRight50 {
padding-left: 60%;
padding-top: 200px;
}
.sliderPushLeft {
padding-right: 60%;
}
.sliderPushCenter {
margin-top: 150px;
}
.sliderPushBottom {
margin-bottom: 320px;
}
/*-----------------------------------------------------------------------------
freshCloud
Screen Stylesheet
version: 1.0
date: 09/22/11
author: freshline
email: support@version-four.com
website: http://www.version-four.com
-----------------------------------------------------------------------------*/
/******************************
- BASICS -
*******************************/
.description {
font-family: 'Istok Web', sans-serif;
font-size: 13px;
color:#505050;
line-height:1.5;
}
.titlelogo {
background-image:url(../images/sitelogo.png);
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
padding-top:35px;
margin-top:20px;
margin-bottom:-5px;
display:block;
width:250px;
height:98px;
}
/******************************
- DIVIDERS -
******************************/
.content_divider{
width:900px;
height:10px;
background:url(../images/assets/content_separator.png) repeat-x;
margin-top:60px;
margin-bottom:60px;
}
.verysmall_spacer{
clear: both;
height: 5px;
width: 100%;
}
.small_spacer{
clear: both;
height: 10px;
width: 100%;
}
.medium_spacer{
clear: both;
height: 20px;
width: 100%;
}
.big_spacer{
clear: both;
height: 30px;
width: 100%;
}
.verybig_spacer{
clear: both;
height: 60px;
width: 100%;
}
.small_spacer_negative{
clear: both;
margin-bottom:-10px;
width:100%;
}
.medium_spacer_negative{
clear: both;
margin-bottom:-20px;
width:100%;
}
.big_spacer_negative{
clear: both;
margin-bottom:-30px;
width:100%;
}
/*******************************
- CONTENT WRAPPING -
********************************/
#content_wrap {
clear:both;
margin-top:0px;
margin-left:auto;
margin-right:auto;
width:960px;
height:auto;
background-color:#fff;
padding-top:20px;
-webkit-box-shadow: 0px -10px 25px -15px #000;
-moz-box-shadow: 0px -10px 25px -15px #000;
box-shadow: 0px -10px 25px -15px #000;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
/*******************************
- CONTENT BLOCKS -
********************************/
.full,.one_half, .one_third, .two_third,.two_fourth, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{
margin-right: 2%; position:relative; float:left; text-align:left;
}
.one_half{ width:49%; }
.one_third{width:32%;}
.one_fourth{width:23.5%; }
.one_fifth{width: 18.4%;}
.one_sixth {width: 15%;}
.two_third{width: 64%;}
.two_fourth {width: 47%;}
.two_fifth {width: 36.8%;}
.two_sixth {width: 30%;}
.three_fourth{width:70.5%;}
.three_fifth {width: 55.2%;}
.three_sixth {width: 45%;}
.four_fifth {width: 73.6%;}
.four_sixth {width: 60%;}
.five_sixth {width: 75%;}
.last{ margin-right:0 !important; clear:right; }
.theme-title{
font-family: 'Istok Web', sans-serif;
font-size: 26px;
margin-top: 30px;
margin-bottom:0px;
color:#505050;
}
.theme-title2{
font-family: 'Istok Web', sans-serif;
font-size: 20px;
margin-top: -5px;
font-style:italic;
margin-bottom:30px;
color:#505050;
}
.newtab {
float: left;
position: relative;
right: 15px;
}
.collections-menu .sub-menu a {
line-height: 20px !important;
padding: 5px 15px !important;
font-style: italic !important;
}
.collections-menu strong {
font-size: 1.25em;
font-style: normal;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #843534;
}
.webbing-select .gfield_label {
width: 100% !important;
display: block;
}
.webbing-select ul.gfield_radio {
margin-left: 0 !important;
overflow: initial;
background-color: red;
}
.local-link {
text-align: center;
font-size: 18px;
padding: 10px 0 30px 0;
}
.local-link .button {
font-size: 16px;
margin-top: 10px;
margin-left: 10px;
}
.silo {
position: relative;
bottom: 20px;
}
.buyBox p {
width: 50%;
float: left;
font-size: 1.2em;
padding-top: 15px;
}
.buyBox a:hover {
opacity: 0.8;
}