/*--[ Imports ]--------------------------------------------------------------------------------*/ /** * Functions */ /*--[ General Styles ]--------------------------------------------------------------------------------*/ #navigation { /*.cart-contents { line-height: 0.7; &:before { .iconbefore; content: "\f07a"; } }*/ } #navigation .cart { margin-right: 0; } #navigation .cart.no-rss-link { margin-right: 0; } #navigation .cart.no-rss-link li { border: 0; } select, img { max-width: 100%; } .form-row label { display: block; } .form-row .input-text, .form-row select { width: 100%; *width: 90%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .form-row input[type=checkbox] { float: left; } .form-row.woocommerce-validated .input-text, .form-row.woocommerce-validated .chzn-single { border-color: #080; } .form-row.woocommerce-invalid .input-text, .form-row.woocommerce-invalid .chzn-single { border-color: #c00; } .page header.title { overflow: hidden; zoom: 1; font-size: 1em; } .page header.title h1, .page header.title h2, .page header.title h3, .page header.title h4, .page header.title h5 { float: left; } .page header.title a.edit { float: right; font-size: 12px !important; text-transform: uppercase; } p.demo_store { position: fixed; top: 0; left: 0; right: 0; text-align: center; padding: 1em 0; background: #ebdd75; color: #827513; z-index: 999999; } /*--[ Product Categories ]--------------------------------------------------------------------------------*/ ul.products { margin: 0 0 1.5em 0; padding: 0; list-style: none; } ul.products:after { content: ""; display: block; clear: both; } ul.products li.product { text-align: center; margin-bottom: 1.5em; position: relative; list-style: none; width: 48%; float: left; clear: left; } ul.products li.product:nth-child(2n) { float: right; clear: none; } ul.products li.product img { background: none; padding: 0; border: 0; } ul.products li.product a { display: block; } ul.products li.product a img { width: 100%; height: auto; display: block; margin-bottom: .75em; } ul.products li.product .price { display: block; } ul.products li.product a.button { display: inline-block; margin-top: .5em; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; position: relative; } ul.products li.product a.button.loading { filter: alpha(opacity=@opacity * 100); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } ul.products li.product a.button.loading:before { content: ""; position: absolute; height: 16px; width: 16px; top: 4px; right: -26px; text-indent: 0; background: url(http://loftymix.com/wp-content/themes/canvas/css/../images/ajax-loader.gif) no-repeat; } ul.products li.product a.button.added:before { content: ""; position: absolute; height: 16px; width: 16px; top: 4px; right: -26px; text-indent: 0; background: url(http://loftymix.com/wp-content/themes/canvas/css/../images/icons/ico-tick.png) no-repeat; } ul.products li.product .star-rating { float: none; margin: .5em auto; } ul.products li.product del { filter: alpha(opacity=@opacity * 100); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } ul.products li.product ins { text-decoration: none; } /*--[ Sale sticker ]--------------------------------------------------------------------------------*/ .onsale { padding: 3px 8px; text-align: center; background: #C63F00; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; color: white; font-weight: bold; position: absolute; } /*--[ Breadcrumb ]--------------------------------------------------------------------------------*/ .breadcrumb { padding: 0 0 1em 0; margin-bottom: 3em; border-bottom: 1px dotted rgba(0, 0, 0, 0.1); } .breadcrumb .breadcrumb-title { font-weight: bold; } /*--[ Single Product ]--------------------------------------------------------------------------------*/ .woocommerce .images { margin-bottom: 1.5em; } .woocommerce .images img { width: 100%; height: auto; } .woocommerce .images a { display: block; margin-bottom: .5em; } .woocommerce .images .thumbnails { overflow: hidden; zoom: 1; } .woocommerce .images .thumbnails a { float: left; width: 30.75%; margin-right: 3.8%; } .woocommerce .images .thumbnails a .last { margin-right: 0; } .woocommerce .images .thumbnails a .first { clear: left; } .woocommerce .summary { margin-bottom: 1.5em; } .woocommerce .summary h1.product_title { margin-bottom: 1em; } .woocommerce .summary form { margin-bottom: 1.5em; } .woocommerce .summary p { margin-bottom: 1.5em; } .woocommerce .summary p.price { font-weight: bold; border: 1px solid rgba(0, 0, 0, 0.1); border-left: 0; border-right: 0; padding: .5em 0; } .woocommerce .summary p.price del { filter: alpha(opacity=@opacity * 100); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .woocommerce .summary p.price ins { text-decoration: none; padding-left: .5em; } .woocommerce .summary table.variations { border: 0; } .woocommerce .summary table.variations tr td { border: 0; } .woocommerce .summary table.group_table .out-of-stock { display: block; color: #900; } .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { padding: .5em 1em; vertical-align: middle; } .woocommerce table.shop_attributes th p:last-child, .woocommerce table.shop_attributes td p:last-child { margin-bottom: 0 !important; } .woocommerce .woocommerce_tabs, .woocommerce .woocommerce-tabs { clear: both; background: #fff; border: 1px solid #e6e6e6; margin-bottom: 3em; } .woocommerce .woocommerce_tabs ul.tabs, .woocommerce .woocommerce-tabs ul.tabs { overflow: hidden; zoom: 1; list-style: none; background: #f3f3f3; padding: .5em .5em 0 .5em; } .woocommerce .woocommerce_tabs ul.tabs li, .woocommerce .woocommerce-tabs ul.tabs li { float: left; } .woocommerce .woocommerce_tabs ul.tabs li a, .woocommerce .woocommerce-tabs ul.tabs li a { display: inline-block; padding: .5em 1em; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .woocommerce .woocommerce_tabs ul.tabs li.active a, .woocommerce .woocommerce-tabs ul.tabs li.active a { background: #fff; } .woocommerce .woocommerce_tabs p, .woocommerce .woocommerce-tabs p { margin-bottom: 1.5em; } .woocommerce .woocommerce_tabs #comments, .woocommerce .woocommerce-tabs #comments { border: 0; margin: 0; padding: 0; } .woocommerce .woocommerce_tabs .panel, .woocommerce .woocommerce-tabs .panel { padding: 1em; } .woocommerce .product_meta { padding: .5em 0; border: 1px solid rgba(0, 0, 0, 0.1); border-left: 0; border-right: 0; margin-bottom: 1.5em; } .woocommerce .social { text-align: right; } .woocommerce .social iframe { float: left; } .woocommerce #main div.product { position: relative; } .woocommerce #main .onsale { top: 6px; left: 6px; } .woocommerce #tab-description ol, .woocommerce #tab-description ul { margin: 0 0 15px 0; padding: 0 0 0 30px; } .woocommerce #tab-description ol li { list-style: decimal; list-style-type: decimal; } .woocommerce #tab-description ul li { list-style: disc; list-style-type: disc; } .woocommerce .related, .woocommerce .upsells { clear: both; } /*--[ Reviews ]--------------------------------------------------------------------------------*/ #reviews h2 { margin-bottom: .75em; } #reviews .commentlist { margin-bottom: 20px; } #reviews .commentlist li { background: none !important; } #reviews .comment.bypostauthor { background: none; border: 0; } #reviews .comment.thread-even { border: 0; background: none; } #reviews .comment_container { padding: 20px 0; } #reviews .comment { border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; } #reviews img.avatar { width: 3.85%; padding: .5%; background: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); height: auto; float: left; } #reviews .comment-text { width: 91.35%; float: right; *width: 86%; *margin-right: 30px; } #reviews .comment-text p:last-child { margin-bottom: 0; } #reviews .star-rating { float: right; } #fancybox-outer { padding: 20px; } #fancybox-outer #respond { margin-top: 0; } /*--[ Messages and Alerts ]--------------------------------------------------------------------------------*/ .woocommerce_message, .woocommerce_error, .woocommerce-message, .woocommerce-error, .woocommerce-info { margin: 10px 0 20px 0; padding: 9px 10px 9px 50px; overflow: hidden; zoom: 1; clear: left; } .woocommerce_message .button, .woocommerce_error .button, .woocommerce-message .button, .woocommerce-error .button, .woocommerce-info .button { float: right; margin: 0; margin-top: -3px; margin-bottom: -3px; } .woocommerce-info { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #eeeeee url(http://loftymix.com/wp-content/themes/canvas/css/../images/icons/ico-info.png) no-repeat 20px 13px; } .woocommerce_error, .woocommerce-error { border-top: 1px solid #f0baa2; border-bottom: 1px solid #f0baa2; background: #ffd9c8 url(http://loftymix.com/wp-content/themes/canvas/css/../images/icons/ico-alert.png) no-repeat 20px 13px; } ul.woocommerce_error, ul.woocommerce-error { padding: 8px 8px 8px 50px !important; list-style: none !important; } ul.woocommerce_error li, ul.woocommerce-error li { list-style: none !important; } .woocommerce_message, .woocommerce-message { border-top: 1px solid #d4ebaf; border-bottom: 1px solid #d4ebaf; background: #edfcd5 url(http://loftymix.com/wp-content/themes/canvas/css/../images/icons/ico-tick.png) no-repeat 20px 13px; } /*--[ Widgets ]--------------------------------------------------------------------------------*/ .widget ul.product_list_widget { list-style: none; padding: 0; } .widget ul.product_list_widget li { clear: left; overflow: hidden; zoom: 1; margin-bottom: .5em; } .widget ul.product_list_widget li a { display: block; padding-left: 0; } .widget ul.product_list_widget li img { float: right; margin: 0 0 .5em .5em; padding: 3px; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 32px; height: auto; border: 1px solid #e6e6e6 !important; } .widget ul.product_list_widget li dl.variation { overflow: hidden; zoom: 1; } .widget ul.product_list_widget li dl.variation dt { font-weight: bold; float: left; clear: left; margin-right: .3em; } .widget ul.product_list_widget li dl.variation dd { float: left; } .widget ul.product_list_widget li .star-rating { float: none; margin-bottom: .25em; } .widget_price_filter .ui-state-default, .widget_price_filter .ui-widget-content .ui-state-default, .widget_price_filter .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; color: #555555; } .widget_price_filter .ui-state-hover, .widget_price_filter .ui-widget-content .ui-state-hover, .widget_price_filter .ui-widget-header .ui-state-hover, .widget_price_filter .ui-state-focus, .widget_price_filter .ui-widget-content .ui-state-focus, .widget_price_filter .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada; font-weight: normal; color: #212121; } .widget_price_filter .ui-state-active, .widget_price_filter .ui-widget-content .ui-state-active, .widget_price_filter .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff; font-weight: normal; color: #212121; } .widget_price_filter .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .widget_price_filter .price_slider_wrapper .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff; color: #222222; } .widget_price_filter .price_slider_wrapper .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc; color: #222222; font-weight: bold; } .widget_price_filter .ui-slider-horizontal { height: .8em; } .widget_price_filter .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: 0; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: 0; } .widget_price_filter .price_slider { border: 0 !important; background: rgba(0, 0, 0, 0.1) !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 0 12px 1.5em; } .widget_price_filter .ui-widget-header { border: 0 !important; background: rgba(0, 0, 0, 0.1) !important; } .widget_price_filter .ui-slider-handle { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #fff !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; cursor: pointer; } .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.5em; } .widget_price_filter .price_slider_amount .button { float: left; } .widget_layered_nav ul { list-style: none; margin-left: 0; padding-left: 0; } .widget_layered_nav ul li { overflow: hidden; zoom: 1; } .widget_layered_nav ul li a { float: left; padding-left: 0; } .widget_layered_nav ul li .count { float: right; line-height: 22px; background: rgba(0, 0, 0, 0.025); padding: 0 8px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-weight: bold; } .widget_layered_nav ul li.chosen a { padding-left: 18px; background: url(http://loftymix.com/wp-content/themes/canvas/css/../images/icons/cross.png) left no-repeat; } /*--[ Quantity incrementer ]--------------------------------------------------------------------------------*/ .quantity { width: 96px; margin-bottom: .5em; /* Disable input[type=number] buttons until the world is ready */ } .quantity:after { content: ""; display: block; clear: both; } .quantity input::-webkit-outer-spin-button, .quantity input::-webkit-inner-spin-button { display: none; } .quantity input.qty { width: 20px; padding: 5px 10px; font-size: 14px !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #e6e6e6; border-right: 0; border-left: 0; text-align: center; float: left; z-index: 10; } .quantity .plus, .quantity .minus { width: 28px; text-align: center; padding: 5px 0; font-size: 14px !important; border: 1px solid #ccc; background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6)); background: -webkit-linear-gradient(#ffffff, #e6e6e6); background: -moz-linear-gradient(center top, #ffffff 0%, #e6e6e6 100%); background: -moz-gradient(center top, #ffffff 0%, #e6e6e6 100%); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; float: left; z-index: 20; } .quantity .plus:hover, .quantity .minus:hover { background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f6f6)); background: -webkit-linear-gradient(#ffffff, #f6f6f6); background: -moz-linear-gradient(center top, #ffffff 0%, #f6f6f6 100%); background: -moz-gradient(center top, #ffffff 0%, #f6f6f6 100%); } .quantity .plus { float: right; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .quantity .minus { -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } /*--[ Buttons ]-------------------------------------------------------------------------------------*/ .button-alt { font-family: Verdana, Geneva, Arial, sans-serif; display: inline-block; padding: 5px 10px 6px; color: #fff !important; text-decoration: none; border: none; position: relative; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #e4954a; background: -webkit-gradient(linear, left top, left bottom, from(#e4954a), to(#da7b21)); background: -webkit-linear-gradient(#e4954a, #da7b21); background: -moz-linear-gradient(center top, #e4954a 0%, #da7b21 100%); background: -moz-gradient(center top, #e4954a 0%, #da7b21 100%); border: 1px solid #da7b21; font-size: 12px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); line-height: 1.1em; } .button-alt:hover { background: #ebaf76; background: -webkit-gradient(linear, left top, left bottom, from(#ebaf76), to(#da7b21)); background: -webkit-linear-gradient(#ebaf76, #da7b21); background: -moz-linear-gradient(center top, #ebaf76 0%, #da7b21 100%); background: -moz-gradient(center top, #ebaf76 0%, #da7b21 100%); text-decoration: none; } .button-alt:active { top: 1px; } /*--[ Star ratings ]--------------------------------------------------------------------------------*/ .star-rating { overflow: hidden; position: relative; height: 1em; line-height: 1em; font-size: 1em; width: 4.7em; font-family: "fontawesome"; } .star-rating:before { content: "\f006\f006\f006\f006\f006"; float: left; top: 0; left: 0; position: absolute; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .star-rating span:before { content: "\f005\f005\f005\f005\f005"; top: 0; position: absolute; left: 0; } /* Sidebar / footer stars */ .widget .star-rating { font-size: .8em; } .comment-form-rating { clear: both; } p.stars { position: relative; line-height: 1em; font-size: 1em; } p.stars:after { content: ""; display: block; clear: both; } p.stars a { width: 19%; display: block; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: .5em .5em .5em .75em; background: rgba(0, 0, 0, 0.025); margin-right: 1%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight: bold; } p.stars a:hover, p.stars a.active { background: rgba(0, 0, 0, 0.075); } p.stars a.star-1:after, p.stars a.star-2:after, p.stars a.star-3:after, p.stars a.star-4:after, p.stars a.star-5:after { font-family: "FontAwesome"; content: "\f005"; position: absolute; top: .85em; width: 5.3em; right: 1em; font-size: .5em; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; color: #999; text-align: right; font-weight: normal; } p.stars a.star-1:hover, p.stars a.star-2:hover, p.stars a.star-3:hover, p.stars a.star-4:hover, p.stars a.star-5:hover { text-decoration: none; } p.stars a.star-1:after { content: "\f005"; } p.stars a.star-2:after { content: "\f005\f005"; } p.stars a.star-3:after { content: "\f005\f005\f005"; } p.stars a.star-4:after { content: "\f005\f005\f005\f005"; } p.stars a.star-5:after { content: "\f005\f005\f005\f005\f005"; } /** * Cart */ table.cart .product-thumbnail, table.cart .product-price { display: none; } table.cart .actions { text-align: right; } table.cart .actions .coupon { float: left; } table.cart a.remove { color: #fff; font-weight: bold; background: #c00; display: inline-block; height: 1.1em; width: 1.1em; line-height: 1; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } table.cart a.remove:hover { text-decoration: none; background: #f00; } table.cart td { vertical-align: middle; } table.cart img { padding: 3px !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } table.cart .quantity { margin: 0; } table.cart .quantity input { margin-bottom: 0; } table.my_account_orders { font-size: 0.8751em; } .cart_totals select { width: 100%; } /*--[ The cart ]--------------------------------------------------------------------------------*/ table.cart img { width: 32px; height: auto; } table.cart td.actions .coupon { text-align: left; margin-bottom: 0; } table.cart td.actions .coupon label { display: none; } table.cart td.actions .coupon #shareyourcart_button { float: left; } table.cart td.actions .button, table.cart td.actions .checkout-button, table.cart td.actions .input-text { width: 100%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: .5em !important; text-align: center; } table.cart td.actions .checkout-button { margin-bottom: 0 !important; } .cart-collaterals { overflow: hidden; zoom: 1; } .cart-collaterals .shipping_calculator { clear: right; } .cart-collaterals #shipping_method { padding: 0 !important; list-style: none !important; } .cart-collaterals #shipping_method li { list-style: none !important; } .cart-collaterals .cross-sells { float: left; } .cart-collaterals .cross-sells ul.products { margin-left: 0 !important; padding-left: 0 !important; } .cart-collaterals .cross-sells ul.products li { width: 48%; } /*--[ Product Ordering ]--------------------------------------------------------------------------------*/ .woocommerce_result_count, .woocommerce_ordering, .woocommerce-result-count, .woocomerce-ordering { width: 50%; float: left; margin-bottom: 1.618em; } .woocommerce_ordering, .woocommerce-ordering { text-align: right; } /*--[ The Checkout ]--------------------------------------------------------------------------------*/ #shiptobilling { float: right; } #shiptobilling input { float: left; } .create-account { float: left; } .payment_methods { margin: 0 0 1.5em 0 !important; padding: 0 !important; list-style: none !important; } .payment_methods li { list-style: none !important; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: .5em 0; } .payment_methods li img { float: right; padding: 0 !important; border: none !important; } .payment_box fieldset { margin-bottom: 0; } .payment_box .form-row .woocommerce-select { width: 30.75%; float: left; margin-right: 3.8%; } .payment_methods + .form-row { width: 100%; } .payment_methods + .form-row #place_order { float: right; } .payment_methods + .form-row label { display: inline; } .payment_methods + .form-row input { float: left; } .required { color: #c00; border: 0; } /*--[ User Account ]--------------------------------------------------------------------------------*/ ul.order_details { list-style: none; border: 1px solid #ddd; position: relative; -webkit-border-radius: 0.327em; -moz-border-radius: 0.327em; border-radius: 0.327em; list-style: none !important; padding: 0 !important; } ul.order_details:after { content: ""; display: block; clear: both; } ul.order_details li { float: left; padding: 1em 1.618em; border-right: 1px solid #ddd; font-size: .8em; text-transform: uppercase; list-style: none !important; } ul.order_details li strong { display: block; font-size: 1.387em; text-transform: none; } .woocommerce-account .addresses address { clear: both; } /* Desktop Styles */ @media only screen and (min-width: 768px) { .col2-set { clear: both; } .col2-set:after { content: ""; display: block; clear: both; } .col2-set .col-1 { width: 49%; float: left; } .col2-set .col-2 { width: 49%; float: right; } .form-row { width: 49%; float: left; } .form-row label { display: block; } .form-row .input-text, .form-row select { width: 100%; *width: 90%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .form-row input[type=checkbox] { float: left; } .form-row.notes { width: 100%; } .form-row.notes textarea { width: 100%; *width: 90%; } .form-row-first { clear: left; } .form-row-last { float: right; } .form-row-wide { float: left; width: 100%; clear: both; } .cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator, .cart-collaterals .cross-sells { width: 48%; float: right; } .cart-collaterals .cross-sells { float: left; } .woocommerce.one-col .related, .woocommerce.one-col .upsells { width: 48%; } .woocommerce.one-col .related { float: left; } .woocommerce.one-col .upsells { float: right; } .woocommerce.one-col .upsells ul { float: left; width: 100%; } .woocommerce .images { width: 48%; margin-right: 3.8%; float: left; } .woocommerce .summary { width: 48%; float: right; margin-bottom: 1.5em; } .woocommerce .woocommerce-tabs ul.tabs, .woocommerce .woocommerce_tabs ul.tabs { padding: 1em 1em 0 1em; } .woocommerce .woocommerce-tabs .panel, .woocommerce .woocommerce_tabs .panel { padding: 1.618em; } ul.products li.product { clear: none; width: 30.75%; margin-right: 3.8%; } ul.products li.product:nth-child(2n) { float: left; } ul.products li.product.first { clear: left; } ul.products li.product.last { margin-right: 0; } table.cart .product-remove, table.cart .product-thumbnail, table.cart .product-price { display: table-cell; } table.cart td.actions { text-align: right; } table.cart td.actions .coupon { width: 50%; float: left; } table.cart td.actions .input-text, table.cart td.actions .button, table.cart td.actions .checkout-button { width: auto; display: inline-block; margin-bottom: 0 !important; } } .product-gallery.images a:active,.flexslider a:active{outline:0}.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}html[xmlns] .slides{display:block}* html .slides{height:1%}.product-gallery{margin:0;padding:0;position:relative;-webkit-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;transition:all ease-in-out .2s}.product-gallery ul.slides{margin:0;padding:0;list-style:none}.product-gallery ul.slides:after{content:"";display:block;clear:both}.product-gallery ul.slides>li{display:none}.product-gallery ul.slides li{list-style:none;margin:0;padding:0;float:left!important;clear:none!important}.product-gallery ul.slides li img{max-width:100%;display:block;height:auto;margin:0!important}.product-gallery ol.flex-control-nav{text-align:center;list-style:none;margin:0;padding:1em 0 0 0;clear:both;overflow:hidden;zoom:1}.product-gallery ol.flex-control-nav li{display:inline;list-style:none;margin:0 2px;width:auto!important;float:none!important}.product-gallery ol.flex-control-nav li a{display:inline-block;width:1em;height:1em;text-align:left;text-indent:-9999em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background:rgba(0,0,0,0.25);cursor:pointer;-webkit-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;transition:all ease-in-out .2s}.product-gallery ol.flex-control-nav li a:hover,.product-gallery ol.flex-control-nav li a.flex-active{background:rgba(0,0,0,0.5)}.product-gallery ol.flex-control-nav.flex-control-thumbs:after{content:"";display:block;clear:both}.product-gallery ol.flex-control-nav.flex-control-thumbs li{width:16.666666666666664%!important;margin:0 4.166666666666666%!important;display:inline-block!important}.product-gallery ol.flex-control-nav.flex-control-thumbs li img{display:block;width:100%;height:auto}.product-gallery .flex-pauseplay span{text-transform:capitalize}ul.products .product-gallery ol.flex-control-nav{padding:0}ul.products .product-gallery ol.flex-control-nav li a{width:.5em;height:.5em}.onsale{z-index:999} /* * jQuery wooslider v2.2.0 * http://www.woothemes.com/wooslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ .wooslider-container a:active, .wooslider a:active, .wooslider-container a:focus, .wooslider a:focus {outline: none;} .slides, .wooslider-control-nav, .wooslider-direction-nav {margin: 0; padding: 0; list-style: none;} /* Icon Fonts *********************************/ /* Font-face Icons */ @font-face { font-family: 'flexslider-icon'; src:url(http://loftymix.com/wp-content/plugins/wooslider/assets/css/'../fonts/flexslider-icon.eot'); src:url(http://loftymix.com/wp-content/plugins/wooslider/assets/css/'../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url(http://loftymix.com/wp-content/plugins/wooslider/assets/css/'../fonts/flexslider-icon.woff') format('woff'), url(http://loftymix.com/wp-content/plugins/wooslider/assets/css/'../fonts/flexslider-icon.ttf') format('truetype'), url(http://loftymix.com/wp-content/plugins/wooslider/assets/css/'../fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* wooslider Necessary Styles *********************************/ .wooslider {margin: 0; padding: 0;} .wooslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .wooslider .slides img {width: 100%; display: block;} .wooslider-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* wooslider Default Theme *********************************/ .wooslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; } .wooslider-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .wooslider-viewport { max-height: 300px; } .wooslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .wooslider-direction-nav {*height: 0;} .wooslider-direction-nav a { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .wooslider-direction-nav .wooslider-prev { left: -50px; } .wooslider-direction-nav .wooslider-next { right: -50px; text-align: right; } .wooslider:hover .wooslider-prev { opacity: 0.7; left: 10px; } .wooslider:hover .wooslider-next { opacity: 0.7; right: 10px; } .wooslider:hover .wooslider-next:hover, .wooslider:hover .wooslider-prev:hover { opacity: 1; } .wooslider-direction-nav .wooslider-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } .wooslider-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; } .wooslider-direction-nav a.wooslider-next:before { content: '\f002'; } /* Pause/Play */ .wooslider-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .wooslider-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .wooslider-pauseplay a:hover { opacity: 1; } .wooslider-pauseplay a.wooslider-play:before { content: '\f003'; } /* Control Nav */ .wooslider-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .wooslider-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .wooslider-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } .wooslider-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .wooslider-control-paging li a.wooslider-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .wooslider-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .wooslider-control-thumbs li {width: 25%; float: left; margin: 0;} .wooslider-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .wooslider-control-thumbs img:hover {opacity: 1;} .wooslider-control-thumbs .wooslider-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .wooslider-direction-nav .wooslider-prev { opacity: 1; left: 10px;} .wooslider-direction-nav .wooslider-next { opacity: 1; right: 10px;} } /* Basic reset for better theme compatibility. */ .wooslider { clear: both; overflow: visible !important; } .wooslider-carousel { z-index: 2; } .wooslider .slides > li { list-style: none; float: left; width: 100%; margin: 0; padding: 0; } .wooslider .slides > li img, .entry .wooslider .slides > li img { border: 0; box-shadow: none; margin: 0; height: auto; } .wooslider-control-thumbs { overflow: visible; } .wooslider .wooslider-control-nav > li { margin: 0 6px; padding: 0; } body .wooslider.wooslider-type-posts img, body .wooslider.wooslider-type-attachments img { border: 0; padding: 0; margin: 0; height: auto; } body .wooslider ul.slides, body .wooslider .wooslider-control-nav, body .wooslider .wooslider-direction-nav { padding: 0; margin: 0; } body .wooslider .wooslider-control-nav { position: absolute; top: 100%; margin-top: 15px; } body .wooslider .wooslider-control-nav.wooslider-control-thumbs { position: static; float: left; clear: both; margin-bottom: 15px; } body .wooslider .wooslider-control-nav.wooslider-control-thumbs li { margin-left: 0; margin-right: 15px; margin-bottom: 15px; } body .wooslider .wooslider-control-nav li, body .wooslider .wooslider-direction-nav li { list-style: none; } body .wooslider.wooslider-carousel .slides img { cursor: pointer; padding: 0; } body .wooslider.wooslider-carousel .slides .wooslider-active-slide img { cursor: default; } /* Layout styles for the "Posts" slideshow type. */ @media only screen and (min-width: 768px) { /* Text Left and Text Right Options */ .wooslider .layout-text-left img { float: right; width: 40%; } .wooslider .layout-text-left .slide-excerpt { float: left; width: 50%; } .wooslider .layout-text-right img { float: left; width: 40%; } .wooslider .layout-text-right .slide-excerpt { float: right; width: 50%; } /* Full overlay enabled */ .wooslider .overlay-full { position: relative; } .wooslider .overlay-full .slide-excerpt { background: #000; opacity: 0.8; color: #FFF; position: absolute; padding: 1em; } .wooslider .overlay-full .slide-excerpt .slide-title { color: #FFF; } .wooslider .overlay-full img { float: none; width: 100%; height: auto; } .wooslider .overlay-full .slide-excerpt img { width: auto; } body .wooslider .overlay-full.layout-text-left .slide-excerpt { left: 0; top: 0; bottom: 0; width: 30%; padding: 1em; overflow: hidden; } body .wooslider .overlay-full.layout-text-right .slide-excerpt { right: 0; top: 0; bottom: 0; width: 30%; padding: 1em; overflow: hidden; } body .wooslider .overlay-full.layout-text-top .slide-excerpt { left: 0; right: 0; top: 0; height: auto; padding: 1em; overflow: hidden; } body .wooslider .overlay-full.layout-text-bottom .slide-excerpt { left: 0; right: 0; bottom: 0; height: auto; padding: 1em; overflow: hidden; } /* Natural overlay enabled */ .wooslider .overlay-natural { position: relative; } .wooslider .overlay-natural .slide-excerpt { color: #FFF; position: absolute; float: left; padding: 0; } .wooslider .overlay-natural .slide-excerpt .slide-title { color: #FFF; background: #000; opacity: 0.8; float: left; padding: 0.5em 1em; margin: 0; } .wooslider .overlay-natural .slide-excerpt p { color: #FFF; background: #000; opacity: 0.8; float: left; padding: 0.5em 1em; } .wooslider .overlay-natural img { float: none; width: 100%; height: auto; } body .wooslider .overlay-natural.layout-text-left .slide-excerpt { left: 0; top: 10%; overflow: hidden; } body .wooslider .overlay-natural.layout-text-right .slide-excerpt { float: right; right: 0; top: 10%; overflow: hidden; } body .wooslider .overlay-natural.layout-text-right .slide-excerpt .slide-title, body .wooslider .overlay-natural.layout-text-right .slide-excerpt p { float: right; } body .wooslider .overlay-natural.layout-text-top .slide-excerpt { left: 0; top: 0; overflow: hidden; } body .wooslider .overlay-natural.layout-text-bottom .slide-excerpt { left: 0; bottom: 0; overflow: hidden; } } /* "Slides" slideshow type */ body .wooslider .slide-content { margin: 0.5em; padding: 0; border: 0; width: auto; height: auto; } /* Slide widget */ .widget_wooslider_slideshow_attachments .wooslider-direction-nav a { padding: 0; } body .wooslider.wooslider-type-posts img, body .wooslider.wooslider-type-attachments img { max-width: 100%; border: none; } body .wooslider-control-nav { margin: 0; padding: 0; z-index: 1; } body .wooslider-control-nav img { border: 0; background: none; margin: 0; padding: 0; } body .wooslider-direction-nav a, body .widget .wooslider-direction-nav a { height: auto; line-height: 40px; text-indent: -9999px; } body .wooslider-direction-nav a:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-indent: 0; text-align: center; } body .wooslider-direction-nav, body .wooslider-direction-nav li { list-style: none; margin: 0; padding: 0; } body .wooslider-direction-nav .wooslider-next { text-align: initial; } body .wooslider.wooslider-type-slides .has-featured-image img.featured-image { max-width: 100%; height: auto; } body .wooslider.wooslider-type-slides img { max-width: 100%; padding: 0;} /* CSS FOR FEED TO POST IMAGE */ div.ftpimagefix{ /* margin:10px; */ /* uncomment to put margin around the image */ } /* End */ /* CSS FOR THE WIDGET */ div.news a{ /*color:#cccccc; */ /* change to any color you want for the feed item title */ } .widgettitle a { /* color:#cccccc !important; */ /* change to any color you want for the wdiget title */ } /* End */ /* DEFAULT AND DATE ABOVE TEMPLATES - START */ div.rss-output { padding: 1.025em; /* float: left; */ /* uncomment to float all posts to the left */ /* border-bottom: 1px solid #DADADA; */ /* uncomment to make a line in between each entry */ } span.headline { /* headline css */ font-size:16px; font-weight:400; } span.categoryname{ margin-left:20px; } /* DEFAULT AND DATE ABOVE TEMPLATES - END */ /* REGULAR TEMPLATES - START */ div.reg_rss-output { padding: 1.025em; float: left; } div.reg_rss-output .title { font-size:1.3em; //text-indent:-9999px; } /* REGULAR TEMPLATES - END */ /* SIMPLE BULLET TEMPLATE - START */ .wprssmi_bullet_list .title{ font-size:1.1em; } .wprssmi_bullet_list .date{ font-size:.9em; } /* SIMPLE BULLET TEMPLATE - END */ /* BOXES TEMPLATE - START */ div#wprssmi_main_container { float: left; margin: 5px 0 0; padding: 3px; width: 666px; /* change the width to match your themes width */ color: #1E1E1E; font-family: "Lucida Grande",Arial,Helvetica,sans-serif; font-size: 12px; line-height: 1.5em; } ul#wprssmi_rss_list { float: left; } element.style { background: none no-repeat scroll 3px center white; } ul#wprssmi_rss_list li.item { float: left; margin: 0 15px 15px 0; overflow: hidden; width: 211px; /* change this width to the size of the boxes you want */ } div.item_inner { background: none repeat scroll 0 0 #FCFCFC; border: 1px solid #DDDDDD; height: 250px; overflow: hidden; position: relative; } div.blog_container { padding: 6px 12px; } p.blog_title { margin: 8px 0 4px; text-transform: uppercase; } ul#wprssmi_rss_list li.item p.date { font-size: 9px; } a { /*color: #1E1E1E; // you can change the color of the hyperlinked title here */ } ul#wprssmi_rss_list li.item p.site_info { font-size: 10px; } div#wprssmi_center_box { margin: 0 auto; position: relative; width: 980px; } /* BOXES TEMPLATE - END */ /* CLEAN SEPARATED TEMPLATE - START */ .wprssmi-cs-items { border-bottom: 1px solid #DADADA; margin: 5px 0 20px; } .wprssmi-cs-items .title{ font-size:1.3em; } .wprssmi-cs-items .body{ font-size:1em; } .wprssmi-cs-excerpt { line-height: 1.5em; padding: 5px 0 0; } .wprssmi-cs-source { color: #777777; font-size: 0.82em; margin: 5px 0 10px; } /* CLEAN SEPARATED TEMPLATE - END */ /* SMOOTH SCROLL TEMPLATE - START */ #wprssmi_RssParade { width: 600px; height: 350px; position: relative; } #wprssmi_RssParade div.scrollableArea .wprssmi_item_inner { display: block; float: left; padding-left: 10px; } /* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */ /* Invisible left hotspot */ div.scrollingHotSpotLeft { /* The hotspots have a minimum width of 100 pixels and if there is room the will grow and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */ min-width: 75px; width: 10%; height: 100%; /* There is a big background image and it's used to solve some problems I experienced in Internet Explorer 6. */ /* background-image: url(http://www.smoothdivscroll.com/images/big_transparent.gif); */ background-repeat: repeat; background-position: center center; position: absolute; z-index: 200; left: 0; /* The first url is for Firefox and other browsers, the second is for Internet Explorer */ /* cursor: url(http://www.smoothdivscroll.com/images/cursors/cursor_arrow_left.png), url(http://www.smoothdivscroll.com/images/cursors/cursor_arrow_left.cur),w-resize; */ } /* Visible left hotspot */ div.scrollingHotSpotLeftVisible { /* background-image: url(http://www.smoothdivscroll.com/images/arrow_left.gif); */ background-color: #fff; background-repeat: no-repeat; opacity: 0.35; /* Standard CSS3 opacity setting */ -moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */ filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */ zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */ } /* Invisible right hotspot */ div.scrollingHotSpotRight { min-width: 75px; width: 10%; height: 100%; /* background-image: url(http://www.smoothdivscroll.com/images/big_transparent.gif); */ background-repeat: repeat; background-position: center center; position: absolute; z-index: 200; right: 0; /* cursor: url(http://www.smoothdivscroll.com/images/cursors/cursor_arrow_right.png), url(http://www.smoothdivscroll.com/images/cursors/cursor_arrow_right.cur),e-resize; */ } /* Visible right hotspot */ div.scrollingHotSpotRightVisible { /* background-image: url(http://www.smoothdivscroll.com/images/arrow_right.gif); */ background-color: #fff; background-repeat: no-repeat; opacity: 0.35; filter: alpha(opacity = 35); -moz-opacity: 0.35; zoom: 1; } /* The scroll wrapper is always the same width and height as the containing element (div). Overflow is hidden because you don't want to show all of the scrollable area. */ div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; } div.scrollableArea { position: relative; width: auto; height: 100%; } div.wprssmi_item_inner { background: none repeat scroll 0 0 #FCFCFC; border: 1px solid #DDDDDD; height: 245px; /* 245px; 300px; */ overflow: hidden; position: relative; width:220px; /* 220px; 250px; */ margin:5px; } div.wprssmi_container { padding: 6px 12px; } p.wprssmi_title { margin: 8px 0 4px; text-transform: uppercase; font-size:12px; /* change the title font size here */ } div#wprssmi_main_container { //float: left; margin: 5px 0 0; padding: 3px; width: 666px; } div.wprssmi-excerpt{ font-size:12px; /* change the text font size here */ /* color:; change the text color here */ /* padding-left:; put padding here */ } /* SMOOTH SCROLL TEMPLATE - END */ /* VERTICAL SCROLL TEMPLATE - START */ .wprssmi_rss_vs .title{ font-size:1.1em; padding-top:10px; } .wprssmi_rss_vs .date{ font-size:.9em; } div.wprssmi_teste3{ height: 165px; overflow: hidden; position: relative; } /* VERTICAL SCROLL TEMPLATE - END */ /* LOAD MORE CSS */ #pbd-alp-load-posts a:link, #pbd-alp-load-posts a:visited { display: block; text-align: center; padding: 4px 0; color: #444; text-decoration: none; /** Rounded Corners **/ -moz-border-radius: 8px; border-radius: 8px; /** Drop shadow **/ -moz-box-shadow: 1px 1px 1px #999; -webkit-box-shadow: 1px 1px 1px #999; box-shadow: 1px 1px 1px #999; /** Gradients : http://css-tricks.com/css3-gradients/ */ /* fallback */ background-color: #f1f1f1; /* Firefox 3.6+ */ background: -moz-linear-gradient(100% 100% 90deg, #e4e3e3, #f1f1f1); /* Safari 4-5, Chrome 1-9 */ /* -webkit-gradient(, [, ]?, [, ]? [, ]*) */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#e4e3e3)); /* Safari 5.1+, Chrome 10+ */ background: -webkit-linear-gradient(#f1f1f1, #e4e3e3); /* Opera 11.10+ */ background: -o-linear-gradient(#f1f1f1, #e4e3e3); } #pbd-alp-load-posts a:hover, #pbd-alp-load-posts a:active { /** Drop shadow **/ -moz-box-shadow: 1px 1px 1px #bbb; -webkit-box-shadow: 1px 1px 1px #bbb; box-shadow: 1px 1px 1px #bbb; /** Gradients : http://css-tricks.com/css3-gradients/ */ /* fallback */ background-color: #f5f5f5; /* Firefox 3.6+ */ background: -moz-linear-gradient(100% 100% 90deg, #eaeaea, #f5f5f5); /* Safari 4-5, Chrome 1-9 */ /* -webkit-gradient(, [, ]?, [, ]? [, ]*) */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#eaeaea)); /* Safari 5.1+, Chrome 10+ */ background: -webkit-linear-gradient(#f1f1f1, #eaeaea); /* Opera 11.10+ */ background: -o-linear-gradient(#f5f5f5, #eaeaea); } /* Theme Name: Canvas Theme URI: http://www.woothemes.com/ Version: 5.2.3 Description: Designed by WooThemes. Author: WooThemes Author URI: http://www.woothemes.com Tags: canvas, woothemes Copyright: (c) 2009-2013 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! :) */ /*------------------------------------------------------------------------------------------- INDEX: 0. RESET 1. SETUP -1.1 Defaults -1.2 Hyperlinks -1.3 @font-face 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Drop-down menus -2.2.2 Optional Top Navigation (WP Menus) -2.3 Header -2.4 Content -2.5 Sidebar -2.6 Footer -2.7 Full Width 3. POSTS -3.1 Typographic Elements -3.2 Images -3.3 Pagination / Woo Pagination -3.4 Single Post Author -3.5 Tumblog Styling 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets -4.3 WooTabs 5. COMMENTS -5.1 Comments -5.2 Pingbacks / Trackbacks -5.3 Comments Form 6. MISC -6.1 Buttons -6.2 Info Boxes -6.3 Contact Form -6.4 Gravity forms -6.5 Tumblog -6.6 Subscribe & Connect -6.7 Featured Posts Shortcode -6.8 Tables 7. LAYOUTS -7.1 Site Width -7.2 two-col-left -7.3 two-col-right -7.4 three-col-left -7.5 three-col-middle -7.6 three-col-right 8. TEMPLATES / SLIDER -8.1 Slider -8.2 Magazine template -8.3 Business template -8.4 Footer Widgets 1-4 Columns -8.5 Portfolio -8.5.1 Single Portfolio Item -8.5.2 Portfolio Items In Archive Screens -8.6 Contact Page Template -8.7 Timeline Page Template 9. WOODOJO 10. BROWSER SPECIFIC -------------------------------------------------------------------------------------------*/ /** * Functions */ /*! * Font Awesome 3.0.2 * the iconic font designed for use with Twitter Bootstrap * ------------------------------------------------------- * The full suite of pictographic icons, examples, and documentation * can be found at: http://fortawesome.github.com/Font-Awesome/ * * License * ------------------------------------------------------- * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - * http://opensource.org/licenses/mit-license.html * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: * "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" * Contact * ------------------------------------------------------- * Email: dave@davegandy.com * Twitter: http://twitter.com/fortaweso_me * Work: Lead Product Designer @ http://kyruus.com */ @font-face { font-family: 'FontAwesome'; src: url(http://loftymix.com/wp-content/themes/canvas/'includes/fonts/fontawesome-webfont.eot?v=3.0.1'); src: url(http://loftymix.com/wp-content/themes/canvas/'includes/fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url(http://loftymix.com/wp-content/themes/canvas/'includes/fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'), url(http://loftymix.com/wp-content/themes/canvas/'includes/fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } /* more sprites.less reset */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] { background-image: none; } [class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } /* makes sure icons active on rollover in links */ a [class^="icon-"], a [class*=" icon-"] { display: inline-block; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { vertical-align: -10%; font-size: 1.3333333333333333em; } .btn [class^="icon-"], .nav [class^="icon-"], .btn [class*=" icon-"], .nav [class*=" icon-"] { display: inline; /* keeps button heights with and without icons the same */ } .btn [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin { display: inline-block; } .nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"] { /* keeps button heights with and without icons the same */ } .nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-pills [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large { line-height: .9em; } li [class^="icon-"], .nav li [class^="icon-"], li [class*=" icon-"], .nav li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } li [class^="icon-"].icon-large, .nav li [class^="icon-"].icon-large, li [class*=" icon-"].icon-large, .nav li [class*=" icon-"].icon-large { /* increased font size for icon-large */ width: 1.5625em; } ul.icons { list-style-type: none; text-indent: -0.75em; } ul.icons li [class^="icon-"], ul.icons li [class*=" icon-"] { width: .75em; } .icon-muted { color: #eeeeee; } .icon-border { border: solid 1px #eeeeee; padding: .2em .25em .15em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .icon-2x { font-size: 2em; } .icon-2x.icon-border { border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .icon-3x { font-size: 3em; } .icon-3x.icon-border { border-width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .icon-4x { font-size: 4em; } .icon-4x.icon-border { border-width: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .pull-right { float: right; } .pull-left { float: left; } [class^="icon-"].pull-left, [class*=" icon-"].pull-left { margin-right: .3em; } [class^="icon-"].pull-right, [class*=" icon-"].pull-right { margin-left: .3em; } .btn [class^="icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x { margin-top: .18em; } .btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large { line-height: .8em; } .btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x { margin-top: .25em; } .btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] { margin-top: 0; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-top: .05em; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x { margin-right: .2em; } .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-left: .2em; } .icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @-moz-document url-prefix() { .icon-spin { height: .9em; } .btn .icon-spin { height: auto; } .icon-spin.icon-large { height: 1.25em; } .btn .icon-spin.icon-large { height: .75em; } } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-repeat:before { content: "\f01e"; } /* \f020 doesn't work in Safari. all shifted one down */ .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up:before { content: "\f087"; } .icon-thumbs-down:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope-alt:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-lightbulb:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-alt:before { content: "\f0f3"; } .icon-coffee:before { content: "\f0f4"; } .icon-food:before { content: "\f0f5"; } .icon-file-alt:before { content: "\f0f6"; } .icon-building:before { content: "\f0f7"; } .icon-hospital:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-sign:before { content: "\f0fd"; } .icon-plus-sign-alt:before { content: "\f0fe"; } .icon-double-angle-left:before { content: "\f100"; } .icon-double-angle-right:before { content: "\f101"; } .icon-double-angle-up:before { content: "\f102"; } .icon-double-angle-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before { content: "\f10b"; } .icon-circle-blank:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } .icon-reply:before { content: "\f112"; } .icon-github-alt:before { content: "\f113"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } /*-------------------------------------------------------------------------------------------*/ /* 0. RESET */ /*-------------------------------------------------------------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */ body, html { height: 100%; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } /* remember to define focus styles! */ del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */ sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* GENERAL STYLES */ /* Floating & Alignment */ .fl { float: left; } .fr { float: right; } .ac { text-align: center; } .ar { text-align: right; } /* Clear Floats */ .col-full:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .fix { clear: both; height: 1px; margin: -1px 0 0; overflow: hidden; } html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://sonspring.com/journal/clearing-floats */ /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { font: 300 13px/20px "Helvetica Neue", Helvetica, Arial, Sans-serif; color: #555; background-color: #fff; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #222; font-weight: bold; line-height: 1.2em; } h1 { font-size: 2em; } h2 { font-size: 1.8em; } h3 { font-size: 1.6em; } h4 { font-size: 1.2em; } h5 { font-size: 1em; } h6 { font-size: 0.8em; } p { margin: 0; font: 300 14px/22px "Helvetica Neue", Helvetica, Arial, sans-serif; } strong { font-weight: bold; } hr { background-color: #e6e6e6; border: 0; height: 1px; margin-bottom: 20px; } input, textarea { padding: 5px; background: #fafafa; border-color: #ccc #efefef #efefef #ccc; border-width: 1px; border-style: solid; margin-bottom: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } input:focus, textarea:focus { background: #fff; border-color: transparent; box-shadow: 0 0 6px rgba(48, 136, 255, 0.7); -moz-box-shadow: 0 0 6px rgba(48, 136, 255, 0.7); -webkit-box-shadow: 0 0 6px rgba(48, 136, 255, 0.7); } .hide { display: none; } img { vertical-align: bottom; max-width: 100%; } /* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ .ie7 img { -ms-interpolation-mode: bicubic; } /* 1.2 Hyperlinks */ a:link, a:visited { color: #3088ff; text-decoration: none; } a:hover { text-decoration: underline; color: red; } 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; } /* 1.3 @font-face - Used for the subscribe & connect social icons. If you would like to add more icons to the font, you can do so by rebuilding the font at http://keyamoon.com/icomoon/app/ and replace the existing font files in the theme with the new ones. */ @font-face { font-family: 'Social'; font-weight: normal; font-style: normal; src: url(http://loftymix.com/wp-content/themes/canvas/'includes/fonts/social.eot'); src: url(http://loftymix.com/wp-content/themes/canvas/'includes/fonts/social.eot?#iefix') format('embedded-opentype'), url(http://loftymix.com/wp-content/themes/canvas/'includes/fonts/social.woff') format('woff'), url(http://loftymix.com/wp-content/themes/canvas/'includes/fonts/social.ttf') format('truetype'), url(http://loftymix.com/wp-content/themes/canvas/'includes/fonts/social.svg#woo-social') format('svg'); } /* Nav Toggle */ .nav-toggle:after { content: "\f039"; font-family: "FontAwesome"; font-weight: normal; color: #fff; margin-left: 0.5em; } /* Sliders */ .feedback .flex-prev:before, .feedback .flex-next:before { font-family: "FontAwesome"; } a.flex-prev:before, #post-gallery .pagination .jcarousel-prev:before { font-family: "FontAwesome"; content: "\f053"; } a.flex-next:before, #post-gallery .pagination .jcarousel-next:after { font-family: "FontAwesome"; content: "\f054"; } a.flex-prev:before, a.flex-next:before, #post-gallery .pagination .jcarousel-prev:before, #post-gallery .pagination .jcarousel-next:after { position: absolute; top: 2px; left: 0px; font-size: 24px; color: #666; color: rgba(0, 0, 0, 0.6); } a.flex-prev:hover:before, a.flex-next:hover:before, #post-gallery .pagination .jcarousel-prev:hover:before, #post-gallery .pagination .jcarousel-next:hover:after { color: #222; } /* Tumblog */ .post .post-icon a:before { display: block; height: 50px; width: 50px; padding-top: 0.7em; font-size: 1.7em; color: #fff; text-align: center; } .post .post-icon.link a:before { font-family: "FontAwesome"; content: "\f0c1"; } .post .post-icon.video a:before { font-family: "FontAwesome"; content: "\f03d"; } .post .post-icon.article a:before { font-family: "FontAwesome"; content: "\f0f6"; } .post .post-icon.audio a:before { font-family: "FontAwesome"; content: "\f026"; } .post .post-icon.image a:before { font-family: "FontAwesome"; content: "\f03e"; } .post .post-icon.quote a:before { font-family: "FontAwesome"; content: "\f10d"; } /* Timeline template comments */ #archives .archives_list li span.comments a:before { content: "\f075"; font-family: "FontAwesome"; font-size: 0.6em; margin-right: 5px; position: relative; top: -0.4em; } /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #wrapper { position: relative; padding: 0 0 40px; } #inner-wrapper { position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 1em; -webkit-transition: left ease 0.5s; -moz-transition: left ease 0.5s; -o-transition: left ease 0.5s; transition: left ease 0.5s; } body.fixed-mobile { padding: 0; } body.fixed-mobile #top { padding: 0; margin: 0; } /* 2.2 Navigation */ #navigation { clear: both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 80%; left: -80%; position: absolute; top: 0; min-height: 100%; z-index: 9000; padding-top: 4.236em; margin-bottom: 3em; font: 300 14px/14px sans-serif; background: rgba(0, 0, 0, 0.05); } #navigation .menus { clear: both; } #navigation h3 { font-size: 1em; padding: .5em 1em; } #navigation ul { margin-bottom: 1.618em; } #navigation ul ul { margin: 0 0 0 1.618em; } #navigation .nav-home, #navigation .nav-close, #navigation .cart-contents, #navigation ul.rss li a { height: 1em; width: 1em; text-indent: -999px; display: block; font-size: 1em; padding: .5em; position: absolute; top: 1em; left: 1em; background: #999; color: #fff; border-radius: 3px !important; } #navigation .nav-home:before, #navigation .nav-close:before, #navigation .cart-contents:before, #navigation ul.rss li a:before { font-family: "FontAwesome"; content: "\f00d"; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; text-indent: 0; line-height: 2; } #navigation .nav-home { left: auto; right: 1em; } #navigation .nav-home:before { content: "\f015"; } #navigation .cart-contents { left: auto; right: 3.5em; } #navigation .cart-contents:before { content: "\f07a"; } #navigation ul.rss { margin-right: 50px; margin-bottom: 0; margin-top: -45px; float: right; } #navigation ul.rss:after { content: ""; display: block; clear: both; } #navigation ul.rss.cart-enabled { margin-right: 85px; } #navigation ul.rss li { float: left; } #navigation ul.rss li a { position: relative; top: 0; left: 0; margin-left: .5em; } #navigation ul.rss li.sub-email a:before { content: "\f003"; } #navigation ul.rss li.sub-rss a:before { content: "\f09e"; } .show-nav #navigation .top-navigation { display: block; } .show-nav #inner-wrapper { left: 80%; -webkit-border-radius: 0.618em; -moz-border-radius: 0.618em; border-radius: 0.618em; } /*#navigation ul.rss { float: none; position: absolute; top: 10px; right: 9px; } #navigation ul.rss li { display: block; margin: 0 0 10px 0; padding: 0; font-size: 1em; } #navigation ul.rss li a { color: #555555; text-decoration: none; padding: 0; display: inline-block; position: relative; } #navigation ul.rss li a:hover { color: #222; }*/ ul.nav { width: 100%; } ul.nav li a { padding: .5em 1em; display: block; color: #666; } ul.nav li a:hover { color: #222; } ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a { background: #ffffff; color: #3088ff; } ul.nav li ul li a { background: none!important; color: #666!important; } ul.nav ul li.current_page_item a, ul.nav ul li.current_page_parent a, ul.nav ul li.current-menu-ancestor a, ul.nav ul li.current-cat a, ul.nav ul li.current-menu-item a { color: #3088ff!important; } .nav-toggle { cursor: pointer; text-align: center; display: block; margin: 2.5em 0 -2em; padding: 0.4em 1em; font-size: 1em; background: #999; background: rgba(0, 0, 0, 0.4); border-radius: 3px; } .nav-toggle a { color: #fff; } .nav-toggle a:hover { color: #fff; text-decoration: none; } #top select { margin: 1.618em 0 0; width: 100%; } #top { display: none; } /* 2.3 Header */ #header { padding: 40px 0 45px; clear: both; position: relative; background-size: auto; } #logo .site-title { line-height: inherit; margin-bottom: 5px; font-weight: bold; } #logo .site-title, #logo .site-description { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; display: block; } #logo .site-title a { color: #222; font-size: 40px; line-height: 40px; text-transform: none; text-decoration: none; } #logo .site-title a:hover { text-decoration: underline; } #logo .site-description { color: #999; font-weight: 300; } #topad { margin: 2em 0 0.5em; } /* 2.4 Content */ #content { padding: 0 0 40px; position: relative; } /* 2.5 Sidebar */ #sidebar { margin-top: 3em; overflow: hidden; } #sidebar .secondary { float: left; margin-right: 20px; } #sidebar .tertiary { float: left; margin-right: 0; } #sidebar .last { margin: 0; } /* 2.6 Footer */ #footer { padding: 20px 0; border-top: 1px solid #e6e6e6; color: #999; } #footer #credit img { vertical-align: middle; } #footer #credit span { display: none; } #footer .col-left { margin-bottom: 10px; } /* 2.7 Full Width */ body.full-width, body.full-width #inner-wrapper { padding: 0; } body.full-width #wrapper { padding: 0; min-width: 100% !important; width: 100%; } body.full-width #header, #nav-container, body.full-width #content, body.full-width #footer-widgets, body.full-width #footer { padding-left: 1.618em; padding-right: 1.618em; } body.full-width #top { padding: 0; margin: 0; } #nav-container { border: 1px solid #d9d9d9; border-width: 1px; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5)); background: -webkit-linear-gradient(#ffffff, #f5f5f5); background: -moz-linear-gradient(center top, #ffffff 0%, #f5f5f5 100%); background: -moz-gradient(center top, #ffffff 0%, #f5f5f5 100%); margin: 0 0 1em 0; } #nav-container #navigation { margin-bottom: 0; border: none; border-radius: 0; } #nav-container #navigation ul#main-nav > li:first-child { border-left: 1px solid #DBDBDB; } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ .breadcrumbs { margin-bottom: 1.5em; } .archive_header { display: block; float: left; border-bottom: 1px solid #e6e6e6; width: 100%; margin: 0 0 30px; padding: 0 0 10px; color: #222; } .archive_header { font-weight: bold; font-size: 1.5em; } .archive_header h1 { font-size: 1em; } .archive_header .catrss a { padding: 5px 10px; font-size: 14px; text-decoration: none; line-height: 22px; } .archive-description { clear: both; margin-bottom: 30px; } .post, .search .page { margin: 0 0 40px; } .post .title, .page .title { font: normal bold 28px/1.2em "Helvetica Neue", Helvetica, Arial sans-serif; margin: 0 0 0.5em; } .post .title a:link, .post .title a:visited, .page .title a:link, .page .title a:visited { color: #222; } .post-meta { margin: 0 0 1.8em 0; font: 1em/1em sans-serif; color: #999; font: 300 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; } .post-meta .small { text-transform: lowercase; } .post-meta .author { text-transform: capitalize; } .post-more { clear: both; padding: 0.2em 0; font-size: 13px; } .post-more .sep { padding: 0 0.5em; } .post p.tags { color: #999; width: 100%; clear: both; margin-bottom: 20px; } .post-meta a:link, .post-meta a:visited, .post p.tags a:link, .post p.tags a:visited { font-weight: bold; color: #888; } .post-more a:hover, .post-meta a:hover, .post p.tags a:hover { text-decoration: underline; color: red; } .post-meta .post-comments { margin-left: 0.5em; float: right; } .post .post-embed { margin-bottom: 30px; } .post-edit-link { float: right; font-weight: 300; font-size: 1.2em; } .entry .page-link { font-weight: bold; margin: 0 0 2em; } /* 3.1 Typographic Elements */ .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 0 0 0.5em; line-height: 1.5em; } .entry, .entry p { color: #555555; font: 300 15px/1.5em "Helvetica Neue", Helvetica, sans-serif; } .entry p { margin-bottom: 1.2em; } .entry blockquote { position: relative; padding: 10px 20px 10px 50px; color: #444; } .entry blockquote:before { content: "\f10d"; position: absolute; top: 0.5em; left: 0; font-size: 2em; color: #999; font-family: "FontAwesome"; } .entry blockquote p { font-style: italic; } .entry ul { margin: 0 0 15px 0; padding: 0 0 0 30px; } .entry ul ul { margin: 0; } .entry ul li { list-style-type: disc; } .entry ul ul li { list-style-type: circle; } .entry ol { margin: 0 0 15px 0; padding: 0 0 0 30px; } .entry ol ol { margin: 0; } .entry ol li { list-style-type: decimal; } .entry ol li ol li { list-style-type: lower-latin; } /* 3.2 Images */ .entry img, img.thumbnail, #portfolio .group.portfolio-img img { height: auto; padding: 3px; border: 1px solid #e6e6e6; background: #F8F8F8; background: rgba(255, 255, 255, 0.7); } img.wp-smiley { padding: 0; border: none; } .alignleft { float: left; margin: 5px 15px 15px 0; } .alignright { float: right; margin: 5px 0 15px 15px; } .aligncenter { text-align: center; margin-bottom: 15px; } img.aligncenter { margin-left: auto; margin-right: auto; display: block; } .entry .wp-caption { max-width: 100%; width: 100%; padding: 1px; text-align: center; background: #F8F8F8; border: solid 1px #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: inset 0 0 1px 1px #fff; -moz-box-shadow: inset 0 0 1px 1px #fff; -webkit-box-shadow: inset 0 0 1px 1px #fff; } .entry .wp-caption img { margin: 0!important; padding: 4px 0; background: none; border: 0; } .entry .wp-caption-text { margin: 0 0 0.3em; padding: 0; font: 300 12px/1.5em "Helvetica Neue", Helvetica, sans-serif; text-align: center; } .entry .wp-caption a { margin: 0!important; } .entry .wp-caption.aligncenter { margin: 0 auto 15px; } /* 3.3 Pagination */ .nav-entries { clear: both; font-size: 11px; } .post-entries { clear: both; margin-top: -20px; } .post-entries a:link, .post-entries a:visited { font-size: 0.9em; color: #888; } .post-entries a:hover { text-decoration: none; color: #666; } .woo-pagination { margin: 0 0 2em; text-align: center; clear: both; display: block; } .woo-pagination a:link, .woo-pagination a:visited, .nav-entries a span { display: inline; text-decoration: none; color: #666; padding: 3px 7px; border: 1px solid #DDDDDD; } .nav-entries a { font-size: 1.2em; } .woo-pagination span.extend, .woo-pagination .page-numbers { border: none; color: #666; } .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .nav-entries a span { /* Border Radius */ font-weight: bold; font-size: 0.9em; border-radius: 3px; border: 1px solid #d9d9d9; background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5)); background: -webkit-linear-gradient(#ffffff, #f5f5f5); background: -moz-linear-gradient(center top, #ffffff 0%, #f5f5f5 100%); background: -moz-gradient(center top, #ffffff 0%, #f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f5f5f5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f5f5f5)"; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); } .woo-pagination span.current { border: none; background: none; font-weight: bold; font-size: 0.9em; } .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active { border: none; background: #f0f0f0; } .woo-pagination .current, .woo-pagination a:hover { padding: 3px 7px; background: #e0e0e0; } /* 3.4 Single Post Author */ #post-author { padding: 15px; margin: 0 0 1.5em; border: 1px solid #e6e6e6; background: #fafafa; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #post-author h4 { margin-bottom: 0.4em; } #post-author .profile-image img { float: left; margin: 0 15px 5px 0; padding: 0; border: none; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } #post-author .profile-content { font-size: 13px; } .author #post-author { margin-bottom: 30px; } /* 3.5 Tumblog Styling */ .post { position: relative; } .post .post-icon a { float: right; display: block; overflow: hidden; width: 50px; height: 50px; background: #333; border-radius: 100px; } .post .post-icon a:hover { background: #111; text-decoration: none; } .post .audio { margin-bottom: 1.8em; } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.2 Generic Widgets */ .widget { margin: 0 0 30px 0; font-size: 12px; } .widget h3 { margin: 0 0 0.8em 0; padding: 0 0 0.8em; font: normal bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555; border-bottom: 1px solid #e6e6e6; } .widget p { font: 300 13px/20px "Helvetica Neue", Helvetica, sans-serif; margin-bottom: 15px; } .widget ul { clear: both; list-style-position: inside; list-style-type: disc; } .widget ul li a { padding: 0; line-height: 22px; text-decoration: none; } .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 */ #footer-widgets { border-top: 1px solid #e6e6e6; padding: 10px 0; clear: both; } /* 4.2 Specific Widgets */ /* Minor WooSlider Compatibility Additions */ .widget .wooslider ul li a { padding: 0; } /* SEARCH FORM */ .searchform, #searchform { width: 99%; margin-top: 5px; position: relative; border-color: #ccc #efefef #efefef #ccc; border-width: 1px; border-style: solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .searchform input.s, #searchform input#s { padding: 8px; width: 85%; margin: 0; border: none; background: none; color: #777; } .searchform input.s:focus { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .searchform button.submit { background: none; position: absolute; top: .6em; right: 10px; border: none; margin: 0; padding: 0; } .searchform label { display: none; } /* FLICKR */ .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; } /* WIDGET WOO EMBED */ .widget_woo_embed h3 { margin-bottom: 0.5em; } .widget_woo_embed h4 { display: none; } .widget_woo_embed ul { margin: 0.7em 0 0; } .widget_woo_embed ul li.active a { font-weight: bold; } /* CALENDAR */ #wp-calendar { width: 95%; margin-bottom: 15px; clear: both; padding: 0; } #wp-calendar caption { padding: 0 0 10px; } #wp-calendar th, #wp-calendar td { text-align: center; background: rgba(0, 0, 0, 0.05); 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; } /* TWITTER */ .widget_woo_twitter .back { padding: 15px 25px 10px; background: #f8f8f8; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .widget_woo_twitter ul { background: none; padding-left: 0; } .widget_woo_twitter ul li { border-bottom: 1px solid #e6e6e6; padding: 10px 0px; list-style: none; } .widget_woo_twitter ul li a { padding: 0px; } .widget_woo_twitter ul li .time { color: #999; } .widget_woo_twitter p { padding-top: 10px; } .widget_woo_twitter p a { color: #222; } .widget_woo_twitter ul li .content { font-size: 16px; font-family: Georgia, serif; } .widget.widget_woo_twitter h3 { border-bottom: none; padding: 0; margin: 0; padding-bottom: 15px; } /* Feedback */ .widget_woo_feedback { position: relative; padding-top: 5px; } .feedback .feedback-list > div { display: none; } .feedback .feedback-list { margin-top: 15px; } .feedback .feedback-list cite { display: block; margin-top: 5px; font-weight: bold; } .feedback .feedback-list .feedback-url { display: block; } .feedback .flex-direction-nav { position: absolute; top: 0; right: 0; list-style-type: none; } .feedback .flex-direction-nav li { float: left; } .feedback .flex-prev, .feedback .flex-next { padding-top: 30px; width: 26px; } .feedback .flex-prev:before, .feedback .flex-next:before { font-size: 20px; } /* Features */ .widget_woothemes_features { margin: 0 0 30px; } .widget_woothemes_features:after { content: ""; display: block; clear: both; } .widget_woothemes_features > h3 { margin: 0 0 .8em; } .widget_woothemes_features .feature { margin-bottom: 2em; } .widget_woothemes_features .feature img { float: right; margin: 0 0 1em 1em; } .widget_woothemes_features .feature .feature-title { margin: 0 0 .8em; padding: 0; font-size: 1.2em; border: none; } /* Testimonials */ .widget_woothemes_testimonials { margin: 0 0 30px; } .widget_woothemes_testimonials:after { content: ""; display: block; clear: both; } .widget_woothemes_testimonials > h3 { margin: 0 0 .8em; } .widget_woothemes_testimonials .quote { margin-bottom: 2em; } .widget_woothemes_testimonials .quote blockquote { margin: 0 0 1em; quotes: "\201C" "\201D" "\2018" "\2019"; } .widget_woothemes_testimonials .quote blockquote:before { content: open-quote; } .widget_woothemes_testimonials .quote blockquote:after { content: close-quote; } .widget_woothemes_testimonials .quote .author { font-weight: bold; } .widget_woothemes_testimonials .quote .author .excerpt { display: block; font-weight: normal; } .widget_woothemes_testimonials .quote .author .url { font-weight: normal; } .widget_woothemes_testimonials .quote img { float: right; margin: 0 0 0 1em; -webkit-border-radius: 300px; -moz-border-radius: 300px; border-radius: 300px; } /* 4.3 WooTabs */ #tabs { height: auto; display: block; margin-bottom: 30px; } #tabs ul.wooTabs { position: relative; bottom: -1px; padding: 0px; z-index: 99; } #tabs ul.wooTabs li { float: left; display: inline; margin-right: 2px; font-weight: bold; color: #ffffff; cursor: pointer; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background: #fff; text-decoration: none; border: 1px solid #d9d9d9; border-width: 1px 1px 0; color: #666; background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ffffff)); background: -webkit-linear-gradient(#f2f2f2, #ffffff); background: -moz-linear-gradient(center top, #f2f2f2 0%, #ffffff 100%); background: -moz-gradient(center top, #f2f2f2 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f2f2f2, endColorstr=#ffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f2f2, endColorstr=#ffffff)"; box-shadow: inset 0 1px 0 #ffffff, 0 -1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 #ffffff, 0 -1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 0 #ffffff, 0 -1px 3px rgba(0, 0, 0, 0.1); } #tabs ul.wooTabs li a { color: #999; display: block; float: left; border: 1px solid transparent; border-width: 1px 1px 0; padding: 5px 8px 3px; text-transform: uppercase; font-size: 11px; text-shadow: 1px 1px 0 solid #fff; } #tabs .inside { box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } #tabs .inside li { background: #fff; } #tabs #tab-tags { padding: 10px; background: #fff; border: 1px solid #d9d9d9; } #tabs .inside ul { margin: 0; border: 1px solid #d9d9d9; border-width: 1px 0 1px 0; list-style: none; padding-left: 0px; } #tabs .inside li { border: 1px solid #d9d9d9; border-width: 0 1px 1px 1px; padding: 10px; } #tabs .inside li a { color: #999; font: bold 13px/18px Helvetica, Arial, sans-serif; padding: 0; } #tabs .inside li span.meta { display: block; font: 300 11px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #777; } #tabs .inside li img.avatar, #tabs .inside li img.thumbnail { float: left; margin: 0 8px 0 0; padding: 0; border-radius: 300px; -moz-border-radius: 300px; -webkit-border-radius: 300px; } #tabs { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { border-top-right-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; } #tabs .inside .list { display: none; } #tabs .inside .list:first-child { display: block; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments { position: relative; margin: 40px 0 0; padding: 40px 0 0 0; border-top: 1px solid #e6e6e6; border-top: 1px solid rgba(0, 0, 0, 0.07); } #comments h3 { color: #333; font-weight: normal; margin-bottom: 20px; } #comments .comment.thread-even { background: #fafafa; background: rgba(0, 0, 0, 0.02); border-bottom: 1px solid #e6e6e6; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } #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-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } #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 { color: #fff; } #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 a { display: block; margin: 15px 0 0 0; text-decoration: none; } #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 #reply-title small { display: block; font-size: 14px; margin-top: 5px; } #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 input.txt, #commentform textarea { font: 300 14px/1em "Helvetica Neue", Helvetica, sans-serif; } #commentform input.txt { width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; } #commentform textarea { width: 95% !important; padding: 5px 7px; } #commentform #submit { margin: 15px 0 0 0; } #commentform #submit:after { font-family: "FontAwesome"; content: "\f105"; } /* 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 */ body #wrapper #content .button, body #wrapper #content .button:visited, body #wrapper #content .reply a, body #wrapper #content #respond .form-submit input#submit { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; display: inline-block; padding: 6px 14px; color: #fff !important; text-decoration: none; border: none; position: relative; cursor: pointer; } body #wrapper #content .button, body #wrapper #content .button:visited, body #wrapper #content .reply a, body #wrapper #content #respond .form-submit input#submit { border: none; background: #555555; background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#424242)); background: -webkit-linear-gradient(#555555, #424242); background: -moz-linear-gradient(center top, #555555 0%, #424242 100%); background: -moz-gradient(center top, #555555 0%, #424242 100%); box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1); } body #wrapper #content .button:hover, body #wrapper #content .reply a:hover, body #wrapper #content #respond .form-submit input#submit:hover { color: #fff !important; text-decoration: none; } body #wrapper #content .button:active, body #wrapper #content .reply a:active, body #wrapper #content #respond .form-submit input#submit:active { box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.6); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.6); -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.6); } body #wrapper #content .small.button, body #wrapper #content .small.button:visited, body #wrapper #content .reply a { font-size: 10px; padding: 0px 6px 1px; text-transform: uppercase; } body #wrapper #content .button, body #wrapper #content .button:visited, body #wrapper #content .medium.button, body #wrapper #content .medium.button:visited, body #wrapper #content #respond .form-submit input#submit { font-size: 12px; line-height: 1; } body #wrapper #content .large.button, body #wrapper #content .large.button:visited { font-size: 14px; padding: 8px 14px 9px; } body #wrapper #content .button, body #wrapper #content .button:visited, body #wrapper #content .medium.button, body #wrapper #content .medium.button:visited, body #wrapper #content #respond .form-submit input#submit { text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); } body #wrapper #content .button, body #wrapper #content .button:visited, body #wrapper #content .reply a, body #wrapper #content #respond .form-submit input#submit { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); } body #wrapper #content .button:hover, body #wrapper #content .reply a:hover, body #wrapper #content #respond .form-submit input#submit:hover { opacity: 0.9; } /* 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: 80px; } #contact-page ol.forms input.txt { width: 214px; } #contact-page ol.forms input#sendCopy { border: none; } #contact-page ol.forms textarea { height: 300px; width: 70%; } #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: 0 0 0 100px; } #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; } #contact-page ol.forms li.inline input#sendCopy { margin-left: 100px; } .three-col-left #contact-page ol.forms textarea, .three-col-middle #contact-page ol.forms textarea, .three-col-right #contact-page ol.forms textarea { width: 65%; } .three-col-left #contact-page ol.forms input#sendCopy, .three-col-middle #contact-page ol.forms input#sendCopy, .three-col-right #contact-page ol.forms input#sendCopy { float: left; } /* 6.4 Gravity forms */ .gfield { margin-bottom: 10px; } .gform_wrapper .top_label .gfield_label { display: block; padding-right: 20px; margin: 5px 0px 4px !important; } .gform_wrapper input.button { padding: 5px 10px 6px !important; } .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { letter-spacing: 0px; } .gform_wrapper input { padding: 7px 3px !important; } .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; } .gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; } ul.top_label .clear-multi { clear: none !important; } .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 10px !important; } img.ui-datepicker-trigger { border: 0px; padding: 0px; } /* 6.5 Tumblog */ .entry .quote, .entry .video { margin-bottom: 1.5em; } .entry .quote blockquote { font-style: italic; } .entry .quote cite { text-align: right; font-style: normal; display: block; font: 0.9em sans-serif; } .entry .quote cite:before { content: '~ '; } /* 6.6 Subscribe & Connect */ #connect { background: #fafafa; margin: 0 0 1.5em; padding: 15px; border: 1px solid #e6e6e6; clear: both; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: normal; } #main #connect .col-left, #connect .col-right { float: none; width: 100%; } #connect h3 { margin-bottom: 10px; } #connect p { margin: 0 0 1em; } #connect .newsletter-form { margin: 0 0 1em; } #connect .newsletter-form .email { width: 140px; background: #fff; padding: .6em; color: #888; } #connect .newsletter-form .submit { cursor: pointer; padding: 3px 5px; margin: 0 0 0 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #connect .related-posts { border-top: 1px solid #e6e6e6; margin-top: 1em; padding-top: 1em; } #connect .related-posts h4 { font-size: 1em; } #connect .related-posts ul { list-style: disc outside none; margin: 0.5em 0 0 1em; } .widget #connect { background: none; padding: 0; border: none; } .widget #connect .fl, .widget #connect .fr { float: none; } #connect .social a { filter: alpha(opacity=@opacity * 100); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } #connect .social a:hover { filter: alpha(opacity=@opacity * 100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #connect .social a:hover { text-decoration: none; } #connect .social a:before { font-family: Social; font-size: 1.1em; line-height: 1; margin: 0 0.2em 0.6em 0; padding: .53em; display: inline-block; -webkit-border-radius: 300px; -moz-border-radius: 300px; border-radius: 300px; color: #fff; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1); } #connect .social a.subscribe:before { content: '\e001'; background-color: #FF6600; } #connect .social a.twitter:before { content: '\e002'; background-color: #00aced; } #connect .social a.facebook:before { content: '\e003'; background-color: #3b5998; } #connect .social a.youtube:before { content: '\e004'; background-color: #af2b26; } #connect .social a.flickr:before { content: '\e005'; background-color: #ff0084; } #connect .social a.linkedin:before { content: '\e006'; background-color: #71c5ef; } #connect .social a.delicious:before { content: '\e007'; background-color: #285da7; } #connect .social a.googleplus:before { content: '\e008'; background-color: #2d2d2d; font-weight: bold; } #connect .social a.dribbble:before { content: '\e009'; background-color: #ea4c89; } #connect .social a.instagram:before { content: '\e010'; background-color: #517fa4; } #connect .social a.vimeo:before { content: '\e011'; background-color: #33454E; } #connect .social a.pinterest:before { content: '\e012'; background-color: #cb2027; } /* 6.7 Featured Posts Shortcode */ .woo-sc-featured-posts ul { float: left; clear: both; list-style: none; padding-left: 0px; } .woo-sc-featured-posts ul li { float: left; clear: both; list-style: none; margin-bottom: 10px; } .woo-sc-featured-posts ul li .thumbnail { float: left; margin-right: 10px; } .woo-sc-featured-posts ul li .related-title { float: left; } /* 6.8 Tables */ table { border-spacing: 0; width: 100%; border: 1px solid #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; box-shadow: 0 1px 2px 0 #ffffff; -webkit-box-shadow: 0 1px 2px 0 #ffffff; -moz-box-shadow: 0 1px 2px 0 #ffffff; border-collapse: separate; margin-bottom: 1.5em; } table td, table th { padding: .857em 1.387em; text-align: left; border-right: 1px dotted #eee; vertical-align: top; } table td p:last-child, table th p:last-child { margin-bottom: 0; } table thead th { background: #fff; border-right: 1px solid #eee; border-bottom: 1px solid #eee; text-transform: uppercase; padding: 1.387em; vertical-align: middle; } table thead th:first-child { -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } table thead th:last-child { -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } table tr th:last-child, table tr td:last-child { border-right: 0; } table tbody th { background: #fff; border-bottom: 1px solid #eee; } table tbody tr:nth-child(2n) td { border-right: 1px dotted #f1f1f1; background: #fafafa; } table tbody tr:nth-child(2n) td:last-child { border-right: 0; } table tbody td { border-bottom: 1px solid #eee; } table tbody h2 { font-size: 1em; letter-spacing: normal; font-weight: normal; } table tbody h2 a { font-weight: normal; } table tbody tr:last-child td:first-child { -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } table tbody tr:last-child td:last-child { -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } table tbody tr:last-child td { border-bottom: 0; } table tbody tr:last-child th { border-bottom: 0; } /*-------------------------------------------------------------------------------------------*/ /* 8. TEMPLATES / SLIDER */ /*-------------------------------------------------------------------------------------------*/ /* 8.1 Slider */ #loopedSlider .slides { overflow: hidden; } #loopedSlider .container { overflow: hidden; position: relative; display: none; } #loopedSlider .slides { top: 0; left: 0; } #loopedSlider .slides .slide { display: none; overflow: hidden; position: relative; -webkit-backface-visibility: hidden; } #loopedSlider { margin: 0 auto 40px; padding: 0; position: relative; } #loopedSlider .nav-buttons { list-style-type: none; margin: 0; padding: 0; position: relative; } #content.magazine #loopedSlider .slides .slide img { width: 100%; } /* Clearfix for the .slides element */ #loopedSlider .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] #loopedSlider .slides { display: block; } * html #loopedSlider .slides { height: 1%; } #loopedSlider .content { padding: 20px 0; background: #000000; } #loopedSlider .content h2 { font-size: 20px; margin-bottom: 0; padding: 10px 20px; } #loopedSlider .content h2, #loopedSlider .content h2 a, #loopedSlider .content h2 a:visited { color: #fff; } #loopedSlider .content h2 a:hover { text-decoration: underline; } #loopedSlider .content .title { margin: 0; } #loopedSlider .content p { color: #ccc; padding: 5px 20px 10px 20px; } a.flex-prev, a.flex-next { display: block; position: relative; overflow: hidden; width: 16px; height: 0; padding-top: 30px; } a.flex-prev:hover, a.flex-next:hover { text-decoration: none !important; } .widget a.flex-prev, .widget a.flex-next { padding-top: 30px; } /* 8.1.1 Pagination */ #loopedSlider { margin-bottom: 50px; } #loopedSlider.has-pagination { margin-bottom: 5px; } #loopedSlider .flex-control-nav, .slider-pagination .flex-control-nav { text-align: center; margin: 10px 0 20px 0; position: absolute; width: 100%; z-index: 10; } #loopedSlider .pagination, #loopedSlider .flex-control-nav, .slider-pagination .flex-control-nav { display: inline; } #loopedSlider .pagination li, #loopedSlider .flex-control-nav li, .slider-pagination li { display: inline-block; margin: 0 2px; width: 10px; height: 10px; } #loopedSlider .pagination li a, #loopedSlider .flex-control-nav li a, .slider-pagination a { display: block; cursor: pointer; width: 10px; height: 10px; text-indent: -9999px; background: #666; border-radius: 300px; -moz-border-radius: 300px; -webkit-border-radius: 300px; } #loopedSlider .pagination li a, #loopedSlider .flex-control-nav li a:hover, .slider-pagination li a:hover { background: #444; } #loopedSlider .pagination li.current a, #loopedSlider .flex-control-nav li .flex-active, .slider-pagination .flex-active a { background: #222; } .slider-pagination { display: none; margin-bottom: 50px; } body.ie7 #loopedSlider .pagination li { display: inline; zoom: 1; } /* 8.2 Magazine template */ .magazine #loopedSlider a.previous, .magazine #loopedSlider a.flex-prev { position: absolute; bottom: 10px; right: 50px; z-index: 999; } .magazine #loopedSlider.has-pagination a.previous, .magazine #loopedSlider.has-pagination a.flex-prev, .magazine #loopedSlider.has-pagination a.flex-next { bottom: 40px; } .magazine #loopedSlider a.flex-next { position: absolute; bottom: 10px; right: 15px; z-index: 999; } .magazine #loopedSlider .slides { width: 100%; } .magazine #loopedSlider li.slide { display: none; } /* Prevents flicker of the slides before the slider has loaded. */ .magazine #loopedSlider li.slide img { max-width: 100%; height: auto; } .magazine #loopedSlider .pagination-wrap { height: 30px; } /* 8.2 Business template */ .business #loopedSlider, .business #loopedSlider .container { width: auto; } .business #loopedSlider a.previous, .business #loopedSlider a.flex-prev { position: absolute; top: 45%; left: -25px; } .business #loopedSlider a.flex-next { position: absolute; top: 45%; right: -25px; } .business #loopedSlider .entry { padding: 0 15px; } .business h2, .business h3, .business h4, .business h5, .business h6 { margin-top: 0.3em; } .business #loopedSlider img.woo-image { max-width: 100%; height: auto; } .business #loopedSlider li.slide { display: none; } /* Prevents flicker of the slides before the slider has loaded. */ /* 8.3 Footer Widgets 1-4 Columns */ #footer-widgets .block { padding-top: 20px; } /* 8.5 Portfolio */ #portfolio a.thumb { display: block; margin: 0px; margin-right: 30px; margin-bottom: 30px; } #portfolio a.thumb:hover { text-decoration: none; background: url(http://loftymix.com/wp-content/themes/canvas/"images/portfolio-hover.png") no-repeat 50% 50%; } #portfolio .block h2 { font-size: 18px; margin-bottom: 15px; } .portfolio h2 { margin: 0 0 0.5em; } #portfolio .group.portfolio-img a.thumb { margin-bottom: 1em; margin-right: 0px; height: auto; } #portfolio .group.portfolio-img a.thumb:hover { background-position: 50% 45%; } #portfolio .group.portfolio-img { float: left; display: block; margin: 0 10px 30px; } #portfolio .group.portfolio-img img { max-width: none; } #portfolio .group.portfolio-img h3 { font-size: 14px; } #portfolio #port-tags { margin: 0 10px 20px; padding: 0 0 20px; } #portfolio #port-tags .port-cat { text-transform: uppercase; font-size: 12px; } #portfolio #port-tags .port-cat a { padding: 2px 6px; margin: 0 0 0 5px; background: #fff; border: 1px solid #BFD4D9; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #portfolio #port-tags .port-cat a:hover, #portfolio #port-tags .port-cat a.current { text-decoration: none; background: #eee; } #portfolio .gallery-image { display: none; } /* 8.5.1 Single Portfolio Item */ body.single-portfolio.one-col #post-gallery, body.single-portfolio.one-col .post-embed { float: left; margin-bottom: 20px; width: 60%; } body.single-portfolio.one-col-980 #post-gallery, body.single-portfolio.one-col-980 .post-embed { width: 55%; } body.single-portfolio.one-col-960 #post-gallery, body.single-portfolio.one-col-960 .post-embed { width: 55%; } body.single-portfolio.one-col-940 #post-gallery, body.single-portfolio.one-col-940 .post-embed { width: 55%; } body.single-portfolio.one-col-880 #post-gallery, body.single-portfolio.one-col-880 .post-embed { width: 55%; } body.single-portfolio.one-col-760 #post-gallery, body.single-portfolio.one-col-760 .post-embed { width: 45%; } body.single-portfolio.two-col-left #post-gallery, body.single-portfolio.two-col-right #post-gallery, body.single-portfolio.two-col-middle #post-gallery, body.single-portfolio.three-col-left #post-gallery, body.single-portfolio.three-col-right #post-gallery, body.single-portfolio.three-col-middle #post-gallery, body.single-portfolio.two-col-left .post-embed, body.single-portfolio.two-col-right .post-embed, body.single-portfolio.two-col-middle .post-embed, body.single-portfolio.three-col-left .post-embed, body.single-portfolio.three-col-right .post-embed, body.single-portfolio.three-col-middle .post-embed { float: none; margin-bottom: 20px; } #post-gallery .slides_container .slide { margin-bottom: 1em; } #post-gallery .slides_control .slide { display: none; } /* Prevents the gallery from displaying incorrectly on first load. */ #post-gallery .photo-caption { background: #EBEBEB; padding: 5px; display: block; margin-top: 0.4em; } #post-gallery .photo-caption { filter: alpha(opacity=80); /* internet explorer */ -khtml-opacity: 0.8; /* khtml, old safari */ -moz-opacity: 0.8; /* mozilla, netscape */ opacity: 0.8; /* fx, safari, opera */ } #post-gallery .pagination li { display: inline; padding-right: 10px; margin: 15px 4px 15px 0; } #post-gallery .pagination .jcarousel-prev, #post-gallery .pagination .jcarousel-next { cursor: pointer; width: 7px; height: 10px; position: absolute; top: 45%; } #post-gallery .pagination .jcarousel-prev { left: 10px; } #post-gallery .pagination .jcarousel-next { right: 45px; } #post-gallery .pagination .jcarousel-prev-disabled, #post-gallery .pagination .jcarousel-next-disabled { filter: alpha(opacity=20); /* internet explorer */ -khtml-opacity: 0.2; /* khtml, old safari */ -moz-opacity: 0.2; /* mozilla, netscape */ opacity: 0.2; /* fx, safari, opera */ } body.single-portfolio .hentry { float: right; width: 40%; } body.single-portfolio.two-col-left .hentry, body.single-portfolio.two-col-right .hentry, body.single-portfolio.two-col-middle .hentry, body.single-portfolio.three-col-left .hentry, body.single-portfolio.three-col-right .hentry, body.single-portfolio.three-col-middle .hentry { float: none; width: auto; } /* 8.5.2 Portfolio Items In Archive Screens */ body.search .portfolio .portfolio-img { margin: 0 10px 10px 0; } /* 8.6 Contact Page Template */ #single_map_canvas img { max-width: inherit; } .page-template-template-contact-php .location-twitter { margin: 0 0 1em; padding: 0 0 1.618em; border-bottom: 1px solid #e6e6e6; } .page-template-template-contact-php .location-twitter .col-left { float: none; } .page-template-template-contact-php .location-twitter ul { margin: 0; padding: 0; } .page-template-template-contact-php .location-twitter ul li { list-style: none; padding: 0; } .page-template-template-contact-php .location-twitter #office-location { margin: 0 0 1.618em; } .page-template-template-contact-php .location-twitter #office-location a { text-decoration: underline; } .page-template-template-contact-php .location-twitter #office-location ul li { margin: 0 0 1em; } .page-template-template-contact-php .location-twitter .contact-social { float: none; } .page-template-template-contact-php .location-twitter .contact-social #twitter { margin: 0 0 1.618em; } .page-template-template-contact-php .location-twitter .contact-social #twitter ul li { padding-bottom: 10px; } .page-template-template-contact-php .location-twitter .contact-social #twitter ul li a.time { color: #7b7b7b; } .page-template-template-contact-php .location-twitter .contact-social #connect { background: none; border: none; padding: 0; margin: 1em 0 0; } .page-template-template-contact-php .location-twitter .contact-social #connect div p { display: none; } .page-template-template-contact-php .location-twitter .contact-social #connect img { border: none; padding: 0; background: none; } .page-template-template-contact-php .location-twitter .contact-social #connect h3 { display: none; } .page-template-template-contact-php .location-twitter .contact-social #connect .social { float: none; clear: both; } /* 8.7 Timeline Page Template */ #archives { padding: 10px 0 0; } #archives .archives_list { border-left: 1px solid #e5e5e5; list-style: none; margin: 0 0 0 25px; padding: 0 0 20px; } #archives .archives_list:last-child:after { content: ''; position: relative; top: 20px; left: -7px; display: block; width: 5px; height: 5px; border: 4px solid #e5e5e5; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #dc3022; } #archives .archives_list li { clear: left; padding: 10px 0 10px 10px; font-size: 0.9em; font-style: normal; list-style: none; } #archives .archives_list .date { color: #534545; position: relative; width: 40%; font-style: italic; display: block; vertical-align: top; } #archives .archives_list .date:before { content: ''; position: absolute; top: 9px; left: -10px; display: block; width: 5px; height: 1px; border-top: 2px solid #e5e5e5; } #archives .archives_list .linked { padding-top: 2px; padding-right: 80px; width: auto; display: inline-block; font-size: 1.2em; line-height: 1.2; vertical-align: top; } #archives .archives_list .linked a { font-weight: bold; } #archives .archives_list .comments { display: inline; margin-top: -15px; float: right; vertical-align: top; } #archives .archives_list .comments a { display: block; position: relative; width: 30px; height: 27px; padding: 3px 0 0 0; text-align: center; font-weight: bold; font-size: 1.4em; } #archives .archives_list .comments a:hover { text-decoration: none; } h3.archive_year { font-weight: bold; font-size: 1em; padding: 2px 10px; border-bottom: 1px solid #e5e5e5; display: inline; margin-top: 0; } /*-------------------------------------------------------------------------------------------*/ /* 9. WOODOJO */ /*-------------------------------------------------------------------------------------------*/ /* WooDojo Tabs */ .widget_woodojo_tabs h3 { border-bottom: none; } .widget_woodojo_tabs .tabbable .nav { margin: 0 0 -1px; border: none!important; } .widget_woodojo_tabs .tabbable .nav li a { color: #999; display: block; float: left; border-color: transparent; border-width: 1px 1px 0; padding: 5px 8px 3px; text-transform: uppercase; font-weight: bold; font-size: 11px; text-shadow: 1px 1px 0 #fff; } .widget_woodojo_tabs .tabbable .nav li.active a, .widget_woodojo_tabs .tabbable .nav li a:hover { text-decoration: none; border-color: #d9d9d9!important; border-width: 1px 1px 0; color: #666; background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ffffff)); background: -webkit-linear-gradient(#f2f2f2, #ffffff); background: -moz-linear-gradient(center top, #f2f2f2 0%, #ffffff 100%); background: -moz-gradient(center top, #f2f2f2 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f2f2f2, endColorstr=#ffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f2f2, endColorstr=#ffffff)"; box-shadow: inset 0 1px 0 #ffffff, 0 -1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 #ffffff, 0 -1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 0 #ffffff, 0 -1px 3px rgba(0, 0, 0, 0.1); border-bottom: none!important; } .widget_woodojo_tabs .tabbable .tab-content { box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } .widget_woodojo_tabs .tabbable .tab-content ul { padding: 0; } .widget_woodojo_tabs .tabbable .tab-content li { margin: 0; background: #fff; } .widget_woodojo_tabs .tabbable .tab-pane-tags { padding: 10px; background: #fff; border: 1px solid #d9d9d9; } .widget_woodojo_tabs .tabbable .tab-content ul { margin: 0; border: 1px solid #d9d9d9; border-width: 0 0 1px 0; list-style: none; padding-left: 0px; } .widget_woodojo_tabs .tabbable .tab-content li { border: 1px solid #d9d9d9; border-width: 1px 1px 0 1px; padding: 10px; } .widget_woodojo_tabs .tabbable .tab-content li a { color: #555; font: bold 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0; } .widget_woodojo_tabs .tabbable .tab-content li span.meta { display: block; font: 300 11px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #777; } .widget_woodojo_tabs .tabbable .tab-content li img.avatar, .widget_woodojo_tabs .tabbable .tab-content li img.thumbnail { float: left; margin: 0 8px 0 0; border: none; padding: 0; border-radius: 300px; -moz-border-radius: 300px; -webkit-border-radius: 300px; } .widget_woodojo_tabs .tabbable.tabs-below .nav { margin: 0; } .widget_woodojo_tabs .tabbable.tabs-below .nav li a { border-width: 0 1px 1px; } .widget_woodojo_tabs .tabbable.tabs-below .nav li.active a, .widget_woodojo_tabs .tabbable.tabs-below .nav li a:hover { border-width: 0 1px 1px!important; background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2)); background: -webkit-linear-gradient(#ffffff, #f2f2f2); background: -moz-linear-gradient(center top, #ffffff 0%, #f2f2f2 100%); background: -moz-gradient(center top, #ffffff 0%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f2f2f2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f2f2f2)"; box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0, 0, 0, 0.1); } .widget_woodojo_tabs .tabbable.tabs-left .nav { margin: 0; } .widget_woodojo_tabs .tabbable.tabs-left .nav li a { border-width: 1px 0 1px 1px; } .widget_woodojo_tabs .tabbable.tabs-left .nav li.active a, .widget_woodojo_tabs .tabbable.tabs-below .nav li a:hover { border-width: 1px 0 1px 1px; background: #ffffff; background: -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(#f2f2f2)); background: -webkit-linear-gradient(#ffffff, #f2f2f2); background: -moz-linear-gradient(center top, #ffffff 0%, #f2f2f2 100%); background: -moz-gradient(center top, #ffffff 0%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f2f2f2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f2f2f2)"; box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0, 0, 0, 0.1); } .widget_woodojo_tabs .tabbable.tabs-right .nav { margin: 0; } .widget_woodojo_tabs .tabbable.tabs-right .nav li a { border-width: 1px 1px 1px 0; } .widget_woodojo_tabs .tabbable.tabs-right .nav li.active a, .widget_woodojo_tabs .tabbable.tabs-below .nav li a:hover { border-width: 1px 1px 1px 0; background: #ffffff; background: -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(#f2f2f2)); background: -webkit-linear-gradient(#ffffff, #f2f2f2); background: -moz-linear-gradient(center top, #ffffff 0%, #f2f2f2 100%); background: -moz-gradient(center top, #ffffff 0%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f2f2f2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f2f2f2)"; box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0, 0, 0, 0.1); } /* WooDojo Instagram Stream */ .widget_woodojo_instagram ul { float: none; } .widget_woodojo_instagram ul.instagram-photos { margin: 0.5em 0; width: 98%; margin: 0 auto; } .widget_woodojo_instagram ul.instagram-photos li { margin: 0.5em!important; } .widget_woodojo_instagram ul.instagram-photos li img:hover { opacity: 0.8; } /* WooDojo Twitter Stream */ .widget_woodojo_tweets ul.tweets h3 { margin: 0; } .widget_woodojo_tweets ul.tweets li { margin: 0; padding: 1em; } /* Misc */ .widget_woodojo_instagram_profile h3, .widget_woodojo_twitterprofile h3 { margin: 0 0 1em; } /*-------------------------------------------------------------------------------------------*/ /* 10. BROWSER SPECIFIC */ /*-------------------------------------------------------------------------------------------*/ /* IE8 */ .ie8 .button, .ie8 .button:visited { padding: 10px 15px; margin: 0; } .ie8 .alignleft, .ie8 .alignright { width: auto; } .ie8 .widget_woo_blogauthorinfo .avatar { width: auto; } @media only screen and (max-width: 1200px) { .business #loopedSlider a.flex-prev { left: -20px; } .business #loopedSlider a.flex-prev:before, .business #loopedSlider a.flex-next:before { font-size: 16px; } .business #loopedSlider a.flex-next { right: -30px; } } @media only screen and (max-width: 767px) { #wrapper { overflow-y: visible; overflow-x: hidden; } #content { padding-top: 2em; } #header { background-size: cover; } #navigation .cart { margin: 0; } #navigation ul.nav ul.children { margin-left: 1.5em; } #navigation { font-weight: 400; } ul.nav, ul.nav ul { border: none!important; } #navigation ul.nav > li { border-right: none!important; } body.boxed-layout { padding: 0; } body.boxed-layout #top { margin-left: 1.5em; margin-right: 1.5em; } body.boxed-layout #wrapper { margin-left: 0; margin-right: 0; border: none; } .magazine #loopedSlider a.flex-next, .magazine #loopedSlider a.flex-prev { bottom: auto; top: 20px; } #loopedSlider { height: auto !important; } #loopedSlider .slides { overflow: visible; height: auto !important; } #sidebar { clear: both; } /* Set single portfolio item from two to one column on mobile */ body.single-portfolio.one-col-980 #post-gallery, body.single-portfolio.one-col-980 .post-embed { width: 100%; float: none; } body.single-portfolio .hentry { float: none; width: 100%; } .csstransforms3d.csstransitions #navigation { left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .csstransforms3d.csstransitions #inner-wrapper { left: 0 !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 200ms ease; -moz-transition: -moz-transform 200ms ease; -o-transition: -o-transform 200ms ease; transition: transform 200ms ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .csstransforms3d.csstransitions .show-nav #navigation { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .csstransforms3d.csstransitions .show-nav #inner-wrapper { -webkit-transform: translate3d(80%, 0, 0); -moz-transform: translate3d(80%, 0, 0); -ms-transform: translate3d(80%, 0, 0); -o-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; } } /* The styles in this stylesheet only apply to resolutions 768px and up CALCULATING DIMENSIONS: ---------------------- The layout is fluid. The sote wrapper (.col-full) has a fixed pixel max-width. All subsequent dimensions are calculated based on that fixed pixel width, using the formula: target / context = result Credit - http://www.alistapart.com/articles/fluidgrids/ ----- INDEX ----- 1. Global dropdown styles 2. Top Navigation 3. Main navigation dropdown menus 4. General layout related tweaks */ /* Tablet Portrait size and sizes above 768 (devices and browsers) */ @media only screen and (min-width: 768px) { /* 1. GLOBAL DROPDOWN STYLES (these are purely for the dropdown layout and you should only edit the width of the dropdowns) */ ul.nav { position: relative; margin-bottom: 0; width: auto; margin-right: 30px; } ul.nav li { position: relative; float: left; zoom: 1; list-style: none; } ul.nav li a { display: block; padding-top: 1em!important; padding-bottom: 1em!important; } ul.nav li a:hover { text-decoration: none; } ul.nav li ul li a:hover { text-decoration: underline; } ul.nav ul { width: 12em; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 9999; margin: 0; padding: 0.4em 0; } ul.nav ul li { float: none; } ul.nav ul li a { width: 100%; display: inline-block; padding: 0.7em 1em!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.9em; } ul.nav ul ul { left: 100%; top: 0; } ul.nav li:hover > ul { visibility: visible; } /*#wrapper #navigation ul.rss { top: 0; right: 0; float: right; border: none; margin-bottom: 0; padding: 0 10px 0 0; } #wrapper #navigation ul.rss li { margin: 0; display: inline; } #wrapper #navigation ul.rss li a { padding: 13px 5px; }*/ /* 2. TOP NAVIGATION (Add top navigation presentational styles here) */ #top { background: #000; } #top h3 { display: none; } #top { display: block!important; } #top ul.nav li a { color: #ddd; padding-top: 0.5em!important; padding-bottom: 0.5em!important; font-size: 1em; } #top ul.nav > li a:hover { background: #555; color: #ddd; } #top ul.nav > li:hover { background: #555; color: #ddd; } #top ul.nav ul { background: #555; } #top ul.nav ul li a { color: #ddd!important; } #top ul.nav li.current_page_item a, #top ul.nav li.current_page_parent a, #top ul.nav li.current-menu-ancestor a, #top ul.nav li.current-cat a, #top ul.nav li.current-menu-item a { color: #333; } /* 3. MAIN NAVIGATION DROPDOWN MENUS (Add main navigation presentational styles here) */ #navigation .top-navigation { display: none !important; } .csstransforms3d.csstransitions #navigation, .csstransforms3d.csstransitions .show-nav #navigation, .csstransforms3d.csstransitions .show-nav #inner-wrapper { left: 0; -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .nav-toggle, .nav-close, .nav-home { display: none !important; } #navigation { position: relative; left: auto; width: 100%; border: 1px solid #d9d9d9; padding-top: 0; background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5)); background: -webkit-linear-gradient(#ffffff, #f5f5f5); background: -moz-linear-gradient(center top, #ffffff 0%, #f5f5f5 100%); background: -moz-gradient(center top, #ffffff 0%, #f5f5f5 100%); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block !important; } #navigation h3 { display: none; } #navigation .cart-contents { position: static; height: auto; width: auto; text-indent: 0; display: inline-block; padding: 0; background: none; color: inherit; border-radius: 0 !important; padding: 1em; } #navigation .cart-contents:before { display: inline-block; position: relative; text-indent: 0; line-height: 1; } #navigation .cart-contents { margin-right: .5em; } #navigation .cart-contents:before { margin-right: .5em; } #navigation .menus { clear: none; } #navigation ul.rss { margin: 0; } #navigation ul.rss.cart-enabled { margin: 0; } #navigation ul.rss li a { background: none; color: #666; padding: 1em; margin: 0; } #navigation ul.rss li a:before { line-height: 3.2; } #navigation ul.rss li a:hover { color: #222; } #navigation ul { margin-bottom: 0; } #navigation ul ul { margin-left: 0; } #navigation ul li:first-child, #navigation ul li:first-child a { border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; } #navigation ul ul li:first-child, #navigation ul ul li:first-child a { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } #navigation ul.nav > li { border-right: 1px solid #e6e6e6; } #navigation ul.nav > li a:hover { background: #f6f6f6; } #navigation ul.nav > li:hover { background: #f6f6f6; } #navigation ul.nav ul { background: #f6f6f6; border: 1px solid #e6e6e6; left: -1px; } #navigation ul.nav ul ul { top: -1px; left: 100%; } #top .nav li.parent > a { position: relative; padding-right: 2em; } #top .nav li.parent > a:after { content: ""; display: block; border: .3em solid #ccc; border-color: #ccc transparent transparent transparent; position: absolute; top: 48%; right: .8751em; } #top .nav li ul li.parent a:after { border-color: transparent transparent transparent #ccc; right: .8751em; top: 46%; } #navigation .nav li ul li.parent a { padding-right: 0; } #navigation .nav li ul li.parent a:after { border-color: transparent transparent transparent #ccc; right: 0; top: 46%; } #navigation .nav li.parent > a { position: relative; padding-right: 2em; } #navigation .nav li.parent > a:after { content: ""; display: block; border: 0.3em solid #ccc; border-color: #ccc transparent transparent transparent; position: absolute; top: 48%; right: .8751em; } #navigation .nav li ul li.parent a { padding-right: 0; } #navigation .nav li ul li.parent a:after { border-color: transparent transparent transparent #ccc; right: 0.8751em; top: 46%; } .full-width #navigation ul li:first-child, .full-width #navigation ul li:first-child a { border-radius: 0 !important; } /* 4. GENERAL LAYOUT RELATED TWEAKS */ /* Header */ #logo { float: left; } #topad { float: right; margin: 0; } #nav-container { margin-bottom: 3em; } /* Columns & Containers */ .col-left { float: left; } .col-right { float: right; } .col-full, #wrapper { max-width: 960px; margin: 0 auto; } #wrapper #sidebar { margin-top: 0; } .magazine .block { float: left; width: 48%; } .magazine .block.last { float: right; } #wrapper { padding: 0 1em; } #inner-wrapper { padding: 0; } /* Sliders */ #loopedSlider .content { position: absolute; left: 0px; top: 20px; background: none; } #loopedSlider .content h2 { float: left; font-size: 26px; } #loopedSlider .content p { clear: both; float: left; } #loopedSlider .content p, #loopedSlider .content h2 { background: #000000; background: rgba(0, 0, 0, 0.7); max-width: 350px; } /* Sidebar */ #main-sidebar-container { position: relative; } #main-sidebar-container #main { position: relative; } #main-sidebar-container #sidebar { display: inline; } #sidebar-alt { display: inline; margin: 0; } /* Widgets */ #main .widget_woothemes_features .feature { float: left; width: 30%; margin-right: 5%; } #main .widget_woothemes_features .feature.last { margin-right: 0; } #main .widget_woothemes_testimonials .quote { float: left; width: 30%; margin-right: 5%; } #main .widget_woothemes_testimonials .quote.last { margin-right: 0; } /* Footer */ #footer-widgets .block { margin-right: 3.8%; float: left; } /* 210 / 940 */ #footer-widgets.col-1 .block { width: 100%; margin-right: 0; } #footer-widgets.col-2 .block { width: 48%; } #footer-widgets.col-3 .block { width: 30.75%; } #footer-widgets.col-4 .block { width: 22.05%; } #footer-widgets.col-2 .footer-widget-2, #footer-widgets.col-3 .footer-widget-3, #footer-widgets.col-4 .footer-widget-4 { margin-right: 0; } /* Column Widths */ .one-col #main { float: none; } .two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #main { width: 64.89%; } /* 610 / 940 */ .two-col-left #main-sidebar-container #sidebar, .two-col-right #main-sidebar-container #sidebar { width: 31.91%; } /* 300 / 940 */ .three-col-left #main-sidebar-container #sidebar, .three-col-middle #main-sidebar-container #sidebar, .three-col-right #main-sidebar-container #sidebar { width: 39.47%; } /* 300 / 760 */ .three-col-left #main-sidebar-container, .three-col-middle #main-sidebar-container, .three-col-right #main-sidebar-container { width: 80.85%; } /* 760 / 940 */ .three-col-left #main-sidebar-container #main, .three-col-middle #main-sidebar-container #main, .three-col-right #main-sidebar-container #main { width: 57.89%; } /* 440 / 760 */ #sidebar-alt { width: 17.02%; } /* 160 / 940 */ /* Column Floating */ .two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #sidebar, .three-col-left #main-sidebar-container, .three-col-left #main-sidebar-container #main, .three-col-middle #main-sidebar-container #main, .three-col-middle #sidebar-alt, .three-col-right #main-sidebar-container #sidebar, .three-col-right #sidebar-alt { float: left; } .two-col-left #main-sidebar-container #sidebar, .two-col-right #main-sidebar-container #main, .three-col-left #main-sidebar-container #sidebar, .three-col-left #sidebar-alt, .three-col-middle #main-sidebar-container, .three-col-middle #main-sidebar-container #sidebar, .three-col-right #main-sidebar-container, .three-col-right #main-sidebar-container #main { float: right; } /* Contact Page */ .page-template-template-contact-php .location-twitter .col-left { float: left; } .page-template-template-contact-php .location-twitter #office-location { width: 48%; margin: 0 1em 0 0; } .page-template-template-contact-php .location-twitter .contact-social { float: left; width: 48%; } .page-template-template-contact-php .location-twitter .contact-social #twitter { margin: 0; } /* Subcribe & Connect */ #main #connect .col-left { float: left; } #connect .col-right { float: right; } #main #connect .col-left, #connect .col-right { width: 48%; } #connect .related-posts { border-top: 0; border-left: 1px solid #e6e6e6; padding-top: 0; padding-left: 15px; margin-top: 0; } .ie8 .business #loopedSlider a.flex-prev { left: -20px; } .ie8 .business #loopedSlider a.flex-prev:before, .ie8 .business #loopedSlider a.flex-next:before { font-size: 16px; } .ie8 .business #loopedSlider a.flex-next { right: -30px; } } div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(http://loftymix.com/wp-content/themes/canvas/includes/css/../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(http://loftymix.com/wp-content/themes/canvas/includes/css/../images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(http://loftymix.com/wp-content/themes/canvas/includes/css/../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(http://loftymix.com/wp-content/themes/canvas/includes/css/../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(http://loftymix.com/wp-content/themes/canvas/includes/css/../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(http://loftymix.com/wp-content/themes/canvas/includes/css/../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(http://loftymix.com/wp-content/themes/canvas/includes/css/../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(http://loftymix.com/wp-content/themes/canvas/includes/css/../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(http://loftymix.com/wp-content/themes/canvas/includes/css/../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(http://loftymix.com/wp-content/themes/canvas/includes/css/../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(http://loftymix.com/wp-content/themes/canvas/includes/css/../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(http://loftymix.com/wp-content/themes/canvas/includes/css/../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(http://loftymix.com/wp-content/themes/canvas/includes/css/../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(http://loftymix.com/wp-content/themes/canvas/includes/css/../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(http://loftymix.com/wp-content/themes/canvas/includes/css/../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(http://loftymix.com/wp-content/themes/canvas/includes/css/../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(http://loftymix.com/wp-content/themes/canvas/includes/css/../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(http://loftymix.com/wp-content/themes/canvas/includes/css/../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(http://loftymix.com/wp-content/themes/canvas/includes/css/../images/prettyPhoto/default/loader.gif) center center no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(http://loftymix.com/wp-content/themes/canvas/includes/css/../images/prettyPhoto/default/default_thumbnail.png) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(http://loftymix.com/wp-content/themes/canvas/includes/css/../images/prettyPhoto/default/sprite_next.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(http://loftymix.com/wp-content/themes/canvas/includes/css/../images/prettyPhoto/default/sprite_prev.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} @font-face { font-family:'FontAwesome'; src:url(http://loftymix.com/wp-content/plugins/woocommerce-menu-bar-cart/css/../font/fontawesome-webfont.eot?v=3.0.1); src:url(http://loftymix.com/wp-content/plugins/woocommerce-menu-bar-cart/css/../font/fontawesome-webfont.eot?#iefix&v=3.0.1) format('embedded-opentype'), url(http://loftymix.com/wp-content/plugins/woocommerce-menu-bar-cart/css/'../font/fontawesome-webfont.woff?v=3.0.1') format('woff'), url(http://loftymix.com/wp-content/plugins/woocommerce-menu-bar-cart/css/'../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight:400; font-style:normal; } .wcmenucart-icon-shopping-cart-0:before { font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; display: inline; width: auto; height: auto; line-height: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; vertical-align: baseline; background-image: none; background-position: 0 0; background-repeat: repeat; margin-top: 0; margin-right: 0.25em; } .wcmenucart-icon-shopping-cart-0:before{content:"\f07a"} .wcmenucart-display-standard { } .wcmenucart-display-right { float: right; } .wcmenucart-display-left { float: left; } .icon-shopping-cart { background-image: none; vertical-align: inherit; } .wcmenucart-thumbnail img { width: 32px; height: auto; margin-right: 8px; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); } .wcmenucart-submenu-item a { overflow: hidden; white-space:nowrap !important; } .wcmenucart-thumbnail, .wcmenucart-order-item-info { display:inline-block; vertical-align:middle; } .wcmenucart-product-name, .wcmenucart-product-quantity-price { display:block; } .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* The styles in this stylesheet only apply to resolutions 768px and up CALCULATING DIMENSIONS: ---------------------- The layout is fluid. The sote wrapper (.col-full) has a fixed pixel max-width. All subsequent dimensions are calculated based on that fixed pixel width, using the formula: target / context = result Credit - http://www.alistapart.com/articles/fluidgrids/ ----- INDEX ----- 1. Global dropdown styles 2. Top Navigation 3. Main navigation dropdown menus 4. General layout related tweaks */ /* 1. GLOBAL DROPDOWN STYLES (these are purely for the dropdown layout and you should only edit the width of the dropdowns) */ ul.nav { position: relative; margin-bottom: 0; width: auto; margin-right: 30px; } ul.nav li { position: relative; float: left; zoom: 1; list-style: none; } ul.nav li a { display: block; padding-top: 1em!important; padding-bottom: 1em!important; } ul.nav li a:hover { text-decoration: none; } ul.nav li ul li a:hover { text-decoration: underline; } ul.nav ul { width: 12em; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 9999; margin: 0; padding: 0.4em 0; } ul.nav ul li { float: none; } ul.nav ul li a { width: 100%; display: inline-block; padding: 0.7em 1em!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.9em; } ul.nav ul ul { left: 100%; top: 0; } ul.nav li:hover > ul { visibility: visible; } /*#wrapper #navigation ul.rss { top: 0; right: 0; float: right; border: none; margin-bottom: 0; padding: 0 10px 0 0; } #wrapper #navigation ul.rss li { margin: 0; display: inline; } #wrapper #navigation ul.rss li a { padding: 13px 5px; }*/ /* 2. TOP NAVIGATION (Add top navigation presentational styles here) */ #top { background: #000; } #top h3 { display: none; } #top { display: block!important; } #top ul.nav li a { color: #ddd; padding-top: 0.5em!important; padding-bottom: 0.5em!important; font-size: 1em; } #top ul.nav > li a:hover { background: #555; color: #ddd; } #top ul.nav > li:hover { background: #555; color: #ddd; } #top ul.nav ul { background: #555; } #top ul.nav ul li a { color: #ddd!important; } #top ul.nav li.current_page_item a, #top ul.nav li.current_page_parent a, #top ul.nav li.current-menu-ancestor a, #top ul.nav li.current-cat a, #top ul.nav li.current-menu-item a { color: #333; } /* 3. MAIN NAVIGATION DROPDOWN MENUS (Add main navigation presentational styles here) */ #navigation .top-navigation { display: none !important; } .csstransforms3d.csstransitions #navigation, .csstransforms3d.csstransitions .show-nav #navigation, .csstransforms3d.csstransitions .show-nav #inner-wrapper { left: 0; -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .nav-toggle, .nav-close, .nav-home { display: none !important; } #navigation { position: relative; left: auto; width: 100%; border: 1px solid #d9d9d9; padding-top: 0; background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5)); background: -webkit-linear-gradient(#ffffff, #f5f5f5); background: -moz-linear-gradient(center top, #ffffff 0%, #f5f5f5 100%); background: -moz-gradient(center top, #ffffff 0%, #f5f5f5 100%); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block !important; } #navigation h3 { display: none; } #navigation .cart-contents { position: static; height: auto; width: auto; text-indent: 0; display: inline-block; padding: 0; background: none; color: inherit; border-radius: 0 !important; padding: 1em; } #navigation .cart-contents:before { display: inline-block; position: relative; text-indent: 0; line-height: 1; } #navigation .cart-contents { margin-right: .5em; } #navigation .cart-contents:before { margin-right: .5em; } #navigation .menus { clear: none; } #navigation ul.rss { margin: 0; } #navigation ul.rss.cart-enabled { margin: 0; } #navigation ul.rss li a { background: none; color: #666; padding: 1em; margin: 0; } #navigation ul.rss li a:before { line-height: 3.2; } #navigation ul.rss li a:hover { color: #222; } #navigation ul { margin-bottom: 0; } #navigation ul ul { margin-left: 0; } #navigation ul li:first-child, #navigation ul li:first-child a { border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; } #navigation ul ul li:first-child, #navigation ul ul li:first-child a { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } #navigation ul.nav > li { border-right: 1px solid #e6e6e6; } #navigation ul.nav > li a:hover { background: #f6f6f6; } #navigation ul.nav > li:hover { background: #f6f6f6; } #navigation ul.nav ul { background: #f6f6f6; border: 1px solid #e6e6e6; left: -1px; } #navigation ul.nav ul ul { top: -1px; left: 100%; } #top .nav li.parent > a { position: relative; padding-right: 2em; } #top .nav li.parent > a:after { content: ""; display: block; border: .3em solid #ccc; border-color: #ccc transparent transparent transparent; position: absolute; top: 48%; right: .8751em; } #top .nav li ul li.parent a:after { border-color: transparent transparent transparent #ccc; right: .8751em; top: 46%; } #navigation .nav li ul li.parent a { padding-right: 0; } #navigation .nav li ul li.parent a:after { border-color: transparent transparent transparent #ccc; right: 0; top: 46%; } #navigation .nav li.parent > a { position: relative; padding-right: 2em; } #navigation .nav li.parent > a:after { content: ""; display: block; border: 0.3em solid #ccc; border-color: #ccc transparent transparent transparent; position: absolute; top: 48%; right: .8751em; } #navigation .nav li ul li.parent a { padding-right: 0; } #navigation .nav li ul li.parent a:after { border-color: transparent transparent transparent #ccc; right: 0.8751em; top: 46%; } .full-width #navigation ul li:first-child, .full-width #navigation ul li:first-child a { border-radius: 0 !important; } /* 4. GENERAL LAYOUT RELATED TWEAKS */ /* Header */ #logo { float: left; } #topad { float: right; margin: 0; } #nav-container { margin-bottom: 3em; } /* Columns & Containers */ .col-left { float: left; } .col-right { float: right; } .col-full, #wrapper { max-width: 960px; margin: 0 auto; } #wrapper #sidebar { margin-top: 0; } .magazine .block { float: left; width: 48%; } .magazine .block.last { float: right; } #wrapper { padding: 0 1em; } #inner-wrapper { padding: 0; } /* Sliders */ #loopedSlider .content { position: absolute; left: 0px; top: 20px; background: none; } #loopedSlider .content h2 { float: left; font-size: 26px; } #loopedSlider .content p { clear: both; float: left; } #loopedSlider .content p, #loopedSlider .content h2 { background: #000000; background: rgba(0, 0, 0, 0.7); max-width: 350px; } /* Sidebar */ #main-sidebar-container { position: relative; } #main-sidebar-container #main { position: relative; } #main-sidebar-container #sidebar { display: inline; } #sidebar-alt { display: inline; margin: 0; } /* Widgets */ #main .widget_woothemes_features .feature { float: left; width: 30%; margin-right: 5%; } #main .widget_woothemes_features .feature.last { margin-right: 0; } #main .widget_woothemes_testimonials .quote { float: left; width: 30%; margin-right: 5%; } #main .widget_woothemes_testimonials .quote.last { margin-right: 0; } /* Footer */ #footer-widgets .block { margin-right: 3.8%; float: left; } /* 210 / 940 */ #footer-widgets.col-1 .block { width: 100%; margin-right: 0; } #footer-widgets.col-2 .block { width: 48%; } #footer-widgets.col-3 .block { width: 30.75%; } #footer-widgets.col-4 .block { width: 22.05%; } #footer-widgets.col-2 .footer-widget-2, #footer-widgets.col-3 .footer-widget-3, #footer-widgets.col-4 .footer-widget-4 { margin-right: 0; } /* Column Widths */ .one-col #main { float: none; } .two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #main { width: 64.89%; } /* 610 / 940 */ .two-col-left #main-sidebar-container #sidebar, .two-col-right #main-sidebar-container #sidebar { width: 31.91%; } /* 300 / 940 */ .three-col-left #main-sidebar-container #sidebar, .three-col-middle #main-sidebar-container #sidebar, .three-col-right #main-sidebar-container #sidebar { width: 39.47%; } /* 300 / 760 */ .three-col-left #main-sidebar-container, .three-col-middle #main-sidebar-container, .three-col-right #main-sidebar-container { width: 80.85%; } /* 760 / 940 */ .three-col-left #main-sidebar-container #main, .three-col-middle #main-sidebar-container #main, .three-col-right #main-sidebar-container #main { width: 57.89%; } /* 440 / 760 */ #sidebar-alt { width: 17.02%; } /* 160 / 940 */ /* Column Floating */ .two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #sidebar, .three-col-left #main-sidebar-container, .three-col-left #main-sidebar-container #main, .three-col-middle #main-sidebar-container #main, .three-col-middle #sidebar-alt, .three-col-right #main-sidebar-container #sidebar, .three-col-right #sidebar-alt { float: left; } .two-col-left #main-sidebar-container #sidebar, .two-col-right #main-sidebar-container #main, .three-col-left #main-sidebar-container #sidebar, .three-col-left #sidebar-alt, .three-col-middle #main-sidebar-container, .three-col-middle #main-sidebar-container #sidebar, .three-col-right #main-sidebar-container, .three-col-right #main-sidebar-container #main { float: right; } /* Contact Page */ .page-template-template-contact-php .location-twitter .col-left { float: left; } .page-template-template-contact-php .location-twitter #office-location { width: 48%; margin: 0 1em 0 0; } .page-template-template-contact-php .location-twitter .contact-social { float: left; width: 48%; } .page-template-template-contact-php .location-twitter .contact-social #twitter { margin: 0; } /* Subcribe & Connect */ #main #connect .col-left { float: left; } #connect .col-right { float: right; } #main #connect .col-left, #connect .col-right { width: 48%; } #connect .related-posts { border-top: 0; border-left: 1px solid #e6e6e6; padding-top: 0; padding-left: 15px; margin-top: 0; } .ie8 .business #loopedSlider a.flex-prev { left: -20px; } .ie8 .business #loopedSlider a.flex-prev:before, .ie8 .business #loopedSlider a.flex-next:before { font-size: 16px; } .ie8 .business #loopedSlider a.flex-next { right: -30px; } /*----------------------------------------------------------------------------------- TABLE OF CONTENTS: 1. Info Boxes 2. Buttons 3. Columns 4. Tweetmeme 5. Twitter 6. Digg 7. Related Posts 8. Horizontal Rule 9. Quote 10. Icon Links 11. Facebook 12. Contact Form 13. Tabber -13.1 Tabber Alternate Style - Boxed -13.2 Tabber Alternate Style - Vertical 14. Dropcap 15. Content Toggle -15.1 Toggle Alternate Style - White 16. Highlight and Abbreviation 17. List Styles - Unordered List 18. List Styles - Ordered List 19. Social Icon -----------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 1. Info Boxes */ /*-------------------------------------------------------------------------------------------*/ p.woo-sc-box, div.woo-sc-box {margin:1em 0 1.5em 0; padding:9px 10px 9px 50px; border-width:1px 0 1px 0; border-style:solid;color:#555;text-shadow:none;} .woo-sc-box.none {border-width:0;} .woo-sc-box.full {border-width:1px;} .woo-sc-box.medium {padding:18px 20px 18px 50px; font-size:1.1em;} .woo-sc-box.large {padding:25px 27px 25px 50px; font-size:1.2em; } .woo-sc-box.rounded { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .woo-sc-box.alert { border-color:#f0baa2; background:#ffd9c8 url(http://loftymix.com/wp-content/themes/canvas/functions/css/../images/ico-alert.png) no-repeat 20px 45%; } .woo-sc-box.download { border-color:#d4ebaf; background:#edfcd5 url(http://loftymix.com/wp-content/themes/canvas/functions/css/../images/ico-download.png) no-repeat 20px 45%; } .woo-sc-box.tick { border-color:#d4ebaf; background:#edfcd5 url(http://loftymix.com/wp-content/themes/canvas/functions/css/../images/ico-tick.png) no-repeat 20px 45%; } .woo-sc-box.info { border-color:#ccc; background:#eee url(http://loftymix.com/wp-content/themes/canvas/functions/css/../images/ico-info.png) no-repeat 20px 45%; } .woo-sc-box.note { border-color:#efe3ae; background:#fef6d2 url(http://loftymix.com/wp-content/themes/canvas/functions/css/../images/ico-note.png) no-repeat 20px 45%; } .woo-sc-box.normal { border-color:#ccc; background:#eee; padding:9px 15px;} /*-------------------------------------------------------------------------------------------*/ /* 2. Buttons */ /*-------------------------------------------------------------------------------------------*/ a.woo-sc-button { font-family: sans-serif; display: inline-block; line-height: 1em; padding: 6px 13px; margin:0 .6em 1.5em 0; border: 1px solid #4081af; border-bottom-color: #20559a; color: white !important; text-align: center; text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); text-decoration: none !important; /*Border radius*/ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; /*Background*/ background-color: #237fd7; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #52a8e8), color-stop(1, #2e76cf) ); background: -moz-linear-gradient( center top, #52a8e8 20%, #2e76cf 100% ); /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; } a.woo-sc-button.small { padding:2px 10px; font-size:0.9em;} a.woo-sc-button.large { padding:7px 16px; font-size:1.4em;} a.woo-sc-button.xl { padding:9px 20px; font-size:1.8em;} a.woo-sc-button:hover, a.woo-sc-button.hover, a.woo-sc-button.active { text-decoration: none !important; /*Background*/ background: #0073d2; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #3e9ee5), color-stop(1, #1666ca) ); background: -moz-linear-gradient( center top, #3e9ee5 20%, #1666ca 100% ); } a.woo-sc-button:active, a.woo-sc-button.active { border-color: #20559a; /*Box shadow*/ -webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; -moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; } a.woo-sc-button.dark span { color:#555; text-shadow:0 1px #fff;} a.woo-sc-button.custom:hover { opacity:0.85; } a.woo-sc-button span { line-height:1.2em; min-height: 16px; } a.woo-sc-button span.woo-info { background:url(http://loftymix.com/wp-content/themes/canvas/functions/css/ "../images/ico-info.png") no-repeat 0 45%; padding-left:25px; display:block; } a.woo-sc-button span.woo-download { background:url(http://loftymix.com/wp-content/themes/canvas/functions/css/ "../images/ico-download.png") no-repeat 0 45%; padding-left:25px; display:block; } a.woo-sc-button span.woo-tick { background:url(http://loftymix.com/wp-content/themes/canvas/functions/css/ "../images/ico-tick.png") no-repeat 0 45%; padding-left:25px; display:block; } a.woo-sc-button span.woo-note { background:url(http://loftymix.com/wp-content/themes/canvas/functions/css/ "../images/ico-note.png") no-repeat 0 45%; padding-left:25px; display:block; } a.woo-sc-button span.woo-alert { background:url(http://loftymix.com/wp-content/themes/canvas/functions/css/ "../images/ico-alert.png") no-repeat 0 45%; padding-left:25px; display:block; } a.woo-sc-button.red { border-color: #af4040; border-bottom-color: #9a2020; background-color: #d72323; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e85252),color-stop(1, #cf2e2e)); background: -moz-linear-gradient(center top,#e85252 20%,#cf2e2e 100%); } a.woo-sc-button.red:hover { background: #d20000; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e53e3e),color-stop(1, #ca1616)); background: -moz-linear-gradient(center top,#e53e3e 20%,#ca1616 100%); } a.woo-sc-button.orange { border-color: #af7440; border-bottom-color: #9a5420; background-color: #d76b23; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e88e52),color-stop(1, #cf6e2e)); background: -moz-linear-gradient(center top,#e88e52 20%,#cf6e2e 100%); } a.woo-sc-button.orange:hover { background: #d25e00; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e57d3e),color-stop(1, #ca5116)); background: -moz-linear-gradient(center top,#e57d3e 20%,#ca5116 100%); } a.woo-sc-button.green { border-color: #87bf00; border-bottom-color: #7ca122; background-color: #8dc11e; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #ace53e),color-stop(1, #8dca16)); background: -moz-linear-gradient(center top,#ace53e 20%,#6bca16 100%); } a.woo-sc-button.green:hover { background: #87c000; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #a0d53a),color-stop(1, #60b513)); background: -moz-linear-gradient(center top,#a0d53a 20%,#60b513 100%); } a.woo-sc-button.aqua { border-color: #40af96; border-bottom-color: #209a82; background-color: #23d7af; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52e8c6),color-stop(1, #2ecfab)); background: -moz-linear-gradient(center top,#52e8c6 20%,#2ecfab 100%); } a.woo-sc-button.aqua:hover { background: #00d2a8; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3ee5c0),color-stop(1, #16ca9e)); background: -moz-linear-gradient(center top,#3ee5c0 20%,#16ca9e 100%); } a.woo-sc-button.teal { border-color: #23a6d6; border-bottom-color: #20799a; background-color: #23abd7; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52c3e8),color-stop(1, #2eabcf)); background: -moz-linear-gradient(center top,#52c3e8 20%,#2eabcf 100%); } a.woo-sc-button.teal:hover { background: #009ed2; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3ebce5),color-stop(1, #16a2ca)); background: -moz-linear-gradient(center top,#3ebce5 20%,#16a2ca 100%); } a.woo-sc-button.purple { border-color: #234dd6; border-bottom-color: #20489a; background-color: #2356d7; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #526ee8),color-stop(1, #2e58cf)); background: -moz-linear-gradient(center top,#526ee8 20%,#2e58cf 100%); } a.woo-sc-button.purple:hover { background: #0036d2; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3e5ae5),color-stop(1, #1638ca)); background: -moz-linear-gradient(center top,#3e5ae5 20%,#1638ca 100%); } a.woo-sc-button.pink { border-color: #d623cb; border-bottom-color: #9a2096; background-color: #d723d5; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e852e6),color-stop(1, #cd2ecf)); background: -moz-linear-gradient(center top,#e852e6 20%,#cd2ecf 100%); } a.woo-sc-button.pink:hover { background: #bc00d2; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #c83ee5),color-stop(1, #ae16ca)); background: -moz-linear-gradient(center top,#c83ee5 20%,#ae16ca 100%); } a.woo-sc-button.silver { color: #444 !important; text-shadow:0 1px #fff; border-color: #bbb; border-bottom-color: #999; background-color: #d8d8d8; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e9e9e9),color-stop(1, #ccc)); background: -moz-linear-gradient(center top,#e9e9e9 20%,#ccc 100%); } a.woo-sc-button.silver:hover { background: #ccc; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e0e0e0),color-stop(1, #bebebe)); background: -moz-linear-gradient(center top,#e0e0e0 20%,#bebebe 100%); } /*-------------------------------------------------------------------------------------------*/ /* 3. Columns */ /*-------------------------------------------------------------------------------------------*/ .twocol-one{width:48%;} .threecol-one{width:30.66%;} .threecol-two{width:65.33%;} .fourcol-one{width:22%;} .fourcol-two{width:48%;} .fourcol-three{width:74%;} .fivecol-one{width:16.8%;} .fivecol-two{width:37.6%;} .fivecol-three{width:58.4%;} .fivecol-four{width:67.2%;} .sixcol-one{width:13.33%;} .sixcol-two{width:30.66%;} .sixcol-three{width:47.99%;} .sixcol-four{width:65.33%;} .sixcol-five{width:82.67%;} .twocol-one,.threecol-one,.threecol-two,.fourcol-one,.fourcol-two,.fourcol-three,.fivecol-one,.fivecol-two,.fivecol-three,.fivecol-four,.sixcol-one,.sixcol-two,.sixcol-three,.sixcol-four,.sixcol-five{float:left;margin-right:4%;margin-bottom:4%;position:relative;} .last{clear:right;margin-right:0 !important;} @media only screen and (max-width: 768px) { .twocol-one,.threecol-one,.threecol-two,.fourcol-one,.fourcol-two,.fourcol-three,.fivecol-one,.fivecol-two,.fivecol-three,.fivecol-four,.sixcol-one,.sixcol-two,.sixcol-three,.sixcol-four,.sixcol-five{margin-right: 0; width: 100% !important;} } /*-------------------------------------------------------------------------------------------*/ /* 4. Tweetmeme */ /*-------------------------------------------------------------------------------------------*/ .woo-tweetmeme.left { margin:0 1.5em 1.5em 0; float:left; } .woo-tweetmeme.none { margin:0 0 1.5em 0; } .woo-tweetmeme.right { margin:0 0 1.5em 1.5em; float:right; } /*-------------------------------------------------------------------------------------------*/ /* 5. Twitter */ /*-------------------------------------------------------------------------------------------*/ .woo-sc-twitter.left { margin:0 1.5em 1.5em 0; float:left; } .woo-sc-twitter.none { margin:0 0 1.5em 0; } .woo-sc-twitter.right { margin:0 0 1.5em 1.5em; float:right; } /*-------------------------------------------------------------------------------------------*/ /* 6. Digg */ /*-------------------------------------------------------------------------------------------*/ .woo-digg.left { margin:0 1.5em 1.5em 0; float:left; } .woo-digg.none { margin:0 0 1.5em 0; } .woo-digg.right { margin:0 0 1.5em 1.5em; float:right; } /*-------------------------------------------------------------------------------------------*/ /* 7. Related posts */ /*-------------------------------------------------------------------------------------------*/ .woo-sc-related-posts .thumbnail { float:left; margin:0 1em 1em 0;} .woo-sc-related-posts li { clear:both; } /*-------------------------------------------------------------------------------------------*/ /* 8. Horizontal Rule */ /*-------------------------------------------------------------------------------------------*/ .woo-sc-hr { border-bottom:1px solid #e6e6e6; } .woo-sc-hr, .woo-sc-divider { clear:both; display:block; margin-bottom:20px; padding-top:20px; width:100%; } .woo-sc-divider.flat { padding:0; margin:0; } /*-------------------------------------------------------------------------------------------*/ /* 9. Quote */ /*-------------------------------------------------------------------------------------------*/ .woo-sc-quote p { margin: 1em 20px; padding: 0 0 0 55px; background: url(http://loftymix.com/wp-content/themes/canvas/functions/css/../images/quote.png) no-repeat 0 3px; font-family: serif; font-size: 1.2em; font-style: italic; color:#777; min-height: 32px; } .woo-sc-quote.left { float:left; width:30%;} .woo-sc-quote.right { float:right; width:30%;} .woo-sc-quote.boxed { background: #f5f5f5; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;} .woo-sc-quote.boxed.left { margin: 0 1.5em 1em 0;} .woo-sc-quote.boxed.right { margin: 0 0 1em 1.5em;} /*-------------------------------------------------------------------------------------------*/ /* 10. Icon Links */ /*-------------------------------------------------------------------------------------------*/ .woo-sc-ilink { padding:0 0.3em; } .woo-sc-ilink a { padding-left:20px; text-decoration: underline; display: inline-block; } .woo-sc-ilink a:hover { text-decoration: none; } .woo-sc-ilink .download { background: url(http://loftymix.com/wp-content/themes/canvas/functions/css/../images/ico-download.png) no-repeat left 40%; } .woo-sc-ilink .tick { background: url(http://loftymix.com/wp-content/themes/canvas/functions/css/../images/ico-tick.png) no-repeat left 40%; } .woo-sc-ilink .info { background: url(http://loftymix.com/wp-content/themes/canvas/functions/css/../images/ico-info.png) no-repeat left 40%; } .woo-sc-ilink .note { background: url(http://loftymix.com/wp-content/themes/canvas/functions/css/../images/ico-note.png) no-repeat left 40%; } .woo-sc-ilink .alert { background: url(http://loftymix.com/wp-content/themes/canvas/functions/css/../images/ico-alert.png) no-repeat left 40%; } /*-------------------------------------------------------------------------------------------*/ /* 11. Facebook */ /*-------------------------------------------------------------------------------------------*/ .woo-fbshare.left { margin:0 1.5em 1.5em 0; float:left; } .woo-fbshare.none { margin:0 0 1.5em 0; } .woo-fbshare.right { margin:0 0 1.5em 1.5em; float:right; } .woo-fblike.left { margin:0 1.5em 1.5em 0; float:left; } .woo-fblike.none { margin:0 0 1.5em 0; } .woo-fblike.right { margin:0 0 1.5em 1.5em; float:right; } /*-------------------------------------------------------------------------------------------*/ /* 12. Contact Form */ /*-------------------------------------------------------------------------------------------*/ .contact-form .screenReader { left: -9999px; position: absolute; top: -9999px; } .contact-form .forms {float:left;list-style:none;width:100%;margin:10px 0 0;} .contact-form .forms p {clear:both;float:left;margin-bottom:18px;position:relative;width:100%} .contact-form .forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;} .contact-form .forms input.txt{width:214px;} .contact-form .forms input#sendCopy{border:none;} .contact-form .forms textarea{height:300px;width:400px;} .contact-form .forms .error{font-size:12px;display:block;margin-left:120px;color:red;} .contact-form .forms .textarea .error{display:block; margin-left:120px} .contact-form .forms .screenReader{margin-bottom:0;} .contact-form .forms .buttons .submit{margin: 15px 0 0 120px; cursor:pointer; } .contact-form .forms .inline input{width:auto;margin-left:120px;} .contact-form .forms .inline label{display:inline;float:none;width:auto;} .entry .contact-form ol.forms li { list-style: none; } /* Added to accomodate the contact form shortcode */ .contact-form .submit { display: inline-block; margin: 5px; padding: 3px 13px; border: 1px solid #4081af; border-bottom-color: #20559a; color: white !important; text-align: center; text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); text-decoration: none; /*Border radius*/ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; /*Background*/ background: #237fd7; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #52a8e8), color-stop(1, #2e76cf) ); background: -moz-linear-gradient( center top, #52a8e8 20%, #2e76cf 100% ); /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; } .contact-form .submit:hover { text-decoration: none !important; /*Background*/ background: #0073d2; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #3e9ee5), color-stop(1, #1666ca) ); background: -moz-linear-gradient( center top, #3e9ee5 20%, #1666ca 100% ); } /*-------------------------------------------------------------------------------------------*/ /* 13. Tabber */ /*-------------------------------------------------------------------------------------------*/ .shortcode-tabs { background:#f0f0f0; background:rgba(0,0,0,.05); clear: both; height:auto; display: block; padding:5px; margin-bottom:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .shortcode-tabs ul.tab_titles { padding:0px; background:none; border:none; margin:0;} .shortcode-tabs ul.tab_titles li.nav-tab { background:none; padding:0; float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; } .shortcode-tabs ul.tab_titles li.nav-tab.ui-tabs-selected a, .shortcode-tabs ul.tab_titles li.nav-tab a:hover { background:#fff; text-decoration:none; } .shortcode-tabs ul.tab_titles li.nav-tab a { color:#777; display: block;float: left;padding: 8px; text-transform:uppercase; font:11px/18px sans-serif; } .shortcode-tabs ul.tab_titles li.nav-tab.ui-tabs-selected a, .shortcode-tabs ul.tab_titles li.nav-tab a:hover { -moz-border-radius-topright:3px; -moz-border-radius-topleft:3px;-webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius:3px; border-top-right-radius:3px; border-top-left-radius:3px; } .shortcode-tabs .tab { background:#fff; padding:10px; text-align: left; clear: both; } .shortcode-tabs .tab li.nav-tab { background:#fff; } .shortcode-tabs .tab ul.tab_titles { margin:0; border: 1px solid #e6e6e6; border-width:1px 0 1px 0; } .shortcode-tabs .tab li.nav-tab { border:1px solid #e6e6e6; border-width:0 1px 1px 1px; padding:10px; } .shortcode-tabs .tab li.nav-tab a { color:#555; font:bold 12px/18px sans-serif; } .shortcode-tabs .tab a:hover {} .shortcode-tabs .ui-tabs-hide { display: none; } /*-------------------------------------------------------------------------------------------*/ /* -13.1 Tabber Alternate Style - Boxed */ /*-------------------------------------------------------------------------------------------*/ .shortcode-tabs.boxed { background: #FFFFFF; } .shortcode-tabs.boxed ul.tab_titles { clear: both; float: left; background:none; border:none; border-left: 1px solid #EBEBEB; margin-bottom: 0px; position: relative; z-index: 2; } .shortcode-tabs.boxed ul.tab_titles li { background:none; padding:0; border-top: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; } .shortcode-tabs.boxed ul.tab_titles li.ui-state-active { border-bottom: 1px solid #FFFFFF; } .shortcode-tabs.boxed .tab { border: 1px solid #EBEBEB; top: -2px; position: relative; z-index: 1; } /*-------------------------------------------------------------------------------------------*/ /* -13.2 Tabber Alternate Style - Vertical */ /*-------------------------------------------------------------------------------------------*/ .shortcode-tabs.vertical { background: #FFFFFF; } .shortcode-tabs.vertical .tab_header { border: 1px solid #F0F0F0; border-bottom: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 25%; float: left; margin-bottom: -5px; color:#555; font:bold 12px/18px sans-serif; } .shortcode-tabs.vertical .tab_header { /* Gradient Background */ background: #f5f5f5; background: -moz-linear-gradient(100% 100% 90deg, #f5f5f5, #fff); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f5f5f5)); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; } .shortcode-tabs.vertical .tab_header span { display: block; padding: 8px 8px 12px 8px; border: 1px solid #EBEBEB; } .shortcode-tabs.vertical ul.tab_titles { clear: left; float: left; background:none; border: 1px solid #F0F0F0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 0px; position: relative; z-index: 2; width: 25%; } .shortcode-tabs.vertical ul.tab_titles.has_title { border-top: 0px !important; margin-top: 5px; } .shortcode-tabs.vertical ul.tab_titles.has_title { border-top-left-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; } .shortcode-tabs.vertical ul.tab_titles li { clear: both; background:none; padding:0; border-bottom: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; display: block !important; float: none !important; } .shortcode-tabs.vertical ul.tab_titles li.ui-state-active {} .shortcode-tabs.vertical ul.tab_titles li.ui-state-active a { background: #F0F0F0; background: rgba(0,0,0,.05); } .shortcode-tabs.vertical ul.tab_titles li a:link { display: block; float: none !important; } .shortcode-tabs.vertical ul.tab_titles li a:hover { background: #F0F0F0; background: rgba(0,0,0,.05); } .shortcode-tabs.vertical .tab { clear: right !important; top: 5px; position: relative; z-index: 1; margin-left: 30%; padding: 0px; } /*-------------------------------------------------------------------------------------------*/ /* 14. Dropcap */ /*-------------------------------------------------------------------------------------------*/ span.dropcap { font-size: 300%; font-weight: bold; float: left; position: relative; margin:5px 7px 0 0; line-height: 0.7em; } /*-------------------------------------------------------------------------------------------*/ /* 15. Content Toggle */ /*-------------------------------------------------------------------------------------------*/ .shortcode-toggle { margin: 0 0 1.2em;} .shortcode-toggle h4 {margin: 0;} .shortcode-toggle h4 a { display: block; padding: 3px 0 3px 10px; background: #f3f3f3 url(http://loftymix.com/wp-content/themes/canvas/functions/css/../images/shortcode-toggle-close.png) no-repeat 99% center; } .shortcode-toggle.closed h4 a { background-image: url(http://loftymix.com/wp-content/themes/canvas/functions/css/../images/shortcode-toggle-open.png); } .shortcode-toggle .toggle-content { padding: 10px 10px; background: #f9f9f9; } .shortcode-toggle.closed .toggle-content, .shortcode-toggle .more-text.closed { display: none; } .shortcode-toggle .more-text.open { display: block; } .shortcode-toggle.border { border: 1px solid #EBEBEB; } /*-------------------------------------------------------------------------------------------*/ /* -15.1 Content Toggle Alternate Style - White */ /*-------------------------------------------------------------------------------------------*/ .shortcode-toggle.white h4 a { background-color: #FFFFFF; } .shortcode-toggle.white .toggle-content { background-color: #FFFFFF; } /*-------------------------------------------------------------------------------------------*/ /* 16. Highlight and Abbreviation */ /*-------------------------------------------------------------------------------------------*/ span.shortcode-highlight { background: #FFFFAA; padding: 3px 3px 1px; } abbr { border-bottom: 1px dashed #999999; cursor: help; } /*-------------------------------------------------------------------------------------------*/ /* 17. List Styles - Unordered List */ /*-------------------------------------------------------------------------------------------*/ .entry .shortcode-unorderedlist ul li, .shortcode-unorderedlist ul li, .entry .shortcode-unorderedlist ul li ul, .shortcode-unorderedlist ul li ul { list-style-type: none; padding-left:25px; background: url(http://loftymix.com/wp-content/themes/canvas/functions/css/) no-repeat scroll left top; } .entry .shortcode-unorderedlist.tick ul li, .shortcode-unorderedlist.tick ul li { background: url(http://loftymix.com/wp-content/themes/canvas/functions/css/../images/shortcode-tick.png) no-repeat left top; } .entry .shortcode-unorderedlist.red-x ul li, .shortcode-unorderedlist.red-x ul li { background: url(http://loftymix.com/wp-content/themes/canvas/functions/css/../images/shortcode-red-x.png) no-repeat left top; } .entry .shortcode-unorderedlist.bullet ul li, .shortcode-unorderedlist.bullet ul li { background: url(http://loftymix.com/wp-content/themes/canvas/functions/css/../images/shortcode-bullet.png) no-repeat left top; } .entry .shortcode-unorderedlist.green-dot ul li, .shortcode-unorderedlist.green-dot ul li { background: url(http://loftymix.com/wp-content/themes/canvas/functions/css/../images/shortcode-green-dot.png) no-repeat left top; } .entry .shortcode-unorderedlist.arrow ul li, .shortcode-unorderedlist.arrow ul li { background: url(http://loftymix.com/wp-content/themes/canvas/functions/css/../images/shortcode-arrow.png) no-repeat left top; } .entry .shortcode-unorderedlist.star ul li, .shortcode-unorderedlist.star ul li { background: url(http://loftymix.com/wp-content/themes/canvas/functions/css/../images/shortcode-star.png) no-repeat left top; } /*-------------------------------------------------------------------------------------------*/ /* 18. List Styles - Ordered List */ /*-------------------------------------------------------------------------------------------*/ .entry .shortcode-orderedlist ol li, .entry .shortcode-orderedlist ol li ol, .shortcode-orderedlist ol li { list-style-type: none; margin-left: 25px; background: url(http://loftymix.com/wp-content/themes/canvas/functions/css/) no-repeat scroll left top; } .entry .shortcode-orderedlist.armenian ol li, .shortcode-orderedlist.armenian ol li { list-style-type: armenian; } .entry .shortcode-orderedlist.decimal ol li, .shortcode-orderedlist.decimal ol li { list-style-type: decimal; } .entry .shortcode-orderedlist.decimal-leading-zero ol li, .shortcode-orderedlist.decimal-leading-zero ol li { list-style-type: decimal-leading-zero; } .entry .shortcode-orderedlist.georgian ol li, .shortcode-orderedlist.georgian ol li { list-style-type: georgian; } .entry .shortcode-orderedlist.lower-alpha ol li, .shortcode-orderedlist.lower-alpha ol li { list-style-type: lower-alpha; } .entry .shortcode-orderedlist.lower-greek ol li, .shortcode-orderedlist.lower-greek ol li { list-style-type: lower-greek; } .entry .shortcode-orderedlist.lower-latin ol li, .shortcode-orderedlist.lower-latin ol li { list-style-type: lower-latin; } .entry .shortcode-orderedlist.lower-roman ol li, .shortcode-orderedlist.lower-roman ol li { list-style-type: lower-roman; } .entry .shortcode-orderedlist.upper-alpha ol li, .shortcode-orderedlist.upper-alpha ol li { list-style-type: upper-alpha; } .entry .shortcode-orderedlist.upper-latin ol li, .shortcode-orderedlist.upper-latin ol li { list-style-type: upper-latin; } .entry .shortcode-orderedlist.upper-roman ol li, .shortcode-orderedlist.upper-roman ol li { list-style-type: upper-roman; } /*-------------------------------------------------------------------------------------------*/ /* 19. Social Icon */ /*-------------------------------------------------------------------------------------------*/ img.social-icon { border: none; } /* WOO CUSTOM STYLESHEET --------------------- Instructions: Add your custom styles in this file instead of style.css so it is easier to update the theme. Simply copy an existing style from style.css to this file, and modify it to your liking. */ /* GLOBAL STYLES ---------------- Add styles beneath this line that you want to be applied across your entire site */ #top-nav { float: right; } .home .breadcrumb { display:none; } .home #footer-widgets { display: none; } .breadcrumb-title { display:none; } #navigation { margin-bottom: 1em; } a.flex-prev,a.flex-next { display: none; } .social a { font-size: .8em;} .button.button[type="button"] { background: #6699CC !important; } #navigation { float: right; width: auto; clear:none; max-width: 600px; } .entry img, thumbnail { background: none; border: medium none; padding: 5px; } #navigation { float: right; width: auto; } .flex-direction-nav {display: none;} #navigation {margin-bottom: 025em;} .page .title {display: none;} .home .title {display: none;} .home .breadcrumbs { margin-bottom: 0; } .nocomments { display: none; } table.cart img {display: none;} .woocommerce-result-count {display: none;} .woocommerce-ordering {display: none;} .woocommerce-stock {display: none;} .product_meta {display:none;} .quantity {display: none;} .posted_in {display: none;} .tagged_as {display: none;} .woocommerce .summary { margin-bottom:.1em; } .woocommerce .summary .product_title { margin-bottom: .1em; } .woocommerce .summary form { margin-bottom: .1em; } .product .product-title a.add_to_cart_button { background-color: #6699cc !important; } .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit { background: #6699cc !important; } .product-page-right .product-info-table tr th h3, .product-page-right .group_table tr th h3 { color: #6699cc !important; } .woocommerce .products .add_to_cart_button { display: none!important; /* Hides the Add to Cart button on the thumbnail pages */ } .content p, #loopedSlider .content { background:rgba(255, 255, 255, 0.4); } /* hide product categories on product meta section */ .product_meta .posted_in { display:none; } .entry-summary.related products { display: none; } .related ul.products li.product img, .upsells.products ul.products li.product img, .related ul li.product img, .upsells.products ul li.product img{ height: auto; width: 60%; } /* hide product tags on product meta section */ .product_meta { display:none; } .summary p.stock {display: none;} .button[type=submit].button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit { background: #6699cc !important; } .woocommerce-message background {backgound: #7777777} .wooslider { background:none; border:none; box-shadow:none; margin: 0px; footer.entry-meta .tag-links { display: none; } .slider-pagination { display: none; margin-bottom: 10px; } .page .title { display: none; } * DESKTOP STYLES ----------------- Add styles inside the media query below that you only want to be applied to the desktop layout of your site */ @media only screen and (min-width: 768px) { /* Desktop styles go below this line */ Error 400 (Bad Request)!!1 Google

400. That’s an error.

Your client has issued a malformed or illegal request. That’s all we know. /* ---------------------------------------------------------------- formreset.css Gravity Forms CSS Reset http://www.gravityforms.com updated: March 17, 2013 8:21 PM Gravity Forms is a Rocketgenius project copyright 2013 Rocketgenius Inc. http: //www.rocketgenius.com this may not be redistributed without the express written permission of the author. NOTE: DO NOT EDIT THIS FILE! MAKE ANY MODIFICATIONS IN YOUR THEME STYLESHEET. THIS FILE IS REPLACED DURING AUTO-UPDATES AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN. If you need to make extensive customizations, copy the contents of this file to your theme style sheet for editing. Then, go to the form settings page & set the 'output CSS' option to no. ---------------------------------------------------------------- */ /* Ready Class to reset elements inside the form wrapper ------------------------- */ body .gform_wrapper.gf_reset_wrapper, body .gform_wrapper.gf_reset_wrapper div, body .gform_wrapper.gf_reset_wrapper span, body .gform_wrapper.gf_reset_wrapper iframe, body .gform_wrapper.gf_reset_wrapper h1, body .gform_wrapper.gf_reset_wrapper h2, body .gform_wrapper.gf_reset_wrapper h3, body .gform_wrapper.gf_reset_wrapper h4, body .gform_wrapper.gf_reset_wrapper h5, body .gform_wrapper.gf_reset_wrapper h6, body .gform_wrapper.gf_reset_wrapper p, body .gform_wrapper.gf_reset_wrapper img, body .gform_wrapper.gf_reset_wrapper ol, body .gform_wrapper.gf_reset_wrapper ul, body .gform_wrapper.gf_reset_wrapper li, body .gform_wrapper.gf_reset_wrapper fieldset, body .gform_wrapper.gf_reset_wrapper form, body .gform_wrapper.gf_reset_wrapper label, body .gform_wrapper.gf_reset_wrapper legend, body .gform_wrapper.gf_reset_wrapper input[type=text], body .gform_wrapper.gf_reset_wrapper input[type=email], body .gform_wrapper.gf_reset_wrapper input[type=tel], body .gform_wrapper.gf_reset_wrapper input[type=url], body .gform_wrapper.gf_reset_wrapper input[type=number], body .gform_wrapper.gf_reset_wrapper input[type=password], body .gform_wrapper.gf_reset_wrapper select, body .gform_wrapper.gf_reset_wrapper textarea, body .gform_wrapper.gf_reset_wrapper input[type=submit], body .gform_wrapper.gf_reset_wrapper input[type=button], body .gform_wrapper.gf_reset_wrapper input[type=image], body .gform_wrapper.gf_reset_wrapper button, body .gform_wrapper.gf_reset_wrapper table, body .gform_wrapper.gf_reset_wrapper caption, body .gform_wrapper.gf_reset_wrapper tbody, body .gform_wrapper.gf_reset_wrapper tfoot, body .gform_wrapper.gf_reset_wrapper thead, body .gform_wrapper.gf_reset_wrapper tr, body .gform_wrapper.gf_reset_wrapper th, body .gform_wrapper.gf_reset_wrapper td { margin: 0; padding: 0; border: 0; outline: 0; } body .gform_wrapper.gf_reset_wrapper div, body .gform_wrapper.gf_reset_wrapper span, body .gform_wrapper.gf_reset_wrapper iframe, body .gform_wrapper.gf_reset_wrapper p, body .gform_wrapper.gf_reset_wrapper img, body .gform_wrapper.gf_reset_wrapper ol, body .gform_wrapper.gf_reset_wrapper ul, body .gform_wrapper.gf_reset_wrapper li, body .gform_wrapper.gf_reset_wrapper fieldset, body .gform_wrapper.gf_reset_wrapper form, body .gform_wrapper.gf_reset_wrapper label, body .gform_wrapper.gf_reset_wrapper legend, body .gform_wrapper.gf_reset_wrapper input[type=text], body .gform_wrapper.gf_reset_wrapper input[type=email], body .gform_wrapper.gf_reset_wrapper input[type=tel], body .gform_wrapper.gf_reset_wrapper input[type=url], body .gform_wrapper.gf_reset_wrapper input[type=number], body .gform_wrapper.gf_reset_wrapper input[type=password], body .gform_wrapper.gf_reset_wrapper select, body .gform_wrapper.gf_reset_wrapper textarea, body .gform_wrapper.gf_reset_wrapper input[type=submit], body .gform_wrapper.gf_reset_wrapper input[type=button], body .gform_wrapper.gf_reset_wrapper input[type=image], body .gform_wrapper.gf_reset_wrapper button, body .gform_wrapper.gf_reset_wrapper table, body .gform_wrapper.gf_reset_wrapper caption, body .gform_wrapper.gf_reset_wrapper tbody, body .gform_wrapper.gf_reset_wrapper tfoot, body .gform_wrapper.gf_reset_wrapper thead, body .gform_wrapper.gf_reset_wrapper tr, body .gform_wrapper.gf_reset_wrapper th, body .gform_wrapper.gf_reset_wrapper td { font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; line-height: 1; font-weight: normal; } body .gform_wrapper.gf_reset_wrapper div, body .gform_wrapper.gf_reset_wrapper span, body .gform_wrapper.gf_reset_wrapper p { line-height: 1.8; } body .gform_wrapper.gf_reset_wrapper fieldset, body .gform_wrapper.gf_reset_wrapper img { border: 0; } body .gform_wrapper.gf_reset_wrapper ol, body .gform_wrapper.gf_reset_wrapper ul, body .gform_wrapper.gf_reset_wrapper li { list-style: none; } body .gform_wrapper.gf_reset_wrapper a img { border: none; } body .gform_wrapper.gf_reset_wrapper :focus { outline: 0; } /* ---------------------------------------------------------------- Gravity Forms Date Picker Styles http: //www.gravityforms.com updated: March 18, 2013 4:24 PM Customized styles for the jQuery UI Datepicker 1.9.2 copyright 2012 jQuery Foundation and other contributors Released under the MIT license. http://jquery.org/license some styles courtesty of http://www.hongkiat.com/ Gravity Forms is a Rocketgenius project copyright 2013 Rocketgenius Inc. http: //www.rocketgenius.com NOTE: DO NOT EDIT THIS FILE! MAKE ANY MODIFICATIONS IN YOUR THEME STYLESHEET. THIS FILE IS REPLACED DURING AUTO-UPDATES AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN. If you need to make extensive customizations, copy the contents of this file to your theme style sheet for editing. Then, go to the form settings page & set the 'output CSS' option to no. ---------------------------------------------------------------- */ .ui-datepicker { width: 216px; height: auto; margin: 5px auto 0; font: 9pt Arial, sans-serif; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); } .ui-datepicker a { text-decoration: none; } .ui-datepicker table { width: 100%; border-collapse: collapse; } .ui-datepicker-header { background-color: #666; /* set the header background color */ color: #e0e0e0; font-weight: bold; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2); -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2); box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2); text-shadow: 1px -1px 0px #000; filter: dropshadow(color=#000, offx=1, offy=-1); line-height: 30px; border-width: 1px 0 0 0; border-style: solid; border-color: #666; } .ui-datepicker-title { text-align: center; } .ui-datepicker-prev, .ui-datepicker-next { display: inline-block; width: 30px; height: 30px; text-align: center; cursor: pointer; background-image: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/datepicker.css?ver=1.7.7' type='text/'../images/datepicker/arrow.png'); background-repeat: no-repeat; line-height: 600%; overflow: hidden; } .ui-datepicker-prev { float: left; background-position: center -30px; } .ui-datepicker-next { float: right; background-position: center 0px; } .ui-datepicker thead { background: #f7f7f7; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1)); background: -webkit-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%); background: -o-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%); background: -ms-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%); background: linear-gradient(to bottom, #f7f7f7 0%,#f1f1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 ); border-bottom: 1px solid #bbb; } .ui-datepicker th { text-transform: uppercase; text-align: center; font-size: 6pt; padding: 5px 0; color: #666666; text-shadow: 1px 0px 0px #fff; filter: dropshadow(color=#fff, offx=1, offy=0); } .ui-datepicker tbody td { padding: 0; border-top: 1px solid #bbb; border-right: 1px solid #bbb; } .ui-datepicker tbody td:last-child { border-right: 0px; } .ui-datepicker tbody tr { border-bottom: 1px solid #bbb; } .ui-datepicker tbody tr:last-child { border-bottom: 0px; } .ui-datepicker td span, .ui-datepicker td a { display: inline-block; font-weight: bold; text-align: center; width: 30px; height: 30px; line-height: 30px; color: #666666; text-shadow: 1px 1px 0px #fff; filter: dropshadow(color=#fff, offx=1, offy=1); } .ui-datepicker-calendar .ui-state-default { background: #ededed; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ededed 0%, #dedede 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede)); background: -webkit-linear-gradient(top, #ededed 0%,#dedede 100%); background: -o-linear-gradient(top, #ededed 0%,#dedede 100%); background: -ms-linear-gradient(top, #ededed 0%,#dedede 100%); background: linear-gradient(to bottom, #ededed 0%,#dedede 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 ); -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5); -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5); box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5); } .ui-datepicker-calendar .ui-state-hover { background: #f7f7f7; } .ui-datepicker-calendar .ui-state-active { background: #FFF2AA; /* set the active date background color */ border: 1px solid #c19163; /* set the active date border color */ color: #666; /* set the active date font color */ -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1); -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1); box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1); text-shadow: 0px 1px 0px #FFF; filter: dropshadow(color=#FFF, offx=0, offy=1); position: relative; margin: -1px; } .ui-datepicker-unselectable .ui-state-default { background: #f4f4f4; color: #b4b3b3; } .ui-datepicker-calendar td:first-child .ui-state-active { width: 29px; margin-left: 0; } .ui-datepicker-calendar td:last-child .ui-state-active { width: 29px; margin-right: 0; } .ui-datepicker-calendar tr:last-child .ui-state-active { height: 29px; margin-bottom: 0; } td.ui-datepicker-unselectable.ui-state-disabled { background-color: #d7d7d7; } /* ---------------------------------------------------------------- Gravity Forms Front End Form Styles Version 1.7 http: //www.gravityforms.com updated: June 3, 2013 5:41 PM Gravity Forms is a Rocketgenius project copyright 2013 Rocketgenius Inc. http: //www.rocketgenius.com this may not be redistributed without the express written permission of the author. NOTE: DO NOT EDIT THIS FILE! MAKE ANY MODIFICATIONS IN YOUR THEME STYLESHEET. THIS FILE IS REPLACED DURING AUTO-UPDATES AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN. If you need to make extensive customizations, copy the contents of this file to your theme style sheet for editing. Then, go to the form settings page & set the 'output CSS' option to no. ---------------------------------------------------------------- */ .gform_wrapper { overflow: inherit; margin: 10px 0; max-width: 98% } .gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3 { font-weight: normal; border: none; outline: none; background: none; } .gform_wrapper :focus { outline: 0; } .gform_wrapper form { text-align: left; } .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password] { outline-style: none; font-size: 11px; font-family: inherit; padding: 5px 2px 5px 2px; letter-spacing: normal; } .gform_wrapper input[type=image] { border: none !important; padding: 0 !important; width: auto !important; } .gform_wrapper textarea { outline-style: none; font-size: 11px; font-family: inherit; letter-spacing: normal; padding: 4px 2px 4px 2px; resize: none; } .gform_wrapper ul { margin: 0 !important; list-style-type: none; } html>body .entry ul, .gform_wrapper ul { text-indent: 0; } .gform_wrapper li, .gform_wrapper form li { margin-left: 0 !important; list-style-type: none !important; list-style-image: none !important; list-style: none !important; overflow: visible; } .gform_wrapper ul li.gfield { clear: both; } .gform_wrapper ul.gfield_radio li, .gform_wrapper ul.gfield_checkbox li { overflow: hidden; } .gform_wrapper ul.right_label li, .gform_wrapper form ul.right_label li, .gform_wrapper ul.left_label li, .gform_wrapper form ul.left_label li { margin-bottom: 14px; } .gform_wrapper ul.right_label li ul.gfield_radio li, .gform_wrapper form ul.right_label li ul.gfield_radio li, .gform_wrapper ul.left_label li ul.gfield_radio li, .gform_wrapper form ul.left_label li ul.gfield_radio li, .gform_wrapper ul.right_label li ul.gfield_checkbox li, .gform_wrapper form ul.right_label li ul.gfield_checkbox li, .gform_wrapper ul.left_label li ul.gfield_checkbox li, .gform_wrapper form ul.left_label li ul.gfield_checkbox li { margin-bottom: 10px; } .gform_wrapper ul li:before, .gform_wrapper ul li:after, .gform_wrapper ul.gform_fields { padding: 0; margin: 0; overflow: visible; } .gform_wrapper select { font-size: 11px; font-family: inherit; padding: 5px 0 5px 0; letter-spacing: normal; } .gform_wrapper select option { padding: 2px 2px; display: block; } .gform_wrapper .inline { display: inline !important; } .gform_wrapper .gform_heading { width: 98%; margin-bottom: 18px; } .gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year { width: 70px; vertical-align: top; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year { margin-right: 12px; } .gform_wrapper .gfield_date_dropdown_month, .gform_wrapper .gfield_date_dropdown_day, .gform_wrapper .gfield_date_dropdown_year { vertical-align: top; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .gform_wrapper .gfield_date_dropdown_month, .gform_wrapper .gfield_date_dropdown_day, .gform_wrapper .gfield_date_dropdown_year { margin-right: 6px; } .gform_wrapper .gfield_time_ampm { vertical-align: top; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .gform_wrapper .gfield_time_ampm select { width: 60px !important; } .gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input, .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input { width: 70% !important; } .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year { width: 50px; float: left; } .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input { width: 85% !important; } .gform_wrapper .field_hover { border: 1px dashed #2175A9; cursor: pointer; } .gform_wrapper .field_selected { background-color: #DFEFFF; border: 1px solid #C2D7EF; } .gform_wrapper .field_name_first, .gform_wrapper .field_name_last { width: 50%; float: left; } .gform_wrapper .ginput_complex { overflow: hidden; } .gform_wrapper .ginput_left input:focus+label, .gform_wrapper .ginput_right input:focus+label, .gform_wrapper .ginput_full input:focus+label { font-weight: bold; } .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input { width: 95% !important; } .gform_wrapper .field_name_last input { width: 93% !important; } .gform_wrapper .datepicker { width: 100px !important; } .gform_wrapper .ginput_complex .ginput_left { width: 50%; float: left; } .gform_wrapper .ginput_complex .ginput_right { width: 49%; float: right; } .gform_wrapper .gfield_error .ginput_complex .ginput_left, .gform_wrapper .gfield_error .ginput_complex .ginput_right { width: 50%; } .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=text], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=url], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=email], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=tel], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=number], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=password] { width: 90% !important; } .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=text], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=url], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=email], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=tel], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=number], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=password] { width: 95% !important; } .gform_wrapper .ginput_complex input[type=text], .gform_wrapper .ginput_complex input[type=url], .gform_wrapper .ginput_complex input[type=email], .gform_wrapper .ginput_complex input[type=tel], .gform_wrapper .ginput_complex input[type=number], .gform_wrapper .ginput_complex input[type=password], .gform_wrapper .ginput_complex select { width: 95% !important; } .gform_wrapper .ginput_complex .ginput_right input[type=text], .gform_wrapper .ginput_complex .ginput_right input[type=url], .gform_wrapper .ginput_complex .ginput_right input[type=email], .gform_wrapper .ginput_complex .ginput_right input[type=tel], .gform_wrapper .ginput_complex .ginput_right input[type=number], .gform_wrapper .ginput_complex .ginput_right input[type=password], .gform_wrapper .ginput_complex .ginput_right select { width: 95% !important; } .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { display: block; margin: 3px 0; font-size: 11px; letter-spacing: 0.5pt; } .gform_wrapper .ginput_complex .name_prefix { float: left; width: 30px !important; margin-right: 14px; } .gform_wrapper .ginput_complex .name_suffix { float: left; width: 30px !important; } .gform_wrapper .ginput_complex .name_first, .gform_wrapper .ginput_complex .name_last { float: left; width: 100px; margin-right: 8px; } .gform_wrapper .top_label .gfield_label { margin: 10px 0 4px 0; font-weight: bold; display: -moz-inline-stack; display: inline-block; line-height: 1.3em; clear: both; } .gform_wrapper .left_label .gfield_label { float: left; margin: 0 15px 0 0; width: 29%; font-weight: bold; } .gform_wrapper .right_label .gfield_label { float: left; margin: 0 15px 0 0; width: 29%; font-weight: bold; text-align: right; } .gform_wrapper .left_label ul.gfield_checkbox, .gform_wrapper .right_label ul.gfield_checkbox, .gform_wrapper .left_label ul.gfield_radio, .gform_wrapper .right_label ul.gfield_radio { margin-left: 32%; overflow: hidden; } .gform_wrapper .top_label input.small, .gform_wrapper .top_label select.small { width: 25%; } .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { width: 47%; } .gform_wrapper .top_label input.medium { padding-right: 2px; } .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 99.2%; } .gform_wrapper .right_label input.small, .gform_wrapper .right_label select.small, .gform_wrapper .left_label input.small, .gform_wrapper .left_label select.small { width: 15%; } .gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium, .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium { width: 35%; } .gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper textarea.textarea { width: 63%; } .gform_wrapper .right_label div.ginput_complex, .gform_wrapper .left_label div.ginput_complex { width: 64%; } .gform_wrapper h2.gsection_title { margin: 0 !important; padding: 0 !important; letter-spacing: normal !important; } .gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title { font-weight: bold; font-size: 1.3em; } .gform_wrapper h3.gform_title { letter-spacing: normal !important; margin: 10px 0 6px 0; } .gform_wrapper span.gform_description { font-weight: normal; } .gform_wrapper h2.gsection_title, .gform_wrapper .gsection_description, .gform_wrapper h3.gform_title { width: 98%; } .gform_wrapper .gsection { border-bottom: 1px dotted #CCC; padding: 0 0 8px 0; margin: 16px 0; clear: both; } .gform_wrapper ul.gfield_checkbox li input[type=checkbox], .gform_wrapper ul.gfield_radio li input[type=radio] { width: auto !important; } /* radio and checkbox styling - justifies lenghty labels ------------------------------------------------------*/ .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li { position: relative; } .gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio { margin: 6px 0; padding: 0; } .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { display: block; margin: 0 0 0 24px; padding: 0; width: auto; line-height: 1.5; vertical-align: top; } .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio], .gform_wrapper .gfield_checkbox li input { float: left; margin-top: 2px; } .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction { font-size: 0.85em; line-height: 1.5em; clear: both; font-family: sans-serif; letter-spacing: normal; } .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description { padding: 4px 0 8px 0; } .gform_wrapper .gfield_description { padding: 10px 0 0 0; width: 99.8%; } .gform_wrapper .left_label .gfield_description, .gform_wrapper .right_label .gfield_description { width: 63%; } .gform_wrapper .description_above .gfield_description { padding: 0 0 10px 0; } .gfield_date_year+.gfield_description { padding: 0; } .gform_wrapper .right_label .gfield_description, .gform_wrapper .left_label .gfield_description, .gform_wrapper .left_label .instruction, .gform_wrapper .right_label .instruction { margin-left: 31%; } .gform_wrapper .left_label .gsection .gsection_description, .gform_wrapper .right_label .gsection .gsection_description { margin-left: 0; padding-top: 4px; padding-left: 0; line-height: 1.5em; } .gform_wrapper .gfield_required { color: #790000; margin-left: 4px; } .gform_wrapper textarea.small { height: 80px; } .gform_wrapper textarea.medium { height: 150px; } .gform_wrapper textarea.large { height: 250px; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: #FFDFE0; margin-bottom: 6px !important; padding: 6px 6px 4px 6px !important; border-top: 1px solid #C89797; border-bottom: 1px solid #C89797; } .gform_wrapper li.gfield.gfield_creditcard_warning { margin-bottom: 6px !important; padding: 6px 6px 4px 6px !important; border: 1px dashed #C89797; } .gform_wrapper li.gfield.gfield_creditcard_warning div.gfield_creditcard_warning_message { font-size:1em; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; padding: 10px 20px 10px 45px; min-height: 25px; background-image: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/stopbanner.png); background-repeat: no-repeat; background-position: 0 0; background-color: #790000; border-bottom: 1px solid #620101; color: #FFF; text-shadow: 0 1px 1px rgba(0,0,0,0.50); line-height: 1.3em; letter-spacing: 0.2pt; } li.gfield + li.gfield.gfield_creditcard_warning { margin-top: 14px !important; } .gform_wrapper .top_label .gfield_error .ginput_container { max-width: 99%; } .gform_wrapper .top_label .gfield_error { width: 97%; } .gform_wrapper .top_label .gfield_error input.large, .gform_wrapper .top_label .gfield_error select.large, .gform_wrapper .top_label .gfield_error textarea.textarea { width: 100%; } .gform_wrapper .right_label .gfield_error input.large, .gform_wrapper .right_label .gfield_error select.large, .gform_wrapper .right_label .gfield_error textarea.textarea, .gform_wrapper .left_label .gfield_error input.large, .gform_wrapper .left_label .gfield_error select.large, .gform_wrapper .left_label .gfield_error textarea.textarea { width: 66%; } .gform_wrapper .gfield_error .gfield_label { color: #790000; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin-top: 12px; margin-bottom: 12px !important; padding-left: 10px !important; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container { margin-top: 12px; } .gform_wrapper div.validation_error { color: #790000; font-size: 1.2em; font-weight: bold; margin-bottom: 1.6em; } .gform_wrapper div.validation_error { color: #790000; font-size: 1.2em; font-weight: bold; } div.gf_page_steps+div.validation_error { margin-top: 16px; } .gform_wrapper div.gfield_description.validation_error { color: #790000; font-weight: bold; font-size: 14px; line-height: 1.2em; margin-bottom: 16px; } .gform_wrapper .validation_message { color: #790000; font-weight: bold; letter-spacing: normal; } .gform_wrapper li.gfield_error input[type=text], .gform_wrapper li.gfield_error input[type=url], .gform_wrapper li.gfield_error input[type=email], .gform_wrapper li.gfield_error input[type=tel], .gform_wrapper li.gfield_error input[type=number], .gform_wrapper li.gfield_error input[type=password], .gform_wrapper li.gfield_error textarea { border: 1px solid #790000; } .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio { color: #790000; } .gform_wrapper .gform_footer { padding: 16px 0 10px 0; margin: 16px 0 0 0; clear: both; } .gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label { padding: 16px 0 10px 31%; } .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] { font-size: 1em; } .gform_wrapper .gform_footer input[type=image] { padding: 0; width: auto !important; background: none !important; border: none !important; } .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full { min-height: 43px; display: block; overflow: hidden; } .gform_wrapper .ginput_complex .ginput_full input[type=text], .gform_wrapper .ginput_complex .ginput_full input[type=url], .gform_wrapper .ginput_complex .ginput_full input[type=email], .gform_wrapper .ginput_complex .ginput_full input[type=tel], .gform_wrapper .ginput_complex .ginput_full input[type=number], .gform_wrapper .ginput_complex .ginput_full input[type=password] { width: 97% !important; } .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li { margin: 0 0 8px 0; line-height: 1.3em; } .gform_wrapper ul.gfield_radio li input[type="radio"]:checked+label, .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked+label { font-weight: bold; } .gform_wrapper input.datepicker.datepicker_with_icon { margin-right: 4px !important; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } /* tame those pesky hidden fields ------------------------------------------------------*/ .gform_wrapper input[type=hidden], .gform_wrapper input.gform_hidden, .gform_wrapper .gform_hidden, .gform_wrapper .gf_hidden { display: none !important; max-height: 1px !important; overflow: hidden; } .gform_wrapper .ginput_full br, .gform_wrapper .ginput_left br, .gform_wrapper .ginput_right br { display: none !important; } /* additional spacing and padding tweaks ------------------------------------------------------*/ .gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li { padding: 0 !important; } .gform_wrapper ul.gfield_radio li input+input { margin-left: 4px; } .gform_wrapper ul.gfield_radio li input[value=gf_other_choice] { margin-right: 6px; margin-top: 4px; } .gform_wrapper .top_label .gfield_description, { padding: 10px 0 0 0; } .gform_wrapper .top_label .gfield_description.validation_message, .gform_wrapper .gfield_description.validation_message { padding: 10px 0 !important; } .gform_wrapper .ginput_container + .gfield_description.validation_message { margin-top: 6px; } .gform_wrapper .gfield_description + .gform_wrapper .gfield_description.validation_message { margin-top: 6px; } .gform_wrapper .ginput_container.ginput_list + .gfield_description.validation_message { margin-top: 0; } /* HTML field default margins -----------------------------------------------------*/ .gform_wrapper .left_label li.gfield_html_formatted, .gform_wrapper .right_label li.gfield_html_formatted { margin-left: 32%; } .gform_wrapper .gfield_html.gfield_no_follows_desc { margin-top: 10px; } /* ajax forms ------------------------------------------------------*/ .gform_wrapper .gform_ajax_spinner { padding-left: 10px; } /* hide the honeypot field ------------------------------------------------------*/ .gform_validation_container, .gform_wrapper .gform_validation_container, body .gform_wrapper li.gform_validation_container, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container, body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container { display: none !important; position: absolute !important; left: -9000px; } /* Really Simple Captcha ------------------------------------------------------*/ .gform_wrapper .gfield_captcha_input_container { padding-top: 3px; } .gform_wrapper .simple_captcha_small input { width: 100px; } .gform_wrapper .simple_captcha_medium input { width: 150px; } .gform_wrapper .simple_captcha_large input { width: 200px; } .gform_wrapper .gform_wrapper .left_label .simple_captcha_small, .gform_wrapper .right_label .simple_captcha_small, .gform_wrapper .left_label .simple_captcha_medium, .gform_wrapper .right_label .simple_captcha_medium, .gform_wrapper .left_label .simple_captcha_large, .gform_wrapper .right_label .simple_captcha_large { margin-left: 32%; } .gform_wrapper .gfield_captcha_container img.gfield_captcha { border: none !important; background: none !important; float: none !important; margin: 0 !important; padding: 0 !important; } /* math challenge ------------------------------------------------------*/ .gform_wrapper .math_small input { width: 69px; } .gform_wrapper .math_medium input { width: 90px; } .gform_wrapper .math_large input { width: 108px; } .gform_wrapper .left_label .math_small, .gform_wrapper .right_label .math_small, .gform_wrapper .left_label .math_medium, .gform_wrapper .right_label .math_medium, .gform_wrapper .left_label .math_large, .gform_wrapper .right_label .math_large { margin-left: 32%; } /* textarea character counter ------------------------------------------------------*/ .gform_wrapper div.charleft { font-size: 11px; margin-top: 4px; color: #B7B7B7; width: 92% !important; white-space: nowrap !important; } .gform_wrapper div.charleft[style] { width: 92% !important; } .gform_wrapper .left_label div.charleft, .gform_wrapper .right_label div.charleft { margin-left: 32%; } .gform_wrapper div.charleft.warningTextareaInfo { color: #A1A1A1; } .gform_wrapper li.gf_hide_charleft div.charleft { display: none !important; } /* submission limit message ------------------------------------------------------*/ .gf_submission_limit_message { color: #790000; font-size: 1.4em; } /* pricing fields ------------------------------------------------------*/ .gform_wrapper .ginput_price { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .gform_wrapper span.ginput_total { color: #060; font-size: 1.2em; } .gform_wrapper .top_label span.ginput_total { margin: 8px 0; } .gform_wrapper span.ginput_product_price_label { margin-right: 2px; } .gform_wrapper span.ginput_product_price { color: #900 } .gform_wrapper span.ginput_quantity_label { margin-left: 10px; margin-right: 2px; } .gform_wrapper input.ginput_quantity { width: 40px; } /* multi-page form paging ------------------------------------------------------*/ .gform_wrapper .gform_page_footer { margin: 20px 0; width: 99%; border-top: 1px dotted #CCC; padding: 16px 0 0 0; } .gform_wrapper .gform_page_footer .button.gform_button { margin-right: 10px; } /* multi-page progress bar ------------------------------------------------------*/ .gform_wrapper .gf_progressbar_wrapper { clear: both; width: 99%; margin: 0 0 8px 0; padding: 0 0 16px 0; border-bottom: 1px dotted #CCC; } .gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title { font-size: 13px; line-height: 1em !important; margin: 0 0 6px 0 !important; padding: 0 !important; clear: both; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } .gform_wrapper .gf_progressbar { width: 99%; height: 20px; overflow: hidden; line-height: 20px !important; border: 1px solid #EEE; background-image: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/gf-percentbar-bg.png); background-repeat: repeat-x; background-position: bottom; background-color: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.2); box-shadow: 0 0 4px 0 rgba(0,0,0,0.2); } .gform_wrapper .gf_progressbar_percentage { height: 20px; text-align: right; font-family: helvetica,arial,sans-serif; font-size: 13px !important; text-shadow: 0 1px 1px rgba(0,0,0,0.50); } .gform_wrapper .gf_progressbar_percentage span { display: block; width: auto; float: right; margin-right: 5px; margin-left: 5px; } .gform_wrapper .gf_progressbar_percentage.percentbar_0 span { color: #959595; text-shadow: none; } .gform_wrapper .percentbar_blue { background-image: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/gf-percentbar-blue.png); background-repeat: repeat-x; background-color: #0072BC; color: #FFF; } .gform_wrapper .percentbar_gray { background-image: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/gf-percentbar-gray.png); background-repeat: repeat-x; background-color: #666; color: #FFF; } .gform_wrapper .percentbar_green { background-image: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/gf-percentbar-green.png); background-repeat: repeat-x; background-color: #94DC21; color: #FFF; } .gform_wrapper .percentbar_orange { background-image: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/gf-percentbar-orange.png); background-repeat: repeat-x; background-color: #DC7021; color: #FFF; } .gform_wrapper .percentbar_red { background-image: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/gf-percentbar-red.png); background-repeat: repeat-x; background-color: #DC2521; color: #FFF; } .gform_wrapper .percentbar_custom { background-image: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/gf-percentbar-custom.png); background-repeat: repeat-x; } /* multi-page steps ------------------------------------------------------*/ .gform_wrapper .gf_page_steps { width: 99%; margin: 0 0 8px 0; padding: 0 0 4px 0; border-bottom: 1px dotted #CCC; } .gform_wrapper .gf_step { width: auto !important; margin: 0 10px 10px 0; font-size: 14px; height: 20px; line-height: 20px !important; filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; font-family: arial,sans-serif; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .gform_wrapper .gf_step span.gf_step_number { font-size: 20px; float: left; font-family: arial,sans-serif; } .gform_wrapper .gf_step.gf_step_active { filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; } .gform_wrapper .gf_step_clear { display: block; clear: both; height: 1px; overflow: hidden; } /* password strength indicator -----------------------------------------------------------------*/ .gform_wrapper .gfield_password_strength { border: 1px solid #DDD; margin: 0; padding: 3px 5px; text-align: center; width: 200px; background-color: #EEE; } .gform_wrapper .gfield_password_strength.bad { background-color: #FFB78C; border-color: #FF853C; } .gform_wrapper .gfield_password_strength.good { background-color: #FFEC8b; border-color: #FC0; } .gform_wrapper .gfield_password_strength.short, .gform_wrapper .gfield_password_strength.mismatch { background-color: #FFA0A0; border-color: #f04040; } .gform_wrapper .gfield_password_strength.strong { background-color: #C3FF88; border-color: #8DFF1C; } /* reset the default list styles for the HTML blocks -----------------------------------------------------------------*/ body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul li, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul li { list-style-type: disc !important; margin: 0 0 0.5em; overflow: visible; padding-left: 0; } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul { list-style-type: disc !important; margin: 1em 0 1em 1.5em; padding-left: 0; } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li { list-style-type: decimal!important; overflow:visible; margin: 0 0 0.5em; padding-left: 0; } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol { list-style-type: decimal!important; margin: 1em 0 1.5em 2.0em; padding-left: 0; } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul li { list-style-type: disc !important; padding-left: 0; } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul { margin: 1em 0 1em 1.5em; } body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul li { margin: 0 0 0.5em; } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl { margin: 0 0 1.5em 0; padding-left: 0; } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl dt { font-weight: bold; } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl dd { margin: 0 0 1em 1.5em; } /* list fields added in v.1.6 -----------------------------------------------------------------*/ .gform_wrapper table.gfield_list, .gform_wrapper table.gfield_list caption, .gform_wrapper table.gfield_list tbody, .gform_wrapper table.gfield_list tfoot, .gform_wrapper table.gfield_list thead, .gform_wrapper table.gfield_list tr, .gform_wrapper table.gfield_list th, .gform_wrapper table.gfield_list td { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } .gform_wrapper table.gfield_list { border-spacing: 0; border-collapse:collapse; } .gform_wrapper table.gfield_list thead th { font-weight: bold; text-align: left; } .gform_wrapper li.gfield.gfield_error table.gfield_list thead th { color: #790000; } .gform_wrapper table.gfield_list thead, .gform_wrapper table.gfield_list tr { padding: 0; margin: 0; } .gform_wrapper table.gfield_list th, .gform_wrapper table.gfield_list td { padding:0 0 0.5em 0; } .gform_wrapper table.gfield_list th + th, .gform_wrapper table.gfield_list td + td { padding:0 0 0.5em 0.7em; } .gform_wrapper .left_label .gfield_list, .gform_wrapper .right_label .gfield_list { width: 64%; } .gform_wrapper .top_label .gfield_list { width: 99%; } .gform_wrapper .left_label .gf_list_one_column, .gform_wrapper .right_label .gf_list_one_column { width: 45%; } .gform_wrapper .top_label .gf_list_one_column { width: 46%; } .gform_wrapper .gfield_list input{ width: 98%; } .gfield_icon_disabled { cursor: default !important; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } .gform_wrapper table.gfield_list td.gfield_list_icons { min-width: 45px !important; } /* enhanced UI/select styles added in v.1.6 -----------------------------------------------------------------*/ .gform_wrapper select.chzn-select { visibility: hidden; height: 28px !important; min-height: 28px !important; } .gform_wrapper .chzn-container { font-size: 13px; position: relative; margin-bottom: 4px; display: inline-block; zoom: 1; *display: inline; } .gform_wrapper .chzn-container .chzn-drop { background-color: #FFF; border: 1px solid #AAA; border-top: 0; position: absolute; top: 29px; left: 0; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15); -moz-box-shadow: 0 4px 5px rgba(0,0,0,.15); -o-box-shadow: 0 4px 5px rgba(0,0,0,.15); box-shadow: 0 4px 5px rgba(0,0,0,.15); z-index: 999; } .gform_wrapper .chzn-container-single .chzn-single { background-color: #FFF; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #EEE), color-stop(0.5, white)); background-image: -webkit-linear-gradient(center bottom, #EEE 0%, white 50%); background-image: -moz-linear-gradient(center bottom, #EEE 0%, white 50%); background-image: -o-linear-gradient(top, #EEE 0%,#FFF 50%); background-image: -ms-linear-gradient(top, #EEE 0%,#FFF 50%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#EEE', endColorstr='#FFF',GradientType=0 ); background-image: linear-gradient(top, #EEE 0%,#FFF 50%); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #AAA; display: block; overflow: hidden; white-space: nowrap; position: relative; height: 26px; line-height: 26px; padding: 0 0 0 8px; color: #444; text-decoration: none; } .gform_wrapper .chzn-container-single .chzn-single span { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .gform_wrapper .chzn-container-single .chzn-single div { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #CCC; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #CCC), color-stop(0.6, #EEE)); background-image: -webkit-linear-gradient(center bottom, #CCC 0%, #EEE 60%); background-image: -moz-linear-gradient(center bottom, #CCC 0%, #EEE 60%); background-image: -o-linear-gradient(bottom, #CCC 0%, #EEE 60%); background-image: -ms-linear-gradient(top, #CCC 0%,#EEE 60%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#CCC', endColorstr='#EEE',GradientType=0 ); background-image: linear-gradient(top, #CCC 0%,#EEE 60%); border-left: 1px solid #AAA; position: absolute; right: 0; top: 0; display: block; height: 100%; width: 18px; } .gform_wrapper .chzn-container-single .chzn-single div b { background-image: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/chosen-sprite.png); background-position: 0 1px; background-repeat: no-repeat; display: block; width: 100%; height: 100%; } .gform_wrapper .chzn-container-single .chzn-search { padding: 3px 4px; margin: 0; white-space: nowrap; } .gform_wrapper .chzn-container-single .chzn-search input { background: #FFF url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/chosen-sprite.png) 100% -20px no-repeat; background: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/chosen-sprite.png) 100% -20px no-repeat, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #EEE)); background: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/chosen-sprite.png) 100% -20px no-repeat, -webkit-linear-gradient(center bottom, white 85%, #EEE 99%); background: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/chosen-sprite.png) 100% -20px no-repeat, -moz-linear-gradient(center bottom, white 85%, #EEE 99%); background: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/chosen-sprite.png) 100% -20px no-repeat, -o-linear-gradient(bottom, white 85%, #EEE 99%); background: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/chosen-sprite.png) 100% -20px no-repeat, -ms-linear-gradient(top, #FFF 85%,#EEE 99%); background: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/chosen-sprite.png) 100% -20px no-repeat, -ms-linear-gradient(top, #FFF 85%,#EEE 99%); background: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/chosen-sprite.png) 100% -20px no-repeat, linear-gradient(top, #FFF 85%,#EEE 99%); margin: 1px 0; padding: 4px 20px 4px 5px; outline: 0; border: 1px solid #AAA; font-family: sans-serif; font-size: 1em; } .gform_wrapper .chzn-container-single .chzn-drop { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gform_wrapper .chzn-container-multi .chzn-choices { background-color: #FFF; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #EEE)); background-image: -webkit-linear-gradient(center bottom, white 85%, #EEE 99%); background-image: -moz-linear-gradient(center bottom, white 85%, #EEE 99%); background-image: -o-linear-gradient(bottom, white 85%, #EEE 99%); background-image: -ms-linear-gradient(top, #FFF 85%,#EEE 99%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#EEE',GradientType=0 ); background-image: linear-gradient(top, #FFF 85%,#EEE 99%); border: 1px solid #AAA; margin: 0; padding: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative; } .gform_wrapper .chzn-container-multi .chzn-choices li { float: left; list-style: none; } .gform_wrapper .chzn-container-multi .chzn-choices .search-field { white-space: nowrap; margin: 0; padding: 0; } .gform_wrapper .chzn-container-multi .chzn-choices .search-field input { color: #666; background: transparent !important; border: 0 !important; padding: 5px; margin: 1px 0; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .gform_wrapper .chzn-container-multi .chzn-choices .search-field .default { color: #999; } .gform_wrapper .chzn-container-multi .chzn-choices .search-choice { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #E4E4E4; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E4E4E4), color-stop(0.7, #EEE)); background-image: -webkit-linear-gradient(center bottom, #E4E4E4 0%, #EEE 70%); background-image: -moz-linear-gradient(center bottom, #E4E4E4 0%, #EEE 70%); background-image: -o-linear-gradient(bottom, #E4E4E4 0%, #EEE 70%); background-image: -ms-linear-gradient(top, #E4E4E4 0%,#EEE 70%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#E4E4E4', endColorstr='#EEE',GradientType=0 ); background-image: linear-gradient(top, #E4E4E4 0%,#EEE 70%); color: #333; border: 1px solid #B4B4B4; line-height: 13px; padding: 3px 19px 3px 6px; margin: 3px 0 3px 5px; position: relative; } .gform_wrapper .chzn-container-multi .chzn-choices .search-choice span { cursor: default; } .gform_wrapper .chzn-container-multi .chzn-choices .search-choice-focus { background-color: #D4D4D4; } .gform_wrapper .chzn-container-multi .chzn-choices .search-choice .search-choice-close { display: block; position: absolute; right: 5px; top: 6px; width: 8px; height: 9px; font-size: 1px; background-image: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/chosen-sprite.png); background-position: right top; background-repeat: no-repeat; } .gform_wrapper .chzn-container-multi .chzn-choices .search-choice .search-choice-close: hover { background-position: right -9px; } .gform_wrapper .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { background-position: right -9px; } .gform_wrapper .chzn-container .chzn-results { margin: 0 4px 4px 0; max-height: 190px; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto; } .gform_wrapper .chzn-container-multi .chzn-results { margin: -1px 0 0; padding: 0; } .gform_wrapper .chzn-container .chzn-results li { display:none; line-height: 80%; padding: 7px 7px 8px; margin: 0; list-style: none; } .gform_wrapper .chzn-container .chzn-results .active-result { cursor: pointer; display: list-item; } .gform_wrapper .chzn-container .chzn-results .highlighted { background-color: #F0F0F0; } .gform_wrapper .chzn-container .chzn-results li em { background-color: #FEFFDE; font-style: normal; } .gform_wrapper .chzn-container .chzn-results .highlighted em { background: transparent; } .gform_wrapper .chzn-container .chzn-results .no-results { background-color: #F4F4F4; } .gform_wrapper .chzn-container .chzn-results .group-result { cursor: default; color: #999; font-weight: bold; } .gform_wrapper .chzn-container .chzn-results .group-option { padding-left: 20px; } .gform_wrapper .chzn-container-multi .chzn-drop .result-selected { display: none; } .gform_wrapper .chzn-container-active .chzn-single { -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,.3); -o-box-shadow: 0 0 5px rgba(0,0,0,.3); box-shadow: 0 0 5px rgba(0,0,0,.3); } .gform_wrapper .chzn-container-active .chzn-single-with-drop { border: 1px solid #AAA; -webkit-box-shadow: 0 1px 0 #FFF inset; -moz-box-shadow: 0 1px 0 #FFF inset; -o-box-shadow: 0 1px 0 #FFF inset; box-shadow: 0 1px 0 #FFF inset; background-color: #EEE; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #EEE)); background-image: -webkit-linear-gradient(center bottom, white 0%, #EEE 50%); background-image: -moz-linear-gradient(center bottom, white 0%, #EEE 50%); background-image: -o-linear-gradient(bottom, white 0%, #EEE 50%); background-image: -ms-linear-gradient(top, #FFF 0%,#EEE 50%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#EEE',GradientType=0 ); background-image: linear-gradient(top, #FFF 0%,#EEE 50%); -webkit-border-bottom-left-radius : 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft : 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius : 0; border-bottom-right-radius: 0; } .gform_wrapper .chzn-container-active .chzn-single-with-drop div { background: transparent; border-left: none; } .gform_wrapper .chzn-container-active .chzn-single-with-drop div b { background-position: -18px 1px; } .gform_wrapper .chzn-container-active .chzn-choices { -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,.3); -o-box-shadow: 0 0 5px rgba(0,0,0,.3); box-shadow: 0 0 5px rgba(0,0,0,.3); } .gform_wrapper .chzn-container-active .chzn-choices .search-field input { color: #111 !important; } .gform_wrapper .chzn-rtl { direction: rtl; text-align: right; } .gform_wrapper .chzn-rtl .chzn-single { padding-left: 0; padding-right: 8px; } .gform_wrapper .chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; } .gform_wrapper .chzn-rtl .chzn-single div { left: 0; right: auto; border-left: none; border-right: 1px solid #AAA; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .gform_wrapper .chzn-rtl .chzn-choices li { float: right; } .gform_wrapper .chzn-rtl .chzn-choices .search-choice { padding: 3px 6px 3px 19px; margin: 3px 5px 3px 0; } .gform_wrapper .chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 5px; right: auto; background-position: right top; } .gform_wrapper .chzn-rtl.chzn-container-single .chzn-results { margin-left: 4px; margin-right: 0; padding-left: 0; padding-right: 4px; } .gform_wrapper .chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 20px; } .gform_wrapper .chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; } .gform_wrapper .chzn-rtl .chzn-search input { background: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/chosen-sprite.png) -38px -20px no-repeat, #FFF; background: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/chosen-sprite.png) -38px -20px no-repeat, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #EEE)); background: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/chosen-sprite.png) -38px -20px no-repeat, -webkit-linear-gradient(center bottom, white 85%, #EEE 99%); background: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/chosen-sprite.png) -38px -20px no-repeat, -moz-linear-gradient(center bottom, white 85%, #EEE 99%); background: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/chosen-sprite.png) -38px -20px no-repeat, -o-linear-gradient(bottom, white 85%, #EEE 99%); background: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/chosen-sprite.png) -38px -20px no-repeat, -ms-linear-gradient(top, #FFF 85%,#EEE 99%); background: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/chosen-sprite.png) -38px -20px no-repeat, -ms-linear-gradient(top, #FFF 85%,#EEE 99%); background: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/chosen-sprite.png) -38px -20px no-repeat, linear-gradient(top, #FFF 85%,#EEE 99%); padding: 4px 5px 4px 20px; } /* credit card icons ------------------------------------------------------*/ .gform_wrapper .gform_card_icon_container { margin: 8px 0 6px 0; height: 32px; } .gform_wrapper div.gform_card_icon { margin-right: 4px; text-indent: -9000px; background-image: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/gf-creditcard-icons.png); background-repeat: no-repeat; width: 36px; height: 32px; float: left; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_visa { background-position: 0 0; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa { background-position: 0 -32px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa { background-position: 0 -64px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_mastercard { background-position: -36px 0; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard { background-position: -36px -32px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard { background-position: -36px -64px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_amex { background-position: -72px 0; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex { background-position: -72px -32px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex { background-position: -72px -64px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_discover { background-position: -108px 0; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover { background-position: -108px -32px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover { background-position: -108px -64px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_maestro { background-position: -144px 0; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro { background-position: -144px -32px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro { background-position: -144px -64px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_jcb { background-position: -180px 0; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb { background-position: -180px -32px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb { background-position: -180px -64px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_visa { background-position: 0 -192px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa { background-position: 0 -224px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa { background-position: 0 -256px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_mastercard { background-position: -36px -192px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard { background-position: -36px -224px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard { background-position: -36px -256px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_amex { background-position: -72px -192px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex { background-position: -72px -224px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex { background-position: -72px -256px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_discover { background-position: -108px -192px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover { background-position: -108px -224px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover { background-position: -108px -256px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_maestro { background-position: -144px -192px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro { background-position: -144px -224px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro { background-position: -144px -256px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_jcb { background-position: -180px -192px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb { background-position: -180px -224px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb { background-position: -180px -256px; } /* credit card fields ------------------------------------------------------*/ .gform_card_icon_container input[type=radio]#gform_payment_method_creditcard { float: left; position: relative; top: 4px!important } .gform_wrapper .ginput_complex .ginput_cardinfo_left, .gform_wrapper .ginput_complex .ginput_cardinfo_right { min-height: 43px; position: relative; float: left; } .gform_wrapper .ginput_complex .ginput_cardinfo_left { width: 50%; margin-right: 1%; } .gform_wrapper .ginput_complex .ginput_cardinfo_right { min-width: 85px !important; } .gform_wrapper .ginput_complex .ginput_cardinfo_left label, .gform_wrapper .ginput_complex .ginput_cardinfo_right label { white-space: nowrap !important; } .gform_wrapper .ginput_complex span.ginput_cardextras { display: block; overflow: hidden; } .gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container { position: relative; display: block; min-width: 160px !important; } .gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_month, .gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_year { width: 48% !important; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .gform_wrapper .ginput_complex .ginput_cardinfo_left select.ginput_card_expiration.ginput_card_expiration_month { margin-right: 4px; } .gform_wrapper .ginput_complex .ginput_cardinfo_right input.ginput_card_security_code { max-width: 50% !important; } .gform_wrapper .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon { width: 32px; height: 23px; background-image: url(http://loftymix.com/http://loftymix.com/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.7.7' type='text/../images/gf-creditcard-icons.png); background-repeat: no-repeat; background-position: 0 -128px; position: relative; top: -1px; left: 6px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } /* fix recaptcha line height issue ------------------------------------------------------*/ body #content .entry-content .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container #recaptcha_widget_div #recaptcha_area .recaptchatable tbody tr td .recaptcha_input_area, body .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container #recaptcha_widget_div #recaptcha_area .recaptchatable tbody tr td .recaptcha_input_area { line-height: 1em !important; } /* ---------------------------------------------------------------- readyclass.css Gravity Forms Ready Class Pre-Set Styles http://www.gravityforms.com updated: March 17, 2013 8:25 PM Gravity Forms is a Rocketgenius project copyright 2013 Rocketgenius Inc. http: //www.rocketgenius.com this may not be redistributed without the express written permission of the author. NOTE: DO NOT EDIT THIS FILE! MAKE ANY MODIFICATIONS IN YOUR THEME STYLESHEET. THIS FILE IS REPLACED DURING AUTO-UPDATES AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN. If you need to make extensive customizations, copy the contents of this file to your theme style sheet for editing. Then, go to the form settings page & set the 'output CSS' option to no. ---------------------------------------------------------------- */ /* inline fields ready class ------------------------------------------------------*/ .gform_wrapper .top_label li.gfield.gf_inline { vertical-align: top; width: auto !important; margin-right: 14px; float: none !important; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .gform_wrapper .top_label li.gfield.gf_inline input[type=text].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=url].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=email].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=tel].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=number].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=password].large { width: 25.4em !important; } .gform_wrapper .top_label li.gfield.gf_inline input[type=text].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=url].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=email].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=tel].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=number].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=password].medium { width: 18.7em !important; } .gform_wrapper .top_label li.gfield.gf_inline input[type=text].datepicker.medium { width: 6em !important; } .gform_wrapper .top_label li.gfield.gf_inline input[type=text].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=url].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=email].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=tel].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=number].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=password].small { width: 5em !important; } .gform_wrapper .top_label li.gfield.gf_inline select { width: auto !important; } .gform_wrapper .top_label li.gfield.gf_inline textarea { width: 95% !important; } .gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_hour input[type=text], .gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_minute input[type=text] { width: 70% !important; } .gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_hour, .gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_minute, .gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_month, .gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_day, .gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_year { width: 50px; } .gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_ampm { width: auto; } .gform_wrapper li.gf_inline div.ginput_container { white-space: nowrap !important; } /* 2 column ready class ------------------------------------------------------*/ .gform_wrapper .top_label li.gfield.gf_left_half { margin: 0 0 8px 0; width: 49%; } .gform_wrapper .top_label li.gfield.gf_right_half { margin: 0 0 8px 0; width: 49%; } .gform_wrapper .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half { width: 46%; } .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half { margin-right: 1%; } .gform_wrapper .top_label li.gfield.gf_left_half { float: left; clear: left !important; } .gform_wrapper .top_label li.gfield.gf_right_half { float: right; clear: right !important; } .gform_wrapper .top_label li.gfield.gf_left_half input.medium, .gform_wrapper .top_label li.gfield.gf_left_half input.large, .gform_wrapper .top_label li.gfield.gf_left_half select.medium, .gform_wrapper .top_label li.gfield.gf_left_half select.large, .gform_wrapper .top_label li.gfield.gf_right_half input.medium, .gform_wrapper .top_label li.gfield.gf_right_half input.large, .gform_wrapper .top_label li.gfield.gf_right_half select.medium, .gform_wrapper .top_label li.gfield.gf_right_half select.large { width: 97%; } .gform_wrapper .top_label li.gfield.gf_left_half textarea, .gform_wrapper .top_label li.gfield.gf_right_half textarea { width: 98%; } .gform_wrapper .top_label li.gfield.gf_left_half input.small, .gform_wrapper .top_label li.gfield.gf_right_half input.small { width: 35%; } .gform_wrapper .top_label li.gfield.gf_left_half+li.gsection, .gform_wrapper .top_label li.gfield.gf_right_half+li.gsection { padding: 16px 0 8px 0; } .gform_wrapper .top_label li.gfield.gf_left_half+li.gfield.gsection.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half+li.gfield.gsection.gf_left_half, .gform_wrapper .top_label li.gfield.gf_left_half+li.gfield.gsection.gf_right_half, .gform_wrapper .top_label li.gfield.gf_right_half+li.gfield.gsection.gf_right_half, .gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_left_half, .gform_wrapper .top_label li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_left_half, .gform_wrapper .top_label li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_right_half { padding: 16px 0 8px 0; } .gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half { padding: 0 0 8px 0; } .gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half { padding: 16px 0 8px 0; } .gform_wrapper .top_label li.gfield.gf_left_half+li.gfield, .gform_wrapper .top_label li.gfield.gf_right_half+li.gfield, .gform_wrapper .top_label li.gfield.gf_left_half+.gform_footer, .gform_wrapper .top_label li.gfield.gf_right_half+.gform_footer { clear: both } /* 3 column ready class ------------------------------------------------------*/ .gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label li.gfield.gf_middle_third, .gform_wrapper .top_label li.gfield.gf_right_third { margin: 0 0 8px 0; width: 32%; } .gform_wrapper .top_label li.gfield.gfield_error.gf_left_third, .gform_wrapper .top_label li.gfield.gfield_error.gf_middle_third, .gform_wrapper .top_label li.gfield.gfield_error.gf_right_third { width: 29%; } .gform_wrapper .top_label li.gfield.gfield_error.gf_right_third { margin-right: 1%; } .gform_wrapper .top_label li.gfield.gf_left_third { float: left; clear: left !important; } .gform_wrapper .top_label li.gfield.gf_middle_third { float: left; margin-left: 2% !important; clear: none !important; } .gform_wrapper .top_label li.gfield.gfield_error.gf_middle_third { margin-left: 3%; } .gform_wrapper .top_label li.gfield.gf_right_third { float: right; clear: right !important; } .gform_wrapper .top_label li.gfield.gf_left_third input.medium, .gform_wrapper .top_label li.gfield.gf_left_third input.large, .gform_wrapper .top_label li.gfield.gf_left_third select.medium, .gform_wrapper .top_label li.gfield.gf_left_third select.large, .gform_wrapper .top_label li.gfield.gf_middle_third input.medium, .gform_wrapper .top_label li.gfield.gf_middle_third input.large, .gform_wrapper .top_label li.gfield.gf_middle_third select.medium, .gform_wrapper .top_label li.gfield.gf_middle_third select.large, .gform_wrapper .top_label li.gfield.gf_right_third input.medium, .gform_wrapper .top_label li.gfield.gf_right_third input.large, .gform_wrapper .top_label li.gfield.gf_right_third select.medium, .gform_wrapper .top_label li.gfield.gf_right_third select.large { width: 95%; } .gform_wrapper .top_label li.gfield.gf_left_third+li.gsection, .gform_wrapper .top_label li.gfield.gf_right_third+li.gsection { padding: 16px 0 8px 0; } .gform_wrapper .top_label li.gfield.gf_left_third+li.gfield, .gform_wrapper .top_label li.gfield.gf_middle_third+li.gfield, .gform_wrapper .top_label li.gfield.gf_right_third+li.gfield, .gform_wrapper .top_label li.gfield.gf_left_third+.gform_footer, .gform_wrapper .top_label li.gfield.gf_middle_third+.gform_footer, .gform_wrapper .top_label li.gfield.gf_right_third+.gform_footer { clear: both; } /* radio/checkbox sub-column ready classes ------------------------------------------------------*/ .gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li, .gform_wrapper li.gfield.gf_2col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_2col ul.gfield_radio li { width: 50%; float: left; margin: 0 0 8px 0; min-height: 1.8em; } .gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_3col ul.gfield_radio li, .gform_wrapper li.gfield.gf_3col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_3col ul.gfield_radio li { width: 33%; float: left; margin: 0 0 8px 0; min-height: 1.8em; } .gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li { width: 25%; float: left; margin: 0 0 8px 0; min-height: 1.8em; } .gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_5col ul.gfield_radio li { width: 20%; float: left; margin: 0 0 8px 0; min-height: 1.8em; } .gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio, .gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_list_3col ul.gfield_radio, .gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_list_4col ul.gfield_radio, .gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_list_5col ul.gfield_radio, .gform_wrapper li.gfield.gf_2col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_2col ul.gfield_radio, .gform_wrapper li.gfield.gf_3col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_3col ul.gfield_radio { overflow: hidden; } .gform_wrapper li.gfield.gf_list_2col label.gfield_label, .gform_wrapper li.gfield.gf_list_3col label.gfield_label, .gform_wrapper li.gfield.gf_list_4col label.gfield_label, .gform_wrapper li.gfield.gf_list_5col label.gfield_label, .gform_wrapper li.gfield.gf_list_inline label.gfield_label { margin: 10px 0 10px 0; } /* optional height settings for the radio/checkbox columns */ .gform_wrapper li.gfield.gf_list_height_25 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_25 ul.gfield_radio li { height: 25px; } .gform_wrapper li.gfield.gf_list_height_50 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_50 ul.gfield_radio li { height: 50px; } .gform_wrapper li.gfield.gf_list_height_75 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_75 ul.gfield_radio li { height: 75px; } .gform_wrapper li.gfield.gf_list_height_100 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_100 ul.gfield_radio li { height: 100px; } .gform_wrapper li.gfield.gf_list_height_125 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_125 ul.gfield_radio li { height: 125px; } .gform_wrapper li.gfield.gf_list_height_150 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_150 ul.gfield_radio li { height: 150px; } /* radio/checkbox inline list ready classes ------------------------------------------------------*/ .gform_wrapper li.gf_list_inline ul.gfield_checkbox li, .gform_wrapper li.gf_list_inline ul.gfield_radio li { width: auto !important; float: none !important; margin: 0 10px 10px 0; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } /* hide am/pm field ready class ------------------------------------------------------*/ .gform_wrapper li.gf_hide_ampm div.gfield_time_ampm { display: none !important; } /* scrolling text section break ready class ------------------------------------------------------*/ .gform_wrapper li.gsection.gf_scroll_text { height: 180px; width: 96%; overflow: auto; border: 1px solid #CCC; border-bottom: 1px solid #CCC !important; } .gform_wrapper li.gsection.gf_scroll_text h2.gsection_title { margin: 10px 10px 0 10px !important; } .gform_wrapper li.gsection.gf_scroll_text .gsection_description { margin: 10px; font-size: 0.8em; } .gform_wrapper div.gform_ul.gform_fields li.gfield.gsection.gf_scroll_text div.gsection_description ul li, .gform_wrapper form div.gform_ul.gform_fields li.gfield.gsection.gf_scroll_text div.gsection_description ul li { list-style-type: disc !important; margin: 0 0 0.5em; overflow: visible; padding-left: 0; } .gform_wrapper div.gform_ul.gform_fields li.gfield.gsection.gf_scroll_text div.gsection_description ul, .gform_wrapper form div.gform_ul.gform_fields li.gfield.gsection.gf_scroll_text div.gsection_description ul { list-style-type: disc !important; margin: 1em 0 1em 1.5em; padding-left: 0; } .gform_wrapper div.gform_ul.gform_fields li.gfield.gsection.gf_scroll_text div.gsection_description ol li, .gform_wrapper form div.gform_ul.gform_fields li.gfield.gsection.gf_scroll_text div.gsection_description ol li { list-style-type: decimal!important; overflow:visible; margin: 0 0 0.5em; padding-left: 0; } .gform_wrapper div.gform_ul.gform_fields li.gfield.gsection.gf_scroll_text div.gsection_description ol, .gform_wrapper form div.gform_ul.gform_fields li.gfield.gsection.gf_scroll_text div.gsection_description ol { list-style-type: decimal!important; margin: 1em 0 1.5em 2.0em; padding-left: 0; } .gform_wrapper div.gform_ul.gform_fields li.gfield.gsection.gf_scroll_text div.gsection_description ol li ul, .gform_wrapper form div.gform_ul.gform_fields li.gfield.gsection.gf_scroll_text div.gsection_description ol li ul li { list-style-type: disc !important; padding-left: 0; } .gform_wrapper div.gform_ul.gform_fields li.gfield.gsection.gf_scroll_text div.gsection_description ol li ul { margin: 1em 0 1em 1.5em; } .gform_wrapper form div.gform_ul.gform_fields li.gfield.gsection.gf_scroll_text div.gsection_description ol li ul li { margin: 0 0 0.5em; } .gform_wrapper div.gform_ul.gform_fields li.gfield.gsection.gf_scroll_text div.gsection_description dl { margin: 0 0 1.5em 0; padding-left: 0; } .gform_wrapper div.gform_ul.gform_fields li.gfield.gsection.gf_scroll_text div.gsection_description dl dt { font-weight: bold; } .gform_wrapper div.gform_ul.gform_fields li.gfield.gsection.gf_scroll_text div.gsection_description dl dd { margin: 0 0 1em 1.5em; } /* HTML field alert style ready classes ------------------------------------------------------*/ .gform_wrapper li.gfield.gfield_html.gf_alert_green, .gform_wrapper li.gfield.gfield_html.gf_alert_red, .gform_wrapper li.gfield.gfield_html.gf_alert_yellow, .gform_wrapper li.gfield.gfield_html.gf_alert_gray, .gform_wrapper li.gfield.gfield_html.gf_alert_blue { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 20px 0 !important; padding: 20px !important; } .gform_wrapper li.gfield.gfield_html.gf_alert_green { border: 1px solid #97B48A; background-color: #CBECA0; text-shadow: #DFB 1px 1px; color: #030; } .gform_wrapper li.gfield.gfield_html.gf_alert_red { border: 1px solid #CFADB3; background-color: #FAF2F5; text-shadow: #FFF 1px 1px; color: #832525; } .gform_wrapper li.gfield.gfield_html.gf_alert_yellow { border: 1px solid #E6DB55; background-color: #FFFBCC; text-shadow: #FCFAEA 1px 1px; color: #222; } .gform_wrapper li.gfield.gfield_html.gf_alert_gray { border: 1px solid #CCC; background-color: #EEE; text-shadow: #FFF 1px 1px; color: #424242; } .gform_wrapper li.gfield.gfield_html.gf_alert_blue { border: 1px solid #a7c2e7; background-color: #D1E4F3; text-shadow: #E0F1FF 1px 1px; color: #314475; } /* confirmation styles Ready Classes ------------------------------------------------------*/ div.gform_confirmation_wrapper.gf_confirmation_simple_yellow { margin: 30px 0; max-width: 99%; border-top: 1px solid #E6DB55; border-bottom: 1px solid #E6DB55; padding: 2em; background-color: #FFFBCC; color: #424242; font-size: 1.6em; } div.gform_confirmation_wrapper.gf_confirmation_simple_gray { margin: 30px 0; max-width: 99%; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 2em; background-color: #EAEAEA; color: #424242; font-size: 1.6em; } div.gform_confirmation_wrapper.gf_confirmation_yellow_gradient { position: relative; background-color: #FFFBD2; margin: 30px 0; border: 1px solid #E6DB55; -webkit-box-shadow: 0px 0px 5px rgba(221, 215, 131, 0.75); -moz-box-shadow: 0px 0px 5px rgba(221, 215, 131, 0.75); box-shadow: 0px 0px 5px rgba(221, 215, 131, 0.75); } div.gform_confirmation_wrapper.gf_confirmation_yellow_gradient div#gforms_confirmation_message { margin: 0; padding: 40px; max-width: 99%; font-size: 1.8em; border-top: 2px solid #FFF; border-bottom: 1px solid #E6DB55; background-color:#FFFBCC; color:#424242; background: #fffce5; background: -moz-linear-gradient(top, #fffce5 0%, #fff9bf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffce5), color-stop(100%,#fff9bf)); background: -webkit-linear-gradient(top, #fffce5 0%,#fff9bf 100%); background: -o-linear-gradient(top, #fffce5 0%,#fff9bf 100%); background: -ms-linear-gradient(top, #fffce5 0%,#fff9bf 100%); background: linear-gradient(to bottom, #fffce5 0%,#fff9bf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffce5', endColorstr='#fff9bf',GradientType=0 ); } div.gform_confirmation_wrapper.gf_confirmation_green_gradient { position: relative; background-color: #f1fcdf; margin: 30px 0; border: 1px solid #a7c37c; -webkit-box-shadow: 0px 0px 5px rgba(86, 122, 86, 0.4); -moz-box-shadow: 0px 0px 5px rgba(86, 122, 86, 0.4); box-shadow: 0px 0px 5px rgba(86, 122, 86, 0.4); } div.gform_confirmation_wrapper.gf_confirmation_green_gradient div#gforms_confirmation_message { margin: 0; padding: 40px; max-width: 99%; font-size: 1.8em; border-top: 2px solid #effade; border-bottom: 1px solid #a7c37c; background-color:#FFFBCC; text-shadow: #DFB 1px 1px; color: #030; background: rgb(219,242,183); background: -moz-linear-gradient(top, rgba(219,242,183,1) 0%, rgba(180,208,136,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,242,183,1)), color-stop(100%,rgba(180,208,136,1))); background: -webkit-linear-gradient(top, rgba(219,242,183,1) 0%,rgba(180,208,136,1) 100%); background: -o-linear-gradient(top, rgba(219,242,183,1) 0%,rgba(180,208,136,1) 100%); background: -ms-linear-gradient(top, rgba(219,242,183,1) 0%,rgba(180,208,136,1) 100%); background: linear-gradient(to bottom, rgba(219,242,183,1) 0%,rgba(180,208,136,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbf2b7', endColorstr='#b4d088',GradientType=0 ); } div.gform_confirmation_wrapper.gf_confirmation_yellow_gradient:before, div.gform_confirmation_wrapper.gf_confirmation_yellow_gradient:after, div.gform_confirmation_wrapper.gf_confirmation_green_gradient:before, div.gform_confirmation_wrapper.gf_confirmation_green_gradient:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:40%; background: rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.2); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } div.gform_confirmation_wrapper.gf_confirmation_yellow_gradient:after, div.gform_confirmation_wrapper.gf_confirmation_green_gradient:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; } /* ---------------------------------------------------------------- browsers.css Gravity Forms Browser-Specific CSS http://www.gravityforms.com updated: June 3, 2013 5:39 PM Gravity Forms is a Rocketgenius project copyright 2013 Rocketgenius Inc. http: //www.rocketgenius.com this may not be redistributed without the express written permission of the author. NOTE: DO NOT EDIT THIS FILE! MAKE ANY MODIFICATIONS IN YOUR THEME STYLESHEET. THIS FILE IS REPLACED DURING AUTO-UPDATES AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN. If you need to make extensive customizations, copy the contents of this file to your theme style sheet for editing. Then, go to the form settings page & set the 'output CSS' option to no. ---------------------------------------------------------------- */ /* Safari specific rules ------------------------------------------------------*/ .entry .gform_wrapper.gf_browser_safari ul li:before, .entry .gform_wrapper.gf_browser_safari ul li:after { content: ""; } .gform_wrapper.gf_browser_safari .gform_body ul.gform_fields li.gfield .ginput_container #recaptcha_widget_div #recaptcha_area { width: 99% !important; } .gform_wrapper.gf_browser_safari .left_label #recaptcha_area #recaptcha_table, .gform_wrapper.gf_browser_safari .right_label #recaptcha_area #recaptcha_table { margin-left: 32%; } .gform_wrapper.gf_browser_safari .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_safari .gfield_radio li input[type=radio], .gform_wrapper.gf_browser_safari .gfield_checkbox li input { margin-top: 4px; } /* Chrome specific rules ------------------------------------------------------*/ .gform_wrapper.gf_browser_chrome ul li:before, .gform_wrapper.gf_browser_chrome ul li:after, .entry .gform_wrapper.gf_browser_chrome ul li:before, .entry .gform_wrapper.gf_browser_chrome ul li:after { content: none; } .gform_wrapper.gf_browser_chrome .gform_body ul.gform_fields li.gfield .ginput_container #recaptcha_widget_div #recaptcha_area { width: 99% !important; } .gform_wrapper.gf_browser_chrome .left_label #recaptcha_area #recaptcha_table, .gform_wrapper.gf_browser_chrome .right_label #recaptcha_area #recaptcha_table { margin-left: 32%; } .gform_wrapper.gf_browser_chrome .ginput_complex select, .gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select { padding: 5px 0 5px; margin-bottom: 5px; } .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio], .gform_wrapper.gf_browser_chrome .gfield_checkbox li input { margin-top: 4px; } /* Firefox specific rules ------------------------------------------------------*/ .gform_wrapper.gf_browser_gecko ul li:before, .gform_wrapper.gf_browser_gecko ul li:after, .entry .gform_wrapper.gf_browser_gecko ul li:before, .entry .gform_wrapper.gf_browser_gecko ul li:after { content: none; } .gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, .gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield select { margin-left: 2px; } .gform_wrapper.gf_browser_gecko .ginput_complex .ginput_cardinfo_left select.ginput_card_expiration.ginput_card_expiration_month { margin-right: 2px; } .gform_wrapper.gf_browser_gecko select { padding: 5px 0 0 0; } /* Opera specific rules ------------------------------------------------------*/ .gform_wrapper.gf_browser_opera ul li:before, .gform_wrapper.gf_browser_opera ul li:after, .entry .gform_wrapper.gf_browser_opera ul li:before, .entry .gform_wrapper.gf_browser_opera ul li:after { content: none; } .gform_wrapper.gf_browser_opera .ginput_complex .ginput_right select { padding: 5px 0 5px; margin-bottom: 5px; } .gform_wrapper.gf_browser_opera .gform_body ul.gform_fields li.gfield .ginput_container #recaptcha_widget_div #recaptcha_area { width: 99% !important; } .gform_wrapper.gf_browser_opera .left_label #recaptcha_area #recaptcha_table, .gform_wrapper.gf_browser_opera .right_label #recaptcha_area #recaptcha_table { margin-left: 32%; } /* IE specific rules ------------------------------------------------------*/ .gform_wrapper.gf_browser_ie ul li:before, .gform_wrapper.gf_browser_ie ul li:after, .entry .gform_wrapper.gf_browser_ie ul li:before, .entry .gform_wrapper.gf_browser_ie ul li:after { content: none; } .gform_wrapper.gf_browser_ie .gfield_time_hour { width: 80px; } .gform_wrapper.gf_browser_ie .gfield_time_minute { width: 70px; } .gform_wrapper.gf_browser_ie .gfield_time_ampm { padding-top: 2px; } .gform_wrapper.gf_browser_ie .gfield_time_hour input, .gform_wrapper.gf_browser_ie .gfield_time_minute input { margin-left: 0; } .gform_wrapper.gf_browser_ie .ginput_complex .ginput_left label, .gform_wrapper.gf_browser_ie .ginput_complex .ginput_right label { margin: 3px 0 5px 0; } .gform_wrapper.gf_browser_ie .gform_footer input.button { padding: 3px; } .gform_wrapper.gf_browser_ie ul.top_label .clear-multi { overflow: hidden; clear: both; } .gform_wrapper.gf_browser_ie .gfield_radio li { line-height: 1.3em !important; } .gform_wrapper.gf_browser_ie .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_ie .gfield_radio li input[type=radio], .gform_wrapper.gf_browser_ie .gfield_checkbox li input { margin-top: 0; } .gform_wrapper.gf_browser_ie .ginput_complex .ginput_left select, .gform_wrapper.gf_browser_ie .ginput_complex .ginput_right select { padding: 2px 0 2px 0; } .gform_wrapper.gf_browser_ie .gform_body ul.gform_fields li.gfield .ginput_container #recaptcha_widget_div #recaptcha_area { width: 99%!important; } .gform_wrapper.gf_browser_ie .gform_body ul.gform_fields li.gfield .ginput_container #recaptcha_widget_div #recaptcha_area {width: 99%!important} .gform_wrapper.gf_browser_ie .left_label #recaptcha_area #recaptcha_table, .gform_wrapper.gf_browser_ie .right_label #recaptcha_area #recaptcha_table { margin-left: 32%; } .gform_wrapper.gf_browser_ie .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon { position: relative; top: -1px; left: 4px; } /* iPhone specific rules ------------------------------------------------------*/ .gform_wrapper.gf_browser_iphone ul li:before, .gform_wrapper.gf_browser_iphone ul li:after, .entry .gform_wrapper.gf_browser_iphone ul li:before, .entry .gform_wrapper.gf_browser_iphone ul li:after { content: none; } /* rules for other unknown browsers ------------------------------------------------------*/ .gform_wrapper.gf_browser_unknown ul li:before, .gform_wrapper.gf_browser_unknown ul li:after, .entry .gform_wrapper.gf_browser_unknown ul li:before, .entry .gform_wrapper.gf_browser_unknown ul li:after { content: none; }