@media screen and (max-width: 40em){ } /* iPads (landscape) orizzontale ----------- */ @media only screen and (min-device-width : 421px) and (max-device-width : 768px) and (orientation : landscape) { } /* iPads (portrait) verticale ----------- */ @media only screen and (min-device-width : 421px) and (max-device-width : 768px) and (orientation : portrait) { } /* mobile */ @media only screen and (max-width: 780px){ .phone_show { display:block; } .phone_hide { display:none; } form .row { margin-bottom:0px; } input, select, textarea { margin-bottom:10px; line-height:normal; padding: 5px 10px; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input, select { height:40px; } ::-webkit-input-placeholder { line-height:normal; font-size:12px; } .form_contatto input[type='submit'] { margin: 20px 0 60px 0; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:10px; } .col.break { margin-top:80px; } .wrapper { min-width:0px; width:auto; } .content { padding:0 10px; } .col { margin:0px; } .span_1_of_2 { width: 100%; } .span_1_of_3 { width: 100%; } .span_2_of_3 { width: 100%; } .span_3_of_3 { width: 100%; } .span_1_of_4 { width: 100%; } .span_2_of_4 { width: 100%; } .span_3_of_4 { width: 100%; } .span_1_of_5 { width: 100%; } .span_2_of_5 { width: 100%; } .span_3_of_5 { width: 100%; } .span_4_of_5 { width: 100%; } .span_5_of_5 { width: 100%; } .span_1_of_6 { width: 100%; } .span_2_of_6 { width: 100%; } .span_3_of_6 { width: 100%; } .span_4_of_6 { width: 100%; } .span_5_of_6 { width: 100%; } .span_6_of_6 { width: 100%; } .span_1_of_7 { width: 100%; } .span_2_of_7 { width: 100%; } .span_3_of_7 { width: 100%; } .span_4_of_7 { width: 100%; } .span_5_of_7 { width: 100%; } .span_6_of_7 { width: 100%; } .span_7_of_7 { width: 100%; } .span_1_of_8 { width: 100%; } .span_2_of_8 { width: 100%; } .span_3_of_8 { width: 100%; } .span_4_of_8 { width: 100%; } .span_5_of_8 { width: 100%; } .span_6_of_8 { width: 100%; } .span_7_of_8 { width: 100%; } .span_8_of_8 { width: 100%; } .span_1_of_10 { width: 100%; } .span_2_of_10 { width: 100%; } .span_3_of_10 { width: 100%; } .span_4_of_10 { width: 100%; } .span_5_of_10 { width: 100%; } .span_6_of_10 { width: 100%; } .span_7_of_10 { width: 100%; } .span_8_of_10 { width: 100%; } .span_9_of_10 { width: 100%; } .span_10_of_10 { width: 100%; } .span_50 { width: 100%; float:none; } .span_30, .span_70 { width:100%; float:none; } .grid .span_30, .preview.list .span_30 { width: 30%; float:left; } .grid .span_70, .preview.list .span_70 { width: 70%; float:left; } .span_20 { width: 30%; } .span_80 { width: 70%; } .span_65, .span_35 { width: 100%; float:none; } .mt40 { margin-top:20px; } .pt40 { padding-top:20px; } .pb40 { padding-bottom:20px; } .tabs .span_1_of_3 { width: 32.2%; } .tabs .col { margin-left: 1.6%; } .tabs .col:first-child{ margin-left: 0; } .tabs a { padding: 10px; line-height:20px; } .tabcontent { padding: 10px; } .tabs .span_1_of_2 { width: 49.2%; } .tabs .col { display: block; float:left; margin: 0 0 0 1.6%; } .tabs .col:first-child { margin-left: 0; } .leaderboard .container { padding:0 0 20px 0; } header, header.smaller { height: 120px; } header.smaller .header-logo { display:block; } header .header-logo { height:auto; display:block; } header .logo img { height:32px; width:auto; margin-top: 42px; } header .span_10 { display:none; } header .navigation { display:none; } .hamburger { display:block; position:absolute; right:23px; top:40px; z-index:999; color:var(--yellow-color); width:42px; height:42px; border-radius:200px; padding:12px 11px; display:block; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after, .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { background-color:var(--yellow-color); } nav.mobile { padding:20px; position:fixed; top:90px; bottom:0; background:var(--blue-color); width:100%; display:none; z-index:999; } nav.mobile li { position:relative; } nav.mobile li a { border-left:5px solid var(--blue-color-4); border-bottom:1px solid var(--blue-color-4); color:#FFF; font-family: var(--body-fonts-2); font-size:18px; font-weight:bold; display:block; padding:10px 10px 10px 20px; } nav.mobile .menu-mobile-content a { display: block; font-family: var(--body-fonts); font-size:13px; font-weight:normal; color:#FFF; border-bottom:0px; padding:4px 4px 4px 20px; } nav.mobile li i { position:absolute; right:20px; color:#FFF; } nav.mobile li i.icon-down { top:18px; } nav.mobile li i.icon-up { top:22px; } nav.mobile li span { background:none; } nav.mobile { overflow-y:scroll; } .tabnews { overflow:hidden; margin-bottom:20px; } .tabnews .tabcontent { width:100%; white-space: nowrap; padding:10px 20px; overflow: auto; } .tabnews .item { white-space:normal; width:180px; display: inline-table; float: none; } .grid-column_news { grid-template-columns: auto; align-items: normal; } .grid-column_news.grid-container { display:block; } .grid-column_news.grid-container .item { padding: 0 15px 0 0; } .grid-column_news .flex { display:block; } .grid-column_news .title { margin:10px 20px; border:0px; } .grid-column_news .submenu li { display:inline-block; margin-right:20px; border:0px; } .tabnews.piuvisti .item { padding: 0 10px 0 50px; } .tabnews.piuvisti .container { grid-template-columns:repeat(10, 250px); grid-row-gap: 0; } .grid-container.separator .item { padding-bottom:10px; } footer .row-2 .content { grid-template-columns: 50% 50%; } footer .row-2 .item:first-child, footer .row-2 .item:nth-child(2n+1){ border-left:0px; } footer .row-2 .item:last-child { border-right:0px; } footer .contributor { margin-right:-10px; position:relative; } footer .logo { display:none; } footer .social i { margin: 0 5px; } #main { margin-top: 120px; } #main .content { padding:0px; } #main .content .border { border:0px; } .preview.main p.text { padding-bottom: 120px; padding-left:0px;} .scheda .break { padding-top: 190px; } .scheda .container { margin-left: 0; width: 100%; } .scheda .borderLeft { margin-left: 0%; } .scheda .user { left:20px; } .scheda .image { margin-left:0; } .scheda .text { font-size: 16px; line-height: 24px; } .scheda h2 { height:auto; margin-bottom:40px; overflow: initial; font-size: 22px; line-height: 30px; } .scheda .text a { word-wrap: break-word; overflow-wrap: break-word; word-break: break-all; } .grid-container .list-gallery .item { margin:0px; } .share li i { font-size: 18px; } .share li { margin-right:15px; } .preview h2 { height:auto; margin-bottom:20px; font-size:22px; line-height: 22px; overflow: initial; } .preview.main h2 { padding-right: 0px; font-size: 28px; line-height: 30px; height:auto; margin-bottom:30px; } .span_30 h2 { font-size: 22px; line-height: 26px; height:auto; margin-bottom:30px; } .preview p.text { height:auto; margin-bottom:10px; } .preview.list h2 { height:auto; } .preview.list { margin: 10px 0; } .about .stat li { width:100%; } .about .management .col { margin-bottom:20px; } .about .management .col:last-child { margin-bottom:0px; } .indice { margin-top:20px; } .indice li { margin-bottom:10px; } .item-event .grid-event-item { display:block; } .item-event .info { margin-top:10px; } .grid-event-item .event { margin-top:10px; } .user-header { position:relative; padding-left:0px; height:auto; display: block; margin-bottom:40px; } .user-header img { position:relative; margin-bottom:20px; } .box-focus { height:auto;} .box-focus .image { grid-area: image; } .box-focus .text { grid-area: text; padding:20px 40px; } .box-focus .container { display:grid; grid-template-columns:1fr; grid-template-areas: "text text" "image image"; } .box-focus h1 { font-size:24px; } .grid-2 { grid-template-columns: 1fr; } .grid-column_6 .preview .container, .grid-column_8 .preview .container { min-height:140px; } .grid-column_4.mt40 { margin:0px; } .grid-container .item { border:0px; padding:0px; margin-bottom:20px; } .grid-container .item.pt20 { padding-top:0px; } .grid-column_1 { grid-template-columns: auto; } .grid-column_1 .nb { display:none; } .grid-column_2 { grid-template-columns: auto; } .grid-column_3 { grid-template-columns: auto; } .grid-column_4_DELETE { overflow-y: hidden; grid-template-columns: 250px 250px 250px 350px; } .grid-column_4 { grid-template-columns: 1fr; } .grid-column_4.grid-container .item { border-right:0px; padding: 0 0 0 0; } .grid-column_5 { grid-template-columns: 100%; } .grid-column_6 { grid-template-columns: 50% 50%; } .grid-column_6 .item { border-right: 0px solid var(--blue-color-4); padding: 0; } .grid-column_6 .item:first-child, .grid-column_6.grid-container .item:nth-child(2n+1) { padding-left:0px; } .grid-column_6 .item:nth-child(2n) { padding-right:0px; border:0px; } .grid-column_6 .item:last-child { grid-column-start: 1; grid-column-end: 3; } .grid-column_7 { grid-template-columns: 100%; } .grid-6 { grid-template-columns: 100%; } .grid-6 .item, .grid-6 .item:nth-child(3n), .grid-6 .item:nth-child(3n+1) { border-right: 0px solid var(--blue-color-4); padding: 0; } .grid-6 .item:first-child, .grid-6 .item:nth-child(2n+1) { padding-left:0px; } .grid-6 .item:nth-child(2n) { padding-right:0px; border:0px; } .grid-column_8 { grid-template-columns: 50% 50%; } .grid-column_8 .item:last-child { grid-row-start: 2; grid-column-start: 1; grid-row-end: 1; grid-column-end: 3; } .grid-column_8 .item { border-right: 1px solid var(--blue-color-4); padding: 0 5px; } .grid-column_8 .item:first-child, .grid-column_8 .item:nth-child(2n+1) { padding-left:0px; } .grid-column_8 .item:nth-child(2n) { padding-right:0px; border:0px; } .grid-column_9, .grid-column_12 { grid-template-columns: 100%; } .grid-column_10, .grid-column_11 { grid-template-columns: auto; } .grid-container { display:block; } .sponsorizzata .span_20 { width: 100%; float:none; } .sponsorizzata .span_80 { width: 100%; float:none; } .paginazione, .paginazione .links { text-align:center; } .paginazione a, .paginazione b { margin-top:10px; } .global-site-notice { position: fixed; right:0px; bottom:0px; left:0px; z-index:222; width:100%; max-width:400px; } div.top { right:20px; bottom:20px; z-index:200;} } @media only screen and (max-width: 400px){ .iphone_hide { display:none; } }