h2 {font-size: 2rem;margin-bottom:0.6rem} h3 {font-size: 1.25rem;margin-bottom:0.6rem} h4 {font-size: 1.1rem;margin-bottom:0.6rem} p {margin-bottom: 15px;} .text-justify {text-align:justify} .home .box_list .wrapper {min-height: 110px;} a {-moz-transition: none; -o-transition: none; -webkit-transition: none; -ms-transition: none; transition: none;} a.btn_1, .btn_1, a.btn_2, .box_list ul li a, .box_list ul li:last-child a {-webkit-border-radius: 5px; -moz-border-radius: 5px;-ms-border-radius: 5px; border-radius: 5px;text-decoration:none} .hero_home.version_1 { background: #fff url("/images/testata.jpg") no-repeat center top;} .hero_home .content {background-color: #3e3f77; text-shadow:0} .easy-autocomplete input {box-shadow: 0;} .easy-autocomplete .form-control {font-size:1.05rem} .easy-autocomplete-container ul li,.easy-autocomplete-container ul .eac-category {font-size: 0.9rem !important;} #custom-search-input ul li {font-size: 1.05rem;} a.box_feat_about:hover {text-decoration: none;cursor:pointer; color:inherit;} a.box_feat_about i {color: #00a4ff;} a.box_feat_about p {font-weight:400} #app_section .app_buttons svg .draw-arrow {stroke: #fff;} #app_section {background: #3f4079 url(/images/dottore.jpg) fixed; background-size: cover;} #app_section p {background-color:rgba(0,0,0,0.4) !important; display:inline; line-height:1.5; padding:2px 5px} .articoli {background-color:#ECECEC; margin-bottom: 30px;padding:5px} .articoli a {display:inline-block; padding:3px 10px !important} .articoli .btn_1.registrati {margin-left:2px; background-color: transparent; border: 0px; color: #333 !important} .articoli .btn_1.registrati:hover {margin-left:2px; background-color:#e74e84; color: #fff !important} .btn_1:hover,.search-toggler:hover {-webkit-box-shadow: 0px 0px 8px 0px #333333;-moz-box-shadow: 0px 0px 8px 0px #333333;-o-box-shadow: 0px 0px 8px 0px #333333;box-shadow: 0px 0px 8px 0px #333333;} .login .btn_1 {padding: 3px 10px;margin-right:10px} .login {font-weight:500;color: #222} .btn_2 {background: #fff;border: 2px solid #00a4ff;color: #00a4ff !important;padding: 7px 20px;font-weight: 500;display: inline-block;font-size:0.875rem;line-height: 1;text-decoration: none !important;} .riservata .small, .articoli .small {font-weight: 400; font-size:14px; text-decoration:none !important} .btn_2.small {border: 1px solid #00a4ff;padding: 4px 10px;font-weight: 400;} .btn_2:hover, .btn_2.small:hover {color:#fff !important; background: #00a4ff;} .btn_1.registrati, #secondary_nav {background: #00a4ff;} a.btn_1, .btn_1 {border: 1px solid #fff} .btn_1.homepage {font-size:1.3rem} a.btn_1:hover, .btn_1:hover, .btn.show {background: #e74e84;color:#fff; text-decoration:none;} .main-menu > ul > li > a {padding: 0 6px 14px 6px;font-size: 1.2rem;} .search-toggler {background: #e74e84;;text-align: center;border-radius: 5px;width:30px; height:30px; cursor: pointer; margin: 5px 5px 0 0;} .search-toggler:hover, .search-toggler:active {background: #e74e84;} ul#top_access li a {color: #fff !important;} ul#top_access li i {font-size: 1.25rem;} .main-menu ul ul li a {font-size: 18px;} .main-menu ul ul li:hover > a {background-color: #e74e84;color: #fff !important; text-decoration:none;} .main-menu li a {text-decoration:none;} a:hover, a:focus, article.blog .post_info h3 a:hover {color: #e74e84;text-decoration: underline;outline: none;} .hero_home .content p.cerca_home { margin: 0 0 10px 0; text-shadow: 1px 1px 1px #000; font-size: 60px; font-size: 3.75rem; font-weight: 700; text-transform: uppercase; color: #fff; } #custom-search-input .search-query1 {width: 100%;height: 50px;padding-left: 20px;border: 1px solid #b5b5b5;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px;font-weight: 500;font-size: 1.2rem;color: #333;} .btn_1.cerca {width: 100%;height: 50px;padding: 12px 20px;border: 0; font-weight: 500;font-size: 1.2rem;color: #fff; border:1px solid #fff} ::selection {color: #fff;background: #e74e84;} .main_title {margin-bottom: 25px;} .main_title p {color: #333;font-weight:400; padding: 0; text-align:justify} .main_title h2 { font-weight: 400; font-size: 1.9rem; text-transform:none; margin:0.5rem } #breadcrumb {background-color: inherit;padding: 10px 0 20px;color: #333; line-height:1.2} #breadcrumb ul li a {color: #333;} #breadcrumb ul li a:hover {color: #e74e84;} .box_list .wrapper {padding: 10px;} .box_list figure {height: auto !important; border-bottom: 1px solid #333} .separatore {border-top:1px solid #ededed;} .box_list figure .preview span { background-color: rgba(255, 255, 255, 1); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; display: inline-block; color: #00a4ff !important; font-size: 0.9rem; padding: 4px 10px; font-weight: 500; border: 2px solid #00a4ff; } .box_list h3 {text-align:center; font-size:1.15rem !important} .box_list h3 a {text-decoration:none !important; color:#333} .box_list h3 a:hover {color:#e74e84} .box_list small {text-transform: none;color: #333;font-weight: 400;} .w100 {width:100%} .pagination li {margin-right:5px} .pagination .page-item .page-link {border-radius: 5px !important;width: 40px;height: 40px;text-align: center; font-weight:bold} .pagination [class*=" icon-"]:before, [class^=icon-]:before {margin: 0;} .page-link {color:#fff;background-color: #00a4ff;} .page-item.active .page-link {background-color: #e74e84;border-color: #e74e84;} .filtro {background-color:#fff !important; padding:5px !important;} .filtro.is_stuck {border-bottom:1px solid #CCC !important} .filtro .titolo {font-size: 16px;font-weight: 600;padding: 12px 5px 12px 0;margin-bottom: 0px;line-height: 1;text-align: right;color:#333} .theme_button { width: 100%; font-size: 18px; font-weight: 400; padding: 16px 10px; margin-bottom: 0px; line-height: 1; display: inline-block; min-width: 8.5em; text-align: center; color: #ffffff !important; border: 0px solid #00a4ff !important; background-color: #00a4ff; -webkit-border-radius: 5px; border-radius: 5px; position: relative; } .box_badges {padding: 15px;} .theme_button:hover, .theme_button:active, .theme_button:focus-visible {background-color: #e74e84; border:0px solid #e74e84 !important;} #secondary_nav.filtro ul li {display: block;width: 100%;} #secondary_nav.filtro ul li a {color: #333;} #secondary_nav ul li {margin:5px 0px; font-weight: 400;} #secondary_nav {padding: 4px;} #secondary_nav ul li a {text-decoration:none !important; padding:5px 10px;} .medico #secondary_nav ul li a {color: #fff !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;} #secondary_nav ul li a.active, #secondary_nav ul li a:hover {color: #fff; background-color:#e74e84; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;color:#fff !important} .rating i {font-size: 1rem;} .profile ul.contacts {margin: 15px 0 0 0;} .profile ul.contacts li {margin-bottom: 0px;} .box_form {padding: 0 15px 15px 15px;} .box_form1 {padding: 20px !important;} .formpro h2 {color:#fff; background-color:#e74e84; display:inline; padding: 0 5px 2px} .box_feat_2 i {font-size: 2.9rem;color: #fff;} .box_form1 label, .box_form1 .form-control {font-weight: 500;font-size: 0.95rem;} #hero_register {background: #00a4ff} .reviews-container .review-box {padding-left: 0px;} .box_general_3 {padding: 15px;} .reviews-container .rev-content {padding: 15px 15px 0 15px;} .elenco .bullets {position: relative;padding-left: 20px;line-height:1.8} .elenco .bullets:before {font-style: normal;font-weight: normal;font-family: 'ElegantIcons'; font-size: 14px; content: "\5c"; color: #ccc;position: absolute;left: 0;top: 0;} .box_general_3 hr {margin: 15px 0 15px 0;} .indent_title_in p {color: #333;font-size: inherit;} article.blog .post_info {min-height: auto; padding:15px} article.blog .post_info ul {margin: 0; padding: 10px 15px 15px 0;position: relative;bottom: auto;} article.blog .post_info ul li .thumb {width: 50px;height: 50px;background-position: center; background-size: cover;} article.blog .post_info ul li .thumb img {width: 50px; } article.blog .post_info ul li {font-size: 0.95rem;margin-bottom:30px} article.blog .post_info ul li:last-child {float: left;padding-left: 55px;} .box_list .wrapper h3 {margin-bottom: 0px;} .base img {filter: grayscale(100%) blur(0px);-webkit-filter:blur(0px) grayscale(100%);} .wish_bt1 { position: absolute; right: 15px; top: 15px; z-index: 2; background-color: #e74e84; padding: 9px 10px; display: inline-block; color: #fff; line-height: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .evidenza {position: absolute; right: 15px; top: 15px; z-index: 2; } .rating a {text-decoration:none !important} .wish_bt1:after { font-family: 'ElegantIcons'; content: "\e0dd"; color:#fff; font-size:20px } .box_list.base figure a:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .container.login {border-bottom:1px solid #ededed} .box_list .wrapper {min-height: 135px;} .row #divcontatta {--bs-gutter-x: 1.9rem;} .imgservizio {float:right;margin: 0 0 5px 20px; border:4px solid #00a4ff; width:250px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;} .altro {margin: 3rem 0 !important;} .altro a {color:#555;} .altro a:hover {color:#e74e84;} footer {background-color: #00a4ff; color:#fff !important} .blu {background-color: #00a4ff;} .blu h2 {color:#fff !important} .aforismo {font-size:1.5rem; color:#fff !important} .red {background-color: #e74e84; color:#fff !important} .red h2, .red h3, .red a {color:#fff !important} footer h5, footer ul li a, .follow_us ul li a i {color: #fff !important;} footer ul li {margin-bottom: auto;} footer h5 {margin-bottom: 4px;font-size:1.02rem} .follow_us ul li {margin-right: 5px; font-size: 1.2rem;} .follow_us ul li a:hover{text-decoration:none !important;} footer ul li a i {margin-right: 0px;} footer .btn_1 {border:1px solid #fff} footer ul {margin-bottom: 10px;} ul#additional_links {font-size: 0.9rem;} ul#additional_links, ul#additional_links li a, footer #copy {color: #fff; opacity: 0.8;} .landing h1 {font-size: 3rem;} .landing p {font-size: 1.4rem; margin-bottom:0.8rem;font-weight:400} .landing .form-control, .landing .form-select, .landing .containercontatto {font-size: 1.2rem} .landing a {color:#555; text-decoration:none} .landing .cerca {width:auto} .landing [class^=icon-]:before {margin-top: 5px;} .form-control, .form-select {font-size: 1rem;} .inviamessaggio {padding: 5px 14px; font-size:1.2rem} @media (min-width: 992px) and (max-width: 1199.98px) { ul#top_access li {margin-left: 0px;} .main-menu > ul > li > a {padding: 0 4px 14px 4px;font-size: 1.05rem;} .main-menu [class*=" icon-"]:before, .main-menu [class^=icon-]:before {margin-right: 0;margin-left: 0;} .logohome {width: 210px; margin-top:10px} } @media (min-width: 576px) and (max-width: 768px) { a.btn_1, .btn_1 {padding: 7px 10px;} } @media only screen and (max-width: 991px) { .main-menu ul li a {padding: 10px !important;} .menu .container,.container.login {max-width:100%} .main-menu ul ul li a {padding: 7px 10px !important;} .main-menu ul > li i.icon-home {float: left;} .main-menu {top: 96px;} .sticky .main-menu {top: 53px;} header.header_sticky {padding: 10px 0;} .logohome {width: 210px; margin-top:3px} } @media (max-width: 991px) { .container.medico { max-width: 100%; } } @media (min-width: 768px) { article.blog.blogelenco {width: 47%;margin: 0px 7px;} } @media (max-width: 768px) { .box_list .wrapper {min-height: 120px;} } @media (max-width: 575px) { .hero_home .content p.cerca_home {font-size: 2rem;} #custom-search-input .search-query1 {font-size: 1.1rem;} .theme_button, .btn_2 {padding: 12px 5px;} .dettagli.btn_2 {padding: 7px 20px;} .box_list .wrapper {min-height: fit-content;} #secondary_nav ul li {font-size: 1rem;} #secondary_nav.is_stuck ul li a {text-decoration: none !important; padding: 5px 6px;} } #divloadingmsg, #divloadingrec{ display:none; position:absolute; top:50%; left:50%; heigh:100px; width:200px; background-color:#f9f9f9; margin:-50px 0 0 -100px; padding:10px; border:1px solid #666666; } section.titolo { background-color:#00a4ff; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .titoloform { color:#fff; padding:8px; font-size:18px; background-color:transparent; } .chiudi { padding:0 10px 0; } button.close { background-color:transparent; border:0px; padding:0px; font-size:30px; color:#fff; } #modal_recensionielenco button.close, #formrecensione button.close{ background-color:transparent; border:0px; padding:0px; font-size:30px; color:#000; } .chiudi a { color:#fff; font-size:22px; } label.contatto{ font-size:14px !important; margin:5px 0 0 0 !important; font-weight:normal !important; text-transform:none !important; text-align:left; display:block; } .containercontatto { display: block; position: relative; padding-left: 0px; margin-bottom: 8px; cursor: pointer; font-size: 14px; font-weight:normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .containercontatto input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border: 1px solid #ababab; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } /* On mouse-over, add a grey background color */ .containercontatto:hover input ~ .checkmark { background-color: #ccc; border: 1px solid #ababab; } /* On mouse-over, add a grey background color */ .containercontatto .checkmark:focus { border: 2px solid #E31101; } /* When the checkbox is checked, add a blue background */ .containercontatto input:checked ~ .checkmark { background-color: #2196F3; border: 1px solid #2196F3; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .containercontatto input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .containercontatto .checkmark:after { left: 9px; top: 5px; width: 7px; height: 12px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #privacy:focus + #checkprivacy{ border: 1px solid #e20b19 !important; outline-color:#e20b19 !important; outline-style:auto !important; outline-width:3px !important; } /***slider medici homepage******/ .owlhome{ height:300px !important; } .owlhome .item{ bottom:-30px !important; } @media (max-width: 1400px) { .owlhome{ height:250px !important; } } @media (max-width: 1200px) { .owlhome{ height:200px !important; } } @media (max-width: 1000px) { .owlhome{ height:300px !important; } } @media (max-width: 770px) { .owlhome{ height:250px !important; } } @media (max-width: 580px) { .owlhome{ height:470px !important; } } @media (max-width: 500px) { .owlhome{height:400px !important;} .is_stuck .section6 {display:none} } @media (max-width: 400px) { .owlhome{height:320px !important;} .is_stuck .section5 {display:none} } .iubenda-tp-btn, .iubenda-tp-btn:not([data-tp-nostyle]){ display: none !important; } /* codice per bottoni in fondo NUOVA VERSIONE */ .mobilecontacts { display: none; } @media screen and (max-width: 991px) { .mobilecontacts { display: block; position: fixed !important; height: 50px; width: 100%; z-index: 99999; bottom: 0; left: 0; } .mobilecontacts a { font-size:16px; color: #FFFFFF; width: 100%; height: 100%; display: block; text-decoration:none;} .mobilecontacts a i { font-size: 1.7em; vertical-align: middle; margin-right:5px; } .mobilecontacts .tel, .mobilecontacts .email { bottom: 0px; /*width: 33.32%;*/ height: 50px; display: inline-block; float: left; text-align: center; margin:0px; padding:10px 3px 3px 3px; line-height:80%; font-weight:normal; } .mobilecontacts .emailfull{ width:100% !important; } .mobilecontacts span { font-size: 15px; } .mobilecontacts .tel{ background-color: #888 !important; border: 1px solid #fff; width:30% } .mobilecontacts .tel a{ color:#fff !important; } .mobilecontacts .email { background-color: #e74e84; border: 1px solid #fff; border-left: 0px; width:70% } .mobilecontacts .email a{ color:#fff !important; } .struttura {margin-bottom: 50px !important;} } @media screen and (max-width: 375px) { .owlhome{height:280px !important;} .logohome {width: 180px; margin-top:10px} .mobilecontacts span {font-size: 14px;} .mobilecontacts a i {font-size: 1.3em;} .mobilecontacts {height: 45px;} .struttura {margin-bottom: 45px !important;} } @media screen and (max-width: 340px) { .telefonomobile {display:none} .mobilecontacts .tel{width:15%} .mobilecontacts .email{width:85%} .mobilecontacts {height: 40px;} .struttura {margin-bottom: 40px !important;} #secondary_nav ul li {font-size: 0.95rem;} } .nome_medico_elenco, .nome_medico_elenco a { font-size: 1.20rem; color: #333; text-align: center; margin-bottom: 4px; font-weight: 500; } .nome_medico_elenco a:hover { color: #e74e84; }