.search-top{ display:none; } .search-bottom{ display:block; } .ticker-controls { display:none !important; } .navbar-nav li.drop ul.dropdown { z-index:999999; } .bg-adv:hover { cursor:pointer; } .container:hover { cursor:default; } #calendar { display:block; } #calendarMobile { display:none; } @media screen and (max-width: 767px) { #calendarMobile { display:block; } #calendar { display:none; } } .post-content h2 { max-height: 200px; } h2, .h2 { font-size:26px; } .post-content h2 { font-size:17px; } .block-wrapper { margin-top: 2em; } h1.red { color: #f44336; } .home .primo-piano { margin-top: 2em; } .home .col-sm-7 .news-post.image-post2 { margin-bottom: 1.2em; } /* .home .sidebar { padding: 30px 0; } */ .sidebar { margin-left: -15px; } .social-widget { margin-left: -15px; } #serie-a .col-sm-5 h2 { font-size: 14px; line-height: 17px; } table.calendari { width: 99%; } /* .home section { margin-bottom: 2em; } */ .archivio-news .col-sm-3 { min-height: 300px; } .box-day { display: inline-table; min-width: 50px; text-align: center; } #bs-example-navbar-collapse-1>ul>li>a:hover { color: #f44336 !important; } .title-section>h1>span { color: #f44336; font-size: 21px!important } .box-title>.inner-hover>h2>a:hover { color: #f44336; text-decoration: none !important; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } /* Hover su immagini */ .image-post, .image-post2 { overflow: hidden; } /* [2] Transition property for smooth transformation of images */ .image-post img, .image-post2 img { transition: transform .8s ease; } /* [3] Finally, transforming the image when container gets hovered */ .image-post:hover img, .image-post2:hover img { transform: scale(1.05); } .navbar-nav>li>a { padding: 20px 7px 20px 7px !important; z-index: 2; } .single-news.col-sm-9 { border-right: 1px solid #efefef !important; } .single-news h1 { color: #f44336; padding-top: 0; margin: 0; } .single-news p { font-size: 16px; padding-top: 8px; line-height: 24px; } .single-news .col-sm-3 .item .list-posts h2 a { font-size: 70%; } .single-news .img-responsive { margin-right:30px; max-width:60% } .single-page { border-right: 1px solid #efefef !important; } .single-page .img-responsive { margin-right:30px; max-width:60% } .single-page h1 { color: #f44336; padding-top: 0; margin: 0; } .single-page p { font-size: 16px; padding-top: 8px; line-height: 24px; } /* pagine regionali */ .blu-box { text-decoration: none; text-align: center !important; padding: 7px 2px; background: #2040ff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; color: #fff; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; } .no-padding { padding: 0 !important; } .social-widget { padding-top: 36px; } /* * Media query fixes */ /* On screens that are 600px wide or less, make the menu links stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) { .advertisement { margin-top:0 !important; } .advertisement.col-sm-3.mobile_adv { width:100% !important; } div.col-sm-6 > div.col-sm-5, div.col-sm-6 > div.col-sm-6, div.col-sm-6 > div.col-sm-7, .col-sm-4 > div > div.post-content { padding-left:0px; padding-right:0px; } .vertical { max-height: 400px; width: auto; margin: auto; } #container { background-color: #FFFFFF; } .post-content { margin-left:0px; } #calendarMobile { display:block; padding-bottom: 70px; } #calendar { display:none; } .home .col-sm-5 { padding-left: 0; padding-right: 0; } .block-wrapper { margin-top: 0; } .blu-box { margin-bottom: 10px; } /* .menu-item.region { width: 100%; } */ .single-news .img-responsive { max-width: 100%; margin-right: 0; } .single-page .img-responsive { max-width: 100%; margin-right: 0; } .single-news .title-section { margin-top: 40px; } .col-sm-5.layout-6 { padding-left:20px; padding-right:20px; } .col-sm-7.layout-6 { margin-top: 20px; } .search-top{ display:block; } .search-bottom{ display:none; } } /* On screens that are 600px wide or less, make the menu links stack on top of each other instead of next to each other */ @media screen and (max-width: 991px) { .navbar-nav>li>a { padding: 10px; z-index: 2; } .nav>li>a { position: relative; display: inline-table; padding: 5px 0 8px 8px; } .navbar-nav>li.drop >a.home { padding: 5px 0 8px 8px; z-index: 2; } } @media screen and (min-width: 1170px) { .box-eventi{ width:95%; } } /*iPad Pro 9.7"*/ /* Portrait */ @media only screen and (min-device-width: 991px) and (max-device-width: 1024px) { .navbar-nav>li>a { padding: 0px; z-index: 2; } .nav>li>a { position: relative; display: inline-table; padding: 6px 12px 6px 0; } .navbar-nav>li.drop >a.home { padding: 6px 12px 6px 0; z-index: 2; } .navbar-nav>li { float: left; padding-top: 10px; } } #btTop { display: none; /* Hidden by default */ position: fixed; /* Fixed/sticky position */ bottom: 20px; /* Place the button at the bottom of the page */ right: 30px; /* Place the button 30px from the right */ z-index: 99; /* Make sure it does not overlap */ border: none; /* Remove borders */ outline: none; /* Remove outline */ background-color: red; /* Set a background color */ color: white; /* Text color */ cursor: pointer; /* Add a mouse pointer on hover */ padding: 15px; /* Some padding */ border-radius: 10px; /* Rounded corners */ font-size: 18px; /* Increase font size */ } #btTop:hover { background-color: #555; /* Add a dark-grey background on hover */ } /*PAGINE WEB aub items*/ .navbar .navbar-collapse.in { max-height: 100vh !important; overflow-y: scroll !important; overflow-x: hidden !important; } .columns { height: 350px; overflow-y: scroll; width: 100%; } .columns::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .columns::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #ed462f; box-shadow: 0 0 1px rgba(255, 255, 255, .5); } .scrollable-menu { height: auto; max-height: 800px; overflow-x: hidden; } .post-content h2 a, .box-title .inner-hover > h2 > a, .standard-post .post-content h2 a { /*overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;*/ } header.second-style .navbar-nav > li > a { font-size:12px !important; } @media screen and (min-width: 768px) { .hide-search-on-large { display: none; } } .top-search-custom { position: relative; display: flex; justify-content: flex-end; padding-right: 10px; margin-bottom: 26px; } .search-trigger-custom { cursor: pointer; padding: 5px; z-index: 2; } .search-trigger-custom a { color: black; text-decoration: none; } .search-trigger-custom i { font-size: 18px; transition: color 0.3s ease; } .search-trigger-custom:hover i { color: #444; } .search-dropdown-custom { position: absolute; right: calc(25% - 15px); top: 50%; transform: translateY(-50%); background: white; display: none; width: 270px; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); } .search-dropdown-custom.active { display: block; animation: slideInSearch 0.3s ease; } .search-input-wrapper { display: flex; align-items: center; width: 100%; background: white; border-radius: 4px; padding: 4px; } #search-field-custom { flex: 1; border: none; padding: 8px 12px; font-size: 14px; background: transparent; width: calc(100% - 40px); } #search-field-custom:focus { outline: none; } .search-submit-custom { background: none; border: none; padding: 8px; cursor: pointer; color: black; transition: color 0.3s ease; } .search-submit-custom:hover { color: #444; } @keyframes slideInSearch { from { opacity: 0; transform: translateY(-50%) translateX(10px); } to { opacity: 1; transform: translateY(-50%) translateX(0); } } @media (max-width: 767px) { .top-search-custom { display: none; } .lg-pagine-web{ display: none; } .pagine-web-mobile{ display: block!important; } } .pagine-position > a.home { border: 2px solid #2040ff; border-radius: 4px; padding: 8px 15px !important; margin-top: -2px; } .pagine-position > a.home:hover { background-color: #007bff; } .dropdown-item .dropdown-menu { display: none; } .dropdown-item.open .dropdown-menu { display: block; } @media (min-width: 768px) and (max-width: 1000px) { .blu-box{ margin-bottom: 0px!important; } }