/*woocommerce default styles*/ .clear{clear:both;} .nobr{white-space:nowrap;} div.woocommerce-error,div.woocommerce-message{margin:10px 0px;padding:10px 10px 10px 32px;background-repeat:no-repeat;background-position:10px center;}div.woocommerce-error a.button,div.woocommerce-message a.button{margin-top:0;float:right;} p small{} p.demo_store{position:fixed;top:0;width:100%;font-size:12px;text-align:center;background:-webkit-gradient(linear, left top, left bottom, from(#f7f5c6), to(#eeeac1));background:-webkit-linear-gradient(#f7f5c6, #eeeac1);background:-moz-linear-gradient(center top, #f7f5c6 0%, #eeeac1 100%);background:-moz-gradient(center top, #f7f5c6 0%, #eeeac1 100%);padding:8px 0;z-index:999999;box-shadow:inset 0 0 0 3px rgba(255, 255, 255, 0.3);} small.note{display:block;font-size:11px;line-height:21px;margin-top:10px;} #breadcrumb{overflow:hidden;zoom:1;margin:0 0 1em;padding:0;font-size:0.92em;}#breadcrumb a{} div.product{position:relative;margin-bottom:0;}div.product .product_title{clear:none;} div.product p.price{color:#7E9A47;font-size:1.3em;}div.product p.price del{font-size:14px; color:#8B2121;} div.product p.stock{font-size:0.92em;padding:2px 0 0 0;} div.product div.images{float:left;width:47%;}div.product div.images img{padding:6px;display:block;width:100%;height:auto;} div.product div.images div.thumbnails{padding-top:10px;zoom:1;}div.product div.images div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;}div.product div.images div.thumbnails a img{width:100%;height:auto;} div.product div.images div.thumbnails a.last{margin-right:0;} div.product div.images div.thumbnails a.first{clear:both;} div.product div.summary{float:right;width:48%;} div.product div.social{text-align:right;margin:0 0 1em;}div.product div.social span{margin:0 0 0 2px;}div.product div.social span span{margin:0;} div.product div.social span .stButton .chicklets{padding-left:16px;width:0;} div.product div.social iframe{float:left;margin-top:3px;} div.product .woocommerce-tabs{clear:both;padding:1em 0 0 0;margin:0 0 1em 0;}div.product .woocommerce-tabs ul.tabs{border-top-left-radius:2px;border-top-right-radius:2px;overflow:hidden;zoom:1;margin:0;padding:4px 4px 0;list-style:none outside;}div.product .woocommerce-tabs ul.tabs li{float:left;margin:0;font-size:0.92em;} div.product .woocommerce-tabs ul.tabs{position: relative; top:1px; z-index: 10;} #top div div.product .woocommerce-tabs ul.tabs li.active a{border-style:solid; border-width: 1px; border-bottom: none; padding: 9px 12px 10px 12px; position: relative; } div.product .woocommerce-tabs ul.tabs li.active {position: relative; } div.product .woocommerce-tabs .panel{padding:15px 15px 0;border-bottom-left-radius:3px;border-bottom-right-radius:3px;} .js_active .woocommerce-tabs .panel{display:none;} .stock{color:#7E9A47;} .out-of-stock{color:#8B2121;} p.cart{float:right;} form.cart{margin-bottom:24px;overflow:hidden;zoom:1;}form.cart div.quantity{float:left;margin:0 4px 0 0;} form.cart table{font-size:12px;}form.cart table td{padding:4px 4px 4px 0;} form.cart table div.quantity{float:none;margin:0;width:72px;} form.cart table small.stock{display:block;float:none;} form.cart .variations label{font-weight:bold;} form.cart .variations select{width:100%;float:left;} form.cart .button{vertical-align:middle;float:left;margin:2px 0;} span.onsale{background:#7E9A47;min-height:32px;min-width:32px;padding:4px;font-size:12px;position:absolute;text-align:center;line-height:32px;top:6px;left:6px;margin:0;border-radius:20px;} .products ul,ul.products{margin:0 0 14px;padding:0;list-style:none;} .related,.upsells.products{overflow:hidden;zoom:1;}.related ul.products,.upsells.products ul.products,.related ul,.upsells.products ul{float:none;}.related ul.products li,.upsells.products ul.products li,.related ul li,.upsells.products ul li{width:48%;}.related ul.products li img,.upsells.products ul.products li img,.related ul li img,.upsells.products ul li img{width:100%;height:auto;} ul.products{clear:both;margin-left:0;padding-left:0;}ul.products li{float:left;margin:0 3.8% 20px 0;padding:0;position:relative;width:22.05%;margin-left:0;}ul.products li .onsale{top:0;right:0;left:auto;margin:-6px -6px 0 0;} div .products li a, div .product a{text-decoration:none;} ul.products li a img{width:100%;height:auto;display:block;margin:0 0 8px;} ul.products li a:hover img{} ul.products li strong{display:block;} ul.products li .price{color:#7E9A47;display:block;font-weight:normal;}ul.products li .price del{font-size:10px;line-height:10px;margin:-2px 0 0 0;display:block;} ul.products li .price .from{font-size:10px;line-height:10px;margin:-2px 0 0 0;display:block;} ul.products li.first{clear:both;} ul.products li.last{margin-right:0;} .woocommerce-ordering{margin-bottom:24px;} a.button.loading,button.button.loading,input.button.loading,#review_form #submit.loading{filter:alpha(opacity=@opacity * 100);opacity:0.5;}a.button.loading:before,button.button.loading:before,input.button.loading:before,#review_form #submit.loading:before{content:"";position:absolute;height:16px;width:16px;top:0.35em;right:-26px;text-indent:0;} a.button.added:before,button.button.added:before,input.button.added:before,#review_form #submit.added:before{content:"";position:absolute;height:16px;width:16px;top:0.35em;right:-26px;text-indent:0;} a.button:hover,button.button:hover,input.button:hover,#review_form #submit:hover{text-decoration:none;} .cart .button, .cart input.button { float: none; border-bottom-style: solid; border-bottom-width: 1px; } .woocommerce-page .button{min-width:110px; padding:15px;line-height:1em;margin:4px 2px 0 0;float:left;font-size:12px;width:auto;vertical-align:middle;text-align:center;text-decoration:none;border:none;cursor:pointer;font-family:inherit;border-radius:2px;} .button.alt:hover{} #reviews h2 small{float:right;font-size:15px;line-height:21px;margin:10px 0 0 0;}#reviews h2 small a{text-decoration:none;} #reviews h3{margin:0;} #reviews #respond{margin:0;border:0;padding:0;} #reviews #comment{height:75px;} #reviews #comments .add_review{overflow:hidden;zoom:1;} #reviews #comments h2{clear:none;} #reviews #comments ol.commentlist{overflow:hidden;zoom:1;margin:0;width:100%;background:none;} #reviews #comments ol.commentlist li{padding:00;margin:0 0 20px;border:0;position:relative;background:0;border:0;}#reviews #comments ol.commentlist li .meta{font-size:0.75em;} #reviews #comments ol.commentlist li .comment-text{margin:0 0 0 50px;border-radius:5px;padding:11px 11px 0;}#reviews #comments ol.commentlist li .comment-text p{margin:0 0 11px;} #reviews #comments ol.commentlist li .comment-text p.meta{font-size:0.86em;} .star-rating{float:right;width:80px;height:16px;background:url(images/star.png) repeat-x left 0;}.star-rating span{background:url(images/star.png) repeat-x left -32px;height:0;padding-top:16px;overflow:hidden;float:left;} #reviews .star-rating{margin:10px 0 0 0;} #review_form #respond{overflow:hidden;zoom:1;margin:0;padding:10px 20px 20px;}#review_form #respond p{margin:0 0 10px;} p.stars{overflow:hidden;zoom:1;}p.stars span{width:80px;height:16px;position:relative;float:left;background:url(images/star.png) repeat-x left 0;}p.stars span a{float:left;position:absolute;left:0;top:0;width:16px;height:0;padding-top:16px;overflow:hidden;} p.stars span a:hover,p.stars span a:focus{background:url(images/star.png) repeat-x left -16px;} p.stars span a.active{background:url(images/star.png) repeat-x left -32px;} p.stars span a.star-1{width:16px;z-index:10;} p.stars span a.star-2{width:32px;z-index:9;} p.stars span a.star-3{width:48px;z-index:8;} p.stars span a.star-4{width:64px;z-index:7;} p.stars span a.star-5{width:80px;z-index:6;} table.shop_attributes th{width:150px;font-weight:bold;padding:8px;margin:0;line-height:1.5em;} table.shop_attributes td{font-style:italic;padding:0;margin:0;line-height:1.5em;}table.shop_attributes td p{margin:0;padding:8px;} table.shop_attributes .alt td,table.shop_attributes .alt th{} table.shop_table{margin:0px -1px 24px 0px;text-align:left;width:100%;border-radius:5px;}table.shop_table th{font-size:12px;font-weight:bold;line-height:18px;padding:9px 12px;} table.shop_table td{padding:6px 12px;vertical-align:middle;}table.shop_table td a.button{margin:0 3px;} table.shop_table tfoot td{font-weight:bold;} table.my_account_orders{font-size:0.85em;}table.my_account_orders th,table.my_account_orders td{padding:4px 8px;vertical-align:top;} table.my_account_orders .button{white-space:nowrap;margin:4px 0;} table.cart img{width:32px;height:auto;} ul.cart_list,ul.product_list_widget{list-style:none outside;padding:0;margin:0;}ul.cart_list li,ul.product_list_widget li{padding:4px 0;margin:0;overflow:hidden;zoom:1;}ul.cart_list li a,ul.product_list_widget li a{display:block;font-weight:bold;} ul.cart_list li img,ul.product_list_widget li img{float:left;margin-right:4px;width:32px;height:auto;} .widget_shopping_cart .total{border-top:3px double #ddd;padding:4px 0 0;margin:0;}.widget_shopping_cart .total strong{min-width:40px;display:inline-block;} .widget_shopping_cart .buttons{overflow:hidden;zoom:1;} a.remove{display:block;height:16px;width:16px;text-indent:-9999px;background:url(../images/remove.png) #cccccc;} a.remove:hover{background-} .cart th,.cart td{vertical-align:middle;} td.actions{text-align:right;}td.actions .coupon{float:left;}#top td.actions .coupon label{display:none;} td.actions .coupon .input-text{width:80px;float:left;margin:1px 6px 0 0;} td.actions .button.alt{float:right;margin:2px 0 0 6px;} td.product-name dl.variation{margin:0;}td.product-name dl.variation dt{font-weight:bold;display:inline;margin:0 4px 0 0;padding:0;} td.product-name dl.variation dd{display:inline;margin:0 12px 0 0;padding:0;} td.quantity{min-width:80px;} .quantity input{margin-left:0;margin-right:0;} .quantity input.qty{width:20px;display:inline;padding:1px 5px 2px;line-height:1em;vertical-align:middle;margin:0;} .quantity input.plus,.quantity input.minus{padding:4px;vertical-align:middle;line-height:1em;border:none;width:20px;cursor:pointer;margin:0;display:inline;border:0;} .quantity input.minus{border-top-left-radius:5px;border-bottom-left-radius:5px;} .quantity input.plus{border-top-right-radius:5px;border-bottom-right-radius:5px;float:none;} .quantity input.minus:hover,.quantity input.plus:hover{} .cart input{width:100px;margin:0;vertical-align:middle;line-height:1em;} .col2-set{overflow:hidden;zoom:1;width:100%;}.col2-set .col-1{float:left;width:48%;} .col2-set .col-2{float:right;width:48%;} .cart-collaterals h2{font-size: 14px; text-align: left; float:none;} .cart-collaterals{overflow:hidden;zoom:1;width:100%;}.cart-collaterals .related{width:30.75%;float:left;} .cart-collaterals .cross-sells{width:100%;float:left;}.cart-collaterals .cross-sells ul.products{float:none;}.cart-collaterals .cross-sells ul.products li{width:24.25%;} #top .cross-sells .content{width:100%; padding:0; margin:0;} .cart-collaterals .shipping_calculator{width:48%;text-align:right;overflow:hidden;zoom:1;margin:20px 0 0 0;clear:right;float:right;}.cart-collaterals .shipping_calculator .button{width:100%;float:none;display:block;} .cart-collaterals .shipping_calculator .col2-set .col-1,.cart-collaterals .shipping_calculator .col2-set .col-2{width:47%;} .cart-collaterals .cart_totals{float:right;width:48%;text-align:right;}.cart-collaterals .cart_totals p{margin:0;} .cart-collaterals .cart_totals table{border-radius:5px;margin:0 0 6px;padding:0;}.cart-collaterals .cart_totals table tr:first-child th,.cart-collaterals .cart_totals table tr:first-child td{border-top:0;} .cart-collaterals .cart_totals table td,.cart-collaterals .cart_totals table th{padding:6px 12px;} .cart-collaterals .cart_totals table small{display:block;} #top .cart-collaterals .cart_totals table select, #top.woocommerce-page select{width:95%; min-width: 0; margin:0;} .cart-collaterals .cart_totals .discount td{ } .cart-collaterals .cart_totals tr td,.cart-collaterals .cart_totals tr th{padding:6px 24px;} .cart-collaterals .cart_totals a.button.alt{width:193px;display:block;font-size:0.92em;} #top .form-row{zoom:1;padding:3px 0;margin:0 0 10px;} #top .form-row label{display:block;} #top .form-row label.hidden{visibility:hidden;} #top .form-row select{width:100%;cursor:pointer;margin:0;min-width:100px;} #top .form-row .required{font-weight:bold;} #top .form-row .input-checkbox{display:inline;margin:-2px 8px 0 0;text-align:center;vertical-align:middle;} #top .form-row label.checkbox{display:inline;} form .form-row input.input-text,#content .form-row input.input-text,form .form-row textarea,#content .form-row textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;box-shadow:inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);width:100%;padding:6px;margin:0;outline:0;background:#fff none;font-size:14px;line-height:1em;} form .form-row textarea,#content .form-row textarea{height:3.5em;line-height:1.5em;display:block;box-shadow:none;} .form-row-first,.form-row-last{float:left;width:47%;overflow:visible;} .form-row-last{float:right;} #top form.login, #top form.register{padding:20px;margin:20px 0 20px 0px;text-align:left;border-radius:5px;border-style: solid;border-width: 1px;} #top #payment{border-radius:5px; border-style: solid;border-width: 1px;} #top #payment ul.payment_methods{overflow:hidden;zoom:1;text-align:left;padding:1em;margin:0;list-style:none outside;} #top #payment ul.payment_methods li{line-height:2em;text-align:left;margin:-1px 0 0 0;font-weight:normal; border-style: solid;border-width: 1px; padding:15px;} #top #payment ul.payment_methods li input{margin:0 1em 0 0;} #top #payment ul.payment_methods li img{vertical-align:middle;margin:-1px 0 0 0.5em;position:relative;} #top #payment div.form-row{padding:1em;} #top #payment label{display:inline;} #top #payment #place_order{float:none;margin:0 auto;} #top #payment .terms{padding:0 1em 0;text-align:right;} #top #payment div.payment_box{position:relative;width:90%;box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;padding:1em 28px;margin:0 0 0 0;font-size:0.92em; left:-2px} #payment div.payment_box #cc-expire-month,#payment div.payment_box #cc-expire-year{width:48%;float:left;} #top #payment div.payment_box #cc-expire-year{float:right;} #top #payment div.payment_box span.help{font-size:11px;line-height:13px;font-weight:normal;} #top #payment div.payment_box p,#payment div.payment_box .form-row{padding:0 0 1em; margin:0;} /* #payment div.payment_box:after{content:"";display:block;border:8px solid;border-right-color:transparent;border-left-color:transparent;border-top-color:transparent;position:absolute;top:24px;left:-23px;margin:-1em 0 0 2em;} */ div.shipping-address{padding:0;clear:left;} #top #shiptobilling{float:right;line-height:1.62em;margin:0 0 0 0;padding:0;} #top #shiptobilling label{font-size:0.6875em;} .checkout .col-2 h3{float:left;clear:none; margin-top: 0;} .checkout .col-2 .notes{clear:left;} .checkout .col-2 .form-row-first{clear:left;} #top .checkout .col-1, #top .checkout .col-2{background: transparent;} .order_details{overflow:hidden;zoom:1;margin:0 0 1.5em;list-style:none;}.order_details li{float:left;margin-right:2em;text-transform:uppercase;font-size:0.715em;line-height:1em;border-right:1px dashed #ccc;padding-right:2em;}.order_details li strong{display:block;font-size:1.4em;text-transform:none;line-height:1.5em;} .order_details li.method{border:none;} .addresses .title{overflow:hidden;zoom:1;}.addresses .title h3{float:left;} .addresses .title .edit{float:right;} ol.commentlist.notes li.note p.meta{font-weight:bold;margin-bottom:0;} ol.commentlist.notes li.note .description p:last-child{margin-bottom:0;} #customer_details{padding-bottom:40px;} #payment{margin-top:40px;} td select{margin:0; min-width:100px;} .template-search-none>p{display:none;} .term-description{position: relative; clear: both; margin-bottom:10px; font-size: 12px;} .slideshow_container + .term-description{ top:-18px;} /*JS fanciness*/ .pointer_arrow{ height:20px; width:20px; position: absolute; top:-10px; left:50%; -ms-transform:rotate(45deg); /* IE 9 */ -moz-transform:rotate(45deg); /* Firefox */ -webkit-transform:rotate(45deg); /* Safari and Chrome */ transform:rotate(45deg); } .pointer_arrow_wrap{ position: absolute; width:20px; height:10px; top:-13px; left:50%; margin-left:-11px; overflow: hidden; } .pointer_arrow_wrap .pointer_arrow{ left:0; top:6px; } /*cart dropdown*/ .cart_dropdown { position: absolute; right: -60px; height: 47px; width: 47px; line-height: 47px; text-decoration: none; text-align: center; top: 50%; margin: -24px 0 0 0; border-radius: 2px; border-style: solid; border-width:1px; font-weight: normal; z-index: 101; -webkit-transition: all ease-in-out 0.8s; -moz-transition: all ease-in-out 0.8s; transition: all ease-in-out 0.8s; } .html_boxed .cart_dropdown{ position: fixed; top:24px; margin: 0; z-index: 300; } .bottom_nav_header #header_main{z-index: 2000;} .bottom_nav_header #header_meta{z-index:2001; } .cart_dropdown.visible_cart{ right: -2px; } .cart_dropdown_first{ line-height: 38px; padding:0; } .cart_dropdown_first .cart_dropdown_link { display: block; padding: 0 0 0 0; text-decoration: none; line-height: 45px; font-size: 15px; position: relative; z-index: 10; } #top .cart_list.product_list_widget{ background: transparent; } .cart_dropdown_first .cart_subtotal{ display: block; float: left; } .cart_dropdown .dropdown_widget { clear: both; position: absolute; right: 7px; top: 0; width: 280px; line-height: 18px; display: none; padding-top: 54px; } .cart_dropdown .dropdown_widget .widget_shopping_cart_content{ padding:0; box-shadow: 0 10px 15px rgba(0,0,0,0.1); overflow: hidden; border-style: solid; border-width: 1px; text-align: left; border-radius: 2px; } .cart_dropdown .dropdown_widget .avia-arrow { top: 49px; left: auto; margin-left: 0; border-bottom:none; border-right:none; right: 10px; } .cart_dropdown_first:hover .dropdown_widget{ display: block; } .dropdown_widget .cart_list{ border:none; } div .dropdown_widget .cart_list li{ padding:10px 12px; border-bottom-width:1px; border-bottom-style: dotted; border-top: none; font-size: 11px; } .dropdown_widget .cart_list li.empty{ border-bottom: none; text-align: center; font-weight: bold; color:#222; } .dropdown_widget .cart_list li:nth-child(even){ /* background: #f8f8f8; */ } .dropdown_widget ul.cart_list li a{ display: block; font-weight: bold; float: none; text-decoration: none; } .dropdown_widget ul.cart_list li a img{ float:right; display: block; background: #fff; border:1px solid #e1e1e1; padding:2px; margin: 0 0 0 10px; width:55px; height:auto; } .dropdown_widget .quantity{ overflow: hidden; } #top .dropdown_widget .total{ border:none; } .dropdown_widget .buttons{ border-top-style: solid; border-top-width: 1px; } .cart_dropdown .dropdown_widget .widget_shopping_cart_content p{ padding:10px; margin:0; overflow: hidden; } #top .dropdown_widget .buttons .button{ width:43%; float: left; margin:0; background: transparent; padding:2px; font-weight: 600; text-align: center; } #top .dropdown_widget .buttons .button.checkout{ float:right; } #top .update_succes{ margin: 0px 10px; } dl.variation{ padding:0; margin:0; } dl.variation dt{ padding:0; margin:0; } dl.variation dd{ padding:0; margin: 0 0 0 3px; font-weight: bold; color:#777; } /************************************************************************ overwrite theme and framework css rules *************************************************************************/ .animator2{ -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } .animator3, .thumbnail_container{ -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; transition: all linear 0.3s; } #top .screen-reader-text{ display: none; } #top .form-row label.hidden { visibility: hidden; display:block; position: relative; } .products .product h3, .products .product h4, .products .product h5, .products .product h6 { padding-top:5px; font-size: 13px; line-height: 18px; font-weight: normal; margin:0; } #top .onsale { background: rgba(0, 0, 0, 0.8); z-index: 10; color: #FFF; background: #7E9A47; top: 17px; right: 8px; left: auto; margin: 0; min-width: 40px; } ins{ text-decoration: none; } #top .price, #top .price span, #top del, #top ins{ display: inline; text-decoration: none; font-size: 15px; line-height: 24px; font-weight: 600; } #top .price, div .stock{ color: #7E9A47; } #top .price .from{ font-weight: normal; padding-right:2px; } #top #wrap_all ins{ color:#7E9A47; } #top #wrap_all del{ text-decoration: line-through; font-weight: normal; color: #8B2121; } #top #wrap_all ins:before { content: "\2219"; /*bullet*/ text-decoration: none; display: inline-block; padding:0 7px 0 3px; font-size: 20px; line-height: 12px; } #top .product_excerpt, #top .product_excerpt:hover{ font-size: 12px; text-decoration: none; } /************************************************************************ Thumbnail *************************************************************************/ .single-product-main-image .thumbnails{ margin-top:10px; width:104%; } #top .single-product-main-image .thumbnails a { float: left; width: 31.3%; margin: 0 4px 4px 0; clear: none; position: relative; padding:4px; } .single-product-main-image .images > a{ border-radius: 2px; } .single-product-main-image img{display:block;} #top .single-product-main-image .onsale{ top: 7px; right: 7px; } .template-shop .single-product-main-image .images a {border-style: solid; border-width:1px;} .lightbox_image, .image_overlay_effect_inside{ border-radius: 3px; } .cart-loading{ border-radius: 100px; position: absolute; height:60px; width:60px; left:50%; top:48%; margin:-30px 0 0 -30px; background: url(images/loading-light.gif) no-repeat center center #fff; display: none; opacity: 0.9; -webkit-backface-visibility: hidden; /* fixes webkit flickering after transitions*/ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); } .adding-to-cart-loading:hover .cart-loading{ display:block; opacity: 0.9; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); } #top .added-to-cart-check .cart-loading{ -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); background: url(images/icons-shop-added.png) no-repeat center center #fff; } #top .added-to-cart-check:hover .cart-loading{ display:block; opacity: 0.9; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; transition-delay: 300ms; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); } .avia_transform .added-to-cart-check .cart-loading{ display: block; opacity: 0; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; transition-delay: 300ms; } .thumbnail_container .rating_container .star-rating{ float: none; margin:0 auto; } /*Product overview*/ #top .woocommerce-ordering{ position: absolute; right:0; margin:0; z-index: 20; top: 50%; margin-top: -23px; width:25%; min-width:200px; } .template-shop .page-title{display:none;} .products .product.first { clear: both; } #top .products .product.last, #top #main .products .product.last { margin-right: 0; } div .products .product { float: left; margin: 0 1% 1% 0; padding: 0; position: relative; width: 24.25%; margin-left: 0; } div .products .product a, div .products .product a img{ display:block; overflow: hidden; border-radius: 1px; } div .products .product a:hover{ text-decoration: none; } .shop_columns_5 .products .product { margin: 0 1% 1% 0; width: 19.2%; } .shop_columns_3 .products .product { margin: 0 1% 1% 0; width: 32.6%; } .shop_columns_2 .products .product { width: 49.5%; } #top .inner_product_header{ padding: 10px 15px 15px; clear: both; position: relative; border-top-style: solid; border-top-width:1px; min-height: 91px; } .inner_product_header .avia-arrow{border-bottom: none; border-right: none; z-index: 1000; top:-5px; margin-left: -6px;} #top .product_on_sale .inner_product_header{ padding-right:47px; } .thumbnail_container .rating_container{ padding:5px; width:100px; position: absolute; bottom: 20px; background: rgba(0,0,0,0.2); border-radius: 3px; left:50%; margin-left:-50px; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .inner_product:hover .rating_container{ opacity: 1; } .thumbnail_container { display: block; position: relative; overflow: hidden; } .thumbnail_container_inner{ display: block; position: relative; overflow: hidden; } #top .thumbnail_container img{ margin:0; display:block; width: 100%; height:auto; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .avia_cart_buttons{ width:100%; z-index: 9; padding: 0; position: relative; -webkit-perspective: 1000px; /*fix webkit flickering bug*/ -webkit-backface-visibility: hidden; } /* .avia_cart_buttons{ width:100%; z-index: 9; padding: 0; position: absolute; bottom:0; z-index: 1000; left:0; padding:7px; border-style: solid; border-width: 1px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } */ #top .avia_cart_buttons .button{ min-width:50px; float:left; width:49%; text-align: center; border-radius: 0px; padding:11px 2px; font-size: 11px; font-weight: 600; line-height: 15px; margin:0; } #top .avia_cart_buttons .button:last-child{ float:right; } #top #wrap_all .single_button .button, #top #wrap_all .shop_columns_5 .avia_cart_buttons .button{ margin: 0 auto; float: none; min-width: 75px; width:100%; } .avia_cart_buttons{ opacity: 0.2; border-top-width: 1px; border-top-style: solid; padding:10px; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .inner_product:hover .avia_cart_buttons{ opacity: 1;} .inner_product{ border-style: solid; border-width: 1px; border-radius:2px; overflow: hidden; } .alternate_color .inner_product{ border-radius:3px; } #top .avia_cart_buttons .button{ background: transparent; padding:3px 3px; } #top .avia_cart_buttons .button > span{ font-size: 14px; position: relative; top:1px; font-weight: normal; } .button-mini-delimiter { position: absolute; border-left-style: solid; border-left-width: 1px; left: 50%; height: 14px; top: 50%; margin-left: -4px; margin-top: -6px; } /*single product*/ .single-product .template-shop{padding-top: 50px; } #top .price_container{ position: relative; } #top .price_container .price, #top .price_container .price ins{ font-size: 15px; font-weight: normal; } .template-shop .images a{ display: block; position: relative; padding: 5px; } #top .template-shop .images a img{ display: block; position: relative; border:0; padding:0; } .template-shop div.product div.images{ width:100%; float: none; margin:0; } .template-shop div.product div.summary{ width:100%; float: none; } .summary .cart{ float:none; clear: both; position: relative; z-index: 2; } .template-shop .product_meta{ clear:both; font-size: 11px; position: relative; top:8px; } /*single sidebar*/ #top .product div.images img { display: block; width: 100%; height: auto; } #top .variations_form, #top div.product .woocommerce-tabs .panel{ border-style: solid; border-width:1px; } /**single tabs**/ #top div.product .woocommerce-tabs { clear: both; padding: 50px 0 0 0; margin: 0 0 30px 0; } #top .woocommerce-tabs h2{font-size: 16px;} #top .woocommerce-tabs .tabs li a{ cursor:pointer; margin:0 -1px 0 0; display: block; float: left; z-index: 2; position: relative; padding:12px 16px; top:1px; font-size: 11px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-style: solid; border-width:1px; } #top .woocommerce-tabs .tabs li.active{ z-index: 4; position: relative; font-weight: bold; } #top .woocommerce-tabs .tabs li:first-child a{ border-top-left-radius: 2px; } #top .woocommerce-tabs .tabs li:last-child a{ border-top-right-radius: 2px; } #top div div.product .woocommerce-tabs ul.tabs li a { white-space: pre; border-style: solid; border-width: 1px; border-bottom: none; padding: 9px 12px 10px 12px; position: relative; } #top div.product .woocommerce-tabs ul.tabs { border-bottom:none; overflow: visible; width:100%; float:left; zoom: 1; margin: 0; padding: 0; list-style: none outside; } #top div.product .woocommerce-tabs ul.tabs a{ float: left; padding: 10px 12px 10px 12px; background: transparent; text-decoration: none; } #top div div.product .woocommerce-tabs .panel { padding: 15px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; overflow: hidden; } /*related/cross/up sells*/ .related.products, .upsells.products { zoom: 1; clear: both; overflow: visible; } #top .related.products .content, #top .upsells.products .content{ width:100%; float: none; clear: both; padding:0; margin:0; } #top .product_column_2 .products .product { width: 49.5%; margin: 0 1% 1% 0; } #top .product_column_3 .products .product { margin: 0 1% 1% 0; width: 32.6%; } #top .product_column_4 .products .product { margin: 0 1% 1% 0; width: 24.25%; } #top .product_column_5 .products .product { margin: 0 1% 1% 0; width: 19.2%; } #top .related.products h2, #top .upsells.products h2{ font-size: 18px; } .single .product_column { margin: 30px 0; clear: both; float: left; width: 100%; } /*profile pages, checkout etc*/ .col-1, .col-2{ position: relative; border-radius: 3px; } .addresses.col2-set .col-1, .addresses.col2-set .col-2{ border-style: solid; border-width:1px; padding:12px; width:44%; } .fullsize .addresses.col2-set .col-1, .fullsize .addresses.col2-set .col-2{ width:46%; } .col2-set .col-1 h3, .col2-set .col-2 h3{ padding:2px; } .shipping_address{ clear:both; } #top .order_details li { float: left; margin:0 2em 7px 0; text-transform: uppercase; font-size: 0.715em; line-height: 1em; border-right: 1px dotted #CCC; padding:0 2em 0 0; list-style-position: outside; list-style-type: none; } #top #main .order_details { overflow: hidden; zoom: 1; margin: 0 0 1.5em; list-style: none; padding: 20px 20px 13px 20px; border-style: solid; border-width: 1px; border-radius: 2px; } #top #main .shop_table.order_details{ border-collapse: separate; padding:5px; } table.my_account_orders th, table.my_account_orders td { padding: 4px 8px; vertical-align: top; line-height: 25px; } div table.shop_attributes td p { margin: 0; padding: 0; } div table.shop_attributes td { font-style: italic; padding: 8px; border:none; margin: 0; line-height: 1.5em; } div table.shop_attributes { border:none; } div table.shop_table td { padding: 6px 12px; vertical-align: middle; } #top table.shop_table .actions .button{ min-width:182px; width:182px; margin:3px 0 3px 7px; } td.actions .coupon{ width:410px; } #top table.shop_table .actions .coupon .button{ width:200px; margin:3px 0; padding-left:0; padding-right:0; } .cart-collaterals .cross-sells { width: 100%; float: left; border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 40px; margin-bottom: 40px; } .cart-collaterals .shipping_calculator { width: 48%; text-align: right; overflow: hidden; zoom: 1; margin: 0px 0 0 0; clear: right; float: right; } .cart_totals table{ border-top-style: solid; border-top-width: 1px; } #top div td.actions .button.alt { float: right; margin: 3px 0 3px 6px; } div table.shop_attributes th { width: 100px; font-weight: bold; padding: 8px; border:none; margin: 0; line-height: 1.5em; } .cart-collaterals .cart_totals { margin: 0px 0 0 0; clear:both; float:left; } .cross-sells{ padding-top:50px; margin-top:50px; border-top-style: solid; border-top-width: 1px; } .cross-sells h2{ font-size: 14px; text-align: left; float: none; } form.cart { margin-bottom: 44px; overflow: hidden; zoom: 1; } div form.cart table { font-size: 12px; width: 100%; text-align: center; margin:10px 0; } #top div form.cart table .price{ display: table-cell; } table div.quantity { float: none; margin: 0 auto; width: 130px; } div form.cart div.quantity { float: left; margin: 0 3% 0 0; min-width:130px; } form.cart .group_table div.quantity { float: none; margin: 0 auto; } td.product-quantity{min-width:85px;} div .cart-collaterals .cart_totals table { border-collapse: collapse; padding: 0; margin:10px 0; } #top .variations_form{ margin-bottom:0px; border-radius: 2px; padding: 0 15px; position: relative; overflow: visible; } #top .variations_form > table{margin:20px 0;} .reset_variations{ height:11px; line-height: 11px; font-size: 11px; position: absolute; right:0; bottom:-25px; } #top .variations{ border:none; background: transparent; margin:0; } #top .variations select{ min-width:100px; } #top .variations td{ padding:4px 10px; border:none; vertical-align: top; } #top .variations td.label{ width:77px; } #top .variations .label label{ margin-top: 5px; text-align: right; } .single_variation_wrap{overflow: hidden; display:block; margin: 10px 0px 20px 90px;} div.variations_button{ overflow: hidden; width:100%; } div.variations_button .button{ margin:0; } #top .variations td:nth-child(2){ text-align: left; } div a.remove { display: block; height: 18px; width: 18px; text-indent: -9999px; background: url(images/remove.png) #CCC; border-radius: 100px; border-style: solid; border-width: 1px; } .summary .cart { margin-bottom: 0; } /*form elements*/ #top div form .form-row textarea, #top div #content .form-row textarea { height: 14em; line-height: 1.5em; display: block; box-shadow: none; } #top div #shiptobilling label { font-size: 11px; } .entry-content-wrapper .avia_style_wrap { padding:0; } .entry-content-wrapper .avia_select_unify{ border-radius: 0; width:100%; border-width: 1px; border-style: solid; } .entry-content-wrapper .avia_style_wrap{ width:100%; } #top div form .form-row input.input-text, #top div #content .form-row input.input-text, #top div form .form-row textarea, #top div #content .form-row textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: none; width: 100%; padding: 8px 6px; margin: 0; outline: 0; font-size: 12px; font-family: 'Open Sans',sans-serif; line-height: 18px; } #top .chzn-single { height: 36px; line-height: 35px; } #top .chzn-single div b { background-position: 0 4px!important; } #payment ul li{ list-style-type: none; } #payment img{display:inline-block;} #top .my_account_orders a.button{ padding: 7px 12px; } #top div .quantity input.plus, #top div .quantity input.minus { padding: 0; vertical-align: middle; line-height: 41px; border: none; width: 43px; height: 43px; cursor: pointer; margin: 0; display: inline; border: 0; border-radius: 0; -webkit-appearance: none; background-color: #F8F8F8; border: 1px solid #E1E1E1; color: #666; background-image: url("../images/layout/bg-button.png"); background-repeat: repeat-x; } #top div .quantity input.qty { height: 43px; width: 43px; display: inline; padding: 0px 5px 0px; line-height: 41px; vertical-align: middle; margin: 0; border-left: none; border-right: none; text-align: center; } #top div td.actions .coupon .input-text { width: 200px; float: left; margin: 3px 3px 3px 0; font: 12px/1.7em 'Open Sans',sans-serif; line-height: 17px; padding: 11px; border-radius: 2px; } #top .actions .button[name="update_cart"] { float: right; margin-right: 0; } #top .actions .checkout-button.button.alt{ min-width:162px; } /*sort parameter frontend interface*/ div .product-sorting{ width:100%; float:left; padding-bottom: 30px; position: relative; z-index: 9999; } div .product-sorting ul, div .product-sorting li{ list-style-position: outside; list-style-type: none; margin:0 2px 0 0; } .sort-param{ float:left; position: relative; z-index: 100; margin:0 13px 13px 0; padding:0; font-size: 11px; -webkit-perspective: 1000px; /*fix webkit flickering bug*/ -webkit-backface-visibility: hidden; } .sort-param-order{ margin-right:3px; } .sort-param:hover{ z-index: 101; } .sort-param li{ position: relative; margin: 0; } .sort-param > li > span, .sort-param > li > a{ border-width:1px; border-style:solid; display:block; line-height: 31px; background-image: url("../images/layout/bg-button.png"); background-repeat: repeat-x; background-position: top left; } .sort-param > li:hover > a{ box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1); } .sort-param > li > span{ padding:0px 40px 0px 10px; cursor: default; background: transparent url('images/arrow_down.png') right center no-repeat; } .sort-param > li > a{ width:33px; overflow: hidden; height:33px; text-indent: 200%; background: transparent url('images/arrow_up_down.png') center -1px no-repeat; } .sort-param .sort-param-asc{ background: transparent url('images/arrow_up_down.png') center -28px no-repeat; } .sort-param ul{ margin:0; padding:10px 15px; border-width:1px; border-style:solid; position: absolute; left:0; top:35px; display: none; min-width: 167px; } .sort-param ul li{margin-left:10px;} .sort-param-count ul{ min-width: 207px; } .sort-param > li:hover ul{ display:block; box-shadow: 0px 6px 14px 0 rgba(0, 0, 0, 0.1); } .sort-param ul a{ text-decoration: none; display: block; padding-left:6px; } .avia-bullet { display:block; position: absolute; height: 0; width: 0; top: 51%; margin-top: -3px; left: -3px; border-top: 3px solid transparent !important; border-bottom: 3px solid transparent !important; border-left: 3px solid green; } #top #main .checkout_coupon #coupon_code{ padding:15px; } .form-row .lost_password { line-height: 49px; margin-left:10px; } /************************************************************************ Generic *************************************************************************/ .clear{clear:both;} .nobr{white-space:nowrap;} dt, dd{float:left;} dt{clear:both;} dl{padding-bottom:10px; overflow: hidden;} .woocommerce-account dt{width:30px; display:block; font-weight: bold;} /*messages*/ #top div.woocommerce-error, #top div.woocommerce-message, #top .woocommerce-info{margin:0px 0px 50px 0px;padding:32px 45% 32px 36px;background-repeat:no-repeat;background-position:10px center;/* border-width: 1px; border-style: solid; */ overflow: hidden; position: relative; border-radius:2px;} #top div.woocommerce-error a.button, #top div.woocommerce-message a.button{margin-top:0;float:right; color: #fff;position: absolute;right: 22px;top:50%; margin-top:-19px; text-align: center; background: rgba(0,0,0,0.2); border-radius:2px;} #top div.woocommerce-error a.button:hover, #top div.woocommerce-message a.button:hover{background: rgba(0,0,0,0.5);} #top div.woocommerce-error{ /* background-image: url('../images/icons/error.png'); */ border-color: #941210;background-color: #F0DCDB;color: #941210; } #top div.woocommerce-message{/* background-image: url('../images/icons/tick.png'); */ border-color: #8BAF5B;background-color: #E0F1B5;color: #4F5F39; } #top div.woocommerce-error a{color: #941210;} #top div.woocommerce-message a{color: #4F5F39;} #top .woocommerce-info { border-style: solid; border-width: 1px; margin: 0 0 20px 0; padding: 19px; } mark { background: transparent; font-weight: bold; } /*button*/ #top div div.woocommerce-message a.button { text-decoration: none; width: 20%; min-width: 90px; } .quantity input{ border-width:1px; border-style:1px; } /*rating*/ div .star-rating, div #reviews #comments ol.commentlist li .comment-text .star-rating{ float: right; width: 80px; height: 16px; background: url(images/star.png) repeat-x left 0 transparent; } #top div .star-rating span , div #reviews #comments ol.commentlist li .comment-text .star-rating span{ background: url(images/star.png) repeat-x left -32px transparent; height: 0; padding-top: 16px; overflow: hidden; float: left; } #top div p.stars span{ width: 80px; height: 16px; position: relative; float: left; background: url(images/star.png) repeat-x left 0 transparent; } #top div p.stars span a:hover, #top div p.stars span a:focus { background: url(images/star.png) repeat-x left -16px transparent; } /*rating*/ div .woocommerce-tabs .star-rating { background: url(images/star.png) repeat-x left 0 transparent; } #top #review_form p.stars, #top #commentform p{ padding:0; margin:0 0 10px 0; } #top .woocommerce-tabs div .star-rating span { background: url(images/star.png) repeat-x left -32px transparent; } .add_review{ display:none; } #top #reviews h2{ font: 10px/17px 'Open Sans', sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 1.5px; } #top #reviews h2 span{display:inline;} #top .woocommerce-tabs .commentlist{ padding-top:20px; } div #reviews .star-rating { margin: 0 13px 0 0; } .woocommerce-tabs .comment_container { float: left; width: 100%; } div #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 50px; border-radius: 0; padding: 11px 11px 0; } div #reviews #comments ol.commentlist li .avatar { float: left; position: absolute; top: 0; left: 0; padding: 3px; width: 32px; height: auto; margin: 0; line-height: 1; border-style: solid; border-width:1px; } div #reviews #comments ol.commentlist li .comment-text{ border-style: solid; border-width:1px; } #top #commentform .comment-form-rating label, #top.logged-in div #commentform .comment-form-comment label{ position: relative; left: auto; display: block; font-size: 11px; top: auto; } div #reviews #comment { height: 125px; } div #review_form #respond { overflow: hidden; zoom: 1; border: none; margin: 0; padding: 0 } #top #reviews .commentlist span{ display:inline; } div #reviews #comments ol.commentlist li { padding: 0; margin: 0 0 4px; border: 0; position: relative; background: 0; border: 0; } #top #review_form #respond .comment-form-rating{ position: absolute; right: 15px; top: 30px; } #top.logged-in #review_form #respond .comment-form-rating{ position: relative;right: auto;top: auto; } #top div #commentform .comment-form-comment label{ display:none; } .summary-main-content{ padding-bottom: 20px; } .template-login #customer_login .col-1, .template-register #customer_login .col-2{float:none; width:auto;} .template-login #customer_login .col-2, .template-register #customer_login .col-1{display:none;} /******************************************************************************************* WIDGETS - most styles copied and slightly modified from original woocommerce css file ********************************************************************************************/ /*price range filter*/ div .widget_price_filter .price_slider_wrapper .button{margin:0;} div .widget_price_filter .price_slider_wrapper .price_slider{margin:1em .6em .6em;} div .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle{outline:0;} div .widget_price_filter .price_slider_wrapper .price_slider_amount{overflow:hidden;line-height:35px;padding:4px 0 0 0;} div .widget_price_filter .price_slider_wrapper .price_label{ float:right; } div .widget_price_filter .ui-state-default, div .widget_price_filter .ui-widget-content .ui-state-default, div .widget_price_filter .ui-widget-header .ui-state-default{font-weight:normal;} div .widget_price_filter .ui-state-hover,div .widget_price_filter .ui-widget-content .ui-state-hover,div .widget_price_filter .ui-widget-header .ui-state-hover, div .widget_price_filter .ui-state-focus, div .widget_price_filter .ui-widget-content .ui-state-focus,div .widget_price_filter .ui-widget-header .ui-state-focus{font-weight:normal;} div .widget_price_filter .ui-state-active, div .widget_price_filter .ui-widget-content .ui-state-active,div .widget_price_filter .ui-widget-header .ui-state-active{font-weight:normal;} div .widget_price_filter .ui-corner-all{border-radius:24px;} div .widget_price_filter .ui-slider{position:relative;text-align:left;} div .widget_price_filter .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:11px;height:11px;cursor:default;} div .widget_price_filter .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;background-position:0 0;} div .widget_price_filter .price_slider_wrapper .ui-widget-content{} div .widget_price_filter .price_slider_wrapper .ui-widget-header{font-weight:bold;cursor:pointer;} div .widget_price_filter .ui-slider-horizontal{height:5px;} div .widget_price_filter .ui-slider-horizontal .ui-slider-handle{top:-3px;margin-left:-5px; cursor:ew-resize; } div .widget_price_filter .ui-slider-horizontal .ui-slider-range{top:0;height:80%;border-style: solid; border-width:1px;} div .widget_price_filter .ui-slider-horizontal .ui-slider-range-min{left:0;} div .widget_price_filter .ui-slider-horizontal .ui-slider-range-max{right:0;} #top div .widget_price_filter .button{margin:0;} #top .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle{ background-color: #ddd; border: 1px solid #E1E1E1; color: #666; background-image: url("../images/layout/bg-button.png"); } #top .price_slider_amount .button{min-width: 64px; padding:10px;} /*layered navigation*/ div .widget_layered_nav ul{margin:0;padding:0;border:0;list-style:none outside;} div .widget_layered_nav ul li{overflow:hidden;zoom:1;padding:0 6px 0 2px; width:auto; float:none;} div .widget_layered_nav ul li a, div .widget_layered_nav ul li span{padding:1px 0;float:left; } div .widget_layered_nav ul li.chosen a{padding:0 0 0 18px; background: none; border:none; background:transparent url(images/cross_white.png) no-repeat 6px center;} div .widget_layered_nav ul li.chosen {margin:2px 0; padding:3px 6px 2px 0;border:none; box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;border-radius:3px;} div .widget_layered_nav ul small.count{float:right;margin-left:6px;font-size:1em;padding:1px 0;} /*widget product categories*/ #top .widget_product_categories ul{overflow: hidden;padding:0;margin:0;} .widget_product_categories li{font-size: 10px;font-style: italic;padding:1px;} .widget_product_categories li a{padding:0 0 0 9px;background: transparent url("images/bullet_grey.png") left center no-repeat;} .widget_product_categories .children li{padding: 2px 0px 2px 10px;} .widget_product_categories li a{font-size: 12px;font-style: normal;} /*widget product search*/ #top .widget_product_search.widget{padding:0 0 18px 0;border:none;} #top .widget_product_search.widget h3{padding-top:20px;} #top .widget_product_search #searchform>div{max-width:100%;} #top .widget_product_search #searchform #searchsubmit{font-size: 12px; width: 48px;} /*product_list_widget*/ div ul.product_list_widget li{padding:8px 0; margin:0; overflow:hidden; zoom:1; font-size: 11px; border-top-style: dotted; border-top-width:1px;} div ul.product_list_widget li a{display:block; font-weight:bold; font-size: 12px; line-height: 18px; } div ul.product_list_widget li img{float:right; margin-left:4px; width:32px; padding:2px; height:auto;} div ul.product_list_widget .star-rating{float:none; position: relative; margin:3px 0 0 0;} /*shopping cart widget*/ div .widget_shopping_cart .total{border-top:none;padding:4px 0 0;margin:0;}.widget_shopping_cart .total strong{min-width:40px;display:inline-block;} div .widget_shopping_cart .buttons{overflow:hidden;zoom:1;} div .widget_shopping_cart .button.checkout{float: right;} #top div .widget_shopping_cart .button{ width: 40%; } #top div .dropdown_widget_cart{display: none;} /************************************************************************ EXTERNAL AND SCRIPS *************************************************************************/ /* PRODUCT SLIDER */ #customer_details{ overflow: visible; width:100%; float:left; } div .chzn-container-single .chzn-single { background: #fff; border-radius: 0; background-clip: padding-box; border: 1px solid #ccc; color: #999; height:32px; line-height: 32px; box-shadow: none; } div .chzn-container-single .chzn-single div b { background-position: 0 5px; } div .chzn-container-single .chzn-single div { border-radius: 0; background-clip: padding-box; background: #fff; border-left: 1px solid #ccc; } #order_review, #order_review_heading{ clear: both; } /**Woo Error Message **/ ul.woocommerce-error { border:none; list-style:none; margin: 0px 0px 23px 0px; padding: 32px 45% 32px 36px; background-repeat:no-repeat; background-color: #F0DCDB; color: #941210; } #top .thumbnail_container .button.single_button{ margin-top:-15px; } #top .template-shop .clear { clear: none; width:0; } #top .template-shop .container{ } #payment .terms { padding: 7px 0 0 0; } #customer_details .form-row{clear:right;} #customer_details #order_comments_field{clear:left;} .entry-content-wrapper ul.products li { list-style-type: none; } /*added with version 1.1*/ .woocommerce-checkout div #shiptobilling { position: relative; } #payment div.payment_box #cc-expire-month, #payment div.payment_box #cc-expire-year{ margin-top: 5px; margin-bottom: 5px; } #payment div.payment_box #cc-expire-year { float: left; } #top.woocommerce-checkout .form-row.form-row-first label { display: block; } #top #main .single-product-main-image .sidebar, #top #main .single-product-main-image .inner_sidebar{ border:none; margin:0; padding:20px 0 0 0; width:100%; min-height: 0; } .four.units.single-product-main-image{ overflow: hidden; } #top #payment .payment_box p:last-child{padding-bottom:0;} /*added with version 2.0*/ .quantity input[type=number]::-webkit-inner-spin-button, .quantity input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } ul.products .avia_cart_buttons .added_to_cart{ display: none !important; } .form-row.address-field{ overflow: visible; } #top .chzn-single div b { background-position: 5px 6px!important; } /*added with 2.07*/ #top.woocommerce-page .woocommerce-ordering select { width: 25%; } @media only screen and (max-width: 767px) { #top.woocommerce-page .woocommerce-ordering select {width: auto; } } .form-row.address-field{ overflow: visible; } #top .chzn-single div b { background-position: 5px 8px !important; } .inner_cart_button .added_to_cart{display:none;} .added_to_cart_notification { position: fixed; top: 20px; z-index: 100000; width: 280px; right: 20px; padding: 20px; border-style: solid; border-width: 1px; border-radius: 2px; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); text-align: left; line-height: 1.65em; } #header_main .added_to_cart_notification{ position: absolute; top: 54px; right: 6px; } .html_header_sticky .added_to_cart_notification .avia-arrow{display:block; background-color: inherit;} .added_to_cart_notification .avia-arrow{ border-bottom: none; border-right:none; left: auto; right:10px; display:none; } .added_to_cart_notification strong{ } .added_to_cart_notification .added-product-image { width: 20%; float: right; } .added-product-text { float: left; width: 75%; } .shop_table ul#shipping_method, .cart_totals ul#shipping_method{ margin-left: 0; padding-left: 0; list-style: none; } .shop_table ul#shipping_method li, .cart_totals ul#shipping_method li{ margin-left: 0; text-align: left; } .shop_table ul#shipping_method li label, .cart_totals ul#shipping_method li label{ display: inline; } /*slider auotop correction*/ .avia_cart_buttons br{display:none;} /*hover effect*/ .avia-product-hover{ position: absolute; top:0; left:0; opacity: 0; filter:alpha(opacity=00); /* For IE8 and earlier */ -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; -webkit-backface-visibility: hidden; /* fixes webkit flickering after transitions*/ } .inner_product:hover .avia-product-hover{ opacity: 1; filter:alpha(opacity=100); /* For IE8 and earlier */ } /*products not wrapping*/ ul.products li.post { clear: none; } ul.products li.post.first{ clear: both; } .products .product.post-password-required .thumbnail_container img, #top .products .product.post-password-required .inner_product_header .price, #top .products .product.post-password-required .inner_product_header .onsale { opacity: 0.1; } /*added with version 2.1.1*/ .woocommerce-account dt, .customer_details dt { width: auto; margin-right: 5px; } dl.customer_details{ margin-bottom: 20px; } #top .my_account_orders a.button { margin-bottom: 5px; } #top.woocommerce-checkout #payment h3{ padding: 1em 1em 0; } dl.variation p{margin:0; } .entry-summary .woocommerce-product-rating { top: -13px; position: relative;} .entry-summary .woocommerce-product-rating .star-rating{float:left; margin-right:8px;} .entry-summary .woocommerce-product-rating .woocommerce-review-link{position: relative; top:-3px; font-size: 11px;} .form-row.form-row-wide{ clear: both; } form.cart .group_table .button{float: none;} form.cart .group_table .added_to_cart{display: none;} form.cart .group_table .price .stock{margin:0;} #top div .chosen-search input[type='text']{background: #fff; color:#777; border-color:#e1e1e1;} #top .chosen-container-single .chosen-single, #top .chosen-container-active .chosen-single, #top .chosen-container .chosen-drop{border-color:#e1e1e1;} #top .chosen-container-single .chosen-single{ box-shadow: none; border-radius: 0px; line-height: 36px; height:37px; } #top.woocommerce-checkout .form-row .chosen-container-single .chosen-single div b { background-position: 0 8px!important; } #top .chosen-container .chosen-results { margin: 0; padding: 9px 0; border-top: 1px solid #E1E1E1; } #top .chosen-container-single .chosen-search{padding:10px;} #top .chosen-container-single .chosen-single, #top .active-result.highlighted{background: transparent;} #top div .chosen-search input[type='text']{margin-bottom:0; box-shadow:none; } .chosen-container-active.chosen-with-drop .chosen-single div b{ background-position: -16px 7px; } .chosen-container-single .chosen-single div b{ background-position: 2px 8px; } /*added with version 2.1.7*/ /*shortcode fix*/ #top .entry-content .woocommerce .single-product{overflow: hidden; } #top .entry-content .woocommerce .single-product .single-product-summary{float:none; overflow: hidden; margin-left:10px; width:auto;} #top .entry-content .woocommerce .single-product .single-product-main-image{overflow: visible; } #top .entry-content .woocommerce .single-product div.images{width:100%;} #top .entry-content .woocommerce .single-product div.images img{padding: 0;} #top .entry-content .woocommerce .single-product div.product .woocommerce-tabs{margin:0;} #top .products .product-category{border-radius: 1px; border-style: solid; border-width: 1px;} #top .products .product-category img{display:block; margin:0;} #top .products .product-category h3{margin:0; padding:15px 15px; position: relative; border-top-style: solid; border-top-width: 1px;} #top .products .product-category h3:before{ content:""; height: 10px; width: 10px; position: absolute; left: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); border-width: 1px; border-style: solid; visibility: hidden\9; border-bottom: none; border-right: none; z-index: 1000; top: -6px; margin-left: -6px;} /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) {} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive #top #wrap_all #main .summary .products .thumbnail_container .button { text-indent: 20px; } .responsive .shop_columns_5 .products .product .thumbnail_container .button{ text-indent: 20px; } .responsive div table.shop_table td { padding: 6px 5px; vertical-align: middle; } .responsive #top .single-product-main-image .thumbnails a {width:28%;} .responsive #top .price_slider_amount .button{min-width: 100%; } .responsive div .widget_price_filter .price_slider_wrapper .price_label{ clear:both; float:none; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .responsive #top .related.products .product, .responsive #top .upsells.products .product { margin: 0 4% 0 0; width: 48%; } .responsive #top .related.products .product:nth-child(even), .responsive #top .upsells.products .product:nth-child(even){ margin: 0; } .responsive #top #main .products .product { margin: 0 1% 1% 0; width: 49%; } .responsive #top .products .product:nth-child(odd){ clear:both; } .responsive #top .products .product:nth-child(even){ clear:none; } .responsive .cart-collaterals .cross-sells, .responsive .cart-collaterals .cart_totals, .responsive .shipping_calculator{ width:100%; margin-top:20px; } .responsive table.shop_table th { font-size: 11px; font-weight: normal; line-height: 18px; padding: 3px 4px; text-transform: none; } .responsive table.shop_table .product-remove , .responsive table.shop_table .product-thumbnail{ display:none; } .responsive #top .col2-set .col-1, .responsive #top .col2-set .col-2, .responsive .cart-collaterals .shipping_calculator{ width:89%; float:none; margin-bottom:20px; } .responsive #top .woocommerce-ordering{ position: absolute; bottom:10px; left:0; right:auto; float:none; clear:both; margin:0; top:auto; } .responsive .shop_title_container{ padding-bottom:50px; } .responsive .title_container .term_description{ padding-right:0; } .responsive #top .single-product-main-image .thumbnails a {width:30%;} /*header*/ .responsive .cart_dropdown { display:none; } .responsive .single-product-main-image .sidebar{display:none;} .responsive #top table .product-name { border-left-style: solid; border-left-width: 1px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .responsive #top #main .products .product { margin: 0 0 20px 0; width: 100%; } .responsive #top #review_form #respond .comment-form-rating, .responsive div #shiptobilling { position: relative; right: 0; top: 0; float: none; } .responsive #commentform label { position: relative; left: 0; font-size: 11px; top: 0; font-weight: bold; } .responsive table.shop_table .product-subtotal{ display:none; } .responsive table.shop_table th{display:none;} .responsive table.shop_table td, .responsive table.shop_table tr, .responsive table.shop_table tbody{ display:block; border:none !important; } .responsive table.shop_table{ display:block; border-width:1px; border-style: solid; overflow: hidden; } .responsive td.actions{overflow: hidden; padding:10px; } .responsive td.actions .coupon{ width:100%; } .responsive #top table.shop_table .actions .button, .responsive #top table.shop_table .actions .coupon .input-text{ width:100%; margin:0 0 5px 0; } .responsive #top .single-product-main-image .thumbnails a {width:28%;} } /** * bbPress specific CSS * * @package bbPress * @subpackage Theme */ /* =bbPress Style -------------------------------------------------------------- */ #bbpress-forums hr { margin: 0 0 24px 0; } #bbpress-forums { background: transparent; clear: both; margin-bottom: 20px; overflow: hidden; font-size: 13px; } #bbpress-forums div.even, #bbpress-forums ul.even { } #bbpress-forums div.odd, #bbpress-forums ul.odd { } #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header { } #bbpress-forums .status-trash.even, #bbpress-forums .status-spam.even { } #bbpress-forums .status-trash.odd, #bbpress-forums .status-spam.odd { } #bbpress-forums .status-closed, #bbpress-forums .status-closed a { color: inherit; } #bbpress-forums ul { list-style: none; margin: 0; padding: 0; } #bbpress-forums li { list-style: none; } #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies { font-size: 13px; overflow: hidden; border-width: 1px; border-style:solid; margin-bottom: 20px; clear: both; } #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-body, #bbpress-forums li.bbp-footer { clear: both; } #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer { border-top-width: 1px; border-top-style:solid; font-weight: bold; padding: 8px; text-align: center; } #bbpress-forums li.bbp-header { } #bbpress-forums li.bbp-header ul { overflow: hidden; } #bbpress-forums .bbp-forums-list { margin: 0 0 0 5px; padding-left: 15px; border-left-width: 1px; border-left-style:solid; } #bbpress-forums .bbp-forums-list li { display: inline; font-size: 11px; } #bbpress-forums li.bbp-footer p { margin: 0; line-height: 1em; } #bbpress-forums .bbp-topic-content img, #bbpress-forums .bbp-reply-content img { max-width: 100%; } #bbpress-forums .bbp-topic-content ul, #bbpress-forums .bbp-reply-content ul { padding-left: 15px; } #bbpress-forums .bbp-topic-content ul li, #bbpress-forums .bbp-reply-content ul li { list-style: square; } #bbpress-forums .bbp-forum-content p { margin: 5px 0 0; font-style: italic; } li.bbp-forum-info, li.bbp-topic-title { float: left; text-align: left; width: 55%; } li.bbp-forum-topic-count, li.bbp-topic-voice-count, li.bbp-forum-reply-count, li.bbp-topic-reply-count{ float: left; text-align: center; width: 10%; } li.bbp-forum-freshness, li.bbp-topic-freshness{ text-align: center; float: left; width: 22%; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { border-top-width: 1px; border-top-style:solid; overflow: hidden; padding: 8px; } li.bbp-header div.bbp-topic-content span#subscription-toggle, li.bbp-header div.bbp-topic-content span#favorite-toggle, li.bbp-header div.bbp-reply-content span#subscription-toggle, li.bbp-header div.bbp-reply-content span#favorite-toggle { float: right; } #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author { float: left; text-align: center; width: 115px; margin-right:30px; } #bbpress-forums div.bbp-topic-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar { border: 0; max-width: 80px; margin: 3px auto 0 auto; float: none; } #bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name { margin: 0 auto; font-size: 12px; display: inline-block; line-height: 16px; } #bbpress-forums div.bbp-topic-author .bbp-author-role, #bbpress-forums div.bbp-reply-author .bbp-author-role { font-size: 11px; font-style: italic; line-height: 14px; } #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content { margin-left: 140px; padding: 12px 12px 12px 0; text-align: left; } #bbpress-forums li.bbp-header .bbp-topic-author, #bbpress-forums li.bbp-footer .bbp-topic-author, #bbpress-forums li.bbp-header .bbp-reply-author, #bbpress-forums li.bbp-footer .bbp-reply-author { float: left; margin: 0; padding: 0; width: 120px; } #bbpress-forums li.bbp-header .bbp-topic-content, #bbpress-forums li.bbp-footer .bbp-topic-content, #bbpress-forums li.bbp-header .bbp-reply-content, #bbpress-forums li.bbp-footer .bbp-reply-content { margin-left: 140px; padding: 0; text-align: left; } div.bbp-topic-header, div.bbp-reply-header, li.bbp-body div.hentry { margin-bottom: 0; overflow: hidden; padding: 1px 0; } div.bbp-topic-header, div.bbp-reply-header { margin-left:107px; clear: both; } span.bbp-author-ip { font-family: 'Open Sans', sans-serif; font-size: 11px; font-weight: bold; } /* =Breadcrumb and Tags -------------------------------------------------------------- */ div.bbp-breadcrumb { float: left; } div.bbp-breadcrumb, div.bbp-topic-tags { font-size: 12px; } #bbpress-forums div.bbp-breadcrumb p, #bbpress-forums div.bbp-topic-tags p { margin-bottom: 10px } div.bbp-topic-tags { margin-top: -20px; position: relative; float: right; top:20px; } /* =Admin Links -------------------------------------------------------------- */ span.bbp-admin-links { float: right; font-size: 9px; } span.bbp-admin-links a { font-weight: normal; font-size: 10px; text-transform: uppercase; text-decoration: none; } fieldset span.bbp-admin-links { float: left; } tr td span.bbp-admin-links a:hover { } td.bbp-topic-admin-links, td.bbp-topic-counts { width: 50%; } .bbp-topic-header a.bbp-topic-permalink, .bbp-reply-header a.bbp-reply-permalink { float: right; margin-left: 10px; } /* =Toggles -------------------------------------------------------------- */ .bbp-topic-action #favorite-toggle a { text-decoration: none; padding: 0 3px 1px; border-width: 1px; border-style:solid; font-weight: bold; font-size: 13px; border-radius: 8px; } .bbp-topic-action #favorite-toggle a:hover { /* color: #5a5; border-color: #7c7; background-color: #beb; */ } .bbp-topic-action #favorite-toggle span.is-favorite a { /* color: #faa; border: 1px solid #faa; background-color: #fee; */ border-width: 1px; border-style:solid; border-radius: 5px; } .bbp-topic-action #favorite-toggle span.is-favorite a:hover { /* color: #c88; border-color: #c88; background-color: #fdd; */ } .bbp-topic-action #subscription-toggle a { text-decoration: none; padding: 0 3px 1px; border-width: 1px; border-style:solid; font-weight: bold; font-size: 13px; border-radius: 8px; } .bbp-topic-action #subscription-toggle a:hover { /* color: #5a5; border-color: #7c7; background-color: #beb; */ } .bbp-topic-action #subscription-toggle span.is-subscribed a { /* color: #faa; border: 1px solid #faa; background-color: #fee; */ border-width: 1px; border-style:solid; border-radius: 5px; } .bbp-topic-action #subscription-toggle span.is-subscribed a:hover { /* color: #c88; border-color: #c88; background-color: #fdd; */ border-width: 1px; border-style:solid; } #bbpress-forums p.bbp-topic-meta { margin: 5px 0 5px; font-size: 11px; } #bbpress-forums p.bbp-topic-meta span { white-space: nowrap; } /* =Pagination -------------------------------------------------------------- */ .single-topic .bbp-pagination-count { position: relative; top:11px; } .single-topic .bbp-pagination{margin:0;} #top .bbp-pagination-links { float: left; margin:0 0 10px 0; } #top .bbp-pagination-links > span, #top .bbp-pagination-links > a { font-size: 11px; line-height: 10px; height: 30px; padding: 9px 9px; border-width: 1px; border-style: solid; text-decoration: none; border-radius: 3px; min-width: 30px; display: inline-block; text-align: center; } #top .bbp-pagination { position: relative; clear:both; } #top .bbp-topic-pagination { display: inline-block; margin-left: 5px; margin-bottom: 2px; } #top .bbp-topic-pagination a { font-size: 11px; line-height: 10px; height: 20px; padding: 4px 1px; border-width: 1px; border-style: solid; text-decoration: none; border-radius: 2px; min-width: 20px; display: inline-block; text-align: center; } .bbp-pagination-links span.current{font-weight: bold;} /* =Forms -------------------------------------------------------------- */ #bbpress-forums fieldset.bbp-form { clear: left; } #bbpress-forums fieldset.bbp-form { border-width: 1px; border-style:solid; padding: 10px 20px; margin-bottom: 10px; } #bbpress-forums fieldset.bbp-form legend { padding: 15px 0 4px 0; } #bbpress-forums fieldset.bbp-form label { margin: 0; display: inline-block; } #bbp-edit-topic-tag.bbp-form fieldset.bbp-form label, #bbp-login fieldset label, #bbp-register fieldset label, #bbp-lost-pass fieldset label { width: 100px; } #bbpress-forums fieldset.bbp-form p{margin: 0 0 8px;} #bbpress-forums fieldset.bbp-form textarea, #bbpress-forums fieldset.bbp-form select, #bbpress-forums fieldset.bbp-form input[type=text] { margin: 0; width: 100%; display: inline; min-width: 100px; padding: 13px; border-radius: 2px; } textarea#bbp_reply_content, textarea#bbp_topic_content, textarea#bbp_forum_content { width: 97%; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; } textarea#bbp_forum_content { height: 210px; } #bbpress-forums fieldset.bbp-forum-form-attributes { width: 200px; float: right; clear: none; margin-left: 25px; } .bbp-topic-form, .bbp-reply-form, .bbp-topic-tag-form { clear: left; } body.topic-edit .bbp-topic-form div.avatar img, body.reply-edit .bbp-reply-form div.avatar img, body.single-forum .bbp-topic-form div.avatar img, body.single-reply .bbp-reply-form div.avatar img { margin-right: 0; padding: 10px; border-width: 1px; border-style:solid; line-height: 0; } body.page .bbp-reply-form code, body.page .bbp-topic-form code, body.single-topic .bbp-reply-form code, body.single-forum .bbp-topic-form code, body.topic-edit .bbp-topic-form code, body.reply-edit .bbp-reply-form code { font-size: 10px; border-width: 1px; border-style:solid; display: block; padding: 8px; margin-top: 5px; width: 369px; } #merge_tag, #delete_tag { display: inline; } div.bbp-submit-wrapper { padding-top: 8px; clear: both; } p.form-allowed-tags { width: 462px; } #bbpress-forums>#subscription-toggle{ float: right; font-size: 12px; } /* =TinyMCE in themes -------------------------------------------------------------- */ #bbpress-forums div.bbp-the-content-wrapper { margin-bottom: 10px; } #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content { width: 100%; margin: 0; font-size: 13px; line-height: 1.8em; } #bbpress-forums div.bbp-the-content-wrapper table, #bbpress-forums div.bbp-the-content-wrapper tbody, #bbpress-forums div.bbp-the-content-wrapper tr, #bbpress-forums div.bbp-the-content-wrapper td { border: none; padding: 0; margin: 0; width: auto; line-height: 1em; } #bbpress-forums div.bbp-the-content-wrapper input { font-size: 12px; padding: 5px; margin: 3px 0 0; line-height: 1em; margin: 0; } #bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar { padding: 5px; min-height: 26px; } #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar { padding: 4px 4px 8px; } #bbpress-forums div.wp-editor-container { margin: 0; padding: 0; line-height: 0; } #bbpress-forums div.bbp-the-content-wrapper td.mceStatusbar { line-height: 16px; } /* =Edit User -------------------------------------------------------------- */ #bbp-your-profile{ padding-top:20px; } #bbp-your-profile h2{font-size:20px; margin-bottom:0;} #bbp-your-profile fieldset { margin-top: 3px; padding: 20px 20px 0 20px; } #bbp-your-profile fieldset div { margin-bottom: 20px; float: left; width: 100%; clear: left; } #bbp-your-profile fieldset select { margin-bottom: 0; } #bbp-your-profile fieldset input, #bbp-your-profile fieldset textarea, #bbp-your-profile fieldset select { margin-bottom: 0; width: 50%; min-width:0; } #bbp-your-profile fieldset select{ width:51.5%; } #bbp-your-profile fieldset legend { display: none; } .content #bbp-your-profile fieldset label, #container #bbp-your-profile fieldset label { float: left; width: 150px; padding-right: 20px; text-align: left; } #bbp-your-profile fieldset span.description { margin: 5px 0 0 170px; font-size: 12px; font-style: italic; float: left; clear: left; width: 48.5%; padding: 5px 10px; border-width: 1px; border-style: solid; border-style: solid; } .content #bbp-your-profile fieldset fieldset, #container #bbp-your-profile fieldset fieldset { margin: 0; border: none; padding: 0; clear: none; overflow: hidden; float:none; width: auto; } .content #bbp-your-profile fieldset fieldset input{ width: 68%; } .content #bbp-your-profile fieldset fieldset span.description { width:65.5%; } #bbp-your-profile fieldset fieldset span.description { margin-left: 0; margin-bottom: 20px; } #bbp-your-profile fieldset.submit button { float: right; } /* =Notices -------------------------------------------------------------- */ div.bbp-template-notice { border-width: 1px; border-style: solid; padding: 0 0.6em; margin: 5px 0 15px; border-radius: 3px; background-color: #ffffe0; border-color: #e6db55; color: #000; clear: both; } div.bbp-template-notice a { color: #555; text-decoration: none; } div.bbp-template-notice a:hover { color: #000; } div.bbp-template-notice.info { border: #cee1ef 1px solid; background-color: #f0f8ff; } div.bbp-template-notice.important { border: #e6db55 1px solid; background-color: #fffbcc; } div.bbp-template-notice.error, div.bbp-template-notice.warning { background-color: #ffebe8; border-color: #c00; } div.bbp-template-notice.error a, div.bbp-template-notice.warning a { color: #c00; } div.bbp-template-notice p { margin: 0.5em 0 6px 0 !important; padding: 2px; font-size: 12px; line-height: 140%; } /* =Stickies -------------------------------------------------------------- */ .bbp-topics-front ul.super-sticky, .bbp-topics ul.super-sticky, .bbp-topics ul.sticky, .bbp-forum-content ul.sticky { background-color: #ffffe0; font-size: 1.1em; } /* =Revisions -------------------------------------------------------------- */ #bbpress-forums .bbp-topic-revision-log, #bbpress-forums .bbp-reply-revision-log { border-top: 1px dotted #ddd; list-style: none; width: 100%; margin: 0; padding: 8px 0 0 0; font-size: 11px; color: #aaa; } /* =Widgets -------------------------------------------------------------- */ #top .bbp-login-form fieldset legend { display: none; } #top .bbp_widget_login{ text-align: left; } #top .bbp_widget_login .button{ border-radius: 2px; } #top .bbp_widget_login .bbp-logged-in{position: relative; } #top .bbp_widget_login .bbp-logged-in .button { position: absolute; top: -4px; left: 2%; max-width: 98%; min-width: 50%; padding: 14px; width: 98%; text-align: center; line-height: 1em; margin: 4px 2px 0 0; float: left; font-size: 12px; } #top .widget fieldset { max-width: 100%; width: 100%; } #top .bbp-login-form .bbp-username input, #top .bbp-login-form .bbp-email input, #top .bbp-login-form .bbp-password input { padding: 10px; border-radius: 2px; margin-bottom: 7px; } #top .bbp-login-form label { width: 140px; display: inline-block; } #sidebar .bbp-login-form label { width: 70px; } .bbp-login-form .bbp-username, .bbp-login-form .bbp-email, .bbp-login-form .bbp-password, .bbp-login-form .bbp-remember-me, .bbp-login-form .bbp-submit-wrapper { margin-top: 10px; } .bbp-login-form .bbp-remember-me { } .bbp-login-form .bbp-submit-wrapper { text-align: left; } .bbp-login-form .bbp-login-links { overflow: hidden;padding: 2px 0; } .bbp-login-form .bbp-login-links a { display:block; margin-right:5px; line-height: 1em; font-size: 11px; padding: 3px 0; } .bbp-register-link{ } .bbp-logged-in img.avatar { margin-right: 15px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; position: relative; z-index: 100; } .bbp_widget_login .bbp-logged-in h4 { font-weight: 600; font-size: 1.3em; clear: none; margin-bottom: 10px; font-size: 12px; display: none; } #top .bbp_widget_login .bbp-submit-wrapper{ margin:2px 10px 0 0 ; padding:0; float:left; } /* =Avatars -------------------------------------------------------------- */ #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar, #bbpress-forums p.bbp-topic-meta img.avatar { float: none; margin-bottom: -7px; border-width: 1px; border-style:solid; } fieldset div.avatar { float: right; } /* =BuddyPress Activity Streams -------------------------------------------------------------- */ .activity-list li.bbp_topic_create .activity-content .activity-inner, .activity-list li.bbp_reply_create .activity-content .activity-inner { border-left-width: 2px; border-left-style:solid; margin-left: 5px; padding-left: 10px; } /* =User Pages -------------------------------------------------------------- */ #bbpress-forums h1 { clear: none; font-size: 1.8em; line-height: 1em; padding-bottom: 10px; } #bbpress-forums h2.entry-title { font-size: 1.4em; margin-bottom: 0; padding-bottom: 10px; padding-top: 0; } #bbpress-forums #entry-author-info { margin: 10px 0 20px 0; overflow: hidden; } #bbpress-forums #entry-author-info #author-avatar { float: left; margin-right: 0; width: 60px; } #bbpress-forums #entry-author-info #author-avatar img.avatar { max-width: 60px; } #bbpress-forums #entry-author-info #author-description { float: none; margin-left: 100px; } #bbp-author-subscriptions, #bbp-author-favorites, #bbp-author-topics-started { border-top-width: 1px; border-top-style:solid; clear: both; margin-bottom: 20px; padding-top: 20px; } body.my-account #bbpress-forums, body.my-account #bbp-author-subscriptions, body.my-account #bbp-author-favorites, body.my-account #bbp-author-topics-started { border-top: none; padding-top: 0; margin-bottom: 0; } /* =BuddyPress Group Forums -------------------------------------------------------------- */ #bbpress-forums div.row-actions { font-size: 11px; visibility: hidden; } #bbpress-forums li:hover > div.row-actions { visibility: visible; } /* =theme stuff -------------------------------------------------------------- */ .bbp-topic-started-by img{ display:none; } #top table .bbp-forum-title, #top table .bbp-topic-title a { font-weight:bold; } .edit_user_link, .page-title.author{ display:none; } .logged-in .edit_user_link, .logged-in .page-title.author{ display:inline; } #top #bbp_stick_topic{ width:221px; min-width:221px; } #top .bbp-admin-links a{ font-size:10px; } #top #main .bbp-template-notice p{ margin:10px 0; } #top #main .bbp-template-notice{ padding:10px 16px; } #top #main .bbp-template-notice, #top #main .bbp-template-notice a { /* border:1px solid #4b87d0; */ color:#fff; background: #a6bfde; border:none; border-radius: 0; } #top #main .bbp-template-notice.error, #top #main .bbp-template-notice.error a { /* border:1px solid #941210; */ color:#941210; background: #f0dcdb; border:none; border-radius: 0; } #top #main .bbp-template-notice.error, #top #main .bbp-template-notice.error a { /* border:1px solid #E6DB55; */ color:#9d5501; background: #FFFFE0; border:none; border-radius: 0; } #top .avia-box.tick { border-color:#8BAF5B; background: #E0F1B5; color:#4F5F39; } td.bbp-topic-title{ padding-right:50px; background-position: 95% center; background-repeat: no-repeat; } .sticky td.bbp-topic-title{ background-image: url("images/sticky.png"); } .super-sticky td.bbp-topic-title{ background-image: url("images/super-sticky.png"); } .status-closed td.bbp-topic-title{ background-image: url("images/closed.png"); } /*2.1 changes*/ #bbpress-forums li{margin-left:0px;} #bbpress-forums .bbp-header .bbp-forum-info, #bbpress-forums .bbp-header .bbp-topic-title{padding-left:12px;} div #bbpress-forums li.bbp-header{ border-top:none; margin-left:0;} .single-topic.logged-in #bbpress-forums li.bbp-header{ padding-bottom:30px;} #bbpress-forums li.bbp-header ul li{margin-bottom:0; font-weight: bold;} .bbp-forum-freshness, .bbp-topic-freshness{display:none;} .bbp-forum-info, .bbp-topic-title, #bbpress-forums p.bbp-topic-meta {margin:0px;} .bbp-forum-title, .bbp-topic-permalink, .bbp-author-name{font-weight: bold;} #bbpress-forums li.bbp-body{padding:0;} #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer { padding: 10px 0; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { padding: 6px 12px; } li.bbp-forum-info, li.bbp-topic-title { width: 78%; } .bbp-pagination-count { float: right; font-size: 11px; border: none; display: block; padding: 0; } .bbp-reply-header .bbp-meta{ font-size:11px; } .bbp-body .bbp-reply-author{ border:none; } li.bbp-body div.hentry { padding: 0 0 30px 0; } #bbpress-forums .bbp-body div.bbp-topic-content, #bbpress-forums .bbp-body div.bbp-reply-content { min-height: 68px; text-align: left; overflow: hidden; border-radius: 2px; padding:7px 20px; border-style:solid; border-width:1px; position: relative; margin-left:0; margin-right:0; } #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author { width: auto; } #bbpress-forums div.bbp-topic-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar { max-width: 60px; border-radius: 100px; } #bbpress-forums .bbp-reply-content li{ margin-bottom:0; padding: 0; } #bbpress-forums .bbp-reply-content ol, #bbpress-forums .bbp-reply-content ul{ margin-bottom:20px; } #bbpress-forums fieldset.bbp-form { margin: 10px 0% 10px 0%; width: 100%; padding:0; border:none; } #bbpress-forums li.bbp-header .bbp-topic-author, #bbpress-forums li.bbp-footer .bbp-topic-author, #bbpress-forums li.bbp-header .bbp-reply-author, #bbpress-forums li.bbp-footer .bbp-reply-author { width: 67px; } #bbpress-forums li.bbp-header .bbp-topic-content, #bbpress-forums li.bbp-footer .bbp-topic-content, #bbpress-forums li.bbp-header .bbp-reply-content, #bbpress-forums li.bbp-footer .bbp-reply-content { margin-left: 90px; } .bbp-reply-content blockquote p{ margin: 0.5em 0; } .bbp-topic-action #favorite-toggle span.is-favorite a, .bbp-topic-action #subscription-toggle span.is-subscribed a { border-top-width: 1px; border-width: 1px; border-style: solid; border-radius:0; padding: 0; line-height: 19px; height: 20px; width: 20px; display: block; float: left; text-align: center; position: absolute; right: -1px; top: -1px; } .bbp-body ul{ position: relative; } /*added with bbpress 2.2.3*/ #bbp-single-user-details{ border-style:solid; border-width:1px; padding: 0 0 10px; margin-bottom:30px; } #bbp-single-user-details #bbp-user-avatar{ float:left; margin: 0 10px; width:32px; } #bbp-single-user-details #bbp-user-navigation{ overflow:hidden; margin: 0 10px; } #bbp-single-user-details #bbp-user-navigation li{ float:left; margin:0px 5px; line-height: 27px; width:100%; } .bbp-forums, .bbp-topics, .bbp-replies{ border-radius: 3px; border-radius: 3px; } .bbp-footer{display:none;} #top .mceToolbar{background: transparent; } .bbp-form a{ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } #bbpress-forums ul.bbp-replies{border:none;} .bbp-header .bbp-reply-author{display: none;} .bbp-header .bbp-reply-author, .bbp-header .bbp-reply-content{visibility: hidden;} .bbp-header .bbp-reply-content span{visibility: visible;} .bbp-reply-post-date{font-size: 11px;} .bbp-body>div{position: relative; } .avia_transform .bbp-replies .bbp-reply-author::before, .avia_transform .forum-search .bbp-reply-author::before, .avia_transform .forum-search .bbp-topic-author::before { width: 14px; height: 14px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 25px; z-index: 100; content: ""; left: 98px; border-left-style: solid; border-bottom-style: solid; border-left-width: 1px; border-bottom-width: 1px; } #top .bbp-replies+.bbp-pagination{display:none;} #top .bbp-replies .bbp-header{ border-bottom-style: solid; border-bottom-width: 1px; margin-bottom:30px; } #top #bbp_search { float: left; margin-right: 5px; top: 1px; position: relative; } .single-topic #bbpress-forums{margin-top:-30px;} .single-topic #bbpress-forums div.bbp-reply-author, .forum-search #bbpress-forums div.bbp-reply-author, .bbp-user-page #bbpress-forums div.bbp-reply-author, .forum-search #bbpress-forums div.bbp-topic-author{width:75px;} .status-trash{opacity: 0.3;} #footer .bbp-forum-title{font-weight: normal;} .widget_display_topics li div{font-size: 11px; font-style: italic;} #bbpress-forums div.bbp-search-form{float:none;} #top #bbp-search-form #bbp_search{width:75%; margin:0; padding: 12px 12px;} #top #bbp-search-form #bbp_search_submit{width:25%; padding: 14px 22px; top:-1px; position: relative;} #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta{font-size: 12px;} /*stats widget*/ .widget_display_stats dt{width:65%; padding:4px 10px; margin:0px 1px 1px 0;} .widget_display_stats dd{width:34%; padding:4px; margin:0 0 1px 0; text-align: center;} .bbp-search-author { width: 105px; float: left; text-align: left; } .bbp-search-content{ float:left; } .bbp-reply-revision-log-item a img , .bbp-topic-revision-log-item a img{ position: relative; top: -4px; border-radius: 10px; } /*2.5 mods*/ #top .bbp-body .page-numbers.dots, #bbpress-forums div.odd, #bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header, #bbpress-forums li.bbp-header{background: transparent;} #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header{border:none;} #bbpress-forums div.bbp-topic-content a, #bbpress-forums div.bbp-reply-content a, #subscription-toggle a{font-weight: bold;} #bbp-single-user-details #bbp-user-navigation li { width: auto; } #bbp-single-user-details { overflow: hidden; padding: 10px; } #bbp-single-user-details #bbp-user-avatar{margin:0 10px 0 0;} #bbp-single-user-details #bbp-user-avatar img{display:block;} /*topic status default iconfont values. overwriten in case user applies a custom font value*/ .bbp-topics .bbp-body .bbp-topic-title:before{ content:"\E83b"; font-family: 'entypo-fontello'; font-size: 14px; font-weight: normal; height:20px; width:20px; line-height:20px; text-align: center; margin-right:4px; } .bbp-topics .bbp-body .topic-voices-multi .bbp-topic-title:before{ content:"\E83c"; } .bbp-topics .bbp-body .super-sticky .bbp-topic-title:before{ content:"\E808"; } .bbp-topics .bbp-body .sticky .bbp-topic-title:before{ content:"\E809"; } .bbp-topics .bbp-body .status-closed .bbp-topic-title:before{ content:"\E824"; } .bbp-topics .bbp-body .super-sticky.status-closed .bbp-topic-title:before{ content:"\E808 \E824"; letter-spacing: 3px;} .bbp-topics .bbp-body .sticky.status-closed .bbp-topic-title:before{ content:"\E809 \E824"; letter-spacing: 3px;} #bbpress-forums .wp-core-ui .button{ background: #FAFAFA; border-color: #bbb; color: #555; margin: 1px 1px 1px 0; min-width: 34px; -moz-transition: none; -webkit-transition: none; transition: none; } #bbpress-forums .wp-core-ui .button:hover{ background: #fff; border-color: #999; } .bbp-topics-front ul.super-sticky, .bbp-topics ul.super-sticky, .bbp-topics ul.sticky, .bbp-forum-content ul.sticky { background-color: #F2FBFF !important; } #top #wrap_all .bbp-body span.page-numbers.dots { background: rgba(0, 0, 0, 0); } /* #Media Queries ================================================== */ /*mobile*/ @media only screen and (max-width: 767px) { .responsive li.bbp-forum-info, .responsive li.bbp-topic-title { width: 60%; } .responsive li.bbp-forum-topic-count, .responsive li.bbp-topic-voice-count, .responsive li.bbp-forum-reply-count, .responsive li.bbp-topic-reply-count { width: 18%; } .responsive #top #bbp-your-profile .bbp-form label{ float:none; text-align: left; } .responsive #bbp-your-profile fieldset input, .responsive #bbp-your-profile fieldset textarea, .responsive #bbp-your-profile fieldset select { width: 95%; } .responsive #bbp-your-profile fieldset span.description, .responsive .content #bbp-your-profile fieldset fieldset span.description { width: 91%; margin:5px 0 15px 0; } .responsive .content #bbp-your-profile fieldset fieldset input { width: 95%%; } .responsive .bbp-pagination-count{display:none;} } /* #some basic BuddyPress styling code ================================================== */ /* general */ #buddypress .standard-form div.submit input, #buddypress #aw-whats-new-submit { padding: 8px; } #top #buddypress #item-header-avatar{ max-width: 150px; float: left; margin-right: 30px; margin-bottom: 30px; } #top #main .group-create.bp-title-button{ background: transparent; border: none; padding-left: 20px; font-weight: bold; } #top #main .group-create.bp-title-button:hover{ text-decoration: underline; } /* activity */ #buddypress form#whats-new-form #whats-new-options select, #buddypress div.item-list-tabs ul li.last select, #top #activity-filter-select label { display: inline; } #top #buddypress #whats-new-options{ min-height: 70px; overflow: visible ; max-width: 98%; margin-bottom: 20px; } #buddypress div.item-list-tabs ul li a, #buddypress div.item-list-tabs ul li span{ font-weight: bold; } /* groups */ #top #buddypress div.dir-search input[type=text], #top #buddypress li.groups-members-search input[type=text]{ padding: 6px; font-size: 100%; } #top #buddypress #group-dir-search input, #top #buddypress #group-dir-search label, #top #buddypress #groups-order-select input, #top #buddypress #groups-order-select label{ display: inline; } #top #buddypress #group-dir-search #groups_search_submit{ padding: 8px; } /* members */ #top #buddypress #members-dir-search input, #top #buddypress #members-dir-search label, #top #buddypress #members-order-select input, #top #buddypress #members-order-select label{ display: inline; } #top #buddypress #members-dir-search #members_search_submit{ padding: 8px; } /* messages */ #top #buddypress .message-search input, #top #buddypress .message-search label{ display: inline; } #top #buddypress .message-search #messages_search_submit{ padding: 8px; } /* responsive styles */ @media only screen and (max-width: 479px) { .responsive #top #buddypress form#whats-new-form #whats-new-submit{ display: block; float: none; margin-bottom: 10px; } .responsive #top #buddypress form#whats-new-form #whats-new-options select { max-width: 140px; } } /* * COMPILED WITH LESS */ /* Table of Contents ================================================== #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing */ /* #Base 960 Grid ================================================== */ html { min-width: 910px; } html.responsive { min-width: 0px; } .boxed#top { margin: 0 auto; overflow: visible; /* position:relative; z-index: 3; */ } .container { position: relative; width: 1030px; margin: 0 auto; padding: 0px; clear: both; } /*no z-index for container_wrap or fixed bgs start disapearing when other elements transition -> weird chrome bug*/ .container_wrap { clear: both; position: relative; /* z-index: 1; */ border-top-style: solid; border-top-width: 1px; } .unit, .units { float: left; display: inline; margin-left: 50px; position: relative; z-index: 1; min-height: 1px; } .row { position: relative; margin-bottom: 20px; clear: both; } .boxed .container .stretch_full { position: relative; left: -50px; } .boxed#top { width: 1010px; } .boxed .container { margin: 0px 50px; } #wrap_all { width: 100%; position: relative; z-index: 2; overflow: hidden; } .boxed #wrap_all { overflow: visible; /*needed for cart icon */ } /* Nested Column Classes */ body .unit.alpha, body .units.alpha, body div .first { margin-left: 0; clear: left; } body .unit.alpha, body .units.alpha { width: 100%; } /* Base Grid */ .container .one.unit, .container .one.units { width: 30px; } .container .two.units { width: 110px; } .container .three.units { width: 190px; } .container .four.units { width: 270px; } .container .five.units { width: 350px; } .container .six.units { width: 430px; } .container .seven.units { width: 510px; } .container .eight.units { width: 590px; } .container .nine.units { width: 670px; } .container .ten.units { width: 750px; } .container .eleven.units { width: 830px; } .container .twelve.units { margin-left: 0; width: 910px; } #top.boxed .stretch_full { width: 1010px; } /* Offsets */ #top .offset-by-one { padding-left: 80px; } #top .offset-by-two { padding-left: 160px; } #top .offset-by-three { padding-left: 240px; } #top .offset-by-four { padding-left: 320px; } #top .offset-by-five { padding-left: 400px; } #top .offset-by-six { padding-left: 480px; } #top .offset-by-seven { padding-left: 560px; } #top .offset-by-eight { padding-left: 640px; } #top .offset-by-nine { padding-left: 720px; } #top .offset-by-ten { padding-left: 800px; } #top .offset-by-eleven { padding-left: 880px; } /* #Desktop - Large ================================================== */@media only screen and (min-width: 1140px) { .responsive .boxed#top { width: 1130px; } .responsive .container { width: 1030px; } .responsive .container .one.unit, .responsive .container .one.units { width: 40px; } .responsive .container .two.units { width: 130px; } .responsive .container .three.units { width: 220px; } .responsive .container .four.units { width: 310px; } .responsive .container .five.units { width: 400px; } .responsive .container .six.units { width: 490px; } .responsive .container .seven.units { width: 580px; } .responsive .container .eight.units { width: 670px; } .responsive .container .nine.units { width: 757px; } .responsive .container .ten.units { width: 850px; } .responsive .container .eleven.units { width: 940px; } .responsive .container .twelve.units { width: 1030px; } .responsive #top.boxed .stretch_full { width: 1130px; } .responsive #top .offset-by-one { padding-left: 90px; } .responsive #top .offset-by-two { padding-left: 180px; } .responsive #top .offset-by-three { padding-left: 270px; } .responsive #top .offset-by-four { padding-left: 360px; } .responsive #top .offset-by-five { padding-left: 450px; } .responsive #top .offset-by-six { padding-left: 540px; } .responsive #top .offset-by-seven { padding-left: 630px; } .responsive #top .offset-by-eight { padding-left: 720px; } .responsive #top .offset-by-nine { padding-left: 810px; } .responsive #top .offset-by-ten { padding-left: 900px; } .responsive #top .offset-by-eleven { padding-left: 990px; } } /* #Desktop - Extra Large ================================================== */@media only screen and (min-width: 1340px) { .responsive_large .boxed#top { width: 1310px; } .responsive_large .container { width: 1210px; } .responsive_large .container .one.unit, .responsive_large .container .one.units { width: 55px; } .responsive_large .container .two.units { width: 160px; } .responsive_large .container .three.units { width: 265px; } .responsive_large .container .four.units { width: 370px; } .responsive_large .container .five.units { width: 475px; } .responsive_large .container .six.units { width: 580px; } .responsive_large .container .seven.units { width: 685px; } .responsive_large .container .eight.units { width: 790px; } .responsive_large .container .nine.units { width: 895px; } .responsive_large .container .ten.units { width: 1000px; } .responsive_large .container .eleven.units { width: 1105px; } .responsive_large .container .twelve.units { width: 1210px; } .responsive_large #top.boxed .stretch_full { width: 1310px; } .responsive_large #top .offset-by-one { padding-left: 105px; } .responsive_large #top .offset-by-two { padding-left: 210px; } .responsive_large #top .offset-by-three { padding-left: 315px; } .responsive_large #top .offset-by-four { padding-left: 420px; } .responsive_large #top .offset-by-five { padding-left: 525px; } .responsive_large #top .offset-by-six { padding-left: 630px; } .responsive_large #top .offset-by-seven { padding-left: 735px; } .responsive_large #top .offset-by-eight { padding-left: 840px; } .responsive_large #top .offset-by-nine { padding-left: 945px; } .responsive_large #top .offset-by-ten { padding-left: 1050px; } .responsive_large #top .offset-by-eleven { padding-left: 1155px; } } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */ @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive #top { overflow-x: hidden; } .responsive .boxed#top { width: 782px; } .responsive .container { width: 682px; } .responsive .container .one.unit, .responsive .container .one.units { width: 11px; } .responsive .container .two.units { width: 72px; } .responsive .container .three.units { width: 133px; } .responsive .container .four.units { width: 194px; } .responsive .container .five.units { width: 255px; } .responsive .container .six.units { width: 316px; } .responsive .container .seven.units { width: 377px; } .responsive .container .eight.units { width: 438px; } .responsive .container .nine.units { width: 499px; } .responsive .container .ten.units { width: 560px; } .responsive .container .eleven.units { width: 621px; } .responsive .container .twelve.units { width: 682px; } .responsive #top.boxed .stretch_full { width: 782px; } .responsive #top .offset-by-one { padding-left: 61px; } .responsive #top .offset-by-two { padding-left: 122px; } .responsive #top .offset-by-three { padding-left: 183px; } .responsive #top .offset-by-four { padding-left: 244px; } .responsive #top .offset-by-five { padding-left: 305px; } .responsive #top .offset-by-six { padding-left: 366px; } .responsive #top .offset-by-seven { padding-left: 427px; } .responsive #top .offset-by-eight { padding-left: 488px; } .responsive #top .offset-by-nine { padding-left: 549px; } .responsive #top .offset-by-ten { padding-left: 610px; } .responsive #top .offset-by-eleven { padding-left: 671px; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .responsive #top { overflow-x: hidden; } .responsive .boxed#top { width: 100%; } .responsive .container { width: 268px; margin: 0 auto; } .responsive .units, .responsive .unit { margin: 0; } .responsive .container .one.unit, .responsive .container .one.units, .responsive .container .two.units, .responsive .container .three.units, .responsive .container .four.units, .responsive .container .five.units, .responsive .container .six.units, .responsive .container .seven.units, .responsive .container .eight.units, .responsive .container .nine.units, .responsive .container .ten.units, .responsive .container .eleven.units, .responsive .container .twelve.units, .responsive #top #wrap_all .flex_column { margin: 0; margin-bottom: 20px; width: 100%; } .responsive #top.boxed .stretch_full { width: 100%; } /* Offsets */ .responsive #top .offset-by-one, .responsive #top .offset-by-two, .responsive #top .offset-by-three, .responsive #top .offset-by-four, .responsive #top .offset-by-five, .responsive #top .offset-by-six, .responsive #top .offset-by-seven, .responsive #top .offset-by-eight, .responsive #top .offset-by-nine, .responsive #top .offset-by-ten, .responsive #top .offset-by-eleven { padding-left: 0; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive #top { overflow-x: hidden; } .responsive .boxed#top { width: 100%; } .responsive .container { width: 428px; margin: 0 auto; } .responsive .units, .responsive .unit { margin: 0; } .responsive .container .one.unit, .responsive .container .one.units, .responsive .container .two.units, .responsive .container .three.units, .responsive .container .four.units, .responsive .container .five.units, .responsive .container .six.units, .responsive .container .seven.units, .responsive .container .eight.units, .responsive .container .nine.units, .responsive .container .ten.units, .responsive .container .eleven.units, .responsive .container .twelve.units, .responsive #top #wrap_all .flex_column { width: 100%; margin-left: 0; margin-bottom: 20px; } .responsive #top.boxed .stretch_full { width: 100%; } } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested units, or wrap each row of units in a
*/ .clearfix:before, .clearfix:after, .flex_column:before, .flex_column:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .flex_column:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear units */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* Columns for better content separation ================================================== */ body div .first, body div .no_margin { margin-left: 0; } div .flex_column { z-index: 1; float: left; position: relative; min-height: 1px; width: 100%; } div .av_one_fifth { margin-left: 6%; width: 15.2%; } div .av_one_fourth { margin-left: 6%; width: 20.5%; } div .av_one_third { margin-left: 6%; width: 29.333333333333332%; } div .av_two_fifth { margin-left: 6%; width: 36.4%; } div .av_one_half { margin-left: 6%; width: 47%; } div .av_three_fifth { margin-left: 6%; width: 57.599999999999994%; } div .av_two_third { margin-left: 6%; width: 64.66666666666666%; } div .av_three_fourth { margin-left: 6%; width: 73.5%; } div .av_four_fifth { margin-left: 6%; width: 78.8%; } div .av_one_sixth { margin-left: 6%; width: 11.666666666666666%; } div .av_one_seventh { margin-left: 6%; width: 9.142857142857142%; } div .av_one_eighth { margin-left: 6%; width: 7.25%; } div .av_one_nineth { margin-left: 6%; width: 5.777777777777778%; } div .av_one_tenth { margin-left: 6%; width: 4.6%; } /* Columns for better content separation (no margin) ================================================== */ #top div .no_margin { margin-left: 0; margin-top: 0; } #top .no_margin.av_one_fifth { width: 20%; } #top .no_margin.av_one_fourth { width: 25%; } #top .no_margin.av_one_third { width: 33.3%; } #top .no_margin.av_two_fifth { width: 40%; } #top .no_margin.av_one_half { width: 50%; } #top .no_margin.av_three_fifth { width: 60%; } #top .no_margin.av_two_third { width: 66.6%; } #top .no_margin.av_three_fourth { width: 75%; } #top .no_margin.av_four_fifth { width: 80%; } #top .no_margin.av_one_sixth { width: 16.666666666666668%; } #top .no_margin.av_one_seventh { width: 14.285714285714286%; } #top .no_margin.av_one_eighth { width: 12.5%; } #top .no_margin.av_one_nineth { width: 11.11111111111111%; } #top .no_margin.av_one_tenth { width: 10%; } /*breaking point logic for the common 1/4 element in ipads. makes sure that it converts to a 1/2 element in most cases*/ @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive .av_one_fourth.first.el_before_av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth + .av_one_fourth, .responsive .avia-content-slider-inner .av_one_fourth { margin-left: 4%; width: 48%; } .responsive .av_one_fourth.first.el_before_av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half, .responsive .avia-content-slider-inner .av_one_fourth.first { margin-left: 0%; clear: both; } .responsive .av_one_half.first.el_before_av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half { width: 100%; } .responsive .av_one_half.first + .av_one_fourth, .responsive .av_one_half.first + .av_one_fourth + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half { margin-top: 30px; } } /* Table of Content ================================================== #Reset & Basics #Basic Styles #Site Styles #Typography #Links #Lists #Images #Buttons #Forms #Table #Misc #WordPress Generated Generics */ /* #Reset & Basics (Inspired by E. Meyers) ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } .special-quote { quotes: none; } .special-quote:before, .special-quote:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* #Basic Styles ================================================== */ html.responsive, .responsive body{ overflow-x: hidden; } body { font: 13px/1.65em 'Open Sans', sans-serif; color: #444; -webkit-text-size-adjust: 100%; } /* #Typography ================================================== */ /*font-stacks*/ .lucida-sans-websave{ font-family:'Open Sans', sans-serif ; } .georgia-websave{ font-family:'Open Sans', serif; } .arial-websave{ font-family:'Open Sans', sans-serif; } .verdana-websave{ font-family:'Open Sans', sans-serif; } .helvetica-websave{ font-family:'Open Sans', sans-serif; } .helvetica-neue-websave{font-family:'Open Sans', sans-serif; } /*default*/ h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif ; font-weight: 600; } #top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a { font-weight: inherit; text-decoration: none; color: inherit; } #top h1 strong, #top h2 strong, #top h3 strong, #top h4 strong, #top h5 strong, #top h6 strong { color: inherit; } h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;} h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 10px; } h3 { font-size: 20px; line-height: 1.1em; margin-bottom: 8px; } /*28*/ h4 { font-size: 18px; line-height: 1.1em; margin-bottom: 4px; } /*21*/ h5 { font-size: 16px; line-height: 1.1em; } /*17*/ h6 { font-size: 14px; line-height: 1.1em; } .flex_column h1 a:hover, .flex_column h2 a:hover, .flex_column h3 a:hover, .flex_column h4 a:hover, .flex_column h5 a:hover, .flex_column h6 a:hover{text-decoration: underline;} p + h1, p + h2, p + h3, p + h4, p + h5, p + h6{ margin-top:1.5em; } p { margin: 0.85em 0; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; } em { font-style: italic; } strong, b{ font-weight: bold; } small { font-size: 80%; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } /* Blockquotes */ blockquote{ border-left-style:solid; border-left-width:7px; padding-left:20px; margin-bottom:1em; margin-right:1em; font-size: 16px; line-height: 1.5em; } blockquote small, blockquote cite, blockquote small a, blockquote cite a, blockquote a small, blockquote a cite{font-size: 12px;} /* #Links ================================================== */ a { text-decoration: none; outline: 0; max-width:100%; max-width:none\9; } a:hover, a:focus, a:visited { outline: 0; text-decoration: underline;} p a, p a:visited { line-height: inherit; } a.avianolink, .avianolink a{cursor: default;} #top .avia_hidden_link_text{display: none;} /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: none outside; margin-left: 7px;} ol { list-style: decimal; margin-left: 15px; } ol, ul.square, ul.circle, ul.disc { } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc, .entry-content-wrapper ul { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } .entry-content-wrapper li { margin-left: 1em; padding:3px 0;} .entry-content-wrapper div li { text-indent: 0; } .entry-content-wrapper .borderlist>li:first-child { border-top:1px solid; } .entry-content-wrapper .borderlist>li { border-bottom:1px solid; padding: 5px 0; list-style-position: outside; margin:0;} /* #Images ================================================== */ img, a img { border:none; padding: 0; margin:0; display:inline-block; max-width: 100%; height:auto; image-rendering: optimizeQuality; } /* #Buttons ================================================== */ input[type="submit"], #submit, .button{ padding:9px 22px; cursor:pointer; border:none; -webkit-appearance: none; border-radius: 0px; } /* #Icons ================================================== */ [data-av_icon]:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; content: attr(data-av_icon); speak: none; } /* #Forms ================================================== */ #top form { margin-bottom: 20px; } #top fieldset { margin-bottom: 20px; } #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select { -webkit-appearance: none; border: 1px solid #e1e1e1; padding: 8px 6px; outline: none; font: 13px 'Open Sans', sans-serif; color: #777; margin: 0; width: 210px; max-width: 100%; display: block; margin-bottom: 20px; background: #fff; border-radius: 0px; } #top input[type="text"]:focus, #top input[type="password"]:focus, #top input[type="email"]:focus, #top input[type="number"]:focus, #top input[type="url"]:focus, #top input[type="tel"]:focus, #top input[type="search"]:focus, #top textarea:focus { box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2); color: #555; } #top textarea { min-height: 60px; line-height:1.5em;} #top label{ display: block; font-weight: bold; font-size: 12px; } #top legend { display: block; font-weight: normal; font-size: 15px; } #top select { width: 220px; } #top input[type="checkbox"] { display: inline; } #top label span, #top legend span { font-weight: normal; font-size: 13px; color: #444; } #top textarea{width:100%;} #top #wrap_all .valid .text_input, #top #wrap_all .valid .text_area, #top #wrap_all .valid .select{border:1px solid #9AA600;} /*#70A41B*/ #top #wrap_all .error .text_input, #top #wrap_all .error .text_area, #top #wrap_all .error .select{border:1px solid #DF653E;} #top #wrap_all .ajax_alert .text_input, #top #wrap_all .ajax_alert .text_area, #top #wrap_all .ajax_alert .select{border:1px solid #ffb628;} #top #wrap_all .valid .input_checkbox_label{color:#9AA600;} #top #wrap_all .error .input_checkbox_label{color:#DF653E;} /* #Table ================================================== */ table { width: 100%; padding: 0; margin: 0 0 20px 0; font-size: 13px; } table caption { padding: 0 0 5px 0; width: auto; font-style:italic; text-align: right; font-size: 12px; } th { font-weight:bold; letter-spacing: 1.5px; text-transform: uppercase; text-align: left; padding: 9px 12px; border-style: solid; border-width: 1px; border-left:none; border-top:none; } td { font-size: 13px; padding: 9px 12px; border-style: solid; border-width: 1px; border-left:none; border-top:none; } tr th:first-child, tr td:first-child{ border-left-style: solid; border-left-width: 1px; } tr:first-child th, tr:first-child td{ border-top-style: solid; border-top-width: 1px; } #top th.nobg { background: none; border-top: 0; } /* #Other elements ================================================== */ /*code*/ pre{ clear:both; border-style: solid; border-width: 1px; overflow:auto; padding:2em; line-height: 2em; font-size: 12px; background-image: -webkit-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent); background-image: -moz-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent); background-image: linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent); background-size: 100% 4em; font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; margin-bottom: 30px; position: relative; left:0; text-transform: none; width:100%; } code{ font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace; } iframe, object, embed{ max-width:100%; } /* misc text styles */ sup{ vertical-align: super; font-size: smaller; } sub{ vertical-align: sub; font-size: smaller; } /* #Misc ================================================== */ .hidden { position: absolute; top:0; visibility: hidden;} .floatleft{float:left;} .floatright{float:right;} .clearboth{clear:both;} .special_amp{font-family: "Baskerville", "Palatino Linotype", "Palatino", "Times New Roman", serif; font-style: italic; font-size: 1.3em; line-height: 0.5em; font-weight:normal;} #top .noborder, #top .noborder img{border:none;padding:0;background: transparent;} .bg_container{ background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; height:100%; width:100%; position: fixed; z-index: 0; top:0; left:0; } .image-overlay{position: absolute; background: #fff; z-index: 500; height:100%; width:100%; opacity: 0; filter:alpha(opacity=0);} .avia_transform a .image-overlay{ -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .avia_transform a:hover .image-overlay{opacity: 0.7 !important;} .image-overlay .image-overlay-inside{height:100%; width:100%; position: absolute; left:0; top:0; } .image-overlay .image-overlay-inside:before{position: absolute; border-radius: 50px; background: #000; height:80px; width:80px; line-height:80px; left:50%; top:50%; margin: -40px 0 0 -40px; z-index: 500; text-align: center; color:#fff;} .image-overlay .image-overlay-inside:before{content:"\E869"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; } .image-overlay.overlay-type-extern .image-overlay-inside:before{content:"\E832";} .image-overlay.overlay-type-video .image-overlay-inside:before{content:"\E897";} #top .hide-inner-overlay .image-overlay-inside{display: none;} /* #WordPress Generated Generics ================================================== */ /*img alignment*/ body .alignleft, .entry-content-wrapper a:hover .alignleft{ float:left; margin:4px 10px 0px 0; display: block; position: relative; } body .alignright, .entry-content-wrapper a:hover .alignright { float:right;margin:4px 0px 0px 10px;display: block; position: relative; } body .aligncenter, .entry-content-wrapper a:hover .aligncenter{ clear:both; display:block; margin:10px auto; padding: 10px 0; position: relative; } .alignleft img, .alignright img{ display:block; } /*gallery*/ #top .gallery a, #top .gallery a img{ border:none; max-width: 100%; display: block; position: relative; } #top .gallery .gallery-item{ margin:1px 1px 0 0; width:80px; height:80px; padding:0; } #top .gallery-caption{ display: none; } .bypostauthor{ } .gallery-icon{ margin:0; } .gallery-item{ margin:0; } .avia_textblock .gallery p{display:none;} /*image captions*/ div .wp-caption{ max-width:100%; font-size: 11px; font-style: italic; border-width:1px; border-style: solid; margin:5px 15px 10px 0; position: relative; } #top .wp-caption img { border:medium none; display:block; padding:5px; margin:0; width:100%; } .wp-caption-text, #top .wp-caption .wp-caption-dd{ display:block; font-size:11px; font-style:italic; margin:0 auto; padding:3px 10px 5px; text-align:center; font-family: Georgia,"Times New Roman"; float: none; } #top .wp-caption.aligncenter{ margin:5px auto 10px auto; padding:0; } /*smiley image*/ #top .wp-smiley{ display:inline-block; border:none; } /*calendar table*/ #wp-calendar td, #wp-calendar th{ text-align: center; font-size: 11px; padding: 3px; }