/* ----------------- RESPONSIVE GENERALI----------------- */ /* MOOD - FILOSOFIA PRIMOPIANO */ /* video youtube in #filosofia-primopiano */ @media only screen and (max-width: 980px) { #filosofia-primopiano iframe { width: 100%; height: 460px;} } @media only screen and (max-width: 950px) { #filosofia-primopiano iframe { width: 100%; height: 435px;} } @media only screen and (max-width: 940px) { #filosofia-primopiano iframe { width: 100%; height: 425px;} } @media only screen and (max-width: 920px) { #filosofia-primopiano iframe { width: 100%; height: 410px;} } @media only screen and (max-width: 900px) { #filosofia-primopiano iframe { width: 100%; height: 400px;} } @media only screen and (max-width: 880px) { #filosofia-primopiano iframe { width: 100%; height: 390px;} } @media only screen and (max-width: 860px) { #filosofia-primopiano iframe { width: 100%; height: 380px;} } @media only screen and (max-width: 850px) { #filosofia-primopiano iframe { width: 100%; height: 370px;} } @media only screen and (max-width: 820px) { #filosofia-primopiano iframe { width: 100%; height: 360px;} } @media only screen and (max-width: 810px) { #filosofia-primopiano iframe { width: 100%; height: 345px;} } @media only screen and (max-width: 780px) { #filosofia-primopiano iframe { width: 100%; height: 340px;} } @media only screen and (max-width: 768px) { #filosofia-primopiano iframe { width: 100%; height: 330px;} } @media only screen and (max-width: 750px) { #filosofia-primopiano iframe { width: 100%; height: 325px;} } @media only screen and (max-width: 740px) { #filosofia-primopiano iframe { width: 100%; height: 320px;} } @media only screen and (max-width: 730px) { #filosofia-primopiano iframe { width: 100%; height: 315px;} } @media only screen and (max-width: 720px) { #filosofia-primopiano iframe { width: 100%; height: 305px;} } @media only screen and (max-width: 700px) { #filosofia-primopiano iframe { width: 100%; height: 300px;} } @media only screen and (max-width: 695px) { #filosofia-primopiano iframe { width: 100%; height: 290px;} } @media only screen and (max-width: 680px) { #filosofia-primopiano iframe { width: 100%; height: 280px;} } @media only screen and (max-width: 650px) { #filosofia-primopiano iframe { width: 100%; height: 270px;} } @media only screen and (max-width: 640px) { #filosofia-primopiano iframe { width: 100%; height: 260px;} } @media only screen and (max-width: 630px) { #filosofia-primopiano iframe { width: 100%; height: 250px;} } @media only screen and (max-width: 620px) { #filosofia-primopiano iframe { width: 100%; height: 240px;} } @media only screen and (max-width: 575px) { #filosofia-primopiano iframe { width: 100%; height: 235px;} } @media only screen and (max-width: 570px) { #filosofia-primopiano iframe { width: 100%; height: 230px;} } @media only screen and (max-width: 560px) { #filosofia-primopiano iframe { width: 100%; height: 225px;} } @media only screen and (max-width: 550px) { #filosofia-primopiano iframe { width: 100%; height: 220px;} } @media only screen and (max-width: 540px) { #filosofia-primopiano iframe { width: 100%; height: 210px;} } @media only screen and (max-width: 530px) { #filosofia-primopiano iframe { width: 100%; height: 205px;} } @media only screen and (max-width: 520px) { #filosofia-primopiano iframe { width: 100%; height: 200px;} } @media only screen and (max-width: 510px) { #filosofia-primopiano iframe { width: 100%; height: 195px;} } @media only screen and (max-width: 495px) { #filosofia-primopiano iframe { width: 100%; height: 192px;} } @media only screen and (max-width: 490px) { #filosofia-primopiano iframe { width: 100%; height: 188px;} } @media only screen and (max-width: 480px) { #filosofia-primopiano iframe { width: 100%; height: 180px;} } @media only screen and (max-width: 470px) { #filosofia-primopiano iframe { width: 100%; height: 175px;} } @media only screen and (max-width: 455px) { #filosofia-primopiano iframe { width: 100%; height: 172px;} } @media only screen and (max-width: 450px) { #filosofia-primopiano iframe { width: 100%; height: 170px;} } @media only screen and (max-width: 445px) { #filosofia-primopiano iframe { width: 100%; height: 165px;} } @media only screen and (max-width: 440px) { #filosofia-primopiano iframe { width: 100%; height: 160px;} } @media only screen and (max-width: 430px) { #filosofia-primopiano iframe { width: 100%; height: 155px;} } @media only screen and (max-width: 420px) { #filosofia-primopiano iframe { width: 100%; height: 150px;} } @media only screen and (max-width: 410px) { #filosofia-primopiano iframe { width: 100%; height: 140px;} } @media only screen and (max-width: 400px) { #filosofia-primopiano iframe { width: 100%; height: 135px;} } @media only screen and (max-width: 380px) { #filosofia-primopiano iframe { width: 100%; height: 130px;} } @media only screen and (max-width: 370px) { #filosofia-primopiano iframe { width: 100%; height: 125px;} } @media only screen and (max-width: 360px) { #filosofia-primopiano iframe { width: 100%; height: 120px;} } @media only screen and (max-width: 350px) { #filosofia-primopiano iframe { width: 100%; height: 115px;} } @media only screen and (max-width: 340px) { #filosofia-primopiano iframe { width: 100%; height: 110px;} } @media only screen and (max-width: 330px) { #filosofia-primopiano iframe { width: 100%; height: 105px;} } @media only screen and (max-width: 320px) { #filosofia-primopiano iframe { width: 100%; height: 100px;} } /* certificazione */ @media only screen and (max-width : 880px) { #footer p { padding-right: 80px; } } @media only screen and (max-width : 780px) { #divInfo231 { margin-top: 55px; } #footer p { padding-right: 70px; } } @media only screen and (max-width : 530px) { #divInfo231 { margin-top: 70px; } #footer p img { margin-top:-21px; } } @media only screen and (max-width : 500px) { #footer p { padding-right: 95px; } #footer p img { margin-top:-62px; } } @media only screen and (min-width : 414px) { #footer p img { float:right; clear:right; position: absolute; right: 20px; } } @media only screen and (max-width : 413px) { #footer img { display:block; margin-top:25px; } #footer p img { margin-top: 0; } #footer p { padding-right: 20px; } #divInfo231 { margin-top: 60px; } } @media only screen and (max-width : 360px) { #footer p { padding-right: 38px; } #footer p img { display: block; margin-top: 0px; margin-right: -36px;} #divInfo231 { margin-top: 60px; } } /* hub-38 */ @media only screen and (max-width: 991px) { #fondi .colori-fondi h4, #fondi .colori-fondi .fondi-ante .col-md-6, #fondi .colori-fondi .fondi-ante .col-md-4, #fondi .colori-fondi .fondi-ante .col-md-2 { float: left; display: block;} #fondi .colori-fondi h4.col-md-6, #fondi .colori-fondi .fondi-ante .col-md-6 { width: 50%;} #fondi .colori-fondi h4.col-md-4, #fondi .colori-fondi .fondi-ante .col-md-4 { width: 33.33333333%;} #fondi .colori-fondi h4.col-md-2, #fondi .colori-fondi .fondi-ante .col-md-2 { width: 16.66666667%;} } @media only screen and (max-width: 480px) { #fondi .colori-fondi h4 { font-size: 10px;} #fondi .colori-fondi .fondi-ante .col-md-4, #fondi .colori-fondi .fondi-ante .col-md-2 { font-size: 10px;} } @media only screen and (max-width: 460px) { .colori-fondi h4.col-md-2, #fondi .colori-fondi .col-md-2 { padding-right: 10px !important;} } @media only screen and (max-width: 430px) { .colori-fondi h4.col-md-2, #fondi .colori-fondi .col-md-2 { padding-right: 5px !important;} } /* complementi - table layout 2017 */ @media only screen and (max-width: 991px) { #complementi .complementi-tipologia h4, #complementi .complementi-tipologia .complementi-ante .col-md-6, #complementi .complementi-tipologia .complementi-ante .col-md-4, #complementi .complementi-tipologia .complementi-ante .col-md-2 { float: left; display: block;} #complementi .complementi-tipologia h4.col-md-6, #complementi .complementi-tipologia .complementi-ante .col-md-6 { width: 50%;} #complementi .complementi-tipologia h4.col-md-4, #complementi .complementi-tipologia .complementi-ante .col-md-4 { width: 33.33333333%;} #complementi .complementi-tipologia h4.col-md-2, #complementi .complementi-tipologia .complementi-ante .col-md-2 { width: 16.66666667%;} } @media only screen and (max-width: 480px) { #complementi .complementi-tipologia h4 { font-size: 11px;} #complementi .complementi-tipologia .complementi-ante .col-md-4, #complementi .complementi-tipologia .complementi-ante .col-md-2 { font-size: 12px;} } @media only screen and (max-width: 460px) { .complementi-tipologia h4.col-md-2 { padding-right: 10px !important;} } @media only screen and (max-width: 430px) { .complementi-tipologia h4.col-md-2 { padding-right: 5px !important;} #complementi .complementi-tipologia h4 { font-size: 11px;} #complementi .complementi-tipologia .complementi-ante .col-md-4, #complementi .complementi-tipologia .complementi-ante .col-md-2 { font-size: 11px;} } /* ----------------- SEZIONE CONTATTI 2017 ----------------- */ /* lavora con noi */ @media only screen and (max-width: 991px) { .contattaciPage .col-md-2.contattiVuota {width: 16.66666667%;} .contattaciPage .col-md-8#formContattaci {width: 66.66666667%;} .contattaciPage .col-md-2.contattiVuota, .contattaciPage .col-md-8#formContattaci { display: block; float: left;} .contattaciPage #formContattaci input[type="submit"], .contattaciPage #formContattaci input[type="submit"]:hover, .contattaciPage #formContattaci input[type="submit"]:visited, .contattaciPage #formContattaci input[type="submit"]:focus { margin-top: 10px;} .doveSiamoPage #contatti-txt, body.page-template-tpl-lavora-con-noi #contatti-txt { width: 100% !important;} } @media only screen and (max-width: 860px) { .contattaciPage .col-md-2.contattiVuota {width: 10%;} .contattaciPage .col-md-8#formContattaci {width: 80%;} } @media only screen and (max-width: 540px) { body.page-template-tpl-lavora-con-noi #contatti-txt h2 { padding-left: 0;} } @media only screen and (max-width: 460px) { .contattaciPage .col-md-2.contattiVuota {display: none;} .contattaciPage .col-md-8#formContattaci {width: 100%;} } /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* ----------------- RESPONSIVE ----------------- */ @media (min-width: 1200px) { .container {width: auto;} } @media only screen and (max-width: 991px) { /* --------------- tendina topbar --------------- */ #tendina-topbar .col-md-2, .brand-cerasarda #tendina-topbar, #ico_social.col-md-4, #logo-menu, #link_topbar { float: left; display: block;} #row-tendina-topbar .container { width: 100%;} #tendina-topbar .col-md-2 { width: 20%; } #ico_social.col-md-4 { width: 33.33333333%;} #link_topbar.col-md-8 { width: 66.66666667%;} /* --------------- header --------------- */ #logo-menu, #brand-nav.col-md-7 { float: left; display: block;} #logo-menu { width: 41.6667%; } #brand-nav.col-md-7 { width: 58.3333%;} /* menu lingua */ body.body-version-fr #logo-menu { width: 32%;} body.body-version-fr #brand-nav.col-md-7 { width: 67%;} body.body-version-de #logo-menu { width: 32%;} body.body-version-de #brand-nav.col-md-7 { width: 67%;} /* --------------- home --------------- */ #txt-primopiano.col-md-4, #slide-primopiano #gallery-primopiano.col-md-8, #ambienti-primopiano .col-md-12 .col-md-4, #ambienti-primopiano .col-md-12 .col-md-3, #ambienti-primopiano .col-md-12 .col-md-5, #ambienti-primopiano_menu_tipologie, #progetti-primopiano_01, #progetti-primopiano_txt, .box_single_progetti_primopiano, #novita-primopiano_txt, #novita-primopiano_01, .box_single_novita_img, .box_single_novita_txt, #ambienti-primopiano_01, #ambienti-primopiano_02, #ambienti-primopiano_03, #ambienti-primopiano_04, #ambienti-primopiano_05, #ambienti-primopiano .col-md-12, #novita-primopiano .col-md-12, #box_novita_primopiano_txt_intro.col-md-12 { float: left; display: block;} /* --- slide */ body.home .brand-cerasarda #gallery-primopiano, body.home #slide-primopiano #img-primopiano { float: left; width: 49%; background-color: transparent;} body.home .brand-cerasarda #gallery-primopiano { margin-left: 8px; margin-right: 5px; height: auto;} /* ----------------- home slide pagina custom ----------------- */ body.home #slide-secondopiano #img-secondopiano { float: left; width: 100%; background-color: transparent;} body.home .brand-cerasarda #gallery-secondopiano { margin-left: 8px; margin-right: 5px; height: auto;} #img-secondopiano-large{ margin-left: 8px; margin-right: 5px;width: 98.6%; } #slide-secondopiano.no-border-top .col-md-12:first-child { width: 100%; display: block;float: left;} #img-secondopiano-large img { width: 100%; height: auto;} /* --- ambienti */ #ambienti-primopiano .col-md-3 { width: 28%; float: left; display: block;} #ambienti-primopiano .col-md-9 { width: 70%; float: right; display: block;} #ambienti-primopiano_menu_tipologie {width: 100%; max-width: 295px; float: left; display: block;} #ambienti-primopiano .col-md-9 img { width: 100%; height: auto; max-width: 670px;} #ambienti-primopiano .col-md-12 { width: 100% !important; margin-bottom: 30px !important;} /* --- progetti */ #progetti-primopiano_01 { width: 100%; max-width: 380px;} #progetti-primopiano_txt {width: 100%; max-width: 535px;} .box_single_progetti_primopiano {width: 47%;} /* --- news */ #novita-primopiano .col-md-12.box_single_novita_primopiano, #box_novita_primopiano_txt_intro.col-md-12 {width: 100%;} #novita-primopiano_txt {width: 100%; max-width: 460px;} #novita-primopiano_01 {width: 100%;max-width: 295px;} .box_single_novita_img {width: 100%;max-width: 210px;} .box_single_novita_txt {width: 58%;} body.home #novita-primopiano_txt { max-width: 620px;} /* --------------- profilo --------------- */ .testo1-profilo .col-md-12 .col-md-4, .testo1-profilo .col-md-12 .col-md-7, .testo1-profilo_img, .box_single_collezioni_box_txt, .box_single_collezioni_box_img, .box_single_collezioni_box, body.page-template-tpl-19mm #filosofia-primopiano .col-md-4, body.page-template-tpl-19mm #filosofia-primopiano .col-md-8, body.page-template-tpl-19mm #filosofia-primopiano.filosofia-profilo .col-md-12 { display: block; float: left;} .testo1-profilo_img { width: 40%; } .testo1-profilo .col-md-12 .col-md-7 { width: 54%; float: right; } .box_single_collezioni_box { width: 50%; } .box_single_collezioni_box_img { width: 50%; } .box_single_collezioni_box_txt { width: 50%; } .testo1-19mm_img { padding-left: 0; padding-right: 0; } body.page-template-tpl-19mm #filosofia-primopiano .col-md-4 { width: 30%;} body.page-template-tpl-19mm #filosofia-primopiano .col-md-8 { width: 60%;} body.page-template-tpl-19mm #filosofia-primopiano.filosofia-profilo .col-md-12 { width: 100%;} body.page-template-tpl-19mm .testo1-19mm_txt, body.page-template-tpl-19mm .testo1-19mm_img { width: 100% !important; float: left !important; padding-left: 0 !important; padding-right: 0 !important;} /* ----------- CONTATTI ---------- */ #contatti-txt, #formContattaci { display: block; float: left;} #contatti-txt { width: 40%;} #formContattaci { width: 60%;} /* --------------- collezione --------------- */ .title_section_center.title_section_center_top h4 { font-size: 32px; margin-bottom: 5px;} .title_section_center.title_section_center_top p { font-size: 15px; line-height: 16px;} #wall-anteprime-3clm .col-md-4 { display: block; float: left; width: 30.8%; } #wall-anteprime-3clm h3 { font-size: 20px;} /* --------------- collezione - schede interne --------------- */ /* ispirazioni */ #slide-primopiano.img-fissa-primopiano #gallery-primopiano { width: 100%; height: auto; } body.page-template-tpl-collezioni-dettaglio #wall-mix .col-md-4 {width: 33.33%; display: block; float: left;} /* colori */ #slide-primopiano.layout-scheda-colori #gallery-primopiano.col-md-8 { height: auto !important;} #colori, #fondi, .fondi-ante .col-md-6 { display: block; float: left;} #colori { width: 33%;} #fondi { width: 65%;} .fondi-ante .col-md-6 { width: 50%;} /* complementi */ #slide-primopiano.layout-scheda-slide-imgfissa #gallery-primopiano.col-md-8 { height: auto;} .complementi-tipologia .col-md-4, .complementi-tipologia .col-md-8 { display: block; float: left;} .complementi-tipologia .col-md-4 { width: 33%; } .complementi-tipologia .col-md-8 { width: 66%; } body.page-template-tpl-collezioni-dettaglio .brand-cerasarda #complementi.col-md-12, body.page-template-tpl-collezioni-dettaglio .brand-cerasarda #collezioni-colori-fondi .col-md-12 { float: left; width: 100%;} /* --------------- progetti --------------- */ .filtro-menu, body.page-template-tpl-progetti #wall-anteprime-3clm { display: block; float: left; width: 100%; } #pinBoot { } /* --------------- ambienti --------------- */ body.page-template-tpl-ambienti-destinazioni-uso #wall-anteprime-3clm { display: block; float: left; width: 100%; } /* --------------- news --------------- */ #postSingleNews.col-md-9, body.single #sidebar, .title_section_center_top .container .col-md-12, #novita-primopiano_txt_template, #sidebar, .box_single_novita_primopiano { display: block; float: left;} .title_section_center_top .container .col-md-12, .box_single_novita_primopiano { width:100%;} #postSingleNews.col-md-9, #novita-primopiano_txt_template { width:75%;} body.single #sidebar, #sidebar { width:25%;} /* --------------- 404 --------------- */ body.error404 .row .container .col-md-12, body.error404 .row .container .col-md-12 p { width: 100%; display: block; float: left;} /* --------------- PAGINA CERTIFICAZIONI 2017 --------------- */ .documents_extra_for_download .box_single_img_documents_extra, .documents_extra_for_download .box_single_txt_documents_extra.col-md-7 { float: left; display: block;} /* --------------- custom --------------- */ body.page-template-tpl-custom #contatti-txt-left.col-md-2, body.page-template-tpl-custom #contatti-txt-right.col-md-2 {float: left; display: block; width: 16.66666667%; } body.page-template-tpl-custom #formContattaci.col-md-8 {float: left; display: block; width: 58.33333333%; } /* --------------- MOOD - Pagina I VIDEO --------------- */ body.page-template-tpl-pagina-video .testo1-profilo { width: 100%; display: block; } body.page-template-tpl-pagina-video .testo1-profilo-row { width: 100%; display: block; float: left; } body.page-template-tpl-pagina-video .col-md-6.pagina-video.rwd-video, .col-md-6.pagina-video.rwd-video, body.page-template-tpl-pagina-video .testo1-profilo-row .col-md-6 { width: 50%; display: block; float: left; } } @media only screen and (max-width: 960px) { /* --------------- progetti --------------- */ #wall-anteprime-3clm #pinBoot .col-md-4 { display: block; float: left; width: 30.6%; } /* --------------- ambienti --------------- */ body.page-template-tpl-ambienti-destinazioni-uso #wall-mix #pinBoot .col-md-4 { display: block; float: left; width: 29% !important; } } @media only screen and (max-width: 950px) { .row .container, #row-tendina-topbar .container { max-width: none;} .container, #row-tendina-topbar .container { width: 95%;} /* --------------- tendina topbar --------------- */ #topbar .container .col-md-12 { padding-left: 5px !important; padding-right: 5px !important; } /* --------------- header --------------- */ #brand-menu.col-md-12 { padding-left: 10px !important; padding-right: 10px !important; } #header .container .col-md-12 { max-width: none;} #header .container { padding-left: 5px !important; padding-right: 5px !important; } #brand-nav.col-md-7 .container { padding-left: 0px !important; padding-right: 0px !important; } #logo-menu { width: 30%;} #brand-nav.col-md-7 { float: right; width: 68%;} .brand-cerasarda .navbar-inverse .navbar-collapse { margin-top: 0 !important;} /* menu lingua */ body.body-version-de #logo-menu { width: 30%;} body.body-version-de #brand-nav.col-md-7 { width: 70%;} /* --------------- breadC --------------- */ #breadc .container { padding-left: 0 !important;padding-right: 0 !important; width: 100% !important; } /* --------------- home --------------- */ /* --- slide */ #txt-primopiano.col-md-4 { width: 28%; padding-right: 0px; } #slide-primopiano #gallery-primopiano.col-md-8 { float: right;} .brand-cerasarda #txt-primopiano h1 { font-size: 32px; line-height: 28px;} .brand-cerasarda #txt-primopiano h2 { font-size: 16px; line-height: 22px;} .brand-cerasarda .areaGalleryInfo h3 { font-size: 36px; line-height: 30px;} .brand-cerasarda .areaGalleryInfo p { font-size: 14px; line-height: 18px;} /* --- ambienti */ #ambienti-primopiano_menu_tipologie ul li { padding: 11px 0;} /* --- progetti */ #progetti-primopiano_txt, #progetti-primopiano_01 { max-width: none;} #progetti-primopiano_01 { width: 40%;} #progetti-primopiano_txt { width: 55%;} #box_progetti_primopiano_txt_intro h4 { font-size: 32px; line-height: 28px;} #box_progetti_primopiano_txt_intro p { font-size: 16px; line-height: 22px;} .box_single_progetti_primopiano h4 { font-size: 26px; line-height: 26px;} .box_single_progetti_primopiano h5 { font-size: 14px; line-height: 16px;} .box_single_progetti_primopiano p { font-size: 13px; line-height: 22px;} /* --- news */ #novita-primopiano_txt, #novita-primopiano_01 { max-width: none;} #novita-primopiano_01 { width: 30%;} #novita-primopiano_txt { width: 65%;} #box_novita_primopiano_txt_intro h4 { font-size: 32px; line-height: 28px;} label.cat-novita a, label.cat-novita a:hover, label.cat-novita a:visited { font-size: 14px; padding: 6px 15px 2px 30px;} /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano { width: 900px; height: 565px;} .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 24%; margin-top: 5%; } /* --------------- progetti --------------- */ #wall-anteprime-3clm #pinBoot .col-md-4 { display: block; float: left; width: 30% !important; margin-left: 11px !important; margin-right: 11px !important; } /* --------------- ambienti --------------- */ body.page-template-tpl-ambienti-destinazioni-uso #wall-mix #pinBoot .col-md-4 { width: 29% !important; } /* --------------- collezione - schede interne --------------- */ /* menu collezioni */ #brand-nav.brand-nav-2livello .navbar-inverse .navbar-nav>li>a, #brand-nav.brand-nav-2livello .navbar-inverse .navbar-nav>li>a:hover, #brand-nav.brand-nav-2livello .navbar-inverse .navbar-nav>li>a:visited { padding-left: 26px; padding-right: 26px;} /* ispirazioni */ .brand-cerasarda .img-fissa-primopiano #gallery-primopiano .areaGalleryInfo { margin-top: 5.5%; } body.page-template-tpl-collezioni-dettaglio #breadc .container { width: 95% !important;} /* colori */ #slide-primopiano.layout-scheda-colori #gallery-primopiano.col-md-8, .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-colori #txt-primopiano, #colori, #fondi { display: block; float: left;} #slide-primopiano.layout-scheda-colori #gallery-primopiano.col-md-8 { width: 66%;max-width: 460px; height: auto;} .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-colori #txt-primopiano, #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-colori #txt-primopiano { width: 30%;} #slide-primopiano.layout-scheda-colori #txt-primopiano { height: 328px !important; display: flex !important;} #slide-primopiano.layout-scheda-colori #gallery-primopiano.col-md-8 .swiper-container { width: 100%;} #colori { width: 33%;} #fondi { width: 65%;} /* complementi */ #slide-primopiano.layout-scheda-slide-imgfissa #gallery-primopiano.col-md-8, .brand-cerasarda #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano, .complementi-tipologia .col-md-4, .complementi-tipologia .col-md-8 { display: block; float: left;} #slide-primopiano.layout-scheda-slide-imgfissa #gallery-primopiano.col-md-8 { width: 66%;max-width: 460px; height: auto;} #slide-primopiano.layout-scheda-slide-imgfissa #gallery-primopiano.col-md-8 { height: auto;} .brand-cerasarda #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano { width: 30%;} .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-slide-imgfissa #txt-primopiano { height: 200px !important; display: flex !important; min-height: 100px;} .complementi-tipologia .col-md-4 { width: 33%; } .complementi-tipologia .col-md-8 { width: 66%; } body.page-template-tpl-collezioni-dettaglio .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano #txt-primopiano { min-height: auto !important; display: block !important;} body.page-template-tpl-collezioni-dettaglio #slide-primopiano.layout-scheda-colori #txt-primopiano h1, body.page-template-tpl-collezioni-dettaglio #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h1{font-size: 30px !important; margin-left: 0 !important; padding-left: 0 !important;line-height: 32px;} body.page-template-tpl-collezioni-dettaglio #slide-primopiano.layout-scheda-colori #txt-primopiano h2, body.page-template-tpl-collezioni-dettaglio #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h2{margin-left: 0 !important; padding-left: 0 !important;} #slide-primopiano.layout-scheda-slide-imgfissa #gallery-primopiano.col-md-8 { max-width: none;} /* --------------- news --------------- */ #searchform #s, #searchform #s:focus { width: 70%; } #searchform #searchsubmit, #searchform #searchsubmit:hover, #searchform #searchsubmit:visited, #searchform #searchsubmit:focus { float: right;} /* ----------- AMBIENTI - PROGETTI - schede singole galleria ---------- */ body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img { max-height: 580px !important; height: 100% !important; max-width: none !important; width: auto !important; margin: 0 auto !important; } /* --------------- atelier --------------- */ body.page-template-tpl-oggettistica-dettaglio .breadcrumb {padding: 0 25px; } /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 188px;} /* FINE - nascondere sfondo bianco in eccedenza */ } @media only screen and (max-width: 945px) { /* --------------- home --------------- */ /* --- ambienti */ #ambienti-primopiano_menu_tipologie.col-md-4 { max-width: 245px !important; } #ambienti-primopiano_menu_tipologie.col-md-4 { max-width: 235px !important; } #ambienti-primopiano_03.col-md-4 { max-width: 270px !important;} #ambienti-primopiano_04.col-md-4 { max-width: 280px !important;} #ambienti-primopiano_05.col-md-4 { max-width: 275px !important;} /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano { width: 100%; height: auto;} .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 24%; margin-top: 5%; } /* colori */ #slide-primopiano.layout-scheda-colori #gallery-primopiano.col-md-8 .swiper-button { min-width: 84px; width: 84px;} /* ----------- AMBIENTI - PROGETTI - schede singole galleria ---------- */ body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img { max-height: 550px !important; height: 100% !important; max-width: none !important; width: auto !important; margin: 0 auto !important; } } @media only screen and (max-width: 940px) { /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 185px;} /* FINE - nascondere sfondo bianco in eccedenza */ } /* ************ SWITCH LAYOUT PORTRAIT ************ */ @media only screen and (max-width: 920px) { /* --------------- home --------------- */ /* --- slide */ #txt-primopiano.col-md-4 { width: 100%; padding-top: 40px; padding-bottom: 0px; } #slide-primopiano #gallery-primopiano.col-md-8 { width: 100%; } .brand-cerasarda #txt-primopiano h1, .brand-cerasarda #txt-primopiano h2 { padding: 0 30%;} #slide-primopiano #gallery-primopiano.col-md-8 { width: 100%; background-color: transparent; margin-top: 10px;} #slide-primopiano #gallery-primopiano.col-md-8 .swiper-container { width: 460px;} /* --- ambienti */ #ambienti-primopiano_menu_tipologie.col-md-4 { max-width: 220px !important; } #ambienti-primopiano_01.col-md-5 {max-width: 375px !important; } #ambienti-primopiano_02.col-md-3 {max-width: 215px !important; } #ambienti-primopiano_03.col-md-4 {max-width: 265px !important; } #ambienti-primopiano_04.col-md-4 {max-width: 275px !important; } #ambienti-primopiano_05.col-md-4 {max-width: 270px !important; } /* --- news */ .box_single_novita_txt .data { line-height: 13px;} .box_single_novita_txt h5 a, .box_single_novita_txt h5 a:hover, .box_single_novita_txt h5 a:visited { font-size: 20px; line-height: 20px;} .box_single_novita_img { max-width: 195px;} /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 26%; margin-top: 8%; } .slide-profilo .areaGalleryInfo { width: 400px; height: 400px; } .slide-profilo .areaGalleryInfo-txt {height: 340px;} .brand-cerasarda .slide-profilo .areaGalleryInfo-txt-desc p { font-size: 13px; line-height: 20px;} /* --------------- progetti --------------- */ #wall-anteprime-3clm #pinBoot .col-md-4 { display: block; float: left; width: 30% !important; margin-left: 11px !important; margin-right: 11px !important; } #wall-anteprime-3clm #pinBoot .col-md-4 h3 { font-size: 18px !important; line-height: 20px !important;} /* --------------- ambienti --------------- */ body.page-template-tpl-ambienti-destinazioni-uso #wall-mix #pinBoot .col-md-4 { width: 29% !important; } /* --------------- collezione - schede interne --------------- */ /* ispirazioni */ .brand-cerasarda .img-fissa-primopiano #gallery-primopiano .areaGalleryInfo { margin-top: 5%; } /* colori */ #slide-primopiano.layout-scheda-colori #gallery-primopiano.col-md-8 { width: 66%; } .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-colori #txt-primopiano, #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-colori #txt-primopiano { width: 30%;} #slide-primopiano.layout-scheda-colori #txt-primopiano { height: 328px !important;} #slide-primopiano.layout-scheda-colori #txt-primopiano h1, #slide-primopiano.layout-scheda-colori #txt-primopiano h2 { padding: 0 10%; } /* complementi */ #slide-primopiano.layout-scheda-slide-imgfissa #gallery-primopiano.col-md-8 .swiper-container { width: 100%;} #slide-primopiano.layout-scheda-slide-imgfissa #gallery-primopiano.col-md-8 { width: 66%;} .brand-cerasarda #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano { width: 30%;} .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-slide-imgfissa #txt-primopiano { height: 205px !important;} #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h1, #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h2 { padding: 0 10%; } } @media only screen and (max-width: 915px) { /* menu lingua */ body.body-version-de .brand-cerasarda .nav>li>a, body.body-version-de .brand-cerasarda .nav>li>a:hover, body.body-version-de .brand-cerasarda .nav>li>a:visited { padding-left: 6px; padding-right: 6px;} /* --------------- collezione --------------- */ #wall-anteprime-3clm .col-md-4 { display: block; float: left; width: 30.6%; } /* --------------- ambienti --------------- */ body.page-template-tpl-ambienti-destinazioni-uso #wall-mix #pinBoot .col-md-4 { width: 29% !important; } /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 180px;} /* FINE - nascondere sfondo bianco in eccedenza */ } @media only screen and (max-width: 910px) { /* --------------- home --------------- */ /* --- ambienti */ #ambienti-primopiano_01.col-md-5 { max-width: 370px !important;} #ambienti-primopiano_02.col-md-3 { max-width: 210px !important;} #ambienti-primopiano_menu_tipologie.col-md-4 { max-width: 220px !important; } #ambienti-primopiano_03.col-md-4 { max-width: 260px !important;} #ambienti-primopiano_04.col-md-4 { max-width: 270px !important;} #ambienti-primopiano_05.col-md-4 { max-width: 266px !important;} #ambienti-primopiano_menu_tipologie ul li a, #ambienti-primopiano_menu_tipologie ul li a:hover, #ambienti-primopiano_menu_tipologie ul li a:visited { padding-top: 14px !important; min-height: 33px !important;} /* --- progetti */ #progetti-primopiano_01 { width: 38%;} #box_progetti_primopiano_txt_intro p { font-size: 14px; line-height: 22px;} #box_progetti_primopiano_txt_intro { padding-bottom: 40px;} .box_single_progetti_primopiano h4 { font-size: 21px; line-height: 24px;} .box_single_progetti_primopiano h5 { font-size: 13px;} .box_single_progetti_primopiano p { font-size: 12px; line-height: 18px;} /* --------------- profilo --------------- */ .box_single_progetti_primopiano p span { width: 75%; } /* --------------- collezione - schede interne --------------- */ /* menu collezioni */ #brand-nav.brand-nav-2livello .navbar-inverse .navbar-nav>li>a, #brand-nav.brand-nav-2livello .navbar-inverse .navbar-nav>li>a:hover, #brand-nav.brand-nav-2livello .navbar-inverse .navbar-nav>li>a:visited { padding-left: 20px; padding-right: 20px;} /* colori */ #slide-primopiano.layout-scheda-colori #gallery-primopiano.col-md-8 { width: 66%; } .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-colori #txt-primopiano, #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-colori #txt-primopiano { width: 30%;} #slide-primopiano.layout-scheda-colori #txt-primopiano { height: 328px !important;} #slide-primopiano.layout-scheda-colori #txt-primopiano h1, #slide-primopiano.layout-scheda-colori #txt-primopiano h2 { padding: 0 5%; } /* complementi */ #slide-primopiano.layout-scheda-slide-imgfissa #gallery-primopiano.col-md-8 { width: 66%;} .brand-cerasarda #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano { width: 30%;} .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-slide-imgfissa #txt-primopiano { height: 202px !important;} #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h1, #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h2 { padding: 0 5%; } /* --------------- PAGINA CERTIFICAZIONI 2017 --------------- */ .documents_extra_for_download .box_single_txt_documents_extra.col-md-7 { width: 73%;} } @media only screen and (max-width: 900px) { /* menu lingua */ body.body-version-de .navbar-inverse .navbar-nav>li>a, body.body-version-de .navbar-inverse .navbar-nav>li>a:hover, body.body-version-de .navbar-inverse .navbar-nav>li>a:visited { font-size: 11px;} /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 178px;} /* FINE - nascondere sfondo bianco in eccedenza */ } @media only screen and (max-width: 895px) { /* --------------- header --------------- */ .brand-cerasarda .nav>li>a, .brand-cerasarda .nav>li>a:hover, .brand-cerasarda .nav>li>a:visited { padding-left: 8px; padding-right: 8px;} /* --------------- home --------------- */ /* --- ambienti */ #ambienti-primopiano_01.col-md-5 { max-width: 360px !important;} #ambienti-primopiano_02.col-md-3 { max-width: 205px !important;} #ambienti-primopiano_menu_tipologie.col-md-4 { max-width: 220px !important; } #ambienti-primopiano_03.col-md-4 { max-width: 255px !important;} #ambienti-primopiano_04.col-md-4 { max-width: 264px !important;} #ambienti-primopiano_05.col-md-4 { max-width: 260px !important;} #ambienti-primopiano_menu_tipologie ul li a, #ambienti-primopiano_menu_tipologie ul li a:hover, #ambienti-primopiano_menu_tipologie ul li a:visited { padding-top: 14px !important; min-height: 33px !important;} /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 26%; margin-top: 7%; } /* colori */ #slide-primopiano.layout-scheda-colori #gallery-primopiano.col-md-8 { width: 66%; } .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-colori #txt-primopiano, #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-colori #txt-primopiano { width: 30%;} #slide-primopiano.layout-scheda-colori #txt-primopiano { height: 315px !important;} #slide-primopiano.layout-scheda-colori #txt-primopiano h1, #slide-primopiano.layout-scheda-colori #txt-primopiano h2 { padding: 0 5%; } #slide-primopiano.layout-scheda-colori #txt-primopiano h1 { font-size: 30px;} #slide-primopiano.layout-scheda-colori #txt-primopiano h2 { font-size: 16px; line-height: 20px;} /* complementi */ #slide-primopiano.layout-scheda-slide-imgfissa #gallery-primopiano.col-md-8 { width: 66%;} .brand-cerasarda #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano { width: 30%;} .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-slide-imgfissa #txt-primopiano { height: 202px !important;} #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h1, #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h2 { padding: 0 5%; } #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h1 { font-size: 30px;} #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h2 { font-size: 16px; line-height: 20px;} /* ----------- AMBIENTI - PROGETTI - schede singole galleria ---------- */ body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img { max-height: 530px !important; height: 100% !important; max-width: none !important; width: auto !important; margin: 0 auto !important; } /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 175px;} /* FINE - nascondere sfondo bianco in eccedenza */ } @media only screen and (max-width: 880px) { /* menu lingua */ body.body-version-fr .brand-cerasarda .nav>li>a, body.body-version-fr .brand-cerasarda .nav>li>a:hover, body.body-version-fr .brand-cerasarda .nav>li>a:visited { padding-left: 6px; padding-right: 6px;} /* --------------- home --------------- */ /* --- ambienti */ #ambienti-primopiano_01.col-md-5 { max-width: 345px !important;} #ambienti-primopiano_02.col-md-3 { max-width: 198px !important;} #ambienti-primopiano_menu_tipologie.col-md-4 { max-width: 220px !important; } #ambienti-primopiano_03.col-md-4 { max-width: 250px !important;} #ambienti-primopiano_04.col-md-4 { max-width: 258px !important;} #ambienti-primopiano_05.col-md-4 { max-width: 255px !important;} #ambienti-primopiano_menu_tipologie ul li a, #ambienti-primopiano_menu_tipologie ul li a:hover, #ambienti-primopiano_menu_tipologie ul li a:visited { padding-top: 12px !important; } /* --------------- collezione - scheda interna --------------- */ /* complementi */ #slide-primopiano.layout-scheda-slide-imgfissa #gallery-primopiano.col-md-8 { width: 66%;} .brand-cerasarda #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano { width: 30%;} .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-slide-imgfissa #txt-primopiano { height: 195px !important; padding-top: 10px;} #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h1, #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h2 { padding: 0 5%; } #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h1 { font-size: 26px;} #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h2 { font-size: 13px; line-height: 15px;} /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 172px;} /* FINE - nascondere sfondo bianco in eccedenza */ } @media only screen and (max-width: 870px) { /* --------------- header --------------- */ #logo-menu { width: 27%;} #brand-nav.col-md-7 { width: 72%;} .brand-cerasarda .nav>li>a, .brand-cerasarda .nav>li>a:hover, .brand-cerasarda .nav>li>a:visited { padding-left: 8px; padding-right: 8px;} /* menu lingua */ body.body-version-fr .brand-cerasarda .nav>li>a, body.body-version-fr .brand-cerasarda .nav>li>a:hover, body.body-version-fr .brand-cerasarda .nav>li>a:visited { padding-left: 5px; padding-right: 5px;} /* --------------- home --------------- */ /* --- news */ .box_single_novita_img { max-width: 180px;} /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 25%; margin-top: 6.5%; } /* --------------- collezione - schede interne --------------- */ /* ispirazioni */ .brand-cerasarda .img-fissa-primopiano #gallery-primopiano .areaGalleryInfo { margin-top: 4%; margin-left: 34%; } } @media only screen and (max-width: 860px) { /* --------------- menu --------------- */ #brand-nav { margin-top: 10px !important;} /* --------------- home --------------- */ /* --- ambienti */ #ambienti-primopiano_menu_tipologie ul li { padding: 9px 0;} /* --------------- collezione --------------- */ #wall-anteprime-3clm h3 { font-size: 16px;} #wall-anteprime-3clm h4 { font-size: 13px;} /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 170px;} /* FINE - nascondere sfondo bianco in eccedenza */ } @media only screen and (max-width: 850px) { /* menu lingua */ body.body-version-de .brand-cerasarda .nav>li>a, body.body-version-de .brand-cerasarda .nav>li>a:hover, body.body-version-de .brand-cerasarda .nav>li>a:visited { padding-left: 6px; padding-right: 6px;} /* --------------- home --------------- */ /* --- progetti */ #progetti-primopiano_01 { width: 36%;} #box_progetti_primopiano_txt_intro { padding-top: 0;} /* --- news */ .box_single_novita_img { max-width: 160px;} .box_single_novita_txt { width: 65%; } .box_single_novita_txt h5, .box_single_novita_txt h5 a, .box_single_novita_txt h5 a:hover, .box_single_novita_txt h5 a:visited { line-height: 22px; font-size: 18px;} .box_single_novita_txt p { font-size: 12px; line-height: 18px;} /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 24.5%; margin-top: 6.5%; } /* --------------- collezione --------------- */ #wall-anteprime-3clm .col-md-4 { display: block; float: left; width: 30.4%; } #wall-anteprime-3clm .col-md-4 h4, #wall-anteprime-3clm .col-md-4 h4 p{ font-size: 13px; } #wall-anteprime-3clm .col-md-4 h3 { font-size: 16px; line-height: 24px; } /* ispirazioni */ body.page-template-tpl-collezioni-dettaglio #wall-mix .col-md-4 {width: 33.33%; display: block; float: left;} .brand-cerasarda .mboard-box-txt h1 { font-size: 20px;} .brand-cerasarda .mboard-box-txt p { font-size: 14px;line-height: 22px;} /* --------------- news --------------- */ #postSingleNews.col-md-9, body.single #sidebar, .title_section_center_top .container .col-md-12 { display: block; float: left;} .title_section_center_top .container .col-md-12 { width:100%;} #postSingleNews.col-md-9 { width:75%;} body.single #sidebar { width:25%;} #breadCrumb, .brand-cerasarda .breadcrumb > li, .brand-cerasarda .breadcrumb > li > span { font-size: 11px;} .brand-cerasarda .breadcrumb > li > a, .brand-cerasarda .breadcrumb > li > a:hover, .brand-cerasarda .breadcrumb > li > a:visited { background-position: right 0;} #sidebar #menu-laterale-categorie li a, #sidebar #menu-laterale-categorie li a:hover, #sidebar #menu-laterale-categorie li a:visited {font-size: 14px;} #box_novita_primopiano_template .box_single_novita_txt h5 { line-height: 24px;} /* ----------- AMBIENTI - PROGETTI - schede singole galleria ---------- */ body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img { max-height: 500px !important; height: 100% !important; max-width: none !important; width: auto !important; margin: 0 auto !important; } /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { margin-top: 38px; max-height: 165px;} /* FINE - nascondere sfondo bianco in eccedenza */ } @media only screen and (max-width: 840px) { /* --------------- PAGINA CERTIFICAZIONI 2017 --------------- */ .documents_extra_for_download .box_single_txt_documents_extra.col-md-7 { width: 71%;} } @media only screen and (max-width: 845px) { /* menu lingua */ body.body-version-fr .brand-cerasarda .nav>li>a, body.body-version-fr .brand-cerasarda .nav>li>a:hover, body.body-version-fr .brand-cerasarda .nav>li>a:visited { padding-left: 4px; padding-right: 4px;} /* colori */ #slide-primopiano.layout-scheda-colori #txt-primopiano { height: 300px !important;} } @media only screen and (max-width: 830px) { /* menu lingua */ body.body-version-de .brand-cerasarda .nav>li>a, body.body-version-de .brand-cerasarda .nav>li>a:hover, body.body-version-de .brand-cerasarda .nav>li>a:visited { padding-left: 4px; padding-right: 4px;} /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 24.5%; margin-top: 6%; } /* --------------- collezione - schede interne --------------- */ /* menu collezioni */ #brand-nav.brand-nav-2livello .navbar-inverse .navbar-nav>li>a, #brand-nav.brand-nav-2livello .navbar-inverse .navbar-nav>li>a:hover, #brand-nav.brand-nav-2livello .navbar-inverse .navbar-nav>li>a:visited { padding-left: 18px; padding-right: 18px;} /* ispirazioni */ .brand-cerasarda .img-fissa-primopiano #gallery-primopiano .areaGalleryInfo { margin-top: 3%; margin-left: 32%; } /* complementi */ .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-slide-imgfissa #txt-primopiano { height: 185px !important; padding-top: 10px;} /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 162px;} /* FINE - nascondere sfondo bianco in eccedenza */ } @media only screen and (max-width: 820px) { /* --------------- menu --------------- */ .brand-cerasarda .nav>li>a, .brand-cerasarda .nav>li>a:hover, .brand-cerasarda .nav>li>a:visited { padding-left: 7px; padding-right: 7px;} /* menu lingua */ body.body-version-de .brand-cerasarda .nav>li>a, body.body-version-de .brand-cerasarda .nav>li>a:hover, body.body-version-de .brand-cerasarda .nav>li>a:visited { padding-left: 4px; padding-right: 4px;} /* --------------- home --------------- */ /* --- ambienti */ #ambienti-primopiano_menu_tipologie ul li { padding: 5px 0;} #ambienti-primopiano .col-md-3 { width: 32%; } #ambienti-primopiano .col-md-9 { width: 65%; } /* --- progetti */ #progetti-primopiano_01 { width: 36%;} #progetti-primopiano_txt { width: 60%;} #box_progetti_primopiano_txt_intro { padding-top: 0; padding-bottom: 30px;} .box_single_progetti_primopiano h5 { margin-bottom: 20px; } #box_progetti_primopiano_txt_intro p { font-size: 12px; line-height: 18px;} /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 26%; margin-top: 8%; } .slide-profilo .areaGalleryInfo { width: 360px; height: 360px;} .slide-profilo .areaGalleryInfo-txt {height: 305px;} .brand-cerasarda .slide-profilo .areaGalleryInfo p { margin-bottom: 10px; } /* --------------- progetti --------------- */ #wall-anteprime-3clm #pinBoot .col-md-4 { display: block; float: left; width: 30.5% !important; margin-left: 11px !important; margin-right: 11px !important; } #wall-anteprime-3clm #pinBoot .col-md-4 h3 { font-size: 16px !important; line-height: 18px !important;} #wall-anteprime-3clm #pinBoot .col-md-4 h4 { font-size: 12px !important; line-height: 18px !important;} /* --------------- ambienti --------------- */ body.page-template-tpl-ambienti-destinazioni-uso #wall-mix #pinBoot .col-md-4 { width: 29% !important; } } @media only screen and (max-width: 810px) { /* --------------- menu --------------- */ #brand-nav { margin-top: 8px !important;} .brand-cerasarda .nav>li>a, .brand-cerasarda .nav>li>a:hover, .brand-cerasarda .nav>li>a:visited { padding-left: 6px; padding-right: 6px;} /* menu lingua */ body.body-version-de .brand-cerasarda .nav>li>a, body.body-version-de .brand-cerasarda .nav>li>a:hover, body.body-version-de .brand-cerasarda .nav>li>a:visited { padding-left: 4px; padding-right: 4px;} body.body-version-fr .brand-cerasarda .nav>li>a, body.body-version-fr .brand-cerasarda .nav>li>a:hover, body.body-version-fr .brand-cerasarda .nav>li>a:visited { padding-left: 2px; padding-right: 3px;} body.body-version-fr #logo-menu { width: 31%; } body.body-version-fr #brand-nav.col-md-7 { width: 68%; } /* --------------- home --------------- */ #img-primopiano-prima .img-primopiano-bottomright { top: 49%;} body.home .brand-cerasarda #gallery-primopiano, body.home #slide-primopiano #img-primopiano { float: left; width: 49%; background-color: transparent;} body.home .brand-cerasarda #gallery-primopiano { margin-left: 8px; margin-right: 5px;} /* --------------- collezione - scheda interna--------------- */ /* colori */ #slide-primopiano.layout-scheda-colori #txt-primopiano { height: 285px !important;} .colore-ante { font-size: 10px;} .fondi-ante { font-size: 11px;} /* --------------- news --------------- */ #sidebar label.cat-novita-single a, #sidebar label.cat-novita-single a:hover, #sidebar label.cat-novita-single a:visited { font-size: 15px; } /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 160px;} /* FINE - nascondere sfondo bianco in eccedenza */ } @media only screen and (max-width: 800px) { /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 155px;} /* FINE - nascondere sfondo bianco in eccedenza */ /* caratteristiche */ #collezioni_table_info table tr td { font-size: 11px;} } @media only screen and (max-width: 790px) { /* --------------- collezione --------------- */ #wall-anteprime-3clm .col-md-4 { display: block; float: left; width: 30.2%; } /* --------------- ambienti --------------- */ body.page-template-tpl-ambienti-destinazioni-uso #wall-mix #pinBoot .col-md-4 { width: 29% !important; } /* --------------- collezione - schede interne --------------- */ /* ispirazioni */ .brand-cerasarda .img-fissa-primopiano #gallery-primopiano .areaGalleryInfo { margin-top: 5%; margin-left: 34%; } #slide-primopiano.img-fissa-primopiano .areaGalleryInfo { height: 260px; width: 260px;} #slide-primopiano.img-fissa-primopiano .areaGalleryInfo-txt {height: 205px;} /* colori */ .brand-cerasarda #slide-primopiano.layout-scheda-colori .areaGalleryInfo-txt {padding-top: 35%;} #slide-primopiano.layout-scheda-colori #gallery-primopiano.col-md-8 { width: 65%; } .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-colori #txt-primopiano, #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-colori #txt-primopiano { width: 30%;} #slide-primopiano.layout-scheda-colori #txt-primopiano { height: 285px !important;} #slide-primopiano.layout-scheda-colori #txt-primopiano h1, #slide-primopiano.layout-scheda-colori #txt-primopiano h2 { padding: 0 5%; } #slide-primopiano.layout-scheda-colori #txt-primopiano h1 { font-size: 26px;} #slide-primopiano.layout-scheda-colori #txt-primopiano h2 { font-size: 13px; line-height: 16px;} .colore-ante { width: 28%;line-height: 12px;} /* complementi */ #slide-primopiano.layout-scheda-slide-imgfissa #gallery-primopiano.col-md-8 { width: 65%;} .brand-cerasarda #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano { width: 30%;} .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-slide-imgfissa #txt-primopiano { height: 180px !important; padding-top: 10px;} #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h1, #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h2 { padding: 0 5%; } #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h1 { font-size: 26px;} #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h2 { font-size: 13px; line-height: 15px;} /* ----------- AMBIENTI - PROGETTI - schede singole galleria ---------- */ body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img { max-height: 480px !important; height: 100% !important; max-width: none !important; width: auto !important; margin: 0 auto !important; } } @media only screen and (max-width: 780px) { /* menu lingua */ body.body-version-fr .brand-cerasarda .nav>li>a, body.body-version-fr .brand-cerasarda .nav>li>a:hover, body.body-version-fr .brand-cerasarda .nav>li>a:visited { padding-left: 3px; padding-right: 4px;} body.body-version-de .brand-cerasarda .nav>li>a, body.body-version-de .brand-cerasarda .nav>li>a:hover, body.body-version-de .brand-cerasarda .nav>li>a:visited { padding-left: 3px; padding-right: 4px;} body.body-version-fr #logo-menu { width: 30%; } body.body-version-fr #brand-nav.col-md-7 { width: 70%; } /* complementi */ .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-slide-imgfissa #txt-primopiano { height: 175px !important; padding-top: 10px;} /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 150px;} /* FINE - nascondere sfondo bianco in eccedenza */ /* caratteristiche */ #collezioni_table_info table tr td { font-size: 10px;} #collezioni_table_info table tr td:nth-child(2) {padding-right: 10px;} /* --------------- PAGINA CERTIFICAZIONI 2017 --------------- */ .documents_extra_for_download .box_single_txt_documents_extra.col-md-7 { width: 68%;} } @media only screen and (max-width: 768px) { /* --------------- MOOD - Pagina I VIDEO --------------- */ .col-md-6.pagina-video.rwd-video iframe { height: 220px; } } @media only screen and (max-width: 767px) { /* --------------- header --------------- */ /* menu nav - tendina */ .navbar-inverse .navbar-toggle { border-width: 1px; margin-right: 20px;border-color: #333;} .navbar-inverse .navbar-toggle .icon-bar { background-color: #000; } .navbar-inverse .navbar-collapse { width: 100%; } .navbar-inverse .navbar-collapse { text-align: center !important; margin: 0 auto !important;} /* menu - SWITCH MENU */ #brand-nav.col-md-7, #logo-menu { width: 100% !important; max-width: none;} .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0;} .navbar-inverse .navbar-toggle { margin-right: 0; border-color: #ccc; } .navbar-toggle { margin-top: 0; width: 100%; margin: 0 auto; margin-bottom: 0; border-radius: 0;} .navbar-toggle .icon-bar { margin-left: 95%; } .navbar-nav { margin-left: 0; margin-right: 0; width: 100%; padding-left: 0;padding-right: 0;} .nav > li { width: 100%; padding-left: 0;padding-right: 0;} .brand-cerasarda .navbar-inverse .navbar-nav>li>a, .brand-cerasarda .navbar-inverse .navbar-nav>li>a:hover, .brand-cerasarda .navbar-inverse .navbar-nav>li>a:visited { width: 100%;} .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:visited, .navbar-inverse .navbar-toggle:focus { background-color: #fff;} .navbar-inverse .navbar-toggle:hover { background-color: #000; color: #fff;} .navbar-inverse .navbar-toggle:hover .icon-bar { background-color: #fff; color: #fff;} .navbar-nav { width: 100%;} .brand-cerasarda .nav>li>a, .brand-cerasarda .nav>li>a:hover, .brand-cerasarda .nav>li>a:visited { padding-left: 16px !important; padding-right: 16px !important; background-image: none;} .brand-cerasarda .nav>li>a:hover { background-image: none;} .showHambMenu { border: 1px solid #ccc; border-top: 0 solid #ccc;} .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #ccc;} .brand-cerasarda .nav>li>a:hover, .brand-cerasarda .nav>li.dropdown.active>a, .brand-cerasarda .nav>li.dropdown.active>a:hover, .brand-cerasarda .nav>li.dropdown.active>a:visited { color: #f2f2f2 !important; } .dropdown-menu { display: block !important;} .dropdown-menu, .dropdown-menu li, .dropdown-menu li a, .dropdown-menu li a:hover, .dropdown-menu li a:visited, .dropdown-menu li a:focus { width: 100%; float: left; display: block; text-align: center; padding-left: 0; padding-right: 0;} .dropdown-menu li, .dropdown-menu li a, .dropdown-menu li a:hover, .dropdown-menu li a:visited, .dropdown-menu li a:focus { width: 100%;} .navbar-nav > li > .dropdown-menu { left: 0; margin-left: 0; position: relative; border-top: 0px solid #fff; background-color: #f2f2f2; width: 100% !important;} .dropdown-menu > li > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:visited { color: #808080;} /* menu colori */ .brand-cerasarda .nav>li {border-bottom: 0px solid #f2f2f2; } .dropdown-menu > li {border-bottom: 0px solid #f2f2f2; } /* voci principali */ .brand-cerasarda .nav>li.dropdown.active>a:visited, .brand-cerasarda .nav>li>a:hover, .brand-cerasarda .nav>li.dropdown.active>a, .brand-cerasarda .nav>li.dropdown.active>a:hover, .brand-cerasarda .nav>li.dropdown.active>a:visited { background-image: none !important; color: #f2f2f2 !important; background-color: #fff !important;} /* voci normali */ .dropdown-menu > li > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:visited {color: #fff !important; background-color: #f2f2f2 !important; } .dropdown-menu > li > a:hover {color: #fff !important; background-color: #f2f2f2 !important;} /* tendina voci */ .brand-cerasarda .nav>li.dropdown.active>a:visited, .brand-cerasarda .nav>li.dropdown.active>a, .brand-cerasarda .nav>li.dropdown.active>a:hover, .brand-cerasarda .nav>li.dropdown.active>a:visited { background-image: none !important; color: #e87619 !important; background-color: #fff !important;} .brand-cerasarda .nav>li>a:hover { color: #e87619 !important; background-color: #fff !important;} /* --------------- breadC --------------- */ .brand-cerasarda .breadcrumb > li > a, .brand-cerasarda .breadcrumb > li > a:hover, .brand-cerasarda .breadcrumb > li > a:visited { font-size: 11px; background-position: right 0 !important;} /* --------------- home --------------- */ /* --- ambienti */ #ambienti-primopiano_menu_tipologie ul li { padding: 5px 0;} #ambienti-primopiano .col-md-3 { width: 33%; margin-top: 0;} #ambienti-primopiano .col-md-9 { width: 62%; } /* --- progetti */ #progetti-primopiano_01 { width: 32%;} #progetti-primopiano_txt { width: 63%;} /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 25%; margin-top: 7%; } /* --------------- scheda progetto - scheda ambiente --------------- */ table.tAmbPrj tr td.etichetta { font-size: 13px !important; } table.tAmbPrj tr td { font-size: 12px !important; } /* --------------- collezione - schede interne --------------- */ /* menu collezioni */ .brand-nav-2livello .navbar-inverse .navbar-toggle, .brand-nav-2livello .navbar-inverse .navbar-toggle:visited, .brand-nav-2livello .navbar-inverse .navbar-toggle:focus { background-color: #000 !important;} .brand-nav-2livello .navbar-inverse .navbar-toggle .icon-bar, .brand-nav-2livello .navbar-inverse .navbar-toggle .icon-bar:hover, .brand-nav-2livello .navbar-inverse .navbar-toggle .icon-bar:visited { color: #000 !important; background-color: #000 !important; width: 1px !important; display: none;} .brand-nav-2livello .navbar-inverse .navbar-toggle { background-image: url(../images/freccia-down_white.png); background-position: 96% center; background-repeat: no-repeat;} .brand-nav-2livello .navbar-inverse .navbar-toggle label { display: block; float: left; text-transform: uppercase; text-align: left; color: #fff !important; margin-bottom: 0; font-weight: normal; font-size: 13px !important; line-height: 14px !important;} /* ispirazioni */ .brand-cerasarda .mboard-box-txt h1 { font-size: 18px;} .brand-cerasarda .mboard-box-txt p { font-size: 13px;line-height: 21px;} /* colori */ #slide-primopiano.layout-scheda-colori #txt-primopiano { height: 270px !important;} .colore-ante { min-height: 160px;} /* ----------- AMBIENTI - PROGETTI - schede singole galleria ---------- */ body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img { max-height: 450px !important; height: 100% !important; max-width: none !important; width: auto !important; margin: 0 auto !important; } .brand-nav-2livello .navbar-inverse .navbar-toggle label{ width: 100%; text-align: center; color: #000 !important; } } @media only screen and (max-width: 760px) { /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 147px;} /* FINE - nascondere sfondo bianco in eccedenza */ } @media only screen and (max-width: 755px) { /* --------------- home --------------- */ /* --- ambienti */ #ambienti-primopiano_01.col-md-5, #ambienti-primopiano_02.col-md-3 { max-width: none !important;} #ambienti-primopiano_01.col-md-5 { width: 61% !important;} #ambienti-primopiano_02.col-md-3 { width: 35% !important; margin-right: 0;} #ambienti-primopiano_menu_tipologie.col-md-4 { max-width: none !important; margin-top: 30px; } #ambienti-primopiano_03.col-md-4, #ambienti-primopiano_04.col-md-4, #ambienti-primopiano_05.col-md-4 { max-width: none !important;} #ambienti-primopiano_03.col-md-4 { width: 29.8% !important;} #ambienti-primopiano_04.col-md-4 { width: 30.8% !important;} #ambienti-primopiano_05.col-md-4 { width: 30.2% !important;} /* --- news */ .box_single_novita_img { max-width: 150px;} .box_single_novita_txt { width: 60%; } .box_single_novita_txt .data { margin-top: 5px;} .box_single_novita_txt h5, .box_single_novita_txt h5 a, .box_single_novita_txt h5 a:hover, .box_single_novita_txt h5 a:visited { line-height: 20px;} /* --------------- profilo --------------- */ .box_single_progetti_primopiano p span { width: 70%; } .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 27%; margin-top: 8%; } .slide-profilo .areaGalleryInfo { width: 320px; height: 320px;} .slide-profilo .areaGalleryInfo-txt {height: 265px;} .brand-cerasarda .slide-profilo .areaGalleryInfo p { margin-bottom: 5px; } .brand-cerasarda .slide-profilo .areaGalleryInfo h3 { font-size: 28px; line-height: 28px; font-family: 'BodoniNr1SH-Light', sans-serif; /* font-family: 'Times New Roman', sans-serif;*/ font-weight: bold; text-align: left;} .brand-cerasarda .slide-profilo .areaGalleryInfo p { font-size: 13px; } .brand-cerasarda .slide-profilo .areaGalleryInfo .areaGalleryInfo-txt-desc p { font-size: 12px; line-height: 18px;} /* ----------- CONTATTI ---------- */ #formContattaci h2 { font-size: 22px;} #contatti-txt h2, #contatti-txt h2 strong { font-size: 22px;} /* colori */ #slide-primopiano.layout-scheda-colori #txt-primopiano { height: 260px !important;} /* complementi */ .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-slide-imgfissa #txt-primopiano { height: 165px !important; padding-top: 10px;} } @media only screen and (max-width: 740px) { /* --------------- home --------------- */ body.home .brand-cerasarda #gallery-primopiano, body.home #slide-primopiano #img-primopiano { float: left; width: 49%; background-color: transparent;} body.home .brand-cerasarda #gallery-primopiano { margin-left: 8px; margin-right: 5px;} /* --------------- collezione --------------- */ #wall-anteprime-3clm .col-md-4 { display: block; float: left; width: 30%; } /* --------------- progetti --------------- */ #wall-anteprime-3clm #pinBoot .col-md-4 { display: block; float: left; width: 30.5% !important; margin-left: 11px !important; margin-right: 11px !important; } #wall-anteprime-3clm #pinBoot .col-md-4 h3 { font-size: 14px !important; line-height: 16px !important;} #wall-anteprime-3clm #pinBoot .col-md-4 h4 { font-size: 11px !important; line-height: 18px !important;} /* --------------- ambienti --------------- */ body.page-template-tpl-ambienti-destinazioni-uso #wall-mix #pinBoot .col-md-4 { width: 29% !important; } /* --------------- collezione - schede interne --------------- */ /* ispirazioni */ .brand-cerasarda .img-fissa-primopiano #gallery-primopiano .areaGalleryInfo { margin-top: 4%; margin-left: 33%; } #slide-primopiano.img-fissa-primopiano .areaGalleryInfo { height: 260px; width: 260px;} #slide-primopiano.img-fissa-primopiano .areaGalleryInfo-txt {height: 205px;} /* colori */ #slide-primopiano.layout-scheda-colori #txt-primopiano { height: 255px !important;} /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 143px;} /* FINE - nascondere sfondo bianco in eccedenza */ } @media only screen and (max-width: 720px) { /* ---------------home --------------- */ /* --- ambienti */ #ambienti-primopiano_menu_tipologie ul { margin-right: 0;} #ambienti-primopiano .col-md-3 { padding-right: 0;} #ambienti-primopiano_menu_tipologie ul li { padding: 5px 0; border-bottom: 1px solid #000;} #ambienti-primopiano_menu_tipologie, #ambienti-primopiano .col-md-3 { width: 100%; } #ambienti-primopiano_menu_tipologie { max-width: none;} #ambienti-primopiano .col-md-9 { width: 100%; } /* --------------- collezione - schede interne --------------- */ /* ispirazioni */ .brand-cerasarda .img-fissa-primopiano #gallery-primopiano .areaGalleryInfo { margin-top: 4%; margin-left: 33%; } #slide-primopiano.img-fissa-primopiano .areaGalleryInfo { height: 240px; width: 240px;} #slide-primopiano.img-fissa-primopiano .areaGalleryInfo-txt {height: 185px;} .brand-cerasarda .mboard-box-txt h1 { font-size: 15px;} .brand-cerasarda .mboard-box-txt p { font-size: 12px;line-height: 20px;} /* colori */ #slide-primopiano.layout-scheda-colori #txt-primopiano { height: 250px !important;} /* complementi */ .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-slide-imgfissa #txt-primopiano { height: 160px !important; padding-top: 10px;} #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h1 { font-size: 22px;} #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h2 { font-size: 12px;} /* ----------- AMBIENTI - PROGETTI - schede singole galleria ---------- */ body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img { max-height: 400px !important; height: 100% !important; max-width: none !important; width: auto !important; margin: 0 auto !important; } /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 140px;} /* FINE - nascondere sfondo bianco in eccedenza */ } @media only screen and (max-width: 710px) { /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 137px;} /* FINE - nascondere sfondo bianco in eccedenza */ } @media only screen and (max-width: 700px) { /* --------------- home --------------- */ /* --- progetti */ #progetti-primopiano_01 { width: 100%; margin-bottom: 30px;} #progetti-primopiano_txt { width: 100%;} #box_progetti_primopiano_txt_intro { padding-top: 0; padding-bottom: 30px;} .box_single_progetti_primopiano h5 { margin-bottom: 20px; } #box_progetti_primopiano_txt_intro h4, #box_progetti_primopiano_txt_intro p { padding-left: 0; padding-right: 0;} #box_progetti_primopiano_txt_intro p { font-size: 14px; line-height: 22px;} /* --- news */ #novita-primopiano_01, #novita-primopiano_txt { width: 100%; margin-left: 0;} #novita-primopiano_txt {margin-bottom: 30px;} .box_single_novita_img { max-width: 150px;} .box_single_novita_txt { width: 60%; } .box_single_novita_txt .data { margin-top: 5px;} .box_single_novita_txt h5, .box_single_novita_txt h5 a, .box_single_novita_txt h5 a:hover, .box_single_novita_txt h5 a:visited { line-height: 20px;} /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 25%; margin-top: 7%; } /* --------------- collezione --------------- */ .title_section_center.title_section_center_top h4 { font-size: 30px; line-height: 30px; margin-bottom: 2px;} .title_section_center.title_section_center_top p { font-size: 13px; line-height: 14px;} #wall-anteprime-3clm .col-md-4 { display: block; float: left; width: 46%; } #wall-anteprime-3clm .col-md-4 h4, #wall-anteprime-3clm .col-md-4 h4 p{ font-size: 12px; } #wall-anteprime-3clm .col-md-4 h3 { font-size: 18px; line-height: 22px; } /* --------------- collezioni - scheda --------------- */ /* ispirazioni */ body.page-template-tpl-collezioni-dettaglio #wall-mix .col-md-4 { width: 100%; padding-right: 0; padding-left: 0;} .brand-cerasarda .mboard-box-txt h1 { font-size: 18px;} .brand-cerasarda .mboard-box-txt p { font-size: 13px;line-height: 21px;} /* colori */ #slide-primopiano.layout-scheda-colori #txt-primopiano { height: 245px !important;} /* complementi */ .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-slide-imgfissa #txt-primopiano { height: 155px !important; padding-top: 10px;} /* --------------- progetti --------------- */ #wall-anteprime-3clm #pinBoot .col-md-4 { display: block; float: left; width: 30% !important; margin-left: 11px !important; margin-right: 11px !important; max-width: none !important; } /* --------------- ambienti --------------- */ body.page-template-tpl-ambienti-destinazioni-uso #wall-mix #pinBoot .col-md-4 { width: 28% !important; } /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { margin-top: 36px; max-height: 198px;} /* FINE - nascondere sfondo bianco in eccedenza */ /* --------------- PAGINA CERTIFICAZIONI 2017 --------------- */ .documents_extra_for_download .box_single_txt_documents_extra.col-md-7 { width: 65%;} } @media only screen and (max-width: 690px) { /* --------------- home --------------- */ #img-primopiano-prima .img-primopiano-bottomright { top: 47%;} body.home .brand-cerasarda #gallery-primopiano .areaGalleryInfo { width: 80%;} body.home .brand-cerasarda #gallery-primopiano .areaGalleryInfo h1, body.home .brand-cerasarda #gallery-primopiano .areaGalleryInfo h1 a, body.home .brand-cerasarda #gallery-primopiano .areaGalleryInfo h1 a:hover, body.home .brand-cerasarda #gallery-primopiano .areaGalleryInfo h1 a:visited, #img-primopiano-topright h1, #img-primopiano-topright h1 a, #img-primopiano-topright h1 a:hover, #img-primopiano-topright h1 a:visited { font-size: 30px; line-height: 28px;} body.home .brand-cerasarda #gallery-primopiano {margin-left: 4px;} /* ----------------- home slide pagina custom ----------------- */ #img-secondopiano-large{width: 99.03%; margin-left: 4px;} } @media only screen and (max-width: 670px) { /* --------------- home --------------- */ /* --- ambienti */ #ambienti-primopiano_01.col-md-5, #ambienti-primopiano_02.col-md-3 { max-width: none !important;} #ambienti-primopiano_01.col-md-5 { width: 60% !important;} #ambienti-primopiano_02.col-md-3 { width: 34.5% !important; float: right !important;} #ambienti-primopiano_03.col-md-4, #ambienti-primopiano_04.col-md-4, #ambienti-primopiano_05.col-md-4 { max-width: none !important;} #ambienti-primopiano_03.col-md-4 { width: 29.8% !important;} #ambienti-primopiano_04.col-md-4 { width: 30.8% !important;} #ambienti-primopiano_05.col-md-4 { width: 30.2% !important;} /* --------------- progetti --------------- */ .box_extra_info .box_single_progetti_primopiano { width: 100%; margin-right: 0; margin-bottom: 30px; } /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 25%; margin-top: 7%; } .slide-profilo .areaGalleryInfo { width: 300px; height: 300px;} .slide-profilo .areaGalleryInfo-txt {height: 245px;} .brand-cerasarda .slide-profilo .areaGalleryInfo p { margin-bottom: 5px; } .brand-cerasarda .slide-profilo .areaGalleryInfo h3 { font-size: 28px; line-height: 28px;} .brand-cerasarda .slide-profilo .areaGalleryInfo p { font-size: 13px; } .brand-cerasarda .slide-profilo .areaGalleryInfo .areaGalleryInfo-txt-desc p { font-size: 11px; line-height: 16px;} /* ----------- CONTATTI ---------- */ #contatti-txt { width: 100%; } #formContattaci { width: 100%; border-left: 0px solid #000; border-top: 1px solid #000;} #formContattaci h2 { font-size: 22px;} #contatti-txt h2, #contatti-txt h2 strong { font-size: 22px;} #formContattaci div.wpcf7 { padding: 0;} /* ----------- collezione - scheda interna ---------- */ /* colori */ #slide-primopiano.layout-scheda-colori #txt-primopiano { height: 235px !important;} /* complementi */ .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-slide-imgfissa #txt-primopiano { height: 150px !important; padding-top: 10px;} #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h1 { font-size: 20px;} #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h2 { font-size: 12px;} /* --------------- news --------------- */ #novita-primopiano_txt_template { width: 70%; } body.archive #sidebar {width: 25%; min-width: 160px;} #box_novita_primopiano_template .box_single_novita_txt h5 { line-height: 22px;} /* --------------- custom --------------- */ body.page-template-tpl-custom #formContattaci.col-md-8 {border-top: 0px solid #000 !important; width: 100%;} body.page-template-tpl-custom #contatti-txt-left.col-md-2, body.page-template-tpl-custom #contatti-txt-right.col-md-2 { display: none;} } @media only screen and (max-width: 660px) { /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 192px;} /* FINE - nascondere sfondo bianco in eccedenza */ } @media only screen and (max-width: 650px) { /* --------------- home --------------- */ /* --- slide */ .brand-cerasarda #txt-primopiano h1, .brand-cerasarda #txt-primopiano h2 { padding: 0 20%;} .brand-cerasarda #gallery-primopiano .areaGalleryInfo { margin-left: 21%; margin-top: 18.5%;} #slide-primopiano #gallery-primopiano.col-md-8 {height: 476px;} #slide-primopiano #gallery-primopiano.col-md-8 .swiper-container { width: 500px; } .brand-cerasarda #gallery-primopiano a img, .brand-cerasarda #gallery-primopiano img { max-width: 500px; } .swiper-button { width: 18% !important;} /* --------------- collezione - schede interne --------------- */ /* ispirazioni */ .brand-cerasarda .img-fissa-primopiano #gallery-primopiano .areaGalleryInfo { margin-top: 3%; margin-left: 32%; } #slide-primopiano.img-fissa-primopiano .areaGalleryInfo { height: 240px; width: 240px;} #slide-primopiano.img-fissa-primopiano .areaGalleryInfo-txt {height: 185px;} /* colori */ #slide-primopiano.layout-scheda-colori #txt-primopiano { height: 230px !important;} .brand-cerasarda #slide-primopiano.layout-scheda-colori .areaGalleryInfo-txt { padding-top: 32%;} .colore-ante { width: 27%; min-height: 160px;} /* complementi */ .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-slide-imgfissa #txt-primopiano { height: 145px !important; padding-top: 10px;} /* --------------- news --------------- */ body.archive #sidebar {width: 25%; min-width: 160px; float: right;} /* ----------- AMBIENTI - PROGETTI - schede singole galleria ---------- */ body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img { max-height: 380px !important; height: 100% !important; max-width: none !important; width: auto !important; margin: 0 auto !important; } } @media only screen and (max-width: 640px) { /* --------------- collezione - schede interne --------------- */ /* ispirazioni */ .brand-cerasarda .img-fissa-primopiano #gallery-primopiano .areaGalleryInfo { margin-top: 3%; margin-left: 32%; } #slide-primopiano.img-fissa-primopiano .areaGalleryInfo { height: 220px; width: 220px;} #slide-primopiano.img-fissa-primopiano .areaGalleryInfo-txt {height: 170px;} .brand-cerasarda #slide-primopiano.img-fissa-primopiano .areaGalleryInfo h3 {font-size: 26px; line-height: 26px; } .brand-cerasarda #slide-primopiano.img-fissa-primopiano .areaGalleryInfo p {font-size: 11px; line-height: 13px; } /* colori */ #slide-primopiano.layout-scheda-colori #txt-primopiano { height: 225px !important;} /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 187px;} /* FINE - nascondere sfondo bianco in eccedenza */ /* --------------- PAGINA CERTIFICAZIONI 2017 --------------- */ .documents_extra_for_download .box_single_txt_documents_extra.col-md-7 { width: 60%;} } @media only screen and (max-width: 635px) { /* --------------- collezione - scheda interna --------------- */ /* colori */ #slide-primopiano.layout-scheda-colori #gallery-primopiano.col-md-8 { width: 64%;} #slide-primopiano.layout-scheda-colori #txt-primopiano { height: 220px !important;} .brand-cerasarda #slide-primopiano.layout-scheda-colori .areaGalleryInfo-txt {padding-top: 30%;} #slide-primopiano.layout-scheda-colori #txt-primopiano h1 {font-size: 21px;} /* complementi */ #slide-primopiano.layout-scheda-slide-imgfissa #gallery-primopiano.col-md-8 { width: 64%;} .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-slide-imgfissa #txt-primopiano { height: auto !important; padding-top: 10px;} #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h1 { font-size: 18px;} #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h2 { font-size: 11px;} /* --------------- news --------------- */ #searchform #s, #searchform #s:focus {width: 60%;} body.error404 #searchform #s, body.error404 #searchform #s:focus {width: 70%;} } @media only screen and (max-width: 620px) { /* ----------- AMBIENTI - PROGETTI - schede singole galleria ---------- */ body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img { max-height: 350px !important; height: 100% !important; max-width: none !important; width: auto !important; margin: 0 auto !important; } /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 182px;} /* FINE - nascondere sfondo bianco in eccedenza */ } @media only screen and (max-width: 615px) { /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 180px;} /* FINE - nascondere sfondo bianco in eccedenza */ } @media only screen and (max-width: 600px) { /* --------------- header --------------- */ /* --- topbar */ #link_topbar.col-md-8, #ico_social.col-md-4 { width: 100%;} #link_topbar.col-md-8 { margin-top: 25px; padding-top: 10px; border-top: 1px solid #000;} #ico_social.col-md-4 { position: absolute; z-index: 99; top: 0; padding-right: 10px !important;} #tendina-topbar a.link-brand, #tendina-topbar a:hover.link-brand, #tendina-topbar a:visited.link-brand {font-size: 10px;line-height: 14px; } /* --------------- home --------------- */ #img-primopiano-prima .img-primopiano-bottomright { top: 45%;} body.home .brand-cerasarda #gallery-primopiano .areaGalleryInfo { width: 100%;} body.home .brand-cerasarda #gallery-primopiano .areaGalleryInfo h2, body.home .brand-cerasarda #gallery-primopiano .areaGalleryInfo h2 a, body.home .brand-cerasarda #gallery-primopiano .areaGalleryInfo h2 a:hover, body.home .brand-cerasarda #gallery-primopiano .areaGalleryInfo h2 a:visited, #img-primopiano-topright h2, #img-primopiano-topright h2 a, #img-primopiano-topright h2 a:hover, #img-primopiano-topright h2 a:visited { font-size: 15px; line-height: 18px;} body.home .brand-cerasarda #gallery-primopiano .areaGalleryInfo h1, body.home .brand-cerasarda #gallery-primopiano .areaGalleryInfo h1 a, body.home .brand-cerasarda #gallery-primopiano .areaGalleryInfo h1 a:hover, body.home .brand-cerasarda #gallery-primopiano .areaGalleryInfo h1 a:visited, #img-primopiano-topright h1, #img-primopiano-topright h1 a, #img-primopiano-topright h1 a:hover, #img-primopiano-topright h1 a:visited { font-size: 25px; line-height: 24px;} /* --------------- profilo --------------- */ .testo1-profilo .col-md-12 .col-md-4, .testo1-profilo .col-md-12 .col-md-7, .testo1-profilo_img, .box_single_collezioni_box_txt, .box_single_collezioni_box_img, .box_single_collezioni_box, .testo1-profilo .col-md-12 { display: block; float: left;} .testo1-profilo .col-md-12 { width: 100%; } .testo1-profilo_img { width: 100%; max-width: none; margin-bottom: 30px; margin-right: 0px;} .testo1-profilo_img img {width: 100%; height: auto;} .testo1-profilo .col-md-12 h4 { font-size: 21px; line-height: 24px;} .title_section_center h4 { font-size: 30px; line-height: 30px;} .title_section_center p { font-size: 15px; line-height: 20px;} .testo1-profilo .col-md-12 .col-md-7 { width: 100%; float: none; margin: 0 auto; padding-right: 10px !important; padding-left: 10px !important; } .box_single_collezioni_box { width: 100%; } .box_single_collezioni_box_img { width: 50%; } .box_single_collezioni_box_txt { width: 50%; } .testo1-profilo { padding-bottom: 0;} .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 24%; margin-top: 5%; } .slide-profilo .areaGalleryInfo { width: 280px; height: 280px;} .slide-profilo .areaGalleryInfo-txt {height: 245px;} .brand-cerasarda .slide-profilo .areaGalleryInfo p { margin-bottom: 5px; } .brand-cerasarda .slide-profilo .areaGalleryInfo h3 { font-size: 26px; line-height: 26px; padding-top: 0;} .brand-cerasarda .slide-profilo .areaGalleryInfo p { font-size: 13px; } .brand-cerasarda .slide-profilo .areaGalleryInfo .areaGalleryInfo-txt-desc p { font-size: 11px; line-height: 16px;} .brand-cerasarda .slide-profilo .swiper-button { right: 10px; bottom: 25px;} body.page-template-tpl-profilo .brand-cerasarda .areaGalleryInfo .areaGalleryInfo-txt p { max-width: 400px;} body.page-template-tpl-profilo .slide-profilo .areaGalleryInfo { width: 80%;} body.page-template-tpl-profilo .brand-cerasarda .areaGalleryInfo h3 { font-size: 40px; line-height: 38px;} /* --------------- custom --------------- */ body.page-template-tpl-custom .brand-cerasarda .areaGalleryInfo .areaGalleryInfo-txt p { max-width: 400px;} body.page-template-tpl-custom .slide-profilo .areaGalleryInfo { width: 80%;} body.page-template-tpl-custom .brand-cerasarda .areaGalleryInfo h3 { font-size: 40px; line-height: 38px;} /* --------------- collezione --------------- */ .title_section_center.title_section_center_top h4 { font-size: 30px; line-height: 30px; margin-bottom: 2px;} .title_section_center.title_section_center_top p { font-size: 13px; line-height: 14px;} #wall-anteprime-3clm .col-md-4 { display: block; float: left; width: 45%; } /* --------------- collezione - schede interne --------------- */ /* ispirazioni */ .brand-cerasarda .img-fissa-primopiano #gallery-primopiano .areaGalleryInfo { margin-top: 3%; margin-left: 32%; } #slide-primopiano.img-fissa-primopiano .areaGalleryInfo { height: 200px; width: 200px;} #slide-primopiano.img-fissa-primopiano .areaGalleryInfo-txt {height: 145px;} .brand-cerasarda #slide-primopiano.img-fissa-primopiano .areaGalleryInfo h3 {font-size: 26px; line-height: 26px; } .brand-cerasarda #slide-primopiano.img-fissa-primopiano .areaGalleryInfo p {font-size: 11px; line-height: 13px; } /* colori */ .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano #txt-primopiano { width: 100%;min-height: auto;height: auto !important; margin-right: 0;border-top: 1px solid #000;border-bottom: 0px solid #000;padding-top: 20px;} #slide-primopiano.layout-scheda-colori #gallery-primopiano.col-md-8, #slide-primopiano.layout-scheda-colori .swiper-slide, #slide-primopiano.layout-scheda-colori .swiper-slide img, .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-colori #txt-primopiano, #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-colori #txt-primopiano { width: 100%;} #slide-primopiano.layout-scheda-colori .swiper-slide a img, #slide-primopiano.layout-scheda-colori .swiper-slide img { max-width: 650px;} .brand-cerasarda #slide-primopiano.layout-scheda-colori .areaGalleryInfo-txt { padding-top: 35%;} #slide-primopiano.layout-scheda-colori #gallery-primopiano.col-md-8 { margin-top: 0;} .colore-ante { width: 42%; min-height: 160px;} .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-colori .col-md-12 { border-top: 0 solid #000; padding-top: 0;} .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-colori .col-md-12 h1 { margin-top: 30px;} /* complementi */ .brand-cerasarda #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano { width: 100%;min-height: auto;height: auto !important; margin-right: 0;border-top: 1px solid #000;border-bottom: 0px solid #000;padding-top: 20px;} #slide-primopiano.layout-scheda-slide-imgfissa #gallery-primopiano.col-md-8, #slide-primopiano.layout-scheda-slide-imgfissa .swiper-slide, #slide-primopiano.layout-scheda-slide-imgfissa .swiper-slide img, .brand-cerasarda #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano, #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano { width: 100%;} #slide-primopiano.layout-scheda-slide-imgfissa .swiper-slide a img, #slide-primopiano.layout-scheda-slide-imgfissa .swiper-slide img { max-width: 650px;} .brand-cerasarda #slide-primopiano.layout-scheda-slide-imgfissa .areaGalleryInfo-txt { padding-top: 35%;} #slide-primopiano.layout-scheda-slide-imgfissa #gallery-primopiano.col-md-8 { margin-top: 0;} .complementi-tipologia .col-md-4 { width: 33%; } .complementi-tipologia .col-md-8 { width: 66%; } .complementi-tipologia { font-size: 12px;} /* caratteristiche */ #collezioni_table_info.tableCertificazioni table tr td:nth-child(2) { padding-top: 32px;} body.page-template-tpl-collezioni-dettaglio #slide-primopiano.layout-scheda-colori #txt-primopiano h1, body.page-template-tpl-collezioni-dettaglio #slide-primopiano.layout-scheda-slide-imgfissa #txt-primopiano h1{ margin-top: 20px;} /* --------------- news --------------- */ body.single #sidebar { display: none;} #postSingleNews.col-md-9 { width: 100%;} #novita-primopiano_txt_template { width: 65%;} .box_single_novita_txt { width: 55%;} /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 178px;} /* FINE - nascondere sfondo bianco in eccedenza */ /* caratteristiche */ #collezioni_table_info table tr td.ico_table img { /*min-width: 50px;*/} #collezioni_table_info table tr td { line-height: 24px; margin-right: 20px;} #collezioni_table_info table tr td.ico_table { padding-top: 15px; min-width: 60px;} #collezioni_table_info table tr td { padding-right: 15px; line-height: 24px; margin-right: 10px;} #collezioni_table_info table tr td.ico_table.ico_table_last { padding-right: 10px; width: 30px; text-align: right;} #collezioni_table_info table tr td.ico_table a img { width: 18px; margin-bottom: 10px;} #collezioni_table_info table tr td.ico_table .pdfCarTecniche, #collezioni_table_info table tr td.ico_table a, #collezioni_table_info table tr td.ico_table a:hover, #collezioni_table_info table tr td.ico_table a:visited { width: 25px; height: 22px; margin-bottom: 8px; } #collezioni_table_info table tr td:nth-child(2) { line-height: 20px; font-size: 10px;} #collezioni_table_info table tr td:nth-child(3) { line-height: 30px; min-width: 150px; font-size: 9px;} #collezioni_table_info table tr td:nth-child(4) { line-height: 30px; min-width: 100px; font-size: 10px;} #collezioni_table_info table tr td.ico_table.ico_table_last a img { width: 18px;} /* --------------- ambienti --------------- */ /* NOME COLLEZIONE - SLIDE AMBIENTI */ .areaGalleryInfo.areaGalleryInfosingleSlide { top: 30px !important; width: auto !important;} .areaGalleryInfo.areaGalleryInfosingleSlide h3 a, .areaGalleryInfo.areaGalleryInfosingleSlide h3 a:hover, .areaGalleryInfo.areaGalleryInfosingleSlide h3 a:visited { font-size: 20px; line-height: 22px; padding: 5px 25px 0px 25px; } /* --------------- atelier --------------- */ body.page-template-tpl-oggettistica-dettaglio .breadcrumb {padding: 0 15px; } /* --------------- PAGINA CERTIFICAZIONI 2017 --------------- */ .documents_extra_for_download .box_single_txt_documents_extra.col-md-7 { width: 70%;} .documents_extra_for_download .box_single_img_documents_extra { max-width: 150px; } .page-template-tpl-certificazioni .documents_extra_for_download .box_single_txt_documents_extra.col-md-7 .scaricaPDF { padding-top: 45px;} } @media only screen and (max-width: 580px) { /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 170px;} /* FINE - nascondere sfondo bianco in eccedenza */ #fondi .colori-fondi h4.col-md-4, #fondi .colori-fondi h4.col-md-2 { display: none; } #fondi .colori-fondi h4.col-md-6 { width: 100%; } #fondi .colori-fondi .fondi-ante .col-md-6{ width: 100%; margin-bottom: 20px; } #fondi .colori-fondi .fondi-ante .col-md-4{ width: 100%; } #fondi .colori-fondi .fondi-ante .col-md-2{ width: 100%; text-align: left !important;} .fondi-ante .col-md-2 .onlyMobile { display: block;} } @media only screen and (max-width: 575px) { /* --------------- home --------------- */ /* --- ambienti */ #ambienti-primopiano_01.col-md-5, #ambienti-primopiano_02.col-md-3 { max-width: none !important;} #ambienti-primopiano_01.col-md-5 { width: 60% !important;} #ambienti-primopiano_02.col-md-3 { width: 34.5% !important; float: right !important;} #ambienti-primopiano_03.col-md-4, #ambienti-primopiano_04.col-md-4, #ambienti-primopiano_05.col-md-4 { max-width: none !important;} #ambienti-primopiano_03.col-md-4 { width: 28.8% !important;} #ambienti-primopiano_04.col-md-4 { width: 29.8% !important;} #ambienti-primopiano_05.col-md-4 { width: 29.3% !important;} /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 21%; margin-top: 6%; } .slide-profilo .areaGalleryInfo { width:300px; height: 260px;} .slide-profilo .areaGalleryInfo-txt {height: 205px;} .brand-cerasarda .slide-profilo .areaGalleryInfo p { margin-bottom: 5px; } .brand-cerasarda .slide-profilo .areaGalleryInfo h3 { font-size: 26px; line-height: 26px; padding-top: 0;} .brand-cerasarda .slide-profilo .areaGalleryInfo p { font-size: 13px; } .brand-cerasarda .slide-profilo .areaGalleryInfo .areaGalleryInfo-txt-desc p { font-size: 11px; line-height: 16px;} .brand-cerasarda .slide-profilo .swiper-button { right: 10px; bottom: 25px;} body.page-template-tpl-profilo .brand-cerasarda .areaGalleryInfo .areaGalleryInfo-txt p { max-width: 400px;} body.page-template-tpl-profilo .slide-profilo .areaGalleryInfo { width: 80%;} body.page-template-tpl-profilo .brand-cerasarda .areaGalleryInfo h3 { font-size: 40px; line-height: 38px;} /* --------------- custom --------------- */ body.page-template-tpl-custom .brand-cerasarda .areaGalleryInfo .areaGalleryInfo-txt p { max-width: 400px;} body.page-template-tpl-custom .slide-profilo .areaGalleryInfo { width: 80%;} body.page-template-tpl-custom .brand-cerasarda .areaGalleryInfo h3 { font-size: 40px; line-height: 38px;} /* --------------- news --------------- */ #novita-primopiano_txt_template { width: 65%; } body.archive #sidebar {width: 25%; min-width: 160px; float: right;} #novita-primopiano_txt_template .box_single_novita_txt { width: 45%;} #novita-primopiano_txt_template .box_single_novita_txt h5, #novita-primopiano_txt_template .box_single_novita_txt h5 a, #novita-primopiano_txt_template .box_single_novita_txt h5 a:hover, #novita-primopiano_txt_template .box_single_novita_txt h5 a:visited { font-size: 14px; line-height: 18px; } /* --------------- news --------------- */ body.archive #sidebar, #sidebar { float: right !important; min-width: 180px;} /* ----------- AMBIENTI - PROGETTI - schede singole galleria ---------- */ body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img { max-height: 340px !important; height: 100% !important; max-width: none !important; width: auto !important; margin: 0 auto !important; } /* --------------- MOOD - Pagina I VIDEO --------------- */ body.page-template-tpl-pagina-video .col-md-6.pagina-video.rwd-video, .col-md-6.pagina-video.rwd-video, body.page-template-tpl-pagina-video .testo1-profilo-row .col-md-6 { width: 100%;} .col-md-6.pagina-video.rwd-video iframe { height: 315px; } body.page-template-tpl-pagina-video .testo-profilo-video .col-md-6 h4 { font-size: 18px; line-height: 20px; text-align: left; margin-top: 15px; margin-bottom: 2px; text-decoration: none; color: #000; text-transform: uppercase; font-family: 'FrutigerLTStd_Bold', sans-serif; } body.page-template-tpl-pagina-video .testo-profilo-video .col-md-6 p { font-size: 13px; line-height: 20px; text-align: left; margin: 0 0 5px 0; color: #000; font-family: 'FrutigerLTStd_Light', sans-serif; } } @media only screen and (max-width: 565px) { /* --------------- news --------------- */ #novita-primopiano_txt_template .box_single_novita_txt { width: 100%; padding-left: 0px; padding-right: 0px; padding-top: 20px; padding-bottom: 20px;} #novita-primopiano_txt_template, body.archive #sidebar { width: 50%;} body.archive #sidebar { float:right !important;} /* ----------- AMBIENTI - PROGETTI - schede singole galleria ---------- */ body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img { max-height: 300px !important; height: 100% !important; max-width: none !important; width: auto !important; margin: 0 auto !important; } } @media only screen and (max-width: 560px) { /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 165px;} /* FINE - nascondere sfondo bianco in eccedenza */ } @media only screen and (max-width: 540px) { /* --------------- header --------------- */ /* --- topbar - tendina */ #tendina-topbar .col-md-2 { width: 32%; margin-bottom: 10px;} /* --------------- home --------------- */ /* --- slide */ .brand-cerasarda #txt-primopiano h1, .brand-cerasarda #txt-primopiano h2 { padding: 0 15%;} .brand-cerasarda #gallery-primopiano .areaGalleryInfo { margin-left: 20%; margin-top: 17%;} #slide-primopiano #gallery-primopiano.col-md-8 {height: 381px;} #slide-primopiano #gallery-primopiano.col-md-8 .swiper-container { width: 400px; } .brand-cerasarda #gallery-primopiano a img, .brand-cerasarda #gallery-primopiano img { max-width: 400px; } .swiper-button { width: 22% !important;} .areaGalleryInfo { width: 250px; height: 250px;} .areaGalleryInfo-txt { height: 190px;} .brand-cerasarda .areaGalleryInfo h3 { font-size: 30px; line-height: 26px;} .brand-cerasarda .areaGalleryInfo p { font-size: 12px; line-height: 18px;} /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 19%; margin-top: 7%; } .slide-profilo .areaGalleryInfo { width:320px; height: 240px;} .slide-profilo .areaGalleryInfo-txt {height: 190px;} .brand-cerasarda .slide-profilo .areaGalleryInfo p { margin-bottom: 5px; } .brand-cerasarda .slide-profilo .areaGalleryInfo h3 { font-size: 26px; line-height: 26px; padding-top: 0;} .brand-cerasarda .slide-profilo .areaGalleryInfo p { font-size: 13px; } .brand-cerasarda .slide-profilo .areaGalleryInfo .areaGalleryInfo-txt-desc p { font-size: 11px; line-height: 16px;} .brand-cerasarda .slide-profilo .swiper-button { right: 10px; bottom: 25px;} /* --------------- collezione - schede interne --------------- */ /* ispirazioni */ .brand-cerasarda .img-fissa-primopiano #gallery-primopiano .areaGalleryInfo { margin-top: 3%; margin-left: 32%; } #slide-primopiano.img-fissa-primopiano .areaGalleryInfo { height: 180px; width: 180px;} #slide-primopiano.img-fissa-primopiano .areaGalleryInfo-txt {height: 130px;} .brand-cerasarda #slide-primopiano.img-fissa-primopiano .areaGalleryInfo h3 {font-size: 20px; line-height: 20px; } .brand-cerasarda #slide-primopiano.img-fissa-primopiano .areaGalleryInfo p {font-size: 11px; line-height: 13px; } /* colori */ .colore-ante { width: 42%; min-height: 150px;} #fondi.col-md-8 { width: 62%;} .fondi-ante .col-md-6 { width: 100%; margin-bottom: 10px;} /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 160px;} /* FINE - nascondere sfondo bianco in eccedenza */ /* --------------- PAGINA CERTIFICAZIONI 2017 --------------- */ .documents_extra_for_download .box_single_txt_documents_extra.col-md-7 { width: 65%;} /* --------------- MOOD - Pagina I VIDEO --------------- */ .col-md-6.pagina-video.rwd-video iframe { height: 280px; } } @media only screen and (max-width: 520px) { /* --------------- home --------------- */ #img-primopiano-prima .img-primopiano-bottomright { top: 45%;} body.home .brand-cerasarda #gallery-primopiano .areaGalleryInfo { width: 100%;} body.home .brand-cerasarda #gallery-primopiano .areaGalleryInfo h2, body.home .brand-cerasarda #gallery-primopiano .areaGalleryInfo h2 a, body.home .brand-cerasarda #gallery-primopiano .areaGalleryInfo h2 a:hover, body.home .brand-cerasarda #gallery-primopiano .areaGalleryInfo h2 a:visited, #img-primopiano-topright h2, #img-primopiano-topright h2 a, #img-primopiano-topright h2 a:hover, #img-primopiano-topright h2 a:visited { font-size: 15px; line-height: 18px;} body.home .brand-cerasarda #gallery-primopiano .areaGalleryInfo h1, body.home .brand-cerasarda #gallery-primopiano .areaGalleryInfo h1 a, body.home .brand-cerasarda #gallery-primopiano .areaGalleryInfo h1 a:hover, body.home .brand-cerasarda #gallery-primopiano .areaGalleryInfo h1 a:visited, #img-primopiano-topright h1, #img-primopiano-topright h1 a, #img-primopiano-topright h1 a:hover, #img-primopiano-topright h1 a:visited { font-size: 25px; line-height: 24px;} #img-primopiano-prima .img-primopiano-bottomright h3, #img-primopiano-prima .img-primopiano-bottomright h3 a, #img-primopiano-prima .img-primopiano-bottomright h3 a:hover, #img-primopiano-prima .img-primopiano-bottomright h3 a:visited, .img-primopiano-bottomright h3, .img-primopiano-bottomright h3 a, .img-primopiano-bottomright h3 a:hover, .img-primopiano-bottomright h3 a:visited { font-size: 16px; line-height: 18px; } /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 17%; margin-top: 7%; } .slide-profilo .areaGalleryInfo { width:320px; height: 230px;} .slide-profilo .areaGalleryInfo-txt {height: 180px;} .brand-cerasarda .slide-profilo .areaGalleryInfo p { margin-bottom: 5px; } .brand-cerasarda .slide-profilo .areaGalleryInfo h3 { font-size: 26px; line-height: 26px; padding-top: 0;} .brand-cerasarda .slide-profilo .areaGalleryInfo p { font-size: 13px; } .brand-cerasarda .slide-profilo .areaGalleryInfo .areaGalleryInfo-txt-desc p { font-size: 11px; line-height: 16px;} .brand-cerasarda .slide-profilo .swiper-button { right: 0px; bottom: 18px;} /* --------------- collezione --------------- */ #wall-anteprime-3clm .col-md-4 h3 { font-size: 16px; line-height: 18px;} /* --------------- collezione - schede interne --------------- */ /* ispirazioni */ .brand-cerasarda .img-fissa-primopiano #gallery-primopiano .areaGalleryInfo { margin-top: 3%; margin-left: 32%; } #slide-primopiano.img-fissa-primopiano .areaGalleryInfo { height: 180px; width: 180px;} #slide-primopiano.img-fissa-primopiano .areaGalleryInfo-txt {height: 130px;} .brand-cerasarda #slide-primopiano.img-fissa-primopiano .areaGalleryInfo h3 {font-size: 20px; line-height: 20px; } .brand-cerasarda #slide-primopiano.img-fissa-primopiano .areaGalleryInfo p {font-size: 11px; line-height: 13px; } /* colori */ .brand-cerasarda #slide-primopiano.layout-scheda-colori .areaGalleryInfo-txt { padding-top: 30%;} /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { margin-top: 32px; max-height: 150px;} /* FINE - nascondere sfondo bianco in eccedenza */ /* --------------- ambienti --------------- */ /* NOME COLLEZIONE - SLIDE AMBIENTI */ .areaGalleryInfo.areaGalleryInfosingleSlide { top: 30px !important; width: auto !important;} .areaGalleryInfo.areaGalleryInfosingleSlide .areaGalleryInfo { background-image: none !important;} .areaGalleryInfo.areaGalleryInfosingleSlide h3 a, .areaGalleryInfo.areaGalleryInfosingleSlide h3 a:hover, .areaGalleryInfo.areaGalleryInfosingleSlide h3 a:visited { font-size: 14px; line-height: 18px; padding: 5px 25px 0px 25px; font-family: 'BodoniNr1SH-Light', sans-serif;} } @media only screen and (max-width: 500px) { /* --------------- profilo --------------- */ .testo1-profilo .col-md-12 h4 { font-size: 21px; line-height: 24px;} .title_section_center h4 { font-size: 26px; line-height: 26px;} .brand-cerasarda #filosofia-primopiano.filosofia-profilo .col-md-12 p {font-size: 14px; line-height: 24px;} .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 12%; margin-top: 7%; } .slide-profilo .areaGalleryInfo { width:360px; height: 200px;} .slide-profilo .areaGalleryInfo-txt {height: 140px;} .brand-cerasarda .slide-profilo .areaGalleryInfo p { margin-bottom: 5px; } .brand-cerasarda .slide-profilo .areaGalleryInfo h3 { font-size: 20px; line-height: 20px; padding-top: 0;} .brand-cerasarda .slide-profilo .areaGalleryInfo p { font-size: 11px; } .brand-cerasarda .slide-profilo .areaGalleryInfo .areaGalleryInfo-txt-desc p { font-size: 10px; line-height: 14px;} body.page-template-tpl-19mm #filosofia-primopiano .col-md-4 { width: 30%;} body.page-template-tpl-19mm #filosofia-primopiano .col-md-4 img { width: 100%; height: auto;} body.page-template-tpl-19mm #filosofia-primopiano .col-md-8 { width: 60%;} body.page-template-tpl-19mm #filosofia-primopiano.filosofia-profilo .col-md-12 { width: 100%;} body.page-template-tpl-19mm #filosofia-primopiano .col-md-8 p a, body.page-template-tpl-19mm #filosofia-primopiano .col-md-8 p a:hover, body.page-template-tpl-19mm #filosofia-primopiano .col-md-8 p a:visited, .brand-cerasarda #filosofia-primopiano.filosofia-profilo a:hover, .brand-cerasarda #filosofia-primopiano.filosofia-profilo a:visited, .brand-cerasarda #filosofia-primopiano.filosofia-profilo a { font-size: 16px !important;} body.page-template-tpl-profilo .brand-cerasarda .areaGalleryInfo h3 { font-size: 30px; line-height: 28px;} body.page-template-tpl-profilo .brand-cerasarda .areaGalleryInfo .areaGalleryInfo-txt p { margin-bottom: 10px;} body.page-template-tpl-profilo .brand-cerasarda .areaGalleryInfo .areaGalleryInfo-txt p { font-size: 16px;} body.page-template-tpl-profilo .brand-cerasarda .areaGalleryInfo .areaGalleryInfo-txt .areaGalleryInfo-txt-desc p { line-height: 18px; font-size: 14px;} body.page-template-tpl-profilo .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { width: 100%; background-image: url(../images/bg-ombra.png); background-position: left bottom; background-repeat: repeat-x; margin-left: 0; margin-top: 0;} /* --------------- custom --------------- */ body.page-template-tpl-custom .brand-cerasarda .areaGalleryInfo h3 { font-size: 30px; line-height: 28px;} body.page-template-tpl-custom .brand-cerasarda .areaGalleryInfo .areaGalleryInfo-txt p { margin-bottom: 10px;} body.page-template-tpl-custom .brand-cerasarda .areaGalleryInfo .areaGalleryInfo-txt p { font-size: 16px;} body.page-template-tpl-custom .brand-cerasarda .areaGalleryInfo .areaGalleryInfo-txt .areaGalleryInfo-txt-desc p { line-height: 18px; font-size: 14px;} body.page-template-tpl-custom .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { width: 100%; background-image: url(../images/bg-ombra.png); background-position: left bottom; background-repeat: repeat-x; margin-left: 0; margin-top: 0;} /* --------------- progetti --------------- */ #wall-anteprime-3clm #pinBoot .col-md-4 { display: block; float: left; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; max-width: 500px !important; } #wall-anteprime-3clm #pinBoot .col-md-4 .img_ante_wall_zoom, #wall-anteprime-3clm #pinBoot .col-md-4 .img_ante_wall_zoom img, #wall-anteprime-3clm #pinBoot .col-md-4 .img_ante_wall_zoom a, #wall-anteprime-3clm #pinBoot .col-md-4 .img_ante_wall_zoom a:hover, #wall-anteprime-3clm #pinBoot .col-md-4 .img_ante_wall_zoom a:visited { max-width: 500px !important;} /* --------------- ambienti --------------- */ body.page-template-tpl-ambienti-destinazioni-uso #wall-mix #pinBoot .col-md-4 { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; max-width: 500px !important; } body.page-template-tpl-ambienti-destinazioni-uso #wall-mix #pinBoot .col-md-4 .img_ante_wall_zoom, body.page-template-tpl-ambienti-destinazioni-uso #wall-mix #pinBoot .col-md-4 .img_ante_wall_zoom img, body.page-template-tpl-ambienti-destinazioni-uso #wall-mix #pinBoot .col-md-4 .img_ante_wall_zoom a, body.page-template-tpl-ambienti-destinazioni-uso #wall-mix #pinBoot .col-md-4 .img_ante_wall_zoom a:hover, body.page-template-tpl-ambienti-destinazioni-uso #wall-mix #pinBoot .col-md-4 .img_ante_wall_zoom a:visited { max-width: 500px !important;} /* --------------- collezione - schede interne --------------- */ /* ispirazioni */ .brand-cerasarda .img-fissa-primopiano #gallery-primopiano .areaGalleryInfo { margin-top: 3%; margin-left: 31%; } #slide-primopiano.img-fissa-primopiano .areaGalleryInfo { height: 180px; width: 180px;} #slide-primopiano.img-fissa-primopiano .areaGalleryInfo-txt {height: 130px;} .brand-cerasarda #slide-primopiano.img-fissa-primopiano .areaGalleryInfo h3 {font-size: 20px; line-height: 20px; } .brand-cerasarda #slide-primopiano.img-fissa-primopiano .areaGalleryInfo p {font-size: 11px; line-height: 13px; } /* ----------- AMBIENTI - PROGETTI - schede singole galleria ---------- */ body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img { max-height: 280px !important; height: 100% !important; max-width: none !important; width: auto !important; margin: 0 auto !important; } /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 145px;} /* FINE - nascondere sfondo bianco in eccedenza */ /* --------------- MOOD - Pagina I VIDEO --------------- */ .col-md-6.pagina-video.rwd-video iframe { height: 260px; } } @media only screen and (max-width: 490px) { /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 145px;} /* FINE - nascondere sfondo bianco in eccedenza */ /* --------------- PAGINA CERTIFICAZIONI 2017 --------------- */ .documents_extra_for_download .box_single_txt_documents_extra.col-md-7 { width: 78%; padding-top: 0;} .documents_extra_for_download .box_single_txt_documents_extra.col-md-7 h5 {padding-top: 0; margin-top: 0 !important;} .documents_extra_for_download .box_single_img_documents_extra { max-width: 80px; } .page-template-tpl-certificazioni .documents_extra_for_download .box_single_txt_documents_extra.col-md-7 .scaricaPDF { padding-top: 0px;} } @media only screen and (max-width: 480px) { /* --------------- home --------------- */ body.home .brand-cerasarda #gallery-primopiano{ width: 45%; margin-left: 5%;} body.home #slide-primopiano #img-primopiano { width: 44.8%; } #img-primopiano-topright, .img-primopiano-bottomright { width: 85%;} #img-primopiano-prima .img-primopiano-bottomright { top: 42%;} /* --- ambienti */ #ambienti-primopiano_01.col-md-5, #ambienti-primopiano_02.col-md-3 { max-width: none !important;} #ambienti-primopiano_01.col-md-5 { width: 59% !important;} #ambienti-primopiano_02.col-md-3 { width: 33.5% !important; } #ambienti-primopiano_03.col-md-4, #ambienti-primopiano_04.col-md-4, #ambienti-primopiano_05.col-md-4 { max-width: none !important;} #ambienti-primopiano_03.col-md-4 { width: 28.8% !important;} #ambienti-primopiano_04.col-md-4 { width: 29.8% !important;} #ambienti-primopiano_05.col-md-4 { width: 29.3% !important;} /* --- filosofia */ #filosofia-primopiano .col-md-12 p { line-height: 24px;} /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 10%; margin-top: 7%; } /* --------------- collezione - schede interne --------------- */ /* ispirazioni */ .brand-cerasarda .img-fissa-primopiano #gallery-primopiano .areaGalleryInfo { margin-top: 3%; margin-left: 31%; } #slide-primopiano.img-fissa-primopiano .areaGalleryInfo { height: 160px; width: 160px;} #slide-primopiano.img-fissa-primopiano .areaGalleryInfo-txt {height: 105px;} .brand-cerasarda #slide-primopiano.img-fissa-primopiano .areaGalleryInfo h3 {font-size: 20px; line-height: 20px; } .brand-cerasarda #slide-primopiano.img-fissa-primopiano .areaGalleryInfo p {font-size: 11px; line-height: 13px; } /* ----------------- home slide pagina custom ----------------- */ #img-secondopiano-large{width: 91%; margin-left: 23px;} #img-secondopiano-large .img-primopiano-bottomright { left: 40px;} } @media only screen and (max-width: 470px) { #wall-anteprime-3clm .col-md-4 { width: 44%;} /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 135px;} /* FINE - nascondere sfondo bianco in eccedenza */ /* --------------- MOOD - Pagina I VIDEO --------------- */ .col-md-6.pagina-video.rwd-video iframe { height: 250px; } } @media only screen and (max-width: 460px) { /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 24%; margin-top: 6%; } .slide-profilo .areaGalleryInfo { width: 280px; height: 280px;} .slide-profilo .areaGalleryInfo-txt {height: 245px;} .brand-cerasarda .slide-profilo .areaGalleryInfo p { margin-bottom: 5px; } .brand-cerasarda .slide-profilo .areaGalleryInfo h3 { font-size: 26px; line-height: 26px; padding-top: 0;} .brand-cerasarda .slide-profilo .areaGalleryInfo p { font-size: 13px; } .brand-cerasarda .slide-profilo .areaGalleryInfo .areaGalleryInfo-txt-desc p { font-size: 11px; line-height: 16px;} /* --------------- collezione - scheda interna --------------- */ /* colori */ #slide-primopiano.layout-scheda-colori #txt-primopiano { height: 215px !important;} /* complementi */ .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-slide-imgfissa #txt-primopiano { height: auto !important; padding-top: 10px;} /* caratteristiche */ #collezioni_table_info table tr td.ico_table { max-width: none; min-width: 40px; width: 50px;} #collezioni_table_info table tr td img { max-width: 30px; margin-left: 5px;} #collezioni_table_info.tableCertificazioni table tr td:nth-child(2) { padding-top: 22px;} /* --------------- news --------------- */ #novita-primopiano_txt_template { /*width: 70%;*/ width: 50%; } body.archive #sidebar {width: 25%; min-width: 160px; float: right;} #novita-primopiano_txt_template .box_single_novita_txt { /*width: 50%;*/ width: 90%;} /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 8%; margin-top: 4%; } /* --------------- collezione --------------- */ #wall-anteprime-3clm .col-md-4 { display: block; float: left; width: 44%; } #wall-anteprime-3clm .col-md-4 h3 { font-size: 14px; line-height: 18px;} /* --------------- collezione - scheda interna --------------- */ /* colori */ #colori h4, #fondi h4, #complementi h4 { font-size: 11px; margin: 0 0 15px 0;} .colore-ante { width: 40%; min-height: 130px;} #fondi.col-md-8 { width: 62%;} .fondi-ante .col-md-6 { width: 100%; margin-bottom: 10px;} /* ----------- AMBIENTI - PROGETTI - schede singole galleria ---------- */ body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img { max-height: 250px !important; height: 100% !important; max-width: none !important; width: auto !important; margin: 0 auto !important; } /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 130px;} /* FINE - nascondere sfondo bianco in eccedenza */ } @media only screen and (max-width: 450px) { /* ----------------- home slide pagina custom ----------------- */ #img-secondopiano-large{width: 91%; margin-left: 22px;} #img-secondopiano-large .img-primopiano-bottomright { left: 40px;} } @media only screen and (max-width: 445px) { /* --------------- header --------------- */ .navbar-toggle .icon-bar {margin-left: 93%;} /* --------------- home --------------- */ /* --- slide */ .brand-cerasarda #txt-primopiano h1, .brand-cerasarda #txt-primopiano h2 { padding: 0 10%;} .brand-cerasarda #txt-primopiano h1 {font-size: 28px;line-height: 24px;} .brand-cerasarda #txt-primopiano h2 {font-size: 14px;line-height: 20px;} .brand-cerasarda #gallery-primopiano .areaGalleryInfo { margin-left: 19%; margin-top: 16%;} #slide-primopiano #gallery-primopiano.col-md-8 {height: 333px;} #slide-primopiano #gallery-primopiano.col-md-8 .swiper-container { width: 350px; } .brand-cerasarda #gallery-primopiano a img, .brand-cerasarda #gallery-primopiano img { max-width: 350px; } .swiper-button { width: 24% !important; right: 15px !important;} .areaGalleryInfo { width: 220px; height: 220px;} .areaGalleryInfo-txt { height: 165px;} .brand-cerasarda .areaGalleryInfo h3 { font-size: 26px; line-height: 22px;} .brand-cerasarda .areaGalleryInfo p { font-size: 12px; line-height: 18px;} .areaGalleryInfo a, .areaGalleryInfo a:hover, .areaGalleryInfo a:visited { font-size: 10px;} /* --- ambienti */ #ambienti-primopiano_01.col-md-5, #ambienti-primopiano_02.col-md-3 { max-width: none !important;} #ambienti-primopiano_01.col-md-5 { width: 59% !important;} #ambienti-primopiano_02.col-md-3 { width: 33.5% !important; } #ambienti-primopiano_03.col-md-4, #ambienti-primopiano_04.col-md-4, #ambienti-primopiano_05.col-md-4 { max-width: none !important;} #ambienti-primopiano_03.col-md-4 { width: 28% !important;} #ambienti-primopiano_04.col-md-4 { width: 29% !important;} #ambienti-primopiano_05.col-md-4 { width: 28.5% !important;} /* --- progetti */ #box_progetti_primopiano_txt_intro h4, #box_progetti_primopiano_txt_intro p { padding-left: 0%; padding-right: 0%;} #box_progetti_primopiano_txt_intro p { font-size: 14px; line-height: 22px;} .box_single_progetti_primopiano { width: 100%; margin-right: 0; margin-bottom: 30px;} /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 7%; margin-top: 2%; } /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 128px;} /* FINE - nascondere sfondo bianco in eccedenza */ /* caratteristiche */ #collezioni_table_info table tr td.ico_table { padding-top: 18px; min-width: 38px;} #collezioni_table_info table tr td:nth-child(4) { min-width: 90px;} /* --------------- ambienti --------------- */ /* NOME COLLEZIONE - SLIDE AMBIENTI */ .areaGalleryInfo.areaGalleryInfosingleSlide h3 a, .areaGalleryInfo.areaGalleryInfosingleSlide h3 a:hover, .areaGalleryInfo.areaGalleryInfosingleSlide h3 a:visited{ font-size: 14px; line-height: 18px; padding: 5px 25px 0px 25px;} /* ----------------- home slide pagina custom ----------------- */ #img-secondopiano-large{width: 91%; margin-left: 21px;} #img-secondopiano-large .img-primopiano-bottomright { left: 40px;} } @media only screen and (max-width: 430px) { /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 15%; margin-top: 12%; width: 280px; height: 140px;} .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo .areaGalleryInfo-txt { height: 85px;} .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo .areaGalleryInfo-txt-desc { display: none;} /* --------------- collezione - schede interne --------------- */ /* ispirazioni */ .brand-cerasarda .img-fissa-primopiano #gallery-primopiano .areaGalleryInfo { margin-top: 3%; margin-left: 31%; } #slide-primopiano.img-fissa-primopiano .areaGalleryInfo { height: 140px; width: 140px;} #slide-primopiano.img-fissa-primopiano .areaGalleryInfo-txt {height: 105px;} .brand-cerasarda #slide-primopiano.img-fissa-primopiano .areaGalleryInfo h3 {font-size: 18px; line-height: 20px; } .brand-cerasarda #slide-primopiano.img-fissa-primopiano .areaGalleryInfo p {font-size: 11px; line-height: 13px; } /* caratteristiche */ #collezioni_table_info table tr td:nth-child(3) { min-width: 140px;} /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 122px;} /* FINE - nascondere sfondo bianco in eccedenza */ /* --------------- ambienti --------------- */ /* NOME COLLEZIONE - SLIDE AMBIENTI */ .areaGalleryInfo.areaGalleryInfosingleSlide { top: 20px !important; width: auto !important;} .areaGalleryInfo.areaGalleryInfosingleSlide .areaGalleryInfo-txt {height: auto !important;} .areaGalleryInfo.areaGalleryInfosingleSlide h3 a, .areaGalleryInfo.areaGalleryInfosingleSlide h3 a:hover, .areaGalleryInfo.areaGalleryInfosingleSlide h3 a:visited { font-size: 14px; line-height: 18px; padding: 5px 25px 0px 25px;} } @media only screen and (max-width: 420px) { /* ----------------- home slide pagina custom ----------------- */ #img-secondopiano-large{width: 91%; margin-left: 20px;} #img-secondopiano-large .img-primopiano-bottomright { left: 40px;} /* --------------- MOOD - Pagina I VIDEO --------------- */ .col-md-6.pagina-video.rwd-video iframe { height: 225px; } } @media only screen and (max-width: 414px) { /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 14%; margin-top: 12%; width: 280px; height: 140px;} /* --------------- collezione --------------- */ .title_section_center.title_section_center_top h4 { font-size: 26px; line-height: 26px;} #wall-anteprime-3clm .col-md-4 { display: block; float: none; width: 100%; margin: 0 auto;} /* ----------- AMBIENTI - PROGETTI - schede singole galleria ---------- */ body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img { max-height: 230px !important; height: 100% !important; max-width: none !important; width: auto !important; margin: 0 auto !important; } /* nascondere sfondo bianco in eccedenza */ body.page-template-tpl-ambienti a:hover.hoverimagezoom, body.page-template-tpl-ambienti a.hoverimagezoom, body.page-template-tpl-ambienti a:visited.hoverimagezoom { max-height: 198px;} /* FINE - nascondere sfondo bianco in eccedenza */ } @media only screen and (max-width: 400px) { /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 13%; margin-top: 12%; width: 280px; height: 140px;} /* colori */ .brand-cerasarda #slide-primopiano.layout-scheda-colori .areaGalleryInfo-txt { padding-top: 25%;} /* --------------- PAGINA CERTIFICAZIONI 2017 --------------- */ .documents_extra_for_download .box_single_txt_documents_extra.col-md-7 { width: 70%; padding-top: 0;} } @media only screen and (max-width: 390px) { /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 12%; margin-top: 12%; } /* --------------- collezione - scheda interna --------------- */ /* colori */ .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-colori .areaGalleryInfo h3 { font-size: 14px;} #colori h4, #fondi h4, #complementi h4 { font-size: 11px; margin: 0 0 15px 0;} .colore-ante { width: 80%; min-height: 130px;} #fondi.col-md-8 { width: 62%;} .fondi-ante .col-md-6 { width: 100%; margin-bottom: 10px;} } @media only screen and (max-width: 380px) { /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 11%; margin-top: 12%; } /* ----------- AMBIENTI - PROGETTI - schede singole galleria ---------- */ body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img { max-height: 200px !important; height: 100% !important; max-width: none !important; width: auto !important; margin: 0 auto !important; } body.archive #sidebar, #sidebar { float: right !important; min-width: 150px; } } @media only screen and (max-width: 370px) { /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 10%; margin-top: 7%; } } @media only screen and (max-width: 360px) { /* --------------- home --------------- */ /* --- slide */ .brand-cerasarda #gallery-primopiano .areaGalleryInfo { margin-left: 18.5%; margin-top: 15%;} #slide-primopiano #gallery-primopiano.col-md-8 {height: 266px;} #slide-primopiano #gallery-primopiano.col-md-8 .swiper-container { width: 280px; } .brand-cerasarda #gallery-primopiano a img, .brand-cerasarda #gallery-primopiano img { max-width: 280px; } .swiper-button { width: 31% !important; right: 0px !important; bottom: 15px !important;} .areaGalleryInfo { width: 180px; height: 180px;} .areaGalleryInfo-txt { height: 125px;} .brand-cerasarda .areaGalleryInfo h3 { font-size: 20px; line-height: 16px;} .brand-cerasarda .areaGalleryInfo p { font-size: 11px; line-height: 14px;} .areaGalleryInfo a, .areaGalleryInfo a:hover, .areaGalleryInfo a:visited { font-size: 10px;} /* --- ambienti */ #ambienti-primopiano_01.col-md-5, #ambienti-primopiano_02.col-md-3 { max-width: none !important;} #ambienti-primopiano_01.col-md-5 { width: 60% !important;} #ambienti-primopiano_02.col-md-3 { width: 34.5% !important; } #ambienti-primopiano_03.col-md-4, #ambienti-primopiano_04.col-md-4, #ambienti-primopiano_05.col-md-4 { max-width: none !important;} #ambienti-primopiano_03.col-md-4 { width: 29% !important;} #ambienti-primopiano_04.col-md-4 { width: 30% !important;} #ambienti-primopiano_05.col-md-4 { width: 29.5% !important;} #ambienti-primopiano_03, #ambienti-primopiano_04, #ambienti-primopiano_01.col-md-5 { margin-right: 15px;} /* --------------- profilo --------------- */ .brand-cerasarda .slide-profilo #gallery-primopiano .areaGalleryInfo { margin-left: 9%; margin-top: 6%; } /* --------------- collezione - scheda interna --------------- */ /* colori */ .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-colori .areaGalleryInfo { padding: 15px;} /* --------------- MOOD - Pagina I VIDEO --------------- */ .col-md-6.pagina-video.rwd-video iframe { height: 190px; } } @media only screen and (max-width: 240px) { /* --------------- collezione - scheda interna --------------- */ /* colori */ .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-colori .areaGalleryInfo h3 { font-size: 10px;} #colori, #fondi.col-md-8 { width: 45%;} /* ----------- AMBIENTI - PROGETTI - schede singole galleria ---------- */ body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img { max-height: 150px !important; height: 100% !important; max-width: none !important; width: auto !important; margin: 0 auto !important; } } /* ----------------- ONLY banner cookie ----------------- */ @media only screen and (max-width: 1024px) { /* --------------- banner cookie --------------- */ #cookie-bar {line-height: 16px; } #cookie-bar p { padding: 15px;} #cookie-bar p strong { font-size: 10px; line-height: 18px; width: 100%; padding-bottom: 10px; display: block; font-family: 'BodoniNr1SH-Light', sans-serif !important;} } @media only screen and (max-width: 520px) { /* --------------- banner cookie --------------- */ #cookie-bar p strong { font-size: 9px; line-height: 13px; } } @media only screen and (max-width: 450px) { /* --------------- banner cookie --------------- */ #cookie-bar {line-height: 13px; } #cookie-bar p strong { font-size: 8px; line-height: 13px;} } /* --------------------------------------------------------------------------- */ /* ----------------- LAYOUT NEW - HOME restyling ----------------- */ @media only screen and (max-width: 991px) { /* HEADER */ #topbar #link_topbar.col-md-8, #ico_social.col-md-3, #flag.col-md-1, #header #brand-menu, #header #logo-menu, #header #brand-nav { display: block; float: left;} #topbar #link_topbar.col-md-8 { width: 66.66%;} #ico_social.col-md-3 { width: 28%; padding-right: 7px !important; } #flag.col-md-1 { width: 26px;} #header #brand-menu {width: 100%; } #header #logo-menu { width: 100%; } #header #brand-nav { width: 100%; } /* NEWS */ body.home #novita-primopiano #novita-primopiano-top, #lastPostLeft, #lastPostImage, body.home #novita-primopiano .box_single_novita_primopiano { display: block; float: left;} body.home #novita-primopiano #novita-primopiano-top { height: 126px; width: 100%;max-width: 946px; } .rowNews1piano, .rowNews2piano { width: 100%; display: block; float: left;} #lastPostLeft, #lastPostImage {width: 50%;} body.home #novita-primopiano .box_single_novita_primopiano { width: 33.33333333%; padding: 0 22px;} body.home #novita-primopiano .box_single_novita_primopiano:nth-last-child(3) {padding: 0 45px; padding-left: 0px;} body.home #novita-primopiano .box_single_novita_primopiano:nth-last-child(1) {padding: 0 45px; padding-right: 0px;} body.home #novita-primopiano #novita-primopiano-top h4 { margin-top: 0; padding-top: 35px;} body.home #novita-primopiano .container {padding-left: 20px !important; padding-right: 20px !important; } #lastPostLeft .entryMetaHome { min-height: 365px;} #lastPostLeft .intro_news h5, #novita-primopiano .box_single_novita_primopiano h5{ font-size: 26px; line-height: 26px; margin-top: 5px;} #lastPostLeft p.abstract_news { font-size: 15px; line-height: 25px;} body.home #novita-primopiano .box_single_novita_primopiano h5 { font-size: 17px; line-height: 21px;} body.home #novita-primopiano .box_single_novita_primopiano .entryMetaHome { min-height: 200px;} } @media only screen and (max-width: 950px) { /* HEADER */ #row-tendina-topbar .container:before { margin-left: 124px !important;} } @media only screen and (max-width: 920px) { /* NEWS */ #lastPostLeft .entryMetaHome {min-height: 340px;} body.home #novita-primopiano .box_single_novita_primopiano h5 { font-size: 15px; line-height: 21px;} } @media only screen and (max-width: 850px) { /* NEWS */ #lastPostLeft .entryMetaHome {min-height: 330px;} body.home .cat_news { margin-top: 10px;} body.home #novita-primopiano .box_single_novita_primopiano .entryMetaHome { min-height: 230px;} } @media only screen and (max-width: 800px) { /* NEWS */ #lastPostLeft .entryMetaHome {min-height: 300px;} #lastPostLeft .intro_news { margin-bottom: 20px;} #lastPostLeft .intro_news h5, #novita-primopiano .box_single_novita_primopiano h5 { font-size: 23px; line-height: 23px; margin-top: 0;} #lastPostLeft p.abstract_news { font-size: 13px; line-height: 23px;} body.home .cat_news label.cat-novita a, body.home .cat_news label.cat-novita a:hover, body.home .cat_news label.cat-novita a:visited { font-size: 10px; padding-left: 10px;} } @media only screen and (max-width: 767px) { /* HEADER */ .navbar-inverse .navbar-toggle { border-color: #fff;} .navbar-inverse .navbar-toggle .icon-bar, .navbar-inverse .navbar-toggle .icon-bar:hover, .navbar-inverse .navbar-toggle .icon-bar:visited, .navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar, .navbar-inverse .navbar-toggle:active .icon-bar {background-color: #65666B !important; } .navbar-inverse .navbar-toggle:hover { background-color: #fff; color: #65666B;} .navbar-toggle .icon-bar { margin-left: 0; margin: 0 auto; } .navbar-inverse .navbar-toggle:hover {background-color: #fff; color: #fff;} .navbar-inverse .navbar-toggle:hover .icon-bar {background-color: #65666B !important;} .brand-cerasarda .navbar-inverse .navbar-nav>.active>a, .brand-cerasarda .navbar-inverse .navbar-nav>.active>a:hover, .brand-cerasarda .navbar-inverse .navbar-nav>.active>a:focus, .brand-cerasarda .navbar-inverse .navbar-nav>li.current-menu-parent>a:first-child, .brand-cerasarda .navbar-inverse .navbar-nav>li.current-menu-parent>a:first-child:hover, .brand-cerasarda .navbar-inverse .navbar-nav>li.current-menu-parent>a:first-child:visited { background-image: none;} .navbar-nav > li > a, .navbar-nav > li > a:hover, .navbar-nav > li > a:visited { padding-bottom: 2px;} #header #brand-nav { z-index: 98;} .nav>li { float: left; border-bottom: 1px solid #ddd; width: 100%; padding-left: 0; padding-right: 0;} .dropdown-menu > li {border-bottom: 0px solid #ddd;} .dropdown-menu > li > a:hover {color: #e87619 !important;background-color: #fff !important;} .navbar-nav > li > .dropdown-menu {border-top: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1;} .brand-cerasarda .nav>li>a:hover, .brand-cerasarda .nav>li.dropdown.active>a, .brand-cerasarda .nav>li.dropdown.active>a:hover, .brand-cerasarda .nav>li.dropdown.active>a:visited{color: #e87619 !important;} .dropdown-menu > li.current-menu-item > a, .dropdown-menu > li.current-menu-item > a:visited { color: #fff !important; background-color: #e87619 !important;} .dropdown-menu > li > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:visited { color: #000 !important; background-color: #fff !important; } .dropdown-menu > li > a:hover, .dropdown-menu > li.current-menu-item > a, .dropdown-menu > li.current-menu-item > a:visited { color: #fff !important; background-color: #e87619 !important; } /* MENU 2° LIVELLO COLLEZIONI */ .brand-nav-2livello .navbar-inverse .navbar-toggle, .brand-nav-2livello .navbar-inverse .navbar-toggle:visited, .brand-nav-2livello .navbar-inverse .navbar-toggle:focus { background-color: transparent !important;} .navbar-inverse .navbar-toggle {border-color: #b1b1b1;} .brand-nav-2livello .navbar-inverse .navbar-toggle label { font-size: 11px !important; line-height: 13px !important; padding-top: 3px;} #brand-nav.brand-nav-2livello .navbar-inverse .navbar-collapse { border-top: 0 solid #b1b1b1; border-bottom: 1px solid #b1b1b1;} #brand-nav.brand-nav-2livello .nav>li { border-bottom: 0 solid #808080;} /* NEWS */ #lastPostLeft .intro_news h5, #novita-primopiano .box_single_novita_primopiano h5 { font-size: 24px; line-height: 25px; margin-top: 5px;} #lastPostLeft p.abstract_news { font-size: 14px; line-height: 26px; } #lastPostLeft .entryMetaHome { min-height: 315px;} body.home .cat_news { margin-top: 5px;} body.home #novita-primopiano .box_single_novita_primopiano h5 { font-size: 15px; line-height: 19px;} } @media only screen and (max-width: 760px) { /* NEWS */ #lastPostLeft, #lastPostImage { width: 100%;} #lastPostLeft .entryMetaHome {min-height: 240px;} #lastPostLeft .intro_news { margin-bottom: 20px;} #lastPostLeft .intro_news h5, #novita-primopiano .box_single_novita_primopiano h5 { font-size: 23px; line-height: 23px; margin-top: 0;} #lastPostLeft p.abstract_news { font-size: 13px; line-height: 23px;} body.home #novita-primopiano .box_single_novita_primopiano .entryMetaHome { min-height: 160px;} body.home #novita-primopiano .box_single_novita_primopiano:nth-last-child(3), body.home #novita-primopiano .box_single_novita_primopiano, body.home #novita-primopiano .box_single_novita_primopiano:nth-last-child(1) { width: 100%;padding: 0;} .rowNews1piano { border-bottom: 7px solid #e87619; padding-bottom: 30px;} } @media only screen and (max-width: 680px) { /* HEADER */ #topbar #link_topbar.col-md-8 { width: 58.66%;} #ico_social.col-md-3 { width: 36%;} } @media only screen and (max-width: 630px) { /* HEADER */ #topbar #link_topbar.col-md-8 {width: 50%; margin-top: 10px;border-top: 0px solid #808080;} .brand-cerasarda #topbar, #topbar {border-bottom: 1px solid #808080; padding-top: 0px !important; padding-bottom: 6px !important;} #ico_social.col-md-3 { width: 43%; padding-top: 10px; padding-right: 7px !important; } #flag.col-md-1 { padding-top: 10px;} #logo-menu a img { margin-top: 15px;} /* NEWS */ #lastPostLeft .entryMetaHome {min-height: 300px;} } @media only screen and (max-width: 600px) { /* HEADER */ #topbar #link_topbar.col-md-8 { margin-top: 0px;} } @media only screen and (max-width: 540px) { /* HEADER */ #tendina-topbar .col-md-2 { margin-bottom: 20px;} #tendina-topbar { padding-bottom: 20px !important;} } @media only screen and (max-width: 515px) { /* FOOTER */ #footer img { margin-top: -34px;} } @media only screen and (max-width: 480px) { /* HEADER */ #topbar #link_topbar.col-md-8 { width: 47%;} #ico_social.col-md-3 { width: 42%;} } @media only screen and (max-width: 450px) { /* HEADER */ #topbar #link_topbar.col-md-8 { width: 42%;} #ico_social.col-md-3 { width: 48%;} } @media only screen and (max-width: 414px) { /* NEWS */ #lastPostLeft .entryMetaHome {min-height: 320px;} /* FOOTER */ #footer img { margin-top: -130px !important; margin-left: 20px !important; float: left !important;} #footer p { font-size: 10px; margin-top: 15px;} #footer p strong {display: block;float: left;width: 100%;} #footer p strong:first-child { margin-bottom: 20px; margin-top: 20px;} #divInfo231 { position: relative; margin-top: 0 !important;} #divInfo231 a img {margin-top: 0px !important;} } @media only screen and (max-width: 400px) { /* HEADER */ #topbar #link_topbar.col-md-8 { width: 45%;} #ico_social.col-md-3 { width: 44%;} #ico_social a img { margin: 0 0 0 8px;} } @media only screen and (max-width: 390px) { /* HEADER */ #topbar #link_topbar.col-md-8 { width: 52%; } #ico_social.col-md-3 { width: 38%; padding-right: 0px !important; } #ico_social a img {margin: 0 0 0 12px;} #link-brands { padding-right: 24px;} } @media only screen and (max-width: 375px) { /* HEADER */ #topbar #link_topbar.col-md-8 { width: 52%; } #ico_social.col-md-3 { width: 38%; padding-right: 0px !important; } #ico_social a img {margin: 0 0 0 6px !important;} #link-brands { padding-right: 24px;} } @media only screen and (max-width: 330px) { /* HEADER */ #topbar a, #topbar a:hover, #topbar a:visited { font-size: 10px !important;} } /* ----------------- Layout HOME restyling ----------------- */ @media only screen and (max-width: 1800px) { /* HOME - SLIDE */ body.home .areaGalleryInfo { left: 24% !important;} } @media only screen and (max-width: 1700px) { /* HOME - SLIDE */ body.home .areaGalleryInfo { left: 22% !important;} } @media only screen and (max-width: 1600px) { /* HOME - SLIDE */ body.home .brand-cerasarda #txt-primopiano h1, body.home .brand-cerasarda #txt-primopiano h2, body.home .areaGalleryInfo h3, body.home .areaGalleryInfo p { padding-right: 42% !important;} body.home .areaGalleryInfo { left: 20% !important;} /* HOME - BANNER SLIDE */ body.home #banner-primopiano .areaGalleryInfo { width: 60% !important;} } @media only screen and (max-width: 1550px) { /* HOME - SLIDE */ body.home .brand-cerasarda #txt-primopiano h1, body.home .brand-cerasarda #txt-primopiano h2, body.home .areaGalleryInfo h3, body.home .areaGalleryInfo p { padding-right: 40% !important;} body.home .areaGalleryInfo { left: 19% !important;} } @media only screen and (max-width: 1500px) { /* HOME - SLIDE */ body.home .brand-cerasarda #txt-primopiano h1, body.home .brand-cerasarda #txt-primopiano h2, body.home .areaGalleryInfo h3, body.home .areaGalleryInfo p { padding-right: 38% !important;} body.home .areaGalleryInfo { left: 17% !important;} } @media only screen and (max-width: 1450px) { /* HOME - SLIDE */ body.home .brand-cerasarda #txt-primopiano h1, body.home .brand-cerasarda #txt-primopiano h2, body.home .areaGalleryInfo h3, body.home .areaGalleryInfo p { padding-right: 36% !important;} } @media only screen and (max-width: 1400px) { /* HOME - SLIDE */ body.home .brand-cerasarda #txt-primopiano h1, body.home .brand-cerasarda #txt-primopiano h2, body.home .areaGalleryInfo h3, body.home .areaGalleryInfo p { padding-right: 32% !important;} body.home .areaGalleryInfo { left: 16% !important;} /* HOME - BANNER SLIDE */ body.home #banner-primopiano .areaGalleryInfo { width: 70% !important;} } @media only screen and (max-width: 1350px) { /* HOME - SLIDE */ body.home .brand-cerasarda #txt-primopiano h1, body.home .brand-cerasarda #txt-primopiano h2, body.home .areaGalleryInfo h3, body.home .areaGalleryInfo p { padding-right: 30% !important;} body.home .areaGalleryInfo { left: 15% !important;} } @media only screen and (max-width: 1300px) { /* HOME - SLIDE */ body.home .brand-cerasarda #txt-primopiano h1, body.home .brand-cerasarda #txt-primopiano h2, body.home .areaGalleryInfo h3, body.home .areaGalleryInfo p { padding-right: 28% !important;} body.home .areaGalleryInfo { left: 13% !important;} /* HOME - BANNER SLIDE */ body.home #banner-primopiano .areaGalleryInfo { top: 0 !important; width: 74% !important;} } @media only screen and (max-width: 1250px) { /* HOME - SLIDE */ body.home .brand-cerasarda #txt-primopiano h1, body.home .brand-cerasarda #txt-primopiano h2, body.home .areaGalleryInfo h3, body.home .areaGalleryInfo p { padding-right: 26% !important;} body.home .areaGalleryInfo { left: 12% !important;} } @media only screen and (max-width: 1200px) { /* HOME - SLIDE */ body.home .brand-cerasarda #txt-primopiano h1, body.home .brand-cerasarda #txt-primopiano h2, body.home .areaGalleryInfo h3, body.home .areaGalleryInfo p { padding-right: 22% !important;} body.home .areaGalleryInfo { left: 10% !important;} /* HOME - BANNER SLIDE */ body.home #banner-primopiano .areaGalleryInfo { width: 80% !important;} } @media only screen and (max-width: 1150px) { /* HOME - SLIDE */ body.home .brand-cerasarda #txt-primopiano h1, body.home .brand-cerasarda #txt-primopiano h2, body.home .areaGalleryInfo h3, body.home .areaGalleryInfo p { padding-right: 18% !important;} body.home .areaGalleryInfo { left: 8% !important;} } @media only screen and (max-width: 1100px) { /* HOME - SLIDE */ body.home .brand-cerasarda #txt-primopiano h1, body.home .brand-cerasarda #txt-primopiano h2, body.home .areaGalleryInfo h3, body.home .areaGalleryInfo p { padding-right: 12% !important;} body.home .areaGalleryInfo { left: 6% !important;} /* HOME - BANNER SLIDE */ body.home #banner-primopiano .areaGalleryInfo { width: 88% !important;} } @media only screen and (max-width: 1050px) { /* HOME - SLIDE */ body.home .brand-cerasarda #txt-primopiano h1, body.home .brand-cerasarda #txt-primopiano h2, body.home .areaGalleryInfo h3, body.home .areaGalleryInfo p { padding-right: 8% !important;} body.home .areaGalleryInfo { left: 4% !important;} /* 4 BANNER */ #features-primopiano #contentFeatures .col-md-6 { min-height: 250px;} } @media only screen and (max-width: 1024px) { /* HOME - SLIDE */ body.home .brand-cerasarda #txt-primopiano h1, body.home .brand-cerasarda #txt-primopiano h2, body.home .areaGalleryInfo h3, body.home .areaGalleryInfo p { padding-right: 4% !important;} body.home .areaGalleryInfo { left: 2% !important;} /* HOME - BANNER SLIDE */ body.home #banner-primopiano .areaGalleryInfo { width: 94% !important;} } @media only screen and (max-width: 991px) { /* HOME - SLIDE */ body.home .brand-cerasarda #txt-primopiano h1, body.home .brand-cerasarda #txt-primopiano h2, body.home .areaGalleryInfo h3, body.home .areaGalleryInfo p { padding-right: 0% !important;} /* HOME - AMBIENTI */ #ambienti_mosaic_menu_tipologie, #ambienti-primopiano_menu_tipologie.ambienti-primopiano_menu_tipologie_2017 { width: 50% !important; display: block; float: left; } #ambienti_mosaic_menu_tipologie .singleImageAmbientazioni { width: 50%; display: block; float: left; } } @media only screen and (max-width: 991px) { /* HOME - AMBIENTI */ #ambienti-primopiano .container {width: 100%; padding-left: 20px !important; padding-right: 20px !important;} #ambienti-primopiano .col-md-3 { margin-top: 0;} #ambienti-primopiano .col-md-3, #ambienti-primopiano .col-md-9 { display: block; float: left;} #ambienti-primopiano .col-md-9 { max-width: none; width: 66%; float: right;} #ambienti-primopiano .col-md-9 img { max-width: none; width: 100%;} } @media only screen and (max-width: 950px) { /* HOME - AMBIENTI */ #ambienti-primopiano_menu_tipologie.ambienti-primopiano_menu_tipologie_2017 { min-height: 562px;} /* HOME - BANNER SLIDE */ body.home #banner-primopiano .areaGalleryInfo { width: 100% !important;} } @media only screen and (max-width: 945px) { /* HOME - SLIDE */ body.home .areaGalleryInfo h3, body.home .areaGalleryInfo h3 a, body.home .areaGalleryInfo h3 a:hover, body.home .areaGalleryInfo h3 a:visited { font-size: 40px !important; line-height: 40px !important;} body.home .areaGalleryInfo p { font-size: 21px !important; line-height: 23px !important;} /* HOME - AMBIENTI */ #ambienti-primopiano_menu_tipologie.ambienti-primopiano_menu_tipologie_2017 { min-height: 489px;} } @media only screen and (max-width: 940px) { /* HOME - AMBIENTI */ #ambienti_mosaic_menu_tipologie, #ambienti-primopiano_menu_tipologie.ambienti-primopiano_menu_tipologie_2017 { width: 100% !important; display: block; float: left; max-width: none;} #ambienti_mosaic_menu_tipologie .singleImageAmbientazioni { width: 25%; display: block; float: left; } } @media only screen and (max-width: 915px) { /* HOME - SLIDE */ body.home #gallery-primopiano .swiper-slide { height: auto; padding-top: 0px;} body.home #gallery-primopiano { height: auto !important;} body.home .areaGalleryInfo a, body.home .areaGalleryInfo a:hover, body.home .areaGalleryInfo a:visited { width: 100% !important; float: left !important;} } @media only screen and (max-width: 800px) { /* HOME - SLIDE */ body.home #gallery-primopiano .swiper-slide { height: auto; padding-top: 0px;} body.home #gallery-primopiano { height: auto !important;} body.home .areaGalleryInfo a, body.home .areaGalleryInfo a:hover, body.home .areaGalleryInfo a:visited { width: 100% !important; float: left !important;} body.home .areaGalleryInfo h3, body.home .areaGalleryInfo h3 a, body.home .areaGalleryInfo h3 a:hover, body.home .areaGalleryInfo h3 a:visited { font-size: 23px;line-height: 26px;} body.home .areaGalleryInfo p { font-size: 13px;} } @media only screen and (max-width: 768px) { /* HOME - SLIDE */ body.home #gallery-primopiano .swiper-slide { height: auto; padding-top: 0px;} body.home #gallery-primopiano { height: auto !important;} body.home .areaGalleryInfo a, body.home .areaGalleryInfo a:hover, body.home .areaGalleryInfo a:visited { width: 100% !important; float: left !important;} /* 4 BANNER */ #features-primopiano #contentFeatures .col-md-6 { min-height: 250px;} } @media only screen and (max-width: 720px) { /* HOME - SLIDE */ body.home #slide-primopiano #gallery-primopiano { margin: 0 !important; padding: 0 !important; width: 100% !important; float: none !important; max-width: none !important;} body.home #slide-primopiano #gallery-primopiano .swiper-container { max-width: 720px !important;} /* HOME - AMBIENTI */ #ambienti-primopiano .col-md-9 { width: 100%; float: left;} } @media only screen and (max-width: 700px) { /* HOME - SLIDE */ body.home #slide-primopiano #gallery-primopiano { margin: 0 !important; padding: 0 !important; width: 100% !important; float: none !important; max-width: none !important;} body.home #slide-primopiano #gallery-primopiano .swiper-container { max-width: 720px !important;} body.home .brand-cerasarda #gallery-primopiano #txt-primopiano {width: 70% !important;} } @media only screen and (max-width: 640px) { /* HOME - SLIDE */ body.home .areaGalleryInfo h3, body.home .areaGalleryInfo h3 a, body.home .areaGalleryInfo h3 a:hover, body.home .areaGalleryInfo h3 a:visited { font-size: 31px !important; line-height: 31px !important;} body.home .areaGalleryInfo p { font-size: 16px !important; line-height: 18px !important;} body.home .areaGalleryInfo { width: 90% !important;} /* HOME - BANNER SLIDE */ body.home #banner-primopiano .areaGalleryInfo h4, body.home #banner-primopiano .areaGalleryInfo h4 a, body.home #banner-primopiano .areaGalleryInfo h4 a:hover, body.home #banner-primopiano .areaGalleryInfo h4 a:visited { font-size: 31px !important; line-height: 31px !important;} body.home #banner-primopiano .areaGalleryInfo p {font-size: 16px !important; line-height: 18px !important;} body.home #banner-primopiano .swiper-container-horizontal>.swiper-pagination { bottom: 5px;} } @media only screen and (max-width: 600px) { /* HOME - SLIDE */ body.home .brand-cerasarda #gallery-primopiano img, body.home #slide-primopiano #img-primopiano img { width: 150%;} /* 4 BANNER */ #features-primopiano #contentFeatures .col-md-6 { width: 100%;} #features-primopiano #contentFeatures .col-md-6:first-child, #features-primopiano #contentFeatures .col-md-6:nth-child(3){ margin-right: 0;} } @media only screen and (max-width: 520px) { /* HOME - SLIDE */ body.home .areaGalleryInfo a, body.home .areaGalleryInfo a:hover, body.home .areaGalleryInfo a:visited { padding: 0;} } @media only screen and (max-width: 480px) { /* HOME - SLIDE */ body.home .areaGalleryInfo a, body.home .areaGalleryInfo a:hover, body.home .areaGalleryInfo a:visited { padding: 0;} /* SLOGAN */ #filosofia-primopiano .col-md-12 p { font-size: 14px; line-height: 28px;} /* HOME - AMBIENTI */ #ambienti_mosaic_menu_tipologie, #ambienti-primopiano_menu_tipologie.ambienti-primopiano_menu_tipologie_2017 { width: 100% !important; display: block; float: left; } #ambienti_mosaic_menu_tipologie .singleImageAmbientazioni { width: 50%; display: block; float: left; } } @media only screen and (max-width: 440px) { /* HOME - SLIDE */ body.home #gallery-primopiano #txt-primopiano { margin-top: 20px;} body.home .brand-cerasarda #gallery-primopiano #txt-primopiano {width: 80% !important;} body.home .areaGalleryInfo h3, body.home .areaGalleryInfo h3 a, body.home .areaGalleryInfo h3 a:hover, body.home .areaGalleryInfo h3 a:visited { font-size: 16px; line-height: 18px;} body.home .brand-cerasarda #gallery-primopiano #txt-primopiano h1 { margin-bottom: 5px;} body.home #gallery-primopiano .areaGalleryInfo-txt { padding: 15px 30px 5px 30px !important;} body.home .areaGalleryInfo { width: 90% !important;} } @media only screen and (max-width: 414px) { /* HOME - AMBIENTI */ #ambienti-primopiano_menu_tipologie.ambienti-primopiano_menu_tipologie_2017 h4 { font-size: 32px;} } /* --------------------------------------------------------------------------- */ /* ----------------- TIMELINE ----------------- */ @media only screen and (max-width: 820px) { .timeline-content .timeline-multimedia-gallery.timeline-gallery-slide .areaGalleryInfo { width: 200px; height: 200px;} .timeline-content .timeline-multimedia-gallery.timeline-gallery-slide .areaGalleryInfo-txt { height: 140px;} } @media only screen and (max-width: 760px) { /* formato: video */ .timeline-content .timeline-multimedia-gallery.timeline-gallery-video video {max-height: 400px;} } @media only screen and (max-width: 700px) { /* formato: video */ .timeline-content .timeline-multimedia-gallery.timeline-gallery-video video {max-height: 380px;} } @media only screen and (max-width: 710px) { .timeline-content .timeline-multimedia-gallery.timeline-gallery-slide .areaGalleryInfo { width: 160px; height: 160px;} .timeline-content .timeline-multimedia-gallery.timeline-gallery-slide .areaGalleryInfo-txt { height: 100px;} .timeline-content .timeline-multimedia-gallery.timeline-gallery-slide .areaGalleryInfo h3 { font-size: 16px !important; line-height: 20px !important;} } @media only screen and (max-width: 660px) { /* formato: video */ .timeline-content .timeline-multimedia-gallery.timeline-gallery-video video {max-height: 360px;} } @media only screen and (max-width: 630px) { .timeline-content .timeline-multimedia-gallery .swiper-button { min-width: 84px;} } @media only screen and (max-width: 620px) { /* formato: video */ .timeline-content .timeline-multimedia-gallery.timeline-gallery-video video {max-height: 340px;} } @media only screen and (max-width: 610px) { .timeline-content .timeline-multimedia-gallery.timeline-gallery-slide .areaGalleryInfo { width: 100%; height: auto; position: relative; background-color: #63666A; padding: 10px 20px;} .timeline-content .timeline-multimedia-gallery.timeline-gallery-slide .areaGalleryInfo-txt { height: auto;} .timeline-content .timeline-multimedia-gallery.timeline-gallery-slide .areaGalleryInfo h3 { font-size: 16px !important; line-height: 20px !important; color: #fff; padding: 15px 0 0 0;} } @media only screen and (max-width: 600px) { /* formato: video */ .timeline-content .timeline-multimedia-gallery.timeline-gallery-video video {max-height: 320px;} } @media only screen and (max-width: 550px) { /* formato: video */ .timeline-content .timeline-multimedia-gallery.timeline-gallery-video video {max-height: 300px;} } @media only screen and (max-width: 500px) { /* formato: video */ .timeline-content .timeline-multimedia-gallery.timeline-gallery-video video {max-height: 280px;} } @media only screen and (max-width: 480px) { .timeline-content .timeline-multimedia-gallery .col-xs-4 { width: 50%; } /* formato: video */ .timeline-content .timeline-multimedia-gallery.timeline-gallery-video video {max-height: 270px;} } @media only screen and (max-width: 460px) { /* formato: video */ .timeline-content .timeline-multimedia-gallery.timeline-gallery-video video {max-height: 250px;} } @media only screen and (max-width: 420px) { /* formato: video */ .timeline-content .timeline-multimedia-gallery.timeline-gallery-video video {max-height: 230px;} } @media only screen and (max-width: 400px) { /* formato: video */ .timeline-content .timeline-multimedia-gallery.timeline-gallery-video video {max-height: 220px;} } @media only screen and (max-width: 380px) { /* formato: video */ .timeline-content .timeline-multimedia-gallery.timeline-gallery-video video {max-height: 215px;} } @media only screen and (max-width: 370px) { /* formato: video */ .timeline-content .timeline-multimedia-gallery.timeline-gallery-video video {max-height: 200px;} } @media only screen and (max-width: 370px) { .timeline-content .timeline-multimedia-gallery .col-xs-4 { width: 50%; } .timeline-content .timeline-multimedia-gallery .col-xs-4 img { width: 90%; height: auto;} } /* --------------------------------------------------------------------------- */ /* ----------------- SLIDE FULLSIZE PAGINE INTERNE ----------------- */ @media only screen and (max-width: 1800px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page .areaGalleryInfo { left: 24% !important;} } @media only screen and (max-width: 1700px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page .areaGalleryInfo { left: 22% !important;} } @media only screen and (max-width: 1600px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page #txt-primopiano h1, #slide-primopiano.slider-gallery-page #txt-primopiano h2, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3, #slide-primopiano.slider-gallery-page .areaGalleryInfo h5, #slide-primopiano.slider-gallery-page .areaGalleryInfo p { padding-right: 42% !important;} #slide-primopiano.slider-gallery-page .areaGalleryInfo { left: 20% !important;} } @media only screen and (max-width: 1550px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page #txt-primopiano h1, #slide-primopiano.slider-gallery-page #txt-primopiano h2, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3, #slide-primopiano.slider-gallery-page .areaGalleryInfo h5, #slide-primopiano.slider-gallery-page .areaGalleryInfo p { padding-right: 40% !important;} #slide-primopiano.slider-gallery-page .areaGalleryInfo { left: 19% !important;} } @media only screen and (max-width: 1500px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page #txt-primopiano h1, #slide-primopiano.slider-gallery-page #txt-primopiano h2, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3, #slide-primopiano.slider-gallery-page .areaGalleryInfo h5, #slide-primopiano.slider-gallery-page .areaGalleryInfo p { padding-right: 38% !important;} #slide-primopiano.slider-gallery-page .areaGalleryInfo { left: 17% !important;} } @media only screen and (max-width: 1450px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page #txt-primopiano h1, #slide-primopiano.slider-gallery-page #txt-primopiano h2, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3, #slide-primopiano.slider-gallery-page .areaGalleryInfo h5, #slide-primopiano.slider-gallery-page .areaGalleryInfo p { padding-right: 36% !important;} } @media only screen and (max-width: 1400px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page #txt-primopiano h1, #slide-primopiano.slider-gallery-page #txt-primopiano h2, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3, #slide-primopiano.slider-gallery-page .areaGalleryInfo h5, #slide-primopiano.slider-gallery-page .areaGalleryInfo p { padding-right: 32% !important;} #slide-primopiano.slider-gallery-page .areaGalleryInfo { left: 16% !important;} } @media only screen and (max-width: 1350px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page #txt-primopiano h1, #slide-primopiano.slider-gallery-page #txt-primopiano h2, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3, #slide-primopiano.slider-gallery-page .areaGalleryInfo h5, #slide-primopiano.slider-gallery-page .areaGalleryInfo p { padding-right: 30% !important;} #slide-primopiano.slider-gallery-page .areaGalleryInfo { left: 15% !important;} } @media only screen and (max-width: 1300px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page #txt-primopiano h1, #slide-primopiano.slider-gallery-page #txt-primopiano h2, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3, #slide-primopiano.slider-gallery-page .areaGalleryInfo h5, #slide-primopiano.slider-gallery-page .areaGalleryInfo p { padding-right: 28% !important;} #slide-primopiano.slider-gallery-page .areaGalleryInfo { left: 13% !important;} } @media only screen and (max-width: 1250px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page #txt-primopiano h1, #slide-primopiano.slider-gallery-page #txt-primopiano h2, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3, #slide-primopiano.slider-gallery-page .areaGalleryInfo h5, #slide-primopiano.slider-gallery-page .areaGalleryInfo p { padding-right: 26% !important;} #slide-primopiano.slider-gallery-page .areaGalleryInfo { left: 12% !important;} } @media only screen and (max-width: 1200px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page #txt-primopiano h1, #slide-primopiano.slider-gallery-page #txt-primopiano h2, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3, #slide-primopiano.slider-gallery-page .areaGalleryInfo h5, #slide-primopiano.slider-gallery-page .areaGalleryInfo p { padding-right: 22% !important;} #slide-primopiano.slider-gallery-page .areaGalleryInfo { left: 10% !important;} } @media only screen and (max-width: 1150px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page #txt-primopiano h1, #slide-primopiano.slider-gallery-page #txt-primopiano h2, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3, #slide-primopiano.slider-gallery-page .areaGalleryInfo h5, #slide-primopiano.slider-gallery-page .areaGalleryInfo p { padding-right: 18% !important;} #slide-primopiano.slider-gallery-page .areaGalleryInfo { left: 8% !important;} } @media only screen and (max-width: 1100px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page #txt-primopiano h1, #slide-primopiano.slider-gallery-page #txt-primopiano h2, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3, #slide-primopiano.slider-gallery-page .areaGalleryInfo h5, #slide-primopiano.slider-gallery-page .areaGalleryInfo p { padding-right: 12% !important;} #slide-primopiano.slider-gallery-page .areaGalleryInfo { left: 6% !important;} } @media only screen and (max-width: 1050px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page #txt-primopiano h1, #slide-primopiano.slider-gallery-page #txt-primopiano h2, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3, #slide-primopiano.slider-gallery-page .areaGalleryInfo h5, #slide-primopiano.slider-gallery-page .areaGalleryInfo p { padding-right: 8% !important;} #slide-primopiano.slider-gallery-page .areaGalleryInfo { left: 4% !important;} } @media only screen and (max-width: 1024px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page #txt-primopiano h1, #slide-primopiano.slider-gallery-page #txt-primopiano h2, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3, #slide-primopiano.slider-gallery-page .areaGalleryInfo h5, #slide-primopiano.slider-gallery-page .areaGalleryInfo p { padding-right: 4% !important;} #slide-primopiano.slider-gallery-page .areaGalleryInfo { left: 2% !important;} } @media only screen and (max-width: 991px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page #txt-primopiano h1, #slide-primopiano.slider-gallery-page #txt-primopiano h2, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3, #slide-primopiano.slider-gallery-page .areaGalleryInfo h5, #slide-primopiano.slider-gallery-page .areaGalleryInfo p { padding-right: 0% !important;} } @media only screen and (max-width: 945px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page .areaGalleryInfo h3, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3 a, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3 a:hover, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3 a:visited { font-size: 40px !important; line-height: 40px !important;} #slide-primopiano.slider-gallery-page .areaGalleryInfo p { font-size: 21px !important; line-height: 23px !important;} } @media only screen and (max-width: 915px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page #gallery-primopiano .swiper-slide { height: auto; padding-top: 0px;} #slide-primopiano.slider-gallery-page #gallery-primopiano { height: auto !important;} #slide-primopiano.slider-gallery-page .areaGalleryInfo a, #slide-primopiano.slider-gallery-page .areaGalleryInfo a:hover, #slide-primopiano.slider-gallery-page .areaGalleryInfo a:visited { width: 100% !important; float: left !important;} } @media only screen and (max-width: 800px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page #gallery-primopiano .swiper-slide { height: auto; padding-top: 0px;} #slide-primopiano.slider-gallery-page #gallery-primopiano { height: auto !important;} #slide-primopiano.slider-gallery-page .areaGalleryInfo a, #slide-primopiano.slider-gallery-page .areaGalleryInfo a:hover, #slide-primopiano.slider-gallery-page .areaGalleryInfo a:visited { width: 100% !important; float: left !important;} #slide-primopiano.slider-gallery-page .areaGalleryInfo h3, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3 a, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3 a:hover, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3 a:visited { font-size: 23px;line-height: 26px;} #slide-primopiano.slider-gallery-page .areaGalleryInfo h3, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3 a, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3 a:hover, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3 a:visited { font-size: 16px;line-height: 20px;} #slide-primopiano.slider-gallery-page .areaGalleryInfo p { font-size: 13px;} } @media only screen and (max-width: 768px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page #gallery-primopiano .swiper-slide { height: auto; padding-top: 0px;} #slide-primopiano.slider-gallery-page #gallery-primopiano { height: auto !important;} #slide-primopiano.slider-gallery-page .areaGalleryInfo a, #slide-primopiano.slider-gallery-page .areaGalleryInfo a:hover, #slide-primopiano.slider-gallery-page .areaGalleryInfo a:visited { width: 100% !important; float: left !important;} #slide-primopiano.slider-gallery-page .areaGalleryInfo h5, #slide-primopiano.slider-gallery-page .areaGalleryInfo h5 a, #slide-primopiano.slider-gallery-page .areaGalleryInfo h5 a:hover, #slide-primopiano.slider-gallery-page .areaGalleryInfo h5 a:visited {font-size: 22px !important; line-height: 24px !important;} } @media only screen and (max-width: 720px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page #gallery-primopiano { margin: 0 !important; padding: 0 !important; width: 100% !important; float: none !important; max-width: none !important;} #slide-primopiano.slider-gallery-page #gallery-primopiano .swiper-container { max-width: 720px !important;} } @media only screen and (max-width: 700px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page #gallery-primopiano { margin: 0 !important; padding: 0 !important; width: 100% !important; float: none !important; max-width: none !important;} #slide-primopiano.slider-gallery-page #gallery-primopiano .swiper-container { max-width: 720px !important;} #slide-primopiano.slider-gallery-page #gallery-primopiano #txt-primopiano {width: 70% !important;} } @media only screen and (max-width: 640px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page .areaGalleryInfo h3, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3 a, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3 a:hover, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3 a:visited { font-size: 31px !important; line-height: 31px !important;} #slide-primopiano.slider-gallery-page .areaGalleryInfo h5, #slide-primopiano.slider-gallery-page .areaGalleryInfo h5 a, #slide-primopiano.slider-gallery-page .areaGalleryInfo h5 a:hover, #slide-primopiano.slider-gallery-page .areaGalleryInfo h5 a:visited { font-size: 20px !important; line-height: 24px !important;} #slide-primopiano.slider-gallery-page .areaGalleryInfo p { font-size: 16px !important; line-height: 18px !important;} #slide-primopiano.slider-gallery-page .areaGalleryInfo { width: 90% !important;} } @media only screen and (max-width: 600px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page #gallery-primopiano img, #slide-primopiano.slider-gallery-page #img-primopiano img { width: 150%;} } @media only screen and (max-width: 520px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page .areaGalleryInfo a, #slide-primopiano.slider-gallery-page .areaGalleryInfo a:hover, #slide-primopiano.slider-gallery-page .areaGalleryInfo a:visited { padding: 0;} } @media only screen and (max-width: 480px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page .areaGalleryInfo a, #slide-primopiano.slider-gallery-page .areaGalleryInfo a:hover, #slide-primopiano.slider-gallery-page .areaGalleryInfo a:visited { padding: 0;} } @media only screen and (max-width: 440px) { /* HOME - SLIDE */ #slide-primopiano.slider-gallery-page #gallery-primopiano #txt-primopiano { margin-top: 20px;} #slide-primopiano.slider-gallery-page #gallery-primopiano #txt-primopiano {width: 80% !important;} #slide-primopiano.slider-gallery-page .areaGalleryInfo h3, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3 a, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3 a:hover, #slide-primopiano.slider-gallery-page .areaGalleryInfo h3 a:visited { font-size: 16px; line-height: 18px;} #slide-primopiano.slider-gallery-page .areaGalleryInfo h5, #slide-primopiano.slider-gallery-page .areaGalleryInfo h5 a, #slide-primopiano.slider-gallery-page .areaGalleryInfo h5 a:hover, #slide-primopiano.slider-gallery-page .areaGalleryInfo h5 a:visited { font-size: 12px; line-height: 14px; margin-bottom: 10px !important;} #slide-primopiano.slider-gallery-page #gallery-primopiano #txt-primopiano h1 { margin-bottom: 5px;} #slide-primopiano.slider-gallery-page #gallery-primopiano .areaGalleryInfo-txt { padding: 15px 30px 5px 30px !important;} #slide-primopiano.slider-gallery-page .areaGalleryInfo { width: 90% !important;} } /* --------------------------------------------------------------------------- */ /* ----------------- SLIDE AMBIENTI E PROGETTI 2018 ----------------- */ @media only screen and (max-width: 950px) { body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano { height: 500px !important;} body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown img { max-height: 500px !important; } body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano, body.bodyCollProgetto #slide-primopiano #gallery-primopiano, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown { height: 500px !important;} body.page-template-tpl-collezioni-dettaglio .title_section_center_top {padding-top: 20px;} body.page-template-tpl-collezioni-dettaglio #breadc .container {width: 100% !important; } } @media only screen and (max-width: 900px) { .gallery-primopiano-bulletdown .swiper-pagination-bullet { width: 11px; height: 11px;} body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano .swiper-pagination .swiper-pagination-bullet, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano .swiper-pagination .swiper-pagination-bullet { margin: 0 4px;} } @media only screen and (max-width: 880px) { body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano { height: 450px !important;} body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown img { max-height: 450px !important; } body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano, body.bodyCollProgetto #slide-primopiano #gallery-primopiano, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown { height: 450px !important;} } @media only screen and (max-width: 820px) { body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano { height: 400px !important;} body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown img { max-height: 400px !important; } body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano, body.bodyCollProgetto #slide-primopiano #gallery-primopiano, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown { height: 400px !important;} } @media only screen and (max-width: 768px) { .gallery-primopiano-bulletdown .swiper-pagination-bullet { width: 10px; height: 10px;} body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano .swiper-pagination .swiper-pagination-bullet, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano .swiper-pagination .swiper-pagination-bullet { margin: 0 4px;} } @media only screen and (max-width: 710px) { body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano { height: 350px !important;} body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown img { max-height: 350px !important; } body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano, body.bodyCollProgetto #slide-primopiano #gallery-primopiano, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown { height: 350px !important;} } @media only screen and (max-width: 680px) { body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano .swiper-pagination .swiper-pagination-bullet, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano .swiper-pagination .swiper-pagination-bullet { margin: 0 3px;} } @media only screen and (max-width: 650px) { body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano { height: 330px !important;} body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown img { max-height: 330px !important; } body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano, body.bodyCollProgetto #slide-primopiano #gallery-primopiano, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown { height: 330px !important;} body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano .swiper-button, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano .swiper-button, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown .swiper-button { width: 100% !important;} .gallery-primopiano-bulletdown .swiper-pagination-bullet { width: 8px; height: 8px;} body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano .swiper-pagination .swiper-pagination-bullet, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano .swiper-pagination .swiper-pagination-bullet { margin: 0 3px;} .title_section_center_top_table #breadc.row, .title_section_center_top_table .col-md-12.titolo-sezione-scheda, .title_section_center_top_table #entry-footer.share-schede, .container .col-md-12.collezioni_table_info_padding {padding-left: 0px !important;padding-right: 0px !important;} body.page-template-tpl-collezioni-dettaglio .title_section_center_top {padding-top: 20px;} body.page-template-tpl-collezioni-dettaglio #breadc .container {width: 100% !important; } } @media only screen and (max-width: 600px) { body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano { height: 300px !important;} body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown img { max-height: 300px !important; } body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano, body.bodyCollProgetto #slide-primopiano #gallery-primopiano, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown { height: 300px !important;} .gallery-primopiano-bulletdown .swiper-pagination-bullet { width: 8px; height: 8px;} body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano .swiper-pagination .swiper-pagination-bullet, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano .swiper-pagination .swiper-pagination-bullet { margin: 0 3px;} .title_section_center_top_table #breadc.row, .title_section_center_top_table .col-md-12.titolo-sezione-scheda, .title_section_center_top_table #entry-footer.share-schede, .container .col-md-12.collezioni_table_info_padding {padding-left: 0px !important;padding-right: 0px !important;} .gallery-primopiano-bulletdown .swiper-container { padding-bottom: 44px;} } @media only screen and (max-width: 520px) { body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano { height: 290px !important;} body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown img { max-height: 290px !important; } body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano, body.bodyCollProgetto #slide-primopiano #gallery-primopiano, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown { height: 290px !important;} .title_section_center.title_section_center_top.title_section_center_top_table { margin-top: 10px;} body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano .swiper-pagination, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano .swiper-pagination {line-height: 14px;} } @media only screen and (max-width: 500px) { body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano { height: 250px !important;} body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown img { max-height: 250px !important; } body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano, body.bodyCollProgetto #slide-primopiano #gallery-primopiano, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown { height: 250px !important;} body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano .swiper-button, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano .swiper-button { margin: 0 4px;} } @media only screen and (max-width: 445px) { body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano .swiper-button, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano .swiper-button { right: 0 !important;} body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano { height: 230px !important;} body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown img { max-height: 230px !important; } body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano, body.bodyCollProgetto #slide-primopiano #gallery-primopiano, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown { height: 230px !important;} } @media only screen and (max-width: 420px) { body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano { height: 200px !important;} body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown img { max-height: 200px !important; } body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano, body.bodyCollProgetto #slide-primopiano #gallery-primopiano, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown { height: 200px !important;} } @media only screen and (max-width: 360px) { body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano { height: 140px !important;} body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano img, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano img, body.bodyCollProgetto #slide-primopiano #gallery-primopiano img, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown img { max-height: 140px !important; } body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano, body.bodyCollProgetto #slide-primopiano #gallery-primopiano, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown { height: 140px !important;} body.page-template-tpl-ambienti-destinazioni-uso #slide-primopiano #gallery-primopiano .swiper-button, body.page-template-tpl-progetti #slide-primopiano #gallery-primopiano .swiper-button, body.page-template-tpl-collezioni-dettaglio #slide-primopiano #gallery-primopiano.gallery-primopiano-bulletdown .swiper-button {bottom: 46%!important;} } /* --------------------------------------------------------------------------- */ /* ----------------- layout COLLEZIONI - COLORI 2018 ----------------- */ @media only screen and (max-width: 991px) { #colori h4, #fondi h4, #complementi h4 { margin-bottom: 28px;} } @media only screen and (max-width: 950px) { #slide-primopiano.layout-scheda-colori #txt-primopiano.col-md-4, #slide-primopiano.layout-scheda-colori #gallery-primopiano.col-md-8, .brand-cerasarda .img-scheda-collezione-primopiano.layout-scheda-colori #gallery-primopiano, #slide-primopiano.layout-scheda-colori #gallery-primopiano.col-md-8 .swiper-container .swiper-slide { width: 100% !important;max-width: none !important;} .brand-cerasarda .img-scheda-collezione-primopiano.layout-scheda-colori #txt-primopiano, #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-colori #txt-primopiano { min-height: auto !important;} .brand-cerasarda .layout-scheda-colori #gallery-primopiano img, .layout-scheda-colori #gallery-primopiano img { max-width: none !important;} body.page-template-tpl-collezioni-dettaglio .brand-cerasarda .layout-scheda-colori #txt-primopiano h1, body.page-template-tpl-collezioni-dettaglio #slide-primopiano.layout-scheda-colori #txt-primopiano h1 {font-size: 50px !important; line-height: 44px!important; } .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-colori #txt-primopiano { height: auto!important; padding-bottom: 0;} /* breadc */ #breadc .container .col-md-12{padding-left: 20px !important; padding-right: 20px !important;} } @media only screen and (max-width: 900px) { #collezioni-colori-fondi #fondi.col-md-8 { padding-right: 0; padding-left: 17px;} } @media only screen and (max-width: 870px) { #collezioni-colori-fondi #fondi.col-md-8 { padding-right: 0; padding-left: 15px;} } @media only screen and (max-width: 768px) { #collezioni-colori-fondi #fondi.col-md-8 { padding-right: 0; padding-left: 20px;} } @media only screen and (max-width: 600px) { .brand-cerasarda #slide-primopiano.img-scheda-collezione-primopiano.layout-scheda-colori #txt-primopiano { border-width: 0;} } @media only screen and (max-width: 580px) { body.page-template-tpl-collezioni-dettaglio .brand-cerasarda .layout-scheda-colori #txt-primopiano h1, body.page-template-tpl-collezioni-dettaglio #slide-primopiano.layout-scheda-colori #txt-primopiano h1 {font-size: 42px !important; line-height: 40px !important; } } @media only screen and (max-width: 450px) { body.page-template-tpl-collezioni-dettaglio .brand-cerasarda .layout-scheda-colori #txt-primopiano h1, body.page-template-tpl-collezioni-dettaglio #slide-primopiano.layout-scheda-colori #txt-primopiano h1 {font-size: 30px !important; line-height: 32px !important; } } /* integrazione logo nel footer con align left */ @media only screen and (max-width: 991px) { #footer .col-md-12 { display: block;float: left;} } @media only screen and (max-width: 515px) { #footer p {padding-right: 80px;} .imgFooterLeft img, #footer .imgFooterLeft img { margin-top: 0 !important; } } @media only screen and (max-width: 430px) { #footer img { margin-top: 0 !important; float: left !important; } #footer img.imgFooter{ margin-top: -128px !important; float: left !important; left: 80px !important;} .imgFooterLeft img, #footer .imgFooterLeft img { margin-top: 0 !important; } #footer p { padding-right: 0;} .box-text-left-footer { margin-bottom: 0 !important; } .box-text-left-footer p { margin-top: 0 !important; } #footer .col-md-12 { padding-top: 90px !important;} } @media only screen and (max-width: 414px) { #footer img { margin-top: 0 !important; float: left !important; } #footer img.imgFooter{ margin-top: -90px !important; float: left !important; left: 80px !important; position: absolute;} .imgFooterLeft img, #footer .imgFooterLeft img { margin-top: 0 !important; } #footer p { padding-right: 0;} .box-text-left-footer { margin-bottom: 10px !important; } .box-text-left-footer p { margin-top: 0 !important; } #footer .col-md-12 { padding-top: 60px !important;} #footer p strong:first-child { margin-bottom: 0px;margin-top: 0px;} }