/** * Version: 3.2017 * Author: Simone Volpini (http://www.simonevolpini.info) * Copyright: Cirillo Company */ body { font-family: "Open Sans", sans-serif; font-size: 16px; color: #6f6f6e; background: #fff } p, h1, h2, h3, h5, h5, h6 { font-family: "Open Sans", sans-serif } p { font-size: 18px; line-height: 24px } p.data { font-style: italic } p.alsofrom { color: #b5b9c3; font-size: 16px } a { color: #009ee2 } p a { font-style: italic; color: #009ee2 } /* h1 { font-family: "Roboto", sans-serif; font-size: 30px; color: #b5b9c4; letter-spacing:-1px; border-bottom: 1px solid #b5b9c4; font-weight: 700 } */ h1 { font-size: 45px; margin-bottom: 25px; text-align: center; color: #b5b9c3 } /* changed title style 12.7.2018 */ h1.prod { margin-bottom: 30px } h1.cart { border-bottom: none; margin-bottom: 30px } h2 { font-size: 16px; color: #009ee2 } h2.size-md { font-size: 16px } h3 { font-size: 1.3em; font-weight: 600; margin-top: 10px; text-transform: uppercase } h3 a { color: #009ee2 } h3.follow { color: #CBCEDA; font-weight: 600; margin-bottom: 30px } h4 { font-size: 1.2em; margin-top: 3px; margin-bottom: 15px } h5 { font-size: 18px; color: #009ee2; margin: 0 0 10px 0 } ul { list-style-type: square; list-style-image:url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/square.png?9028'); padding-left: 20px } ul li { font-size: 15px; line-height: 22px } quote { text-align: center; font-size: 16px; font-style: italic; margin: 0; padding: 0 } blockquote { background: #eee; border: none; margin: 25px 0 } .alignright {} /* common */ .box-quote { padding: 30px 0 } .box-related { padding: 10px 0 } .quote-open { float: right } .quote-close { float: left } .section { padding-bottom: 60px } .rte { padding: 0 } .rte p, .rte-small p { font-size: 16px; color: #6f6f6e } .celeste, p.celeste, .rte p.celeste { font-size: 16px; color: #009ee2; padding: 10px 0 0 0; margin: 5px 0 0 0 } .first-title, p.first-title, .rte p.first-title { font-size: 16px; margin-top: 0; padding-top: 0 } p.checkout-info.txt-red { color: #fd4d4d } .center-img, .btn-center { margin: 0 auto } .icons-large { text-align: center; font-size: 40px; margin-bottom: 15px } /* color style */ .ciano, h2.ciano { color: #009ee2 } .white { color: #fff } .grey { color: #b5b9c3 } .grey-bk { background-color: #e7e7e7 } .dark { color: #2a2f36 } .dark-bk { background-color: #2a2f36 } .dark-bk h3, .dark-bk p { color: #fff } .greylight-bk { background-color: #f6f6f6 } /* button style */ .btn-red { border-color: #999; background: #fd4d4d; min-width: 72px; color: #fff; text-shadow:1px 1px 2px #777; padding: 2px 5px 2px 5px; font-size: 13px; font-weight: 600; -webkit-box-shadow: 1px 1px 2px #b5b5b5; box-shadow: 1px 1px 2px #b5b5b5; border-radius: 1px } .btn-more { border-color: #999; background: #fd4d4d; min-width: 72px; color: #fff; text-shadow:1px 1px 2px #777; padding: 2px 5px 2px 5px; font-size: 13px; font-weight: 600; -webkit-box-shadow: 1px 1px 2px #b5b5b5; box-shadow: 1px 1px 2px #b5b5b5; border-radius: 1px } .btn-buy-lg { border-color: #999; background: #fd4d4d; color: #fff; text-shadow:1px 1px 2px #777; font-weight: bold; -webkit-box-shadow: 1px 1px 2px #b5b5b5; box-shadow: 1px 1px 2px #b5b5b5 } .btn-blue { border-color: #999; background: #019ee1; min-width: 72px; color: #fff; text-shadow:1px 1px 2px #777; padding: 2px 5px 2px 5px; font-size: 13px; font-weight: 600; -webkit-box-shadow: 1px 1px 2px #b5b5b5; box-shadow: 1px 1px 2px #b5b5b5; border-radius: 1px } .btn-orange { border-color: #999; background: #f29200; min-width: 72px; color: #fff; text-shadow:1px 1px 2px #777; padding: 2px 5px 2px 5px; font-size: 13px; font-weight: 600; -webkit-box-shadow: 1px 1px 2px #b5b5b5; box-shadow: 1px 1px 2px #b5b5b5; border-radius: 1px } .btn-yellow { border-color: #999; background: #d9d500; min-width: 72px; color: #fff; text-shadow:1px 1px 2px #777; padding: 2px 5px 2px 5px; font-size: 13px; font-weight: 600; -webkit-box-shadow: 1px 1px 2px #b5b5b5; box-shadow: 1px 1px 2px #b5b5b5; border-radius: 1px } .btn-soon { border-color: #999; background: #d9d500; min-width: 72px; color: #fff; text-shadow:1px 1px 2px #777; padding: 2px 5px 2px 5px; font-size: 15px; font-weight: 600; -webkit-box-shadow: 1px 1px 2px #b5b5b5; box-shadow: 1px 1px 2px #b5b5b5; border-radius: 1px } .btn-grey { border-color: #999; background: #cccccc; min-width: 72px; color: #fff; text-shadow:1px 1px 2px #777; padding: 2px 5px 2px 5px; font-size: 13px; font-weight: 600; -webkit-box-shadow: 1px 1px 2px #b5b5b5; box-shadow: 1px 1px 2px #b5b5b5; border-radius: 1px } a.btn-blue, a.btn-orange, a.btn-yellow { min-width: 72px; margin-bottom: 6px } .btn-signup { border-color: #817f80; background: #CBCEDA; color: #fff; text-shadow:1px 1px 2px #777; padding: 2px 5px 2px 5px; font-size: 15px; font-weight: 600; -webkit-box-shadow: 1px 1px 2px #817f80; box-shadow: 1px 1px 2px #817f80; border-radius: 1px } .btn-newsletter { border-color: #817f80; background: #CBCEDA; color: #fff; text-shadow:1px 1px 2px #777; padding: 0 5px 0 5px; font-size: 16px; font-weight: 700; -webkit-box-shadow: 2px 2px 2px #817f80; box-shadow: 2px 2px 2px #817f80; border-radius: 2px } .btn-red:hover, .btn-more:hover, .btn-buy-lg:hover, .btn-blue:hover, .btn-signup:hover, .btn-newsletter:hover, .btn-orange:hover, .btn-yellow:hover, .btn-soon:hover, .btn-soon:active, .btn-red:active, .btn-more:active, .btn-buy-lg:active, .btn-blue:active, .btn-newsletter:active, .btn-signup:active, .btn-orange:active, .btn-yellow:active { color: #fff; text-decoration: none } .btn-red:hover, .btn-buy-lg:hover { background-image: linear-gradient(to bottom, #fd4d4d, #C11C27); border-color: #999 } .btn-blue:hover { background-image: linear-gradient(to bottom, #019ee1, #007cc0); border-color: #999 } .btn-orange:hover { background-image: linear-gradient(to bottom, #f29200, #d07000); border-color: #999 } .btn-yellow:hover { background-image: linear-gradient(to bottom, #d9d500, #b7b300); border-color: #999 } .btn-soon:hover { background-image: linear-gradient(to bottom, #d9d500, #b7b300); border-color: #999 } .btn-signup:hover, .btn-newsletter:hover { background-image: linear-gradient(to bottom, #22BFF4, #009EE2); border-color: #999 } @media (min-width: 0px) { h1.a-header { margin-top: 5px; padding-top: 0; } /* v1 even top bottom */ } @media (min-width: 768px) { .btn-more { font-size: 15px; } body { font-size: 14px } /* h1 { font-size: 55px; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #CBCEDA; font-weight: 900 } */ h1 { font-size: 55px; margin-bottom: 30px } /* changed title style 12.7.2018 */ h1.a-header { margin-top: 10px; padding-top: 5px } /* v1 even top bottom */ h1.prod { margin-bottom: 50px } h2.size-md { font-size: 40px } h4 { font-size: 16px; font-weight: 300 } } @media (min-width: 992px) { .container { width: 930px } h1 { font-size: 65px; margin-bottom: 35px } /* changed title style 12.7.2018 */ } @media (min-width: 1200px) { } /* HEADER */ .header2016 {} .header2016 .logo { margin: 5px 0 3px 0; height: 65px } .header2016 .box-shopper { position: relative; color: #b5b9c3; padding: 6px 0 0 5px; width: 120px; float: left; text-align: right; font-size: 14px; font-style: italic } .header2016 .box-shopper a { font-weight: 500; margin-top: 0; margin-left: 0; color: #b5b9c3; font-style: normal } .header2016 .shopper { display: block; float: left; text-align: center; width: 39px; padding: 10px 0 11px 0; font-size: 16px; font-style: normal; font-weight: bold; color: #009ee2; background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/bag.png?9028') no-repeat 6px 0; margin: 0 5px 0 0 } .header2016 #currencies { border: none; color: #6f6f6e; background: #fff; font-size: 12px; font-style: italic } .header2016 .navbar { border: none; background: #f4f4f4; position: relative; margin-bottom: 0; min-height: 50px } .header2016 .navbar-toggle { padding: 9px 10px; margin-top: 8px; margin-right: 8px; margin-bottom: 8px; border-color: #000 } .header2016 .navbar-default .navbar-toggle .icon-bar { background-color: #000 } .header2016 .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #e7e7e7 } @media (min-width: 768px) { .header2016 { margin-bottom: 0; position: relative } .header2016 .logo { margin: 5px 0 0 0; height: 75px } .header2016 .box-shopper { position: relative; color: #6f6f6e; padding: 21px 0 0 0; width: 120px; float: right; text-align: right; font-size: 14px; font-style: italic } .header2016 .box-shopper a { font-weight: 500; margin-top: 0; margin-left: 0; color: #6f6f6e; font-style: normal } .header2016 .box-menu { position: relative; background: url(//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/border.gif?9028) repeat-x bottom left #fff; /*border-bottom: 5px solid #cbceda */ } .header2016 .box-bag { font-size: 12px; height: 40px; position: absolute; bottom: 3px; right: 15px } .header2016 .box-bag a { } .header2016 #box-currencies { } .header2016 #currencies { font-size: 11px } .header2016 #currencies option.selected { background: red } .header2016 .navbar { border: none; background: transparent; position: relative; margin-bottom: 0; min-height: 40px } .header2016 .navbar-collapse { padding: 0 } .header2016 .navbar .navbar-nav > li > a { font-size: 13px; font-weight: 700; color: #b5b9c3 } /*14*/ .header2016 .navbar .navbar-nav > li > a:hover { background-color: #fff; color: #009ee2 } .header2016 .navbar .navbar-nav > .active > a:hover { background-color: #e7e7e7 } .header2016 .navbar .navbar-nav > .active > a, .navbar .open .dropdown-toggle { background-color: #cbceda; border-bottom: 5px solid #33aae0; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #fff } .header2016 .navbar-brand, .navbar-nav > li > a { text-shadow: none; padding: 10px 6px; border-bottom: 5px solid #cbceda } /* Edge ignora list-style:none quando carica e di conseguenza si vedono i bullet degli item dei dropdown. Per risolvere mettiamo una immagine vuota con list-style-image */ .header2016 .dropdown-menu { box-shadow: none; border: 1px solid #cbceda; border-top: none; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .header2016 .dropdown-menu li { } .header2016 .dropdown-menu li a { color: #b5b9c3; font-size: 15px; background: none; padding: 2px 10px } .header2016 .dropdown-menu li a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover { color: #33aae0; font-size: 1.1em; background: none } .header2016 .navbar .dropdown:hover .dropdown-menu { display: block; margin-top: 0 } } @media (min-width: 992px) { .header2016 .box-bag { font-size: 14px } .header2016 #currencies { font-size: 12px } .header2016 .navbar .navbar-nav > li > a { font-size: 16px } /*18*/ .header2016 .navbar .navbar-nav > .active > a, .navbar .open .dropdown-toggle { color: #fff } .header2016 .navbar-brand, .navbar-nav > li > a { padding: 12px 8px } } @media (min-width: 1200px) { } /* HOME PAGE */ span.nowrap { display: inline-block; } a.link-text:link, a.link-text:visited, a.link-text:hover, a.link-text:focus, a.link-text:active {text-decoration: none;} #carousel-index { height: 800px } .carousel-indicators { bottom: 0 } .carousel-indicators .active { background-color: #bbb } .carousel-indicators li { border: 1px solid #bbb } /* nuovo slide home */ .carousel-cc .carousel-caption { right: 25%; left: 25%; bottom: 0; padding-bottom: 10px } .carousel-cc .carousel-caption h1 { background: transparent } .carousel-cc .carousel-caption h1, .carousel-cc .carousel-caption h1 a { font-size: 24px; color: #fff; text-decoration: none; border: none; text-shadow: none } .carousel-cc .carousel-control { width: 10% } .carousel-cc .carousel-control .glyphicon-chevron-right { right: 25% } .carousel-cc .carousel-control .glyphicon-chevron-left { left: 25% } /*.carousel-cc-home .item { min-height: 405px } */ .carousel-cc-home .btn-parent { position: relative;} .carousel-cc-home .carousel-caption {position: absolute; bottom: 0} .carousel-cc-home .carousel-caption {position: absolute; bottom: 0} .carousel-cc h2 { font-size: 30px; padding-bottom: 15px; margin-bottom:0; text-align: center; font-weight: 500 } /* .carousel-cc p { margin-top: 20px; padding-bottom: 15px; margin-bottom:0; text-align: center; color: #6f6f6e; background: #fff } */ .carousel-cc p { margin-top: 20px; padding-bottom: 15px; margin-bottom:0; text-align: center; background: #fff } /* magazine */ .bx-mag { position: relative; padding-top: 15px; padding-bottom: 0; margin-top: 40px; margin-bottom: 40px; background: #fff; border: 1px solid #e3e3e3; border-top-right-radius: 0; } .bx-mag .event-photo { position: relative } .bx-mag .bx-mag-info { position: relative; display: table-cell; vertical-align:bottom; padding: 10px 8px 0 8px; height: 155px } .bx-mag .bx-mag-data { width: 80px; height: 70px; position: absolute; top: -25px; right: 10px; background: #2a2f36; color: #fff; font-weight: bold; font-size: 13px; text-align: center; padding: 7px; border-radius: 10px } .bx-mag .bx-mag-data .number { font-size: 34px; font-weight: bold; margin: 0; padding: 0; line-height: 36px } .bx-mag .mag-title { font-size: 18px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase } .bx-mag .mag-subtitle { font-size: 15px } .bx-mag .mag-where { font-size: 13px; color: #b5b9c3; font-weight: normal; position: relative; padding-bottom: 5px } .bx-mag .mag-where a { color: #6f6f6e } .linebottom-space { margin-bottom: 15px; } /*393px @media (max-width: 452px) { .carousel-cc-home p { min-height: 207px } } /* 7 righe @media (min-width: 349x) { .carousel-cc-home p { min-height: 183px } } /* 6 righe @media (min-width: 391px) { .carousel-cc-home p { min-height: 159px } } /* 5 righe @media (min-width: 453px) { .carousel-cc-home p { min-height: 135px } } /* 4 righe @media (min-width: 536px) { .carousel-cc-home p { min-height: 111px } } /* 3 righe @media (min-width: 694px) { .carousel-cc-home p { min-height: 7px } } /* 2 righe @media (min-width: 726px) { .carousel-cc-home p { min-height: 63px } } */ /* 6 righe */ @media (min-width: 768px) { .carousel-cc h2 { font-size: 65px; padding-bottom: 35px; margin-bottom:0 } /* margin-bottom:35px non va con firefox, non so perche' */ .carousel-cc h2.size-md { font-size: 40px; font-weight: bold } #carousel-index { height: 520px } .carousel-cc .carousel-caption { right: 10%; left: 10%; bottom: 3px; padding-bottom: 20px; text-align: right } .carousel-cc .carousel-caption h1, .carousel-cc .carousel-caption h1 a { font-size: 34px; text-align: right } .carousel-cc .carousel-control { width: 10% } .carousel-cc .carousel-control .glyphicon-chevron-right { right: 25% } .carousel-cc .carousel-control .glyphicon-chevron-left { left: 25% } /* .carousel-cc-home .item { min-height: 691px } */ .carousel-cc-home .btn-parent { position: relative;} .carousel-cc-home .carousel-caption {position: absolute; bottom: 0} .box-brand { margin-bottom: 20px } .bx-mag .mag-title { font-size: 16px } } /* 2 righe */ @media (min-width: 992px) { #carousel-index { height: 500px } .carousel-cc .carousel-caption { right: 10%; left: 10%; bottom: 35px; padding-bottom: 25px; text-align: right } .carousel-cc .carousel-caption h1, .carousel-cc .carousel-caption h1 a { font-size: 40px } .carousel-cc-home .btn-parent { position: relative;} .carousel-cc-home .carousel-caption {position: absolute; bottom: 20} } /* PAGE */ .box-pages { padding-bottom: 30px } .box-pages p { font-size: 15px; line-height: 22px; margin: 0 0 15px 0 } .box-pages ul { margin-bottom: 25px } .box-pages li { font-size: 15px; line-height: 22px; margin: 0 0 15px 0 } .box-pages .small-list li { font-size: 15px; margin: 0 0 0 0} .box-pages img { margin-bottom: 20px; } .box-pages strong { font-size: 15px; line-height: 22px; } .box-pages blockquote > p { font-size: 15px; line-height: 22px; margin-bottom: 0px } .box-pages blockquote > p > strong { font-size: 15px } .box-pages h2 { color: #6f6f6e; margin: 20px 0 13px 0; font-size: 20px; font-weight: 600; text-transform: uppercase } .box-pages h2 img { float: right; margin-bottom: 6px; margin-left: 15px; margin-right: 10px } .box-pages h3 img { vertical-align: bottom; margin-bottom: 6px; margin-left: 15px; margin-right: 10px } .box-pages h4 { font-weight:bold;line-height: 1.4; } .box-pages h5 { font-size: 15px; line-height: 22px; color: #009ee2; margin: 0 0 10px 0 } .box-pages h6 { font-size: 18px; color: #009EE2; margin: 25px 0px 15px; padding: 0; text-transform: uppercase } .pdbottom { padding-bottom: 0px } .centerBox { text-align: center } .lineDotted { border: none; border-bottom: 1px dashed #a7a5a6; line-height: 0; height: 0; margin: 0 } /* check grep, il colore */ .lineDottedLightGray { border: none; border-bottom: 1px dashed #cbceda; line-height: 0; height: 0; margin: 0 } /* check grep, il colore */ .lineSolidLightGray { border: none; border-bottom: 1px solid #cbceda; line-height: 0; height: 0; margin: 0 } .img-check { margin: 20px 0; width: 40px; height: 39px } .row1HomeSpace { padding-top: 27px; padding-bottom: 40px } .row2HomeSpace { padding-top: 17px; padding-bottom: 40px } .evidence { background: #f1f1f1; padding: 15px 20px 20px 20px } .evidence h2 { height: auto; margin-bottom: 7px } .parImgLeft, .parImgRight { padding: 0 0 20px 0 } .parImgLeft img { float: left; margin-right: 15px } .parImgRight img { float: right; margin-left: 15px } .parImgLeft .txtBoxPar { padding-left: 138px } .parImgRight .txtBoxPar { padding-right: 138px } .req-quote, .req-quote-francesco { padding-top: 0; text-align: right } .boxWeekend { padding: 0 10px } /* expertise */ .page-expertise h2 img { float: left; margin-left: 0; margin-bottom: 0 } .page-expertise .row2HomeSpace { padding-top: 5px; padding-bottom: 10px } /* events */ .boxbanner { height: 95px } .date { font-size: 12px; line-height: 16px; padding-top: 3px } .event-single .box-up-event { position: relative; margin-bottom: 18px } .event-single .box-button { position: absolute; right: 10px; bottom: 10px; z-index: 20 } .event-single p { font-size: 15px } .event-single p.listTitlePost { font-size: 16px; font-weight: normal; margin: 0; padding: 0; text-transform: none } .event-single p.listTitlePost a { } .event-single p.event-date { font-weight: bold; margin: 0; font-size: 15px; color: #B5B9C4 } /* customers */ .elem-testimonial { padding-bottom: 20px } .elem-testimonial img { margin-bottom: 30px; } .elem-testimonial h2 { font-size: 16px; font-weight: bold; text-transform: uppercase; margin: 0 0 5px 0 } /* testimonials */ #box-carousel-reference { background: #f1f1f1; padding-bottom: 15px } #carousel-reference { background: #f1f1f1; padding: 30px 60px 0 60px; text-align: center; margin-bottom: 20px } #carousel-reference h2 { margin: 0 } #carousel-reference p { font-size: 16px; margin-bottom: 5px } .carousel-control.right, .carousel-control.left { background: none } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 4% } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-right { right: 4% } #box-carousel-referencew { background: transparent; padding-top: 0; padding-bottom: 0 } #box-carousel-referencew #carousel-reference { background: #fff; padding: 10px 10px 0 10px; margin-bottom: 0; text-align: center } #box-carousel-referencew #carousel-reference h2 { margin: 0 } #box-carousel-referencew #carousel-reference p { padding-top: 7px; font-size: 15px; margin-bottom: 5px } #box-carousel-referencew #carousel-reference .item { margin-bottom: 0 /* 30px */ } #box-carousel-referencew #carousel-reference p.testimonial-name { text-align: left; margin-top: 17px; padding-top: 0; font-size: 16px; margin-bottom: 0; font-weight: bold; text-transform: uppercase; white-space:nowrap } #box-carousel-referencew #carousel-reference p.testimonial-work { text-align: left; padding-top: 0; font-size: 16px; margin-bottom: 0; font-style:oblique; white-space:nowrap } #box-carousel-referencew .box-testimonial-name { float: left; left: 50%; position: relative; margin-bottom: 10px } #box-carousel-referencew .box-in-testimonial-name { float: left; left: -50%; position: relative } #box-carousel-referencew .testimonial-photo { width: 56px; float: left; margin-right: 15px } #box-carousel-referencew .testimonial-text { padding: 0 50px } #box-carousel-referencew .carousel-control.right, .carousel-control.left { background: none } #box-carousel-referencew .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 4% } #box-carousel-referencew .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-right { right: 4% } #box-carousel-referencew .carousel-indicators { bottom: 0 } #box-carousel-referencew .carousel-indicators li { background-color: #c7c6c4; border: 1px solid #c7c6c4; margin: 0; border: 1px solid #fff; border-radius: 9px; height: 9px; width: 9px } #box-carousel-referencew .carousel-indicators li.active { background-color: #81817f; border: none; border: 1px solid #fff; border-radius: 9px; height: 9px; width: 9px; } #box-carousel-referencew a { font-weight: normal } /* testimonials mobile (vertical) */ .bx-testimonial { padding: 30px 0 10px 0 } .bx-testimonial .testimonial { margin-bottom: 10px; padding: 15px; background: #eee } .bx-testimonial .testimonial:first-child { border-top: none } .bx-testimonial .testimonial .voice { font-style: italic } @media (min-width: 768px) { #carousel-reference { min-height: 370px } .box-carousel-reference-small #carousel-reference { min-height: 200px } #box-carousel-referencew #carousel-reference { padding: 10px 30px 0 30px } } @media (min-width: 992px) { #carousel-reference, #carousel-reference .item { min-height: 310px } // was 300px but not enough for Katie Geddes testimonial .box-carousel-reference-small #carousel-reference { min-height: 160px } .req-quote { padding-top: 80px; text-align: left; padding-left: 20px } .req-quote-francesco { padding-top: 60px; text-align: left; padding-left: 20px } } @media (min-width: 1200px) { .req-quote, .req-quote-francesco { padding-left: 60px } } /* EVENTS PAGE (new) */ .bx-event { position: relative; padding-top: 35px; padding-bottom: 40px; margin-top: 20px; background: #fff; border-top-right-radius: 10px; border-top-left-radius: 10px } .bx-event:hover { background: #f1f7f7 } .bx-event .event-photo { position: relative } .bx-event .bx-event-info { position: relative; padding: 40px 5px 20px 5px; height: 180px; border-top: 1px solid #2a2f36 } .bx-event .bx-event-data { width: 80px; height: 70px; position: absolute; top: -35px; right: 0; background: #2a2f36; color: #fff; font-weight: bold; font-size: 13px; text-align: center; padding: 7px; border-radius: 10px } .bx-event .bx-event-data .number { font-size: 34px; font-weight: bold; margin: 0; padding: 0; line-height: 36px } .bx-event .event-title { font-size: 18px; font-weight: bold; margin-bottom: 10px } .bx-event .event-subtitle { font-size: 15px } .bx-event .event-where { font-size: 18px; color: #2a2f36; font-weight: bold; position: absolute; left: 0; top: -25px; padding-left: 5px } @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { } /* EVENT NEWS */ .box-single-event { background: #F1F1F1; margin-bottom: 20px; padding: 10px } .box-single-event h2 { text-transform: uppercase } .box-single-event p.data { font-style: normal } .box-single-event.past { opacity: 0.5; } .box-single-event p { font-size: 15px; line-height: 22px; } .box-presenters { text-align: right; margin: 15px 0; } ul.presenters { float: right; list-style: none; margin: 0; padding: 0 } ul.presenters li { float: right; margin: 0 0 10px 10px; border: 1px solid #B5B9C4 } ul.presenters li.presenters-title { padding-top: 15px; border:none; font-weight: bold } ul.presenters li img { width: 50px } @media (min-width: 768px) { .box-single-event { margin: 0 0 20px 0; padding: 0 15px 0 0 } } @media (min-width: 992px) { } @media (min-width: 1200px) {} /* PT IN THE NEWS */ .pt-news .article-title { font-size: 17px; font-weight: bold; margin-bottom: 7px } .pt-news .article-author { font-size: 15px; margin-bottom: 6px } .pt-news .article-date { font-style: italic; font-size: 13px; margin-bottom: 5px; } .pt-news .article-desc { font-size: 15px; } .pt-news h3 { text-transform: none } @media (min-width: 768px) { .pt-news .article-title { font-size: 16px; margin-bottom: 6px } .pt-news .article-author { font-size: 14px; margin-bottom: 5px } .pt-news .article-date { font-size: 12px; margin-bottom: 4px; } .pt-news .article-desc { font-size: 14px; } } @media (min-width: 992px) { .pt-news .article-author { font-size: 15px; margin-bottom: 6px } .pt-news .article-title { font-size: 17px; margin-bottom: 7px } .pt-news .article-date { font-size: 13px; margin-bottom: 5px; } .pt-news .article-desc { font-size: 15px; } } @media (min-width: 1200px) {} /* TEAM */ .header-team { background: url(//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/border.gif?9028) repeat-x bottom left #fff } .box-footer-team { background: #fff; border-top: 5px solid #CBCEDA; } .box-img-team { top:0; z-index: -1; width: 100%; height: 100%; background-color: #fff; background-size: cover; background-position: center top; background-attachment: local; position: fixed; } .box-top-team .linebottom { border-bottom: none; margin-bottom: 0; } .box-top-team .header { margin-bottom: 0 } .page-team { margin-top: 40px } .page-team h1 { color: #FFF; border-bottom: none; padding: 0; margin: 0; font-weight: 300; text-transform: initial; } .page-team h3 { color: #FFF; margin-top: 0 } .page-team p { color: #FFF; margin: 0; padding: 0; font-size: 15px } .box-team-info { float: left; margin: 15px 0; background-color: rgba(0, 0, 0, 0.4); padding: 10px 10px; color: #FFF; border-radius: 3px; } @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { } /* NEWS */ .art-news p { font-size: 15px; line-height: 22px } .art-news h2 { font-size: 24px; font-weight: bold; color: #B5B9C4; font-family: "Roboto", sans-serif; } .art-news ul { margin-bottom: 25px } .art-news li { font-size: 15px; line-height: 22px; margin: 0 0 15px 0 } .article-box-icon { width: 53px; float: left; margin: 0 15px 15px 0 } .article-box-text { padding-left: 0 } .dl-horizontal dt { display: none } .dl-horizontal dd { margin-left: 0 } .dl-horizontal p { font-size: 15px; line-height: 22px } #pagination { margin: 10px 0 20px 0; font-family: "Roboto", sans-serif; font-weight: bold; font-size: 16px } #pagination a { color: #009EE2; font-weight: bold } #pagination a:hover { color: #23527C; text-decoration: none } #pagination .current { color: #B5B9C4 } .tags { margin: 20px 0 10px 0 } .tags a { display: block; float: left; margin: 0 4px 4px 0; padding: 3px 6px 3px 4px; background: #009ee2; color: #fff; border-radius: 3px; font-size: 11px; text-transform: uppercase; white-space: nowrap } .tags a:hover { background: #cbceda; text-decoration: none } .tags i {} @media (min-width: 768px) { .article-box-text { padding-left: 68px } .dl-horizontal dt { display: inline; width: 53px } .dl-horizontal dd { margin-left: 73px } } @media (min-width: 992px) { } @media (min-width: 1200px) { } /* SIDEBAR */ .sidebar { padding-top: 20px; border-top: 5px solid #cbceda } .sidebar h3 { font-size: 1.2em; color: #CBCEDA; font-weight: 600 } .sidebar p { font-size: 14px; line-height: 20px } .sidebar ul { padding-left: 20px; list-style-type: square; list-style-image:url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/square.png?9028'); } .form-contacts { margin: 0 0 30px 0 } .form-contacts h3 { margin-bottom: 20px } .form-contacts .form-group { margin-bottom: 10px } .form-contacts .form-control { border: 1px solid #bbbbbb; border-radius: 2px; font-size: 13px; font-style: italic; color: #6f6f6e; height: 26px; line-height: 1.42857; padding: 2px 10px } .form-contacts #note { height: 120px; resize:none } .form-contacts #btnFrmSend { text-align: right } #frmMessage p { font-size: 14px; text-align: right; font-weight: bold; color: #333 } .featured-book { font-style: italic; padding: 0; margin-bottom: 5; font-weight: 500 } .sidebar .product { min-height: 0px; } .sidebar .product p { margin-bottom: 3px } .sidebar .product h3 { margin-top: 0 } .sidebar .product h3 a { color: #6f6f6e } .sidebar .product h3 a:hover { color: #009ee2; text-decoration: none } .sidebar .product a.readmore { color: #009ee2 } .sidebar-contact { margin: 0 0 30px 0 } @media (min-width: 768px) { .sidebar { padding-top: 50px; border-top: none } } @media (min-width: 992px) { } @media (min-width: 1200px) { } /* SIDEBAR TABS */ p.tab { margin-top: 15px; color: #b5b9c3; font-size: 16px } /* CELL */ /* < 768px : vertical */ .cellHeight_90px { margin-bottom: 15px} .cellHeight_200px { margin-bottom: 15px} .cellHeight_250px { margin-bottom: 15px} .cellHeight_300px { margin-bottom: 15px} .cellHeight_310px { margin-bottom: 15px} .cellHeight_320px { margin-bottom: 15px} .cellHeight_330px { margin-bottom: 15px} .cellHeight_340px { margin-bottom: 15px} /* >= 768px : horizontal 1 */ @media (min-width: 768px) { .cellHeight_90px { min-height: 100px } .cellHeight_200px { min-height: 200px } .cellHeight_250px { min-height: 250px } .cellHeight_300px { min-height: 280px } .cellHeight_310px { min-height: 330px } .cellHeight_320px { min-height: 300px } .cellHeight_330px { min-height: 330px } .cellHeight_340px { min-height: 320px } } /* >= 992 : horizontal 2 */ @media (min-width: 992px) { .cellHeight_90px { min-height: 90px } .cellHeight_200px { min-height: 200px } .cellHeight_250px { min-height: 250px } .cellHeight_300px { min-height: 300px } .cellHeight_310px { min-height: 310px } .cellHeight_320px { min-height: 320px } .cellHeight_330px { min-height: 330px } .cellHeight_340px { min-height: 320px } } /* >= 1200 : horizontal 3 */ @media (min-width: 1200px) { .cellHeight_340px { min-height: 340px }} /* PRODUCT */ .product { position: relative } /*margin-bottom: 40px; padding-bottom: 30px*/ .product h3 { font-size: 1.2em } .product a.btn-more { bottom: 0; left: 0 } .product p { font-size: 15px; line-height: 20px } .product p.author { font-size: 13px; margin-bottom: 6px; } .product p.source { font-size: 17px; font-weight: bold; margin-top: 10px; margin-bottom: 10px } .box-download { padding: 0 0 20px 0; margin-bottom: 20px; } .box-download a { display: block; background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/button-download-wahp.png?9028') no-repeat 7px 5px; min-height: 100px; border: 1px solid #6F6F6E; padding: 20px 20px 20px 140px; } .box-download a:hover { text-decoration: none; background-color: #eee } .box-download a p { color: #6f6f6e } .box-download p.download-text { font-size: 14px } .box-info { margin-top: 15px;padding: 0 0 20px 0 } .box-content { margin-top: 20px; padding: 0 0 20px 0 } .box-events { margin-top: 20px; padding: 0 0 20px 0 } .box-involved { margin-top: 20px; padding: 0 0 20px 0 } .box-info h5 { font-size: 18px; line-height: 24px; color: #009ee2; margin: 0 0 10px 0 } .box-info h6 { font-size: 14px; margin: 0 } .box-info p { font-size: 18px; line-height: 24px } .box-info p.pages { font-size: 15px; line-height: 22px } .book-home { padding: 0 0 40px 0 } .book-home .author, .book-home .title { font-family: "Roboto", sans-serif; margin-bottom: 0 } .book-home .author { font-weight: 300; font-style: italic } .book-home .title { font-weight: 900; color: #b5b9c3 } .book-home .description { clear: left } .book-home .available { color: #009ee2; font-style: italic; margin-bottom: 20px } .linebottom { border-bottom: 5px solid #cbceda; margin-bottom: 15px } .linebottomthin { border-bottom: 1px solid #cbceda; margin-bottom: 5px } .linevertical { border-bottom: 1px solid #cbceda; margin-bottom: 20px } hr { border: none; border-bottom: 1px solid #cbceda; margin: 15px 0 15px 0 } .box-imglarge { position: relative } .img-badge { width: 90px; z-index: 20; position: absolute; top: 0; right: 0 } .virgolettato { text-align: center; font-style: italic; font-size: 15px } .text-small { font-size: 14px } .box-related img { margin-bottom: 20px } @media (max-width: 768px) { .row-products-alt3 .product { padding-bottom: 0px } /* trainers */ } @media (min-width: 768px) { .product a.btn-more { position: absolute; } /*.product { margin-bottom: 20px; min-height: 360px; padding-bottom: 0 }*/ .product h3 { font-size: 1.2em } /* varianti altezze griglia prodotti */ .row-products-alt0 .product { min-height: 300px } /* bassa */ .row-products-alt1 .product { min-height: 320px } /* media */ .row-products-alt2 .product { min-height: 370px } /* alta */ .row-products-alt3 .product { min-height: 200px } /* trainers */ .row-products-alt4 .product { min-height: 260px } /* pomodoro editions */ .row-products-alt5 .product { min-height: 400px } /* molto alta */ .row-products-alt6 .product { min-height: 380px } /* books */ .row-products-alt7 .product { min-height: 320px } /* media alta */ .row-products-alt-in-the-news .product { min-height: 410px } .row-products-alt8 .product { min-height: 350px } /* media */ .row-products-alt9 .product { min-height: 180px } /* media */ .box-download { padding: 0 0 20px 70px; margin-bottom: 20px } .box-info { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/icon-info-section.png?9028') no-repeat; margin-top: 15px; padding: 0px 0 20px 70px } .box-content { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/icon-content-section.png?9028') no-repeat; margin-top: 20px; padding: 0 0 20px 70px } .box-events { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/icon_events.png?9028') no-repeat; margin-top: 20px; padding: 0 0 20px 70px } .box-involved { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/icon-getting-involved.png?9028') no-repeat; margin-top: 20px; padding: 0 0 20px 70px } .box-online { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/icon-desktop.png?9028') no-repeat; } .box-onsite { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/icon-building.png?9028') no-repeat; } .box-inperson { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/icon-getting-involved.png?9028') no-repeat; } .box-file { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/icon-file_x46.png?9028') no-repeat; } .linevertical { border-bottom: 0px; border-right: 1px solid #cbceda; padding-right: 28px; margin-bottom: 20px } .box-variant { padding-left: 11px } .book-image-home { padding: 40px 0 40px 20px } .book-home { padding: 40px 10px 40px 10px } .book-home .author { font-size: 26px } .book-home .title { float: left; font-size: 48px; line-height: 48px; border-bottom: 2px solid #e3e6ed; padding: 4px 0 12px 0; margin-bottom: 15px } .book-home .available, .book-home .description { font-size: 17px } .smalldesc p { font-size: 14px } .row-products { margin-bottom: 40px } .img-badge { width: 150px } .virgolettato { font-size: 17px } } @media (min-width: 992px) { /*.product { min-height: 370px; }*/ .product h3 { font-size: 1.2em } /* varianti altezze griglia prodotti */ .row-products-alt1 .product { min-height: 310px } /* bassa */ .row-products-alt2 .product { min-height: 370px } /* alta */ .row-products-alt-in-the-news .product { min-height: 420px } .book-home { padding: 80px 20px 40px 20px } .img-badge { width: auto } } @media (min-width: 1200px) { /*.product { min-height: 380px; }*/ .product h3 { font-size: 1.3em } } /* sidebar prodotti: lista delle specifiche del corso/prodotto (vecchia versione usata nei prodotti più vecchi) */ .list-variant { list-style: none; padding: 20px 0 0 0; margin: 0; border-top: 5px solid #cbceda } .list-variant li { padding: 3px 0 3px 76px; border-bottom: 1px dashed #cbceda; min-height: 60px; margin-bottom: 10px } .list-variant li:last-child { border-bottom: none } .list-variant li.audio-book { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/variant-audio-book.png?9028') no-repeat 7px 5px } .list-variant li.paperback { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/variant-paperback.png?9028') no-repeat 7px 5px } .list-variant li.ebook { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/variant-ebook.png?9028') no-repeat 7px 5px } .list-variant li.kindle { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/variant-kindle.png?9028') no-repeat 7px 5px } .list-variant li.bundle1 { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/variant-bundle1.png?9028') no-repeat 7px 5px } .list-variant li.bundle2 { min-height: 95px; background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/variant-bundle2.png?9028') no-repeat 7px 5px } .list-variant li.timer { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/variant-timer.png?9028') no-repeat 7px 5px } .list-variant li.crate { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/variant-crate.png?9028') no-repeat 7px 5px } .list-variant li.kit { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/variant-kit.png?9028') no-repeat 7px 5px } .list-variant li.preview { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/variant-preview.png?9028') no-repeat 7px 5px } .list-variant li.download { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/variant-download.png?9028') no-repeat 7px 5px } .list-variant li.workshop { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/variant-workshop.png?9028') no-repeat 7px 5px } .list-variant li label { font-size: 14px; display: block; margin: 0; font-weight: 600 } .list-variant li .price { font-size: 14px; color: #009ee2; text-transform: uppercase; font-style: normal } .list-variant li .freetext { font-size: 14px; color: #009ee2; font-style: normal; font-style: italic } .list-variant li .sub { float: right; text-align: right; margin-left: 5px; width: 80px; font-size: 12px } .list-variant li .price-line { padding: 0 3px; margin-right: 4px } .list-variant li .price-line .price { position: relative } .list-variant li .price-line img { position: absolute } .list-variant li .price-red .price { color: #fd4d4d; font-style: normal } .box-workshop-right { margin: 0 0 40px 0 } .course-details { list-style: none; margin: 0; padding: 0 } .course-details li { clear: left; padding: 3px 0; margin-bottom: 10px; border-top: 1px dashed #cbceda } .course-details li .course-details-image { display: table-cell; padding-right: 6px } .course-details li .course-details-text { display: table-cell; vertical-align: middle } .course-details li strong { font-weight: 600 } @media (min-width: 768px) { .list-variant { padding: 0; margin: 0; border-top: none } } @media (min-width: 992px) { } @media (min-width: 1200px) { } /* sidebar prodotti: lista delle specifiche del corso/prodotto */ .list-information { list-style: none; margin: 0; padding: 0; margin-top: 15px; } .list-information li { clear: left; padding: 6px 0 3px 0; display: table; margin-bottom: 10px; border-top: 1px dashed #cbceda; width: 100% } .list-information li:first-child { border-top: none } .list-information li form { width: 100%; padding: 0; margin: 0; display: table-row } .list-information li .detail-icon { display: table-cell; padding-right: 6px; padding-top: 6px; width: 60px; text-align: center } .list-information li .detail-icon i { font-size: 28px; text-align: center } .list-information li .detail-text { display: table-cell; vertical-align: middle } .list-information li .detail-text-info { font-size: 14px; } .list-information li .detail-text-note { font-size: 13px; } .list-information li .detail-text-small { display: table-cell; vertical-align: middle; font-size: 13px; } /* da migrare su detail-text-note */ .list-information li strong { font-weight: 600 } .list-information li .price { font-size: 14px; color: #009ee2; text-transform: uppercase; font-style: normal } .list-information li .sub { float: right; text-align: right; margin-left: 5px; margin-top: 2px; width: 90px; font-size: 12px } .list-information li .price-line { padding: 0 3px; margin-right: 4px } .list-information li .price-line .price { position: relative } .list-information li .price-line img { position: absolute } .list-information li .price-red .price { color: #fd4d4d; font-style: normal } @media (min-width: 768px) { .list-information li .sub { margin-left: 4px } /* spezzava male il testo LINKEDIN PROFILE*/ } @media (min-width: 992px) { } @media (min-width: 1200px) { } /* sidebar prodotti: lista delle specifice da attaccare sotto un'altra lista delle specifiche */ .remove-margin-top {margin-top: 0px} .add-border-top { clear: left; padding: 6px 0 3px 0; display: table; margin-bottom: 10px; border-top: 1px dashed #cbceda; width: 100% } /* sidebar prodotti: elenco delle sessioni/eventi (vecchia versione, da capire se serve ancora) */ .list-sessions { list-style: none; margin: 0; padding: 0 } .list-sessions li { clear: left; padding: 6px 0 3px 0; display: table; margin-bottom: 10px; border-top: 1px dashed #cbceda; width: 100% } .list-sessions li:first-child { border-top: none } .list-sessions li .detail-icon { display: table-cell; padding-top: 6px; padding-right: 6px; width: 60px; text-align: center } .list-sessions li .detail-icon i { font-size: 28px; text-align: center } .list-sessions li .detail-text { display: table-cell; vertical-align: middle } .list-sessions li p { margin: 0; padding: 0; font-size: 13px; line-height: 16px } .list-sessions li strong { font-weight: 600 } .list-sessions .session-title { font-weight: 400; font-size: 15px; margin-bottom: 3px; line-height: 19px } .list-sessions .session-date { font-size: 16px; font-weight: 600; line-height: 21px; margin-bottom: 3px } .list-sessions .session-time { font-size: 14px } .list-sessions .session-where { font-size: 13px; margin-top: 4px } .list-sessions .session-who { /* font-style: italic */ } .list-sessions .session-more { font-style: normal; font-size: 15px; margin-top: 4px; font-weight: bold } .list-sessions .session-text { font-size: 16px; line-height: 21px; margin-bottom: 3px } @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { } /* sidebar prodotti: elenco delle sessioni/eventi */ .list-courses { list-style: none; margin: 0; padding: 0; margin-top: 15px; } .list-courses li { clear: left; padding: 6px 0 3px 0; display: table; margin-bottom: 10px; border-top: 1px #cbceda; width: 100% } .list-courses li:first-child { border-top: 1px dashed; } .list-courses li i.black { color: #cbceda} .list-courses li i.test { color: #FFF000 } .list-courses li i.darkbrown { color: #6f6f6f } .list-courses li i.lightgray { color: #b5b9c3 } .list-courses li form { width: 100%; padding: 0; margin: 0; display: table-row } .list-courses li .detail-icon { display: table-cell; padding-right: 6px; padding-top: 6px; width: 60px; text-align: center } .list-courses li .detail-icon i { font-size: 28px; text-align: center } .list-courses li .detail-text { display: table-cell; vertical-align: middle } .list-courses li .detail-text-info { font-size: 14px; } .list-courses li .detail-text-note { font-size: 13px; } .list-courses li .detail-text-small { display: table-cell; vertical-align: middle; font-size: 13px; } /* da migrare su detail-text-note */ .list-courses li strong { font-weight: 600 } .list-courses li .price { font-size: 14px; color: #009ee2; text-transform: uppercase; font-style: normal } .list-courses li .sub { float: right; text-align: right; margin-left: 5px; margin-top: 2px; width: 90px; font-size: 12px } .list-courses li .price-line { padding: 0 3px; margin-right: 4px } .list-courses li .price-line .price { position: relative } .list-courses li .price-line img { position: absolute } .list-courses li .price-red .price { color: #fd4d4d; font-style: normal } @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { } /* CALENDAR */ .list-calendar { list-style: none; margin: 0; padding: 0 } .list-calendar li { clear: left; padding: 6px 0 3px 0; display: table; margin-bottom: 10px; border-top: 1px dashed #cbceda; width: 100% } .list-calendar li:first-child { border-top: none } .list-calendar li .detail-icon { display: table-cell; padding-top: 6px; padding-right: 6px; width: 60px; min-width: 60px; text-align: center } .list-calendar li .detail-icon i { font-size: 28px; text-align: center } .list-calendar li .detail-text { display: table-cell; vertical-align: middle } .list-calendar li p { margin: 0; padding: 0; font-size: 13px; line-height: 16px } .list-calendar li strong { font-weight: 600 } .list-calendar .calendar-title a { font-style: normal;font-weight: 600; font-size: 18.2px; margin-bottom: 3px; line-height: 20.2px } .list-calendar .calendar-date { font-size: 16px; font-weight: 600; line-height: 21px; margin-bottom: 3px } .list-calendar .calendar-time { font-size: 14px } .list-calendar .calendar-where { font-size: 13px; margin-top: 4px } .list-calendar .calendar-who { font-size: 16px; line-height: 21px; margin-bottom: 3px } .list-calendar .calendar-more { font-style: normal; font-size: 15px; margin-top: 4px; font-weight: bold } .list-calendar .calendar-text { font-size: 15px; line-height: 20px; margin-bottom: 3px; color: #b5b9c3 } @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { } /* CART */ .cart-empy { margin: 50px 70px 70px 70px; background: #ecf7fd; border: 1px solid #eee; font-size: 18px; text-align: center; padding: 10px 30px; border-radius: 3px } .table-cart { border-top: 1px solid #cbceda; width: 100% } .table-cart th { text-align: center; color: #cbceda; border-bottom: 1px solid #cbceda } .table-cart th.first { width: 0%; padding-left: 0; padding-right: 0 } .table-cart th.items { text-align: left } .table-cart td { text-align: right; padding-top: 10px; padding-left: 3px; padding-right: 3px; border-bottom: 1px solid #cbceda; font-size: 12px } .table-cart td p { font-size: 15px } .table-cart td.items { text-align: left } .table-cart td.price { font-weight: 600; font-size: 1.0em } .table-cart td.del { text-align: left; width: 0% } .table-cart td.del a { font-weight: bold; font-size: 1.1em; color: #fd4d4d } .table-cart h3 { margin: 3px 0 4px 0; font-weight: 600; font-size: 1.1em } .table-cart td input[number], .table-cart td input { font-size: 1.1em; border: 2px solid #cbceda; border-radius: 6px; width: 45px; padding: 2px 4px; color: #009ee2; font-weight: bold } .checkout { margin: 10px 50px 50px 0; float: right; text-align: right } .checkout p { font-size: 16px; color: #cbceda } .checkout .price-total { font-size: 1.6em; font-weight: bold; color: #6f6f6e } .checkout textarea { border: 1px solid #6f6f6e; width: 50%; height: 120px } p.checkout-info { font-size: 14px; color: #6F6F6E; padding-left: 50%; } .additional-checkout-buttons { margin: 15px 0 0 0 } @media (min-width: 768px) { .table-cart th.first { width: 5% } .table-cart td { font-size: 14px; padding-left: 8px; padding-right: 8px; } .table-cart td p { font-size: 18px } .table-cart td.del { width: 9% } .table-cart th { text-align: center; color: #cbceda; border-bottom: 1px solid #cbceda } .table-cart td.price { font-size: 1.3em } .table-cart td.del a { font-size: 1.3em } .table-cart h3 { font-size: 1.3em } .table-cart td input[number], .table-cart td input { font-size: 1.3em; width: 65px } } @media (min-width: 992px) { } @media (min-width: 1200px) { } /* ANTI-IF MANIFESTO color-red: #FD4E4D */ .aif-page .header { margin-bottom: 0 } .aif-page .red { color: #FD4E4D } .aif-page .backred { background: #FD4E4D; color: #fff; padding: 1px 5px } .p-antiif h1 { background: #FD4E4D; margin: 0 0 20px 0; text-align: center; padding: 30px 0 10px 0 } .p-antiif h1.header { background: #f9f7f4; margin: 0 0 0 0; text-align: center; padding: 10px 0 10px 0 } /* used for pomodoro pages header */ .p-antiif h1.header-af { margin-bottom: 0 } /* used for anti-if pages header */ .p-antiif h4 { font-size: 30px; margin-bottom: 15px; text-align: center; color: #b5b9c3; font-weight: bold } .p-antiif h1 img { margin: 0 auto; padding: 0 30px } .p-antiif .aif-box-text h2 { font-size: 45px; margin-bottom: 25px; text-align: center; color: #b5b9c3 } .p-antiif .aif-box-text p { margin-bottom: 30px } .p-antiif .aif-box-text p.line { margin-bottom: 0px } .p-antiif .aif-box-text .bold { font-weight: bold; } .p-antiif .img-code { padding: 15px 0 0 0; margin-bottom: 60px } .aif-page .box-whi { padding: 0 } .aif-page .box-whi img { margin: 0 auto } .aif-page .box-whi h3 { margin: 15px 0 15px 0 } .aif-page .box-whi p { font-size: 16px; text-align: center; margin: 0 0 15px 0 } .aif-page .box-whi .small { font-size: 14px } .p-antiif .row-dark { background: #2a2f36; margin: 40px 0; padding: 25px 10px } .p-antiif .row-dark p { color: #fff } .p-antiif .row-dark p a { color: #fff; font-style:normal } .p-antiif .row-dark.no-border { margin-bottom: 0px; margin-top: 0px } .p-antiif .row-black { background: #2a2f36; margin: 40px 0; padding: 25px 10px } .p-antiif .row-black p { color: #fff } .p-antiif .row-black p a { color: #fff } .p-antiif .row-red { background: #FD4E4D; margin: 40px 0 90px; padding: 25px 10px } .p-antiif .row-red.small-bottom { margin-bottom: 50px } .p-antiif .row-red.no-border { margin-bottom: 0px; margin-top: 0px } .p-antiif .row-red h4 { color: #fff } .p-antiif .row-red p { color: #fff } /*.grey { color: #b5b9c3 } .grey-bk { background-color: #e7e7e7 } */ .p-antiif .row-gray { background: #fff; margin: 40px 0 90px; padding: 25px 10px } .p-antiif .row-gray.small-bottom { margin-bottom: 50px } .p-antiif .row-gray.no-border { margin-bottom: 0px; margin-top: 0px } .p-antiif .row-gray h4 { color: ##6f6f6e } .p-antiif .row-gray p { color: ##6f6f6e } .p-antiif .anti-if-who a { font-size: 14px } .p-antiif ul { margin-bottom: 25px } .p-antiif ul li { font-size: 18px; line-height: 24px; margin: 0 0 15px 0 } .row-black h4 { color: white; line-height: 1 } .row-black h3 { color: white; text-transform: none; margin-bottom: 15px; text-align: center } .row-black .highlight { background: #FD4E4D; color: #fff; padding: 2px 5px } .aif-page .spaced-button { margin: auto 10px } /* code */ .aif-page pre { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/anti-if-wave.png?9028') no-repeat 0 0 #2a2f36; border: none; font-family: courier; font-size: 13px; font-weight: bold; border-radius: 1px; margin: 0 0 40px 0; padding: 30px 10px; color: #fff } .aif-page pre .error1 { background: #FD4E4D; color: #fff; padding: 2px 5px } .aif-page pre.pre-join { border-bottom: 3px solid #fff; color: #fff; margin: 30px 0 40px 0; padding: 40px 20px 20px 20px; font-size: 14px; font-weight: bold } /* row events */ .row-events { margin: 40px 0; background: #2a2f36; padding-left: 15px; padding-right: 15px } .row-events .col-sm-4 { padding-left: 0; padding-right: 0 } ul.last-events { list-style: none; padding: 0; margin: 0; width: 100%; background: #fff; height: 100% } ul.last-events li { float: none; width: 100%; border-top: 5px solid #cbceda; clear: both; text-align: right } ul.last-events :first-child { border: none } .last-events .data { display: block; float: right; background: #2a2f36; color: #fff; font-weight: bold; font-size: 13px; padding: 3px 3px; width: 80px; height: 75px; text-align: center; margin-left: 15px } .last-events .number { font-size: 44px; font-weight: bold; margin: 0; padding: 0; line-height: 50px } .last-events .follow { font-size: 22px; color: #fff; font-weight: 700; text-align: center; padding: 7px 0; background: #2a2f36 } .last-events p { font-size: 14px; padding-top: 8px; line-height: 17px } .last-events p a { font-weight: bold; font-size: 16px; font-style: normal; } .last-events .action { padding: 15px 0; text-align: center; background: #2a2f36; } .box-news { position: relative; padding: 0; margin: 0 } .box-news .box-news-title { position: absolute; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.7); padding: 6px 10px; min-height: 100px } .box-news .box-news-title .data { color: #fff; font-size: 15px } .box-news .box-news-title h3 { font-size: 16px } /* how it works */ .p-antiif .lineDotted { margin-bottom: 30px; } @media (min-width: 0px) { .p-antiif img.header { max-height: 90px } /* used for pomodoro pages header */ } @media (min-width: 768px) { .p-antiif img.header { max-height: 110px } /* used for pomodoro pages header */ .p-antiif h1 img { margin: 0 auto; padding: 0 10px } .p-antiif h4 { font-size: 34px } .p-antiif .aif-box-text h2 { font-size: 55px; margin-bottom: 30px } .p-antiif .row-dark { padding: 25px 0 } .p-antiif .row-black { padding: 25px 0 } .p-antiif .row-red { padding: 25px 0 } .aif-page pre { font-size: 14px; padding: 50px 30px; } .aif-page pre.pre-join { font-size: 15px } } @media (min-width: 992px) { .p-antiif h4 { font-size: 40px } .p-antiif .aif-box-text h2 { font-size: 65px; margin-bottom: 35px } } @media (min-width: 1200px) { } /* POMODORO TECHNIQUE MANIFESTO color: #f9f7f4 */ .pomodoro-page .header { margin-bottom: 0 } .pomodoro-page .brown { color: #4a3c31 } .pomodoro-page .row1HomeSpace { padding-top: 17px; padding-bottom: 20px } .p-pomodoro h1 { background: #f9f7f4; margin: 0 0 20px 0; text-align: center; padding: 10px 0 10px 0 } .p-pomodoro h4 { font-size: 30px; margin-bottom: 15px; text-align: center; color: #b5b9c3; font-weight: bold } .p-pomodoro h1 img { margin: 0 auto; height: 130px } .p-pomodoro .carousel h1 { padding-bottom: 0; margin-bottom: 0px } .pomodoro-page h2 { font-size: 45px; margin-bottom: 25px; text-align: center; color: #4a3c31 } .p-pomodoro .pomo-box-text p { margin-bottom: 30px } @media (min-width: 768px) { .p-pomodoro h4 { font-size: 34px } .pomodoro-page h2 { font-size: 55px; margin-bottom: 30px } .p-pomodoro .carousel h1 { padding-bottom: 0; margin-bottom: 0px } } @media (min-width: 992px) { .p-pomodoro h4 { font-size: 40px } .pomodoro-page h2 { font-size: 65px; margin-bottom: 35px } .pomodoro-page .carousel-cc div { padding-bottom: 0px } } @media (min-width: 1200px) { } /* HENRY SOLVES IT MANIFESTO color: #ff3300 */ .henry-page .header { margin-bottom: 0 } .henry-page .brown { color: #ff3300 } .henry-page .row1HomeSpace { padding-top: 17px; padding-bottom: 20px } .henry-page .henry-header { min-height: 300px; background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/henry-berlin-dark.jpg?9028'); background-size: cover; padding: 100px 20px } .henry-page .henry-header h1 { font-size: 42px; color: #fff; background: transparent; border: none; text-align: left; margin: 0 0 15px 0 } .henry-page .henry-header h2 { font-size: 32px; color: #fff; text-align: left; font-weight: bold; margin: 0 } .p-henry h4 { font-size: 30px; margin-bottom: 15px; text-align: center; color: #b5b9c3; font-weight: bold } .henry-box-options { border: 1px solid #cbceda; padding: 20px; margin-bottom: 30px } .henry-box-options img { margin: 0 auto } .henry-page h2 { font-size: 45px; margin-bottom: 35px; text-align: center; color: #ff3300 } .p-henry .pomo-box-text p { margin-bottom: 30px } @media (min-width: 768px) { .p-henry h1 { font-size: 40px } .p-henry h1 img { margin: 0 40px 0 30px; height: 130px; display: inline } .p-henry h4 { font-size: 34px } .henry-box-options { min-height: 590px } } @media (min-width: 992px) { .p-henry h1 { font-size: 55px } .p-henry h1 img { margin: 0 40px 0 0 } .henry-page h2 { font-size: 65px } .p-henry h4 { font-size: 40px } .henry-box-options { min-height: 550px } } @media (min-width: 1200px) { } /* WAAAAAAH! color: #38abab */ .wah-page .header { margin-bottom: 0 } .wah-page .red { color: #38abab } .wah-page .row1HomeSpace { padding-top: 17px; padding-bottom: 20px } .p-wah h1 { color: #fff; background: #38abab; margin: 0 0 20px 0; text-align: center; padding: 10px 0 10px 0 } .p-wah h1 img { margin: 0 auto; height: 100px } .p-wah h4 { font-size: 40px; margin-bottom: 15px; text-align: center; color: #b5b9c3; font-weight: bold } .wah-page h2 { font-size: 65px; margin-bottom: 35px; text-align: center; color: #38abab } .p-wah .wah-box-text p { margin-bottom: 30px } @media (min-width: 768px) { .p-wah h1 { font-size: 40px } .p-wah h1 img { margin: 0 40px 0 30px; height: 130px; display: inline } } @media (min-width: 992px) { .p-wah h1 { font-size: 55px } .p-wah h1 img { margin: 0 40px 0 0 } } @media (min-width: 1200px) { } /* FOOTER */ .box-social { margin: 10px 0 20px 0; padding-top: 4px } .social-facebook { display: block; float: left; margin-right: 5px; width: 36px; height: 34px; background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/social-facebook.png?9028') no-repeat 0 0 } .social-twitter { display: block; float: left; margin-right: 5px; width: 36px; height: 34px; background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/social-twitter.png?9028') no-repeat 0 0 } .social-gplus { display: block; float: left; width: 36px; height: 34px; background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/social-gplus.png?9028') no-repeat 0 0 } .social-facebook:hover, .social-twitter:hover, .social-gplus:hover { background-position: 0 -34px } .box-newsletter { border: 1px solid #bfbfbf; margin: 0 0 20px 0; padding: 8px 10px; box-shadow: 1px 1px 3px 1px #bfbfbf; width: 92%; text-align: right } .box-newsletter input { float: left; border: none; color: #868686; font-style: italic; font-size: 12px; width: 70%; margin-top: 3px } .footer p { font-size: 12px; color: #868686 } .copyright p { font-size: 11px; color: #868686; text-align: center; padding-top: 10px; margin-bottom: 15px } .copyright p a { color: #868686; font-style: normal } .network { border-top: 1px solid #cbceda; padding-top: 15px; margin-bottom: 25px } .network p { font-size: 12px; color: #868686 } .network a, .network a:link { color: #868686; font-size: 12px; background-repeat: no-repeat; display: block; height: 44px; padding: 3px 0 0 40px; line-height: 15px } .network a.anti-if { background-image: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/anti-if.png?9028'); padding-top: 10px } .network a.cirillo-consulting { background-image: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/cirillo-consulting.png?9028') } .network a.rrp { background-image: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/rrp.png?9028'); padding-top: 10px } .network a.wah { background-image: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/wah.png?9028'); padding-top: 10px } .network a.wahprog {background-image: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/wah-programming.png?9028'); padding-top: 10px } .network a.pomodoro {background-image: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/pomodoro.png?9028') } .modal-dialog { width: 500px } .modal-info { border: 5px solid #009ee2; border-radius: 8px } .modal-info .modal-header { border-bottom: none; padding: 5px } .box-addinfo { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/icon-content-section.png?9028') no-repeat; margin-top: 40px; padding: 0 0 40px 70px } #modalSave .modal-dialog { width: 540px } .modal-save { border: 5px solid #f2d200; border-radius: 8px } .modal-save .modal-header { border-bottom: none; padding: 5px } .box-save { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/icon-whishlist.png?9028') no-repeat; margin-top: 40px; /* height: 370px; */ padding: 0 0 40px 90px } #modalTry .modal-dialog { width: 440px } .modal-try { border: 5px solid #009EE2; border-radius: 8px } .modal-try .modal-header { border-bottom: none; padding: 5px } /* .box-try { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/icon-whishlist.png?9028') no-repeat; margin-top: 40px; height: 300px; padding: 0 0 40px 90px } */ #modalOffer .modal-dialog { width: 440px } .modal-offer { border: 5px solid #fd4d4d; border-radius: 8px; } .modal-offer .modal-header { border-bottom: none; padding: 5px } /* .box-offer { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/icon-whishlist.png?9028') no-repeat; margin-top: 40px; height: 300px; padding: 0 0 40px 90px } */ #modalQuote .modal-dialog { width: 400px } #modalQuote .modal-body { 0 10px } #modalQuote .modal-quote { border: 2px solid #888; border-radius: 0 } #modalQuote .modal-quote .modal-header { border-bottom: none; padding: 5px } #modalQuote .box-quote { min-height: 460px; padding: 0 30px 0 30px } #modalQuote .modal-backdrop { background-color: #fff } @media (min-width: 768px) { .box-related img { margin-bottom: 0 } .rte p { font-size: 19px; line-height: 30px } .rte-small p { font-size: 18px; line-height: 28px } .celeste, p.celeste, .rte p.celeste, .rte-small p.celeste { font-size: 19px } .first-title, p..first-title, .rte p.first-title, .rte-small p.first-title { font-size: 19px } .modal-dialog { padding-top: 140px } } @media (min-width: 992px) { } @media (min-width: 1200px) { } /* print css */ @media print { .navbar, .box-bag, .btn, .box-related, .follow, .box-social, .box-newsletter, footer, .sidebar, .noprint { display: none !important; } a[href]:after { content: none !important; } .linebottom { border: none !important } } /* TOOLTIP */ /* Tooltip container */ .cc-tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ } /* Tooltip text */ .cc-tooltip .cc-tooltiptext { visibility: hidden; width: 120px; background-color: #555; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; /* Position the tooltip text */ position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; /* Fade in tooltip */ opacity: 0; transition: opacity 0.3s; } /* Tooltip arrow */ .cc-tooltip .cc-tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } /* Show the tooltip text when you mouse over the tooltip container */ .cc-tooltip:hover .cc-tooltiptext { visibility: visible; opacity: 1; } /* HOME RULES */ .home p.last {margin-bottom: 0px } .home .block { padding: 25px 10px } .home h1.header { margin-bottom: 30px } /* header pt */ .home h1.header-af { margin-bottom: 30px } /* header anti-if */ .home .row-products {margin-bottom: 0px } /* inner mosaic */ .home .home-box {margin-bottom: 60px } /* mosaic */ .home h4 {margin-top: 0px; margin-bottom: 30px } /* grassetti rosso */ .home h2 {margin-top: 50px } /* titoli */ .home .carousel-inner {margin-bottom: 60px } /* check */ .row-red { background: #FD4E4D; padding: 25px 10px } .row-red h4 { font-size: 30px; margin-bottom: 15px; text-align: center; color: #fff; font-weight: bold } .row-red p { color: #fff } .row-red ul { margin-bottom: 25px; list-style: none } .row-red li { font-size: 18px; line-height: 24px; margin: 0 0 15px 0; color: #fff } .row-red li::before {content: "▪"; color: white; display: inline-block; width: 1em; margin-left: -1em } .row-grey { background: #f9f7f4; padding: 25px 10px } .row-grey h4 { font-size: 30px; margin-bottom: 15px; text-align: center; font-weight: bold } .row-grey ul { margin-bottom: 25px; list-style: none } .row-grey li { font-size: 18px; line-height: 24px; margin: 0 0 15px 0} .row-grey li::before {content: "▪"; display: inline-block; width: 1em; margin-left: -1em } @media (min-width: 768px) { .row-red h4 { font-size: 34px } /* check */ .row-red { padding: 25px 0 } } /* CUSTOMER */ .best-customers img { margin: 0px 4px } /* CHECKED FROM HERE */ /* common */ /* #cbceda/203,206,218: separatori in generale- linbottom, bordi, barra menu sotto */ /* #b5b9c3: testo menu, icone */ /* #f9f7f4: background - giallino */ /* Criterio: mettiamo gli spazi in funzione di cosa segue. E' un tentativo... */ .row-space-XXL { margin-bottom: 60px } /* forse vale la pena avere 4 misure e giocare con quelle small, medium, large extra-large */ .row-space-XL { margin-bottom: 50px } .row-space-L { margin-bottom: 35px } .row-space-M { margin-bottom: 30px } .row-space-S { margin-bottom: 25px } .row-space-XS { margin-bottom: 20px } .row-space-XXS { margin-bottom: 15px } .row-page { margin-bottom: 30px } /* legacy */ .row-section { margin-bottom: 25px } /* separated by line */ .row-block { margin-bottom: 20px } /* inner sections */ .row-block-big-button { margin-bottom: 15px } /* inner sections */ .center { text-align: center } .centered { text-align: center; padding: 15px 10px } /* posso sotituirli con center-block? */ .center-block { display: block; margin-left: auto; margin-right: auto } /* deprecated */ .spaced { margin: 5px 5px } .spaced-button { margin: auto 10px } .spaced-button-new { margin: 5px 5px } /* deprecated */ .no-margin { margin-top: 0px; margin-bottom: 0px } .border {border: 1px solid #cbceda} .red { color: #FD4E4D } .backred { background: #FD4E4D; color: #fff; padding: 1px 5px } /* building blocks */ .header2018 { margin: 0 0 0 0;padding: 10px 0 10px 0; height: 130px;} /*deprecated*/ .header2018.grey {background: #f9f7f4} /*deprecated */ .header2018.red {background: #fd4e4d; ;padding-top: 30px} /*deprecated */ .header2018 img { max-height: 90px} /*deprecated */ h2.title { font-size: 45px; margin-top: 5px; margin-bottom: 25px; text-align: center; color: #b5b9c3 } /* deprecated */ h4.title { font-size: 30px; margin-bottom: 15px; text-align: center; color: #b5b9c3; font-weight: bold } h4.title.extra { margin-bottom: 30px } /* black container */ .row-dark { background: #2a2f36;color: #fff; margin: 40px 0; padding: 25px 10px } .row-dark li { font-size: 18px; line-height: 24px; margin: 0 0 5px 0} .row-dark span.highlight { background: #FD4E4D; color: #fff; padding: 2px 5px; } .row-dark p.highlight { margin-bottom: 20px } .row-dark h4.title { color: white; line-height: 1; margin-bottom: 15px } .row-dark h4.title.extra { margin-bottom: 30px } .row-dark h3 { color: white; text-transform: none; margin-bottom: 30px; text-align: center } .row-dark p { color: #fff } /* .row-dark p a { font-style:normal } */ /* table-cell: ie calendar */ .table-cell p { font-size: 15px; line-height: 20px } .table-cell .tag { font-size: 13px; margin-bottom: 6px} /* was .pt-news .article-author */ .table-cell .title { font-size: 15px; } /* was .pt-news .article-desc */ .table-cell .title-small { font-size: 13px; } /* was .pt-news .article-desc */ .table-cell .date { font-style: italic; font-size: 13px; margin-bottom: 5px; } .table-cell .line { margin-bottom: 10px; } .table-cell p.author { font-size: 13px; margin-bottom: 6px; } .table-cell p.source { font-size: 17px; font-weight: bold; margin-top: 10px; margin-bottom: 10px } .table-cell a.btn-more { position: absolute; bottom: 0; left: 0 } .box-new { padding-bottom: 30px } .box-new p { font-size: 18px; line-height: 24px; margin: 0 0 15px 0 } .box-new p.small-p { font-size: 15px; line-height: 22px; margin: 0 0 15px 0 } .box-new ul { margin-bottom: 25px } .box-new li { font-size: 18px; line-height: 22px; margin: 0 0 15px 0 } .box-new .small-list li { font-size: 15px; margin: 0 0 0 0} .box-new .small-list strong { font-size: 15px; margin: 0 0 0 0} .box-new h2 { color: #6f6f6e; margin: 20px 0 13px 0; font-size: 20px; font-weight: 600; text-transform: uppercase } .box-new h4 { font-weight:bold;line-height: 1.4; } .box-new h5 { font-size: 18px; line-height: 24px; color: #009ee2; margin: 0 0 10px 0 } .box-new h6 { font-size: 18px; color: #009EE2; margin: 25px 0px 15px; padding: 0; text-transform: uppercase } .box-new h2 img { float: right; margin-bottom: 6px; margin-left: 15px; margin-right: 10px } .box-new h3 img { vertical-align: bottom; margin-bottom: 6px; margin-left: 15px; margin-right: 10px } .box-new img { margin-bottom: 20px; } .box-new strong { font-size: 18px; line-height: 24px; } .box-new blockquote > p { font-size: 15px; line-height: 22px; margin-bottom: 0px } .box-new blockquote > p > strong { font-size: 15px } .box-info-new { margin-top: 15px; padding: 0px 0px 20px 0px } .box-content-new { margin-top: 20px; padding: 0px 0px 20px 0px } /* header block */ .header p { margin: 0 0 0 0; padding: 10px 0 10px 0 } .header img { display: block; margin-left: auto; margin-right: auto; max-height: 90px } /* header pomodoro */ .header-pomodoro p { background: #f9f7f4 } /* header anti-if */ .header-antiif p { background: #fd4e4d; padding-top: 20px } .header-antiif img { max-height: 80px } /* calendar */ @media (min-width: 0px) { .calendar-icon { display: none } } @media (min-width: 768px) { .header img { max-height: 110px } .header-antiif p { padding-top: 30px } .calendar-icon { text-align: center; display:inline-block } .calendar-icon i { font-size: 28px; line-height: 35px; text-align: right } } /* goal block */ .goal { text-align: center } .goal h2 { font-size: 45px; margin-top: 5px; margin-bottom: 25px; color: #b5b9c3 } .goal p { margin-bottom: 15px } .goal p.author { text-align: left; font-style: italic; margin-bottom: 10px } .goal p.author a { font-size: 16px; color: #009ee2; padding: 10px 0 0 0; margin: 5px 0 0 0 } /* goal with buttons */ .goal-with-buttons p { margin-bottom: 30px } .goal-with-buttons a { font-style: normal; margin-bottom: 30px } @media (min-width: 768px) { .goal h2 { font-size: 55px; margin-top: 15px; margin-bottom: 30px } .goal p.author a { font-size: 19px } .header2018 img { max-height: 110px } /*deprecated */ h2.title { font-size: 55px; margin-top: 15px; margin-bottom: 30px } /*deprecated */ h4.title { font-size: 34px } .row-dark { padding: 25px 0 } .box-info-new { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/icon-info-section.png?9028') no-repeat; padding: 0px 0 20px 70px } .box-content-new { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/icon-content-section.png?9028') no-repeat; padding: 0 0 20px 70px } } @media (min-width: 992px) { .goal h2 { font-size: 65px; margin-bottom: 35px } h2.title { font-size: 65px; margin-bottom: 35px } /*deprecated */ h4.title { font-size: 40px } } /* Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x) CSS from: http://codepen.io/transportedman/pen/NPWRGq and: http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide Inspired from: http://codepen.io/Rowno/pen/Afykb */ .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity } .carousel-fade .carousel-inner .active { opacity: 1 } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1 } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1 } .carousel-fade .carousel-control { z-index: 2 } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* font icons cirillo */ @font-face { font-family: 'cirillo-icons'; src: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/cirillo-icons.eot?53770794&9028'); src: url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/cirillo-icons.eot?53770794%23iefix&9028') format('embedded-opentype'), url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/cirillo-icons.woff2?53770794&9028') format('woff2'), url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/cirillo-icons.woff?53770794&9028') format('woff'), url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/cirillo-icons.ttf?53770794&9028') format('truetype'), url('//cdn.shopify.com/s/files/1/0257/1675/t/152/assets/cirillo-icons.svg?53770794%23cirillo-icons&9028') format('svg'); font-weight: normal; font-style: normal; } [class^="cirillo-"]:before, [class*=" cirillo-"]:before { font-family: "cirillo-icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; /* remove if not needed */ margin-left: .2em; /* font-size: 120%; */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cirillo-users:before { content: '\e800'; } /* '' */ .cirillo-user:before { content: '\e801'; } /* '' */ .cirillo-info-circled:before { content: '\e802'; } /* '' */ .cirillo-clock:before { content: '\e803'; } /* '' */ .cirillo-calendar:before { content: '\e804'; } /* '' */ .cirillo-tag:before { content: '\e805'; } /* '' */ .cirillo-comment:before { content: '\e806'; } /* '' */ .cirillo-location:before { content: '\e807'; } /* '' */ .cirillo-ok:before { content: '\e808'; } /* '' */ .cirillo-cancel:before { content: '\e809'; } /* '' */ .cirillo-plus:before { content: '\e80a'; } /* '' */ .cirillo-minus:before { content: '\e80b'; } /* '' */ .cirillo-tags:before { content: '\e80c'; } /* '' */ .cirillo-phone:before { content: '\e80d'; } /* '' */ .cirillo-zoom-in:before { content: '\e80e'; } /* '' */ .cirillo-zoom-out:before { content: '\e80f'; } /* '' */ .cirillo-headphones:before { content: '\e810'; } /* '' */ .cirillo-globe:before { content: '\e811'; } /* '' */ .cirillo-play:before { content: '\e812'; } /* '' */ .cirillo-megaphone:before { content: '\e813'; } /* '' */ .cirillo-book-open:before { content: '\e814'; } /* '' */ .cirillo-off:before { content: '\e815'; } /* '' */ .cirillo-upload:before { content: '\e816'; } .cirillo-comment-empty:before { content: '\f0e5'; } /* '' */ .cirillo-chat-empty:before { content: '\f0e6'; } /* '' */ .cirillo-lightbulb:before { content: '\f0eb'; } /* '' */ .cirillo-doc-text:before { content: '\f0f6'; } /* '' */ .cirillo-building:before { content: '\f0f7'; } /* '' */ .cirillo-desktop:before { content: '\f108'; } /* '' */ .cirillo-laptop:before { content: '\f109'; } /* '' */ .cirillo-code:before { content: '\f121'; } /* '' */ .cirillo-help:before { content: '\f128'; } /* '' */ .cirillo-info:before { content: '\f129'; } /* '' */ .cirillo-mic:before { content: '\f130'; } /* '' */ .cirillo-attention-alt:before { content: '\f12a'; } /* '' */ .cirillo-euro:before { content: '\f153'; } /* '' */ .cirillo-newspaper:before { content: '\f1EA'; } /* '' */ .cirillo-hourglass-2:before { content: '\f252'; } /* '' */ .cirillo-trademark:before { content: '\f25c'; } /* '' */