/* Theme Name: Edicommerce 2018 Theme URI: http://edinet.info/ Author: Edinet Author URI: http://edinet.info/ Description: Version: 1.74 License: All rights reserved Text Domain: editheme */ @import url("css/default-skin/default-skin.css"); @import url("css/bootstrap.css"); /*@import url("css/menu.css");*/ * { margin: 0px; padding: 0px; border: 0px; line-height: 100% } .clr { clear: both } a { color: #000; text-decoration: none; } a:hover, a:focus { color: #7db489; text-decoration: none; } .btn {display: block; text-align: center; color: #FFF; background-image: none; border: none; border-radius: 0; text-decoration: none!important;} .btn.danger { background-color: #ad1313} .btn:hover { color: #FFF; border: none;} .wrap-call-to-action { display: table; width: 100%; padding: 10px 0; margin: 20px 0; } .wrap-call-to-action .call-to-action { text-transform: uppercase; margin: 0 auto; display: block; opacity: 1; text-align: center; width: 230px; border: none; color: #FFF; font-weight: 700; font-size: 16px; line-height: 18px; padding: 10px 20px; } .wrap-call-to-action .call-to-action:hover { color: #FFF; opacity: 0.8} .text-center { text-align: center; } .strike { text-decoration: line-through; } .parallax { background-size: cover; background-position: center center; background-attachment: fixed; box-shadow: inset 0 0 0 1000px rgba(255,255,255,.85)} :focus {outline: 0;} #gmap { height: 600px; z-index: -1;} #static-gmap { height: 150px} /*================================ Effects and Animations ================================*/ .btn, .wrap-header .logo-desktop, .wrap-header .navmenu ul#wrap-main-menu, .main-content .main-thumb, .fill-mask.top , #pre-menu, #main-menu, .topcartt , .menu-button, #mm-mmenu, #click-credits, .topcartt i.fa-shopping-cart, #mmenu { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; } .wrap-header .navmenu .menu-product ul.sub-menu { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .box-shadow { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } .text-shadow { text-shadow: 0 0 2px rgba(150, 150, 150, 1);} /*================================ FIX for Bootstrap and Google Maps Info window styes problem ================================*/ img[src*="gstatic.com/"], img[src*="googleapis.com/"] { max-width: none; } /*================================ Start WP ================================*/ .aligncenter { display: block; margin: 10px auto } .alignleft { float: left; margin: 0 10px 5px 0 } .alignright { float: right; margin: 0 0 5px 10px } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 0.5em; line-height: 17px; padding: 0 4px 5px; margin: 0; } .more-link { display: block; text-align: right; margin: 20px 0; color: #0E3A1D; font-weight: 700 } .pagetitle { font-size: 0.9em; font-weight: 400; color: #666 } .nocomments { display: none } .error { color: #F33} input.error { border-color: #F33 } .read-more-comment { font-weight: 700} .credits-bar { text-align: center; padding: 40px 0} .credits-bar img { display: inline} /*================================ TABLE ================================*/ .table { width:100%} .table-background { background-color:#EAEAEA; text-align:left; padding:10px;} .table-no-background { text-align:left; padding:10px;} .table-title-background { color:#fff; font-weight:700; padding:10px; text-align:left; } /*================================ Header ================================*/ .wrap-header { position: fixed; top: 0; left: 0; width: 100%; height: 60px; z-index: 10;} .scrolling .wrap-header { height: 60px; } .wrap-footer .logo-footer { max-width: 250px;} .admin-bar .wrap-header { top: 32px} .wrap-header .logo-desktop { position: absolute; left: 15px; top: 5px; display: block; background-size: contain; background-repeat: no-repeat; background-position: center; width: 240px; height: 75px; } .scrolling .wrap-header .logo-desktop { height: 50px; } .wrap-header .navmenu ul#wrap-secondary-menu { margin: 10px 0 0 0; display: table; float: right; } .wrap-header .navmenu ul li { display: block; position: relative; list-style: none; padding: 0; float: left; margin: 0} .wrap-header .navmenu > ul > li.menu-item-has-children a, .wrap-header .navmenu > ul > li.menu-product > a { padding: 10px 25px 10px 15px;} .wrap-header .navmenu > ul > li.menu-item-has-children::after, .wrap-header .navmenu > ul > li.menu-product::after { content: '\f078'; color: black; position: absolute; top: 8px; right: 10px; font-family: "Font Awesome 5 Free"; font-weight: 400; font-size: 10px;} .wrap-header .navmenu ul li ul li.menu-item-has-children::after, .wrap-header .navmenu ul li ul li.menu-product::after { content: '\f054'; color: black; position: absolute; top: 10px; right: 10px; font-family: "Font Awesome 5 Free"; font-weight: 400; font-size: 10px;} .wrap-header .navmenu ul ul.sub-menu { display: none; position: absolute; left: 0; top: 32px; } .wrap-header .navmenu ul ul.sub-menu li a { border: none !important} .wrap-header .navmenu ul li:hover > ul.sub-menu, .wrap-header .navmenu ul li a { display: block;} .wrap-header .navmenu ul li:hover ul.sub-menu li { display: block; width: 100%} .wrap-header .navmenu ul li:hover ul.sub-menu li a:hover { color: white; } .wrap-header .navmenu ul li ul li ul.sub-menu {left: 100%; top:0} .wrap-header .navmenu > ul > li > a { display: block; padding: 10px; color: #FFF; font-size: 12px; font-weight: 700; text-transform: uppercase;} .gradient-mask.top { position: absolute; display: block; width: 100%; height: 95px; background: -moz-linear-gradient(top, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ z-index: -1; } .gradient-mask.bottom { position: absolute; display: block; width: 100%; height: 95px; bottom: 0; z-index: 7; background: -moz-linear-gradient(bottom, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to top, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } #pre-menu { position: absolute; right: 0px; top: 0; height: 40px; /*margin-right: 50px; */} .scrolling #pre-menu { top: -50px; } .admin-bar #pre-menu { } #pre-menu li { display: inline-block; padding: 17px 10px 0 0; color: white; font-size: 16px; line-height: 20px; } #pre-menu li a { font-size: 18px; } #pre-menu li:last-child { padding-right: 0; } #pre-menu .fa-phone-square { padding-right: 5px; /*font-size: 30px;*/ } /*.pre-menu i { font-size: 30px; }*/ #pre-menu img { width: 33px; padding-bottom: 8px; } #socialbar-header { padding: 0 12px; } #main-menu { margin: 20px -15px 0; } #mmenu { margin-top:32px; } .scrolling #mmenu { margin-top: 8px; } .container, #mega-slider { position: relative} #mega-slider, #mega-slider .mega-slider-item{height: 700px; box-sizing: content-box;} .non-home #mega-slider, .non-home #mega-slider .mega-slider-item {height: 350px; box-sizing: content-box; overflow: hidden;} #mega-slider .mega-slider-item { background-color: #000; position: relative; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; display: block } #mega-slider .mega-slider-item.is_photoswipe { cursor: pointer} #mega-slider .mega-slider-item figcaption { position: absolute; color: #FFF; text-transform: uppercase; bottom: 100px; width: 100%; text-align: center; z-index: 8; } #mega-slider .mega-slider-item figcaption h4 { margin: 0; padding: 2px 10px; background: rgba(0,0,0,0.60); color: #FFF; display: inline; font-size: 24px; line-height: 35px; font-weight: 400;} #mega-slider .mega-slider-item .wrap-read-more { position: absolute; color: #FFF; text-transform: uppercase; bottom: 40px; width: 100%; text-align: center; z-index: 8; } #mega-slider .mega-slider-item .read-more {text-align: center; min-width: 150px; text-transform: uppercase; font-weight: 700; margin: 0 auto; display: inline-block;} /*#buynow { display: inline-block; padding: 10px 15px; background-color: rgba(255, 255, 255, 0.8); font-weight: 700; font-size: 20px; margin-top: 5px; border: 1px solid white; } */ #mega-slider .mega-slider-item span.expand { position: absolute; bottom: 20px; right: 20px; z-index: 9; cursor: pointer; border: 1px solid #FFF; padding: 10px} #mega-slider .mega-slider-item span.expand:hover { border: 1px solid #FFF; background: rgba(0,0,0,0.20)} #mega-slider .mega-slider-item span.expand i { font-size: 30px; color: #FFF} .fill-mask.top { position: absolute; display: block; width: 100%; height: 84px; box-shadow: 0px 0px 10px #CCC; } .scrolling .fill-mask.top { height: 55px; } .menu-button { cursor: pointer; position: absolute;top: 30px; display: none} .scrolling .menu-button { top: 8px; } .menu-button:hover { background: rgba(0,0,0,0.5)} .menu-button i { color: #c30; padding: 5px; top: 0; font-size: 26px; width: 35px; text-align: center; } .search-form-mobile { display: none; } body.admin-bar .mobile-menu { top: 123px } .mobile-menu { visibility: visible; top: 65px; left: 0; position: fixed; overflow: hidden; background: rgba(0,0,0,0.9); width: 100%; } .mobile-menu li { display: table; vertical-align: middle; width: 50%; float: left; position: relative; height: 50px; border-bottom: 1px solid #1A1A1A; border-right: 1px solid #1A1A1A } .mobile-menu li a { color: #FFF; text-transform: uppercase; display: table-cell; vertical-align: middle; text-align: center; line-height: 16px; font-size: 12px; width: 100%; } .mobile-menu.close { visibility: hidden; height: 0} .mobile-menu.open { visibility: visible; height: 100%} .alert-row { background-color: #D70003; color: #FFF; text-align: center; font-weight: 700; padding: 10px; margin: 0; text-transform: uppercase } .wrap-header .navmenu .menu-product ul.sub-menu { display: table; z-index: -1; left: -1px; top: -1000px; width: 100.5%; position: fixed; padding: 20px 10%; box-shadow: inset 0 0 0 1000px rgba(255,255,255,.55); } .wrap-header .navmenu .menu-product ul.sub-menu li a { border: none !important; font-size: 13px;} .wrap-header .navmenu .menu-product:hover ul.sub-menu,.wrap-header .navmenu .menu-product >a:hover ul.sub-menu, .wrap-header .navmenu .menu-product ul.sub-menu:hover { top: 84px; } .scrolling .wrap-header .navmenu .menu-product:hover ul.sub-menu, .scrolling .wrap-header .navmenu .menu-product >a:hover ul.sub-menu, .scrolling .wrap-header .navmenu .menu-product ul.sub-menu:hover { top: 52px; } .admin-bar .wrap-header .navmenu .menu-product:hover ul.sub-menu, .admin-bar .wrap-header .navmenu .menu-product >a:hover ul.sub-menu, .admin-bar .wrap-header .navmenu .menu-product ul.sub-menu:hover { top: 116px; } .scrolling.admin-bar .wrap-header .navmenu .menu-product:hover ul.sub-menu, .scrolling.admin-bar .wrap-header .navmenu .menu-product >a:hover ul.sub-menu, .scrolling.admin-bar, .wrap-header .navmenu .menu-product ul.sub-menu:hover { top: 84px; } .menu-product .sub-menu { } .menu-product .sub-menu > .menu-product-box{ width: 20%!important; float: left; /*text-transform: uppercase; font-size: 20px;*/ padding: 0 20px; margin-bottom: 20px; } .menu-product .sub-menu > .menu-product-box h4 { margin-bottom: 8px; font-size: 16px; } .menu-product .sub-menu > .menu-product-box li{ font-size: 15px; text-transform: none; margin-bottom: 6px; } .menu-product .sub-menu > .menu-product-featured { width: 40%!important; float: left; padding: 0 20px 20px;} .menu-product .sub-menu > .menu-product-featured .img-back{ background-size: cover; height: 150px; display: block; width: 100%; background-position: center center; } /*.menu-product .sub-menu > .menu-product-featured p, .menu-product .sub-menu > .menu-product-featured img, .menu-product .sub-menu > .menu-product-featured h4 { float: left; }*/ /*.menu-product .sub-menu > .menu-product-featured p, .menu-product .sub-menu > .menu-product-featured h4 { width: 70%; padding: 0 5px; }*/ .vedi-tutti { text-align: left; margin-top: 5px!important; } .vedi-tutti a { color: black!important; font-weight: 700; font-style: italic; } .mm-menu.mm-offcanvas { z-index: 3; } .mm-panels, .mm-panels>.mm-panel { z-index: 300; padding: 0; } .mm-panels>.mm-panel>.mm-listview { width: 100%; margin-bottom: 0; margin-left: 0; margin-right: 0; } .sub-menu.mm-listview h4 { font-size: 14px;} #mm-blocker { background: rgba(0, 0, 0, 0.8)!important; } .mm-opened .menu-button { display: none; } .header_search_form { position:relative; margin-top: 10px; font-size: 1.2em; margin-left: 1em; } .header_search_form input { outline: none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .header_search_form input:focus { border: 1px solid #ccc !important; } .header_search_form a:link, .header_search_form a:visited, .header_search_form a:hover, .header_search_form a:focus, .header_search_form a:active { color:#54361a; text-decoration:none; } .header_search_box_container { position:absolute; display:none; margin:.5em; background-color:#fff; border:2px solid #54361a; z-index:120; } .menu-button.btn-lang-switcher { display: block; float: right; position: relative; top: 0; border: none; z-index:100;} .menu-button.btn-lang-switcher i{font-size:22px} .lang-switcher .flag , .btn-lang-switcher .flag { opacity: 0; background-size: cover; margin: 0; background-color: #FFF; border-radius: 3px; right: 10px; bottom: 2px} .lang-switcher .flag.close, .btn-lang-switcher .flag.close { opacity: 0 !important} ul#main-menu li.right a span.flag { width: 20px; height: 20px; position: absolute; top: inherit;} .btn-lang-switcher .flag { right: 0; width: 15px; height: 15px; position: absolute;} .lang-switcher.lang-it .flag, .btn-lang-switcher.lang-it .flag { background-image: url(img/flag/it.gif); opacity: 1} .lang-switcher.lang-de .flag, .btn-lang-switcher.lang-de .flag { background-image: url(img/flag/de.gif); opacity: 1} .lang-switcher.lang-en .flag, .btn-lang-switcher.lang-en .flag { background-image: url(img/flag/en.gif); opacity: 1} .lang-switcher.lang-en .flag, .btn-lang-switcher.lang-fr .flag { background-image: url(img/flag/fr.gif); opacity: 1} .lang-switcher.lang-ru .flag, .btn-lang-switcher.lang-ru .flag { background-image: url(img/flag/ru.gif); opacity: 1} .wrap-lang-switcher { z-index: 99; height: 0; opacity: 0; overflow: hidden; position: fixed; left: 0; top:0; width: 100%; background: rgba(0,0,0,0.8)} .wrap-lang-switcher.open { height: 100%; opacity: 1} .wrap-lang-switcher h4 { padding: 180px 0 30px 0; text-align: center; margin: 0; color: #FFF; text-transform: uppercase} .wrap-lang-switcher .select-lang { width: 300px; margin: 0 auto; display: block; padding: 10px} /*================================ Homepage ================================*/ .wrap-mega-box { padding-top: 60px; padding-bottom: 60px; display: block; width: 100%} .wrap-mega-box a.mega-box, a.mega-box { background-color: #a09898; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; display: block; height: 185px; position: relative;} .wrap-mega-box a.mega-box:hover, a.mega-box:hover { opacity: 0.7} .wrap-mega-box a.mega-box h2, a.mega-box h2 { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; color: #FFF; margin: 0; font-size: 19px; letter-spacing: 2px; text-transform: uppercase; padding: 10px 0} .wrap-mega-box.hover-effect a.mega-box h2 { height: 100%; padding: 120px 20px} .wrap-mega-box.three-columns a.mega-box { height: 250px} .mega-box-title { text-align: center; margin: 0; padding: 0 0 30px 0; font-size: 35px; text-transform: uppercase; line-height: 37px;} .mega-box-description { text-align: center} .wrap-mega-box.welcome {background-color: #ffffff;} .wrap-mega-box.welcome .entry { padding-bottom: 30px} .wrap-mega-box.box-offerte { background-color: transparent; } .wrap-mega-box.social-bar { text-align: center } .wrap-mega-box.social-bar .col-sm-12 { width: 300px; margin: 0 auto; float: none} .wrap-mega-box.social-bar h4 { margin: 15px auto; text-transform: uppercase; display: block; float: left } .wrap-mega-box.social-bar ul { padding: 0; margin: 0; display: block; float: right } .wrap-mega-box.social-bar li { list-style: none; display: inline-block; } .wrap-mega-box.social-bar li a { display: block; padding: 0 5px; } .wrap-mega-box.social-bar li i { font-size: 50px;color: #333; } /*================================ Page Category Type ================================*/ .wrap-category .category-item { padding-bottom: 20px; padding-top: 20px; border-bottom: 1px dotted #CCC} .wrap-category .category-item h2 { margin: 0 0 20px 0} .wrap-category .category-item .thumb { height: 170px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; display: block} .wrap-category .category-item .thumb:hover { opacity: 0.8} .wrap-category .default-navigation { text-align: center; margin: 10px 0; width: 100%; clear: both} .wrap-category .page-numbers { background-color: #FCFCFC; font-size: 20px; color: #777;padding: 4px 10px;border: solid #CAC9C9 1px;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px; display: inline-block;text-decoration: none;} .wrap-category .page-numbers:hover { background-color: #4e4e4e; color: #FFF} .wrap-category .page-numbers.current{ text-decoration: none; background-color: #4e4e4e;color: #fff;border: solid #4e4e4e 1px; } .wrap-category .entry { margin: 0} /*================================ Sidebar ================================*/ .sidebar .action-btn li { background: #eff3f8; border-style: solid; border-color: #dfe7f0; border-width: 0 0 1px 0; display: table; height: 50px; width: 100%; position: relative; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sidebar .action-btn li a { display: table-cell; vertical-align: middle; padding: 0 30px 0 20px; text-transform: uppercase; font-size: 16px; line-height: 1.2; letter-spacing: 1px; color: #0a1d3b; } .sidebar .action-btn li a:hover, .action-btn li.current-menu-item { background-color: #dfe7f0 } .sidebar .action-btn li::after { content: "»"; font-family: 'ficon'; font-size: 14px; height: 50px; line-height: 51px; position: absolute; right: 15px; top: 0;} .sidebar .widget.facebook { padding-bottom: 10px; min-height: 175px } .wrap-sidebar { top: 90px;} .product-sidebar { margin-top: 20px; } .product-sidebar .widget-title { font-size: 16px; text-transform: uppercase;} .panel-group .panel { border-radius: 0; } .panel-default { border-color: transparent; } .panel-default>.panel-heading { border-radius: 0; border-color: transparent; color:#FFF} .panel { box-shadow: none; } .panel-body { padding: 0; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #514a3f!important; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #b3b5ac!important; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {padding-top:10px!important} .woocommerce-product-search label { display: none; } .woocommerce-product-search #woocommerce-product-search-field-0 { width: 100%; padding: 8px 5px; border: 1px solid #dadcd0!important; border-radius: 4px; margin-bottom: 5px; } .woocommerce-product-search input[type=submit], .woocommerce-product-search button[type=submit] { padding: 12px 16px; font-size: 16px; width: 100%; color: #FFF; font-weight: 700; text-transform: uppercase;} .product-sidebar h4.panel-title, #brands ul > li > a { text-transform: uppercase; } li.cat-item {margin-left: 15px; margin-bottom: 5px;} /*================================ entry ================================*/ #wrap-content { background: #FFF;} .main-content {background: #FFF; box-shadow: 0 0 1px rgba(0,0,0,0.3);} .main-content .main-thumb { display: block; height: 300px; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; background-color: #000; margin-bottom: 15px} .main-content .main-thumb:hover { opacity: 0.7} .page-title { text-align: center; margin: 0; padding: 10px; color: #FFF} h1, h2, h3, h4, h5, h6, h7, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a { font-weight: 700; } .entry table { display: table !important; width: 100%; } .entry p { font-size: 16px; -webkit-font-smoothing: antialiased; line-height: 21px; padding: 0 0 10px 0; margin: 0; } .entry ul { font-size: 16px; -webkit-font-smoothing: antialiased; line-height: 21px; padding: 0 0 10px 0; margin: 0; } .non-home .entry { margin: 30px 0} .entry ul li { list-style: disc; } .entry a { text-decoration: underline} .entry ul, .entry ol { margin: 0 0 15px 30px} .entry p, .entry ul, .entry ul li, .entry ol { font-size: 16px; line-height: 24px; color: #564c4c; font-weight: 400} .entry p { padding: 0 0 15px 0; } .entry li { font-size: 15px; line-height: 24px; margin: 0 5px 4px 0; } .entry h1 { margin: 0 0 30px 0; font-size: 30px; line-height: 35px; } .entry h2 { margin: 0 0 21px 0; font-size: 26px; line-height: 32px; } .entry h3 { margin: 0 0 19px 0; font-size: 23px; line-height: 28px; } .entry h3.photogallery-title { padding-bottom: 10px; margin: 0 0 10px 0; color: #666; text-align: center; font-size: 23px; border-bottom: 1px solid #CCC } .entry h4 { margin: 0 0 16px 0; font-size: 18px; } .entry h5 { margin: 0 0 12px 0; font-size: 14px; } .entry h6 { margin: 0 0 8px 0; font-size: 12px; } .entry b, .entry strong { font-weight: 700} .entry .thumb { float: left; margin: 0 10px 10px 0} .entry blockquote {padding: 10px 20px;margin: 0 0 20px 10%;border-left: 5px solid #eee; font-style: italic;color: #666; } .entry blockquote p { padding: 0 0 15px 0} .entry iframe, .entry object { width: 100%; display: block} .entry img { width: 100%; height: auto} .entry .featured-image a { display: block; height: 500px; background-size: contain; background-position: center center; background-repeat: no-repeat; margin-bottom: 15px} .wrap-entry-photogallery { border: 1px solid #CCC; padding: 10px; margin-bottom: 25px} .wrap-entry-photogallery a { height: 300px; display: block; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat} .wrap-entry-photogallery figure { position: relative} .wrap-entry-photogallery figcaption { position: absolute; width: 100%; color: #FFF; background: rgba(0,0,0,0.60); bottom: 0; text-align: center; display: block; left: 0; padding: 5px 0} .wrap-entry-photogallery ul { margin: 0 } #contact-form {margin: 0 0 20px 0} #contact-form label { font-weight: 400; text-transform: uppercase; font-size: 11px; margin: 0 0 10px 0;} #contact-form .btn { width: 80px; margin: 0 auto; padding: 7px 6px; text-transform: uppercase} #contact-form-loading {background-color: #FFF;background-image: url("/wp-content/themes/editheme/img/ajax-loader.gif");background-position: 50% 50%;background-repeat: no-repeat; opacity: 0.8; height: 30px; display: none; width: 100%;z-index: 999;} #contact-form .form-title { text-transform: uppercase; background-color: #F7F7F7; margin: 0 0 20px 0; } #contact-form .form-description { margin: 0 0 20px 0; } .wrap-contact-box { border-bottom: 1px solid #eaeaea; margin: 20px 0} .contact-box { text-align: center; margin: 0 0 20px 0} .contact-box i { font-size: 40px; margin-bottom: 20px} .contact-box h3 { margin-bottom: 10px} .contact-box ul { margin-bottom: 20px;} .contact-box ul li { display: block; line-height: 20px} /*================================ Social Row ================================*/ .social-row {display: table; padding: 10px 0; width: 100%; border-top: 1px solid #ccc; margin-bottom: 20px;} .social-row ul { margin: 0; padding: 0; text-align: center } .social-row li { list-style: none; display: inline-block; margin: 0 } .social-row li.title { line-height: 40px; color: #666; display: none} .social-row li a { display: block; text-align: center; opacity: 0.8 } .social-row li a:hover { text-decoration: none; opacity: 1; } .social-row li a i { font-size: 33px; line-height: 43px; color: #CCC } .social-row li a i:hover { opacity: 0.9 } .social-row li a span { display: block; width: 41px; height: 41px; } .social-row li a:hover i.fa-twitter { color: #23b3ef } .social-row li a:hover i.fa-facebook { color: #214285 } .social-row li a:hover i.fa-google-plus { color: #e04b37 } .social-row li a:hover i.fa-linkedin { color: #0073b2 } .social-row li a:hover i.fa-pinterest { color: #cb2027 } .social-row li a:hover i.fa-envelope { color: #666 } .social-column { display: none} .social-column ul { margin: 0; padding: 0} .social-column li { list-style: none; margin: 0 0 12px 0 } .social-column li a { display: block; text-align: center} .social-column li a:hover { text-decoration: none} .social-column li a i { font-size: 22px; line-height: 37px} .social-column li a.badge-share-whatsapp { display: none} .social-column li a i.fa-twitter { color: #1da1f2 } .social-column li a i.fa-facebook { color: #3b5998 } .social-column li a i.fa-linkedin { color: #0077b5 } .social-column li a i.fa-pinterest { color: #bd081c } .social-column li a i.fa-envelope { color: #666 } .social-column li a i.fa-whatsapp { color: #25d366 } .social-column li a span { display: block; border-radius: 17px; width: 35px; padding-bottom:env(safe-area-inset-bottom); } .social-column li a { opacity: 0.8} .social-column li a:hover { opacity: 1; color: #FFF} .social-column li a i { color: #FFF !important} .social-column li a i:hover { color: #FFF !important} .social-column .badge-share-twitter span { background-color: #1da1f2 } .social-column .badge-share-facebook span { background-color: #3b5998 } .social-column .badge-share-linkedin span { background-color: #0077b5 } .social-column .badge-share-pinterest span { background-color: #bd081c } .social-column .badge-share-envelope span { background-color: #666 } .social-column .badge-share-whatsapp span { background-color: #25d366 } /*================================ Footer ================================*/ .wrap-footer { padding-bottom: 20px; } .wrap-footer .col-sm-3 { padding-bottom: 20px; padding-top: 20px} .wrap-footer * { color: #c6c8ca} .wrap-footer p { line-height: 20px;font-size: 13px;} .wrap-footer .logo-footer { height: auto; margin-bottom: 20px; max-width: 100%; } .wrap-footer .piva { font-size: 12px; margin-top: 48px; text-align: center; margin-bottom: 0; text-transform: uppercase; } .wrap-footer .footer-title { text-transform: uppercase; font-weight: 700; font-size: 16px; margin: 0 0 20px 0; padding: 0} .wrap-footer .menu-site-footer-menu li { display: block} .wrap-footer .menu-site-footer-menu li a { display: block; line-height: 18px} .wrap-footer .social-links { display: table; width: 100%} .wrap-footer .social-links li { display: block; float: left; padding: 10px; border: 1px solid #CCC; width: 45px; height: 45px; line-height: 33px; margin: 0 10px 10px 0; text-align: center} .wrap-footer .social-links li:hover { background-color: #CCC; } .wrap-footer .social-links li:hover i { color: #0d285b } .wrap-footer .social-links i { font-size: 24px} .wrap-footer .partner { display: table; width: 100%; text-align: right} .wrap-footer .partner li { display: block; margin-bottom: 14px} .wrap-footer .partner li img { max-width: 145px; width: auto} footer.credits { text-align: center; padding: 15px 0; height: 60px; position: relative; } footer.credits a {width: 200px; position: absolute; left: 50%; transform: translateX(-50%); } .fb-page-container { text-align:center; } .fn span {font-weight: 700; font-size: 1.15em;} /*================================ WOOCOMMERCE ================================*/ .noslider{margin-top:85px} .breadcrumbDiv { margin: -35px 0 35px; color: white; padding: 5px 15px; font-size: 20px; font-weight: 400; } .breadcrumbDiv a { color: white; } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before { content: ''!important;} .woocommerce-error, .woocommerce-info, .woocommerce-message {text-align: center; padding: 1em 2em!important;} .topcartt {float: right; border-radius: 0 0 3px 3px; cursor: pointer; text-align: center; color: #212121; text-decoration: none; } .topcartt i.fa-shopping-cart { font-size: 20px; padding: 6px; margin-top: 32px; position:relative} .scrolling .topcartt i.fa-shopping-cart { margin-top: 0;} .topcartt i.fa-shopping-cart > span { position: absolute; top: 0px; right: -5px; color: white; border-radius: 50%; width: 15px; height: 15px; line-height: 15px; font-size: 10px;} .subbcart{ width:300px; height:auto; position:absolute; margin-left:-218px; right:0px; z-index:9999999; cursor:default;} .ilt { width: 100%; padding-top: 7px; padding-bottom: 7px; background-color: #54361a; text-transform: uppercase; color: #fff; line-height: 26px; } .ilt a, .ilt a:hover{ text-decoration: none; color: #fff; font-weight: 700} .iltp a { float: left; width: 26%; margin-right:4%} .iltp h3{float: left; width: 70%; text-align: left; font-size: 16px; margin-top: 0} .iltp p {float: left; width: 70%; text-align: left; font-size: 14px; line-height: 20px;} .iltp{ width:100%; height:auto; float:left; border-bottom:solid 1px #eee; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:10px; } #mycarro {width: 300px; height: auto; overflow: hidden; background-color: #fff; } #carrellovuoto { margin-top: 14px!Important; margin-bottom: 13px!Important; } #myceckout { width: 100% !important; height: 37px !important; background-color: #1F201B !important; display: inline-block !important; color: #fff !important; font-size: 14px !important; text-transform: uppercase !important; line-height: 37px !important; cursor: pointer !important; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; text-decoration: none; color: #fff; font-weight: 700; } .single-product .quantity {position: relative;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .single-product .quantity input { width: 30px!important; height: 35px; line-height: 1.65; float: left; display: block; background-color: #d42a00; color: white; padding: 0; margin: 0 0 0 30px; /*padding-left: 20px;*/ border-top: 0 solid #eee; border-bottom: 0 solid #eee; border-right: 2px solid #eee; border-left: 2px solid #eee; } .single-product .quantity input:focus { outline: 0; } .quantity-nav { /*float: left;*/ position: relative; height: 35px; } .quantity-button { position: relative; cursor: pointer; /*border: 1px solid #eee;*/ width: 30px; text-align: center; color: #ffffff; font-size: 22px; font-family: "Trebuchet MS", Helvetica, sans-serif !important; line-height: 1.7em; /*-webkit-transform: translateX(-100%);*/ /*transform: translateX(-100%);*/ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background-color: #d42a00; } .quantity-button.quantity-up { position: absolute; height: 100%; top: 0; left: 60px; /*border-bottom: 1px solid #eee;*/ border-left: 1px solid white; } .quantity-button.quantity-down { position: absolute; /* bottom: -1px; */ height: 100%; left: 0; border-right: 1px solid white; } #entry-woocommerce { position: relative; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .checkout.woocommerce-checkout input, .checkout.woocommerce-checkout textarea { border: 1px solid lightgray; padding: .5em;} .wc_payment_methods.payment_methods.methods li { list-style: none; } .wc_payment_methods.payment_methods.methods li label img { max-width: 40px; } .box-price { position: absolute; background-color: #a7ffd7; padding: 5px 10px; font-size: 20px; top: -5px; right: -5px; color: #FFF; font-weight: 700; } .woocommerce span.onsale {min-height: 4.5em!important; min-width: 4.5em!important; line-height: 4.5!important; font-size: 1em!important;} .woocommerce div.product div.summary { margin-bottom: 0!important; } .woocommerce-breadcrumb { } .item-description { padding: 0 0 20px; } .item-description h3 { margin-bottom: 20px; margin-top: 10px; } .item-description h4 { margin-bottom: 5px; margin-top: 10px; } .item-description p { font-size: 16px; line-height: 18px;} .product_meta { padding: 0 0 .5em 0; } .moreinfo-title{cursor: pointer;} .woocommerce div.product p.price, .woocommerce div.product span.price { font-size: 20px!important; padding-right: 10px; line-height: 35px;} .woocommerce div.product form.cart .button { float: right!important; } .woocommerce button.button.alt { border-radius: 0; height: 35px; padding: 10px 20px; width: 75%; text-transform:uppercase} .woocommerce a.button{text-transform:uppercase} .woocommerce .woocommerce-breadcrumb { padding: 10px 0!important;} .woocommerce div.product div.images .woocommerce-product-gallery__trigger { z-index: 1!important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 32.5%!important; margin: 0 .8% 2.992em 0!important; } .woocommerce .wrap-mega-box a.mega-box h2, a.mega-box h2 { font-size: 14px; } .related.products { clear: both; } .woocommerce nav.woocommerce-pagination {margin-bottom: 1em;!important;} .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding: .7em 1em!important; } .wrap-woo-title { position: relative; } .archive #entry-woocommerce .page-title { padding: 10px 0 10px; margin-bottom: 15px } /*.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { color: #555; font-size: 16px; box-shadow: none; border: none; text-shadow: none; margin: 1em 0 2em!important; float: inherit!important; } .woocommerce .woocommerce-result-count { margin: 0 0 1em; position: absolute; bottom: -10px; left: 25px; color: white;}*/ .woocommerce ul.products li.product .onsale { right: inherit!important; } .orderby { border: none; box-shadow: none; } .up-sells { clear: both; } .up-sells h2{text-align: center; padding: 20px 0; text-transform: uppercase;} .wrap-related { margin: 40px auto 40px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { z-index: 1; } .woocommerce .widget_shopping_cart {margin-top: 10px;} .woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a, .woocommerce-product-search input[type=submit], .woocommerce-product-search button[type=submit], .header_search_form input, .woocommerce-product-search #woocommerce-product-search-field-0 { border-radius: 0; } .woocommerce .woocommerce-ordering select { font-size: 13px; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {width: 100%;} .woocommerce div.product form.cart .variations td.label {padding-right: 1em; font-size: 14px; vertical-align: middle; color: #555; } .woocommerce select{height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;} .slick-product h2{font-size: 14px; letter-spacing: 1px; text-transform: uppercase; text-align: center; margin: 15px 0;} /* Carrello a due colonne */ .woocommerce-checkout .woocommerce .col2-set .col-1, .woocommerce-checkout .woocommerce .col2-set .col-2 {width:100%; float: left} .woocommerce-checkout .woocommerce .col2-set{width:48%; margin:0 4% 4% 0; float: left} .woocommerce-checkout-review-order{width:48%; float: left} .woocommerce-form__label-for-checkbox{margin-left:20px} .woocommerce-checkout .woocommerce form .form-row .input-checkbox{margin: 8px 8px 0 -20px} /*================================ PhotoSwipe ================================*/ /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; will-change: transform; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /*