/*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; margin-right: -1px;} 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 20px 10px 20px; 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=50); 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; } #top .quantity .no-spin-num::-webkit-inner-spin-button, #top .quantity .no-spin::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } #top .quantity .no-spin-num {-moz-appearance: textfield;} .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(//foreyesoptical.ca/wp-content/themes/enfold/config-woocommerce/images/star.png) repeat-x left 0;} .star-rating span{background:url(//foreyesoptical.ca/wp-content/themes/enfold/config-woocommerce/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(//foreyesoptical.ca/wp-content/themes/enfold/config-woocommerce/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(//foreyesoptical.ca/wp-content/themes/enfold/config-woocommerce/images/star.png) repeat-x left -16px;} p.stars span a.active{background:url(//foreyesoptical.ca/wp-content/themes/enfold/config-woocommerce/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(//foreyesoptical.ca/wp-content/themes/enfold/config-woocommerce/images/remove.png) #cccccc;} a.remove:hover{} .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;} .avia-webkit #top .cart-collaterals .cart_totals table select, .avia-webkit #top.woocommerce-page select{padding-right:30px;} .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 form.register{padding-bottom: 50px;} #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;} #top button:disabled{ opacity: 0.4; cursor: not-allowed; } /*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: 46px; width: 46px; line-height: 46px; text-decoration: none; text-align: center; top: 50%; margin: -23px 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; transition: all ease-in-out 0.8s; } .html_bottom_nav_header .cart_dropdown{ margin: -40px 0 0 0; } .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; } .html_visible_cart .cart_dropdown{ right: -2px; } .html_burger_menu_active.html_visible_cart .cart_dropdown{ display: block; } .html_visible_cart .av-burger-menu-main{ padding-right: 25px; } .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: 44px; font-size: 15px; position: absolute; z-index: 2; width:100%; height:100%; } #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; position: relative; } .dropdown_widget .cart_list li.empty{ border-bottom: none; text-align: center; font-weight: bold; } .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{ font-size:13px; border:none; } .dropdown_widget .buttons{ border-top-style: solid; border-top-width: 1px; } .cart_dropdown .dropdown_widget .widget_shopping_cart_content p{ font-size:11px; 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; } /*cart icon variatons*/ .html_visible_cart.html_stretched.html_header_top.html_header_stretch .main_menu{ -webkit-transition: right ease-in-out 0.8s; transition: right ease-in-out 0.8s; right:30px; } .html_cart_at_menu.html_header_top #top .main_menu{right:0px;} #menu-item-shop.cart_dropdown{ right:0; top:0; margin:0; height: auto; border-top: none; border-radius: 0; width:auto; position: relative; float: left; } .av_menu_icon_beside + #menu-item-shop.cart_dropdown{ right:26px; } .html_cart_at_menu.html_header_searchicon .menu-item-search-dropdown{ padding-right:15px; } .main_menu .menu-item-account-icon a{ font-size: 17px; } .html_burger_menu.html_cart_at_menu.html_header_searchicon .menu-item-search-dropdown{ padding-right:0; } /* .html_cart_at_menu .avia-menu.av_menu_icon_beside{ padding-right:0; } */ .html_header_top #menu-item-shop.cart_dropdown{ border-bottom: none; } #menu-item-shop .cart_dropdown_link{ background: transparent; margin: 0; left: 0; color: inherit; position: relative; width:auto; -webkit-transition: color 0.15s ease-out; transition: color 0.15s ease-out; padding: 0 38px; float:left; line-height: 88px; } #menu-item-shop .dropdown_widget{right:-1px; top:100%; padding:0; margin-top:-1px;} .av_minimal_header #menu-item-shop .dropdown_widget{margin-top:0;} #menu-item-shop .dropdown_widget .avia-arrow{top:-5px; right:40px;} #top .av_header_transparency #menu-item-shop.cart_dropdown { border-color: transparent; } #top .av_header_glassy.av_header_transparency #menu-item-shop.cart_dropdown, #top .av_header_with_border.av_header_transparency #menu-item-shop.cart_dropdown { border-color: rgba(255, 255, 255, 0.25); } #header_main #menu-item-shop .added_to_cart_notification { top: 100%; right: -1px; } #header_main #menu-item-shop .added_to_cart_notification .avia-arrow { right: 39px; } .html_header_sidebar #menu-item-shop.cart_dropdown { width: 100%; margin: 0; right: 0; border-right: none; height: 46px; position: absolute; opacity: 1; } .html_header_sidebar #menu-item-shop.cart_dropdown .cart_dropdown_link{width: 100%; line-height: 46px; } .html_cart_at_menu.html_header_sidebar #header_main .avia-menu{margin-top:46px;} .html_cart_at_menu.html_header_sidebar #top #menu-item-shop .dropdown_widget.dropdown_widget_cart { width: 100%; } .html_cart_at_menu.html_header_sidebar #menu-item-shop .dropdown_widget .avia-arrow{right:48%;} .html_cart_at_menu.html_header_sidebar #header_main #menu-item-shop .added_to_cart_notification{width:100%;} .html_cart_at_menu.html_header_sidebar #header_main #menu-item-shop .added_to_cart_notification .avia-arrow { right: 48%; } .html_cart_at_menu.html_bottom_nav_header #menu-item-shop{float:right; right:-34px; border:none;} .html_cart_at_menu.html_bottom_nav_header #header_main .social_bookmarks{right:60px;} .html_cart_at_menu.html_bottom_nav_header.html_logo_right #menu-item-shop{float:left; left:-34px;} .html_cart_at_menu.html_bottom_nav_header.html_logo_right #header_main .social_bookmarks{left:60px;} .html_cart_at_menu.html_bottom_nav_header.html_logo_right #menu-item-shop .dropdown_widget{ left:17px; } .html_cart_at_menu.html_bottom_nav_header.html_logo_right #menu-item-shop .dropdown_widget .avia-arrow{left:25px;} .html_cart_at_menu.html_header_top.html_logo_left .av_seperator_big_border #menu-item-shop.cart_dropdown{margin-left:-1px;} .html_cart_at_menu.html_main_nav_header #top .main_menu .menu>li:last-child{padding-right:13px; margin-right:20px;} .html_cart_at_menu.html_main_nav_header #top .av_seperator_big_border .main_menu .menu>li:last-child{margin-right:0; padding-right:0;} /************************************************************************ 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 h2, .products .product h3, .products .product h4, .products .product h5, .products .product h6, h2.woocommerce-loop-product__title { padding-top:5px; font-size: 1em; line-height: 1.3em; 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: 0px; 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(//foreyesoptical.ca/wp-content/themes/enfold/config-woocommerce/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); -ms-transform: scale(0.3); transform: scale(0.3); } .adding-to-cart-loading:hover .cart-loading{ display:block; opacity: 0.9; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #top .added-to-cart-check .cart-loading{ -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); background: url(//foreyesoptical.ca/wp-content/themes/enfold/config-woocommerce/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; transition-delay: 300ms; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .avia_transform .added-to-cart-check .cart-loading{ display: block; opacity: 0; -webkit-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 div .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; padding-bottom: 10px; } .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:0px; font-size: 0.9em; -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: nowrap; border-style: solid; border-width: 1px; border-bottom: none; padding: 9px 20px 10px 20px; 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 20px 10px 20px; 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; } #top.single-product .related.products h2.woocommerce-loop-product__title{ } #top.single-product h2.woocommerce-loop-product__title { font-size: 1em; text-transform: none; } .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% 5px 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 th, #top .variations td{ padding:4px 10px; border:none; vertical-align: top; } #top .variations th.label{ width: 77px; text-align: center; text-transform: capitalize; } #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; min-width: 130px; } #top .variations td:nth-child(2){ text-align: left; } div a.remove { display: block; height: 18px; width: 18px; text-indent: -9999px; background: url(//foreyesoptical.ca/wp-content/themes/enfold/config-woocommerce/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: "Helvetica Neue",Helvetica,Arial,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(//foreyesoptical.ca/wp-content/themes/enfold/images/layout/bg-button.png); background-repeat: repeat-x; outline: none; } #top div .quantity input.plus{ border-left:none; } #top div .quantity input.minus{ border-right:none; } #top div .quantity input.qty { height: 43px; width: 43px; display: inline; padding: 0px 5px 0px; line-height: 41px; vertical-align: middle; margin: 0; text-align: center; } #top div td.actions .coupon .input-text { width: 200px; float: left; margin: 3px 3px 3px 0; font: 12px/1.7em "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 17px; padding: 11px; border-radius: 2px; } #top .actions .button[name="update_cart"] { float: right; margin-right: 0; } #top .actions .button[name="update_cart"]:disabled{ opacity: 0.4; cursor: not-allowed; } #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; display: block; z-index: 100; } .sort-param > li > span, .sort-param > li > a{ border-width:1px; border-style:solid; display:block; line-height: 31px; background-image: url(//foreyesoptical.ca/wp-content/themes/enfold/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(//foreyesoptical.ca/wp-content/themes/enfold/config-woocommerce/images/arrow_down.png) right center no-repeat; } .sort-param > li > a{ width:33px; overflow: hidden; height:33px; text-indent: 200%; background: transparent url(//foreyesoptical.ca/wp-content/themes/enfold/config-woocommerce/images/arrow_up_down.png) center -1px no-repeat; } .sort-param .sort-param-asc{ background: transparent url(//foreyesoptical.ca/wp-content/themes/enfold/config-woocommerce/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, .sort-param.active-sort > li 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; 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{ border-color: #941210;background-color: #F0DCDB;color: #941210; } #top div.woocommerce-message{ 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(//foreyesoptical.ca/wp-content/themes/enfold/config-woocommerce/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(//foreyesoptical.ca/wp-content/themes/enfold/config-woocommerce/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(//foreyesoptical.ca/wp-content/themes/enfold/config-woocommerce/images/star.png) repeat-x left 0 transparent; } #top div p.stars span a:hover, #top div p.stars span a:focus { background: url(//foreyesoptical.ca/wp-content/themes/enfold/config-woocommerce/images/star.png) repeat-x left -16px transparent; } /*rating*/ div .woocommerce-tabs .star-rating { background: url(//foreyesoptical.ca/wp-content/themes/enfold/config-woocommerce/images/star.png) repeat-x left 0 transparent; } #top #review_form p.stars, #top #commentform p{ padding:0; margin:0 0 10px 0; } #top #commentform p{ padding:2px; } #top .woocommerce-tabs div .star-rating span { background: url(//foreyesoptical.ca/wp-content/themes/enfold/config-woocommerce/images/star.png) repeat-x left -32px transparent; } .add_review{ display:none; } #top #reviews h2{ font: 10px/17px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, 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; } .rtl div #reviews #comments ol.commentlist li .comment-text { margin: 0 50px; } .rtl .av-woo-product-review #reviews #comments ol.commentlist li .comment-text { margin: 0 50px 0 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; display: inline-block; width: 100%; } #top #review_form #respond .comment-form-rating{ } #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:100%;} 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; color: #666; } #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 3px; width:auto; float:none;} 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(//foreyesoptical.ca/wp-content/themes/enfold/config-woocommerce/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; position: relative; } #top div ul.product_list_widget li a{display:block; font-weight:bold; font-size: 12px; line-height: 1.5em !important; height:auto !important;} 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; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; } /************************************************************************ 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 .avia-wc-notice-box .woocommerce-error a.button, #top .avia-wc-notice-box .woocommerce-message a.button{ position: relative; margin-right: 15px; margin-top: 0; float: left; width: 20%; min-width: 90px; } #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.woocommerce-checkout .woocommerce-checkout label.screen-reader-text .optional{ display: none; } #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; } #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; font-size: 13px; } #header_main .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;} /*added with enfold 3.0*/ #ship-to-different-address{padding:0;} #top label.checkbox{display:inline;} .html_header_sidebar .cart_dropdown{top: -46px; border-radius: 0; z-index: 210; opacity: 0; margin:0;} .html_header_left .cart_dropdown{right:-1px;} .html_boxed.html_header_sidebar .cart_dropdown{ top: 24px; } /* Customize to frame width to align icon to right on desktop view */ .html_av-framed-box.html_header_right #top .cart_dropdown{ right: auto; } .html_header_sidebar.html_visible_cart .cart_dropdown{opacity: 1;} .single-product-main-image{width:33%; float:left; margin-right: 50px; overflow: hidden; padding-bottom:50px;} .single-product-summary{overflow: hidden;} .cart_dropdown .dropdown_widget .widget_shopping_cart_content .variation p{padding:0; margin:0;} #top .variations_form .variations tr { background: rgba(0, 0, 0, 0); } /*added with enfold 3.0.3*/ .woocommerce-tabs #tab-description ul, #top .woocommerce-tabs .commentlist .description ul{ list-style-type: disc; list-style-position: inside; } .woocommerce-tabs #tab-description ol, #top .woocommerce-tabs .commentlist .description ol{ list-style-type: decimal; list-style-position: inside; } #top .woocommerce-tabs .commentlist .description ul, #top .woocommerce-tabs .commentlist .description ol{ margin:0 0 15px 15px; border:none; } /*added for woo 2.3*/ #top div ul.product_list_widget li a.remove{position: absolute; right: 0px; top: 26px; line-height: 16px;} #top .dropdown_widget_cart ul.product_list_widget li a.remove{right: 5px; top: 3px; display:none;} a.about_paypal { margin-left: 10px;} #top .select2-container{width:100%;} #top .select2-container .select2-choice{ font-size: 13px; box-shadow: none; border-radius: 0px; line-height: 36px; height:37px; background-image:none; } #top .select2-drop{border-radius: 0px;} #top .select2-container .select2-choice .select2-arrow {background: transparent; border:none;} #top .select2-container .select2-choice .select2-arrow b{background-position: -4px 5px!important; } #top .select2-results{margin:0; padding:0;} #top .select2-search{padding: 10px; border-bottom-style: solid; border-bottom-width: 1px; } #top .select2-search input[type='text']{margin-bottom: 0; box-shadow: none; max-width:100%; width:100%;} #top .select2-no-results{background: transparent; padding:10px;} #top #wrap_all select.country_select{height: 37px; border-radius: 0px;} #top form.cart .button{margin-top:0; margin-bottom: 0; display: inline-block; } #top .sidebar .widget_shopping_cart .button{min-width: 0; width: 48%;} /*woo builder elments added with enfold 3.1*/ .av-woo-product-tabs{clear:both;} #top .av-woo-product-review .comment_container, #top .av-woo-product-tabs .comment_container{padding:0;} #top .av-woo-product-tabs .tabs{margin:0; list-style-type: none; } #top .av-woo-product-tabs .tabs > li{float: left; padding:0; } #top .av-cart-counter { position: absolute; top: 50%; left: 54%; height: 16px; padding: 0 5px; line-height: 16px; border-radius: 54px; font-size: 11px; background: #333; color: #fff; text-align: center; margin: -20px 0 0 2px; -webkit-transform: scale(0.3); transform: scale(0.3); opacity: 0; } #top .av-cart-counter.av-active-counter{ -webkit-transition: all cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.3s; transition: all cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.3s; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /*minimal styling*/ #top .av-product-class-minimal { text-align: center; border: none; background: transparent; border-radius: 0;} #top .av-product-class-minimal .avia-arrow{display:none;} #top .av-product-class-minimal .inner_product_header{border:none; padding:10px 0; background: transparent; min-height: 0;} #top .av-product-class-minimal a, #top .av-product-class-minimal img{border-radius: 0;} /* product page/cat banner*/ #av_product_description{color:#fff; text-align: center;} #av_product_description *{color: inherit; } #av_product_description h1{font-weight: 300; font-size: 40px; line-height: 1.2em;} /*enfold v 3.1.4*/ .av-woo-purchase-button{clear:both;} .widget_layered_nav_filters .chosen a{display: block; border-radius: 2px; padding-left:3px;} .widget_layered_nav_filters .chosen a:hover, .widget_layered_nav .chosen a:hover { text-decoration: none; } .widget_layered_nav_filters .chosen a:before, .widget_layered_nav .chosen a:before{ content: "×"; margin-right: .53em; color: #e2401c; font-family: Arial, Baskerville, monospace !important; font-weight: bold; } #top .widget_layered_nav, #top .widget_layered_nav_filters { padding: 0 0 20px 0; } /*enfold v3.4*/ p.order-again { clear: both; width: 100%; float: left; margin: 0 0 50px; } .woocommerce .login .button{ margin:0 20px 0 0; position: relative; z-index: 5; } .woocommerce .login .lost_password{ margin:0; position: relative; top:-1em; left:5px; font-size: 0.92em; } /*enfold v3.5*/ #top .av-product-class-minimal-overlay { text-align: center; border: none; background: transparent; border-radius: 0;} #top .av-product-class-minimal-overlay .avia-arrow{display:none;} #top #wrap_all .av-product-class-minimal-overlay .inner_product_header{ border: none; padding: 10px 0; background: rgba(0,0,0,0.35); min-height: 0; height: 100%; width: 100%; position: absolute; top: 0; padding:1em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1; } #top #wrap_all .av-product-class-minimal-overlay a:hover .inner_product_header{ opacity: 0; } #top .av-product-class-minimal-overlay .inner_product_header_table{height:100%; width:100%; display: table; } #top .av-product-class-minimal-overlay .inner_product_header_cell{vertical-align: middle; display:table-cell;} #top .av-product-class-minimal-overlay a, #top .av-product-class-minimal-overlay img{border-radius: 0; } #top .av-product-class-minimal-overlay h2, #top .av-product-class-minimal-overlay h3, #top .av-product-class-minimal-overlay span, #top #wrap_all .av-product-class-minimal-overlay ins:before, #top #wrap_all .av-product-class-minimal-overlay .price, #top #wrap_all div .av-product-class-minimal-overlay del{color:#fff;} #top .av-product-class-minimal-overlay h3{font-size: 1.5em;} #top .av-product-class-minimal-overlay .onsale{border-radius: 0; top:0; right:0;} /*woocommerce 2.6 account nav*/ .woocommerce-MyAccount-navigation{ float:left; border-style: solid; border-width: 1px; margin-right:50px; } .woocommerce-MyAccount-navigation ul{ margin:0; } .woocommerce-MyAccount-navigation ul li{ list-style-type: none; list-style-position: outside; margin:0; padding:0; } .woocommerce-MyAccount-navigation ul li a{ padding:10px; text-align: center; border-bottom-style: solid; border-bottom-width:1px; display: block; min-width: 200px; } .woocommerce-MyAccount-navigation ul li:last-child a{ border:none; } .woocommerce-MyAccount-content{ overflow: hidden; } .woocommerce-MyAccount-navigation-link.is-active a{ font-weight: bold; } .woocommerce-MyAccount-navigation-link a:hover{ text-decoration: none; } .av-parallax-inner.av-parallax-woo { background-size: cover; } /* Modifications for WooCommerce 3.0 gallery - selectable by option ================================================================ */ .single-product div.product .woocommerce-product-gallery { margin-bottom:2.617924em; margin-top:0; } .single-product div.product .woocommerce-product-gallery { position:relative; } .single-product .single-product-main-image .avia-wc-30-product-gallery-lightbox{ position: absolute; top: 15px; left: 15px; display: block; height: 40px; line-height: 40px; text-align: center; background: #fff; width: 40px; font-size: 20px; border-radius: 333px; z-index: 99; text-align: center; overflow: hidden; border: 0px; color: #b0b0b0; } .single-product .single-product-main-image .avia-wc-30-product-gallery-lightbox:hover{ opacity: 0.6; cursor: pointer; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before { font-family: dashicons; content: "\f179"; font-size: 1.5em; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { position:absolute; top:.875em; right:.875em; display:block; height:2em; width:2em; /*border-radius:3px;*/ z-index:99; text-align:center; overflow:hidden; background: transparent; border: 0px; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger img { display: block !important; } .single-product div.product .woocommerce-product-gallery img{ margin:0; } .single-product div.product .woocommerce-product-gallery .flex-viewport{ margin-bottom:20px; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs{ margin:0; padding:0 } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs:after,.single-product div.product .woocommerce-product-gallery .flex-control-thumbs:before{ content:""; display:table; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li{ list-style:none; margin-bottom:0; cursor:pointer; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img { opacity:.5; -webkit-transition:all,ease,.2s; -moz-transition:all,ease,.2s; transition:all,ease,.2s; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active,.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img{ opacity:1; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li{ width:50%; float:left; margin-right:0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n){ margin-right:0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li{ width:33.333%; float:left; margin-right:0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n){ margin-right:0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li{ width:25%; float:left; margin-right:0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n){ margin-right:0; } .single-product div.product .images .woocommerce-main-image{ margin-bottom:1.618em; display:block; } .single-product div.product .images .thumbnails a.zoom{ display:block; width:22.05%; margin-right:3.8%; float:left; margin-bottom:1em; } .single-product div.product .images .thumbnails a.zoom.last{ margin-right:0; } .single-product div.product .woocommerce-product-gallery img{ border-style:solid; border-width: 1px; } /* End Modifications for WooCommerce 3.0 gallery ============================================= */ /*enfold 4.2*/ .html_top_nav_header .cart_dropdown { margin: -24px 0 0 0; } .html_top_nav_header.html_cart_at_menu #menu-item-shop{ right: 0; position: absolute; top: 50%; margin-top: -45px; } /*enfold 4.3*/ #top .woocommerce-terms-and-conditions-link{text-decoration: underline;} #top .template-page .product_meta { margin-bottom: 7px; } #top .template-page .product_meta > span { margin-right: 5px; font-size: 11px; } /* ************** WC 3.8 Block elements ***************** */ #top .entry-content > div[class*="wc-block-"]{ position: relative; width: 100%; float: left; } #top .wc-block-order-select.wc-block-review-order-select .wc-block-order-select__label{ float: none; font-size: 0.8em; margin-top: 2px; } #top .wc-block-order-select.wc-block-review-order-select .wc-block-order-select__label span{ font-size: 1.1em; color: inherit; } #top .wc-block-order-select.wc-block-review-order-select .wc-block-order-select__select{ width: 140px; float: right; padding: 2px; line-height: 28px; height: 28px; vertical-align: middle; font-size: 0.9em; } #top .wp-block-woocommerce-reviews-by-product .wc-block-load-more{ float: left; } #top .wc-block-review-list{ width: 100%; float: left; } #top .wc-block-review-list a, #top .wc-block-review-list a:hover, #top .wc-block-grid a{ text-decoration: none; } #top .wc-block-grid .wc-block-grid__product-add-to-cart .added_to_cart{ display: none; } #top .wc-block-grid .wp-block-button a, #top .wc-block-featured-product .wp-block-button:not(.is-style-default):not(.is-style-outline) a, #top .wc-block-featured-category .wp-block-button:not(.is-style-default):not(.is-style-outline) a, #top .wc-block-load-more .wp-block-button__link{ border-radius: 3px; padding: 10px; font-size: 16px; text-decoration: none; display: inline-block; border-bottom-style: solid; border-bottom-width: 1px; margin: 3px 0; line-height: 1.2em; position: relative; font-weight: normal; text-align: center; max-width: 100%; } #top .wc-block-grid .wp-block-button a:hover, #top .wc-block-featured-product .wc-block-featured-product__link a:hover, #top .wc-block-featured-category .wp-block-button a:hover{ text-decoration: none; opacity: 0.9; } #top .wc-block-product-categories .wc-block-product-categories__button, #top .wc-block-product-search__fields .wc-block-product-search__field, #top .wc-block-product-search__fields .wc-block-product-search__button{ height: 38px; } #top .wc-block-product-categories .wc-block-product-categories__dropdown{ width: 180px; } #top .wc-block-grid ul{ list-style: none; } #top .wc-block-grid .wc-block-grid__product-price{ font-weight: 700; } #top .wc-block-grid .star-rating > span, #top .wc-block-grid .star-rating .rating{ background: none; height: auto; } #top .wc-block-grid .star-rating{ float: none; background: none; height: 1.5em; } #top .entry-content-wrapper .wc-block-grid li{ margin-left: 0; } /* ************** WC 3.8 Block elements end ***************** */ /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) {} @media only screen and (max-width: 989px){ .responsive .main_menu .menu-item-account-icon a{ font-size: 24px; } } /* 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: 30%; margin: 0 3% 3% 0;} .responsive #top .price_slider_amount .button{min-width: 100%; } .responsive div .widget_price_filter .price_slider_wrapper .price_label{ clear:both; float:none; } .html_header_sidebar .cart_dropdown .dropdown_widget{width:200px;} .responsive .added_to_cart_notification{width:200px;} .responsive .av_mobile_menu_tablet .cart_dropdown { position: absolute; top: 50%; margin: -23px 0px 0 0;} .responsive.html_mobile_menu_tablet.html_visible_cart #top .avia-menu + #menu-item-shop{border-left:none;} /*.responsive.html_mobile_menu_tablet #menu-item-shop{border-right:none;}*/ .responsive.html_mobile_menu_tablet.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main{padding-top:119px;} .responsive.html_mobile_menu_tablet.html_top_nav_header .cart_dropdown {top: 45px; } .responsive.html_mobile_menu_tablet.html_top_nav_header.html_cart_at_menu #menu-item-shop{ right:85px;} .responsive.html_mobile_menu_tablet.html_cart_at_menu.html_bottom_nav_header #top #wrap_all .main_menu{right:40px;} .responsive.html_mobile_menu_tablet.html_cart_at_menu.html_bottom_nav_header.html_logo_right #menu-item-shop{left:60px;} .responsive.html_mobile_menu_tablet.html_cart_at_menu #top .main_menu .menu>li:last-child{padding-right:13px; margin-right:20px;} .responsive.html_mobile_menu_tablet.html_cart_at_menu.html_header_searchicon .menu-item-search-dropdown{ padding-right:0; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .responsive .single-product-main-image{width:100%; margin:0 30px 0 0;} .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 .shipping_calculator { padding-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-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 .col2-set .col-1{ display: inline-block; } .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%; margin: 0 3% 3% 0;} .responsive .shop_table .product-quantity{ display: none; } .responsive #order_review .shop_table .product-quantity { display: table !important; } .responsive #top .single-product-main-image .onsale { top: 7px; right: 7px; } /*header*/ .html_cart_at_menu.html_header_sidebar #header_main .avia-menu{ margin-top: 0; } .html_cart_at_menu.html_header_sidebar #header .av-main-nav-wrap { width: auto; } .responsive #top .cart_dropdown { position: absolute; top: 50%; margin-top: -23px; z-index: 1; } .html_av-framed-box.html_header_sidebar #top .cart_dropdown, .html_boxed.html_header_sidebar #top .cart_dropdown{ position: fixed; right: 0px; top: 5%; } .html_av-framed-box.html_header_sidebar #top.admin-bar .cart_dropdown, .html_boxed.html_header_sidebar #top.admin-bar .cart_dropdown{ top: 10%; } .responsive #top #menu-item-shop.cart_dropdown{ margin:0; top:0; border:none; height:100%; width: auto; line-height: 80px; position: static; margin-left: -39px; } .responsive.html_bottom_nav_header #top #menu-item-shop.cart_dropdown{ position: absolute; right: 0; } .responsive.html_bottom_nav_header.html_cart_at_menu #top #wrap_all .main_menu{ right: 64px; z-index: 102; } .responsive #top #header_main #menu-item-shop .cart_dropdown_link{line-height: 80px;} .responsive.html_cart_at_menu.html_header_sidebar #top #menu-item-shop .dropdown_widget.dropdown_widget_cart { width: 300px; } .responsive.html_cart_at_menu.html_header_sidebar #menu-item-shop .dropdown_widget .avia-arrow {right:40px;} .responsive.html_cart_at_menu.html_bottom_nav_header.html_logo_right #menu-item-shop{left:auto;} .responsive .single-product-main-image .sidebar{display:none;} .responsive #top table .product-name { border-left-style: solid; border-left-width: 1px; } .responsive .single-product-main-image{padding-bottom:20px; } .responsive .single-product-summary{clear: both; } .responsive.html_cart_at_menu.html_bottom_nav_header.html_logo_right #menu-item-shop .dropdown_widget{ left:auto; } .responsive.html_cart_at_menu.html_bottom_nav_header.html_logo_right #menu-item-shop .dropdown_widget .avia-arrow{left:auto;} .responsive .woocommerce-MyAccount-navigation{ float:none; display: block; margin:0 0 20px 0; } .responsive.html_top_nav_header #top .cart_dropdown {top: 40px; } .responsive.html_top_nav_header.html_cart_at_menu #top #menu-item-shop{ right:85px; position: absolute; } .responsive.html_header_sidebar.html_visible_cart .cart_dropdown{ right: -25px; } .responsive.html_cart_at_menu #top .main_menu .menu>li:last-child{padding-right:13px; margin-right:20px;} .responsive.html_cart_at_menu.html_header_searchicon .menu-item-search-dropdown{ padding-right:0; } } /* 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.cart { display: table; } .responsive table.shop_table.cart .product-thumbnail{ display: none; } .responsive table.shop_table.cart td.product-remove{ display: table-cell; padding: 3px 0 3px 3px; } .responsive table.shop_table.cart .product-remove{ width: 10%; } .responsive table.shop_table.cart .product-name{ display: table-cell; padding: 3px 0 3px 3px; width: 40%; text-align: center; } .responsive table.shop_table.cart td.product-price, .responsive table.shop_table.cart td.product-tax{ display: table-cell; padding: 3px; } .responsive table.shop_table.cart .product-price, .responsive table.shop_table.cart .product-tax{ width: 25%; text-align: center; } .responsive table.shop_table td{ display:table-cell; } .responsive table.shop_table{ display:table; 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; } }/* 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: 100%; margin: 0 auto; padding: 0px 50px; clear: both; } .inner-container{ position: relative; height:100%; width:100%; } /*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; } #wrap_all { width: 100%; position: static; /*fixes chrome 40 issue with fixed section bgs*/ 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 sizes */ .container .av-content-full.units { width: 100% } .container .av-content-small.units { width: 73% } .boxed#top, .html_boxed.html_header_sticky #header{ width: 1010px; } .container{ max-width: 1010px; } /* #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, .responsive.html_boxed.html_header_sticky #header{ width: 782px; } .responsive .container{ max-width: 782px; } .responsive.html_mobile_menu_tablet .boxed #wrap_all { overflow: hidden; /*needed for mobile menu scrolling */ } } /* All Tablets and smaller */ @media only screen and (max-width: 989px) { .responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell { margin: 0; margin-bottom: 20px; width: 100%; display: block; } /* added 5.0.2: remove 20px only between 767px and 989px */ .responsive #top #wrap_all .av-break-at-tablet .flex_cell.no_margin{ margin-bottom: 0; } .responsive #top #wrap_all .av-break-at-tablet-flextable, .responsive .av-layout-grid-container.av-break-at-tablet { display: block; } .responsive #top #wrap_all .av-break-at-tablet-flextable.av-mobile-columns-flex{ display: flex; flex-direction: column; } .responsive #top #wrap_all .av-break-at-tablet-flexwrapper.av-column-wrapper-individual.av-mobile-columns-flex{ display: flex; flex-direction: column; width: 100%; } .responsive #top #wrap_all .av-break-at-tablet-flextable.av-mobile-columns-flex.av-columns-reverse, .responsive #top #wrap_all .av-break-at-tablet-flexwrapper.av-column-wrapper-individual.av-mobile-columns-flex.av-columns-reverse{ flex-direction: column-reverse; } .responsive #top #wrap_all .av-flex-cells .no_margin{ height:auto !important; overflow: hidden; } } /* #Mobile (Portrait) ================================================== */ @media only screen and (max-width: 767px) { .responsive .boxed #wrap_all { overflow: hidden; /*needed for mobile menu scrolling */ } .responsive #top { overflow-x: hidden; } .responsive .boxed#top, .responsive #top.boxed .stretch_full, .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency div #header{ width: 100%; max-width: 100%; } .responsive #top .flex_column_table_cell{ display: block; } .responsive #top .flex_column_table{ display:block; } .responsive #top #wrap_all .av-mobile-columns-flex{ display: flex; flex-direction: column; width: 100%; } .responsive #top #wrap_all .av-mobile-columns-flex.av-columns-reverse{ flex-direction: column-reverse; } .responsive #top #wrap_all .container { width: 85%; max-width: 85%; margin: 0 auto; padding-left:0; padding-right:0; float:none; } .responsive .units, .responsive .unit { margin: 0; } .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin { margin: 0; margin-bottom: 20px; width: 100%; } .responsive #top #wrap_all .av-flex-cells .no_margin{ display: block; margin: 0; height:auto !important; overflow: hidden; padding-left:8% !important; padding-right:8% !important; } .responsive #top #wrap_all .av-flex-cells .no_margin .flex_cell_inner{ width: 100%; max-width: 100%; margin: 0 auto; } .responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding{ padding-left:0% !important; padding-right:0% !important; } .responsive #top #wrap_all .flex_column:empty{ margin:0; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* #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, .widget:before, .widget: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.666%; } #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%; } /* Columns with equal height ================================================== */ #top .flex_column_table{ display: table; table-layout: fixed; width: 100%; float: left; /* added 4.7.4.1 to fix equal height after individual height columns */ } #top .flex_column_table.av-equal-height-column-flextable:not(:first-child){ margin-top: 50px; /* added 4.7.5.1 to fix inconsistent layout equal height after individual height columns but remove when first entry */ } #top .flex_column_table_cell{ float: none; display: table-cell; } #top .av-flex-placeholder{ display: table-cell; width: 6%; } .av-align-top{ vertical-align: top; } .av-align-middle{ vertical-align: middle; } .av-align-bottom{ vertical-align: bottom; } /*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.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth + .av_one_fourth.flex_column_div, .responsive .avia-content-slider-inner .av_one_fourth.flex_column_div{ margin-left: 4%; width: 48%; } /* added 4.8.9.1 broken layout with 25% width https://kriesi.at/support/topic/4-column-layout-issues-on-ipad/ */ .responsive #top .no_margin.av_one_fourth{ margin-left: 0; width: 50%; } .responsive .av_one_fourth.first.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half.flex_column_div, .responsive .avia-content-slider-inner .av_one_fourth.first.flex_column_div{ margin-left: 0%; clear: both; } .responsive .av_one_half.first.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half.flex_column_div{ width: 100%; } .responsive .av_one_half.first + .av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half.flex_column_div{ margin-top: 30px; } }/* Table of Content ================================================== #Reset & Basics #Basic Styles #Site Styles #Typography #Links #Lists #Images #Buttons #Forms #Table #Misc #WordPress Generated Generics #print styles */ /* #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; } body figure{ margin: 0; /* WP 6.1 bugfix */ } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1em; } 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 "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #444; -webkit-text-size-adjust: 100%; } /* #Typography ================================================== */ /*font-stacks*/ .arial-websave{ font-family: Arial, Helvetica, Helvetica Neue, HelveticaNeue, Verdana, sans-serif; } .arial-black-websave{ font-family: "Arial Black", Arial Bold, Gadget, sans-serif; } .arial-narrow-websave{ font-family: Arial Narrow, Arial, sans-serif; } .helvetica-websave{ font-family: Helvetica, "HelveticaNeue", "Helvetica Neue", Arial, Verdana, sans-serif; } .helvetica-neue-websave{ font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } .lucida-sans-websave{ font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Helvetica Neue, HelveticaNeue, Arial, sans-serif; } .tahoma-websave{ font-family: Tahoma, Verdana, Segoe, sans-serif; } .trebuchet-ms-websave{ font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; } .verdana-websave{ font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; } .georgia-websave{ font-family:"Georgia", "Times New Roman", Times, serif; } .lucida-bright-websave{ font-family: Lucida Bright, Georgia, serif; } .palatino-websave{ font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif; } .times-new-roman-websave{ font-family: TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif; } .courier-new-websave{ font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace; } .lucida-sans-typewriter-websave{ font-family: Lucida Sans Typewriter, Lucida Console, monaco, Bitstream Vera Sans Mono, monospace; } .copperplate-websave{ font-family: Copperplate, Copperplate Gothic Light, fantasy; } .papyrus-websave{ font-family: Papyrus, fantasy; } .brush-script-mt-websave{ font-family: Brush Script MT, cursive; } /*default*/ h1, h2, h3, h4, h5, h6 { /* font-family: "Georgia", "Times New Roman", Helvetica, Arial, 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: 1.235em; line-height: 1.5em; } blockquote small, blockquote cite, blockquote small a, blockquote cite a, blockquote a small, blockquote a cite{ font-size: 12px; } mark{ background-color: transparent; color:inherit; } /* #Links ================================================== */ a { text-decoration: none; outline: 0; max-width: 100%; max-width: none\9; } #top a:where(:not(.wp-element-button)) { text-decoration: none; /* WP 6.1 fix */ } 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; } /* Hide Image Copyright everywhere by default on blog pages */ small.avia-copyright{ display: none; } .av-image-copyright{ position: absolute; bottom: 0; z-index: 5; } .av-image-copyright.av-copyright-left{ left: 0; padding: 0.2em 0.2em 0.2em 0.4em; border-top-right-radius: 5px; } .av-image-copyright.av-copyright-right{ right: 0; padding: 0.2em 0.4em 0.2em 0.2em; border-top-left-radius: 5px; } /* #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: never; } /* #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: 1em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777; margin: 0; 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{ font-weight: bold; font-size: 0.92em; } #top legend { display: block; font-weight: normal; font-size: 1.2em; } #top select { width: 100%; } #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: -1; top:0; left:0; } .image-overlay{ position: absolute; background: #fff; z-index: 300; 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; } #top .wp-caption.alignright{ margin: 4px 0px 0px 10px; } /*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; } @media only screen and (min-width: 990px){ .responsive.av-no-preview #top #wrap_all .av-desktop-hide, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-title-hidden{ display:none; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive.av-no-preview #top #wrap_all .av-medium-hide, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-title-hidden{ display:none; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive.av-no-preview #top #wrap_all .av-small-hide, .responsive.av-no-preview #top #wrap_all .av-small-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-small-font-size-title-hidden{ display:none; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .responsive.av-no-preview #top #wrap_all .av-mini-hide, .responsive.av-no-preview #top #wrap_all .av-mini-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-mini-font-size-title-hidden{ display:none; } } /* Print Styles ================================================== */ @media print{ .page-break{ display:block; page-break-before:always; } p, a, strong{ color:#000 !important; } a{ text-decoration:underline; } .entry-content a:after{ content:" [" attr(href) "] "; } .related_posts a:after{ content:attr(title); } .container{ width:100%; } #top{ overflow-x:hidden; } .boxed#top{ width:100%; } .container{ width:100%; margin:0 auto; } .units, .unit{ margin:0; } .container .one.unit, .container .one.units, .container .two.units, .container .three.units, .container .four.units, .container .five.units, .container .six.units, .container .seven.units, .container .eight.units, .container .nine.units, .container .ten.units, .container .eleven.units, .container .twelve.units, #top .flex_column{ margin:0; margin-bottom:20px; width:100%; } #top.boxed .stretch_full{ width:100%; } #top .offset-by-one, #top .offset-by-two, #top .offset-by-three, #top .offset-by-four, #top .offset-by-five, #top .offset-by-six, #top .offset-by-seven, #top .offset-by-eight, #top .offset-by-nine, #top .offset-by-ten, #top .offset-by-eleven{ padding-left:0; } .avia-section-large .content, .avia-section-large .sidebar{ padding-top:2%; padding-bottom:2%; } #top .flex_column.av_one_half{ width:48%; } #top .flex_column.av_one_half.first{ padding-right:2%; } .fixed_header #header, .html_header_top.html_header_sticky #header{ position:relative; top:0; } .fixed_header #main{ padding-top:0; } #header_main{ border-bottom:0; } nav, #footer, #scroll-top-link, #av-cookie-consent-badge, .image-overlay, #top #main .sidebar, #commentform, .comment_container .miniheading, .comment_container .minitext, #top .avia-post-nav{ display:none; } .avia-shadow{ box-shadow:inset 0 0 0 rgba(0,0,0,0); } .grid-entry .inner-entry{ margin-right: 0; box-shadow: 0 0 0 0 rgba(0,0,0,0); } .content{ border:0; } .boxed .container{ margin:0; } .avia-layerslider, .avia-fullwidth-slider{ display:none; } .avia_transform .avia-icon-list .iconlist_icon{ opacity:1; -moz-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); } #top .tab_titles{ display:none; } #top .tabcontainer .tab.fullsize-tab{ display:block; border-bottom:none; } #top .tab_content{ display:block; visibility:visible; z-index:3; position:relative; overflow:auto; border-style:solid; border-width:1px; border-radius:2px; left:0; width:auto; background-color:#fcfcfc; color:#666; } #top .tab_inner_content{ left:0; } #top .toggle_wrap{ visibility:visible; display:block; position:static; } .grid-sort-container{ width:60%; margin:0 auto; } #top .isotope-item{ position:initial !important; top:0 !important; left:0 !important; -webkit-transform:translate3d(0,0,0) !important; } .avia-progress-bar{ margin:5px 0; border:1px solid #555 !important; border-radius:3px !important; } .avia-progress-bar .progress{ box-shadow:inset 0 0 0 0 rgba(0,0,0,0) !important; border:0 !important; } .avia-progress-bar div.progress .bar{ border:0 solid; border-right:1px solid #555 !important; border-radius:0; } .avia-testimonial-image{ margin:0; width:100%; float:none; text-align:center; margin-bottom:15px; height:auto; } .avia-grid-testimonials .avia-testimonial-meta{ margin-left:0; } body div .avia-testimonial{ display:block; float:left; } .avia_transform .avia-testimonial .avia-testimonial-image{ opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); } .avia_transform .avia-gallery-thumb img{ opacity:1; } }/* Table of Content ====================================================================================================================================================== #Site Styles #Blog Styles #Page Styles #Post Formats #Widget & Sidebar #Footer & #Socket #Comment #CSS Animations #Media Queries */ /* ====================================================================================================================================================== #Site Styles ====================================================================================================================================================== */ #header{ position: relative; z-index: 501; /*(issues/769)*/ width:100%; background: transparent; } #header_main .container, .main_menu ul:first-child > li a{ height:88px; line-height: 88px; } /* sticky variation*/ .html_header_top.html_header_sticky #main{ padding-top:88px; } .html_header_top.html_header_transparency #header{ position: absolute; } .html_header_top.html_header_sticky #header{ position: fixed; } .html_header_top.html_header_sticky.html_bottom_nav_header #main{ padding-top:140px; } .html_bottom_nav_header .avia-search-tooltip { top: 101% !important; margin-left: -130px; } .html_header_top.html_header_sticky.html_header_unstick_top .header-scrolled-full#header { } /*big header*/ .html_header_top.html_header_sticky.html_large #main{ padding-top:116px; } .html_header_top.html_header_sticky.html_large #header_main .container, .html_header_top.html_header_sticky.html_large.html_main_nav_header .main_menu ul:first-child > li a { height: 116px; line-height: 116px; } .html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main{ padding-top:168px; } /* stretched variation*/ .html_header_top #top .av_header_stretch .container{ width:96%; padding:0; max-width: 100%; } /*logo + position variation*/ .html_header_top #top .av_logo_right .logo{ left:auto; right:0; } .html_header_top #top .av_menu_left .main_menu{ left:0px; right:auto; } .html_header_top.html_main_nav_header #top .av_menu_left .main_menu{ left:-13px; right:auto; } .html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a { height:50px; line-height: 50px; } .html_header_top .av_bottom_nav_header .av-logo-container .main_menu{ display:none; } .html_header_top.html_bottom_nav_header #header_main{ z-index: 3; } .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu{ clear: both; position: relative; line-height: 40px; height: 100%; width:100%; float:left; } .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu>div, .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu ul:first-child{ width:100%; height:50px; } .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu ul:first-child>li:hover{ z-index: 1000; position: relative; } .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu .menu-item-search-dropdown{ float:right; } #header_main_alternate{ z-index: 2; } #header #header_main_alternate .container{ max-height: none; height:auto; } #header_main_alternate .main_menu .menu li ul ul { left: 207px; } #header_main_alternate .avia_mega_div{ right:auto; left:0; } .html_header_top.html_logo_center .main_menu{ text-align: center; } .html_header_top.html_logo_center #header_main_alternate .main_menu ul:first-child{ display: inline-block; width:auto; position: static; } .html_header_top.html_logo_center .logo{ left:50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .avia-msie-8 .logo img, .avia-msie-8 .logo svg{ height: 100%; } .avia-msie-8.html_header_top.html_logo_center .logo { left:46%; /*ie8 rule for somewhat centering the logo*/ } .html_header_top.html_bottom_nav_header.html_logo_right .main_menu ul:first-child{ width:auto; float:right; } .html_header_top.html_bottom_nav_header.html_logo_right .main_menu ul:first-child{ width:auto; float:right;} /*top bar variation*/ .html_header_top.html_header_topbar_active.html_header_sticky #top #main{ padding-top:119px; } .html_header_top.html_header_topbar_active.html_header_sticky.html_large #top #main{ padding-top:147px; } .html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main{ padding-top:170px; } .html_header_top.html_header_topbar_active.html_header_sticky.html_large.html_bottom_nav_header #top #main{ padding-top:198px; } /*top bar element alignment*/ .av_icon_active_left .social_bookmarks{ float: left; } .av_icon_active_right .social_bookmarks{ float: right; } .av_secondary_right .sub_menu{ float:right; } .av_phone_active_left .phone-info{ float: left; } .av_phone_active_right .phone-info{ float: right; } /*header with social icons and bottom nav */ .phone-info { float: left; font-weight: bold; line-height: 20px; font-size: 11px; padding:5px 0; } .phone-info div{ display: inline-block; line-height: 1em; } .av_secondary_left .sub_menu>ul>li:last-child, .av_secondary_left .sub_menu>div>ul>li:last-child{ border:none; padding-right: 0; } .av_secondary_right .sub_menu>ul>li:last-child, .av_secondary_right .sub_menu>div>ul>li:last-child{ border:none; margin-right: 0px; padding-right:0; padding-left:10px; } .av_secondary_left .sub_menu>ul>li:first-child{ padding-left:0; } .av_icon_active_left.av_secondary_left .sub_menu>ul>li:first-child{ padding-left:10px; } .av_icon_active_right.av_secondary_right .sub_menu>ul>li:first-child{ padding-left:10px; } .av_secondary_right .sub_menu{ padding-left:10px; } .av_icon_active_right .social_bookmarks{ padding-left:20px; } .av_secondary_left .sub_menu{ padding-right:10px; } /* .html_boxed.html_header_sticky #header{ width:auto; } */ .html_boxed #main { position: static; /*necessary for boxed layout + fix bg sections */ overflow: hidden; } .html_logo_right.html_bottom_nav_header #header_main .social_bookmarks{ right:auto; left:0; } /*header with social icons and main nav */ #top nav .social_bookmarks{ position: relative; top: 50%; margin-top: -16px; right: 0; overflow: hidden; clear: none; float: left; } .avia-menu.av_menu_icon_beside{ padding-right:25px; margin-right:25px; border-right-width: 1px; border-right-style: solid; -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; } .fallback_menu + .social_bookmarks { padding-left: 18px; } #header_meta{ border-top:none; z-index: 10; min-height: 30px; border-bottom-style: solid; border-bottom-width: 1px; margin-bottom:-1px; } #header_meta .container{ min-height: 30px; } #header_main{ border-bottom-width: 1px; border-bottom-style: solid; z-index: 1; } #header.shadow{ box-shadow:0px 0px 3px rgba(0, 0, 0, 0.2); } .header_bg{ position: absolute; top:0; left:0; width:100%; height:100%; opacity:0.95; filter:alpha(opacity=95); /* For IE8 and earlier */ z-index: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; } .html_header_sticky_disabled .header_bg { opacity: 1; filter: alpha(opacity=100); } .avia-msie-8.html_header_transparency .av_header_sticky_disabled#header{ background: transparent; } /*minimal header*/ .av_minimal_header .header_bg{ opacity:1; filter:alpha(opacity=100); } .av_minimal_header #header_main, .av_minimal_header #header_meta{ border:none; } .av_minimal_header .avia-menu-fx{ display: none; } #top #header.av_minimal_header .main_menu ul:first-child >li > ul, #top #header.av_minimal_header .main_menu .avia_mega_div > .sub-menu{ border-top: none; } .av_minimal_header #header_main .container, .av_minimal_header .main_menu ul:first-child > li a{ height:90px; line-height: 90px; } .html_header_top.html_header_sticky.html_large .av_minimal_header #header_main .container, .html_header_top.html_header_sticky.html_large.html_main_nav_header .av_minimal_header .main_menu ul:first-child > li a{ height:118px; line-height: 118px; } #top .av_minimal_header #s{ border:none; padding: 12px 47px 12px 5px; } #top .av_minimal_header .av_ajax_search_entry{ border:none; } .av_minimal_header_shadow{ box-shadow: 0 0 2px 1px rgba(0,0,0,0.1); } .av_minimal_header_shadow.av_header_transparency{ box-shadow: 0 0 0px 0px rgba(0,0,0,0.0); } .av_minimal_header #header_main_alternate{ border:none; } /*transparent header*/ .html_header_transparency #main{ padding-top: 0 !important; } #top .av_header_transparency .main_menu ul:first-child > li > a:hover, #top .av_header_transparency .main_menu ul:first-child > li > a:focus, #top #wrap_all .av_header_transparency .sub_menu > ul > li > a:hover, #top #wrap_all .av_header_transparency .sub_menu > ul > li > a:focus{ opacity: 0.8; -webkit-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } #top .av_header_transparency.av_alternate_logo_active .logo a > img, #top .av_header_transparency.av_alternate_logo_active .logo a > svg{ opacity: 0; filter: alpha(opacity=0); } #top .av_header_transparency #header_main, #top .av_header_transparency .avia-menu.av_menu_icon_beside{ border-color: transparent; } #top .av_header_transparency .header_bg{ background-color: transparent; opacity: 0; filter:alpha(opacity=0); } #top .av_header_transparency .phone-info, #top .av_header_transparency .social_bookmarks li a { color:inherit; } #top #header.av_header_transparency .avia_mega_div{ margin-top:1px; padding-top:1px; } #top .av_header_transparency .avia-menu-fx { bottom: 22%; width: 70%; left: 15%; } #top .av_header_transparency .phone-info.with_nav span{ border-color: rgba(255, 255, 255, 0.25); color:#fff; } #top .av_header_transparency #header_meta li{ border-color: rgba(255,255,255,0.25); color:inherit; } #top .av_header_transparency #header_meta{ background: transparent; box-shadow: none; border-bottom: 1px solid rgba(255,255,255,0.25); } .html_header_transparency #header_meta{ -webkit-transition: background 0.4s ease-in-out; transition: background 0.4s ease-in-out; } /*transparent glassy*/ #top .av_header_glassy.av_header_transparency .header_bg{ background-color: #fff; opacity: 0.1; filter:alpha(opacity=10); } #top .av_header_glassy.av_header_transparency #header_main{ border-color: rgba(255,255,255,0.25); border-top-color: transparent; } #top .av_header_glassy.av_header_transparency .avia-menu.av_menu_icon_beside{ border-color: rgba(255, 255, 255, 0.25); } #top .av_header_glassy.av_header_transparency .social_bookmarks li, #top .av_header_glassy.av_header_transparency .social_bookmarks li a{ border-color: rgba(255,255,255,0.25); color:#fff; } #top .av_header_glassy.av_header_transparency #header_main_alternate{ border-bottom-color: rgba(255,255,255,0.25); } /*with border*/ #top .av_header_with_border.av_header_transparency #header_main{ border: 1px solid rgba(255,255,255,0.25); border-left: none; border-right: none; border-top-color: transparent; } #top .av_header_with_border.av_header_transparency .avia-menu.av_menu_icon_beside{ border-color: rgba(255,255,255,0.25); } /*disabled search icon*/ .html_header_searchicon_disabled #top .av_header_border_disabled.av_bottom_nav_disabled .main_menu .menu>li:last-child>a .avia-menu-fx{ padding-right:13px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } /*scrolldown header*/ #top .av_header_scrolldown{ -webkit-transition: opacity 0.6s ease-out, margin 0.6s ease-out; transition: opacity 0.6s ease-out, margin 0.6s ease-out; margin-top:0px; } #top .av_header_scrolldown.av_header_transparency{ opacity: 0; margin-top:-250px !important; } .html_header_transparency.html_header_scrolldown #top .avia-builder-el-0 .container, .html_header_transparency.html_header_scrolldown #top .avia-builder-el-0 .slideshow_inner_caption { padding-top: 0; } /* page as footer fix */ .html_header_transparency #top .footer-page-content .avia-builder-el-0 .container{ padding-top: 0; } /*perma hidden*/ #top .header_hidden{ display:none; } /*header separator variations*/ .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text{ border-left-style: solid; border-left-width:1px; padding-left: 13px; margin-left: -13px; } .av_seperator_small_border .av-main-nav > li:first-child > a > .avia-menu-text{ border-left:none; } .av_seperator_big_border .av-main-nav > li > a{ border-left-style: solid; border-left-width:1px; text-align: center; min-width: 90px; } #top .av_seperator_big_border .av-main-nav > li:last-child > a, #top .av_seperator_big_border .av-main-nav > #menu-item-search > a{ border-right-style: solid; border-right-width:1px; } #top .av_seperator_big_border .av-main-nav > #menu-item-search > a{ border-left-style: solid; border-left-width:1px; border-color: inherit; } #top .av_seperator_big_border#header .av-menu-button > a .avia-menu-text{ border:none; } .av_seperator_big_border .avia-menu.av_menu_icon_beside{ padding-right: 0; } #top .av_seperator_big_border#header .av-main-nav > li > a{ padding:0 13px; } #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{ border-right-style:none; border-right-width:0; } .html_bottom_nav_header #top .av_seperator_big_border .av-main-nav > #menu-item-search > a{ border-left-style: solid; border-left-width:1px; border-color: inherit; margin-left: -1px; } .avia-menu-subtext, #top .sub-menu .avia-menu-subtext{ display:none; } /*menu flyout position*/ .html_header_top #top .av_menu_left .main_menu .menu li ul ul{ left: 207px; } /*sidebar headers*/ .html_header_sidebar{} .html_header_sidebar #top #header{ width:300px; position: absolute; min-height:100%; border-bottom:none; } .html_boxed.html_header_sidebar #wrap_all{ position: relative; } .html_header_sidebar #top #header_main{ border-top:none; } .html_header_sidebar #header .container{ width:100%; height:auto; line-height: 1.3em; padding:0; float:none; max-width: 100%; } .html_header_sidebar .header_bg{ opacity: 1; filter: alpha(opacity=95); } .html_header_left #top #header{} .html_header_right #top #header{ right: 0; } .html_header_left #main{ margin-left:300px; position: relative; border-left-style:solid; border-left-width:1px; } .html_header_right #main{ margin-right:300px; position: relative; border-right-style:solid; border-right-width:1px; } .html_header_sidebar #top #header.av_always_sticky{ position: fixed; -webkit-backface-visibility: hidden; /*fix for layout bugs when scrolling*/ } .html_header_sidebar .logo{ position: relative; clear:both; padding:40px; border-bottom-style: solid; border-bottom-width:1px; height:auto; max-height: none; width:100%; } .html_header_sidebar .logo img, .html_header_sidebar .logo svg{ width: 100%; max-height: none; padding: 0; height: auto; } .html_header_sidebar .main_menu{ position: relative; clear:both; z-index: 200; } .html_header_sidebar #header .av-main-nav , .html_header_sidebar #header .av-main-nav-wrap{ width:100%; } .html_header_sidebar #header .av-main-nav { padding:20px 0; } .html_header_sidebar #header .av-main-nav > li{ float:none; display: block; margin:0 13%; } .html_header_sidebar #header .av-main-nav > li > a{ line-height: 1.3em; height:auto; padding:15px 3px; border-bottom-style: solid; border-bottom-width:1px; margin:0 auto; } .html_header_sidebar #header .av-main-nav > li > a .avia-menu-text{ font-size: inherit; /* 16px removed in 4.9.1 - overrides advanced styling setting */ font-weight: normal; display: block; } .html_header_sidebar #header .av-main-nav > li > a .avia-menu-subtext{ display:block; font-weight:normal; font-size:12px; padding-top: 3px; } .html_header_sidebar #header .av-main-nav > li:last-child > a{ border:none; } .html_header_sidebar #header .av-main-nav > li:nth-last-child(2) > a{ border:none; } .html_header_sidebar #header .avia-menu-fx{ display:none; } .html_header_sidebar .av-main-nav ul{ border-top-width: 1px; } .html_header_left .av-main-nav ul{ top:0; left:100%; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); } .html_header_left #top .av-main-nav ul ul{ left:207px; top:-1px; } .html_header_right .av-main-nav ul{ top:0; left:auto; right:100%; box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.1); } .html_header_right #top .av-main-nav ul ul{ left:-207px; top:-1px; } .html_header_sidebar #top .av-main-nav ul a{ padding: 12px 15px; } .html_header_sidebar #main > .avia-builder-el-0{ border-top:none; } .html_header_sidebar #top #header .av-menu-button > a{ border:none; } .html_header_sidebar #top #header .av-menu-button + .av-menu-button > a{ padding-top:0; } .html_header_sidebar #top #header .av-menu-button-colored:hover{ opacity: 0.8; } .html_header_left #header .avia_mega_div{ left:100%; top:0; } .html_header_right #header .avia_mega_div{ right:100%; top:0; } .html_header_sidebar #top #header .avia_mega_div > .sub-menu{ border-width: 1px; border-style:solid; } .html_header_sidebar.html_content_align_left .container { float:left; } .html_header_sidebar.html_content_align_right .container { float:right; } .html_header_sidebar.html_content_align_left #footer, .html_header_sidebar.html_content_align_right #footer, .html_header_sidebar.html_content_align_left #socket, .html_header_sidebar.html_content_align_right #socket { overflow: hidden; } .html_header_sidebar .container_wrap { width: 100%; } #header .avia-custom-sidebar-widget-area{ margin:0; padding:0; float:none; } #header .avia-custom-sidebar-widget-area .widget{ border-top-style: solid; border-top-width:1px; padding:40px; width:100%; overflow: hidden; } .html_header_sidebar .av-sidebar-social-container{ position: relative; clear: both; overflow: hidden; } .html_header_sidebar #top #header .social_bookmarks{ position: relative; top:0; margin:0; border-top-style: solid; border-top-width:1px; clear:both; display:table; width:100%; table-layout: fixed; } .html_header_sidebar #top #header .social_bookmarks li{ float:none; display:table-cell; text-align: center; } .html_header_sidebar #top #header .social_bookmarks li.social_icon_1 a{ border:none; } .html_header_sidebar #top #header .social_bookmarks li a{ width:100%; border-radius: 0; border-left-style: solid; border-left-width: 1px; padding:10px 0; } .html_header_sidebar .av_default_container_wrap, .html_header_sidebar .container_wrap_first{ float: left; } /*main header on top, logo below*/ .html_top_nav_header #header_main_alternate{ border-top:none; border-bottom-style: solid; border-bottom-width:1px; } .html_top_nav_header.html_minimal_header #header_main_alternate{ border:none; } .html_top_nav_header div .logo{ position: relative; } .html_top_nav_header .av-logo-container .inner-container{ position: relative; overflow: hidden; } .html_top_nav_header.html_header_top.html_header_sticky #top #wrap_all #main{ padding-top:50px; } .html_top_nav_header.html_header_top.html_header_sticky.html_header_topbar_active #top #wrap_all #main{ padding-top:80px; } .html_top_nav_header .av-logo-container{ height:88px; } .html_top_nav_header.html_large .av-logo-container{ height:150px; } .html_top_nav_header #header_main{ border:none; } /*burger menu*/ .av-hamburger { padding: 0 0 0 0; display: inline-block; cursor: pointer; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .av-hamburger-box { width: 35px; height: 24px; display: inline-block; position: relative; } .av-hamburger-inner { display: block; top: 50%; margin-top: -2px; } .av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after { width: 40px; height: 3px; background-color: #000; border-radius: 3px; position: absolute; transition: transform 0.15s ease; } .av-hamburger-inner::before, .av-hamburger-inner::after { content: ""; display: block; } .av-hamburger-inner::before { top: -10px; } .av-hamburger-inner::after { bottom: -10px; } /* * Spin */ .av-hamburger--spin .av-hamburger-inner { transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .av-hamburger--spin .av-hamburger-inner::before { transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in, background-color 0.15s ease; } .av-hamburger--spin .av-hamburger-inner::after { transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) , background-color 0.15s ease; } .av-hamburger--spin.is-active .av-hamburger-inner { transform: rotate(225deg); transition-delay: 0.14s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .av-hamburger--spin.is-active .av-hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out, background-color 0.15s ease; } .av-hamburger--spin.is-active .av-hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.15s ease; } /*own additions*/ .av-burger-menu-main{ display:none; -webkit-transition: padding 0.3s ease-out; transition: padding 0.3s ease-out; } .js_active.html_burger_menu #avia-menu > li{ display:none; } .js_active.html_burger_menu #avia-menu .av-burger-menu-main, .html_burger_menu #top #avia-menu .menu-item-search-dropdown{ display:block; } .av-burger-menu-main{ cursor: pointer; } .av-burger-menu-main a{ padding-left:10px; } .av-hamburger strong{ display:none; } .av-hamburger-box { height: 8px; } .av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after { width:100%; } .html_burger_menu #top #wrap_all .menu-item-search-dropdown > a{ font-size:24px; } html.av-burger-overlay-active #top .menu-item-search-dropdown > a{ color:#fff; } .html_burger_menu_active #header .avia-menu .menu-item{ display: none; } .html_burger_menu_active .menu-item-avia-special{ display:block; } .html_burger_menu_active #top #wrap_all .menu-item-search-dropdown > a { font-size: 24px; } .html_header_sidebar #top div .av-burger-menu-main{ display:none; } .html_burger_menu_active #top #wrap_all #header .av-burger-menu-main > a{ background: transparent; position: relative; z-index: 10; } /* * Spin Reverse */ .av-hamburger--spin-r .av-hamburger-inner { transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .av-hamburger--spin-r .av-hamburger-inner::before { transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; } .av-hamburger--spin-r .av-hamburger-inner::after { transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .av-hamburger--spin-r.is-active .av-hamburger-inner { -webkit-transform: rotate(-225deg); transform: rotate(-225deg); transition-delay: 0.14s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .av-hamburger--spin-r.is-active .av-hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; } .av-hamburger--spin-r.is-active .av-hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); } .av-burger-overlay{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; z-index:100; display: none; overflow: hidden; opacity: 0; } .av-burger-overlay-inner, .av-burger-overlay-bg{ position: absolute; top: 0; left: 0; height:100%; width: 100%; min-height: 700px; display:table; vertical-align: middle; text-align: center; z-index: 5; } .av-burger-overlay-bg{ z-index: 3; opacity: 0.9; background: #000; display: block; position: fixed; } .av-burger-overlay-scroll{ overflow: auto; position: absolute; height: 100%; width: 100%; z-index: 10; -webkit-overflow-scrolling: touch; } #av-burger-menu-ul li a{ position: relative; display: block; -webkit-transition: none; transition: none; } #av-burger-menu-ul li ul { background:transparent; } html.av-burger-overlay-active #header_meta, html.av-burger-overlay-active #menu-item-shop.cart_dropdown, html.av-burger-overlay-active .cart_dropdown, html.av-burger-overlay-active #top .social_bookmarks{ z-index: 1; } .av-burger-overlay-active #top .av-hamburger-inner, .av-burger-overlay-active #top .av-hamburger-inner::before, .av-burger-overlay-active #top .av-hamburger-inner::after{ background-color:#fff; } .av-burger-overlay-active #top #header .av-main-nav > li > a{ background: transparent; } .av-burger-overlay-active #scroll-top-link{ z-index:150; } #top #av-burger-menu-ul{ display: table-cell; height: 100%; width:100%; vertical-align: middle; padding:125px 0; } @media only screen and (orientation: landscape) and (max-width: 989px){ #top #av-burger-menu-ul{ vertical-align: top; } } .html_av-overlay-full #av-burger-menu-ul li{ display:block; height:auto; width:100%; padding:0.3em 0; font-size: 35px; } .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li{ line-height:1.6em; } .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li li{ font-size: 0.6em; line-height:1.4em; } .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li li li{ font-size: 0.8em; } .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a{ color:#fff; height:auto; line-height:inherit; font-size: inherit; } .html_av-overlay-full #av-burger-menu-ul li a:hover, .html_av-overlay-full #av-burger-menu-ul li a:active, .html_av-overlay-full #av-burger-menu-ul li a:focus{ text-decoration: none; opacity: 0.7; } .html_av-overlay-full.av-burger-overlay-active #top #wrap_all #menu-item-search a, .html_av-overlay-full.av-burger-overlay-active #top #wrap_all #menu-item-search a:hover{ color:#fff; } .html_header_top.html_logo_center.av-burger-overlay-active .menu-item-avia-special{ z-index: 150; } #top #wrap_all #av-burger-menu-ul > li{ opacity:0; position: relative; top:18px; -webkit-transition: opacity 0.3s ease-out, top 0.3s ease-out, left 0.3s ease-out; transition: opacity 0.3s ease-out, top 0.3s ease-out, left 0.3s ease-out; -webkit-transform: translate3d(0,0,0); /*fixes disapearing in ios*/ } .avia_desktop.avia-safari #top #wrap_all #av-burger-menu-ul > li { -webkit-transform: none; } #top #wrap_all #header #av-burger-menu-ul > li.av-active-burger-items{ opacity:1; top:0; left:0; } .html_av-overlay-full #top #av-burger-menu-ul .av-menu-button > a .avia-menu-text{ padding: 0.5em 1.5em; } .html_av-overlay-full #top #av-burger-menu-ul .av-menu-button{ margin-top: 0.4em; } .html_av-overlay-full #av-burger-menu-ul li ul li a { font-size: 1.3em; } #av-burger-menu-ul li a .avia-menu-subtext{ display: block; font-size: 0.6em; line-height: 1.2em; margin: -10px 0 13px 0; opacity: 0.7; text-transform: none; } .html_av-overlay-side #av-burger-menu-ul li a .avia-menu-subtext{ font-size:1em; margin:0; opacity: 0.9; } #av-burger-menu-ul .avia-menu-fx{ display:none; } /*small*/ #top .av-small-burger-icon{ -ms-transform: scale(0.6); transform: scale(0.6); transform-origin: right; } #top #wrap_all #header .av-small-burger-icon a{ padding:0; } /*side opening menu*/ .html_av-overlay-side .av-burger-overlay-bg{ opacity: 0.3; cursor: pointer; } .html_av-overlay-side #top .av-burger-overlay li { margin:0; } .html_av-overlay-side #top #wrap_all .av-burger-overlay li a{ line-height: 1.3em; height:auto; padding:15px 50px; display: block; text-align: left; text-decoration: none; } .html_av-overlay-side #top .av-burger-overlay li a:hover{ text-decoration: none; } .html_av-overlay-side #top #wrap_all #av-burger-menu-ul > li{ top:0; left:18px; } .html_av-overlay-side #top #wrap_all .av-burger-overlay li li a{ padding-left:70px; } .html_av-overlay-side #top #wrap_all .av-burger-overlay li li li a{ padding-left:90px; } .html_av-overlay-side #top #wrap_all .av-burger-overlay li li li li a{ padding-left:110px; } .html_av-overlay-side #top #wrap_all .av-burger-overlay li li li li li a{ padding-left:130px; } .html_av-overlay-side .av-burger-overlay-scroll{ width:350px; right:0; max-width:100%; -webkit-transform: translateX(350px); transform: translateX(350px); -webkit-transition: all 0.5s cubic-bezier(0.75, 0, 0.25, 1); transition: all 0.5s cubic-bezier(0.75, 0, 0.25, 1); } .html_av-overlay-side.av-burger-overlay-active-delayed .av-burger-overlay-scroll{ -webkit-transform: translateX(0); transform: translateX(0); } .html_av-overlay-side #top #wrap_all #av-burger-menu-ul > li{ opacity:1; top:0; left:0; } /*side opening menu classic*/ .html_av-overlay-side-classic #top .av-burger-overlay{ font-size: 1em; } .html_av-overlay-side-classic #av-burger-menu-ul{ vertical-align: top; } .html_av-overlay-side-classic #top .av-burger-overlay li a{ border-bottom-style: solid; border-bottom-width: 1px; } .html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet{ height: 1px; display: block; position: absolute; margin-top: 0; opacity: 0.3; border: none!important; width: 7px; left: 50px; top: 50%; } .html_av-overlay-side-classic #top .av-burger-overlay li li li .avia-bullet{ left: 70px; } .html_av-overlay-side-classic #top .av-burger-overlay li li li li .avia-bullet{ left: 90px; } .html_av-overlay-side-classic #top .av-burger-overlay li li li li li .avia-bullet{ left: 110px; } .html_av-overlay-side-classic #top .av-burger-overlay li li li li li li .avia-bullet{ left: 130px; } /*side opening menu minimal*/ .html_av-overlay-side-minimal .av-burger-overlay-bg{ opacity: 0.1; } .html_av-overlay-side-minimal #top .av-burger-overlay{ font-size: 1.1em; } .html_av-overlay-side-minimal #top .av-burger-overlay .sub-menu{ font-size: 0.9em; } /*hidden submenu items*/ /*#top #av-burger-menu-ul .av-show-submenu > ul{display: block;}*/ .html_av-submenu-hidden #av-burger-menu-ul li ul{ display:none; } .html_av-submenu-hidden .av-submenu-indicator{ display: inline-block; padding:0 10px; font-size: 11px; opacity: 0.5; vertical-align: top; float: right; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; position: absolute; right: 30px; top: 50%; margin-top: -9px; height: 20px; line-height: 20px; } .html_av-submenu-hidden .av-submenu-indicator:before{ content:"\E87d"; font-family: 'entypo-fontello'; } .html_av-submenu-hidden .av-show-submenu > a > .av-submenu-indicator{ -webkit-transform: rotate(90deg); transform: rotate(90deg); } /*logo*/ div .logo{ float: left; position: absolute; left: 0; z-index: 1; } .logo, .logo a{ overflow: hidden; position: relative; display: block; height: 100%; } .logo img, .logo svg{ padding: 0; display: block; width: auto; height: auto; max-height: 100%; image-rendering: auto; position: relative; z-index: 2; height : 100%\9; /*hack: fixes ie8 logo*/ height: auto\9; /*hack: fixes ie8 squished logo*/ -webkit-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .logo svg, .logo.avia-img-svg-logo > a > img, .logo .alternate.avia-img-svg-logo{ height: 100%; } .logo img.alternate, .logo .subtext.avia-svg-logo-sub svg{ position: absolute; z-index: 1; top:0; left:0; opacity: 0; } .av_header_transparency .logo img.alternate, .av_header_transparency .logo .subtext.avia-svg-logo-sub svg{ opacity: 1; } /*menu*/ .main_menu{ clear:none; position: absolute; z-index: 100; line-height:30px; height:100%; margin:0; right:0; } .main_menu .pointer_arrow_wrap{ display:none; } .av-main-nav-wrap{ float:left; position: relative; z-index: 3; } .av-main-nav-wrap ul{ margin:0; padding: 0; } .av-main-nav{ z-index: 110; position: relative; } .av-main-nav ul { display: none; margin-left:0; left:0; position: absolute; top: 100%; width: 208px; z-index: 2; padding:0; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); margin-top:-1px; } .av-main-nav ul li { margin:0; padding:0; width:100%; } .av-main-nav ul li a { border-right-style: solid; border-right-width:1px; border-left-style: solid; border-left-width:1px; } .av-main-nav ul li:last-child > a { border-bottom-style: solid; border-bottom-width: 1px; } .av-main-nav li{ float:left; position:relative; z-index:20; } .av-main-nav li:hover{ z-index: 100 } .av-main-nav > li > ul { border-top-width:2px; border-top-style: solid; } .av-main-nav > li { line-height: 30px; } .av-main-nav li a { max-width:none; /* fixes IE8 menu width issue*/ } .av-main-nav > li > a{ display: block; text-decoration: none; padding:0 13px; font-weight: normal; font-weight: 600; font-size: 13px; -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out; transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out; } .av-main-nav > li > a , div #menu-item-shop.cart_dropdown{ -webkit-transition: none; transition: none; -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out; transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out; } .av_header_transparency .av-main-nav > li > a , .av_header_transparency #menu-item-shop.cart_dropdown{ -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; } #top .av-main-nav ul a{ width:100%; height:auto; float:left; text-align:left; line-height:23px; padding:8px 15px; font-size: 12px; min-height: 23px; max-width: none; text-decoration: none; font-family: inherit; } #top .av-main-nav ul ul { left:-207px; top:0px; margin:0; border-top-style: solid; border-top-width: 1px; padding-top: 0px } .av-main-nav li:hover ul ul{ display:none; } #top .av-main-nav li:hover > ul { display:block; } .avia-menu-fx{ position: absolute; bottom:-1px; height:2px; z-index: 10; width:100%; left:0; opacity: 0; visibility: hidden; } .av-main-nav li:hover .avia-menu-fx, .current-menu-item > a > .avia-menu-fx, .av-main-nav li:hover .current_page_item > a > .avia-menu-fx{ opacity: 1; visibility: visible; } .avia-menu-fx .avia-arrow-wrap{ height:10px; width:10px; position: absolute; top:-10px; left:50%; margin-left:-5px; overflow: hidden; display:none; visibility: hidden; } .current-menu-item>a>.avia-menu-fx>.avia-arrow-wrap, .current_page_item>a>.avia-menu-fx>.avia-arrow-wrap{ display:block; } .avia-menu-fx .avia-arrow-wrap .avia-arrow{ top: 10px; } .html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a{ padding-right:0; } .html_bottom_nav_header.html_logo_center #top .av_seperator_big_border #menu-item-search>a{ padding-right:13px; border-right-style: solid; border-right-width: 1px; } .html_bottom_nav_header .av-logo-container .main_menu{ display:none; } /*mega menu styles*/ .main_menu .avia-bullet{ display:none } #top #header .menu-item-mega-parent.current-menu-item{ overflow: visible!important; } #top #header .mega_menu_title a{ color:inherit; font-size: 17px; line-height: 1.1em; padding:0; margin:0; background: transparent; border:none; } #top #header .mega_menu_title a:hover{ text-decoration: underline; } #header .avia_mega_div{ /* use similar styles to .main_menu .menu ul */ display: none; margin: -1px 0 0 0; right: 0; position: absolute; top: 100%; z-index: 2; box-shadow: 0 32px 60px rgba(0, 0, 0, 0.1); overflow: hidden; padding:1px 0 0; text-align: left; } #header.av_minimal_header .avia_mega_div{ margin:0; border-top-style:solid; border-top-width:1px; } #header.av_minimal_header .avia_mega_div .units{ border-right:none; } #header .avia_mega_div .units{ padding:0 14px 0 15px; margin:0; border-right-style:dotted; border-right-width:1px; } #header li:hover .avia_mega_div{ display:block; } #top #header .avia_mega_div ul, #top #header .avia_mega_div li{ /*reset list styles for mega menus*/ position: relative; display:block; top:auto; left:auto; height:auto; } #top #header .avia_mega_div .sub-menu{ overflow: hidden; width:100%; box-shadow: none; border-style:none; border-width:0px; position: relative; top:0; display:block; left:0; clear: both; } /*wrapper around all columns*/ #top #header .avia_mega_div > .sub-menu{ display: table; padding:20px 30px 30px; border-top-style:solid; border-top-width:2px; } #top #header .avia_mega_div > .sub-menu.avia_mega_hr { padding-top: 30px; } /*columns*/ #top #header .avia_mega_div > .sub-menu > li{ display: table-cell; float:none; padding-top:10px; padding-bottom:0; vertical-align: top; } #top #header .avia_mega_div > .sub-menu.avia_mega_hr{ border-top-width:1px; border-top-style:dashed; } /*columns inner*/ #top #header .avia_mega_div > .sub-menu > li > ul{ padding:0; } /*column lists*/ #top #header .avia_mega_div > .sub-menu > li > ul li{ display: block; float: none; padding: 0; margin:0; list-style-type: circle; list-style-position: inside; } /*nested column lists*/ #top #header .avia_mega_div > .sub-menu > li > ul ul li{ margin-left:15px; } /*column lists links*/ #top #header .avia_mega_div > .sub-menu > li > ul > li a{ width:auto; float:none; display: block; border:none; padding:3px 12px 3px 12px; font-weight: normal; height: auto; line-height: 23px; } #header .avia_mega_div .avia_mega_menu_columns_first{ padding-left:0; } #header .avia_mega_div .avia_mega_menu_columns_last{ padding-right:0; border-right-style:none; border-right-width:0; } .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; } .avia_mega_div .avia-bullet { margin-top: 12px; left: 3px; display: block; top: 0; } /*mega text blocks*/ #header .mega_menu_title{ margin-bottom:8px; font-size: 17px; line-height: 1.1em; font-weight: 600; display: block; } #header .avia_mega_text_block{ line-height: 21px; } #top #header .avia_mega_div .sub-menu .avia_mega_text_block a{ padding:0; display: inline; border:none; text-decoration: underline; } /*menu button style*/ #top #wrap_all #header .av-menu-button > a{ background: transparent; } #top #wrap_all .av_header_border_disabled .av-menu-button > a{ border:none; } .av-menu-button + .av-menu-button{ margin-left: -10px; } .av-menu-button + .av-menu-button > a{ padding-left:0px; } #top .av-menu-button > a .avia-menu-text{ padding: 9px; } #top .av-menu-button > a .avia-menu-text{ border: 2px solid; border-radius: 2px; } .av-menu-button > a .avia-menu-fx{ display:none } .av-menu-button-colored > a .avia-menu-text{ padding: 11px 10px 10px 10px; } /* was introduced to have same height colored and ghost main menu buttons but does not work in certain situations: eg when border radius for all buttons is set to 100 #top .av-menu-button-colored > a .avia-menu-text{border: 2px solid; border-radius: 2px;position: relative;} #top .av-menu-button-colored > a .avia-menu-text:after{content: "";width: calc(100% + 4px);height: 1px;position: absolute;bottom:-2px;left: -2px;} */ .av-menu-button-colored > a:hover .avia-menu-text{ opacity: 0.9; } #top #header .av-menu-button > a .avia-menu-subtext{ display:none; } #top #header .av-menu-button > a .avia-menu-text{ text-align: center; white-space: nowrap; } /*ajax search*/ #top #menu-item-search{ z-index: 100; } #top .menu-item-search-dropdown > a, #searchform #searchsubmit, .av_ajax_search_image, .iconfont{ font-size: 17px; } #top #menu-item-search.menu-item-search-dropdown>a{ border-left:none; } #top #menu-item-search:hover>a{ background: transparent; color: inherit; } .avia-search-tooltip{ position: absolute; z-index: 9999999; padding:0; width: 300px; top: 85% !important; margin-left: -120px; border-radius: 2px; box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2); border-width:1px; border-style: solid; } .avia-search-tooltip .avia-arrow-wrap{ width:20px; height:20px; position: absolute; top:-20px; right:10px; margin-left:-10px; overflow: hidden; } .avia-arrow{ height:10px; width:10px; position: absolute; top:-6px; left:50%; margin-left:-5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-width:1px; border-style: solid; visibility: hidden\9; } .avia-search-tooltip .avia-arrow{ top: 15px; } #top #searchform { margin:0; padding:0; } #top #searchform>div{ position: relative; max-width: 300px; } #top .widget #searchform>div{ margin:0; max-width: 100%; } #top #searchform br{ display:none; } #top #s{ width:100%; position: relative; padding:11px 47px 11px 5px; z-index: 1; margin:0; box-shadow: none; } #top #searchsubmit, .ajax_load{ width: 40px; height: 100%; line-height: 40px; padding: 0; position: absolute; right: 0; top : 0; z-index: 2; margin:0; border-radius: 0; min-width: 40px; } .avia_mobile #top #searchsubmit, .avia_mobile .ajax_load{ height: 41px; } .avia-search-tooltip #searchform>div{ margin:16px; } .ajax_load{ z-index: 5; } .ajax_load_inner{ background: url(//foreyesoptical.ca/wp-content/themes/enfold/images/layout/loading.gif) no-repeat scroll center center #fff; opacity: 0.5; position: absolute; top:0; left:0; right:0; bottom:0; } #top #searchform .ajax_search_response{ line-height: 1.4em; font-size: 12px; margin:0; } .ajax_search_response h4{ padding:20px 16px 2px 16px; font-size: 14px; margin:0; } .ajax_search_response h4:first-child{ padding-top:0px; border:none; } #top div .av_ajax_search_entry{ display:block; text-decoration: none; line-height: 1.4em; font-size: 12px; height:auto; padding:10px 16px; border-bottom-style: dashed; border-bottom-width: 1px; clear:both; overflow: hidden; position: relative; } #top div .av_ajax_search_entry:hover{ background-color: rgba(0,0,0,0.04); } #top div .av_ajax_search_entry.with_image .av_ajax_search_image{ background: transparent; } .av_ajax_search_content{ overflow: hidden; display: block; } .av_ajax_search_title{ display:block; font-weight: bold; text-transform: uppercase; } .ajax_not_found .av_ajax_search_title{ text-transform: none; } .av_ajax_search_image{ height:32px; line-height:32px; text-align: center; width:32px; float:left; margin-right:8px; border-radius: 40px; overflow: hidden; font-size: 15px; } .av_ajax_search_image img{ display:block; border:none; max-width: 100%; min-height:32px; min-width:32px; } .ajax_search_excerpt { font-size: 12px; line-height: 1.4em; display: block; margin-top: 3px; font-style: italic; } #top div .av_ajax_search_entry_view_all{ text-align: center; font-weight: bold; border:none; } #top div .ajax_not_found, #top div .av_ajax_search_entry.ajax_not_found:hover{ border:none; background: transparent; } /*title container*/ /*avia title big*/ .title_container{ position: relative; } #top .title_container .container{ padding-top:10px; padding-bottom:10px; min-height: 56px; } .title_container .main-title { margin: 0; font-size: 16px; position: relative; z-index: 2; min-height: 36px; line-height: 2.3em; top: 0; font-weight: 400; } .title_container .main-title a{ text-decoration: none; } .title_meta, #top .portfolio-entry .title_meta{ display: block; clear: both; position: relative; z-index: 1; margin-top:-1em; padding:0; } .title_meta p{ margin: 1.3em 0 0 0; } .title_container .breadcrumb { z-index: 10; line-height: 15px; font-size: 11px; position: absolute; right: 50px; top:50%; margin-top: -7px; } .breadcrumb a{ text-decoration: none; } .breadcrumb a:hover{ text-decoration: underline; } .breadcrumb-trail .trail-before, .breadcrumb-trail .trail-end, .breadcrumb-trail .sep, .breadcrumb-trail a, .breadcrumb-trail .bbp-breadcrumb-current{ display: block; float: left; padding:0px 3px; } .breadcrumb-trail span, .bbp-breadcrumb-current a{ display: inline; padding:0; float:none; } .breadcrumb .sep{ display: block; overflow: hidden; width:8px; } /*blank pages*/ #top.avia-blank #wrap_all #main{ padding-top: 0 !important; margin:0; } #top.avia-blank #wrap_all #main .container { padding-top: 0 !important; } #top.avia-blank{ height: 100%; position: absolute; width: 100% !important; margin: 0; display: table; vertical-align: middle; float: none; top:0; left:0; table-layout: fixed; } #top.boxed.avia-blank{ max-width:100% !important; } #top.boxed.avia-blank .container{ margin: 0 auto; } #top.avia-blank #wrap_all{ display: table-cell; float: none; vertical-align: middle; } #top.avia-blank #wrap_all #main{ padding:0; } #top.avia-blank #main .container_wrap:last-child{ border-bottom-style: solid; border-bottom-width: 1px; } #top.avia-blank #main .container_wrap:first-child{ border-top-style: solid; border-top-width: 1px; } /*--------------------framed layout---------------*/ .av-frame{ position: fixed; z-index: 600; } .html_av-framed-box .av-frame.av-frame-vert{ left:0; width:100%; top:0; } .html_av-framed-box .av-frame.av-frame-hor{ top:0; height:100%; left:0; } .html_av-framed-box .av-frame.av-frame-bottom{ top:auto; bottom:0; } .html_av-framed-box .av-frame.av-frame-right{ left:auto; right:0; } .html_av-framed-box.html_av_admin_bar_active .av-frame.av-frame-top{ margin-top:32px; } .html_header_top.html_header_sticky.html_av-framed-box #header{ left:0; } .html_header_top.html_header_sticky.html_av-framed-box #header_main, .html_header_top.html_header_sticky.html_av-framed-box #header_meta { margin:0 50px; } /*--------------------alternate header styles---------------*/ /*social bookmarks*/ #top .social_bookmarks { height: 30px; z-index: 150; -webkit-backface-visibility: hidden; margin: 0 0 0 -9px; } #top .social_bookmarks li{ height:100%; float:left; padding:0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-right-style: solid; border-right-width: 1px; display: block; width:30px; } #top #header .social_bookmarks li:last-child{ border-right-style:none; border-right-width:0; } #top .social_bookmarks li a{ float:left; width:30px; line-height:30px; display: block; margin:0px; outline: none; padding:0; min-height:30px; height:100%; overflow: visible; z-index: 2; position: relative; text-align: center; } #top #wrap_all .social_bookmarks, #top #wrap_all .social_bookmarks a, #top #wrap_all .social_bookmarks li{ background: transparent; } #top #wrap_all .social_bookmarks li a:hover{ text-decoration: none; } #top #wrap_all .av-social-link-rss:hover a, #top #wrap_all .av-social-link-rss a:focus{ color: #fff; background-color: #ffa133; } #top #wrap_all .av-social-link-facebook:hover a, #top #wrap_all .av-social-link-facebook a:focus{ color: #fff; background-color: #37589b; } #top #wrap_all .av-social-link-twitter:hover a, #top #wrap_all .av-social-link-twitter a:focus{ color: #fff; background-color: #46d4fe; } #top #wrap_all .av-social-link-whatsapp:hover a, #top #wrap_all .av-social-link-whatsapp a:focus{ color: #fff; background-color: #00e676; } #top #wrap_all .av-social-link-mail:hover a, #top #wrap_all .av-social-link-mail a:focus{ color: #fff; background-color: #9fae37; } #top #wrap_all .av-social-link-dribbble:hover a, #top #wrap_all .av-social-link-dribbble a:focus{ color: #fff; background-color: #e44885; } #top #wrap_all .av-social-link-linkedin:hover a, #top #wrap_all .av-social-link-linkedin a:focus{ color: #fff; background-color: #419cca; } #top #wrap_all .av-social-link-search:hover a, #top #wrap_all .av-social-link-search a:focus{ color: #fff; background-color: #222222; } #top #wrap_all .av-social-link-gplus:hover a, #top #wrap_all .av-social-link-gplus a:focus{ color: #fff; background-color: #de5a49; } #top #wrap_all .av-social-link-behance:hover a, #top #wrap_all .av-social-link-behance a:focus{ color: #fff; background-color: #008cfa; } #top #wrap_all .av-social-link-flickr:hover a, #top #wrap_all .av-social-link-flickr a:focus{ color: #fff; background-color: #ff0086; } #top #wrap_all .av-social-link-forrst:hover a, #top #wrap_all .av-social-link-forrst a:focus{ color: #fff; background-color: #234317; } #top #wrap_all .av-social-link-myspace:hover a, #top #wrap_all .av-social-link-myspace a:focus{ color: #fff; background-color: #000000; } #top #wrap_all .av-social-link-tumblr:hover a, #top #wrap_all .av-social-link-tumblr a:focus{ color: #fff; background-color: #345574; } #top #wrap_all .av-social-link-vimeo:hover a, #top #wrap_all .av-social-link-vimeo a:focus{ color: #fff; background-color: #31baff; } #top #wrap_all .av-social-link-youtube:hover a, #top #wrap_all .av-social-link-youtube a:focus{ color: #fff; background-color: #a72b1d; } #top #wrap_all .av-social-link-pinterest:hover a, #top #wrap_all .av-social-link-pinterest a:focus{ color: #fff; background-color: #cb2027; } #top #wrap_all .av-social-link-skype:hover a, #top #wrap_all .av-social-link-skype a:focus{ color: #fff; background-color: #12a5f4; } #top #wrap_all .av-social-link-instagram:hover a, #top #wrap_all .av-social-link-instagram a:focus{ color: #fff; background-color: #a67658; } #top #wrap_all .av-social-link-five_100_px:hover a, #top #wrap_all .av-social-link-five_100_px a:focus{ color: #fff; background-color: #222222; } #top #wrap_all .av-social-link-soundcloud:hover a, #top #wrap_all .av-social-link-soundcloud a:focus{ color: #fff; background-color: #F76700; } #top #wrap_all .av-social-link-xing:hover a, #top #wrap_all .av-social-link-xing a:focus{ color: #fff; background-color: #006567; } #top #wrap_all .av-social-link-vk:hover a, #top #wrap_all .av-social-link-vk a:focus{ color: #fff; background-color: #597BA5; } #top #wrap_all .av-social-link-reddit:hover a, #top #wrap_all .av-social-link-reddit a:focus{ color: #fff; background-color: #FF4500; } #top #wrap_all .av-social-link-telegram:hover a, #top #wrap_all .av-social-link-telegram a:focus{ color: #fff; background-color: #25A4E3; } #top #wrap_all .av-social-link-yelp:hover a, #top #wrap_all .av-social-link-yelp a:focus{ color: #fff; background-color: #d32323; } #top .av-section-bottom-logo .social_bookmarks, .html_bottom_nav_header #top .av-logo-container .social_bookmarks{ position: absolute; top: 50%; margin-top: -15px; right: 0; } .html_bottom_nav_header .main_menu .social_bookmarks{ display:none } .html_cart_at_menu #top .av-section-bottom-logo .social_bookmarks, .html_bottom_nav_header.html_cart_at_menu #top .av-logo-container .social_bookmarks{ left:0; right: auto; } #top .av-logo-container .social_bookmarks li{ border:none; } #top .av-logo-container .social_bookmarks li a{ border-radius: 100px; } /*first level*/ .sub_menu{ float:left; z-index: 2; font-size: 11px; line-height: 30px; position: relative; top:10px; } #top .sub_menu>ul{ float:left; margin:0; } #top .sub_menu>ul, #top .sub_menu>ul>li{ background: transparent; } .sub_menu li{ float:left; position: relative; padding:0 10px; border-right-style: solid; border-right-width: 1px; line-height: 10px; } .sub_menu>ul>li>a, .sub_menu>div>ul>li>a{ text-decoration: none; font-weight: bold; padding:7px 0; } /*second level*/ #top .sub_menu li ul{ display: none; position: absolute; width:170px; padding:4px 0; z-index: 101; box-shadow: 0 8px 15px rgba(0,0,0,0.1); left:-50%; margin:0; border-style: solid; border-width: 1px; top:19px; } #top .sub_menu li:hover>ul{ display:block; } .sub_menu>ul>li:hover>a{ text-decoration: underline; } .sub_menu li li{ float:none; line-height: 20px; border:none; padding: 0 0; margin:0; } #top .sub_menu li li a{ width: 100%; height: auto; text-align: left; line-height: 23px; padding: 6px 18px; font-size: 12px; min-height: 23px; max-width: none; text-decoration: none; display: block; border-top-style: dashed; border-top-width: 1px; } #top .sub_menu li li:first-child > a { border: none; } #top .sub_menu li li a:hover{ text-decoration: none; background: #f8f8f8; } /*third level and deeper*/ #top .sub_menu li li ul{ top:-1px; left:-169px; background: none; padding: 0; } .pointer_arrow{ border-style:solid; border-width:1px; } /* ====================================================================================================================================================== #Blog Styles default global stuff, always necessary. more style in the ALB blog module ====================================================================================================================================================== */ .content, .sidebar{ padding-top:50px; padding-bottom:50px; -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: content-box; /* Firefox, other Gecko */ box-sizing: content-box; min-height: 1px; z-index: 1; } .content:hover, .sidebar:hover{ z-index: 1; } /*right sidebar - default*/ #top #main .sidebar{ border-left-style:solid; border-left-width:1px; margin-left:0; float: none; width: auto; overflow: hidden; display: block; clear: none; } .inner_sidebar{ margin-left:50px; } .content{ border-right-style:solid; border-right-width:1px; margin-right:-1px; } .content .entry-content-wrapper{ padding-right:50px; } /*left sidebar*/ #top #main .sidebar_left .sidebar{ border-right-style:solid; border-right-width:1px; border-left:none; } .sidebar_left .inner_sidebar{ margin-right:50px; margin-left:0; } .sidebar_left .content{ float:right; border-left-style:solid; border-left-width:1px; border-right:none; margin-right:-50px; margin-left:-1px; padding-left:50px; } /*no sidebar*/ .fullsize .content{ margin:0; border:none; } .fullsize .content .entry-content-wrapper{ padding-right:0; } .container .minor-meta{ font-size: 0.9em; } .post{ clear:both; width:100%; float:left; position: relative; } .rounded-container, .rounded-container img{ border-radius: 111px; overflow: hidden; display: block; position: relative; z-index: 2; } .rounded-container{ float:left; width:81px; height:81px; text-align: center; line-height: 81px; } .rounded-container .iconfont, .small-preview .iconfont{ font-size: 23px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .entry-content-wrapper .post-title{ font-size: 21px; line-height: 1.3em; } /*pagination*/ .pagination { clear:both; padding: 10px 0px 50px 0; position:relative; z-index:3; line-height: 13px; overflow: hidden; } .pagination span, .pagination a { display:block; float:left; font-size:11px; line-height:13px; padding:2px 9px 1px 9px; text-decoration:none; width:auto; } #top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a{ float: left; height: 35px; width: 35px; line-height: 35px; text-align: center; padding: 0; border-radius: 100px; margin-right: 3px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2); } .pagination .current{ font-size:11px; padding:1px 9px 1px 9px; font-weight: bold; } .pagination .pagination-meta{ float:right; line-height: 35px; } /*single post navigation*/ #top .avia-post-nav{ position: fixed; height:110px; top:50%; background: #aaa; background: rgba(0,0,0,0.1); color:#fff; margin-top:-55px; padding:15px; text-decoration: none; z-index: 501; /*fixes: https://github.com/AviaThemes/wp-themes/issues/807 */ -webkit-transform: translate3d(0,0,0); /* fixes: https://kriesi.at/support/topic/next-previous-blog-post-bug/ */ } #top .avia-post-nav:hover{ background: #222; background: rgba(0,0,0,0.8); } .avia-post-nav .label{ position: absolute; top:50%; height:22px; line-height: 22px; margin-top:-11px; font-size: 24px; } .avia-post-nav .entry-image{ height:80px; width:80px; display:block; } .avia-post-nav .entry-image img{ border-radius: 100px; display: block; } .avia-post-prev{ left:0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .avia-post-prev .label{ left:10px; } .avia-post-next{ right:0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .avia-post-next .label{ right:10px; } .avia-post-next.with-image{ text-align: right; } .avia-post-nav .entry-info{ display:block; height:80px; width:220px; display: table; } .avia-post-next .entry-info{ margin:0 20px 0 1px; } .avia-post-prev .entry-info{ margin:0 1px 0 20px; } .avia-post-nav .entry-info span{ display: table-cell; vertical-align: middle; font-size: 13px; line-height: 1.65em; } .avia-post-nav .entry-info-wrap{ width:1px; overflow: hidden; display:block; } .avia-post-nav:hover .entry-info-wrap{ width:240px; } /* page split pagination */ .pagination_split_post{ clear: both; padding-top: 20px; } .no_sidebar_border#top #main .sidebar, .no_sidebar_border .content{ border-left:none; border-right:none; } .sidebar_shadow#top #main .sidebar, .sidebar_shadow .content{ border-left:none; border-right:none; } .sidebar_shadow#top #main .sidebar_right.av-enable-shadow{ box-shadow: inset 25px 0 25px -25px #e9e9eb; } .sidebar_shadow .sidebar_right .content.av-enable-shadow{ box-shadow: 25px 0 25px -25px #e9e9eb; } .sidebar_shadow#top #main .sidebar_left.av-enable-shadow{ box-shadow: inset -25px 0 25px -25px #e9e9eb; } .sidebar_shadow .sidebar_left .content.av-enable-shadow{ box-shadow: -25px 0 25px -25px #e9e9eb; } /* ====================================================================================================================================================== #Page Styles ====================================================================================================================================================== */ .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2{ text-transform: uppercase; letter-spacing: 1px; } .extra-mini-title{ padding-bottom:20px; } .page-heading-container{ position: relative; margin-bottom: 40px; padding: 0 0 44px 0; border-bottom-width: 1px; border-bottom-style: solid; padding-right: 50px; } .fullsize .page-heading-container{ padding-right:0; } .page-thumb img{ border-radius: 3px; } /*template builder page styles*/ .template-page .template-blog .entry-content-wrapper h1, .template-page .template-blog .entry-content-wrapper h2{ text-transform: none; letter-spacing: 0; } .content .entry-content-wrapper .entry-content-wrapper{ padding-right:0; padding-left:0; } .content .entry-content-wrapper .entry-content-wrapper .big-preview.single-big { padding: 0 0 10px 0; } /*search page*/ .template-search #searchform>div{ max-width: 100%; margin-bottom:0; } #top .template-search.content .entry-content-wrapper { padding-bottom: 40px; padding-left:55px; font-size: 13px; clear:both; } .template-search .pagination { padding: 1px 50px 10px 55px; } .template-search .entry-content-wrapper .post-title { font-size:19px; } #top .template-search .entry-content-wrapper .post-title a:hover{ text-decoration: underline; } .search-result-counter { position: absolute; left: 0; top: 1px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2); height: 44px; line-height: 24px; padding: 10px; text-align: center; border-radius: 100px; width: 44px; } #top #search-fail{ padding-left:0; } #top #search-fail #searchform{ padding-bottom: 40px; } .template-search .post-entry{ position: relative; clear:both; } /*author page*/ .page-heading-container .author_description{ overflow: hidden; } .template-author .content .post .entry-content-wrapper{ padding-bottom:40px; font-size: 1em; line-height: 1.65em; } .template-author .pagination { padding: 1px 50px 10px 0; } .template-author .entry-content-wrapper .post-title { font-size:19px; } #top .template-author .entry-content-wrapper .post-title a:hover{ text-decoration: underline; } .author-extra-border{ display:block; position: absolute; bottom:-1px; width:600%; right:0; border-bottom-width: 1px; border-bottom-style: solid; } .fullsize .author-extra-border{ right:auto; left:-100% } .template-author .post-entry{ position: relative; clear:both; } /*archive page*/ .template-archives .tab_inner_content li { width: 48%; float: left; clear: none; margin:0 2% 0 0 ; list-style-position: inside; } .template-archives .relThumWrap img, .template-archives .relThumWrap span{ width:100%; text-decoration: none; } .template-archives .relThumbTitle{ display: block; clear:both; } /*tag archive */ #top .fullsize .template-blog .tag-page-post-type-title { font-size: 50px; text-transform: uppercase; } .archive .category-term-description:empty{ display:none; } .archive .category-term-description{ margin-bottom: 25px; } /* ====================================================================================================================================================== #Widget & Sidebar - those are loaded in any case since the fallback widgets might be in use in the footer. if any other widgets are used the widget.css file gets loaded ====================================================================================================================================================== */ .widgettitle{ font-weight: 600; text-transform: uppercase; letter-spacing: 1px; font-size: 1.1em; } .widget{ clear:both; position: relative; padding:30px 0 30px 0; float:none; } #footer .widget{ padding:0; margin:30px 0 30px 0; overflow: hidden; } #top .widget ul{ padding:0; margin:0; width:100%; float:left; } #top #footer .widget ul{ float:none } .widget li{ clear:both; } .widget ul ul li, .widget ul ol li, .widget ol ol li, .widget ol ul li{ margin-bottom:0; } /*direct mailchimp form embeds: show the button which has a clear attribute*/ #mc_embed_signup .clear{ visibility: visible; overflow: visible; height:auto; } /* ====================================================================================================================================================== #Footer & #Socket ====================================================================================================================================================== */ #footer{ padding: 15px 0 30px 0; z-index: 1; } #socket .container{ padding-top: 15px; padding-bottom: 15px; } #socket{ font-size: 11px; margin-top: -1px; z-index: 1; } #socket .menu{ margin-top: 6px; } #socket .sub_menu_socket{ float: right; margin: 0; } #socket .sub_menu_socket div{ overflow: hidden; } #socket .sub_menu_socket li{ float: left; display: block; padding: 0 10px; border-left-style: solid; border-left-width: 1px; line-height: 10px; } #socket .sub_menu_socket li:first-child{ border:none; } #socket .sub_menu_socket li:last-child{ padding-right:0; } #socket .copyright{ float:left; } /* Curtain effect */ .av-curtain-footer #av-curtain-footer-placeholder{ display: none; pointer-events: none; } .av-curtain-footer .av-curtain-footer-container{ position: relative; float: left; width: 100%; } .html_header_sidebar.html_header_left .av-curtain-footer.av-curtain-activated .av-curtain-footer-container{ width: calc(100% - 300px); margin-left: 301px; } .html_header_sidebar.html_header_right .av-curtain-footer.av-curtain-activated .av-curtain-footer-container{ width: calc(100% - 301px); margin-left: 0; } /* activate curtain effect on screen width */ @media only screen and (min-width: 990px){ .av-curtain-footer.av-curtain-medium #av-curtain-footer-placeholder{ clear: both; background: transparent; display: block; } .av-curtain-footer.av-curtain-medium #main > *:not(.av-curtain-footer-container){ z-index: 1; position: relative; } .av-curtain-footer.av-curtain-medium .av-curtain-footer-container{ width: 100%; display: block; position: fixed; bottom: 0; left: 0; z-index: 0; } } @media only screen and (min-width: 769px){ .av-curtain-footer.av-curtain-small #av-curtain-footer-placeholder{ clear: both; background: transparent; display: block; } .av-curtain-footer.av-curtain-small #main > *:not(.av-curtain-footer-container){ z-index: 1; position: relative; } .av-curtain-footer.av-curtain-small .av-curtain-footer-container{ width: 100%; display: block; position: fixed; bottom: 0; left: 0; z-index: 0; } } @media only screen and (min-width: 480px){ .av-curtain-footer.av-curtain-mini #av-curtain-footer-placeholder{ clear: both; background: transparent; display: block; } .av-curtain-footer.av-curtain-mini #main > *:not(.av-curtain-footer-container){ z-index: 1; position: relative; } .av-curtain-footer.av-curtain-mini .av-curtain-footer-container{ width: 100%; display: block; position: fixed; bottom: 0; left: 0; z-index: 0; } } /* activate curtain effect with js */ .av-curtain-footer.av-curtain-activated #av-curtain-footer-placeholder{ clear: both; background: transparent; display: block; } .av-curtain-footer.av-curtain-activated #main > *:not(.av-curtain-footer-container){ z-index: 1; position: relative; } .av-curtain-footer.av-curtain-activated .av-curtain-footer-container{ width: 100%; display: block; position: fixed; bottom: 0; left: 0; z-index: 0; } #scroll-top-link{ position: fixed; border-radius: 2px; height: 50px; width: 50px; line-height: 50px; text-decoration: none; text-align: center; opacity: 0; right: 50px; bottom: 50px; z-index: 1030; visibility: hidden; } #av-cookie-consent-badge{ position: fixed; border-radius: 2px; height: 30px; width: 30px; line-height: 30px; text-decoration: none; text-align: center; opacity: 0; right: 50px; bottom: 50px; z-index: 1030; visibility: hidden; } #scroll-top-link.avia_pop_class, #av-cookie-consent-badge.avia_pop_class{ opacity: 0.7; visibility: visible; } #socket .social_bookmarks{ float: right; margin: -10px 0 0 30px; position: relative; } #socket .social_bookmarks li{ border-radius: 300px; border: none; overflow: hidden; top: 5px; position: relative; } #socket .social_bookmarks li a{ border-radius: 300px; } #socket .avia-bullet, #socket .avia-menu-fx{ display: none; } /* ====================================================================================================================================================== #CSS ANIMATION ====================================================================================================================================================== */ .small-preview, .avia-post-nav .entry-info-wrap, .avia-post-nav, .avia-menu-fx, .team-social, .button, .related-format-icon, .avia-slideshow-controls a, #top .social_bookmarks li a, .fallback-post-type-icon, #scroll-top-link, #av-cookie-consent-badge, .avia-slideshow-button{ -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .main_menu a, .pagination a{ -webkit-transition: color 0.15s ease-out; transition: color 0.15s ease-out; -webkit-transition: background 0.15s ease-out; transition: background 0.15s ease-out; } .avia_pop_class, .avia-search-tooltip{ -webkit-animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ } a:hover .image-overlay .image-overlay-inside{ -webkit-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ } @-webkit-keyframes avia_pop { 0% { -webkit-transform:scale(0.8); } 100% { -webkit-transform:scale(1); } } @keyframes avia_pop { 0% { transform:scale(0.8); } 100% { transform:scale(1); } } @-webkit-keyframes avia_pop_small { 0% { -webkit-transform:rotate(-175deg) scale(0.2); } 100% { -webkit-transform:rotate(0deg) scale(1); } } @keyframes avia_pop_small { 0% { transform:rotate(-175deg) scale(0.2); } 100% { transform:rotate(0deg) scale(1); } } @-webkit-keyframes avia_pop_loader { 0% { -webkit-transform:rotate(0deg) scale(0.2) ; } 100% { -webkit-transform:rotate(720deg) scale(1); } } @keyframes avia_pop_loader { 0% { transform: rotate(0deg) scale(0.2); } 100% { transform: rotate(720deg) scale(1); } } @-webkit-keyframes avia_shrink { 0% { opacity:0; -webkit-transform: scale(1); transform: scale(1); } 75% {opacity:0.7;} 100% { opacity:0; -webkit-transform: scale(0); transform: scale(0); } } @keyframes avia_shrink { 0% { opacity:0; -webkit-transform: scale(1); transform: scale(1); } 75% {opacity:0.7; } 100% { opacity:0; -webkit-transform: scale(0); transform: scale(0);} } @-webkit-keyframes av-load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes av-load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* #Media Queries ================================================== */ /* large screens with 1140px with */ @media only screen and (min-width: 1140px) { } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 989px) { .responsive.html_header_sidebar #top #header{ width:27% } .responsive.html_header_left #main { margin-left: 27%; } .responsive.html_header_right #main { margin-right: 27%; } .responsive.html_header_sidebar #header .av-main-nav{ padding: 4% 0; } .responsive.html_header_sidebar #header .av-main-nav > li { margin: 0 10%; } .responsive.html_header_sidebar #header .av-main-nav > li > a .avia-menu-text{ font-size: 14px; } .responsive.html_header_sidebar #header .av-main-nav > li > a .avia-menu-subtext{ font-size: 11px; } .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area .widget{ padding:10%; } .responsive.html_header_sidebar .logo{ padding: 10%; } /*headers*/ .responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > img, .responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > svg{ opacity: 1 } .responsive.html_mobile_menu_tablet #top .av_header_transparency .logo img.alternate, .responsive.html_mobile_menu_tablet #top .av_header_transparency .logo .subtext.avia-svg-logo-sub{ display: none; } /* curtain footer */ .responsive.html_header_sidebar.html_header_left .av-curtain-footer.av-curtain-activated .av-curtain-footer-container{ width: calc(73%); margin-left: calc(27% + 1px); } .responsive.html_header_sidebar.html_header_right .av-curtain-footer.av-curtain-activated .av-curtain-footer-container{ width: calc(73% - 1px); margin-left: 0; } /*framed layout*/ .responsive .av-frame{ display:none; } .responsive.html_av-framed-box{ padding:0; } .responsive.html_header_top.html_header_sticky.html_av-framed-box #header_main, .responsive.html_header_top.html_header_sticky.html_av-framed-box #header_meta{ margin:0 auto; } .responsive #top .avia-post-prev { left: 0px; } .responsive #top .avia-post-next { right: 0px; } .responsive.html_av-framed-box.html_av-overlay-side .av-burger-overlay-scroll{ right:0 } /* cookie consent */ .responsive .avia-cookie-consent .container{ padding: 0; } .responsive .avia-cookie-consent a.avia_cookie_infolink, .responsive .avia-cookie-consent p { display: block; margin-right: 0; } .responsive .avia-cookie-consent-button{ margin: 0.5em; } .responsive .av-framed-box .avia-cookiemessage-top, .responsive .av-framed-box .avia-cookiemessage-bottom { width: 100% !important; left: 0 !important; } .responsive .av-framed-box .avia-cookiemessage-bottom{ bottom: 0 !important; } .responsive .av-framed-box .avia-cookiemessage-top{ top: 0 !important; } .responsive .avia-cookiemessage-top-left, .responsive .avia-cookiemessage-bottom-left, .responsive .avia-cookiemessage-top-right, .responsive .avia-cookiemessage-bottom-right{ width: 35%; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive .main_menu ul:first-child > li > a { padding: 0 10px; } .responsive #top .header_bg { opacity: 1; filter: alpha(opacity=100); } .responsive #main .container_wrap:first-child{ border-top:none; } .responsive .logo{ float:left; } .responsive .logo img{ margin:0; } .responsive.html_top_nav_header.html_mobile_menu_tablet #top .social_bookmarks { right: 50px; } .responsive.html_top_nav_header.html_mobile_menu_tablet #top #wrap_all #main{ padding-top:0; } .responsive.js_active .avia_combo_widget .top_tab .tab{ font-size: 10px; } .responsive.js_active .avia_combo_widget .news-thumb{ display:none; } .responsive #top #wrap_all .grid-sort-container .av_one_sixth{ width:33.3%; margin-bottom: 0; } .responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header, .responsive.html_boxed.html_header_transparency #top #header{ max-width: 100%; } .responsive.html_header_top.html_header_sticky.html_bottom_nav_header.html_mobile_menu_tablet #main{ padding-top: 88px; } .responsive.html_header_top.html_header_sticky.html_bottom_nav_header.html_top_nav_header.html_mobile_menu_tablet #main{ margin-top:0; } .responsive #top .av-hide-on-tablet{ display:none !important; } /*new menu*/ .responsive.html_mobile_menu_tablet .av-burger-menu-main{ display: block; } .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu{ top:0; left:auto; right:0; display:block; } .responsive.html_logo_right #top #wrap_all .av_mobile_menu_tablet .main_menu{ top:0; left:0; right:auto; } .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item{ display:none; } .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special{ display:block; } .responsive #top #wrap_all .av_mobile_menu_tablet .menu-item-search-dropdown > a { font-size: 24px; } .responsive #top .av_mobile_menu_tablet #header_main_alternate{ display:none; } .responsive.html_mobile_menu_tablet #top #wrap_all #header { position: relative; width:100%; float:none; height:auto; margin:0 !important; opacity: 1; min-height:0; } .responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks{ display:none; } .responsive.html_mobile_menu_tablet #top .av-logo-container .social_bookmarks{ display:none } .responsive.html_mobile_menu_tablet #top .av-logo-container .main_menu .social_bookmarks{ display:block; position: relative; margin-top: -15px; right:0; } .responsive.html_logo_center.html_bottom_nav_header .av_mobile_menu_tablet .avia-menu.av_menu_icon_beside{ height:100%; } .responsive.html_mobile_menu_tablet #top #wrap_all .menu-item-search-dropdown > a { font-size: 24px; } .responsive.html_mobile_menu_tablet #top #main .av-logo-container .main_menu{ display:block; } .responsive.html_mobile_menu_tablet.html_header_top.html_header_sticky #top #wrap_all #main{ padding-top: 88px; } .responsive.html_mobile_menu_tablet.html_header_top #top #main { padding-top: 0 !important; margin: 0; } .responsive.html_mobile_menu_tablet.html_top_nav_header.html_header_sticky #top #wrap_all #main{ padding-top:0; } .responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container { height:90px; line-height:90px; } .responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a{ min-width: 0; padding:0 0 0 20px; margin:0; border-style: none; border-width: 0; } .responsive.html_mobile_menu_tablet #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{ border-right-style: solid; border-right-width: 1px; padding-right: 25px; } .responsive.html_mobile_menu_tablet #top #header .av-main-nav > li > a, .responsive #top #header .av-main-nav > li > a:hover{ background:transparent; color: inherit; } .responsive.html_mobile_menu_tablet.html_top_nav_header .av-logo-container .inner-container{ overflow: visible; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { /*blog*/ .responsive .template-archives .tab_inner_content li{ width: 98%; } .responsive .template-blog .blog-meta, .responsive .post_author_timeline, .responsive #top #main .sidebar{ display: none; } /* @since 4.9 https://kriesi.at/support/topic/remove-sidebar-from-blog-on-mobile/ */ .sidebar_shadow#top #main .sidebar_right.av-enable-shadow, .sidebar_shadow#top #main .sidebar_left.av-enable-shadow, .sidebar_shadow .sidebar_right .content.av-enable-shadow, .sidebar_shadow .sidebar_left .content.av-enable-shadow{ box-shadow: none; } .responsive #top #main .sidebar.smartphones_sidebar_active{ display: block; text-align: left; border-left: none; border-right: none; border-top-style: dashed; border-top-width: 1px; width: 100%; clear: both; } .responsive #top #main .sidebar.smartphones_sidebar_active .inner_sidebar{ margin: 0; } .responsive .content .entry-content-wrapper{ padding:0; } .responsive .content{ border:none; } .responsive .template-blog .post_delimiter { margin: 0 0 30px 0; padding: 30px 0 0 0; } .responsive .big-preview{ padding: 0 0 10px 0; } .responsive .related_posts{ padding:20px 0; } .responsive .comment_content{ padding-right:0; padding-left:0; } .responsive .fullsize div .template-blog .entry-content-wrapper{ text-align: left; font-size:14px; line-height: 24px; } .responsive #top .fullsize .template-blog .post .entry-content-wrapper > * { max-width: 100%; } .responsive #top .avia-post-nav { display: none; } .responsive #top .av-related-style-full .no_margin.av_one_half.relThumb{ display: block; width:100%; clear:both; } /*all templates*/ .responsive .title_container .breadcrumb{ left:-2px; } .responsive .title_container .main-title + .breadcrumb{ position: relative; right:auto; top:-6px; margin:0; left:-2px; } .responsive .pagination{ padding-left: 0; padding-right: 0; } .responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet{ display:none !important; } /*header*/ .responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img, .responsive #top .av_header_transparency.av_alternate_logo_active .logo a > svg{ opacity: 1 } .responsive #top .av_header_transparency .logo img.alternate, .responsive #top .av_header_transparency .logo .subtext.avia-svg-logo-sub{ display: none; } .responsive #top #wrap_all #header { position: relative; width:100%; float:none; height:auto; margin:0 !important; opacity: 1; min-height:0; } .responsive #top #main { padding-top:0 !important; margin:0; } .responsive #top #main .container_wrap:first-child{ border-top:none; } .responsive.html_header_top.html_logo_center .logo { left: 0%; -webkit-transform: translate(0%, 0); -ms-transform: translate(0%, 0); transform: translate(0%, 0); margin:0; } .responsive .phone-info{ float:none; width:100%; clear:both; text-align: center; } .responsive .phone-info div{ margin:0; padding:0; border:none; } .responsive.html_header_top #header_main .social_bookmarks, .responsive.html_top_nav_header #top .social_bookmarks { width:auto; margin-top:-16px; } .responsive #top .logo{ position: static; display:table; height:80px !important; float:none; padding:0; border:none; width:80%; } .responsive .logo a{ display:table-cell; vertical-align: middle; } .responsive .logo img, .responsive .logo svg{ height: auto !important; width: auto; max-width: 100%; display: block; max-height: 80px; } .responsive #header_main .container{ height:auto !important; } .responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); } .responsive.social_header .phone-info { text-align: center; float:none; clear:both; margin:0; padding:0; } .responsive.social_header .phone-info div{ border:none; width:100%; text-align: center; float:none; clear:both; margin:0; padding:0; } .responsive #header_meta .social_bookmarks li{ border-style:solid; border-width:1px; margin-bottom:-1px; margin-left:-1px; } .responsive #top #header_meta .social_bookmarks li:last-child{ border-right-style: solid; border-right-width: 1px; } .responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul{ float:none; width:100%; text-align: center; margin:0 auto; position: static; } .responsive #header .social_bookmarks{ padding-bottom:2px; width:100%; text-align: center; height:auto; line-height: 0.8em; margin:0; } .responsive #header_meta .sub_menu>ul>li{ float:none; display: inline-block; padding: 0 10px; } .responsive #header .social_bookmarks li{ float:none; display: inline-block; } .responsive.bottom_nav_header #header_main .social_bookmarks{ position: relative; top: 0; right: 0; margin: 10px auto; clear:both; } .responsive.bottom_nav_header.social_header .main_menu>div{ height:auto; } .responsive .logo img, .responsive .logo svg{ margin: 0; } .responsive.html_header_sidebar #top #header .social_bookmarks{ display:none; } .responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header{ max-width: 100%; } .responsive.html_header_transparency #top .avia-builder-el-0 .container, .responsive.html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption{ padding-top:0; } .responsive #top .av_phone_active_right .phone-info.with_nav span{ border:none; } .responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a, .responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a, .responsive #top .av_header_transparency #header_main_alternate, .responsive .av_header_transparency #header_main .social_bookmarks li a, .responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span, .responsive #top .av_header_transparency #header_meta, .responsive #top .av_header_transparency #header_meta li, .responsive #top #header_meta .social_bookmarks li a{ color:inherit; border-color: inherit; background: inherit; } .responsive.html_top_nav_header .av-logo-container{ height:auto; } .responsive.html_top_nav_header .av-section-bottom-logo{ border-bottom-style: solid; border-bottom-width: 1px; } /*new mobile*/ .responsive .av-burger-menu-main{ display: block; } .responsive #top #wrap_all .main_menu{ top:0; height:80px; left:auto; right:0; display: block; position: absolute; } .responsive .main_menu ul:first-child > li a { height: 80px; line-height: 80px; } .responsive #top .av-main-nav .menu-item{ display:none; } .responsive #top .av-main-nav .menu-item-avia-special{ display:block; } .responsive #top #wrap_all .menu-item-search-dropdown > a { font-size: 24px; } .responsive #header_main_alternate{ display:none; } .responsive #top #header .social_bookmarks{ display:none; } .responsive #top #header .main_menu .social_bookmarks{ display:block; position: relative; margin-top: -15px; } .responsive #top .av-logo-container .avia-menu{ height:100%; } .responsive #top .av-logo-container .avia-menu > li > a{ line-height: 80px; } .responsive #top #main .av-logo-container .main_menu{ display:block; } .responsive #top #main .av-logo-container .social_bookmarks{ display:none; } .responsive #top #main .av-logo-container .main_menu .social_bookmarks{ display:block; position: relative; } .responsive #top #main .av-logo-container .main_menu{ display:block; } .responsive #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive #top #wrap_all .av-logo-container { height:80px; line-height:80px; } .responsive #top #wrap_all .av-logo-container { padding:0; } .responsive #top #header_main > .container .main_menu .av-main-nav > li > a{ min-width: 0; padding:0 0 0 20px; margin:0; border-style: none; border-width: 0; } .responsive #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{ border-right-style: solid; border-right-width: 1px; padding-right: 25px; } .responsive #top #header .av-main-nav > li > a, .responsive #top #header .av-main-nav > li > a:hover{ background:transparent; color: inherit; } .responsive.html_top_nav_header .av-logo-container .inner-container{ overflow: visible; } /*related images*/ .responsive #top .related_entries_container .av_one_eighth{ width:25%; } .responsive #top .relThumb5{ clear:both; } .responsive.html_header_transparency #top .avia-builder-el-0 .container{ padding-top:0px; } .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area{ display:none; } .responsive.html_header_sidebar #main{ border: none; } /*tabs*/ .responsive.js_active #top .avia_combo_widget .top_tab .tab{ border-top: 1px solid; border-bottom:none; width: 100%; } .responsive.js_active #top .avia_combo_widget .news-wrap li{ padding:5px; } /*widgets*/ .tagcloud a{ padding:8px 20px; margin:0 8px 8px 0; } .widget li{ line-height: 1.8em; font-size: 15px; } /*footer*/ .responsive #scroll-top-link{ display: none; /*iphones etc scroll better by tapping the status bar at the top of the screen*/ } .responsive #socket .sub_menu_socket{ display: block; float: none; width: 100%; clear: both; margin: 0 0 0 -15px; } /* curtain footer */ .responsive.html_header_sidebar.html_header_left .av-curtain-footer.av-curtain-activated .av-curtain-footer-container{ width: 100%; margin-left: 0; } .responsive.html_header_sidebar.html_header_right .av-curtain-footer.av-curtain-activated .av-curtain-footer-container{ width: 100%; } /* cookie consent */ body.responsive.admin-bar .avia-cookiemessage-top, body.responsive.admin-bar .avia-cookiemessage-top-left, body.responsive.admin-bar .avia-cookiemessage-top-right{ margin-top: 46px; } .responsive .avia-cookiemessage-top-left, .responsive .avia-cookiemessage-bottom-left, .responsive .avia-cookiemessage-top-right, .responsive .avia-cookiemessage-bottom-right{ width: 55%; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { /*portfolio*/ .responsive #top #wrap_all .grid-sort-container.grid-total-odd .grid-entry.grid-loop-1{ width:100%; } .responsive #top #wrap_all .grid-sort-container .grid-entry{ width:50%; margin-bottom: 0; } .responsive #top #wrap_all .portfolio-parity-odd{ clear:both; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { /*related images*/ .responsive #top .related_entries_container .av_one_eighth{ width:50%; } .responsive #top .related_entries_container .av_one_eighth:nth-child(odd){ clear:both; } .responsive.html_header_top #header_main .social_bookmarks, .responsive.html_top_nav_header .social_bookmarks{ display:none; } /*new mobile header*/ .responsive .avia-menu.av_menu_icon_beside{ padding:0; margin:0; border:none; } .responsive #top #wrap_all #header .social_bookmarks, .responsive #top #wrap_all #main .av-logo-container .social_bookmarks{ display:none; } .responsive #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{ margin-right:0; padding-right:0; border:none; } /* cookie consent */ .responsive .avia-cookiemessage-top-left, .responsive .avia-cookiemessage-bottom-left, .responsive .avia-cookiemessage-top-right, .responsive .avia-cookiemessage-bottom-right{ width: 85% !important; left: 7.5% !important; right: 7.5% !important; } }/* ====================================================================================================================================================== #Blog Styles ====================================================================================================================================================== */ .template-blog .blog-meta{ float:left; margin-right:50px; } .multi-big .post_author_timeline , .single-small .post_author_timeline { position: absolute; top: 0; left: 40px; width: 1px; height: 100%; border-right-width:1px; border-right-style: dashed; } .single-post .post_author_timeline{ display:none; } .sidebar_left .template-blog .blog-meta { float: right; margin-left: 50px; margin-right: 0; } .sidebar_left .multi-big .post_author_timeline , .sidebar_left .single-small .post_author_timeline { left:auto; right:40px; } .sidebar_left .big-preview{ padding:0 131px 10px 0; } div .single-big .pagination{padding:1px 50px 10px 1px;} .sidebar_left .author-extra-border{right:auto; left:-50px;} #top .fullsize .template-blog .post-title{text-align: center; font-size: 30px; padding:15px 0; max-width: 800px; margin: 0 auto;} #top.single-post .fullsize .template-blog .post_delimiter{visibility: hidden;} #top .fullsize .template-blog .post-meta-infos{text-align: center;} #top .fullsize .template-blog .post .entry-content-wrapper{text-align: justify; font-size:1.15em; line-height: 1.7em; max-width: 800px; margin:0 auto; overflow: visible; } #top .fullsize .template-blog .post .entry-content-wrapper > *{ max-width: 40em; margin-left:auto; margin-right:auto; } #top .fullsize .template-blog .post_delimiter{border-bottom-width:1px; border-bottom-style: solid; width:3000px; left:-1500px; position: relative; max-width: 3000px;} #top .fullsize .template-blog .post_author_timeline{display:none;} #top .fullsize .template-blog .blog-meta { float: none; margin: 0 auto; display: block; position: relative; width: 81px; overflow: hidden; text-align: center; z-index: 1000; } #top .av-alb-blogposts.template-blog div.post_delimiter{ width: 100%; left: 0; position: relative; } #top .fullsize .related_entries_container img{ margin: 0 auto;} #top .fullsize .related_title{text-align: center; } #top .fullsize .related_posts{ padding: 23px 0 33px 0; } /* #top .fullsize .template-blog .big-preview a ,#top .fullsize .template-blog .small-preview img{float:none; display: inline-block; width:100%; max-width: 100%;} */ #top .fullsize .template-blog .big-preview{padding: 0 0 10px 0;} #top .fullsize .template-blog .first-quote{margin-top:15px;} #top .fullsize .template-blog .big-preview.multi-big{margin-bottom:15px; padding: 0; width:100%;} #top .fullsize .template-blog .big-preview.multi-big a, .fullsize div .template-blog .big-preview.multi-big a img{width:100%;} #top .fullsize .template-blog .big-preview img{width:100%} .fullsize .big-preview .avia-gallery { width: 40em; max-width: 100%; margin: 0 auto; } .fullsize .comment_content {padding-right:0;} .fullsize .blog-tags{display: block;} #top .fullsize .flex_column .template-blog .post-title, #top .fullsize .flex_column .template-blog .post-meta-infos{ text-align: left; } #top .fullsize .flex_column .big-preview .avia-gallery{width:100%;} #top .fullsize .flex_column .template-blog .post .entry-content-wrapper > *{ max-width:100%;} /*fullsize when sidebar left*/ .html_header_sidebar #top .fullsize .template-blog .multi-big .post-title, .html_header_sidebar #top .fullsize .template-blog .single-big .post-title{ max-width: none; text-align: left;} .html_header_sidebar #top .fullsize .template-blog .multi-big .post-meta-infos, .html_header_sidebar #top .fullsize .template-blog .single-big .post-meta-infos{text-align: left;} .html_header_sidebar #top .fullsize .template-blog .post .entry-content-wrapper{ max-width: none;} .html_header_sidebar #top .fullsize .template-blog .post .entry-content-wrapper > *{ max-width: none;} .post-meta-infos { font-size: 0.9em; position: relative; top: -8px; display: block; } .post-meta-infos a{text-decoration: none;} .post-meta-infos a:hover{text-decoration: underline;} .text-sep{padding: 0 5px;} .more-link{clear:both; display: inline-block;} /*previe pic*/ .big-preview{ display:block; padding:0 50px 10px 131px; } .template-page .big-preview{ display:block; padding:0 0 10px 131px; text-align: center; } .big-preview a{display: block; position: relative; overflow: hidden; } .big-preview.single-big{ padding:0 50px 10px 0; } .entry-content-wrapper .big-preview.single-big{ padding:0 0px 10px 0; } .fullsize .big-preview.single-big{ padding:0 0 10px 0; } .post-loop-1 .big-preview{ position: relative; z-index: 4; } .small-preview{ width:81px; height:81px; overflow: hidden; border-radius: 4px; float:left; margin:6px 0 0 0; position: relative; text-align: center; line-height: 81px; position: relative; z-index: 4; display: block; } .small-preview img, .big-preview img{ display: block; border-radius: 4px; position: relative; z-index: 4; width: 100%; } .single-post .single-small.with-slider .small-preview{ width:180px; height:180px; } .single-post .single-small.with-slider .post_author_timeline{display:none;} #top.single-post .fullsize .single-small.with-slider .blog-meta{width:180px;} .archive .av-content-full > .extra-mini-title{text-align: center;} .archive .av-content-full .author-box {text-align: center; } .av-content-full > .related_posts{max-width: 1200px; margin-left: auto; margin-right: auto; float:none; clear:both; } .av-content-full > .comment-entry{max-width: 800px; margin-left: auto; margin-right: auto; float:none; clear:both;} .template-blog .pagination{padding:1px 50px 10px 24px;} /*related posts*/ .related_posts {position: relative; clear:both; width:100%; float:left; border-top-style:solid; border-top-width: 1px; padding:23px 50px 33px 0; margin-bottom:30px; } .related_posts:hover{z-index:9999;} .related_title {margin-bottom:20px;} .related_column{float:left; padding-right:3px;} .related_posts img, .related_posts a{display:block; border-radius: 2px; overflow: hidden; max-width:100%; margin:0 auto;} .related_posts_default_image{border-width:1px; border-style: solid; display: block; float:left; border-radius: 2px; min-height: 60px; min-width: 100%; max-width:100%; } .related_posts_default_image img{visibility: hidden; } .relThumb{text-align: center;} .related_posts .av-related-title{display:none;} .related_image_wrap{position: relative; display: block; float:left; width:100%; -webkit-backface-visibility: hidden; /* fixes webkit flickering after transitions*/} .related-format-icon{position: absolute; text-align: center; top:1px; left:1px; bottom:1px; right:1px; opacity: 0; filter:alpha(opacity=0);} .related-format-icon-inner{position: absolute; height:30px; font-size: 30px; line-height: 30px; top:50%; margin-top:-15px; left:0; width:100%;} .related-format-icon:hover{opacity: 0.8; filter:alpha(opacity=80);} .related-format-visible{opacity: 0.5 ; filter:alpha(opacity=50);} .sidebar_left .related_posts_sep{right:auto; left:0;} /*related fulltext*/ .single-big + .related_posts.av-related-style-full{ border-top:none; padding-top:0; } .related_posts.av-related-style-full a { margin: 2px 0; padding: 6px; border-radius: 3px; display:table; width:100%; text-decoration: none; text-align: left; border:1px solid transparent; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .related_posts.av-related-style-full a:hover{ border-width:1px; border-style: solid;} .av-related-style-full .related-format-visible{opacity: 1 ; filter:alpha(opacity=100);} #top .av-related-style-full .related_column{width:50%;} #top .av-related-style-full .relThumb{text-align: left;} #top .av-related-style-full .related-format-icon{width:58px; height:58px; bottom:auto; right:auto; border-radius: 100px; } #top .av-related-style-full .related_image_wrap{display:table-cell; float: none; background-color: transparent;} #top .av-related-style-full .related_image_wrap, #top .av-related-style-full .related_image_wrap img, #top .av-related-style-full .related_image_wrap .related_posts_default_image{width:60px; height:60px; border-radius: 100px;} #top .av-related-style-full .av-related-title{text-decoration: none; display:table-cell; vertical-align: middle; padding: 5px 15px; line-height: 1.2em;} .responsive .av-related-style-full .relThumb1, .responsive .av-related-style-full .relThumb3, .responsive .av-related-style-full .relThumb5{clear:both;} /*post types*/ .avia-post-format-image img{ border-radius: 3px;} .avia-post-format-image{margin-bottom:10px;} .entry-content-wrapper.gallery-content .avia-gallery{margin-bottom:10px;} /*audio*/ #top #wrap_all .big-preview + .big-preview{ position: relative; top:-60px; background: transparent; margin: 0 20px -40px 20px; z-index: 550; width:auto; } #top #wrap_all .big-preview.multi-big + .big-preview.multi-big{ margin: 0 20px -30px 20px; } /*blog in flex column*/ .flex_column .template-blog .post .entry-content-wrapper{ } #top .flex_column .template-blog .post-title{ font-size:1.3em; } .flex_column .template-blog .post_delimiter{ margin: 0 0 20px 0; padding: 20px 0 0 0; } .flex_column .template-blog .single-big .pagination { padding: 1px 0 10px 0; } .flex_column .template-blog .big-preview.single-big { padding: 0 0 10px 0; } .flex_column .template-blog .post-meta-infos{ margin-bottom: -13px; } /*elegant Blog*/ .html_elegant-blog #top .post-entry .post-title, .html_elegant-blog .avia-content-slider .slide-entry-title{ text-align: center; font-size: 30px; text-transform: uppercase; padding:0px 0 15px; letter-spacing: 2px; line-height: 1.3em; margin-bottom:10px; } .html_elegant-blog #top .post-entry .post-title:hover, .html_elegant-blog .avia-content-slider .slide-entry-title:hover{ opacity: 0.7; } .html_elegant-blog #top .post-entry .post-meta-infos, .html_elegant-blog .avia-content-slider .slide-meta { display: block; text-align: center; padding:10px 0; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; margin-top:40px; width:100%; clear: both; float: left; } .html_elegant-blog #top .post-entry .blog-categories{ text-align: center; display: block; font-weight: bold; position: relative; } .html_elegant-blog #top .post-entry .minor-meta{ text-transform: uppercase; } .html_elegant-blog .post-entry .post-meta-infos .text-sep, .html_elegant-blog .post-entry .slide-meta .slide-meta-del{ border-left-width: 1px; border-left-style: solid; padding: 0; display: inline-block; margin: 0 10px; text-indent: -126px; overflow: hidden; vertical-align: bottom; } .html_elegant-blog .av-vertical-delimiter{ display: block; margin:0 auto; width:40px; border-top-width:3px; border-top-style: solid; padding-bottom: 16px; } .html_elegant-blog .entry-content-wrapper .big-preview.single-big{ margin-top:20px; } .html_elegant-blog .more-link{ display: block; text-align: center; margin:30px auto 20px auto; clear: both; width:250px; border:none; border-style: solid; border-width:1px; padding: 10px 0; border-radius: 2px; } .html_elegant-blog .more-link:hover{ text-decoration: none; } .more-link-arrow:after{ content:"\E87d"; font-family: 'entypo-fontello'; font-size: 10px; vertical-align: middle; padding:0 8px; } .html_elegant-blog .more-link-arrow{ display:none; } .html_elegant-blog .multi-big .post_author_timeline, .html_elegant-blog .single-small .post_author_timeline{ border-right-style: solid; } .html_elegant-blog .blog-tags.minor-meta, .html_elegant-blog .av-share-link-description, .html_elegant-blog .related_title { display: block; text-align: center; } .html_elegant-blog #top .big-preview{padding-left:0;padding-right:0;} /*Elegant Grid Blog*/ .html_elegant-blog .avia-content-slider .slide-entry-title{ padding-top:15px; font-size: 1.4em; } .html_elegant-blog #top .avia-content-slider .blog-categories{ top:15px; } .html_elegant-blog .avia-content-slider .read-more-link{ position: relative; top:18px; padding-bottom: 10px; } .html_elegant-blog .avia-content-slider .av-vertical-delimiter{ position: relative; top:-5px; } .html_elegant-blog .template-blog .post_delimiter{ margin: 0 0 20px 0; padding: 20px 0 0 0; } .html_elegant-blog .av-share-box{margin-bottom:0;} /*Elegant Author*/ .html_elegant-blog .template-author .extra-mini-title{ display: none; } /*Elegant Search*/ .html_elegant-blog #top .template-search .post-title{ text-align:left; } .html_elegant-blog #top .template-search .blog-categories{ display:none; } .html_elegant-blog #top .template-search .entry-content-wrapper .post-title a:hover{ text-decoration: none; } .html_elegant-blog #top .template-search .post-entry .post-meta-infos{ margin-top: -20px; text-align: left; border: none; } /*Modern Blog*/ .html_modern-blog #top .post-entry .post-title, .html_modern-blog .avia-content-slider .slide-entry-title{ font-size:2em; text-align: left; letter-spacing: 1px; } .html_modern-blog #top .post-entry .blog-categories{ text-align: left; font-weight: normal; font-size: 0.8em; top:-25px; } .html_modern-blog .av-vertical-delimiter{ margin:0; } .html_modern-blog #top .post-entry .post-meta-infos, .html_modern-blog .avia-content-slider .slide-meta{ text-align: left; border:none; margin-top: 15px; font-size: 0.9em; } .html_modern-blog .av-vertical-delimiter{ display: none; } .html_modern-blog .post-entry .post-meta-infos .text-sep, .html_modern-blog .post-entry .slide-meta .slide-meta-del{ border:none; text-indent: 0; opacity: 0.3; } .html_modern-blog .more-link{ margin: 30px 0 20px 0; display: inline; border: none; position: relative; top: -0.3em; } .html_modern-blog .more-link .more-link-arrow{ display: inline; } .html_modern-blog .blog-tags.minor-meta, .html_modern-blog .av-share-link-description, .html_modern-blog .related_title{ text-align: left; } .html_modern-blog #top .template-page .big-preview{ margin-top:0; } /*disable blog options*/ #top .av-blog-meta-author-disabled .minor-meta.blog-author{ display:none; } #top .av-blog-meta-comments-disabled .minor-meta.comment-container, #top .av-blog-meta-comments-disabled .text-sep-comment{display:none;} #top .av-blog-meta-category-disabled .minor-meta.blog-categories, #top .av-blog-meta-category-disabled .text-sep-cat{display:none;} #top .av-blog-meta-date-disabled .minor-meta.date-container, #top .av-blog-meta-date-disabled .text-sep-date{display:none;} #top .av-blog-meta-html-info-disabled .form-allowed-tags{ display:none; } #top .av-blog-meta-tag-disabled .blog-tags{display:none;} /* blog lists */ #top .fullsize .template-blog.av_force_fullwidth.template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog.av_force_fullwidth .post .entry-content-wrapper { max-width: 100%; } #top .fullsize .template-blog.av_force_fullwidth .post-title{ max-width: 100%; padding-top: 0; padding-bottom: 0; } /* blog list - simple */ .bloglist-simple .read-more-link{ display: block; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); } .av_force_fullwidth .bloglist-simple .read-more-link{ right: 0; } .bloglist-simple .more-link{ padding: 0; margin: 0; font-size: 0; line-height: 0; top: auto; width: 30px; height: 30px; display: block; border-width: 2px; border-style: solid; border-radius: 100%; text-decoration: none; } .bloglist-simple .more-link:hover { text-decoration: none; } .bloglist-simple .more-link-arrow{ width: 100%; height: 100%; display: block; } .bloglist-simple .more-link-arrow:after{ font-size: 10px; line-height: 26px; display: block; padding: 0; text-align: center; } .bloglist-simple .read-more-link:hover{ opacity: 1; } .template-blog .bloglist-simple .post_delimiter{ border-bottom: 1px solid rgba(0,0,0,0.15); margin: 0; padding: 0; clear: both; } #top .fullsize .template-blog .bloglist-simple:last-of-type .post_delimiter{ border-bottom-width: 0; } .bloglist-simple.post-entry{ float: none; } .bloglist-simple .entry-content-header{ padding: 25px 60px 25px 0; } .av_force_fullwidth .bloglist-simple .entry-content-header{ padding: 25px 0 25px 0; } #top .fullsize .template-blog .bloglist-simple .post-title, .bloglist-simple .entry-content-wrapper .post-title{ font-size: 17px; margin-bottom: 0.1em; text-align: left; } #top .fullsize .template-blog .bloglist-simple .post-meta-infos, .bloglist-simple .post-meta-infos{ top: auto; position: static; text-align: left; margin-bottom: 0; } .bloglist-simple .pagination{ padding: 20px 50px 10px 0; } .av_force_fullwidth .bloglist-simple .pagination { padding-right: 0; } @media only screen and (max-width: 767px) { .bloglist-simple .read-more-link { right: 0; } } /* blog list - simple - elegant blog */ .html_elegant-blog #top .bloglist-simple .entry-content-header{ padding: 0; } .html_elegant-blog #top .bloglist-simple.post-entry{ padding-top: 20px; padding-bottom: 20px; } .html_elegant-blog #top .bloglist-simple.post-entry .post-title, .html_elegant-blog .avia-content-slider .bloglist-simple .slide-entry-title{ text-align: left; font-size: 26px; margin-bottom: 0; } .html_elegant-blog #top .bloglist-simple.post-entry .blog-categories{ text-align: left; } .html_elegant-blog #top .bloglist-simple.post-entry .post-meta-infos, .html_elegant-blog .avia-content-slider .bloglist-simple .slide-meta{ text-align: left; margin-top: 0; padding-right: 60px; position: relative; } .html_elegant-blog .template-blog .bloglist-simple .post_delimiter{ margin: 0; padding: 0; } .html_elegant-blog .read-more-link{ right: 0; } .html_elegant-blog .template-blog .bloglist-simple .post_delimiter{ display: none; } /* blog list - simple - modern blog */ .html_modern-blog #top .post-entry.bloglist-simple{ border-bottom-width: 1px; border-bottom-style: solid; } .html_modern-blog #top .post-entry.bloglist-simple .blog-categories { top: auto; font-size: 0.9em; } .html_modern-blog #top .bloglist-simple.post-entry .post-meta-infos, .html_modern-blog .avia-content-slider .bloglist-simple .slide-meta { font-size: 0.8em; padding-bottom: 0; } /* blog list - compact */ .bloglist-compact.post-entry{ border-bottom-width: 1px; border-bottom-style: dashed; padding: 15px 0; float: none; } .bloglist-compact.post-entry:last-of-type { border-bottom-width: 0; } .main_color .bloglist-compact .fallback-post-type-icon{ position: relative; top: auto; left: auto; margin: 0 0.5em 0 0 ; background: transparent; color: inherit; line-height: normal; font-size: 1.3em; text-align: center; height: auto; } #top .fullsize .template-blog .bloglist-compact .post-title, .bloglist-compact .post-title { display: inline; font-size: 1em; font-weight: normal; } .bloglist-compact .post_delimiter{ display: none; } .bloglist-compact .pagination{ margin-top: 2em; padding: 20px 50px 10px 0; } .av_force_fullwidth .bloglist-compact .pagination { padding-right: 0; } /* blog list - compact - elegant blog */ .html_elegant-blog #top .post-entry.bloglist-compact .post-title, .html_elegant-blog .avia-content-slider .bloglist-compact .slide-entry-title{ display: inline; font-size: 1em; } /* blog list - excerpt */ .bloglist-excerpt .read-more-link{ text-align: right; position: relative; margin-top: 40px; } .bloglist-excerpt .read-more-link:after { content: ""; height: 1px; border-top-style: solid; border-top-width: 1px; border-color: inherit; display: block; width: 100%; left: 0; top: 50%; position: absolute; z-index: 1; } .bloglist-excerpt .more-link { display: inline-block; border-width: 1px; border-style: solid; border-radius: 100px; padding: 0 20px; text-transform: uppercase; font-size: 0.8em; font-weight: bold; position: relative; z-index: 2; background-color: #ffffff; color: inherit; line-height: 2.1em; font-size: 0.75em; } .bloglist-excerpt .more-link:hover { text-decoration: none; } .bloglist-excerpt .more-link-arrow{ display: none; } .template-blog .bloglist-excerpt .post_delimiter{ margin: 0 0 20px 0; padding: 20px 0 0 0; border-color: transparent; } .bloglist-excerpt .pagination{ padding: 20px 50px 10px 0; } .av_force_fullwidth .bloglist-excerpt .pagination { padding-right: 0; } #top .fullsize .template-blog .bloglist-excerpt .post-title, .bloglist-excerpt .post-title { text-align: left; } #top .fullsize .template-blog .bloglist-excerpt .post-meta-infos{ text-align: left; margin-bottom: 0; top: auto; } #top .fullsize .template-blog .bloglist-excerpt .post_delimiter{ border-bottom-width: 0; } /* blog list - excerpt - elegant blog */ .html_elegant-blog #top .bloglist-excerpt.post-entry .post-title, .html_elegant-blog .avia-content-slider .bloglist-excerpt .slide-entry-title{ text-align: left; margin-bottom: 0; font-size: 26px; } .html_elegant-blog #top .bloglist-excerpt.post-entry .post-meta-infos, .html_elegant-blog .avia-content-slider .bloglist-excerpt .slide-meta{ text-align: left; margin-top: 1em; margin-bottom: 1em; } .html_elegant-blog .bloglist-excerpt .more-link{ margin: 0; border-color: inherit; color: inherit; } .html_elegant-blog .bloglist-excerpt .more-link:hover { color: initial; } /* blog list - excerpt - modern blog */ .html_modern-blog #top .bloglist-excerpt.post-entry .post-meta-infos, .html_modern-blog .avia-content-slider .bloglist-excerpt .slide-meta{ text-align: left; margin: 0; } .html_modern-blog .bloglist-excerpt .more-link .more-link-arrow{ display: none; } @media only screen and (max-width: 767px) { .responsive #top .template-page .big-preview.multi-big { padding: 0 0 10px 0; } }/* ====================================================================================================================================================== Post Slider ====================================================================================================================================================== */ .avia-content-slider{ margin: 30px 0; clear: both; } .avia-content-slider, .avia-content-slider-inner{ position: relative; overflow: hidden; clear: both; } .avia-content-slider .slide-entry-title{ font-size: 1.1em; line-height: 1.4em; margin: 0; } .avia-content-slider .slide-image, .avia-content-slider .slide-image img{ border-radius: 3px; display: block; position: relative; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; margin: 0 auto; } .avia-content-slider .slide-image{ overflow: hidden; margin-bottom: 6px; border-radius: 3px; } .avia-content-slider .slide-entry-excerpt{ overflow: hidden; text-overflow: ellipsis; } .avia-content-slider .slide-entry-wrap{ width: 100%; float: left; margin-bottom: 40px; } .avia-content-slider-active .slide-entry-wrap{ position: absolute; top: 0; visibility: hidden; margin: 0; } .avia-content-slider .slide-entry-wrap:first-child{ position: relative; } .avia-content-slider .slide-meta div, .avia-content-slider .slide-meta time{ display: inline-block; font-size: 0.9em; } .avia-content-slider .slide-meta a{ position: relative; } .avia-content-slider .slide-meta{ position: relative; padding-bottom: 10px; } .avia-content-slider .slide-meta-del{ margin: 0px 4px; } .avia-content-slider.avia-builder-el-no-sibling{ margin: 0; } .slider-fallback-image{ visibility: hidden; } .avia-content-slider .fake-thumbnail .slide-image{ border-width: 1px; border-style: solid; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; min-height: 70px; } .fallback-post-type-icon{ position: absolute; top: 49%; left: 50%; margin: -28px 0 0 -30px; height: 60px; width: 60px; line-height: 59px; font-size: 25px; text-align: center; border-radius: 100px; } .avia-content-slider .slide-image:hover .fallback-post-type-icon{ opacity: 0; } .pagination-slider .pagination{ padding: 1px 0 10px 0; } #top .avia-content-slider .avia-slideshow-arrows a{ top: 38%; margin: -30px 0 0; } #top .avia-content-slider .avia-slideshow-dots{ position: relative; float: left; height: 25px; bottom: -37px; } #top .avia-content-slider, #top .avia-content-slider-inner, #top .avia-content-slider-inner .slide-entry-wrap{ /* fixes flickering issue when slider moves. usually other elements in other container flicker. temp removed */ /* old: */ /* -webkit-transform-style: preserve-3d; */ /* new; */ -webkit-transform-style: flat; -webkit-backface-visibility: hidden; /* removed due to blurry text in win, chrome -webkit-perspective: 1000px; */ } /*audio*/ #top #wrap_all .avia-content-slider .audio-preview{ margin-top: -36px; margin-bottom: -4px; } #top .avia-content-slider .audio-preview .mejs-volume-button, #top .avia-content-slider .audio-preview .mejs-time{ display: none; } #top #wrap_all .mejs-controls a.mejs-horizontal-volume-slider{ width: 60px; } /*fix blur on content slider in safari*/ .avia-safari .avia-content-slider, .avia-safari .avia-content-slider-inner, .avia-safari .avia-content-slider-inner .slide-entry-wrap{ -webkit-perspective: 0 !important; } @media only screen and (max-width: 767px) { .responsive #top #wrap_all .slide-entry{ width: 48%; margin-left: 4% } .responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even{ margin: 0; clear: both; } .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.first{ margin-left: 0; width: 100%; } .responsive avia-content-slider .slide-image img { width: 100%; } } @media only screen and (max-width: 479px) { .responsive #top #wrap_all .avia-content-slider-odd .slide-entry{ margin-left: 0; clear: both; width: 100%; } }/* ====================================================================================================================================================== Button ====================================================================================================================================================== */ /*button element*/ .avia-button-wrap{ display:inline-block; } .avia-button{ color: #777; border-color: #e1e1e1; background-color: #f8f8f8; } body div .avia-button{ border-radius: 3px; padding:10px; font-size: 12px; text-decoration: none; display:inline-block; border-bottom-style: solid; border-bottom-width: 1px; margin:3px 0; line-height: 1.2em; position: relative; font-weight: normal; text-align: center; max-width: 100%; } .avia-button:hover{ opacity: 0.9; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .avia-button:active{ border-bottom-width: 0px; border-top-width: 1px; border-top-style: solid; } .avia-button.avia-color-theme-color-subtle{ background-image: none; } .avia-button.avia-color-theme-color-subtle:hover{} .avia-button .avia_button_icon{ position: relative; left: -0.3em; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; } .avia-button .avia_button_icon.avia_button_icon_right{ left: 0.3em; } .avia-button.avia-icon_select-no .avia_button_icon{ display:none } .avia-button.avia-color-grey, .avia-button.avia-color-grey:hover{ background-color: #555; border-color: #333333; color: #fff; } .avia-button.avia-color-black, .avia-button.avia-color-black:hover{ background-color: #2c2c2c; border-color: #000; color: #fff; } .avia-button.avia-color-red, .avia-button.avia-color-red:hover{ background-color: #B02B2C; border-color: #8B2121; color: #fff; } .avia-button.avia-color-orange, .avia-button.avia-color-orange:hover{ background-color: #edae44; border-color: #CA9336; color: #fff; } .avia-button.avia-color-green, .avia-button.avia-color-green:hover{ background-color: #83a846; border-color: #6F8F3B; color: #fff; } .avia-button.avia-color-blue, .avia-button.avia-color-blue:hover{ background-color: #7bb0e7; border-color: #6693C2; color: #fff; } .avia-button.avia-color-aqua, .avia-button.avia-color-aqua:hover{ background-color: #4ecac2; border-color: #3EAAA3; color: #fff; } .avia-button.avia-color-teal, .avia-button.avia-color-teal:hover{ background-color: #5f8789; border-color: #3F5E5F; color: #fff; } .avia-button.avia-color-purple, .avia-button.avia-color-purple:hover{ background-color: #745f7e; border-color: #514358; color: #fff; } .avia-button.avia-color-pink, .avia-button.avia-color-pink:hover{ background-color: #d65799; border-color: #BB4B85; color: #fff; } .avia-button.avia-color-silver, .avia-button.avia-color-silver:hover{ background-color: #DADADA; border-color: #B4B4B4; color: #555; } #top a.avia-button.avia-font-color-grey, .avia-button.avia-font-color-grey-hover:hover{ color: #333333; } #top a.avia-button.avia-font-color-black, .avia-button.avia-font-color-black-hover:hover{ color: #000; } #top a.avia-button.avia-font-color-red, .avia-button.avia-font-color-red-hover:hover{ color: #8B2121; } #top a.avia-button.avia-font-color-orange, .avia-button.avia-font-color-orange-hover:hover{ color: #CA9336; } #top a.avia-button.avia-font-color-green, .avia-button.avia-font-color-green-hover:hover{ color: #6F8F3B; } #top a.avia-button.avia-font-color-blue, .avia-button.avia-font-color-blue-hover:hover{ color: #6693C2; } #top a.avia-button.avia-font-color-aqua, .avia-button.avia-font-color-aqua-hover:hover{ color: #3EAAA3; } #top a.avia-button.avia-font-color-teal, .avia-button.avia-font-color-teal-hover:hover{ color: #3F5E5F; } #top a.avia-button.avia-font-color-purple, .avia-button.avia-font-color-purple-hover:hover{ color: #514358; } #top a.avia-button.avia-font-color-pink, .avia-button.avia-font-color-pink-hover:hover{ color: #BB4B85; } #top a.avia-button.avia-font-color-silver, .avia-button.avia-font-color-silver-hover:hover{ color: #B4B4B4; } #top .avia-button.avia-color-light{ color:#fff; border:3px solid #fff; background: transparent; } #top .avia-button.avia-color-dark{ color:#000; border:3px solid #000; color:rgba(0,0,0,0.6); border-color: rgba(0,0,0,0.6); background: transparent; } .avia-button.avia-color-light:hover{ opacity: 0.7; color:#fff; } .avia-button.avia-color-dark:hover{ opacity: 0.7; color:#000; color:rgba(0,0,0,0.6); } .avia-button.avia-color-theme-color-subtle{ border-width:1px; border-style: solid; } .avia-button-center { display:block; text-align: center; clear:both; } .avia-button-right{ display:block; float:right; } .avia-button.avia-position-right{ float:right; display:block; } .avia-button.avia-position-left{ float:left; display:block; } .avia-button.avia-size-small{ padding:9px 10px 7px; font-size: 13px; min-width: 80px; } .avia-button.avia-size-medium{ padding:12px 16px 10px; font-size: 13px; min-width: 90px; } .avia-button.avia-size-large{ padding: 15px 30px 13px; font-size: 13px; min-width: 139px; } .avia-button.avia-size-x-large{ padding: 25px 50px 23px; font-size: 15px; min-width: 200px; } .av-icon-on-hover .avia_button_icon{ width: 0px; overflow: hidden; display: inline-block; height: 1em; -webkit-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; opacity: 0; } .av-icon-on-hover:hover .avia_button_icon{ width: 1.5em; opacity: 1; } #top .av-button-notext{ min-width: 0; } #top .av-button-notext .avia_button_icon{ left:0; } .av-button-label-on-hover{ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .av-button-label-on-hover.avia-button.avia-size-small{ padding:0; line-height: 30px; width: 32px; } .av-button-label-on-hover.avia-button.avia-size-medium{ padding:0; line-height: 36px; width: 38px; } .av-button-label-on-hover.avia-button.avia-size-large{ padding:0; line-height: 42px; width: 44px; } .av-button-label-on-hover.avia-button.avia-size-x-large{ padding:0; line-height: 66px; width: 68px; } #top .avia-button .avia_button_background{ opacity: 0; position: absolute; top: -3px; left: 0; bottom: -6px; right: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #top .avia-button:hover .avia_button_background{ opacity: 0.9; } #top .avia-button .avia_button_icon, #top .avia-button .avia_iconbox_title{ position: relative; z-index: 3; } /* Sonar effect */ .avia-button.avia-sonar-shadow:after{ content: ''; pointer-events: none; position: absolute; top: 0; left: 0; padding: 0; width: 100%; height: 100%; opacity: 0; z-index: -1; /*border-radius: 10px;*/ box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-shadow: 0 0 0 2px rgba(255,255,255,0.1); transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform-style: preserve-3d; }/* ====================================================================================================================================================== #Comment ====================================================================================================================================================== */ h4#comments{ margin-bottom:30px; } #respond{ margin-top:20px; } .commentlist ul { border-left-style: dashed; border-left-width: 1px; } .children .children .says{ border-bottom-style: dashed; border-bottom-width: 1px; } .miniheading, .author_name, #reply-title, #top .logged-in-as, .dynamic-column-title{ font-weight: 600; letter-spacing: 1px; } #comments span, .minitext, .form-allowed-tags, #reply-title small, #commentform label{ font-size: 0.85em; display:block; letter-spacing: 0; text-transform: none; padding-top:8px; line-height: 1.5em; font-weight: normal; } .comment_meta_container{clear:both; float:none;} #top .commentlist{ margin:0; padding: 0 0 10px 0px; border:none; } #top .commentlist .comment{ list-style-type: none; list-style-position: outside; width:100%; position: relative; display: block; background: none; min-height:100px; clear: both; } #top .commentlist .comment.depth-1{float:left;} #top .commentlist .comment>div{min-height: 100px; float: left; width:100%;} .commentlist>.comment{ border-bottom-style: dashed; border-bottom-width: 1px; margin-bottom:30px; } .gravatar{ position: relative; z-index: 2; border-radius: 200px; overflow: hidden; float: left; } .gravatar img{ padding:0; margin:0; display: block; border-radius: 200px; } .comment_content{ position:relative; margin:0 0 0 85px; padding:0 35px 15px 0; z-index: 10; overflow: hidden; } .author_name a, .author_name a:hover{ font-weight: bold; text-decoration: none; } .comment-edit-link, #cancel-comment-reply-link{ display:inline-block; font-size: 10px; } .author_name, .comment_title{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .commentmetadata { font-size:11px; line-height: 1em; } .commentmetadata a{ text-decoration: none; } .commentmetadata a:hover{ text-decoration: underline; } .says { display: block; height: 1px; left: -70px; position: absolute; text-indent: 200%; top: 18px; width: 40px; overflow: hidden; } #top .comment_text{ clear: both; font-size: 13px; padding: 0 0 15px 0; border:none; } #top .comment-reply-link { font-size: 11px; text-decoration: none; line-height: 20px; } .side-container-comment-inner{ text-align: center; position: relative; overflow: hidden; margin-bottom:15px; } .comment-count { font-size: 24px; line-height: 60px; width: 60px; display: block; text-align: center; border-radius: 200px; margin: 0 auto; position: relative; z-index: 100; } .side-container-comment-inner .comment-text{ font-size: 12px; text-transform: uppercase; } .center-border{position: absolute; top:39%; width:42%; border-top-style: solid; border-top-width: 1px; z-index: 1;} .center-border-left{left:0;} .center-border-right{right:0;} /*children*/ #top .commentlist ul{ margin: 0 0 0 74px; clear:both; } #top .commentlist .children ul{ margin: 0 0 0 47px; } .children .comment_content { margin: 0 0 0 28px; padding-bottom:30px; z-index: 1; } .children .gravatar{ position: relative; left:-24px; z-index: 2; width:45px; } #top .children .comment-reply-link { left: -42px; top: 51px; } /*comment page nav*/ .comment_page_nav_links{ position: relative; display: block; clear:both; overflow: hidden; font-size:11px; } .comment_prev_page a{ float:left; } .comment_next_page a{ float:right; } .comment_page_nav_links_bottom{ } .comment_page_nav_links_top{ } .sidebar_right .comment_container { padding-right: 50px; } .sidebar_left .comment_container { margin-left: 0; } .comment_container{max-width: 100%;} /*generated by comment_form()*/ #commentform{ position: relative;} #commentform p{ position: relative; padding:0 0 10px 0; margin:0;} #reply-title small a{ float:right;} #commentform label{ position: absolute; left:245px; font-size: 11px; top:0; font-weight: bold; } #commentform input[type='checkbox'] + label{ left:2.5em; } #commentform div input{ margin:0; } .commentlist #commentform label{ position: static; display: block; } .comment-notes, #commentform .comment-form-comment label{ display:none; } #top .comment-form-url input, #top .comment-form-email input, #top .comment-form-author input{ width: 220px; } #top .commentlist .comment-form-url input, #top .commentlist .comment-form-email input, #top .commentlist .comment-form-author input{ width: 70%; } #comment{ width:602px; height:150px; padding:10px 7px; font-size: 12px; margin:0; } .form-allowed-tags{ font-size: 11px; line-height: 1.5em; margin-bottom: 5px; } .form-allowed-tags code{ display:block; padding-top:5px; } .commentlist #respond { padding: 0 0 30px 56px; } .commentlist #respond #comment{ width:90%; } .commentlist #respond .form-allowed-tags{ display:none; } #reply-title{display:none;} #reply-title small{display:inline;} .commentlist #reply-title{display:block;} #comment{ width:94%; font-size:12px; } .personal_data p{ float:left; width:33%; } .personal_data label{ display:none; } .template-blog .post .entry-content-wrapper{ /* font-size: 14px; line-height: 1.7em; */ overflow:hidden; } .template-blog .post_delimiter{ margin: 0 0 50px 0; padding: 50px 0 0 0; /* border-bottom-style: solid; border-bottom-width: 1px; */ clear:both; } .template-blog .post-entry-last .post_delimiter{ border:none; height:1px; } .av-buildercomment .av-buildercomment-unapproved{ padding: 30px 0 15px; text-align: center; font-size: 1.4em; font-weight: 500; }/* ====================================================================================================================================================== Slideshow ====================================================================================================================================================== */ .avia-slideshow{ position: relative; margin:50px 0; width:100%; clear: both; overflow: hidden; } .flex_column .avia-slideshow{ margin:20px 0; } .flex_column .avia-slideshow.avia-builder-el-no-sibling{ margin-top:0px; } .avia-slideshow-inner{ padding:0; margin: 0; position: relative; overflow: hidden; width:100%; } #top .av-default-height-applied .avia-slideshow-inner{ height:0px; } .avia-slideshow li{ padding:0; margin: 0; list-style-type: none; list-style-position: outside; position: absolute; visibility: hidden; z-index: 1; top:0; left:0; width:100%; clear:both; opacity: 0; overflow: hidden; } .avia-slideshow li:first-child{ position: relative; visibility: visible; z-index: 3; } .avia-slideshow li img{ display:block; width:100%; margin: 0 auto; border-radius: 3px; position: relative; } .flex_cell_inner .avia-slideshow li img{ border-radius: 0; } .avia-slideshow.image_no_stretch li img{ width:auto; } .avia-slideshow li>p{ margin:0; } /* carousel */ .avia-slideshow-carousel{ overflow: hidden; } .avia-slideshow-carousel ul{ transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000); white-space: nowrap; } .avia-slideshow-carousel ul *{ white-space: normal; } .avia-slideshow-carousel li{ position: relative; visibility: visible; opacity: 1; vertical-align: top; } #top .avia-slideshow-arrows a{ display: block; text-decoration: none; color: #fff; visibility: visible; position: absolute; width: 60px; text-align: center; height: 60px; line-height: 62px; font-size: 25px; top: 50%; margin:-30px 15px 0; z-index: 99; overflow: hidden; text-indent: -600%; } #top .avia-slideshow-arrows a.next-slide{ right: 0; } .avia-slideshow-arrows a:before{ visibility: visible; display: block; position: absolute; z-index: 100; background: #aaa; background: rgba(0,0,0,0.3); top: 0; left: 0; right: 0; bottom: 0; border-radius: 3px; text-align: center; line-height: 62px; color: inherit; } .prev-slide:before{ text-indent: -2px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .next-slide:before{ border-top-left-radius: 3px; border-bottom-left-radius: 3px; text-indent: 0px; } /* show/hide nav arrows depending on options and state of slider */ #top .av-slideshow-ui .avia-slideshow-arrows a{ width: 0; } #av-admin-preview .av-slideshow-ui .avia-slideshow-arrows a, #top .av-slideshow-ui.av-loop-endless .avia-slideshow-arrows > a, #top .av-slideshow-ui.av-loop-manual-endless .avia-slideshow-arrows > a, #top .av-slideshow-ui .avia-slideshow-arrows.av-visible-prev > a.prev-slide, #top .av-slideshow-ui .avia-slideshow-arrows.av-visible-next > a.next-slide{ width: 60px; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #top .av-slideshow-ui.av-hide-nav-arrows .avia-slideshow-arrows a, #top .av-slideshow-ui.av-hidden-slider-navigate-arrows .avia-slideshow-arrows > a{ opacity: 0; width: 0; } .avia-slideshow-dots{ position: absolute; z-index: 200; width: 100%; bottom: 0; text-align: center; left: 0; height: 0; } .avia-slideshow-dots a{ display: inline-block; height: 13.5px; width: 13.5px; border-radius: 14px; background: #000; opacity: 0.6; filter: alpha(opacity=60); text-indent: 100px; overflow: hidden; margin:0 1px; padding: 7px; position: relative; bottom: 33px; -webkit-backface-visibility: hidden; } .avia-slideshow-dots a.active, .avia-slideshow-dots a:hover{ opacity: 0.8; filter: alpha(opacity=80); background: #fff; } .avia-caption{ position: absolute; z-index: 10; bottom: 17px; left: 17px; padding: 10px 20px; color: #fff; border-radius: 3px; } .avia-slideshow .avia-caption .avia-caption-title{ color: #fff; } .js_active .avia-slideshow li:first-child{ visibility: hidden; } .js_active .avia-slideshow-carousel li:first-child{ visibility: visible; } /* hide controls on desktop */ .avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls a, .avia_desktop .av-slideshow-ui .avia-slideshow-controls a{ opacity: 0; filter: alpha(opacity=0); } .avia_desktop .av_slideshow.avia-slideshow.av-nav-arrows-visible .avia-slideshow-arrows a, .avia_desktop .av_slideshow.avia-slideshow.av-nav-dots-visible .avia-slideshow-dots a, .avia_desktop .av-slideshow-ui.av-nav-arrows-visible .avia-slideshow-arrows a, .avia_desktop .av-slideshow-ui.av-nav-dots-visible .avia-slideshow-dots a{ opacity: 0.6; filter: alpha(opacity=60); } .avia_desktop .av_slideshow.avia-slideshow:hover .avia-slideshow-controls a, .avia_desktop .av-slideshow-ui:hover .avia-slideshow-controls a{ opacity: 0.6; filter: alpha(opacity=60); } .avia_desktop .av_slideshow.avia-slideshow:hover .avia-slideshow-controls a:hover, .avia_desktop .av-slideshow-ui:hover .avia-slideshow-controls a:hover{ opacity: 0.8; filter: alpha(opacity=80); } /*various control stylings*/ #top .av-control-hidden .avia-slideshow-controls{ display: none; } #top .av-hide-nav-arrows .avia-slideshow-arrows a{ width: 0; } #top .av-control-minimal .avia-slideshow-arrows a:before{ border: 2px solid #fff; background: transparent; line-height: 60px; } #top .av-control-minimal .avia-slideshow-dots a{ border: 2px solid #fff; background: transparent; padding: 5px; } #top .av-control-minimal .avia-slideshow-dots a.active{ background: #fff; } #top .av-control-minimal-dark .avia-slideshow-arrows a{ color: #000; } #top .av-control-minimal-dark .avia-slideshow-arrows a:before{ border-color: #000; } #top .av-control-minimal-dark .avia-slideshow-dots a{ border-color: #000; } #top .av-control-minimal-dark .avia-slideshow-dots a.active{ background: #000; } #top .scroll-down-link.av-control-minimal-dark{ color:#000; } #top .scroll-down-link.av-custom-scroll-down-color{ text-shadow: none; } /*avia-small-width-slider*/ #top .avia-small-width-slider .avia-slideshow-arrows a{ width: 30px; height: 30px; margin: -15px 5px 0; line-height: 32px; font-size: 15px; } #top .avia-small-width-slider .avia-slideshow-arrows a:before{ line-height: 32px; } #top .avia-super-small-width-slider .avia-slideshow-dots{ display: none; } /*video slides*/ #top .av-video-slide, #top .av-video-slide .avia-slide-wrap{ width:100%; height:100%; position: absolute; overflow: hidden; } #top .av-video-slide .mejs-poster{ width:100% !important; height: 100% !important; background-size: cover; background-position: center center; } #top .av-video-slide .mejs-poster img{ display:none; } #top .av-video-slide .avia-iframe-wrap{ padding:0; height:100%; margin: 0; } #top .av-video-slide iframe, #top .av-video-slide embed, #top .av-video-slide object, #top .av-video-slide video{ max-width:none; max-height:none; width:100%; height:100%; position: absolute; } #top .av-video-slide .caption_fullwidth{ top: 0; left: 0; right: 0; bottom: 40px; } #top .av-video-slide.av-hide-video-controls .caption_fullwidth{ bottom:0px; } #top .av-video-slide .mejs-container{ height: 100% !important; width: 100% !important; position: absolute; } #top .av-video-slide .me-plugin{ width:100%; height:100%; } span.mejs-offscreen { display: none!important; } #top .avia-fullscreen-slider .av-video-slide.av-video-service-vimeo iframe{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .avia_video{ z-index: 8; } .mejs-controls{ z-index: 9; } #top .av-video-slide.av-video-service-vimeo .mejs-controls, .av-force-resize .av-video-service-youtube .avia_video, .av-hide-video-controls .mejs-controls{ display: none !important; } .av-video-slide.slide-1 .mejs-mediaelement{ opacity: 0; } .av-video-slide .mejs-mediaelement{ height:100%; } #top .av-video-slide .mejs-overlay-button{ display: none; } #top .av-video-slide .avia-slide-wrap, #top .av-video-slide iframe{ background: #000; } #top .av-video-slide.av-video-4-3-stretch iframe, #top .av-video-slide.av-video-4-3-stretch embed, #top .av-video-slide.av-video-4-3-stretch object, #top .av-video-slide.av-video-4-3-stretch video { height: 270%; } /*blocks the option to click the video. play/pause events get attached to the av click overlay instead*/ #top .av-section-with-video-bg .av-section-video-bg:after, .av-click-overlay{ content: "."; position: absolute; text-indent: -200px; overflow: hidden; top:0; left:0; right:0; bottom:0; z-index: 11; /*this allows to toggle to work in IE. its a hack since the browser does not accept click events on elements without bg. */ filter: alpha(opacity=0); opacity: 0; background: #000; } .av-click-overlay{ z-index: 9; /*z index 9 to move it behind caption*/ bottom:30px; } .av-video-service-vimeo .av-click-overlay { bottom:42px; } .av-video-service-youtube .av-click-overlay { bottom:36px; } .av-hide-video-controls .av-click-overlay { bottom: 0; } /*video play/pause icon*/ .avia_playpause_icon{ position: absolute; height: 100px; width: 100px; margin: -50px 0 0 -50px; background: #000; background: rgba(0,0,0,0.4); border-radius: 3px; top: 50%; left: 50%; z-index: 50; display: none; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .avia_playpause_icon.av-play, .avia_playpause_icon.av-pause{ display: block !important; } #top .avia_playpause_icon:before{ top:0; left:0; right:0; bottom:0; position: absolute; color:#fff; line-height: 100px; text-align: center; font-size: 40px; } .avia_transform .avia_playpause_icon.av-play, .avia_transform .avia_playpause_icon.av-pause{ -webkit-animation: avia_appear_short 1.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_appear_short 1.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ opacity: 0; } .avia_playpause_icon.av-pause{ } /*slideshow on mobile*/ .av-fallback-message{ text-align: center; position: absolute; z-index: 1000; top: 45%; width: 100%; left: 0; } .av-fallback-message span{ display: inline-block; border: 1px solid #e1e1e1; padding: 10px; background: #fff; } /*slideshow captions Fullscreen slider*/ .caption_fullwidth{ position: absolute; right: 0; bottom: 0; left: 0; top: 0; z-index: 10; } .slideshow_caption{ z-index: 100; width: 42%; position: absolute; bottom: 0; top: auto; height: 100%; display: block; text-decoration: none; padding: 50px; } div .slideshow_caption h2{ text-transform: uppercase; } div .slideshow_caption, div .slideshow_caption a, div .slideshow_caption a:hover, div .slideshow_caption h2, div .slideshow_caption h2 .special_amp, div .slideshow_caption strong, div .slideshow_caption h2 strong{ color: #fff; } .slideshow_inner_caption{ position: relative; display: table; height: 100%; width: 100%; } .slideshow_align_caption{ display: table-cell; vertical-align: middle; position: relative; } /*caption frame*/ .avia-caption-content{ line-height: 1.3em; } .avia-caption-content p{ margin: 15px 0; } .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title{ background: #000; filter: alpha(opacity=80); background: rgba(0, 0, 0, 0.5); display: inline-block; margin: 0 0 1px 0; padding: 10px 15px; } #top .avia-caption-content .wp-smiley{ display: none; } #top .avia-caption-content a{ text-decoration: underline; } #top .avia-caption-content a:hover{ text-decoration: none; } .avia_transform .av_slideshow_full .avia-caption-title{ } .caption_left .slideshow_caption{ left: 0; } .caption_right .slideshow_caption{ right: 0; } .caption_right .slideshow_caption .slideshow_inner_caption{ float: right; } .caption_bottom .slideshow_caption{ left: 0; width: 100%; bottom: 0; height: auto; } #top div .caption_center .slideshow_caption{ left:0; width: 100%; text-align: center; } .caption_bottom .slideshow_caption .slideshow_inner_caption{ display: block; height: auto; bottom: 0; position: absolute; padding: 0 50px; width: 100%; left: 0; } .caption_bottom .slideshow_caption .slideshow_inner_caption .slideshow_align_caption{ padding: 20px 0; display: block; } /*button*/ #top .avia-slideshow-button{ border-radius: 3px; text-transform: uppercase; padding: 15px 16px; display: inline-block; margin-top: 20px; text-decoration: none; font-weight: bold; } #top .avia-slideshow-button.avia-color-light{ padding: 12px 16px; background-color: rgba(0,0,0,0.2); } #top .avia-slideshow-button.avia-color-dark{ padding: 12px 16px; background-color: rgba(255,255,255,0.1); } .avia-multi-slideshow-button{ min-width: 140px; } .avia-multi-slideshow-button.avia-slideshow-button{ margin-right: 20px; } .avia-multi-slideshow-button.avia-slideshow-button-2{ margin-right: 0px; } /*afterload video*/ #top .av-video-slide .avia-slide-wrap{ background-position: center center; background-size: cover; } #top .av-video-lazyload .av-click-to-play-overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; z-index: 1000; } #top .av-video-lazyload .av-click-to-play-overlay .avia_playpause_icon{ display: block; -webkit-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; } #top .av-video-lazyload .av-click-to-play-overlay:hover .avia_playpause_icon{ opacity: 0.7; } /* Accessibility rules */ #top.av-accessibility-aaa .avia-caption-content{ line-height: 1.5em; }/* ====================================================================================================================================================== Partner/Logo Slider + Content Slider ====================================================================================================================================================== */ /*shared styles*/ #top .avia-smallarrow-slider{ position: relative; overflow: visible; } #top .avia-smallarrow-slider .avia-slideshow-arrows{ position: relative; width: 51px; top: -3px; left: 0; height: 24px; } #top .avia-smallarrow-slider .avia-slideshow-arrows a{ opacity: 0; margin: 0; width: 0 !important; /* used to reduce and avoid long selectors */ height: 24px; line-height: 25px; font-size: 10px; top: 0; } #top .avia-smallarrow-slider:not(.av-slideshow-ui) .avia-slideshow-arrows a, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev a.prev-slide, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-next a.next-slide{ width: 24px !important; /* used to reduce and avoid long selectors */ opacity: 1; } #top .avia-smallarrow-slider:not(.av-slideshow-ui) .avia-slideshow-arrows a:hover, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev a.prev-slide:hover, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-next a.next-slide:hover{ opacity: 0.5; } #top .avia-smallarrow-slider .avia-slideshow-arrows a:before{ line-height: 25px; border-radius: 1px; } #top .avia-smallarrow-slider.av-control-minimal .avia-slideshow-arrows a:before{ line-height: 21px } /* hide controls on desktop */ .avia_desktop #top #wrap_all .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-controls a{ opacity: 0; filter: alpha(opacity=0); } .avia_desktop #top #wrap_all .avia-smallarrow-slider.av-slideshow-ui.av-nav-arrows-visible .avia-slideshow-arrows a, .avia_desktop #top #wrap_all .avia-smallarrow-slider.av-slideshow-ui.av-nav-dots-visible .avia-slideshow-dots a{ opacity: 1; filter: alpha(opacity=100); } .avia_desktop #top #wrap_all .avia-smallarrow-slider.av-slideshow-ui:hover .avia-slideshow-controls a{ opacity: 1; filter: alpha(opacity=100); } .avia_desktop #top #wrap_all .avia-smallarrow-slider.av-slideshow-ui:hover .avia-slideshow-controls a:hover{ opacity: 0.5; filter: alpha(opacity=50); } #top .avia-smallarrow-slider.av-slideshow-ui.av-hide-nav-arrows .avia-slideshow-arrows{ display: none; } #top .avia-smallarrow-slider .slide-image, #top .avia-logo-element-container img{ margin: 0 auto; display: block; width: auto; width: 100%\9; } #top .avia-smallarrow-slider-heading{ display: table; width: 100%; } #top .avia-smallarrow-slider-heading> div{ display: table-cell; } #top .avia-smallarrow-slider-heading h3{ top: -3px; position: relative; } #top .avia-logo-grid .slide-entry-wrap{ margin: 0; } #top .avia-smallarrow-slider .avia-slideshow-dots{ position: relative; width: 100%; left: 0; bottom: 0; margin-top: 10px; float: unset; /* added 5.0 - postslider moves it left */ } #top .avia-smallarrow-slider .avia-slideshow-dots a{ border-style: solid; border-width: 1px; bottom: 0; } #top .avia-smallarrow-slider .avia-slideshow-dots a.active, #top .avia-logo-element-container .avia-slideshow-dots a:hover{ background: #aaa; } /*content only*/ #top .avia-content-slider-element-container .avia-slideshow-dots{ left: 0; text-align: right; width: auto; } /*partner only*/ #top .avia-logo-element-container .slide-entry{ padding: 1px; } #top .avia-logo-element-container img, .av-partner-fake-img{ box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); } #top .av-border-deactivate.avia-logo-element-container img, .av-border-deactivate .av-partner-fake-img{ box-shadow: none; } #top .avia-logo-element-container .slide-image{ overflow: visible; } .av-partner-fake-img{ width:100%; display: block; position: relative; background-size: contain; background-repeat: no-repeat; } @media only screen and (max-width: 767px) { .responsive #top .avia-smallarrow-slider .flex_column{ margin: 0px; width: 50%; } } @media only screen and (max-width: 479px) { .responsive #top #wrap_all .avia-logo-element-container.avia-logo-grid .flex_column{ margin: 0; } } #top .avia-content-slider-element-container .avia-slideshow-dots a.active, #top .avia-content-slider-element-container .avia-slideshow-dots a:hover{ background: #aaa; }/* ====================================================================================================================================================== Gallery ====================================================================================================================================================== */ #top div .avia-gallery{ overflow: hidden; padding-bottom: 2px; clear: both; } #top div .avia-gallery img{ float:left; border-style: solid; border-width: 1px; padding: 7px; width: 100%; border-radius: 0; } #top div .avia-gallery .avia-gallery-big{ display: block; overflow: hidden; padding: 7px; margin-bottom: -1px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-style: solid; border-width: 1px; } #top div .avia-gallery .avia-gallery-big-inner{ display: block; overflow: hidden; height: 100%; } #top div .avia-gallery .avia-gallery-big img{ padding: 0; border: none; } #top .avia-gallery .avia-gallery-thumb a{ width: 20%; opacity: 1; } #top #wrap_all .avia-gallery .avia-gallery-thumb a{ display: block; float: left; } #top .avia-gallery .avia-gallery-thumb a:hover{ opacity: 0.5; } #top .avia-gallery .avia-gallery-caption{ display: none; } #top div .avia-gallery .avia-gallery-big-no-crop-thumb{ text-align: center; } #top div .avia-gallery .avia-gallery-big-no-crop-thumb img{ clear: both; float: none; text-align: center; } .avia-gallery .big-prev-fake{ display: none; } /*gallery animation*/ .avia_transform .avia-gallery-animate .avia-gallery-thumb img{ opacity: 0.1; -webkit-transform: scale(0.5); transform: scale(0.5); } .avia_transform .avia-gallery-animate .avia-gallery-thumb img.avia_start_animation{ -webkit-animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .avia-gallery-animate .av-hover-grow{ overflow: hidden; } .avia-gallery-animate .av-hover-grow img{ -webkit-transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000); } .avia-gallery-animate .av-hover-grow:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } /*.av-hide-gallery-thumbs .avia-gallery-thumb{display:none;} removed 4.8.4.1 */ #top #av-admin-preview .avia-gallery .avia-gallery-big-inner{height:auto;} /* Fix for Chrome https://kriesi.at/support/topic/gallery-thumbnail-layout-issue-on-chromium-based-browsers/ */ .avia-chrome .avia-gallery-thumb{ display: flex; flex-direction: row; flex-wrap: wrap; } /* @since 4.8.4.1 moved see https://kriesi.at/support/topic/gallery-light-box-not-working/#post-1312261 */ .av-hide-gallery-thumbs .avia-gallery-thumb{ display: none; } @media only screen and (max-width: 767px) { .responsive .avia-gallery-thumb img{ padding: 3px; } }/* ====================================================================================================================================================== Horizontal Gallery ====================================================================================================================================================== */ .av-horizontal-gallery{ clear:both; position: relative; z-index: 1; overflow: hidden; } .av-horizontal-gallery-inner{ position: relative; white-space: nowrap; opacity: 0; } .av-horizontal-gallery-slider{ left:0; position: absolute; height:100%; width:100%; } .av-horizontal-gallery-wrap{ height:100%; top:0; display: inline-block; position: relative; z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; vertical-align: top; } .av-horizontal-gallery-animated .av-horizontal-gallery-inner{ -webkit-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; opacity: 1; } .av-horizontal-gallery-animated .av-horizontal-gallery-slider{ -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .av-horizontal-gallery-animated .av-horizontal-gallery-wrap{ -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .av-horizontal-gallery-wrap:after{ height: 100%; width: 100%; position: absolute; content: ""; top: 0; left: 0; z-index: 5; } .av-horizontal-gallery-enlarge-effect.av-horizontal-gallery{ padding: 60px 0; } .av-horizontal-gallery-enlarge-effect .av-horizontal-gallery-wrap.av-active-gal-item{ z-index: 2; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .av-horizontal-gallery-wrap:first-child{ transform-origin: 0% 50%; } .av-horizontal-gallery-wrap:last-child{ transform-origin: 100% 50%; } .av-horizontal-gallery-wrap.av-active-gal-item:after{ display: none; } .av-horizontal-gallery-link{ position: absolute; opacity: 0; bottom: 10px; right: 10px; -webkit-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; z-index: 100; } .av-horizontal-gallery-wrap:hover .av-horizontal-gallery-link{ opacity: 1; } .av-horizontal-gallery-img{ height: 100%; width: auto; display: block } .av-horizontal-gallery-large-gap .av-horizontal-gallery-wrap{ margin-right: 15px; } .av-horizontal-gallery-1px-gap .av-horizontal-gallery-wrap{ margin-right: 1px; } #top .av-horizontal-gallery-link { color: #fff; background: rgba(0,0,0,0.3); display: block; line-height: 24px; width: 24px; text-align: center; border-radius: 3px; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #top .av-horizontal-gallery-link:hover{ -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (max-width: 767px) { /* .responsive #top .av-horizontal-gallery .avia-slideshow-controls a{ display: block; removed 5.3 }*/ .responsive .av-horizontal-gallery-inner{ position: static; min-height: 180px; } .responsive .av-horizontal-gallery-enlarge-effect .av-horizontal-gallery-wrap.av-active-gal-item{ -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .responsive .av-horizontal-gallery-wrap{ max-width: 85vw; margin:0; overflow: hidden;} .responsive .av-horizontal-gallery-img{ height: auto; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; position: relative; } .responsive .av-horizontal-gallery-fullwidth .av-horizontal-gallery-wrap{ max-width: 100vw; } /* @since 5.3: fix % gallery height covering images */ .responsive .av-horizontal-gallery .av-image-copyright{ bottom: 15%; } .responsive .av-horizontal-gallery .av-copyright-left{ left: 15%; } .responsive .av-horizontal-gallery .av-copyright-right{ right: 15%; } }/* ====================================================================================================================================================== GOOGLE MAPS ====================================================================================================================================================== */ .avia-google-maps-section{border:none;} .avia-google-maps-section.avia-builder-el-0{border-top-style: solid; border-top-width: 1px;} .avia-google-map-container{position: relative; clear:both;} .avia-google-map-container img { max-width: none; } .avia-google-map-container div, .avia-google-map-container img, .avia-google-map-container a{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .avia-google-map-container .gm-style-iw p {color: #444;} .av_gmaps_sc_main_wrap .avia-google-map-container.avia-google-map-sc{ background: no-repeat center; background-size: cover; } .av_gmaps_sc_main_wrap .av_text_confirm_link{ padding: 25px; text-align: center; opacity: 0; position: absolute; width: 150px; left: 50%; top: 50%; margin-left: -75px; margin-top: -50px; background: rgba(0,0,0,0.7); border-radius: 3px; color: #fff; font-size: 1em; line-height: 1.3em; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration: none; } .av_gmaps_sc_main_wrap .av_text_confirm_link:hover{ color: #fff; background: rgba(0,0,0,0.9); } .av_gmaps_sc_main_wrap .av_gmaps_show_delayed.av-no-fallback-img .av_text_confirm_link, .av_gmaps_sc_main_wrap .av_gmaps_show_page_only.av-no-fallback-img .av_text_confirm_link{ height: auto; opacity: 1; } .av_gmaps_sc_main_wrap .av_text_confirm_link span{ width: 100%; } .av_gmaps_sc_main_wrap:hover .av_text_confirm_link{ opacity: 1; text-decoration: none; } #top .av_gmaps_browser_disabled, #top .av-maps-user-disabled .av_text_confirm_link{ display: none; } #top .av-maps-user-disabled .av_gmaps_browser_disabled{ display: block; } /* fix in Google Maps version > 3.45 scrolling to map on page load */ #top .gm-ui-hover-effect{ display: none !important; } #top .gm-ui-hover-effect.avia-show-gm-notice{ display: block !important; }/* ====================================================================================================================================================== Layout Grid + Cells ====================================================================================================================================================== */ .av-layout-grid-container{width:100%; table-layout: fixed; display: table; border-top-style:none; border-top-width: 0px;} .flex_cell{display: table-cell; padding:30px; vertical-align: top; } .flex_cell_inner{display: block; position: relative;} .av-border-top-bottom{border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px;} .av-border-cells .flex_cell{border-left-style: solid; border-left-width:1px;} .av-border-cells .flex_cell:first-child{border:none;} .av-layout-grid-container + .av-layout-grid-container{ border-top:none; } /*no image radius if zero padding cell*/ .av-zero-padding .av-hotspot-container-inner-wrap img{ border-radius: 0; } body .flex_cell.avia-link-column{ cursor: pointer; } body .flex_cell.avia-link-column.avia-link-column-hover:hover{ opacity: 0.8; } .av-layout-grid-container .flex_cell.av_one_full.av-cell-link{ display: block; } /* All Tablets and smaller */ @media only screen and (max-width: 989px) { .responsive #top #wrap_all .av-layout-grid-container.av-flex-cells.av-break-at-tablet.av-grid-order-reverse{ display: flex; flex-direction: column-reverse; } .responsive #top #wrap_all .av-layout-grid-container.av-flex-cells.av-break-at-tablet.av-grid-order-individual{ display: flex; flex-direction: column; } } /* #Mobile (Portrait) */ @media only screen and (max-width: 767px) { .responsive #top #wrap_all .av-layout-grid-container.av-flex-cells.av-grid-order-reverse{ display: flex; flex-direction: column-reverse; } .responsive #top #wrap_all .av-layout-grid-container.av-flex-cells.av-grid-order-individual{ display: flex; flex-direction: column; } } /* stronger selectors to override flextable settings !! */ @media only screen and (min-width: 990px){ .responsive #top #wrap_all .av-layout-grid-container.av-desktop-hide{ display: none !important; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive #top #wrap_all .av-layout-grid-container.av-medium-hide{ display: none !important; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive #top #wrap_all .av-layout-grid-container.av-small-hide{ display: none !important; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .responsive #top #wrap_all .av-layout-grid-container.av-mini-hide{ display: none !important; } }/* ====================================================================================================================================================== HEADING ====================================================================================================================================================== */ .av-special-heading{ width:100%; clear:both; display: block; margin-top:50px; position: relative; } .avia_mobile .av-special-heading{ -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; } .av-special-heading.avia-builder-el-no-sibling{ margin-top:0px; margin-bottom:0px; } .flex_column + .av-special-heading{ float:left; } body .av-special-heading .av-special-heading-tag{ padding:0; margin:0; float:left; } .meta-heading .av-special-heading-tag{ font-weight: normal; } .custom-color-heading .av-special-heading-tag { color: inherit; } .special-heading-border{ position: relative; overflow: hidden; } .av-special-heading-h1 .special-heading-border{ height: 3.4em; } .av-special-heading-h2 .special-heading-border{ height: 2.6em; } .av-special-heading-h3 .special-heading-border{ height: 1.9em; } .av-special-heading-h4 .special-heading-border{ height: 1.6em; } .av-special-heading-h5 .special-heading-border{ height: 1.5em; } .av-special-heading-h6 .special-heading-border{ height: 1.4em; } .special-heading-inner-border{ display: block; width:100%; margin-left:15px; border-top-style: solid; border-top-width:1px; position: relative; top:50%; opacity: 0.15; filter:alpha(opacity=15); } .meta-heading .special-heading-inner-border{ opacity: 0.2; filter:alpha(opacity=20); } .custom-color-heading .special-heading-inner-border{ opacity: 0.4; filter:alpha(opacity=40); } #top #wrap_all .custom-color-heading .av-special-heading-tag, #top .custom-color-heading a, #top .custom-color-heading strong, #top .custom-color-heading .special_amp{ color: inherit; } #top .custom-color-heading a{ text-decoration: underline; } #top .av-special-heading.av-icon.custom-color-heading a.av-heading-link{ text-decoration: none; } #top .custom-color-heading a:hover{ opacity:0.8; text-decoration: none; } #top #wrap_all .av-inherit-size .av-special-heading-tag{ font-size: 1em; } .av-thin-font .av-special-heading-tag, .modern-quote .av-special-heading-tag{ font-weight: 300; } .av-thin-font strong, .modern-quote strong{ font-weight: 600; } body .av-special-heading.modern-centered{ text-align: center; } body .av-special-heading.modern-right{ text-align: right; } body .av-special-heading.elegant-centered{ text-align: center; } body .av-special-heading.elegant-centered .av-special-heading-tag{ position: relative; overflow: hidden; } body .av-special-heading.elegant-centered .av-special-heading-tag .heading-wrap:before, body .av-special-heading.elegant-centered .av-special-heading-tag .heading-wrap:after { content: ""; position: absolute; height: 1px; border-bottom-style: solid; border-bottom-width: 1px; border-color: inherit; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1000px; } body .av-special-heading.elegant-centered .av-special-heading-tag .heading-wrap:before { right: 100%; margin-right: 1em; } body .av-special-heading.elegant-centered .av-special-heading-tag .heading-wrap:after { left: 100%; margin-left: 1em; } body .av-special-heading.elegant-centered .av-special-heading-tag .heading-wrap{ display: inline-block; position: relative; } body .av-special-heading.elegant-centered .av-special-heading-tag .heading-char{ display: block; font-size: 1em; line-height: 1; } /*quote style*/ body .av-special-heading.blockquote > *{ white-space: normal; float: none; } .av-special-heading.classic-quote{ text-align: center; } .av-special-heading.classic-quote.classic-quote-left{ text-align: left; } .av-special-heading.classic-quote.classic-quote-right{ text-align: right; } body .av-special-heading.classic-quote > *{ display:block; font-family: "Droid Serif", Georgia, Times, serif; font-weight: normal; font-style: italic; float: none; } body .av-special-heading.blockquote .special-heading-border{ display:none; } /*linked header*/ #top .av-special-heading.av-linked-heading a:hover{ opacity: 0.5; } /*subheading*/ .av-subheading{ font-size: 15px; line-height: 1.3em; } .av-subheading p:first-child{ margin-top:0; } .av-subheading p:last-child{ margin-bottom:0; } .av-subheading_below{ margin-top:0.3em; } .av-subheading_above{ margin-bottom:0.3em; } /*.av-subheading.av_custom_color{opacity: 0.8;} removed 4.9.2.2 */ /* Accessibility rules */ #top.av-accessibility-aaa .av-subheading { line-height: 1.5em; }/* ====================================================================================================================================================== HR ====================================================================================================================================================== */ .hr{ clear: both; display:block; width:100%; height:25px; line-height:25px; position: relative; margin:30px 0; float:left; } .hr-inner{ width:100%; position: absolute; height:1px; left:0; top:50%; width:100%; margin-top:-1px; border-top-width:1px; border-top-style:solid; } #top .hr-invisible, .hr-invisible .hr-inner{margin:0; border:none; } .hr-invisible {float:none;} .hr-full, .hr-big{margin:70px 0;} .hr-full .hr-inner{width:300%; left:-100%;} .hr-full.hr-shadow .hr-inner{ box-shadow:0 1px 2px 0px rgba(0, 0, 0, 0.1);} .sidebar_right .hr-full .hr-inner{left:auto; right:-50px;} .sidebar_left .hr-full .hr-inner{left:-50px;} .hr-short{height:20px; line-height:20px; margin:30px 0; float:none;} .hr-short .hr-inner{ width:32%; left:50%; margin-left:-16%; } .hr-short.hr-left .hr-inner{ left:0%; margin-left:0%;} .hr-short.hr-right .hr-inner{ left:auto; right:0; margin-left:0%; } .hr-short .hr-inner-style{border-radius: 20px; height:9px; width:9px; border-width:2px; border-style:solid; display:block; position: absolute; left:50%; margin-left:-5px; margin-top:-5px; } .hr-short.hr-left .hr-inner-style{ left:5px; } .hr-short.hr-right .hr-inner-style{ left:auto; right:0; } body .container_wrap .hr.avia-builder-el-last, body .container_wrap .hr.avia-builder-el-first { margin:30px 0; } /*custom*/ .hr-custom{margin:0; display: block; min-height:21px; height:auto; overflow: hidden; white-space: nowrap; width:100%; float: left;} .hr-custom .hr-inner{display: inline-block; position: relative; vertical-align: middle;} .hr-custom.hr-center{text-align: center;} .hr-custom.hr-right {text-align: right;} .hr-custom.hr-left {text-align: left;} .hr-custom .hr-inner.inner-border-av-border-none{border:none;} .hr-custom .hr-inner.inner-border-av-border-fat{border-top-width:2px;} .av-seperator-icon { display: inline-block; vertical-align: middle; font-size: 15px; } .hr-custom.hr-icon-yes .hr-inner{margin-left:10px; margin-right:10px;}/* ====================================================================================================================================================== Image ====================================================================================================================================================== */ .avia-image-container{ display: block; position: relative; max-width: 100%; } .avia-image-container-inner, .avia_image, .av-image-caption-overlay{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; position: relative; max-width: 100%; } .avia-image-container.avia-align-center{ display:block; margin: 0 auto 10px auto; text-align: center; clear: both; } .avia-image-container.avia-align-center .avia-image-container-inner{ margin:0 auto; display:inline-block; vertical-align:bottom } .avia-image-container.avia-align-left{ display:block; float:left; margin-right: 15px; margin-top: 5px; } .avia-image-container.avia-align-right{ display:block; float:right; margin-left: 15px; margin-top: 5px; } .avia-image-container.avia-align-center.avia-builder-el-no-sibling{ margin-bottom:0; margin-top:0; } .avia_image + br{ display: none; } .avia-image-overlay-wrap a.avia_image{ overflow: hidden; } .avia-image-overlay-wrap a.avia_image .image-overlay{ -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } .avia-image-container .avia_image, .avia-image-container .avia-image-overlay-wrap{ -webkit-transition: all 0.7s; transition: all 0.7s; } /* .avia-image-container.av-hover-grow img:hover, removed 5.0 - doubles scale e.g. 300 -> 363 instead 330 */ .avia-image-container.av-hover-grow .avia-image-overlay-wrap:hover{ -webkit-transform: scale(1.1); transform: scale(1.1); } .avia-image-container.av-hover-grow, .avia-image-container.av-hover-grow .avia-image-container-inner, .avia-image-container.av-hover-grow .avia-image-overlay-wrap a.avia_image{ overflow: visible; } /* @since 5.0 */ .avia-image-container.av-img-box-shadow .avia-image-overlay-wrap .avia_image, .avia-image-container.av-img-box-shadow.av-styling-circle .avia-image-container-inner, .avia-image-container.av-img-box-shadow.av-styling-circle .avia_image{ overflow: visible; } .avia-image-container.av-hover-grow.av-hide-overflow, .avia-image-container.av-hover-grow.av-hide-overflow .avia-image-container-inner, .avia-image-container.av-hover-grow.av-hide-overflow .avia-image-overlay-wrap a.avia_image { overflow: hidden; } /*styling variations*/ .av-styling-circle .avia-image-container-inner, .av-styling-circle .avia_image, .av-styling-circle .av-image-caption-overlay, .av-styling-circle div.av-caption-image-overlay-bg{ overflow: hidden; -webkit-border-radius: 10000px; -moz-border-radius: 10000px; border-radius: 10000px; } .avia-safari div.av-image-caption-overlay-center{ -webkit-transform:translate3d(0,0,0); /*flicker fix for caption in safari*/ } .av-styling-no-styling .avia-image-container-inner, .av-styling-no-styling .avia_image, .av-styling-no-styling .av-image-caption-overlay{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border:none; } /*captions*/ .av-image-caption-overlay{ position: absolute; height:100%; width:100%; z-index: 10; text-align: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .avia-msie-8 .av-image-caption-overlay{ background: #000; filter:alpha(opacity=40); } .av-image-caption-overlay-position{ display: table; width: 100%; height:100%; position: relative; } .av-image-caption-overlay-center{ display:table-cell; vertical-align: middle; font-size: 1.3em; line-height: 1.5em; padding: 0px 1.5em; } .av-image-caption-overlay-center p:first-child{ margin-top:0; } .av-image-caption-overlay-center p:last-child{ margin-bottom:0; } .av-caption-image-overlay-bg{ position: absolute; height:100%; width:100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .av-overlay-hover-deactivate .avia-image-overlay-wrap:hover .av-caption-image-overlay-bg{ opacity: 0 !important; } .av-overlay-on-hover .av-image-caption-overlay{ opacity: 0; filter:alpha(opacity=00); } .av-overlay-on-hover .avia-image-container-inner:hover .av-image-caption-overlay{ opacity: 1; filter:alpha(opacity=100); } .avia_transform .avia_animated_image{ opacity: 0; } /* image copyright */ .avia-image-container small.avia-copyright{ font-size: 0.8em; text-align: left; line-height: 1.7em; } /* Simple */ .avia-image-container .avia-copyright{ display: block; } .avia-image-container.av-has-copyright .avia-image-overlay-wrap{ position: relative; overflow: hidden; } .av-styling-circle.avia-image-container.av-has-copyright .avia-image-container-inner{ overflow: visible; } .avia-image-container.av-has-copyright.av-styling-circle .avia-copyright{ text-align: center; } /* Icon Reveal on Hover */ .avia-image-container.av-has-copyright.av-copyright-icon-reveal .avia-copyright{ position: absolute; background-color: rgba(0,0,0,0.1); text-align: right; color: #fff; padding: 0 2em 0 0; right: 0; bottom: 0; width: 2em; line-height: 2em; max-height: 2em; text-indent: -99999px; overflow: hidden; transition: all 0.3s ease-in; z-index: 308; } .avia-image-container.av-has-copyright.av-copyright-icon-reveal .avia-copyright:hover{ width: 100%; padding: 0 3em 0 1em; text-indent: 0; max-height: 100%; background-color: rgba(0,0,0,0.4); } .avia-image-container.av-has-copyright.av-copyright-icon-reveal .avia-copyright:after{ content: "\E81e"; font-family: "entypo-fontello"; display: block; position: absolute; right: 0; bottom: 0; text-indent: 0; font-size: 0.8em; width: 2.6em; height: 2.6em; line-height: 2.8em; text-align: center; color: rgba(255,255,255,0.7); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; } .avia-image-container.av-has-copyright.av-copyright-icon-reveal .avia-copyright:hover:after{ background-color: rgba(0,0,0,0.2); color: rgba(255,255,255,1); } .avia-image-container.av-styling-circle.av-has-copyright.av-copyright-icon-reveal .avia-copyright{ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: rgba(0,0,0,0.15); text-align: right; } .avia-image-container.av-styling-circle.av-has-copyright.av-copyright-icon-reveal .avia-copyright:after{ -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .avia-image-container.av-styling-circle.av-has-copyright.av-copyright-icon-reveal .avia-copyright:hover{ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-color: rgba(0,0,0,0.5); } /* fade image */ .av-hover-fade .avia_image.fade-basic{ opacity: 1; } .av-hover-fade .avia_image.fade-overlay{ position: absolute; top: 0; left: 0; opacity: 0; } .av-hover-fade .avia-image-container-inner:hover .avia_image.fade-basic{ -webkit-animation: avia-fadeOut 0.7s 1 ease-in-out; animation: avia-fadeOut 0.7s 1 ease-in-out; opacity: 0; } .av-hover-fade .avia-image-container-inner:hover .avia_image.fade-overlay{ -webkit-animation: avia-fadein 0.7s 1 ease-in-out; animation: avia-fadein 0.7s 1 ease-in-out; opacity: 1; } .av-hover-blur .avia-image-overlay-wrap { overflow: hidden; }/* ====================================================================================================================================================== Masonry Grid ====================================================================================================================================================== */ .av-masonry{ position: relative; overflow: hidden; clear: both; } .av-masonry-container{ width: 100.4%; float: left; clear: both; position: relative; } .av-masonry-entry{ position: relative; display: block; width: 24.90%; float: left; clear: none; text-decoration: none; visibility: hidden; opacity: 0; } #top .masonry-no-border{ border-top: none; } .av-masonry-entry.av-landscape-img{ width: 49.80%; } .av-masonry-col-1 .av-masonry-entry{ width: 100%; } .av-masonry-col-2 .av-masonry-entry{ width: 49.80%; } .av-masonry-col-2 .av-masonry-entry.av-landscape-img{ width: 99.50%; } .av-masonry-col-3 .av-masonry-entry{ width: 33.3% } .av-masonry-col-3 .av-masonry-entry.av-landscape-img{ width: 66.6% } /* default - no css needed */ .av-masonry-col-4 .av-masonry-entry{} .av-masonry-col-4 .av-masonry-entry.av-landscape-img{} .av-masonry-col-5 .av-masonry-entry{ width: 19.90%; } .av-masonry-col-5 .av-masonry-entry.av-landscape-img{ width: 39.80%; } .av-masonry-col-6 .av-masonry-entry{ width: 16.6%; } .av-masonry-col-6 .av-masonry-entry.av-landscape-img{ width: 33.2%; } @media only screen and (min-width: 990px) { .responsive.av-no-preview #top .av-desktop-columns-6 .av-masonry-entry{ width: 16.6%; } .responsive.av-no-preview #top .av-desktop-columns-6 .av-masonry-entry.av-landscape-img{ width: 33.2%; } .responsive.av-no-preview #top .av-desktop-columns-5 .av-masonry-entry{ width: 19.9%; } .responsive.av-no-preview #top .av-desktop-columns-5 .av-masonry-entry.av-landscape-img{ width: 39.80%; } .responsive.av-no-preview #top .av-desktop-columns-4 .av-masonry-entry{ width: 24.90%; } .responsive.av-no-preview #top .av-desktop-columns-4 .av-masonry-entry.av-landscape-img{ width: 49.80%; } .responsive.av-no-preview #top .av-desktop-columns-3 .av-masonry-entry{ width: 33.3%; } .responsive.av-no-preview #top .av-desktop-columns-3 .av-masonry-entry.av-landscape-img{ width: 66.6%; } .responsive.av-no-preview #top .av-desktop-columns-2 .av-masonry-entry{ width: 49.80%; } .responsive.av-no-preview #top .av-desktop-columns-2 .av-masonry-entry.av-landscape-img{ width: 99.50%; } .responsive.av-no-preview #top .av-desktop-columns-1 .av-masonry-entry{ width: 100%; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive.av-no-preview #top .av-medium-columns-4 .av-masonry-entry{ width: 24.90%; } .responsive.av-no-preview #top .av-medium-columns-3 .av-masonry-entry{ width: 33.3%; } .responsive.av-no-preview #top .av-medium-columns-2 .av-masonry-entry{ width: 49.80%; } .responsive.av-no-preview #top .av-medium-columns-1 .av-masonry-entry{ width: 100%; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive.av-no-preview #top .av-small-columns-4 .av-masonry-entry{ width: 24.90%; } .responsive.av-no-preview #top .av-small-columns-3 .av-masonry-entry{ width: 33.3%; } .responsive.av-no-preview #top .av-small-columns-2 .av-masonry-entry{ width: 49.80%; } .responsive.av-no-preview #top .av-small-columns-1 .av-masonry-entry{ width: 100%; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .responsive.av-no-preview #top .av-mini-columns-4 .av-masonry-entry{ width: 24.90%; } .responsive.av-no-preview #top .av-mini-columns-3 .av-masonry-entry{ width: 33.3%; } .responsive.av-no-preview #top .av-mini-columns-2 .av-masonry-entry{ width: 49.80%; } .responsive.av-no-preview #top .av-mini-columns-1 .av-masonry-entry{ width: 100%; } } .av-masonry-outerimage-container{ overflow: hidden; } .av-masonry-outerimage-container, .av-masonry-image-container{ position: relative; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .av-masonry-image-container{ text-align: center; background-size: cover; background-position: center center; } .av-masonry-image-container img{ display: block; margin: 0 auto; } #top .av-inner-masonry{ overflow: hidden; background-color: transparent; margin:0; } .av-masonry-entry .av-inner-masonry-content{ padding: 20px; z-index: 2; position: relative; width: 100%; } .av-masonry-entry .avia-arrow{ border: none; top: -5px; } .av-masonry-item-no-image .avia-arrow{ display: none; } .av-masonry-entry .av-masonry-entry-title{ line-height: 1.3em; margin: 0; font-size: 15px; } .av-masonry-entry .av-masonry-entry-title + .av-masonry-entry-content{ padding-top: 4px; text-overflow: ellipsis; overflow: hidden; } .av-masonry-date, .av-masonry-text-sep, .av-masonry-author{ font-size: 11px; } .av-masonry-text-sep{ padding: 0 5px; } .av-masonry-text-sep.text-sep-author, .av-masonry-author{ display: none; } /*items loaded*/ .av-masonry-entry.av-masonry-item-loaded{ opacity: 1; visibility: visible; } .avia_desktop.avia_transform3d .av-masonry-animation-active .av-masonry-entry, .avia_mobile.avia_transform3d:not(.avia-mobile-no-animations) .av-masonry-animation-active .av-masonry-entry{ -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; } .avia_desktop.avia_transform3d .av-masonry-animation-active .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry, .avia_mobile.avia_transform3d:not(.avia-mobile-no-animations) .av-masonry-animation-active .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{ -webkit-animation: avia_masonry_show 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075); /* Safari 4+ */ animation: avia_masonry_show 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075); /* IE 10+ */ } .avia_transform .av-masonry-entries.av-masonry-animation-curtain-reveal .avia-curtain-reveal-overlay{ animation-delay: 0.8s; } /*gap variations between elements: no, 1px and large*/ .av-large-gap.av-masonry{ padding: 15px 0 0 15px; } .av-no-gap.av-fixed-size .av-masonry-entry .av-inner-masonry{ position: absolute; top: 0px; left: -1px; right: 0px; bottom: -2px; } .av-1px-gap.av-fixed-size .av-masonry-entry .av-inner-masonry{ position: absolute; top: 0px; left: 0px; right: 1px; bottom: 1px; } .av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry{ position: absolute; top: 0px; left: 0px; right: 15px; bottom: 15px; } .av-no-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ position: relative; } #top .av-1px-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ position: relative; margin-right: 1px; margin-bottom: 1px; } #top .av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ position: relative; margin-right: 15px; margin-bottom: 15px; } /*firefox 1px gap fix*/ .avia-mozilla #top .av-1px-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ margin-bottom: 2px; } /*flex size*/ .av-flex-size .av-masonry-image-container{ background-image: none !important; } /*fixed sized masonry (aka perfect grid)*/ .av-fixed-size .av-masonry-image-container, .av-fixed-size .av-masonry-outerimage-container{ position: absolute; } .av-fixed-size .av-masonry-image-container img{ display: none; } .av-fixed-size .av-masonry-entry .av-inner-masonry-sizer{ width: 100%; padding-bottom: 80%; z-index: 1; } .av-fixed-size .av-masonry-entry.av-landscape-img .av-inner-masonry-sizer{ padding-bottom: 40%; } .av-fixed-size .av-masonry-entry.av-portrait-img .av-inner-masonry-sizer{ padding-bottom: 160%; } .av-fixed-size .av-masonry-entry.av-portrait-img.av-landscape-img .av-inner-masonry-sizer{ padding-bottom: 80%; } #top .av-fixed-size .av-masonry-entry.av-masonry-item-no-image .av-inner-masonry-content, #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content{ display: table; position: relative; height: 100%; width: 100%; bottom: 0; table-layout: fixed; } #top .av-fixed-size .av-masonry-entry.av-masonry-item-no-image .av-inner-masonry-content-pos, #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content-pos{ display: table-cell; vertical-align: middle; text-align: center; } #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry{ background: transparent; } .av-fixed-size .av-masonry-entry .av-inner-masonry-content, .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content, .av-flex-size.av-caption-on-hover-hide .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content { position: absolute; bottom: -1px; /*fixes hover bug that lets 1px img shine through at bottom when font is big*/ } /*overlay styling*/ #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content{ background: rgba(0,0,0,0.35); } #top .av-caption-style-overlay.av-hover-overlay- .av-masonry-item-with-image .av-inner-masonry-content{ background: transparent; } #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content *, #top .av-caption-style-overlay .av-masonry-item-with-image ins:before, #top #wrap_all .av-caption-style-overlay .av-masonry-item-with-image del{ color: #fff; } #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content .avia-arrow, #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content .av-icon-display{ display: none; } #top #wrap_all .av-caption-style-overlay.av-flex-size .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content{ position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; display: block; height: auto; width: auto; } #top .av-caption-style-overlay.av-flex-size .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content-pos{ display: table; height: 100%; width: 100%; } #top .av-caption-style-overlay.av-flex-size .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content-pos-content{ display: table-cell; vertical-align: middle; } #top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title{ font-size: 1.5em; } /*masonry orientation*/ .av-fixed-size.av-orientation-landscape-large .av-masonry-entry .av-inner-masonry-sizer{ width: 100%; padding-bottom: 50%; } .av-fixed-size.av-orientation-square .av-masonry-entry .av-inner-masonry-sizer{ width: 100%; padding-bottom: 100%; } .av-fixed-size.av-orientation-portrait .av-masonry-entry .av-inner-masonry-sizer{ width: 100%; padding-bottom: 130%; } .av-fixed-size.av-orientation-portrait-large .av-masonry-entry .av-inner-masonry-sizer{ width: 100%; padding-bottom: 150%; } /*hover effect*/ #top .av-masonry-entry:hover{ text-decoration: none; } .av-masonry-image-container, .av-inner-masonry-content, .av-masonry-pagination{ -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .avia_desktop .av-hover-overlay-active .av-masonry-image-container{ opacity: 0.7; } .avia_desktop .av-hover-overlay-active .av-masonry-entry:hover .av-masonry-image-container, .avia_desktop .av-hover-overlay-active.av-caption-style-overlay .av-masonry-entry .av-masonry-image-container{ opacity: 1; } .avia_desktop .av-masonry-entry:hover .av-masonry-image-container{ -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05); } .avia_desktop .av-masonry-entry .av-image-copyright, .avia_desktop .av-masonry-entry:hover .av-image-copyright{ transition: all 0.4s ease-in-out; } .avia_desktop .av-masonry-entry:hover .av-image-copyright.av-copyright-left{ transform: translate( 1em, -1em ); } .avia_desktop .av-masonry-entry:hover .av-image-copyright.av-copyright-right{ transform: translate( -1em, -1em ); } .avia_desktop .av-caption-on-hover .av-masonry-item-with-image .av-inner-masonry-content{ opacity: 0; filter: alpha(opacity=00); } .avia_desktop .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry:hover .av-inner-masonry-content{ opacity: 1; filter: alpha(opacity=100); } .avia_desktop .av-caption-on-hover-hide .av-masonry-item-with-image .av-inner-masonry-content{ opacity: 1; filter: alpha(opacity=100); } .avia_desktop .av-caption-on-hover-hide .av-masonry-item-with-image.av-masonry-entry:hover .av-inner-masonry-content{ opacity: 0; filter: alpha(opacity=00); } .avia_desktop .av-inner-masonry-content{ /*fixes flickering issue when caption/excerpt is visible by default and sorting is activated . may also try to replace it with -webkit-transform-style: preserve-3d;*/ -webkit-backface-visibility: hidden; } .avia_desktop.avia_transform3d .av-caption-on-hover.av-caption-style- .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content, .avia_desktop.avia_transform3d .av-caption-on-hover-hide.av-caption-style- .av-masonry-entry.av-masonry-item-with-image:hover .av-inner-masonry-content{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; transform-origin: center bottom; -webkit-transform: rotateX(120deg); transform: rotateX(120deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .avia_desktop.avia_transform3d .av-caption-on-hover-hide.av-caption-style- .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content, .avia_desktop.avia_transform3d .av-caption-on-hover.av-caption-style- .av-masonry-entry.av-masonry-item-with-image:hover .av-inner-masonry-content{ -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; transform-origin: center bottom; } .avia_desktop.avia_transform3d .av-masonry-entry:hover .av-icon-display{ -webkit-transform: rotateY(180deg); transform: rotateY(180deg); border-color: transparent; } /*need to make sure that the scale transform doesnt mess up the image*/ .avia_desktop.avia_transform3d .av-masonry-image-container{ -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; } /*masonry sorting*/ .av-masonry-sort{ text-align: center; padding: 20px 40px; visibility: hidden; overflow: hidden; } #top div.container .av-masonry .av-masonry-sort{ padding: 0px; background: transparent; line-height: 30px; margin-bottom: 15px; font-size: 0.9em; } .av-large-gap .av-masonry-sort{} .av-masonry-sort a{ text-decoration: none; } .av-masonry-sort .avia_hide_sort{ display: none; } .av-sort-by-term > *{ display: inline-block; } .av-no-gap .av-masonry-sort, .av-1px-gap .av-masonry-sort{ margin: 0 0 1px 0; } .av-large-gap .av-masonry-sort{ margin: 0 15px 15px 0; } .avia-term-count{ display: none; } #top .av-sort-yes-tax{ line-height: 50px } #top .av-sort-yes-tax .av-sort-by-term, #top .av-sort-yes-tax .sort_by_cat{ float: right } #top .av-current-sort-title{ float: left; font-weight: normal; font-size: 26px; } /*masonry pagination*/ .av-masonry-pagination{ clear: both; z-index: 2; bottom: 20px; right: 20px; padding: 20px; display: block; } #top .av-masonry-load-more{ text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; font-size: 13px; visibility: hidden; opacity: 0; overflow: hidden; } #top .av-masonry-load-more.av-masonry-no-more-items{ opacity: 0 !important; height: 0px; padding: 0px; filter: alpha(opacity=00); } #top .av-masonry-load-more:hover{ letter-spacing: 0px; } .av-no-gap .av-masonry-load-more{ margin: 1px 0 0 0; float: left; width: 100%; } .av-large-gap .av-masonry-pagination{ margin: 0 15px 15px 0; } .av-masonry-pagination .pagination{ padding: 5px; } .av-masonry-pagination .pagination-meta{ line-height: 30px; } /*masonry post types and variations*/ /*product*/ .av-masonry-entry.sale .av-masonry-entry-title{ padding-right: 48px; } #top .av-masonry-entry.type-product .av-masonry-image-container{ -webkit-transform: scale(1); transform: scale(1); } #top .av-masonry-entry .price, #top .av-masonry-entry .price span, #top .av-masonry-entry del, #top .av-masonry-entry ins{ font-size: 14px; } #top .av-masonry-entry .onsale{ top: 20px; right: 20px; } #top .av-caption-style-overlay .av-masonry-entry .onsale{ top: 0px; right: 0px; border-radius: 0; } #top .av-caption-style-overlay .av-masonry-entry.sale .av-masonry-entry-title{ padding-right: 0px; } #top .av-masonry-entry .av-inner-masonry .av-masonry-overlay{ opacity: 0; filter: alpha(opacity=0); width: 100%; z-index: 10; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #top .av-masonry-entry:hover .av-inner-masonry .av-masonry-overlay{ opacity: 1; filter: alpha(opacity=100); } /*post types*/ #top .av-icon-display.av-masonry-media{ position: absolute; left: 50%; margin-left: -30px; top: -75px; opacity: 0.7; filter: alpha(opacity=70); } #top .av-masonry-entry:hover .av-icon-display.av-masonry-media{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } #top .av-masonry-entry.format-quote .av-icon-display{ position: absolute; z-index: -1; border: none; background: rgba(0, 0, 0, 0); opacity: 0.1; filter: alpha(opacity=10); bottom: -20px; left: 0; font-size: 50px; line-height: 100px; width: 100px; } #top div .av-masonry-entry.format-quote:hover .av-icon-display{ -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 0.3; filter: alpha(opacity=30); } /*masonry within columns/sections */ #top .container .av-masonry{ background: transparent; } #top .container .av-masonry.av-large-gap{ padding: 0; width: 102%; width: calc(100% + 15px); } #top .container .av-masonry.av-large-gap.av-masonry-gallery{ padding-top: 15px; /* changed with 4.8.6.1 to center images in columns */ } /*masonry fade_out/grayscale/desat effect/blur */ #top .av-hover-overlay-fade_out .av-masonry-image-container{ opacity: 1.0; } #top .av-hover-overlay-fade_out .av-masonry-entry:hover .av-masonry-image-container{ opacity: 0.2; } #top .av-hover-overlay-grayscale .av-masonry-entry .av-masonry-image-container{ -webkit-filter: grayscale(1); filter: grayscale(1); } #top .av-hover-overlay-grayscale .av-masonry-entry:hover .av-masonry-image-container{ -webkit-filter: grayscale(0); filter: grayscale(0); } #top .av-hover-overlay-desaturation .av-masonry-image-container{ -webkit-filter: saturate(30%); filter: saturate(30%); } #top .av-hover-overlay-desaturation .av-masonry-entry:hover .av-masonry-image-container{ -webkit-filter: saturate(100%); filter: saturate(100%); } #top .av-hover-overlay-bluronhover .av-masonry-image-container{ -webkit-filter: blur(0px); filter: blur(0px); } #top .av-hover-overlay-bluronhover .av-masonry-entry:hover .av-masonry-image-container{ -webkit-filter: blur(10px); filter: blur(10px); } @media only screen and (min-width: 1800px) { .responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry, .responsive.html_av-framed-box .av-masonry-col-flexible .av-masonry-entry{ width: 16.6%; } .responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry.av-landscape-img, .responsive.html_av-framed-box .av-masonry-col-flexible .av-masonry-entry.av-landscape-img{ width: 33.2%; } } @media only screen and (min-width: 989px) and (max-width: 1340px) { .responsive .av-masonry-col-flexible .av-masonry-entry{ width: 33.3%; } .responsive .av-masonry-col-flexible .av-masonry-entry.av-landscape-img{ width: 66.6%; } } @media only screen and (max-width: 767px) { .responsive #top .av-masonry-entry{ width: 100%; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive #top .av-masonry-entry{ width: 49.90%; } .responsive #top .av-masonry-entry.av-landscape-img{ width: 100%; } } @media only screen and (max-width: 480px) { .responsive #top .av-masonry-entry{ width: 100%; } } @media only screen and (min-width: 767px) and (max-width: 989px) { .responsive .av-masonry-col-flexible.av-masonry-gallery .av-masonry-entry{ width: 33.3%; } .responsive .av-masonry-col-flexible.av-masonry-gallery .av-masonry-entry.av-landscape-img{ width: 66.6%; } .responsive .av-masonry-col-automatic .av-masonry-entry .av-masonry-entry-title{ font-size: 13px; } .responsive .av-masonry-entry .av-masonry-entry-title+.av-masonry-entry-content{ display: none; } } @media only screen and (min-width: 767px) and (max-width: 989px) { .responsive .av-masonry-col-flexible .av-masonry-entry{ width: 49.90%; } .responsive .av-masonry-col-flexible .av-masonry-entry.av-landscape-img{ width: 100%; } }/*site preloader: http://projects.lukehaas.me/css-loaders/ */ .av-siteloader-wrap{ position: fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index: 1000000; background: #fff; display:none; } html.av-preloader-active{} html.av-preloader-active .av-siteloader-wrap{ display:block; } .av-siteloader-inner{ position: relative; display: table; width: 100%; height:100%; text-align: center; } .av-siteloader-cell{ display:table-cell; vertical-align: middle; } .av-siteloader, #top div.avia-popup .mfp-preloader{ font-size: 10px; position: relative; text-indent: -9999em; margin:0 auto; border-top: 2px solid rgba(0, 0, 0, 0.2); border-right: 2px solid rgba(0, 0, 0, 0.2); border-bottom:2px solid rgba(0, 0, 0, 0.2); border-left: 2px solid #000; -webkit-animation: av-load8 0.8s infinite linear; animation: av-load8 0.8s infinite linear; } #top div.avia-popup .mfp-preloader{ position: absolute; background: transparent; border-top: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 2px solid #fff; } .av-preloader-reactive #top .av-siteloader{ -webkit-animation: avia_pop_loader 1.3s 1 linear; animation: avia_pop_loader 1.3s 1 linear; } .av-preloader-reactive #top .av-siteloader-extra{ border-radius: 50%; width: 400px; height: 400px; background:#eee; position: absolute; left: 50%; top: 50%; -webkit-transform: scale(0); transform: scale(0); opacity:0; -webkit-animation: avia_shrink 1.1s 1 linear; animation: avia_shrink 1.1s 1 linear; margin:-200px 0 0 -200px; } .av-siteloader, #top div.avia-popup .mfp-preloader, .av-siteloader:after , #top div.avia-popup .mfp-preloader:after{ border-radius: 50%; width: 40px; height: 40px; } .av-preloading-logo{ position: relative; margin: 0 auto; display: block; max-width:450px; max-height:450px; margin-bottom:20px; z-index: 100; } #top div.avia-popup .mfp-s-error .mfp-preloader { background: transparent; width: 100%; -webkit-animation: none; animation: none; white-space: nowrap; border: none; text-indent: 0; font-size: 17px; -webkit-transition: none; transition: none; }/* ====================================================================================================================================================== Animated Numbers ====================================================================================================================================================== */ .avia-animated-number{ display: block; clear: both; position: relative; text-align: center; } .avia-animated-number:hover{ text-decoration: none; } .avia-animated-number-content{ line-height: 1.3em; } .avia-animated-number.avia-color-font-light .avia-animated-number-content, .avia-animated-number.avia-color-font-light .heading{ color: #fff; } .avia-animated-number.avia-color-font-dark .avia-animated-number-content, .avia-animated-number.avia-color-font-dark .heading{ color: #222; } #top .avia-color-font-custom .heading { color: inherit; } .avia-animated-number.avia-color-font-embossed .avia-single-number{ text-shadow: 0 1px 0 rgb(203, 203, 203), 0 2px 0 rgb(201, 201, 201), 0 3px 0 rgb(186, 186, 186), 0 4px 0 rgb(184, 184, 184), 0 5px 0 rgb(171, 171, 171), 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15); color: rgb(255, 255, 255); } .avia-animated-number-title{ font-size: 40px; white-space: nowrap; line-height: 1em; position: relative; letter-spacing: -2px; font-weight: 400; margin-bottom: 4px; } .avia-no-number{ opacity: 0.5; font-size: 0.8em; font-weight: normal; } .avia-animated-number-content{ padding: 0; position: relative; clear: none; overflow: hidden; font-size: 15px; } .avia-animated-number-content p{ margin: 0; } .js_active .avia-animated-number-title{ visibility: hidden; } .number_prepared .avia-animated-number-title{ visibility: visible; } .av-icon-before-number{ margin-right: 10px; } .av-icon-after-number{ margin-left: 10px; } .avia-animated-number-circle{ display: block; position: absolute; width: 100%; max-width: 600px; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); } #top .avia-animated-number.av-display-circle{ margin-top: 50%; margin-bottom: 50%; } .avia-animated-number-circle:after{ content: ""; display: block; padding-bottom: 100%; } .avia-animated-number-circle-inner{ display: block; position: absolute; width: 100%; height: 100%; border-radius: 100%; border-width: 1px; border-style: solid; } .avia-animated-number-circle-inner:after{ content: ""; display: block; padding-bottom: 100%; border-radius: 100%; } /* removed 4.8.4 - does not work and unused */ /*.av-circle-hover-animate:hover{ animation: sonarEffect 1s ease-out; }*/ @media only screen and (max-width: 767px) { .avia-animated-number-circle.av-circle-hide-small{ display: none; } #av-admin-preview .avia-animated-number-circle{ display: block; } } /* Accessibility rules */ #top.av-accessibility-aaa .avia-animated-number-content{ line-height: 1.5em; }/* ====================================================================================================================================================== Catalogue ====================================================================================================================================================== */ .av-catalogue-container{margin:30px 0;} .av-catalogue-heading{ text-align: center; padding-bottom: 15px; font-weight: normal; letter-spacing: 1px;} .av-catalogue-list{ border-top: 1px dashed; margin:0;} .av-catalogue-list li{list-style-type: none; margin:0; border-bottom: 1px dashed; padding:0; clear:both;} #top .av-catalogue-item{text-decoration: none; padding:10px 5px; display: block; overflow: hidden; } div.av-catalogue-item:hover{cursor:default;} .av-catalogue-title-container{position: relative; font-size: 1.3em; line-height: 1.4em;} .av-catalogue-title{padding-right:60px; text-transform: uppercase; } .av-catalogue-price{position: absolute; right:0; top:0;} .av-catalogue-content{padding-right:60px; font-size: 1.1em;} .av-catalogue-content p:first-child{margin-top:0;} .av-catalogue-content p:last-child{margin-bottom:0;} .av-catalogue-list .added_to_cart.wc-forward{display:none;} .av-catalogue-image{border-radius: 400px; width:44px; float:left; margin-right:15px; } .av-catalogue-image-no{display:none;} .av-catalogue-item-inner{overflow: hidden; } .av-catalogue-container-woo{margin-top:0;}/* ====================================================================================================================================================== Share Box ====================================================================================================================================================== */ .av-social-sharing-box{ margin-top: 30px; float: left; width: 100%; } .av-share-box{ width: 100%; clear: both; float: left; font-size: 13px; margin-top: 30px; margin-bottom: -50px; padding: 0; } .av-share-box .av-share-link-description{ margin-bottom: 20px; } #top .av-share-box ul{ margin: 0; padding: 0; list-style-type: none; overflow: hidden; border-style: solid; border-width: 1px; display: table; text-align: center; table-layout: fixed; border-radius: 3px; background: transparent; } .av-social-sharing-box.av-social-sharing-box-fullwidth .av-share-box ul{ width: 100%; } #top .av-social-sharing-box.av-social-sharing-center .av-share-box ul{ margin: 0 auto; } .av-social-sharing-box.av-social-sharing-right .av-share-box ul{ float: right; } .av-share-box ul li{ margin: 0; padding: 0; display: table-cell; border-left-style: solid; border-left-width: 1px; } .av-share-box ul li:first-child{ border: none; } .av-share-box ul li a{ display: block; padding: 15px 0; text-decoration: none; color: inherit; font-size: 14px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .av-social-sharing-box.av-social-sharing-box-same-width .av-share-box ul li a{ width: 55px; height: 55px; } .av-social-sharing-box.av-social-sharing-box-buttons .av-share-box ul li a{ border-radius: 25px; } .av-social-sharing-box.av-social-sharing-box-circle .av-share-box ul li a{ border-radius: 50%; } .av-social-sharing-box.av-social-sharing-box-rounded .av-share-box ul li:first-child a{ border-radius: 25px 0 0 25px; } .av-social-sharing-box.av-social-sharing-box-rounded .av-share-box ul li:last-child a{ border-radius: 0 25px 25px 0; } .av-social-sharing-box.av-social-sharing-box-icon .av-share-box ul li a{ background: transparent; border-radius: 50%; border-style: solid; border-width: 1px; } .av-social-sharing-box.av-social-sharing-box-buttons .av-share-box ul li:nth-child(n + 1) a, .av-social-sharing-box.av-social-sharing-box-circle .av-share-box ul li:nth-child(n + 1) a, .av-social-sharing-box.av-social-sharing-box-icon .av-share-box ul li:nth-child(n + 1) a{ margin-left: 2px; } .av-share-box .avia-related-tooltip{ width: 150px; } .av-social-sharing-box .av-share-box{ margin: 0; } #top .av-social-sharing-box:not(.av-social-sharing-box-default) .av-share-box ul{ border: none; } #top .av-social-sharing-box:not(.av-social-sharing-box-default) .av-share-box ul li{ border-left: none; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-rss a{ color: #fff; background-color: #ffa133; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-facebook a{ color: #fff; background-color: #37589b; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-twitter a{ color: #fff; background-color: #46d4fe; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-whatsapp a{ color: #fff; background-color: #00e676; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-mail a{ color: #fff; background-color: #9fae37; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-dribbble a{ color: #fff; background-color: #e44885; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-linkedin a{ color: #fff; background-color: #419cca; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-search a{ color: #fff; background-color: #222222; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-gplus a{ color: #fff; background-color: #de5a49; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-behance a{ color: #fff; background-color: #008cfa; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-flickr a{ color: #fff; background-color: #ff0086; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-forrst a{ color: #fff; background-color: #234317; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-myspace a{ color: #fff; background-color: #000000; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-tumblr a{ color: #fff; background-color: #345574; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-vimeo a{ color: #fff; background-color: #31baff; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-youtube a{ color: #fff; background-color: #a72b1d; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-pinterest a{ color: #fff; background-color: #cb2027; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-skype a{ color: #fff; background-color: #12a5f4; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-instagram a{ color: #fff; background-color: #a67658; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-five_100_px a{ color: #fff; background-color: #222222; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-soundcloud a{ color: #fff; background-color: #F76700; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-xing a{ color: #fff; background-color: #006567; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-vk a{ color: #fff; background-color: #597BA5; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-reddit a{ color: #fff; background-color: #FF4500; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-telegram a{ color: #fff; background-color: #25A4E3; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-yelp a{ color: #fff; background-color: #d32323; } .av-social-sharing-box.av-social-sharing-box-color-bg a:hover{ opacity: 0.75; } /* #top #wrap_all needed because of layout.css */ #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-rss a:hover{ background: transparent; color: #ffa133; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-facebook a:hover{ background: transparent; color: #37589b; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-twitter a:hover{ background: transparent; color: #46d4fe; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-whatsapp a:hover{ background: transparent; color: #00e676; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-mail a:hover{ background: transparent; color: #9fae37; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-dribbble a:hover{ background: transparent; color: #e44885; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-linkedin a:hover{ background: transparent; color: #419cca; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-search a:hover{ background: transparent; color: #222222; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-gplus a:hover{ background: transparent; color: #de5a49; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-behance a:hover{ background: transparent; color: #008cfa; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-flickr a:hover{ background: transparent; color: #ff0086; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-forrst a:hover{ background: transparent; color: #234317; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-myspace a:hover{ background: transparent; color: #000000; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-tumblr a:hover{ background: transparent; color: #345574; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-vimeo a:hover{ background: transparent; color: #31baff; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-youtube a:hover{ background: transparent; color: #a72b1d; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-pinterest a:hover{ background: transparent; color: #cb2027; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-skype a:hover{ background: transparent; color: #12a5f4; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-instagram a:hover{ background: transparent; color: #a67658; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-five_100_px a:hover{ background: transparent; color: #222222; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-soundcloud a:hover{ background: transparent; color: #F76700; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-xing a:hover{ background: transparent; color: #006567; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-vk a:hover{ background: transparent; color: #597BA5; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-reddit a:hover{ background: transparent; color: #FF4500; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-telegram a:hover{ background: transparent; color: #25A4E3; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-yelp a:hover{ background: transparent; color: #d32323; }/* ====================================================================================================================================================== Tabs ====================================================================================================================================================== */ #top .tabcontainer{ background: transparent; } .tabcontainer{ margin: 30px 0; position: relative; width:100%; clear: both; overflow: hidden; background: transparent; } .tab_titles{ position: relative; width:100%; clear: both; float:left; z-index: 5; } .widget .tabcontainer{ margin-top:0px; } .js_active .tab_content{ visibility: hidden; clear: both; padding: 10px 19px; overflow:auto; position: absolute; top:0; z-index: 0; left:120%; width:100%; } .js_active .tab{ cursor:pointer; margin:0 -1px 0 0; display: block; float: left; z-index: 2; position: relative; padding:12px 16px; top:1px; font-size: 0.8em; -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; } .js_active .top_tab .tab{ border-bottom: none; padding:12px 16px 14px 16px; } .js_active .active_tab{ z-index: 4; position: relative; font-weight: bold; } .js_active .tab_titles .tab:first-child{ border-top-left-radius: 2px; } .js_active .tab_titles .tab:last-child{ border-top-right-radius: 2px; } .js_active .active_tab_content{ display: block; visibility: visible; z-index: 3; position: relative; overflow:auto; border-style: solid; border-width:1px; border-radius: 2px; left:0; width:auto; } .tabcontainer .tab_icon{ margin-right: 7px; font-size: 1em; } .tab_inner_content{ margin: 11px 0; left:-200%; position: relative; } .active_tab_content .tab_inner_content{ left:0; position: relative; } /*sidebar tabs*/ .sidebar_tab .tab_titles{ width:30%; min-width:170px; max-width:250px; float:left; display: block; } .sidebar_tab_right .tab_titles{ float:right; } .sidebar_tab .tab_titles .tab{ width:100%; margin:0 0 -1px 0; top:0; } .sidebar_tab .tab_content{ overflow: hidden; clear:none; left: -1px; } .sidebar_tab_right .tab_content{ left: 1px; } .js_active .sidebar_tab .tab_titles .tab:last-child{ border-top-right-radius: 0; border-bottom-left-radius: 2px; } .sidebar_tab_left .active_tab.tab{ width:100.5%; border-right:none; } .sidebar_tab_right .active_tab.tab{ width:100.5%; border-left:none; left:-1px; } /*noborder sidebar tabs*/ .noborder_tabs.sidebar_tab_left .tab_content, .noborder_tabs.sidebar_tab_right .tab_content{ border:none; box-shadow: -8px 0px 20px -10px rgba(0, 0, 0, 0.2); left:0; padding:0px 0 0 30px; } .noborder_tabs.sidebar_tab_right .tab_content{ box-shadow: 8px 0px 20px -10px rgba(0, 0, 0, 0.2); padding:0px 30px 0 0; } .noborder_tabs.sidebar_tab_left .tab{ border-left:none; } .noborder_tabs.sidebar_tab_right .tab{ border-right:none; } .noborder_tabs .tab:first-child{ border-top:none; } .noborder_tabs .tab:last-child{ border-bottom:none; } .tabcontainer .tab.fullsize-tab{display:none;} @media only screen and (max-width: 767px) { .responsive .tabcontainer{border-width: 1px; border-style: solid; border-top:none; overflow: hidden;} .responsive .tabcontainer .tab_titles{display:none;} .responsive .tabcontainer .tab_content, .responsive .tabcontainer .tab {width:100%; max-width:100%; border-left:none; border-right:0;left:0; top:0; min-height: 0!important;} .responsive .tabcontainer .tab_content{border-bottom:none; padding:15px 30px; clear: both; } .responsive .tabcontainer .tab.fullsize-tab{ display:block; margin-bottom:-1px;} .responsive .top_tab .tab.fullsize-tab{ margin-bottom:0px;} }/* ====================================================================================================================================================== Accordion/Toggle ====================================================================================================================================================== */ /*toggle*/ .js_active .toggle_wrap, .avia-admin-preview-container .toggle_wrap{ visibility: hidden; position: absolute; z-index: 0; width: 100%; left: 120%; } .active_tc.toggle_wrap{ position: static; visibility: visible; left: 0; width: auto; z-index: 1; display: none; } .js_active .toggler, .avia-admin-preview-container .toggler{ cursor: pointer; display: block; margin:0; padding: 9px 3px 9px 35px; position: relative; top: 1px; border-style:solid; border-width:1px; line-height: 1.65em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .togglecontainer{ margin:30px 0; position: relative; clear: both; } .togglecontainer .single_toggle:first-child .toggler, .togglecontainer .taglist + .single_toggle .toggler{ border-top-left-radius: 2px; border-top-right-radius: 2px; } .togglecontainer > div:last-of-type .toggler{ border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .togglecontainer > p.activeTitle{ border-radius: 0; } .toggle_content{ padding: 12px 30px 11px 30px; margin: 0px 0 5px 0; border-style:solid; border-width:1px; border-top:none; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; overflow: hidden; } .toggle_icon{ position: absolute; width: 15px; height: 15px; border-style: solid; border-width: 1px; top: 50%; left: 10px; margin-top: -8px; } .toggle_icon .vert_icon{ border-left-style:solid; border-left-width:3px; position: absolute; left:5px; top:1px; height:11px; } .toggle_icon .hor_icon{ border-top-style:solid; border-top-width:3px; position: absolute; top:5px; left:1px; width:11px; } .activeTitle .toggle_icon .vert_icon{ border:none; } .hasCurrentStyle .toggle_icon, .hasCurrentStyle .toggle_icon > span{ border-color: inherit !important; } /* removed, otherwise opening animation does not work .active_tc.toggle_wrap{ display:block; } */ #top .av_toggle_section .av-inherit-border-color *{border-color: inherit;} #top .av_toggle_section .av-inherit-font-color *{color: inherit;} .toggler .toggle_icon, .toggler:hover .toggle_icon *{ transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } /*sorting*/ .taglist {margin-bottom:5px;} .taglist .tag-seperator:last-child{display:none;} .taglist .tag-seperator{padding:0px 4px;} .single_toggle{ width:100%; float:left; display: block; margin: 0 0 -2px 0; padding-bottom: 1px; overflow: hidden; position: relative;} /*minimal toggle*/ .av-minimal-toggle.togglecontainer .single_toggle .toggler{border-radius:0; border-left:none; border-right:none; border-top:none; font-size: 1.1em; } .av-minimal-toggle .toggle_content{ border-radius:0;border:none; padding:12px 35px 11px 35px;} .av-minimal-toggle .single_toggle{ margin: 0 0 7px 0; padding-bottom: 0px;} .av-minimal-toggle .toggle_icon { margin-top: -7px; border: none;} .av-minimal-toggle .toggler:hover { opacity: 0.8; } .av-minimal-toggle .activeTitle.toggler:hover { opacity: 1; } /* elegant toggle */ .av-elegant-toggle.togglecontainer .single_toggle:first-child .toggler, .av-elegant-toggle.togglecontainer .taglist + .single_toggle .toggler{ border-top-left-radius: 0; border-top-right-radius: 0; } .av-elegant-toggle.togglecontainer .av_toggle_section:first-of-type .toggler{ border-top-width: 1px; border-top-style: solid; } .js_active .av-elegant-toggle .toggler, .avia-admin-preview-container .av-elegant-toggle .toggler{ padding: 35px 55px 30px 35px; font-size: 17px; top: 0; border-top-width: 0; border-left-width: 0; border-right-width: 0; } .av-elegant-toggle .toggle_icon{ width: 32px; height: 32px; border-radius: 40px; left: auto; right: 20px; margin-top: -16px; border-width: 2px; opacity: 0.4; /*transition: all 0.2s ease-in; removed 4.8.6.1 - replaced for all icons*/ } .av-elegant-toggle .activeTitle .toggle_icon, .av-elegant-toggle .single_toggle:hover .toggle_icon { opacity: 1; } .av-elegant-toggle .toggle_icon .hor_icon, .av-elegant-toggle .toggle_icon .vert_icon{ border-width: 2px; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .av-elegant-toggle .toggle_content{ margin-bottom: 0; font-size: 15px; line-height: 1.4; padding: 20px 35px 30px 35px; border-top-width: 0; border-left-width: 0; border-right-width: 0; border-bottom-width: 1px; border-radius: 0; } .av-elegant-toggle .single_toggle{ border-width: 0; margin: 0; padding: 0; float: none; }/* ====================================================================================================================================================== Video ====================================================================================================================================================== */ .avia-video, .avia-iframe-wrap{ clear:both; position: relative; margin-bottom:20px; } .avia-video, .avia-video iframe, .avia-video video{ background-color: #000; } /*responsive iframe trick*/ .avia-video iframe, .js_active .avia-iframe-wrap iframe, div .avia-video .avia-iframe-wrap{ position: absolute; width:100%; height:100%; left:0; top:0; padding:0; } .avia-video-custom{ height:0; } .avia-video-16-9, .js_active .avia-iframe-wrap{ padding-bottom: 56.25%; height:0; } .avia-video-4-3{ padding-bottom: 75%; height:0; } /*html 5 video - always has 100 width and natural height. behaves like image when it comes to aspect ratio*/ video{ width: 100%; height: auto; } .mejs-layer{ z-index: 1; width: 100% !important; } .mejs-layer.mejs-overlay-play{ height: 100% !important; } #top .avia-video .mejs-container, #top .avia-video .mejs-container video{ height: 100% !important; width: 100% !important; position: absolute; } #top .avia-video .av-click-to-play-overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; z-index: 1000; } #top .avia-video .av-click-to-play-overlay .avia_playpause_icon{ display: block; -webkit-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; } #top .avia-video .av-click-to-play-overlay:hover .avia_playpause_icon{ opacity: 0.7; } .avia-video .mejs-poster, .avia-video{ background-position: center center; background-size: cover; } .avia-video .mejs-poster{ position: absolute; height: 100% !important; width: 100% !important; top: 0; left: 0; }#sb_instagram{width:100%;margin:0 auto;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_images,#sb_instagram.sbi_fixed_height{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}#sb_instagram:after,.sbi_lb-commentBox:after,.sbi_lb-data:after,.sbi_lb-dataContainer:after,.sbi_lb-outerContainer:after{content:"";display:table;clear:both}#sb_instagram.sbi_fixed_height{overflow:hidden;overflow-y:auto;box-sizing:border-box}#sb_instagram #sbi_images{box-sizing:border-box;display:grid;width:100%;padding:12px 0}#sb_instagram .sbi_header_link{-webkit-box-shadow:none;box-shadow:none}#sb_instagram .sbi_header_link:hover,.sbi_lightbox a img{border:none}#sb_instagram #sbi_images .sbi_item{display:inline-block;width:100%;vertical-align:top;zoom:1;margin:0!important;text-decoration:none;opacity:1;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}#sb_instagram #sbi_images .sbi_item.sbi_transition{opacity:0}#sb_instagram.sbi_col_1 #sbi_images,#sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(1,1fr)}#sb_instagram.sbi_col_2 #sbi_images,#sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_col_3 #sbi_images,#sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_col_4 #sbi_images,#sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_col_5 #sbi_images,#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_col_6 #sbi_images,#sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_col_7 #sbi_images,#sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_col_8 #sbi_images,#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_col_9 #sbi_images,#sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_col_10 #sbi_images,#sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(10,1fr)}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_photo_wrap{position:relative}#sb_instagram .sbi_photo{display:block;text-decoration:none}#sb_instagram .sbi_photo img{width:100%;height:inherit;object-fit:cover;scale:1;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;vertical-align:middle}#sb_instagram .sbi_no_js img,#sb_instagram br,#sb_instagram p:empty,#sb_instagram.sbi_no_js .sbi_load_btn,#sb_instagram.sbi_no_js .sbi_photo img{display:none}#sb_instagram a,#sb_instagram a:active,#sb_instagram a:focus,#sb_instagram a:hover,.sbi_lightbox a:active,.sbi_lightbox a:focus,.sbi_lightbox a:hover{outline:0}#sb_instagram img{display:block;padding:0!important;margin:0!important;max-width:100%!important;opacity:1!important}#sb_instagram .sbi_link{display:none;position:absolute;bottom:0;right:0;width:100%;padding:10px 0;background:rgba(0,0,0,.5);text-align:center;color:#fff;font-size:12px;line-height:1.1}#sb_instagram .sbi_link a{padding:0 6px;text-decoration:none;color:#fff;font-size:12px;line-height:1.1;display:inline-block;vertical-align:top;zoom:1}#sb_instagram .sbi_link .sbi_lightbox_link{padding-bottom:5px}#sb_instagram .sbi_link a:focus,#sb_instagram .sbi_link a:hover{text-decoration:underline}#sb_instagram .sbi_photo_wrap:focus .sbi_link,#sb_instagram .sbi_photo_wrap:hover .sbi_link{display:block}#sb_instagram svg:not(:root).svg-inline--fa{height:1em;display:inline-block}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .sbi_playbtn,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel .fa-clone{display:block!important;position:absolute;z-index:1;color:rgba(255,255,255,.9);font-style:normal!important;text-shadow:0 0 8px rgba(0,0,0,.8)}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_video .sbi_playbtn{z-index:2;top:50%;left:50%;margin-top:-24px;margin-left:-19px;padding:0;font-size:48px}#sb_instagram .sbi_type_carousel .fa-clone{right:12px;top:12px;font-size:24px;text-shadow:0 0 8px rgba(0,0,0,.3)}#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel svg.fa-clone{-webkit-filter:drop-shadow(0px 0px 2px rgba(0,0,0,.4));filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, .4))}#sb_instagram .sbi_loader{width:20px;height:20px;position:relative;top:50%;left:50%;margin:-10px 0 0 -10px;background-color:rgba(0,0,0,.5);border-radius:100%;-webkit-animation:1s ease-in-out infinite sbi-sk-scaleout;animation:1s ease-in-out infinite sbi-sk-scaleout}#sbi_load p{display:inline;padding:0;margin:0}#sb_instagram #sbi_load .sbi_loader{position:absolute;margin-top:-11px;background-color:#fff;opacity:1}@-webkit-keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0}}#sb_instagram .fa-spin,#sbi_lightbox .fa-spin{-webkit-animation:2s linear infinite fa-spin;animation:2s linear infinite fa-spin}#sb_instagram .fa-pulse,#sbi_lightbox .fa-pulse{-webkit-animation:1s steps(8) infinite fa-spin;animation:1s steps(8) infinite fa-spin}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.sbi-screenreader{text-indent:-9999px!important;display:block!important;width:0!important;height:0!important;line-height:0!important;text-align:left!important;overflow:hidden!important}#sb_instagram .sb_instagram_header,.sb_instagram_header{overflow:hidden;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:12px 0}#sb_instagram .sb_instagram_header a,.sb_instagram_header a{transition:color .5s;text-decoration:none}.sb_instagram_header.sbi_header_outside{float:none;margin-left:auto!important;margin-right:auto!important;display:flex}.sbi_no_avatar .sbi_header_img{background:#333;color:#fff;width:50px;height:50px;position:relative}.sb_instagram_header .sbi_header_hashtag_icon{opacity:0;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75)}.sbi_no_avatar .sbi_header_hashtag_icon{display:block;color:#fff;opacity:.9;-webkit-transition:background .6s linear,color .6s linear;-moz-transition:background .6s linear,color .6s linear;-o-transition:background .6s linear,color .6s linear;transition:background .6s linear,color .6s linear}.sbi_no_avatar:hover .sbi_header_hashtag_icon{display:block;opacity:1;-webkit-transition:background .2s linear,color .2s linear;-moz-transition:background .2s linear,color .2s linear;-o-transition:background .2s linear,color .2s linear;transition:background .2s linear,color .2s linear}@media all and (min-width:480px){#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img,.sb_instagram_header.sbi_medium .sbi_header_img,.sb_instagram_header.sbi_medium .sbi_header_img img{width:80px;height:80px;border-radius:50%}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3,.sb_instagram_header.sbi_medium .sbi_header_text h3{font-size:20px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{font-size:14px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,.sb_instagram_header.sbi_medium .sbi_header_text h3{line-height:1.4}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img img,.sb_instagram_header.sbi_large .sbi_header_img,.sb_instagram_header.sbi_large .sbi_header_img img{width:120px;height:120px;border-radius:50%}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3,.sb_instagram_header.sbi_large .sbi_header_text h3{font-size:28px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,.sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,.sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{font-size:16px}}#sb_instagram .sb_instagram_header .sbi_header_img,.sb_instagram_header .sbi_header_img{position:relative;width:50px;height:50px;overflow:hidden;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:50%}#sb_instagram .sb_instagram_header .sbi_header_img_hover,.sb_instagram_header .sbi_header_img_hover{opacity:0;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75);z-index:2;transition:opacity .4s ease-in-out}#sb_instagram .sb_instagram_header .sbi_header_hashtag_icon .sbi_new_logo,#sb_instagram .sb_instagram_header .sbi_header_img_hover .sbi_new_logo,.sb_instagram_header .sbi_header_hashtag_icon .sbi_new_logo,.sb_instagram_header .sbi_header_img_hover .sbi_new_logo{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px;width:24px;height:24px;font-size:24px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo,.sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo{margin-top:-18px;margin-left:-18px;width:36px;height:36px;font-size:36px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_hashtag_icon .sbi_new_logo,.sb_instagram_header.sbi_large .sbi_header_hashtag_icon .sbi_new_logo{margin-top:-24px;margin-left:-24px;width:48px;height:48px;font-size:48px}#sb_instagram .sb_instagram_header .sbi_header_img_hover i{overflow:hidden}#sb_instagram .sb_instagram_header .sbi_fade_in,.sb_instagram_header .sbi_fade_in{opacity:1;transition:opacity .2s ease-in-out}#sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover,#sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover,#sb_instagram.sbi_no_js #sbi_images .sbi_item.sbi_transition,.sb_instagram_header a:focus .sbi_header_img_hover,.sb_instagram_header a:hover .sbi_header_img_hover,.sbi_lb-nav a.sbi_lb-next:hover,.sbi_lb-nav a.sbi_lb-prev:hover{opacity:1}#sb_instagram .sb_instagram_header .sbi_header_text,.sb_instagram_header .sbi_header_text{display:flex;gap:20px;justify-content:flex-start;align-items:center}#sb_instagram .sb_instagram_header.sbi_large .sbi_feedtheme_header_text,.sb_instagram_header.sbi_large .sbi_feedtheme_header_text{gap:8px}.sb_instagram_header.sbi_medium .sbi_feedtheme_header_text{gap:4px}.sbi_feedtheme_header_text{display:flex;justify-content:flex-start;align-items:flex-start;flex:1;flex-direction:column;gap:4px}#sb_instagram .sb_instagram_header h3,.sb_instagram_header h3{font-size:16px;line-height:1.3;margin:0;padding:0}#sb_instagram .sb_instagram_header p,.sb_instagram_header p{font-size:13px;line-height:1.3;margin:0;padding:0}#sb_instagram .sb_instagram_header .sbi_header_text img.emoji,.sb_instagram_header .sbi_header_text img.emoji{margin-right:3px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info,.sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info{clear:both}#sb_instagram #sbi_load{float:left;clear:both;width:100%;text-align:center;opacity:1;transition:.5s ease-in}#sb_instagram #sbi_load .fa-spinner{display:none;position:absolute;top:50%;left:50%;margin:-8px 0 0 -7px;font-size:15px}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a,.et-db #et-boc .et-l .et_pb_module .sbi_follow_btn a{display:inline-block;vertical-align:top;zoom:1;padding:7px 14px;margin:5px auto 0;background:#333;text-decoration:none;line-height:1.5}#sb_instagram .sbi_load_btn .sbi_btn_text,#sb_instagram .sbi_load_btn .sbi_loader{opacity:1;transition:.1s ease-in}#sb_instagram .sbi_hidden{opacity:0!important}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{border:none;color:#fff;font-size:13px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:.1s ease-in}.sbi_lb-nav a.sbi_lb-next,.sbi_lb-nav a.sbi_lb-prev{width:50px;padding-left:10px;padding-right:10px;opacity:.5;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s}#sb_instagram .sbi_follow_btn{display:inline-block;vertical-align:top;zoom:1;text-align:center}#sb_instagram .sbi_follow_btn.sbi_top{display:block;margin-bottom:5px}#sb_instagram .sbi_follow_btn a{background:#408bd1;color:#fff}#sb_instagram #sbi_load .sbi_load_btn:focus,#sb_instagram #sbi_load .sbi_load_btn:hover{outline:0;box-shadow:inset 0 0 20px 20px rgba(255,255,255,.25)}#sb_instagram .sbi_follow_btn a:focus,#sb_instagram .sbi_follow_btn a:hover{outline:0;box-shadow:inset 0 0 10px 20px #359dff}#sb_instagram #sbi_load .sbi_load_btn:active,#sb_instagram .sbi_follow_btn a:active{box-shadow:inset 0 0 10px 20px rgba(0,0,0,.3)}#sb_instagram .sbi_follow_btn .fa,#sb_instagram .sbi_follow_btn svg{margin-bottom:-1px;margin-right:7px;font-size:15px}#sb_instagram .sbi_follow_btn svg{vertical-align:-.125em}#sb_instagram #sbi_load .sbi_follow_btn{margin-left:5px}#sb_instagram .sb_instagram_error{width:100%;text-align:center;line-height:1.4}#sbi_mod_error{display:none;border:1px solid #ddd;background:#eee;color:#333;margin:10px 0 0;padding:10px 15px;font-size:13px;text-align:center;clear:both;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#sbi_mod_error br{display:initial!important}#sbi_mod_error p{padding:5px 0!important;margin:0!important;line-height:1.3!important}#sbi_mod_error ol,#sbi_mod_error ul{padding:5px 0 5px 20px!important;margin:0!important}#sbi_mod_error li{padding:1px 0!important;margin:0!important}#sbi_mod_error span{font-size:12px}#sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_medium .sbi_playbtn{margin-top:-12px;margin-left:-9px;font-size:23px}#sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:8px;top:8px;font-size:18px}#sb_instagram.sbi_small .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_small .sbi_playbtn{margin-top:-9px;margin-left:-7px;font-size:18px}#sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:5px;top:5px;font-size:12px}@media all and (max-width:640px){#sb_instagram.sbi_col_3 #sbi_images,#sb_instagram.sbi_col_4 #sbi_images,#sb_instagram.sbi_col_5 #sbi_images,#sb_instagram.sbi_col_6 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_col_10 #sbi_images,#sb_instagram.sbi_col_7 #sbi_images,#sb_instagram.sbi_col_8 #sbi_images,#sb_instagram.sbi_col_9 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_width_resp{width:100%!important}}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap{box-sizing:border-box;position:relative;overflow:hidden}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap:before{content:"";display:block;padding-top:100%;z-index:-300}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo{position:absolute;top:0;left:0;bottom:0;right:0}#sb_instagram #sbi_images .sbi_js_load_disabled .sbi_imgLiquid_ready.sbi_photo,#sb_instagram #sbi_images .sbi_no_js_customizer .sbi_imgLiquid_ready.sbi_photo{padding-bottom:0!important}#sb_instagram #sbi_mod_error .sb_frontend_btn{display:inline-block;padding:6px 10px;background:rgba(0,0,0,.1);text-decoration:none;border-radius:5px;margin-top:10px;color:#444}#sb_instagram #sbi_mod_error .sb_frontend_btn:hover{background:rgba(0,0,0,.15)}#sb_instagram #sbi_mod_error .sb_frontend_btn .fa{margin-right:2px}#sb_instagram.sbi_palette_dark,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lightbox_tooltip,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_share_close,.sbi_header_outside.sbi_header_palette_dark{background-color:rgba(0,0,0,.85);color:rgba(255,255,255,.75)}#sb_instagram.sbi_palette_dark .sbi_caption,#sb_instagram.sbi_palette_dark .sbi_meta,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_dark_lightbox .sbi_lb-commentBox p,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details .sbi_lb-caption,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-number,.sbi_header_palette_dark,.sbi_header_palette_dark .sbi_bio{color:rgba(255,255,255,.75)}#sb_instagram.sbi_palette_dark .sbi_expand a,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_dark_lightbox .sbi_lb-commentBox .sbi_lb-commenter,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a p,.sbi_header_palette_dark a{color:#fff}#sb_instagram.sbi_palette_light,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lightbox_tooltip,#sbi_lightbox.sbi_palette_light_lightbox .sbi_share_close,.sbi_header_outside.sbi_header_palette_light{color:rgba(0,0,0,.85);background-color:rgba(255,255,255,.75)}#sb_instagram.sbi_palette_light .sbi_caption,#sb_instagram.sbi_palette_light .sbi_meta,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_light_lightbox .sbi_lb-commentBox p,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details .sbi_lb-caption,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-number,.sbi_header_palette_light,.sbi_header_palette_light .sbi_bio{color:rgba(0,0,0,.85)}#sb_instagram.sbi_palette_light .sbi_expand a,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_light_lightbox .sbi_lb-commentBox .sbi_lb-commenter,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a p,.sbi_header_palette_light a{color:#000}@media all and (max-width:800px){#sb_instagram.sbi_tab_col_10 #sbi_images{grid-template-columns:repeat(10,1fr)}#sb_instagram.sbi_tab_col_9 #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_tab_col_8 #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_tab_col_7 #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_tab_col_6 #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_tab_col_5 #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_tab_col_4 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_tab_col_3 #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_tab_col_2 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_tab_col_1 #sbi_images{grid-template-columns:1fr}}@media all and (max-width:480px){#sb_instagram.sbi_col_10 #sbi_images,#sb_instagram.sbi_col_10.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_3 #sbi_images,#sb_instagram.sbi_col_3.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_4 #sbi_images,#sb_instagram.sbi_col_4.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_5 #sbi_images,#sb_instagram.sbi_col_5.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_6 #sbi_images,#sb_instagram.sbi_col_6.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_7 #sbi_images,#sb_instagram.sbi_col_7.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_8 #sbi_images,#sb_instagram.sbi_col_8.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_9 #sbi_images,#sb_instagram.sbi_col_9.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_mob_col_1 #sbi_images{grid-template-columns:1fr}#sb_instagram.sbi_mob_col_2 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_mob_col_3 #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_mob_col_4 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_mob_col_5 #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_mob_col_6 #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_mob_col_7 #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_mob_col_8 #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_mob_col_9 #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_mob_col_10 #sbi_images{grid-template-columns:repeat(10,1fr)}}#sb_instagram #sbi_images .sbi_item.sbi_num_diff_hide{display:none!important}body:after{content:url(//foreyesoptical.ca/wp-content/plugins/instagram-feed/img/sbi-sprite.png);display:none}.sbi_lightboxOverlay{position:absolute;top:0;left:0;z-index:99999;background-color:#000;opacity:.9;display:none}.sbi_lightbox{position:absolute;left:0;width:100%;z-index:100000;text-align:center;line-height:0;font-weight:400}.sbi_lightbox .sbi_lb-image{display:block;height:auto;max-width:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;object-fit:contain}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-image{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-ms-border-radius:3px 0 0 3px;-o-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.sbi_lb-outerContainer{position:relative;background-color:#000;width:250px;height:250px;margin:0 auto 5px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.sbi_lb-container-wrapper{height:100%}.sbi_lb-container{position:relative;top:0;left:0;width:100%;height:100%;bottom:0;right:0}.sbi_lb-loader{position:absolute;width:100%;top:50%;left:0;height:20px;margin-top:-10px;text-align:center;line-height:0}.sbi_lb-loader span{display:block;width:14px;height:14px;margin:0 auto;background:url(//foreyesoptical.ca/wp-content/plugins/instagram-feed/img/sbi-sprite.png) no-repeat}.sbi_lb-container>.nav{left:0}.sbi_lb-nav a{position:absolute;z-index:100;top:0;height:90%;outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.sbi_lb-next,.sbi_lb-prev{height:100%;cursor:pointer;display:block}.sbi_lb-nav a.sbi_lb-prev{left:-70px;float:left;transition:opacity .2s}.sbi_lb-nav a.sbi_lb-next{right:-70px;float:right;transition:opacity .2s}.sbi_lb-nav span{display:block;top:55%;position:absolute;left:20px;width:34px;height:45px;margin:-25px 0 0;background:url(//foreyesoptical.ca/wp-content/plugins/instagram-feed/img/sbi-sprite.png) no-repeat}.sbi_lb-nav a.sbi_lb-prev span{background-position:-53px 0}.sbi_lb-nav a.sbi_lb-next span{left:auto;right:20px;background-position:-18px 0}.sbi_lb-dataContainer{margin:0 auto;padding-top:10px;width:100%;font-family:"Open Sans",Helvetica,Arial,sans-serif;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-outerContainer{position:relative;padding-right:300px;background:#fff;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-container-wrapper{position:relative;background:#000}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-dataContainer{width:300px!important;position:absolute;top:0;right:-300px;height:100%;bottom:0;background:#fff;line-height:1.4;overflow:hidden;overflow-y:auto;text-align:left}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commentBox{display:block!important;width:100%;margin-top:20px;padding:4px}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-number{padding-bottom:0}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-caption{width:100%;max-width:100%;margin-bottom:20px}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-caption .sbi_caption_text{display:inline-block;padding-top:10px}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-comment{display:block!important;width:100%;min-width:100%;float:left;clear:both;font-size:12px;padding:3px 20px 3px 0;margin:0 0 1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter{font-weight:700;margin-right:5px}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commentBox p{text-align:left}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-dataContainer{box-sizing:border-box;padding:15px 20px}.sbi_lb-data{padding:0 4px;color:#ccc}.sbi_lb-data .sbi_lb-details{width:85%;float:left;text-align:left;line-height:1.1}.sbi_lb-data .sbi_lb-caption{float:left;font-size:13px;font-weight:400;line-height:1.3;padding-bottom:3px;color:#ccc;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}.sbi_lb-data .sbi_lb-caption a{color:#ccc;font-weight:700;text-decoration:none}.sbi_lb-commenter:hover,.sbi_lb-data .sbi_lb-caption .sbi_lightbox_username:hover p,.sbi_lb-data .sbi_lb-caption a:hover{color:#fff;text-decoration:underline}.sbi_lb-data .sbi_lb-caption .sbi_lightbox_username{float:left;width:100%;color:#ccc;padding-bottom:0;display:block;margin:0 0 5px}#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-number,#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a,#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a:hover,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter:hover,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption .sbi_lightbox_username p,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption .sbi_lightbox_username:hover p,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption a,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption a:hover,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_username{color:#333}.sbi_lightbox .sbi_lightbox_username img{float:left;border:none;width:32px;height:32px;margin-right:10px;background:#666;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}.sbi_lightbox_username p{float:left;margin:0;padding:0;color:#ccc;line-height:32px;font-weight:700;font-size:13px}.sbi_lb-data .sbi_lb-number{display:block;float:left;clear:both;padding:5px 0 15px;font-size:12px;color:#999}.sbi_lb-data .sbi_lb-close{display:block;float:right;width:30px;height:30px;font-size:18px;color:#aaa;text-align:right;outline:0;opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.sbi_lb-data .sbi_lb-close:hover{cursor:pointer;opacity:1;color:#fff}.sbi_lb-nav{top:0;left:0;width:100%;z-index:10;height:auto}.sbi-feed-block-cta,.sbi-feed-block-cta-img-ctn{width:100%!important;position:relative!important}.sbi_lightbox .sbi_owl-item:nth-child(n+2) .sbi_video{position:relative!important}.sbi_lb-container{padding:0}.sbi-feed-block-cta{border:1px solid #e8e8eb!important;border-radius:2px!important;text-align:center!important}.sbi-feed-block-cta-img-ctn{float:left!important;display:flex!important;justify-content:center!important;align-items:center!important;margin-top:50px!important;margin-bottom:35px!important}.sbi-feed-block-cta-img{width:65px!important;height:65px!important;position:relative!important;border:2px solid #dcdde1!important;border-radius:16px!important;-webkit-transform:rotate(-3deg)!important;transform:rotate(-3deg)!important;display:flex!important;justify-content:center!important;align-items:center!important}.sbi-feed-block-cta-img span svg{float:left!important}.sbi-feed-block-cta-img>*{-webkit-transform:rotate(3deg)!important;transform:rotate(3deg)!important}.sbi-feed-block-cta-logo{position:absolute!important;right:-15px!important;bottom:-19px!important;z-index:1!important}.sbi-feed-block-cta-heading{font-size:19px!important;padding:0!important;margin:0 0 30px!important;display:inline-block!important;width:100%!important;font-weight:700!important;line-height:1.4em!important}.sbi-feed-block-cta-btn{background:#0068a0!important;border-radius:2px!important;padding:8px 20px 8px 38px!important;cursor:pointer!important;color:#fff!important;position:relative!important;margin-bottom:30px!important}.sbi-feed-block-cta-btn:after,.sbi-feed-block-cta-btn:before{content:''!important;position:absolute!important;width:2px!important;height:12px!important;background:#fff!important;left:20px!important;top:14px!important}.sbi-feed-block-cta-btn:after{-webkit-transform:rotate(90deg)!important;transform:rotate(90deg)!important}.sbi-feed-block-cta-desc{display:flex!important;justify-content:center!important;align-items:center!important;padding:20px!important;background:#f9f9fa!important;border-top:1px solid #e8e8eb!important;margin-top:35px!important;flex-direction:column!important}.sbi-feed-block-cta-desc strong{color:#141b38!important;font-size:16px!important;font-weight:600!important;margin-bottom:8px!important}.sbi-feed-block-cta-desc span{color:#434960!important;font-size:14px!important;line-height:1.5em!important;padding:0 20%!important}.sbi-feed-block-cta-desc span a,.sbi-feed-block-cta-selector span a{text-transform:capitalize!important;text-decoration:underline!important;font-weight:600!important}.sbi-feed-block-cta-selector{width:100%!important;padding:0 20%!important;display:flex!important;justify-content:center!important;align-items:center!important;flex-direction:column!important;margin-bottom:45px!important}.sbi-feed-block-cta-feedselector{border:1px solid #d0d1d7!important;padding:8px 16px!important;margin-bottom:15px!important;max-width:100%!important;min-width:400px!important}.sbi-feed-block-cta-selector span{color:#2c324c!important}.sbi-feed-block-cta-selector span a:after{color:#2c324c!important;margin-left:2px!important;font-weight:400!important;text-decoration-color:#fff!important}.sbi-feed-block-cta-selector span a:first-of-type:after{content:','!important}.sbi-feed-block-cta-selector span a:nth-of-type(2):after{content:'or'!important;margin-left:5px!important;margin-right:2px!important}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_facebook_feed::before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_instagram_feed::before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_twitter_feed::before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_youtube_feed::before{content:''!important;height:16px!important;font-variant:normal!important;background-position:center center!important;background-repeat:no-repeat!important}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_facebook_feed::before{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9056 18.109H13.4056V17.609H12.9056V18.109ZM9.79722 18.109H9.29722V18.609H9.79722V18.109ZM9.79722 14.5601V14.0601H9.29722V14.5601H9.79722ZM12.9056 14.5601V15.0601H13.4056V14.5601H12.9056ZM20.2604 7.32764H20.7604V6.90407L20.3426 6.83444L20.2604 7.32764ZM20.2604 10.3503V10.8503H20.7604V10.3503H20.2604ZM16.7237 14.5601H16.2237V15.0601H16.7237V14.5601ZM20.1258 14.5601L20.6199 14.6367L20.7094 14.0601H20.1258V14.5601ZM19.5751 18.109V18.609H20.0035L20.0692 18.1857L19.5751 18.109ZM16.7237 18.109V17.609H16.2237V18.109H16.7237ZM27.0523 14.5601H26.5523L26.5523 14.5612L27.0523 14.5601ZM17.0803 26.6136L16.9877 26.1222L17.0803 26.6136ZM12.5489 26.6139L12.6411 26.1225L12.5489 26.6139ZM14.8147 1.79797C7.80749 1.79797 2.07703 7.51685 2.07703 14.5601H3.07703C3.07703 8.06849 8.36042 2.79797 14.8147 2.79797V1.79797ZM2.07703 14.5601C2.07703 20.7981 6.54984 25.9974 12.4567 27.1053L12.6411 26.1225C7.19999 25.1019 3.07703 20.3097 3.07703 14.5601H2.07703ZM13.4056 26.3139V18.109H12.4056V26.3139H13.4056ZM12.9056 17.609H9.79722V18.609H12.9056V17.609ZM10.2972 18.109V14.5601H9.29722V18.109H10.2972ZM9.79722 15.0601H12.9056V14.0601H9.79722V15.0601ZM13.4056 14.5601V11.8556H12.4056V14.5601H13.4056ZM13.4056 11.8556C13.4056 10.4191 13.8299 9.36825 14.5211 8.67703C15.2129 7.98525 16.2305 7.59512 17.5314 7.59512V6.59512C16.0299 6.59512 14.7346 7.04939 13.814 7.96992C12.893 8.891 12.4056 10.2204 12.4056 11.8556H13.4056ZM17.5314 7.59512C18.1724 7.59512 18.8342 7.65119 19.3401 7.70823C19.592 7.73664 19.8029 7.76502 19.9504 7.78622C20.0241 7.79681 20.0818 7.8056 20.1208 7.81167C20.1402 7.81471 20.155 7.81706 20.1647 7.81863C20.1695 7.81941 20.1731 7.82 20.1754 7.82037C20.1765 7.82056 20.1773 7.82069 20.1778 7.82077C20.178 7.82081 20.1782 7.82083 20.1782 7.82084C20.1783 7.82085 20.1783 7.82085 20.1783 7.82085C20.1783 7.82085 20.1783 7.82085 20.1783 7.82085C20.1782 7.82084 20.1782 7.82084 20.2604 7.32764C20.3426 6.83444 20.3426 6.83443 20.3425 6.83443C20.3425 6.83442 20.3424 6.83441 20.3424 6.83441C20.3423 6.83439 20.3422 6.83437 20.342 6.83435C20.3418 6.8343 20.3414 6.83425 20.341 6.83417C20.3401 6.83403 20.3389 6.83383 20.3373 6.83357C20.3342 6.83307 20.3298 6.83234 20.3241 6.83142C20.3127 6.82958 20.2962 6.82695 20.2749 6.82362C20.2323 6.81698 20.1707 6.8076 20.0927 6.7964C19.9369 6.774 19.7157 6.74425 19.4521 6.71453C18.927 6.65532 18.2243 6.59512 17.5314 6.59512V7.59512ZM19.7604 7.32764V10.3503H20.7604V7.32764H19.7604ZM20.2604 9.85033H18.7185V10.8503H20.2604V9.85033ZM18.7185 9.85033C17.851 9.85033 17.1997 10.1241 16.7742 10.6148C16.3604 11.0922 16.2237 11.7025 16.2237 12.2594H17.2237C17.2237 11.8495 17.3257 11.5053 17.5298 11.2699C17.7224 11.0477 18.0684 10.8503 18.7185 10.8503V9.85033ZM16.2237 12.2594V14.5601H17.2237V12.2594H16.2237ZM16.7237 15.0601H20.1258V14.0601H16.7237V15.0601ZM19.6317 14.4834L19.081 18.0323L20.0692 18.1857L20.6199 14.6367L19.6317 14.4834ZM19.5751 17.609H16.7237V18.609H19.5751V17.609ZM16.2237 18.109V26.3135H17.2237V18.109H16.2237ZM17.1728 27.105C20.0281 26.5671 22.618 25.068 24.5079 22.8512L23.7469 22.2025C22.0054 24.2452 19.6188 25.6266 16.9877 26.1222L17.1728 27.105ZM24.5079 22.8512C26.4793 20.5388 27.5591 17.5977 27.5523 14.559L26.5523 14.5612C26.5586 17.3614 25.5636 20.0715 23.7469 22.2025L24.5079 22.8512ZM27.5523 14.5601C27.5523 7.51685 21.8218 1.79797 14.8147 1.79797V2.79797C21.2689 2.79797 26.5523 8.06849 26.5523 14.5601H27.5523ZM16.2237 26.3135C16.2237 26.8064 16.6682 27.2 17.1728 27.105L16.9877 26.1222C17.119 26.0975 17.2237 26.2006 17.2237 26.3135H16.2237ZM12.4567 27.1053C12.9603 27.1998 13.4056 26.8073 13.4056 26.3139H12.4056C12.4056 26.2001 12.5107 26.098 12.6411 26.1225L12.4567 27.1053Z' fill='%232b87da' /%3E%3Cpath d='M12.9056 18.1088H13.4056V17.6088H12.9056V18.1088ZM9.79724 18.1088H9.29724V18.6088H9.79724V18.1088ZM9.79724 14.5599V14.0599H9.29724V14.5599H9.79724ZM12.9056 14.5599V15.0599H13.4056V14.5599H12.9056ZM20.2604 7.32749H20.7604V6.90392L20.3426 6.83429L20.2604 7.32749ZM20.2604 10.3502V10.8502H20.7604V10.3502H20.2604ZM16.7237 14.5599H16.2237V15.0599H16.7237V14.5599ZM20.1258 14.5599L20.6199 14.6366L20.7094 14.0599H20.1258V14.5599ZM19.5751 18.1088V18.6088H20.0035L20.0692 18.1855L19.5751 18.1088ZM16.7237 18.1088V17.6088H16.2237V18.1088H16.7237ZM13.4056 26.366V18.1088H12.4056V26.366H13.4056ZM12.9056 17.6088H9.79724V18.6088H12.9056V17.6088ZM10.2972 18.1088V14.5599H9.29724V18.1088H10.2972ZM9.79724 15.0599H12.9056V14.0599H9.79724V15.0599ZM13.4056 14.5599V11.8554H12.4056V14.5599H13.4056ZM13.4056 11.8554C13.4056 10.4189 13.8299 9.3681 14.5212 8.67688C15.2129 7.9851 16.2305 7.59497 17.5314 7.59497V6.59497C16.0299 6.59497 14.7346 7.04924 13.814 7.96977C12.893 8.89085 12.4056 10.2202 12.4056 11.8554H13.4056ZM17.5314 7.59497C18.1724 7.59497 18.8342 7.65103 19.3401 7.70808C19.592 7.73648 19.803 7.76487 19.9504 7.78607C20.0241 7.79666 20.0819 7.80545 20.1208 7.81152C20.1402 7.81455 20.155 7.81691 20.1647 7.81848C20.1695 7.81926 20.1731 7.81984 20.1754 7.82022C20.1765 7.8204 20.1773 7.82054 20.1778 7.82061C20.178 7.82065 20.1782 7.82068 20.1783 7.82069C20.1783 7.8207 20.1783 7.8207 20.1783 7.8207C20.1783 7.8207 20.1783 7.82069 20.1783 7.82069C20.1782 7.82069 20.1782 7.82068 20.2604 7.32749C20.3426 6.83429 20.3426 6.83428 20.3425 6.83427C20.3425 6.83427 20.3424 6.83426 20.3424 6.83425C20.3423 6.83424 20.3422 6.83422 20.3421 6.8342C20.3418 6.83415 20.3414 6.83409 20.341 6.83402C20.3401 6.83387 20.3389 6.83367 20.3374 6.83342C20.3343 6.83291 20.3298 6.83219 20.3241 6.83127C20.3127 6.82943 20.2962 6.82679 20.2749 6.82347C20.2324 6.81683 20.1707 6.80745 20.0927 6.79624C19.9369 6.77385 19.7158 6.7441 19.4522 6.71438C18.927 6.65516 18.2244 6.59497 17.5314 6.59497V7.59497ZM19.7604 7.32749V10.3502H20.7604V7.32749H19.7604ZM20.2604 9.85018H18.7185V10.8502H20.2604V9.85018ZM18.7185 9.85018C17.8511 9.85018 17.1997 10.1239 16.7743 10.6146C16.3604 11.092 16.2237 11.7024 16.2237 12.2592H17.2237C17.2237 11.8493 17.3257 11.5052 17.5298 11.2697C17.7224 11.0476 18.0684 10.8502 18.7185 10.8502V9.85018ZM16.2237 12.2592V14.5599H17.2237V12.2592H16.2237ZM16.7237 15.0599H20.1258V14.0599H16.7237V15.0599ZM19.6317 14.4833L19.081 18.0322L20.0692 18.1855L20.6199 14.6366L19.6317 14.4833ZM19.5751 17.6088H16.7237V18.6088H19.5751V17.6088ZM16.2237 18.1088V26.366H17.2237V18.1088H16.2237ZM16.4146 26.1752H13.2148V27.1752H16.4146V26.1752ZM16.2237 26.366C16.2237 26.2606 16.3092 26.1752 16.4146 26.1752V27.1752C16.8615 27.1752 17.2237 26.8129 17.2237 26.366H16.2237ZM12.4056 26.366C12.4056 26.8129 12.7679 27.1752 13.2148 27.1752V26.1752C13.3202 26.1752 13.4056 26.2606 13.4056 26.366H12.4056Z' fill='%232b87da'/%3E%3C/svg%3E%0A")}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_instagram_feed::before{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='22' height='22' rx='6' stroke='%232b87da' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='5' stroke='%232b87da' stroke-width='1.5'/%3E%3Ccircle cx='18.5' cy='5.75' r='1.25' fill='%232b87da'/%3E%3C/svg%3E%0A")}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_twitter_feed::before{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.8762 6.78846C27.9345 6.7065 27.8465 6.60094 27.7536 6.63936C27.0263 6.93989 26.26 7.15757 25.4698 7.29241C25.3632 7.31061 25.3082 7.16347 25.3956 7.09969C26.2337 6.48801 26.8918 5.63649 27.2636 4.63802C27.2958 4.55162 27.2014 4.47574 27.1212 4.52123C26.1605 5.06618 25.1092 5.45524 24.0054 5.68842C23.971 5.69568 23.9354 5.68407 23.9113 5.65844C22.9264 4.60891 21.5545 4 19.9999 4C17.0624 4 14.6624 6.4 14.6624 9.3625C14.6624 9.74071 14.702 10.109 14.7724 10.4586C14.7855 10.5235 14.7342 10.5842 14.6681 10.5803C10.3227 10.3231 6.45216 8.2421 3.84135 5.09864C3.79681 5.04501 3.71241 5.0515 3.67879 5.11257C3.26061 5.8722 3.02493 6.75115 3.02493 7.675C3.02493 9.41548 3.84362 10.9704 5.13417 11.9317C5.2141 11.9913 5.17327 12.12 5.07385 12.1129C4.32811 12.0597 3.63173 11.835 3.00827 11.5171C2.99303 11.5094 2.97493 11.5204 2.97493 11.5375V11.5375C2.97493 13.9896 4.6205 16.0638 6.86301 16.7007C6.96452 16.7295 6.96588 16.8757 6.86218 16.8953C6.25772 17.0096 5.63724 17.0173 5.0289 16.9176C4.95384 16.9052 4.89095 16.9762 4.91633 17.0479C5.26967 18.0466 5.91213 18.9192 6.7637 19.5537C7.58576 20.1661 8.56481 20.5283 9.58351 20.6001C9.67715 20.6067 9.71634 20.7266 9.64124 20.7829C7.78574 22.1744 5.52424 22.9237 3.19993 22.9125C2.91864 22.9125 2.63736 22.9015 2.35608 22.8796C2.25034 22.8714 2.20189 23.0116 2.29272 23.0664C4.58933 24.4509 7.27959 25.25 10.1499 25.25C19.9999 25.25 25.4124 17.075 25.4124 9.9875C25.4124 9.76833 25.4124 9.5598 25.4026 9.34228C25.4011 9.30815 25.4168 9.27551 25.4445 9.2555C26.3819 8.57814 27.1984 7.74079 27.8762 6.78846Z' stroke='%232b87da' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_youtube_feed::before{background-image:url("data:image/svg+xml,%3Csvg width='27' height='20' viewBox='0 0 27 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 13.3267C11 13.4037 11.0834 13.4518 11.15 13.4133L17.3377 9.83658C17.4043 9.79808 17.4043 9.70192 17.3377 9.66342L11.15 6.08673C11.0834 6.0482 11 6.0963 11 6.17331V13.3267ZM25.45 3.7125C25.6125 4.3 25.725 5.0875 25.8 6.0875C25.8875 7.0875 25.925 7.95 25.925 8.7L26 9.75C26 12.4875 25.8 14.5 25.45 15.7875C25.1375 16.9125 24.4125 17.6375 23.2875 17.95C22.7 18.1125 21.625 18.225 19.975 18.3C18.35 18.3875 16.8625 18.425 15.4875 18.425L13.5 18.5C8.2625 18.5 5 18.3 3.7125 17.95C2.5875 17.6375 1.8625 16.9125 1.55 15.7875C1.3875 15.2 1.275 14.4125 1.2 13.4125C1.1125 12.4125 1.075 11.55 1.075 10.8L1 9.75C1 7.0125 1.2 5 1.55 3.7125C1.8625 2.5875 2.5875 1.8625 3.7125 1.55C4.3 1.3875 5.375 1.275 7.025 1.2C8.65 1.1125 10.1375 1.075 11.5125 1.075L13.5 1C18.7375 1 22 1.2 23.2875 1.55C24.4125 1.8625 25.1375 2.5875 25.45 3.7125Z' stroke='%232b87da' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.et-db #et-boc .et-l .et_pb_module .sbi_follow_btn a{border:none;color:#fff;font-size:13px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module .sbi-feed-block-cta-btn:after,.et-db #et-boc .et-l .et_pb_module .sbi-feed-block-cta-btn:before{top:10px!important}