@font-face{ font-family:'MuseoS-300'; src:url('http://www.starbene.it/content/themes/starbene/fonts/museo/MuseoSans-300.eot'); src:url('http://www.starbene.it/content/themes/starbene/fonts/museo/MuseoSans-300.eot?#iefix') format('embedded-opentype'), url('http://www.starbene.it/content/themes/starbene/fonts/museo/MuseoSans-300.woff') format('woff'), url('http://www.starbene.it/content/themes/starbene/fonts/museo/MuseoSans-300.ttf') format('truetype'), url('http://www.starbene.it/content/themes/starbene/fonts/museo/MuseoSans-300.svg#83308de0ca4237e6cd44fbae61d13495') format('svg'); font-style:normal; font-weight:400; } @font-face { font-family: "starbene_icons"; src: url("http://www.starbene.it/content/themes/starbene/fonts/icons/font/starbene_icons.eot"); src: url("http://www.starbene.it/content/themes/starbene/fonts/icons/font/starbene_icons.eot?#iefix") format("embedded-opentype"), url("http://www.starbene.it/content/themes/starbene/fonts/icons/font/starbene_icons.woff") format("woff"), url("http://www.starbene.it/content/themes/starbene/fonts/icons/font/starbene_icons.ttf") format("truetype"), url("http://www.starbene.it/content/themes/starbene/fonts/icons/font/starbene_icons.svg#fontcustom") format("svg"); font-weight: normal; font-style: normal; } ol, ul, li { list-style: none; } /* Generic WP styling */ amp-img.alignright { float: right; margin: 0 0 1em 1em; } amp-img.alignleft { float: left; margin: 0 1em 1em 0; } amp-img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignright { float: right; } .alignleft { float: left; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption.alignleft { margin-right: 1em; } .wp-caption.alignright { margin-left: 1em; } .amp-wp-enforced-sizes { /** Our sizes fallback is 100vw, and we have a padding on the container; the max-width here prevents the element from overflowing. **/ max-width: 100%; } /* Generic WP.com reader style */ .content, .title-bar div, .footer-bar div { max-width: 600px; margin: 0 auto; } body { font-family: 'MuseoS-300', sans-serif; font-size: 18px; line-height: 1.4; background: #f4f4f4; color: black; padding-bottom: 0; } .content { padding: 0 16px; font-weight: 400; color: black; } .content a, .content a:visited { color: #ff7639; border-color: #ff7639; } .title { margin: 0 0 0 0; font-size: 36px; line-height: 1.258; font-weight: 700; color: black; } .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5 { font-weight: normal; font-family: 'Arvo', serif; color: #5d5d5d; } h1.title{ font-size: 30px; font-family: 'Arvo', sans-serif; font-weight: normal; color: #5d5d5d; } .meta { margin-bottom: 16px; } p, ol, ul, figure { margin: 0 0 24px 0; } a, a:visited { color: #d68abe; } a:hover, a:active, a:focus { color: #d68abe; } /* Open Sans */ .meta, nav.title-bar,nav.footer-bar, .wp-caption-text { font-family: "Open Sans", sans-serif; font-size: 15px; } /* Meta */ ul.meta { padding: 24px 0 0 0; margin: 0 0 24px 0; } ul.meta li { list-style: none; display: inline-block; margin: 0; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 300px; } ul.meta li:before { content: "\2022"; margin: 0 8px; } ul.meta li:first-child:before { display: none; } .meta, .meta a { color: #89bd25; } .meta .screen-reader-text { /* from twentyfifteen */ clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; width: 1px; } .byline amp-img { border-radius: 50%; border: 0; background: #f3f6f8; position: relative; top: 6px; margin-right: 6px; } /* Titlebar */ nav.title-bar { background-color: #fff; border-bottom: 1px solid #e2e2e2; padding: 0 0; margin: 0 auto; height:50px; } nav.title-bar div { color: #fff; display: block; text-align:center; } nav.title-bar a { color: #fff; text-decoration: none; width:100%; } nav.title-bar .site-icon { /** site icon is 32px **/ } nav.title-bar svg { /** svg is 24px **/ fill: #fff; float: left; margin: 15px 8px 0 0; } /* Captions */ .wp-caption-text { padding: 8px 16px; font-style: italic; } /* Quotes */ blockquote { padding: 16px; margin: 8px 0 24px 0; border-left: 2px solid #87a6bc; color: #4f748e; background: #e9eff3; } blockquote p:last-child { margin-bottom: 0; } /* Other Elements */ amp-carousel { background: #f4f4f4; } amp-iframe, amp-youtube, amp-instagram, amp-vine { background: #f3f6f8; } .amp-wp-iframe-placeholder { background: #f3f6f8 url( "/content/plugins/amp/assets/images/placeholder-icon.png") no-repeat center 40%; background-size: 48px 48px; min-height: 48px; } amp-carousel .slide > amp-img > img{ object-fit: contain; } amp-carousel amp-img{ } .url-button { display: block; width: 80%; text-align: center; margin: 20px auto; border: 1px solid #e2e2e2; padding: 10px 0; } .url-button a{ color: #009fe3; text-decoration: none; border-bottom: 1px dotted #009fe3; } .meta.breadcrumbs{ margin:0; padding: 0; } .meta.breadcrumbs a{ text-decoration: none; } .adx_container { width:100%; text-align:center; } .article-author-name { margin-top: 1em; font-size: 16px; color: #5d5d5d; } .article-author-name a { text-decoration:none; color: #5d5d5d; } .meta.ul-meta-author{ padding: 0; margin:0; } .carousel-stepbystep{ margin-bottom: 20px; } .carousel-stepbystep .caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 8px; background: rgba(0, 0, 0, 0.6); color: #ddd; font-size: smaller; max-height: 30%; } .step-container{ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; width: 100%; background-color:white; padding:10px; text-align: center;; } /*override*/ .amp-carousel-button-prev,.amp-carousel-button-next{ background: #89bd25; font-size: 30px; display: block; color: #FFF; height: 50px; } .amp-carousel-button-prev { left: 0px; } .amp-carousel-button-next { right: 0px; } .amp-carousel-button-prev:after { content: '\e806'; font-family: "starbene_icons"; } .amp-carousel-button-next:after { content: '\e807'; font-family: "starbene_icons"; } .indicator { font-size: 18px; width: 40px; height: 40px; line-height: 36px; position: absolute; font-family: 'Arvo', sans-serif; font-weight: bold; top: 45%; margin-left: 20px; text-align: center; border-radius: 50%; border: 2px solid #fff; color: white; } .container-lancio-stepbystep{ width: 600px; position: relative; } .lancio-step{ position: relative; } .step-text{ text-align: left; } /*SOCIAL BAR*/ amp-social-share { margin-top:20px; margin-bottom:20px; } amp-social-share.whatsapp-element { background-color: #00e676; background-image: url(/content/themes/starbene/images/amp/whatsapp-element.png); background-repeat: no-repeat; background-position: center; background-size: 35%; } .amp-social-share-twitter { background-size: 40%; } .amp-social-share-facebook { background-size: 40%; } .amp-social-share-email { background-size: 50%; } .social-bar-element { width: 20%; float: left; } #socialbar{ width:100%; left:0; z-index: 3; margin-bottom:20px; height:25px; } .icon-google-plus:before, .icon-mail:before, .icon-twitter:before, .icon-pinterest:before, .icon-facebook:before, .icon-commenti:before { font-family: "starbene_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; margin-left: .2em; } .icon-mail:before { content: '\e81a'; } .icon-pinterest:before { content: '\e81b'; } .icon-google-plus:before { content: '\e81c'; } .icon-twitter:before { content: '\e81d'; } .icon-facebook:before { content: '\e81e'; } .icon-commenti:before { content: '\e819'; } /* SEARCH */ .search { padding: 0 0 10px 0; margin: 20px auto; } .search form { border: 1px solid #89bd25; background-color: #fff; box-shadow: 0 4px 8px rgba(0,0,0,0.26); } .search input { font-family: 'MuseoS-100'; font-size: 1rem; color: #505050; letter-spacing: 1px; line-height: 1.2; padding-top: 0px; background: #fff; width: 100%; padding-left: 20px; border: none; width: 552px; } .search button { border-left: 1px solid #89bd25; border-right: none; border-top: none; border-bottom: none; width: 40px; height: 27px; background-color: #fff; text-align: center; color: #89bd25; padding: 0; cursor: pointer; } .icon-search:before { content: '\e809'; font-family: "starbene_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; margin-left: .2em; } /* TOOLS */ .tools amp-img { margin: 5px 0; } /* COOKIE */ amp-user-notification { background-color: gray; opacity: 0.9; padding: 10px; font-size: small; width: auto; } amp-user-notification button { float: right; } .burgerbutton { width: 50px; float:left; height:50px; background: #89bd25; display: table-cell; position: relative; margin: 0; padding: 0; border: 0; } .burgerbutton.navButtonClose span { margin-bottom: 8px; } .burgerbutton span:last-of-type { margin-bottom: 0; } .burgerbutton div { width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .burgerbutton span { width: 22px; height: 2px; margin: 0 auto; height: 2px; display: block; background: #fff; margin-bottom: 4px; transition: all 0.2s ease-in-out; overflow: hidden; } .logocontainer { float:left; padding-left:20px; } .logocontainer amp-img { margin-top:6px; } nav.title-bar div.usercontainer { margin-top: 13px; } .usercontainer { width:50px; height:50px; float:right; } .usercontainer img { display: inline-block; padding-top: 16px; padding-right: 0; } .search_i { vertical-align: middle; text-align: center; width: 50px; height: 50px; float:right; padding-top: 12px; box-sizing: border-box; background-color: #e2e2e2; } .search_i i { color: #89bd25; } .icon-search:before { content: '\e809'; } amp-sidebar { background-color:white; width:100%; } .article-breadcrumbs { padding: 14px 10px; padding-top: 14px; margin:0; } .article-breadcrumbs>li { display: block; position: relative; float: none; } .article-breadcrumbs a { font-size: 15px; line-height: 17px; } .article-breadcrumbs>li+li { padding-left: 14px; } .article-breadcrumbs a { display: block; color: #8b8b8b; letter-spacing: .05em; text-decoration:none; } .article-breadcrumbs>li:last-child a { color: #89bd25; } .article-breadcrumbs>li+li:before { content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: 7px; background: #8b8b8b; } .footer-bar { font-family: 'MuseoS-300', sans-serif; color: #8b8b8b; font-weight: 400; font-size: 16px; text-decoration: none; } nav.footer-bar { display: block; text-align: center; clear: both; margin: 20px 0 0 0; padding: 20px 0 20px; border-bottom: 1px solid #dedede; background-color: #FFF; } .footer-bar ul { margin:0 0 20px 0; padding:0; } nav.footer-bar li a { font-family: Arial, Helvetica, sans-serif; color: #8b8b8b; text-decoration: none; padding: 6px 10px; } nav.footer-bar li { display: inline-block; border-right: 1px solid #8b8b8b; padding-right: 13px; padding-left: 8px; margin-bottom: 10px; } nav.footer-bar li:last-of-type { border-right: none; } nav.footer-bar .abbonati { width:100%; display:block; text-align:center; margin-bottom:20px; } nav.footer-bar .abbonati p { font-family: 'MuseoS-300'; text-align: center; width: 100px; font-weight: 700; height: 28px; display:inline; border-radius: 14px; color: #fff; background-color: #89bd25; padding: 5px 10px; } .mob_menu { background-color: #fff; width: 100%; height: 100%; } .mob_main_menu ul { margin:0; padding:0; } .mob_main_menu>ul>li { border-bottom: 1px solid #f9f9f9; cursor: pointer; background-color: #f4f4f4; } .mob_main_menu>ul>li>a { font-size: 16px; font-size: 1.6rem; text-align: center; padding-left: 0; } .mob_main_menu>ul>li>a { font-family: 'Arvo', serif; text-decoration: none; font-weight: 700; color: #484848; line-height: 3.7; width: 100%; font-size: 18px; background-color: #fff; display: block; } .defloater { clear:both; } .news_mob { display: table; } ul.news_mob { margin:0; padding:0; } .radio-wrapper .checkbox-hack:before, .article-avatar-name .checkbox-hack:before, [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "starbene_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; margin-left: .2em; } .icon-farmaci{ display: block; background: url('data:image/svg+xml;utf8,') no-repeat center; background-size: 25px 25px; } .icon-esperti:before { content: '\e803'; } .farmacie i { color: #75ddb5; } .icon-farmacie:before { content: '\e821'; } #menu-bottoniheader { margin:0; padding:0; } ul.newsletter li { text-align: center; padding: 0 35px; } .news_mob li { width: 50% ; display: block; text-align: center; display: table-cell; height: 75px; vertical-align: middle; border-right: 1px solid #f4f4f4; } .mob_menu .ramp { margin:0; padding:0; height:110px; width: 100%; border-bottom: 1px solid #f9f9f9; border-top: 1px solid #f9f9f9; } .mob_menu .lanci_top3 { display: block; background: #fff; } .mob_menu .lanci_top3 { width: 100%; border-bottom: 1px solid #f9f9f9; } .icon-farmaci { height: 25px; } .mob_menu .ramp a i { font-size: 24px; } .mob_menu .ramp li { width: 32%; position: relative; float: left; border-right: 1px solid #f4f4f4; padding-top: 0; text-align: center; } .mob_menu .ramp a { width: 100%; display: block; margin: 0; padding-top: 19px; } .mob_menu .ramp li a { color: #5d5d5d; text-decoration: none; } .mob_menu a,.mob_menu a:visited { color: #5d5d5d; text-decoration: none; outline: 0; } .lanci_top3 ul { margin:0; padding:0; } .mob_menu .lanci_top3 li { margin-bottom: 20px; text-align: center; } .icon-arrow_rs:before { content: '\e80c'; } .commenti-container { text-align:center; margin-top:20px; } .commenti-container a.commenti { text-decoration:none; font-family: 'Arvo', serif; font-weight: bold; color: #89bd25; font-size: 18px; } .immagine-sirtrevor { margin-top:20px; } .article-quotation { display: block; float: left; background-color:white; padding: 25px; padding-left: 0; } .article-quotation_right { padding-right: 25px; float: right; padding-left: 25px; } .article-quotation-title { color: #5f5f5f; font-family: 'Arvo', serif; font-size: 16px; font-weight: bold; border-bottom: 2px solid #5f5f5f; margin-bottom: 10px; text-transform: uppercase; letter-spacing: .45em; padding-bottom: 5px; } .article-quotation-title { border-color: #ff7639; } .article-quotation-body { font-family: "MuseoS-300", serif; font-size: 30px; margin-bottom: 20px; } .article-quotation-cite { font-family: "MuseoS-700", serif; font-size: 16px; } .ame-video-big { margin-top:20px; padding:10px; background-color:white; text-align:center;} .ame-video-big h2 { font-family: "MuseoS-300",serif; text-align: center; font-weight: bold; margin: 0 0 4% 0; font-size: 20px; } .gallery amp-carousel { background-color:white; } .article-other-articles-wrapper { padding:10px; background-color:white; } .article-other-article-category { color: #68e3af; margin:0; } .content .article-other-articles-wrapper a { text-decoration:none; } .article-other-articles-wrapper h3 { margin-top: 0px; text-decoration:none; font-size: 20px; margin-bottom: 25px; padding: 0px 5px; } .gallery { padding:10px; background-color:white; } .gallery h3 { margin: 4% 0 0 0; font-family: "MuseoS-300",serif; font-size: 16px; line-height: 1.4em; font-weight: normal; } .gallery h2 { font-family: "MuseoS-300",serif; text-align: center; font-weight: bold; margin: 0 0 4% 0; font-size: 20px; } .voto { font-size: 25px; font-weight: normal; font-family: 'Arvo', serif; color: #5d5d5d; } .step-container amp-img { margin-bottom:20px; } .icon-podcast:before { content: "\f2ce"; font-family: FontAwesome; font-style: normal; font-weight: normal; } .apertura-sottotitolo { font-size: 13px; }