/* Theme Name: Animalia Veterinaria Theme URI: http://dechnology.com/ Author: dechiara.org License: GNU General Public License License URI: license.txt Version: 2.0 Template: thunderbolt Copyright 2008 - 2015 dechiara.org This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see /************************* GLOBAL STYLES ***************************/ /* =Global Elements -------------------------------------------------------------- */ @font-face {font-family:'MoreLetters'; font-style:600; font-weight:normal; src: local('MoreLetters'), url(fonts/MoreLetters.ttf) format('truetype');} @font-face {font-family:'TomBats'; font-style:normal; font-weight:normal; src: local('TomBats'), url(fonts/tombats.ttf) format('truetype');} @font-face {font-family:'Sketch'; font-style:normal; font-weight:normal; src: local('Sketch'), url(fonts/Sketch.ttf) format('truetype');} /* Main global 'theme' and typographic styles */ body{background:#fff; font-family:MoreLetters, "Trebuchet MS", Verdana, Arial, "Liberation Sans", FreeSans, sans-serif !important; font-size:13px/1.5;} input[type="text"], textarea{background:#f9f9f9; border:1px solid #ccc; box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); padding:2px;} a{color:#000000; text-decoration:none;} hr{border-color:#000000;} h1, h2, h3, h4, h5, h6{font-family:MoreLetters;} /* Text meant only for screen readers */ .screen-reader-text{position:absolute; left:-9000px;} /* Global ------------------------------------------------------------ */ .bg{background: #fff;} .margin{margin-top:5px;} .height_5{height:5px;} .height_10{height:10px;} .height_15{height:15px;} .height_20{height:20px;} /* First ------------------------------------------------------------- */ #first{margin-top:20px; margin-bottom:70px; padding:20px 40px;} @media only screen and (min-width: 1300px) { #first{padding:10px 20px;} } #title_shop{display:none;} /* Second ------------------------------------------------------------ */ #second{} /* Header ------------------------------------------------------------ */ #header{} #header.container_16{float:left; width:470px;} #header.container_16 .grid_16{float:left; width:450px;} #post-header{display;none;} #logo{background:#fff; display:block;} #masthead{margin-bottom:0px;} /* Menu -------------------------------------------------------------- */ #menu{padding-top:2px; padding-bottom:2px; position:relative; float:right; width:490px; margin-top:25px;} #menu .grid_16{width:470px;} #menu ul{float:right;} #menu ul li{margin-left:0px; border:1px solid #929292; border-left:0px; padding-left:7px; padding-right:7px;} #menu ul li:first-child{border-left:1px solid #929292;} #menu ul li:first-child:before{font-family:Sketch; content:"\0075"; font-size:20px;} #menu ul li:hover{background:rgba(0,0,0,0.4);} #menu ul li ul li:first-child{border-left:none; margin-left:0px;} /* Assistive text */ .assistive-text {position: absolute !important; clip:rect(1px 1px 1px 1px);/* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px);} #access a.assistive-text:active, #access a.assistive-text:focus{background:#eee; border-bottom:1px solid #ddd; color:#1982d1; clip:auto !important; font-size:12px; position:absolute; text-decoration:underline; top:0; left:7.6%;} #access{clear: both; display: block; float: left; margin: 0 auto; width: 100%;} #access ul{font-size: 13px; list-style: none; margin: 0; padding-left: 0;} #access ul li ul li{margin-left:0px;} #access li{float: left; position:relative;} #access a{line-height:3.333em; padding:0 5px; text-decoration:none; font-size:16px;} #access ul ul{display:none; float:left; margin:0; position:absolute; top:3.333em; left:0; width:188px; z-index:99999;} #access ul ul ul{left:100%; top:0;} #access ul ul a{background:#f9f9f9; border-bottom:1px dotted #ddd; color:#444; font-size:13px; font-weight:normal; height:auto; line-height:1.4em; padding:10px 10px; width:100%;} #access li:hover > a, #access ul ul :hover > a, #access a:focus{} #access li:hover > a, #access a:focus{} #access ul li:hover > ul{display: block;} #access .current_page_item > a, #access .current_page_ancestor > a{font-weight:bold;} #access li{margin-left:0px;} /* Search Form ------------------------------------------------------- */ .home #main{border-bottom:1px solid #000;} /* Footer ------------------------------------------------------------ */ #footer{} #footer .grid_16{border-top:1px solid #000000;} #site-info{font-weight:bold; float:left; font-size:14px; width:700px; color:#ccc;} #site-info a{text-decoration:none;} #site-generator{float: right; font-style:italic; position:relative;} #site-generator a{color:#666; display:inline-block; line-height:16px; text-decoration:none; padding-right:2px;} #site-generator a:hover{text-decoration:underline;} img#wpstats{display: block; margin:0 auto 10px;} /* Content ----------------------------------------------------------- */ #main{clear:both; overflow:hidden; margin-top:10px;} .thumbnail-content{margin-bottom:20px;} #content{} #content input, #content textarea{color:#333;} #content p, #content ul, #content ol, #content dd, #content pre, #content hr{ margin-bottom: 24px;} #content ul ul, #content ol ol, #content ul ol, #content ol ul{margin-bottom: 0;} #content pre, #content kbd, #content tt, #content var{font-size:15px; line-height:21px;} #content code{font-size:13px;} #content dt, #content th{ color:#000;} #content h1, #content h2, #content h3, #content h4, #content h5, #content h6{line-height:1.5em; margin:0px 0 0px 0;} #content h1.entry-title{text-transform:uppercase;} #content table{border:1px solid #e7e7e7; margin:0 -1px 24px 0; text-align:left; width:100%;} #content tr th, #content thead th{color:#888; font-size:12px; font-weight:bold; line-height:18px;} #content tr td{border-top:1px solid #e7e7e7; padding:6px 15px;} #content tr.odd td{background:#f2f7fc;} /* Product Page ------------------------------------------------------ */ #product{position:relative; float:left;} #product .product-title{position:relative; display:block;} #product .product-photo{position:relative; display:inline-block; float:left;} #product .product-content{position:relative; display:inline-block; float:left; padding:5px;} #product .product-details{position:relative; display:block; float:left; clear:both; margin-top:10px;} #product .product-price{position:relative; display:inline-block; float:left; padding:20px; color:#3D3D3D; width:308px;} #product .product-price .mp_product_price{font-size:25px !important; line-height:45px !important; text-align:center !important;} #product .product-buy-button{position:relative; display:inline-block; float:right; padding:20px; width:308px;} #product .product-buy-button .mp_buy_form{color:#3D3D3D; font-size:25px !important;} #product .product-buy-button .mp_buy_form span.mp_quantity label{padding-top:5px;} #product h4.title-category{position:relative; display:block; margin-top:10px; margin-bottom:5px; font:18px "Trebuchet MS", Verdana, Arial,"Liberation Sans",FreeSans,sans-serif} #product .product-category{position:relative; display:block; float:left; margin-top:10px;} #product h4.title-tags{position:relative; display:block; clear:both; margin-top:10px; margin-bottom:5px; font:18px "Trebuchet MS", Verdana, Arial,"Liberation Sans",FreeSans,sans-serif} #product .product-tags{position:relative; display:block; float:left; margin-top:10px;} /* Sidebars ---------------------------------------------------------- */ .widget-container{margin-bottom:20px; border:1px solid #ccc; padding:5px; box-shadow:1px 1px 1px #c5c5c5;} h3.widget-title{color:#000000; font-family:MoreLetters; min-height:0px !important; margin:5px 0 5px 0; font-size:14px; list-style:none outside none; text-transform:uppercase;} #sidebar ul{list-style:none;margin:0 0 1em;} #sidebar ul ul{margin:0;} #sidebar ul li{margin:4px 0;padding:0 0 0 0;} #sidebar ul ul li{padding:0 0 0 10px;} #sidebar ul a{font-weight:700; text-decoration:none;} #sidebar .widget{margin:0 0 32px;} #sidebar #searchform{position:relative;right:auto;bottom:auto;margin:0;} #sidebar #wp-calendar td{width:32px;text-align:center;padding:4px 2px;} #sidebar tr td{padding:0px;} body.home #search{margin-bottom:10px;} body.home #qsearch{border:1px solid #ccc;} body.home #qsearch input[type="text"]{border:none; width:88%; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; padding:0.96%; margin:0%; background:#fff;} body.home #qsearch input[type="submit"]{border:none; width:10%; display:inline-block; float:right; padding:0.89%;} #home-sidebar h3.widget-title{font-size:50px; margin:0px;} .e-newsletter-widget p{margin-bottom:0px !important; display: inline-block;} label[for='e_newsletter_email']{display:none;} input#e_newsletter_email{padding:5px 8px; width:100%; display:inline-block; height:30px; font-size:150%;} #secondary input#new_subscribe{background: #3498db; background-image: -webkit-linear-gradient(top,#3498db,#2980b9); background-image: -moz-linear-gradient(top,#3498db,#2980b9); background-image: -ms-linear-gradient(top,#3498db,#2980b9); background-image: -o-linear-gradient(top,#3498db,#2980b9); background-image: linear-gradient(to bottom,#3498db,#2980b9); font-family: Arial; color: #fff; font-size: 14px; padding: 10px 20px 10px 20px; text-decoration: none;} #sidebar {line-height:1.5em;} #sidebar #primary{margin-top:0px;} #sidebar #primary a{color:#00B6B2;} #sidebar #primary div:first-child{background:#0B358E; text-align:center; color:#fff;} #sidebar #primary div:first-child p{display:inline-block;} #sidebar #primary div:first-child h3{font-weight:bolder; color:#fff;} #sidebar #primary div:first-child h4{font-size:25px; font-weight:bolder; color:#F59A23;} #sidebar #primary #mp_cart_actions_widget{text-align:right;} #sidebar #primary a.mp_store_link{color:#1D1D1D; text-align:right;} #sidebar #primary h3.widget-title{font-size:14px;} #sidebar #primary .widget-container ul li{margin:0px; padding-top:10px; padding-bottom:10px; background:url(images/icons/16.png) 0% 50% no-repeat; padding-left:20px; border-bottom:1px dotted; background-size:5px;} #sidebar #primary #qsearch{padding:2px 2px 5px 2px; border-bottom:1px solid #000000;} #sidebar #primary #qsearch #searchsubmit{} #sidebar #primary input#s{width:80%; padding:3px; border:none; background:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;} #sidebar #primary #qsearch .btn{border:0px; float:right; margin-top:3px;} #sidebar #primary #wp-calendar{width:100%;} #primary div.textwidget{margin-top:15px;} #sidebar #primary #free_shipping img {width:50px; height:50px;} #sidebar #primary #fast_shipping_all_over img {width:50px !important; height:50px !important; margin-left:0px !important;} #sidebar #primary #one_product_banner img{width:50px !important; height:50px !important;} #sidebar #secondary{} #sidebar #secondary a{color:#B40;} #sidebar #secondary ul{} #sidebar #secondary ul li.widget-container{} #sidebar #secondary ul li h3.widget-title{font-size:25px;} #sidebar #secondary ul li.widget-container ul{list-style:none;} #sidebar #secondary ul li.widget-container ul li{font-size:11px;} #sidebar #secondary #qsearch{background:#fff; padding:2px;} #sidebar #secondary #qsearch .btn{border:0px; float:right; margin-top:3px;} #sidebar #secondary input#s{width:80%; padding:3px;} #sidebar #secondary #wp-calendar{width:100%;} #sidebar #secondary #one_product_banner img{width:50px !important; height:50px !important;} #sidebar-banner{padding-top:20px; padding-bottom:20px;} #sidebar-banner #banner-widget-area{overflow:hidden;} #sidebar-banner #banner-widget-area a{color:#B40;} #sidebar-banner #banner-widget-area .widget-area{float:left;} #sidebar-banner #banner-widget-area ul{list-style:none;} #sidebar-banner #banner-widget-area ul li.widget-container{display:inline-block; float:left; width:297px; height:105px; margin-left:2px; margin-right:2px;} #sidebar-banner #banner-widget-area .byoutique_one_product_banner{background:none !important;} #sidebar-banner #banner-widget-area .byoutique_fast_shipping_all_over{background:none !important;} #sidebar-banner #banner-widget-area ul li h3.widget-title {font-size:14px; list-style:none outside none;text-transform:uppercase; border:none; background:none; padding-right:5px;margin:0 0 5px;} #sidebar-banner #banner-widget-area ul li.widget-container ul li{margin:0px; padding-top:0px; padding-bottom:0px;} #sidebar-banner ul li{margin:4px 0;padding:5px;} #sidebar-banner #banner-widget-area #fourth{margin-right:2px;} #sidebar-banner #banner-widget-area #banner .grid_4{margin-top:0; width:300px; height:90px; color:#fff; font-size:20px;} #sidebar-footer{} #sidebar-footer #entire-footer-widget-area{overflow:hidden;} #sidebar-footer #entire-footer-widget-area a{} #sidebar-footer #entire-footer-widget-area .widget-area{float:left; padding-bottom:15px; border-bottom:1px solid #000; margin-bottom:15px;} #sidebar-footer #entire-footer-widget-area ul{list-style:none;} #sidebar-footer #entire-footer-widget-area ul li.widget-container{} #sidebar-footer #entire-footer-widget-area ul li h3.widget-title {font-size:14px; list-style:none outside none;text-transform:uppercase; border-bottom:#ccc 1px solid;} #sidebar-footer #entire-footer-widget-area ul li.widget-container ul li{margin:0px; padding-top:0px; padding-bottom:0px;} #sidebar-footer ul li{} #sidebar-footer .footer-login{margin:0 10px; float:left;} #sidebar-footer .footer-login input[type='text']{padding:5px 10px; width:99%; margin-bottom:20px;} #sidebar-footer .footer-login input[type='password']{padding:5px 10px; width:99%;} #sidebar-footer #entire-footer-widget-area #fourth{} #sidebar-footer #wp-calendar{width:100%;} #sidebar-footer #wp-calendar td{width:32px;text-align:center;padding:4px 2px;} #sidebar-footer #footer-widget-area{overflow:hidden; margin-bottom:10px; float:left; width:960px;} #sidebar-footer #footer-widget-area a{color:#B40;} #sidebar-footer #footer-widget-area .widget-area{float:left; width:220px;} #sidebar-footer #footer-widget-area ul{list-style:none;} #sidebar-footer #footer-widget-area ul li.widget-container{} #sidebar-footer #footer-widget-area ul li h3.widget-title {font-size:14px; list-style:none outside none;text-transform:uppercase; border-bottom:#ccc 1px solid;padding-right:5px;margin:0 0 5px;} #sidebar-footer #footer-widget-area ul li.widget-container ul li{margin:0px; padding-top:0px; padding-bottom:0px;} #sidebar-footer ul li{margin:4px 0;padding:5px;} #sidebar-footer #footer-widget-area #fourth{margin-right:2px;} #sidebar-footer #wp-calendar{width:100%;} #sidebar-footer #wp-calendar td{width:32px;text-align:center;padding:4px 2px;} #sidebar-footer #footer-widget-area .byoutique_newsletter_widget_content input#email{width:201px;} #colophon{overflow:hidden; padding:18px 0;font-size:12px; margin-bottom:10px;} #colophon #sidebar-colophon{float:right;} #colophon #sidebar-colophon{} #colophon #sidebar-colophon{} #colophon #sidebar-colophon{} #colophon #sidebar-colophon{} #colophon #sidebar-colophon{} #maps-sidebar{} #maps-sidebar h3.widget-title{font-size:25px;} #maps-sidebar{} /* Slideshow --------------------------------------------------------- */ #slideshow-box ul, #slideshow-box li{margin:0; padding:0; list-style:none;} #slideshow-box, #slideshow-box li{width:940px; height:400px; overflow:hidden; border:0px; background:#fff;} #slideshow-box, #slideshow-box li img{margin:auto;} #slideshow-box li .meta{display:inline-block; float:right; padding:40px; background:#fff; opacity:0.8; width:500px; margin-top:-150px; box-shadow:1px 1px 1px #333; border-left:3px solid #F8A12C;} /* Showcase ---------------------------------------------------------- */ #showcase{} #showcase h2.entry-title{border-top:1px solid #000; border-bottom:1px solid #000; text-transform:uppercase;} #showcase h2.entry-title span{float:right;} #showcase .slider{width:100% !important;} #showcase .product-showcase{margin:10px 10px 10px 10px; width:213px !important; display:inline-block;} #showcase li.product-showcase h3{font-family:MoreLetters; text-align:right; padding:1px; padding-top:5px; font-size:12px; margin-bottom:0px; width:100%;} /* #showcase li.product-showcase:nth-child(2) h3{background:#5C7078;} #showcase li.product-showcase:nth-child(3) h3{background:#503D6E;} #showcase li.product-showcase:nth-child(4) h3{background:#552B41;} #showcase li.product-showcase:nth-child(5) h3{background:#9B3D25;} #showcase li.product-showcase:nth-child(6) h3{background:#B37F19;} #showcase li.product-showcase:nth-child(7) h3{background:#CFCC25;} #showcase li.product-showcase:nth-child(8) h3{background:#5C9233;} #showcase li.product-showcase:nth-child(9) h3{background:#41B456;} */ #showcase li.product-showcase div.product-image{margin:auto; width:99.5%;} #showcase li.product-showcase div.product-image img{margin:auto; display:block; margin-top:10px;} #showcase li.product-showcase div.product-meta{text-align:center; width:100%; position:relative; padding:1px; float:left; margin-top:0px;} #showcase li.product-showcase div.product-meta div.product-price{text-align:left; width:48%; position:relative; padding:1px; float:left;} #showcase li.product-showcase div.product-meta div.product-details{text-align:right; width:48%; position:relative; padding:1px; float:right;} #showcase li.product-showcase div.product-meta a{margin-right:5px;} /* Blog -------------------------------------------------------------- */ #notices #blog{float:left} #notices #blog h4.entry-title{} #notices #blog h2.entry-title{margin:0px 0px 0px 0px; padding:0px;} #notices #blog .snippet-blog-thumbnail{float: left; margin-right:5px; display:inline;} #notices #blog .snippet-blog-text{float: left; margin-right:5px; width:300px; display:inline;} #notices #blog .entry-utility{float: left; margin-right:5px; display:inline;} #notices #blog div.entry-meta{margin:0px 0px 0px 5px; display:inline-block; padding:2px;} #notices #blog div.entry-content{margin:0px 0px 0px 0px; float:left; display:inline; margin-top:0px;} #notices #blog div.entry-utility{margin:0px 0px 0px 0px;} /* dechnology cart_menu css --------------------------------------------*/ #cart-sidebar{float:right; margin-top:5px;} #cart-sidebar #cart-widget-area{float:left;} #cart-sidebar #cart-widget-area #cart{} #cart-sidebar #cart-widget-area #cart #lang_sel_list{} #cart-sidebar #cart-widget-area #cart #lang_sel_list a, #lang_sel_list a:visited{display:inline-block; float:left; border:none;} #cart-sidebar #cart-widget-area #cart #lang_sel_list ul {border-top:0; width:620px; float:right;} #cart-sidebar #cart-widget-area #cart #lang_sel_list ul li{float:right !important; width:90px; line-height:16px;} /* Fine dechnology cart_menu css ---------------------------------------*/ #contact-page{} #contact-page form{margin-top:15px; border-top:1px solid #000; padding-top:15px;} #contact-page input[type=text]{width:694px;} #contact-page input[type=submit]{padding:5px 10px 5px 10px;} #contact-page textarea{width:694px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} #contact-page label{display:block;} /* Pagination ----------------------------------------------------------*/ #pagination.pagination{width:100%; background:#fff !important; float:right; margin-top:10px;} #pagination div.pagination-outline{background:#fff !important; padding:10px; float:left; font-weight:bold; visibility:hidden; display:none;} ul.page-numbers{padding:10px; font-size:12px; float: right; display:inline; margin-bottom:10px !important; padding-bottom:10px !important;} ul.page-numbers li{float:left; margin-left:0px; list-style:none;} ul.page-numbers a, ul.page-numbers span{background:#FFFFFF !important; padding:3px 4px 4px 4px; margin:2px; text-decoration:none; border:0px solid #ccc !important; color:#999 !important;} ul.page-numbers a:hover, ul.page-numbers span.current{border-bottom:1px solid #999 !important; color:#444; font-weight:bolder;} ul.page-numbers a:hover{border-bottom:0px solid #999 !important;} #fast_shipping_all_over img{width:120px !important; height:120px !important; text-align:center; vertical-align:top; margin-left:50px !important;} .fast_shipping_text{display:block; float:none; width:220px; text-align:center;} h4.fast_shipping_text{text-transform:uppercase; font-size:14px; margin-top:20px; text-align:center; margin-bottom:0px !important;} h5.fast_shipping_text{text-transform:uppercase; margin-bottom:0px !important;} #colophon #sidebar-colophon #colophon-widget-area{float:none !important;} #colophon #sidebar-colophon #colophon-widget-area div.widget-area{float:none !important; margin:auto; width:612px;} /* Comments ------------------------------------------------------------*/ #comments{margin:10px 0px 10px 0px;} #respond{} h3#reply-title{font-size:30px;font-family:"Trebuchet MS", Arial, sans-serif;list-style:none outside none;text-transform:uppercase;text-shadow:0 1px 4px #dfdfbb; text-align:right;border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; padding-right:10px; margin: 0px !important; min-height:0px !important; line-height: 1.5em !important; font-weight: bold !important;} p.logged-in-as{padding-left:5px; margin-bottom:0px !important; background-color:#ccc;} p.comment-form-comment{margin-bottom:0px !important;} #comments tags{font-size:12px; padding:2px; font-weight:normal; display:inline; background:#A9C500; line-height:28px; box-shadow:2px 2px 3px #333;} #comments input{width:694px; height:25px; border:solid 1px #ccc;} #comments textarea{width:100%; height:125px; border:solid 1px #ccc;} #comments input#submit{width:160px; line-height:15px !important; cursor: pointer; margin:0px !important; font-size:12px !important; font-family:"Trebuchet MS", Arial, sans-serif; color:#A5027C; background:#A9C500; border:solid 1px #A5027C; float:right; margin-bottom:15px; padding:4px 15px;} #footer_logo{position:fixed; bottom:0; height:149px; width:100%; z-index:999;} #footer_logo .logo{background:url(img/g20.png) no-repeat top left; height:149px;} #map{width:98.5%; height:400px; margin-bottom:10px; margin-left:10px; margin-right:10px;} .home a.clinica{background:url('img/clinica.png');} .home a.pronto-soccorso{background:url('img/pronto-soccorso.png');} .home a.shop{background:url('img/shop.png');} .home a.questions{background:url('img/domande.png');} .home #clinica h1{font-size:19px;} .home #clinica h2{color:#fff; text-align:center;} .home #clinica div{background:#39B783; padding:8px;} .call-to-action{background:#38434A; padding:10px 0px;} .call-to-action div{margin:0 auto; width:543px;} .call-to-action h5{color:#fff; display:inline-block;} .call-to-action a{background:#E7B21B; border:none; color:#67676D; display:inline-block; margin-left:40px; padding:2px 10px;} .call-out.servizi{margin:20px 10px;} .call-out.servizi .grid_4{width:295px;} .call-out.servizi .grid_4 a:first-child{height:60px; width:60px; background-size:60px; display:inline-block;} .call-out.servizi .grid_4 a:nth-child(2){font-size:30px; font-weight:bolder; vertical-align:top; line-height:60px;} #contactForm label{display:block;} #contactForm input{display:block; width:98.8%;} #contactForm textarea{display:block; width:98.8%;} .return-message.error{color:#a94442; background-color:#f2dede; border-color:#ebccd1; padding:15px; margin:10px 0; border: 1px solid transparent;} .return-message.success{color:#3c763d; background-color:#dff0d8; border-color:#d6e9c6; padding:15px; margin:10px 0; border: 1px solid transparent;} .error{color:#B94A48; border-color:#B94A48 !important;} @media only screen and (max-width: 1299px) and (min-width: 970px){ #slideshow-box li {width:698px; height:320px;} #slideshow-box li img {margin:auto; width:698px; height:320px;} .fast_shipping_text {width:220px; margin-top:5px;} .free_shipping_text {width:130px;} .one_product_banner_text {width:148px;} .call-out.servizi .grid_4 {width: 215px;} input#e_newsletter_email {width:91.5%;} #primary div.textwidget {margin-top:5px;} #primary div.textwidget p{margin-bottom:0px;} #from-blog .grid_6 iframe{width:340px !important;} #from-blog .grid_6 iframe body > div > div > div > div._2p3a {width:340px !important;} } @media screen and (min-width: 320px) and (max-width: 720px) { #header.container_16 {width:100%} #header.container_16 .grid_16 {width:100%} #logo_shop{text-align:center;} body.home #qsearch input[type='text']{width:84%;} body.home #qsearch input[type='submit']{width:14%;} #slideshow{display:none;} #menu{width:100%;} #menu .grid_16{float:none; width:100%;} #menu .grid_16 #menu-main{float:none;} #menu .grid_16 #menu-main li{float:none; padding:0px; border-right:0px; border-top:0px;} #menu .grid_16 #menu-main li:first-child{border-left:0px; border-top:1px;} .home #main{margin-bottom: 20px;} .call-to-action div{width:100%;} .call-to-action.contattaci.grid_16 h5{display:block; text-align:center;} .call-to-action.contattaci.grid_16 a{display:block; margin:auto; padding:20px 50px;} #sidebar-footer #footer-widget-area{width:100%;} #footer_logo .logo {display:none;} } @media screen and (min-width: 768px) { body { background: green; } } @media screen and (min-width: 1024px) { body { background: blue; } } @media screen and (min-width: 1200px) { body { background: gray; } } @media only screen and (max-width: 767px) and (min-width: 480px){ #slideshow{display:none;} } h3#reply-title{background-color:#d6d6d6; color:#000;} ul.taggify-container{list-style:none; margin:1px 0 0 0; width:99.8%; display:block; padding:10px 0px; border:1px solid #ddd; -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.07); box-shadow:inset 0 1px 2px rgba(0,0,0,.07); background-color: #fff; color:#32373c; outline:0; -webkit-transition:.05s border-color ease-in-out; transition: .05s border-color ease-in-out;} ul.taggify-container li.input-cntnr{clear:none; margin:0; display:inline-block;} ul.taggify-container li.input-cntnr input:first-child{display:inline-block; width:60% !important; padding:0px !important; font-size:14px !important; margin-bottom:0px !important;} ul.taggify-container li.tag-container{display:inline-block; float:left; margin:-2px 3px; border:1px solid #f3f3f3; padding:0 4px; color:#000; font-size:14px; background:#9A9ADA;} ul.taggify-container input{width:25%; display:inline-block; margin:0 0 0 10px; padding:0px; border:0px solid #ddd; -webkit-box-shadow:inset 0 0px 0px rgba(0,0,0,.07); box-shadow:inset 0 0px 0px rgba(0,0,0,.07); background-color: #fff; color:#32373c; font-size:10px; outline:0; -webkit-transition:none; transition: none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} ul.taggify-container input:focus{border-color:#FFFFFF; -webkit-box-shadow:0 0 0px rgba(30,140,190,.8); box-shadow:0 0 0px rgba(30,140,190,.8);}