/* Theme Name: editemplate_base Theme URI: http://edinet.info/ Description: Edinet.info Version: 5.18 Author: Edinet Srl */ @import url("css/default-skin/default-skin.css"); @import url("css/bootstrap.min.css"); * { margin: 0px; padding: 0px; border: 0px; line-height: 100% } .clr { clear: both } a { color: #000; text-decoration: none; } a:hover, a:focus { color: #666; text-decoration: none; } .btn { display: block; text-align: center; color: #FFF; background-image: none; border: none; border-radius: 0 } .btn.danger, .btn.alert-danger { background-color: #ad1313} .btn.alert-success { background-color: #40A900; margin-bottom: 10px;} .btn:hover { color: #FFF; background-color: #0d285b; border: none; opacity: 0.8 } .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: 270px; border: none; color: #FFF; font-weight: bold; font-size: 16px; line-height: 18px; padding: 10px 20px; } .wrap-call-to-action .call-to-action:hover { color: #FFF; opacity: 0.8} :focus {outline: 0;} #gmap { height: 600px; z-index: -1} #static-gmap { height: 150px} .btn.offerte { position: absolute; right: 15px; bottom: 20px; } /* 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 { background-color:#009de4; color:#fff; font-size: 14px; padding:10px; text-align:left; } .table-title-background strong { color:#fff !important; font-size: 16px; } /* END TABLE */ /*FIX MENU DA AGGIUNGERE*/ @media screen and (max-width: 592px) { .navmenu.main.pull-right { position: absolute; top: 50%; right: 0; transform: translateY(-5%); height: 200px; } } /*END FIX MENU DA AGGIUNGERE*/ /*================================ Effects and Animations ================================*/ .btn, .wrap-header .logo-desktop, .wrap-header .navmenu ul#wrap-main-menu, .fill-mask.top, .main-content .main-thumb, .wrap-mega-box a.mega-box, .call-to-action, .wrap-header .navmenu ul li a { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; } .foo { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.2s ease; } .box-shadow { -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); } .text-shadow { text-shadow: 0px 0px 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: bold } .pagetitle { font-size: 0.9em; font-weight: normal; color: #666 } .nocomments { display: none } .error { color: #F33} input.error { border-color: #F33 } .read-more-comment { font-weight: 600} .credits-bar { text-align: center; padding: 40px 0} .credits-bar img { display: inline} /*================================ Header ================================*/ .wrap-header { position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 2;} .noslider{height:105px} .admin-bar .wrap-header { top: 32px} .wrap-header .logo-desktop { position: absolute; left: 15px; top: 7px; display: block; background-size: contain; background-repeat: no-repeat; height: 90px; width: 240px; } .wrap-header .navmenu ul { padding: 0;} .wrap-header .navmenu.main > ul { margin: 10px 0 5px 0; } .wrap-header .navmenu ul#wrap-secondary-menu { margin: 15px 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 { padding: 10px 22px 10px 9px} .wrap-header .navmenu > ul > li.menu-item-has-children::after { content: '\f078'; position: absolute; top: 10px; 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 { content: '\f054'; 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: 35px; } .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:hover ul.sub-menu li { display: table; width: 100%; } .wrap-header .navmenu ul li a { display: block; padding: 10px 9px; color: #ffffff; font-size: 15px; font-weight: bold} .wrap-header .navmenu ul li a:hover, .wrap-header .navmenu ul li.current-menu-item a { background: rgba(96, 132, 195, 1); color: #fff} .wrap-header .navmenu ul#wrap-main-menu {background-color: rgba(43,100,129,0.50);} .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 */ } .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 */ } .container, #mega-slider { position: relative} .home .slick-gallery { height: 600px;} .slick-carousel { padding-bottom: 30px; } #mega-slider .mega-slider-item { background-color: #000; position: relative; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; display: block; height: 600px; } #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: 300;} #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 {} #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} .menu-button { cursor: pointer; position: absolute;top: 35px; display: none} .menu-button.btn-lang-switcher { display: block; float: right; position: relative; top: 10px; border: none; z-index:1000;} .menu-button:hover { background: rgba(0,0,0,0.5)} .menu-button i { color: #fff; padding: 5px; top: 0; font-size: 27px; text-align: center; background-color: transparent; } .menu-toggle { right: 5px;} .menu-phone { right: 50px;} body.admin-bar .mobile-menu { top: 123px } .mobile-menu { visibility: visible; top: 95px; left: 0; position: fixed; overflow: hidden; background-color:rgba(96, 132, 195, 0.84); width: 100%; } .mobile-menu li { display: table; vertical-align: middle; width: 50%; float: left; position: relative; height: 50px; border-bottom: 1px solid #402e56; border-right: 1px solid #402e56 } .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: bold; padding: 10px; margin: 0; text-transform: uppercase } .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(8, 19, 47, 0.8)} .wrap-lang-switcher.open { height: 100%; opacity: 1} .wrap-lang-switcher h4 { padding: 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} .pre-menu li { display: inline-block; padding: 10px 0 0 0; font-size: 16px; } .pre-menu li a { color: #fff; font-weight: bold; } .pre-menu li a i { padding: 0 0 0 5px; } /*DA RIMUOVERE*/ /*.pre-menu.pull-right { text-align: right; width: 100%; }*/ /*DA RIMUOVERE*/ /*DA AGGIUNGERE*/ /*SEARCH BAR*/ .pre-menu.pull-right { display: flex; justify-content: end; align-items: center; } .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-search { display: none; float: none; position: absolute; top: 35px; right: 138px; } .search-form-mobile { display: none; } /*END SEARCH BAR*/ /*DA AGGIUNGERE*/ /*================================ Homepage ================================*/ .wrap-mega-box {padding-top: 60px; padding-bottom: 60px;} .wrap-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 {opacity: 0.7} .wrap-mega-box 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} .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 .entry { padding-bottom: 30px} .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; position: relative; } .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} /*================================ Footer ================================*/ footer.credits { text-align: center; padding: 15px 0; height: 60px; position: relative; } footer.credits a {width: 200px; position: absolute; left: 50%; transform: translateX(-50%); } /*================================ 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;} /*================================ entry ================================*/ #wrap-content { background: #f4f7ff;} .main-content {background: #FFF; border-left: 1px solid rgba(0,0,0,0.1); border-right: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1);} .main-content .main-thumb { display: block; height: 350px; 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 0; color: #FFF} .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.cat-header { margin: 15px 0 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 24px 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: bold} .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 { max-width: 100%; height: auto} .wrap-entry-photogallery { border: 1px solid #CCC; padding: 10px; margin-bottom: 25px} .wrap-entry-photogallery a { height: 350px; 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: normal; 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: #f3ece4; margin: 0 0 20px 0; } #contact-form .form-description { margin: 0 0 20px 0; } #contact-form input[type=radio], #contact-form input[type=checkbox] {margin-top:0;} #contact-form legend {font-size:1em; font-weight:bold;} #contact-form .radio_commerciali div.radio {margin-bottom:0;} /*================================ Social Row ================================*/ .social-row {display: table; padding: 10px 0; width: 100%; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea} .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: #1877f1 } .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: #23b3ef } .social-column li a i.fa-facebook { color: #1877f1 } .social-column li a i.fa-google-plus { color: #e04b37 } .social-column li a i.fa-linkedin { color: #0073b2 } .social-column li a i.fa-pinterest { color: #cb2027 } .social-column li a i.fa-envelope { color: #666 } .social-column li a i.fa-whatsapp { color: #65d449 } .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: #23b3ef } .social-column .badge-share-facebook span { background-color: #1877f1 } .social-column .badge-share-gplus span { background-color: #e04b37 } .social-column .badge-share-linkedin span { background-color: #0073b2 } .social-column .badge-share-pinterest span { background-color: #cb2027 } .social-column .badge-share-envelope span { background-color: #666 } .social-column .badge-share-whatsapp span { background-color: #65d449 } .wrap-contact-box { border-bottom: 1px solid #eaeaea; margin-bottom: 20px} .contact-box { text-align: center; margin: 10px 0 10px 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} /*================================ Footer ================================*/ .wrap-footer { padding-bottom: 20px; } .wrap-footer .col-sm-3 { padding-bottom: 20px; padding-top: 20px} .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; opacity: 0.4; } .wrap-footer .footer-title { text-transform: uppercase; font-weight: lighter; font-size: 16px; color:#0f214e; font-weight:900; 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 .menu-site-footer-menu li a:hover { color: #FFF} .wrap-footer .social-links { display: table; width: 100%} .wrap-footer .social-links li { display: block; float: left; padding: 10px; width: 45px; height: 45px; line-height: 33px; margin-right: 10px; text-align: center} .wrap-footer .social-links li:hover { background-color: #ece8e7; } .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} .sb-widget-box.meteo table { margin-bottom: 20px; background-color: rgba(208, 208, 201, 0.28); border-radius: 5px; width: 100%; } .sb-widget-box.meteo table td.temphot span { color: #900; font-weight: bold; font-size: 25px; } .sb-widget-box.meteo table td.tempcold span { color: #09C; font-weight: bold; font-size: 25px; } .sb-widget-box.meteo table td img{ width: 50px; } .sb-widget-box.meteo table td { text-align: center; padding: 10px 0; width: 33%; } /*================================ EVENTI ================================*/ .btn a { display: block; } .btn.red a { color: #FFFFFF; text-transform: uppercase; text-decoration: none; } .btn.red:after { clear: both; content: " "; display: table; } .dettagli-evento.padding { padding: 15px 0; } .dettagli-evento ul { margin: 0; padding: 0; } .dettagli-evento ul>li { margin: 0; list-style: none; } /*================================ NEWSLETTER ================================*/ #wrap-newsletter-box { border-top: 4px solid black;} .newsletters_submit { text-align: center; } .newsletters_submit button { width: 30%; border-radius: 2px!important;} .newsletters_submit button .newsletters-button-label { text-transform: uppercase; } /*================================ 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 */ /*