/* CSS3 button shortcodes */ .gradient-button-small, .gradient-button-medium, .gradient-button-large { background: #222 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/v//vwMTAwPDfzjBgMpFI/7hFSOT9Y8qRuF3JLoHAQIMAHYtMmRA+CugAAAAAElFTkSuQmCC) repeat-x; display: inline-block; padding: 7px 12px 4px; color: #fff; text-decoration: none !important; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3); box-shadow: 0 2px 2px rgba(0,0,0,0.3); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25) !important; position: relative; cursor: pointer; font-weight: bold; margin: 4px 8px 5px 0; } .gradient-button-small:hover, .gradient-button-medium:hover, .gradient-button-large:hover { -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3); box-shadow: 0 1px 2px rgba(0,0,0,0.3); top: 1px; } .gradient-button-small:active, .gradient-button-medium:active, .gradient-button-large:active { -moz-box-shadow: 0 1px 2px rgba(0,0,0,0); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0); box-shadow: 0 1px 2px rgba(0,0,0,0); top: 2px; } .gradient-button-small { font-size: 11px; } .gradient-button-medium { font-size: 14px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); padding: 12px 22px 11px; } .gradient-button-large { font-size: 17px; padding: 20px 39px 19px; } /* CSS3 accordion shortcodes */ .accordion-container{ margin: 1px 0 21px 0; } .accordion-title { padding: 5px 20px; position: relative; display: block; height: 34px; cursor: pointer; color: #777; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); line-height: 34px; font-size: 14px; background: #f2f2f2; box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset; } .dark-scheme .accordion-title { color: #999; background: #0e0e0e; text-shadow: none; box-shadow: 0px 0px 0px 1px rgba(70,70,70,0.3); } .accordion-title:hover { background: #f6f6f6; } .dark-scheme .accordion-title:hover { background: #0a0a0a; } .accordion-item.active .accordion-title, .accordion-item.active .accordion-title:hover { background: #f7f7f7; text-shadow: 0px 1px 1px rgba(255,255,255, 0.6); box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3); border-bottom: 0; } .dark-scheme .accordion-item.active .accordion-title, .dark-scheme .accordion-item.active .accordion-title:hover { background: #090909; text-shadow: none; box-shadow: 0px 0px 0px 1px rgba(70,70,70,0.3); } .accordion-title:after { content: ''; position: absolute; width: 3px; height: 13px; background: #aaa; right: 25px; top: 15px; } .accordion-title:before { content: ''; position: absolute; width: 13px; height: 3px; background: #aaa; right: 20px; top: 20px; } .dark-scheme .accordion-title:after, .dark-scheme .accordion-title:before { background: #555; } .accordion-item.active .accordion-title:after { display:none; } .accordion-body { background: #fff; margin-top: -1px; overflow: hidden; height: auto; padding: 20px 20px 0 20px; position: relative; box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3); } .dark-scheme .accordion-body { background: #000; box-shadow: 0px 0px 0px 1px rgba(70,70,70,0.3); } /* css3 Pricing Tables */ .pricing-table { margin-bottom: 20px; } .pricing-table-column { background: #fff; display: inline-block; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2); box-shadow: 0 0 2px rgba(0,0,0,0.2); overflow: hidden; } .dark-scheme .pricing-table-column { background: #080808; } .pricing-table-column.featured-column { -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.2); box-shadow: 0 0 8px rgba(0,0,0,0.2); z-index: 1; margin-left: -1px; } .featured-column .pricing-table-top, .featured-column { -webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; border-top-right-radius: 4px; } .featured-column .pricing-table-bottom, .featured-column { -webkit-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .pricing-table-column:first-child .pricing-table-top, .pricing-table-column:first-child { -webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; border-top-left-radius: 4px; } .pricing-table-column:first-child .pricing-table-bottom, .pricing-table-column:first-child { -webkit-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .pricing-table-column:last-child .pricing-table-top, .pricing-table-column:last-child { -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; border-top-right-radius: 4px; } .pricing-table-column:last-child .pricing-table-bottom, .pricing-table-column:last-child { -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .pricing-table-top { background: #444; color: #fff; padding: 26px 25px 1px 25px; text-align: center; font-size: 24px; font-weight: bold; } .pricing-table-middle { padding: 25px 25px 1px 25px; } .pricing-table-middle ul { padding-left: 8px; } .pricing-table-middle ul li { margin: 10px 0; padding-left: 32px; font-weight: bold; } .pricing-table-middle ul li:first-child { margin-top: 0; } .pricing-table-middle ul li:last-child { margin-bottom: 0; } .pricing-table-bottom { padding: 25px 25px 1px 25px; text-align: center; } .featured-column .pricing-table-top { padding: 36px 25px 9px 22px; } .featured-column .pricing-table-bottom { padding: 37px 25px 8px 25px; } /* price shortcodes */ .large-price, .medium-price, .small-price { color:#444; line-height:1em; } .dark-scheme .large-price, .dark-scheme .medium-price, .dark-scheme .small-price { color: #ccc; } .price-symbol, .price-dot, .price-cents, .price-dollars { vertical-align:top; line-height:1em; } .price-dot { display:none; } .large-price .price-symbol { font-size: 30px; } .large-price .price-dollars { font-size: 60px; line-height:50px; } .large-price .price-cents { font-size: 22px; margin-left:1px; } .medium-price .price-symbol { font-size: 25px; } .medium-price .price-dollars { font-size: 45px; line-height:36px; } .medium-price .price-cents { font-size: 16px; margin-left:1px; } .small-price .price-symbol { font-size: 15px; } .small-price .price-dollars { font-size: 30px; line-height:22px; } .small-price .price-cents { font-size: 12px; margin-left:1px; } /* flex-slider shortcodes */ .flexslider {width: 100%; margin: 0; padding: 0;} .flexslider .slides { margin:0; padding:0; line-height: 1.2em; } .flexslider .slides li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block; padding:0; margin:0;} .flexslider {background: #fff; position: relative;} .flexslider .slides li {position: relative;background-image:none;padding:0;} .flexslider-container {position:relative; overflow:hidden; margin-bottom:20px;} .flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 15px; line-height: 18px;} .flex-direction-nav { margin:0; padding:0; margin-top: -26px; position:absolute; top:50%; height:0; width: 100%; } .flex-direction-nav li {height:0; padding:0;} .flex-direction-nav li a {width: 52px; height: 52px; margin:0; display: block; background: url('js/flexslider/theme/bg_direction_nav.png') no-repeat 0 0; position: absolute; cursor: pointer; text-indent: -9999px; border:0 !important;} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */ .flex-direction-nav li a.next {background-position: -52px 0; right: 0;} .flex-direction-nav li a.prev {background-position: 0 0; left: 0;} .flex-control-nav {margin:0; padding:0; position: absolute; bottom:8px; width:100%;text-align:center;} /* set negative margin-left equal to half the width on the control-nav for perfect centering */ .flex-control-nav li {margin: 0 0 0 5px; display:inline-block;} .flex-control-nav li a {width: 13px; height: 13px; display: block; background: url('js/flexslider/theme/bg_control_nav.png') no-repeat 0 0; cursor: pointer; text-indent: -9999px;} .flex-control-nav li a:hover {background-position: 0 -13px; border:0;} .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;} /* mailchimp subscription shortcode */ .mailchimp-subscribe { margin-bottom: 18px; } .mailchimp-subscribe-email { display: block; width: 100%; color: #777; border: 1px solid #DDD; font-size: 12px; line-height: 12px; padding: 10px 10px 8px; width: 100%; outline: none; background: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 11px; } .dark-scheme .mailchimp-subscribe-email { border: 1px solid #333; color: #666; background: #222; } .mailchimp-subscribe-email:focus { color: #222; border: 1px solid #bbb; } .dark-scheme .mailchimp-subscribe-email:focus { color: #ccc; border: 1px solid #444; } .mailchimp-subscribe-result { font-size: 10px; font-family: Arial, sans-serif; } /* toggle boxes */ .toggle-icon-1 { background: transparent !important; } .toggle-icon-1 .toggle-plus-vert { position: absolute; width: 4px; height: 14px; top: 2px; left: 7px; } .toggle-icon-1 .toggle-plus-horz { position: absolute; width: 14px; height: 4px; top: 7px; left: 2px; } .toggle-icon-2 { background-image: none !important; width: 17px; height: 17px; } .toggle-icon-2 { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .toggle-icon-2 .toggle-plus-vert { position: absolute; width: 3px; height: 11px; top: 3px; left: 7px; background: #f8f8f8; } .toggle-icon-2 .toggle-plus-horz { position: absolute; width: 11px; height: 3px; top: 7px; left: 3px; background: #f8f8f8; } .dark-scheme .toggle-icon-2 .toggle-plus-horz, .dark-scheme .toggle-icon-2 .toggle-plus-vert { background: #080808; } .toggle-icon-1.open .toggle-plus-vert, .toggle-icon-2.open .toggle-plus-vert { display:none; } /* credit card icons */ .credit-card-group { margin-top: -2px; margin-bottom: 16px; } .credit-card-icon { display: inline-block; width: 45px; height: 31px; margin-right: 0; } /* to simplify columns on phones (if class/attribute is included) */ .phone .simplify-on-phone { float: none; margin-left: 0; width: 100%; }