/* Theme Name: Istituto Comprensivo Statale di Verolanuova Author: NovityLab Author URI: http://www.novitylab.it/ Description: Tema creato da NovityLab per Istituto Comprensivo Statale di Verolanuova Version: 1.0 */ /*! Pure v1.0.0 Copyright 2013 Yahoo! Licensed under the BSD License. https://github.com/yahoo/pure/blob/master/LICENSE.md */ /*! https://unpkg.com/purecss@1.0.0/build/base-min.css */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}.hidden,[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block} /*! https://unpkg.com/purecss@1.0.0/build/grids-min.css */ .pure-g{letter-spacing:-.31em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){table .pure-g{display:block}}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u,.pure-u-1,.pure-u-1-1,.pure-u-1-12,.pure-u-1-2,.pure-u-1-24,.pure-u-1-3,.pure-u-1-4,.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-10-24,.pure-u-11-12,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-2-24,.pure-u-2-3,.pure-u-2-5,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24,.pure-u-3-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-4-24,.pure-u-4-5,.pure-u-5-12,.pure-u-5-24,.pure-u-5-5,.pure-u-5-6,.pure-u-5-8,.pure-u-6-24,.pure-u-7-12,.pure-u-7-24,.pure-u-7-8,.pure-u-8-24,.pure-u-9-24{display:inline-block;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-g [class*=pure-u]{font-family:sans-serif}.pure-u-1-24{width:4.1667%}.pure-u-1-12,.pure-u-2-24{width:8.3333%}.pure-u-1-8,.pure-u-3-24{width:12.5%}.pure-u-1-6,.pure-u-4-24{width:16.6667%}.pure-u-1-5{width:20%}.pure-u-5-24{width:20.8333%}.pure-u-1-4,.pure-u-6-24{width:25%}.pure-u-7-24{width:29.1667%}.pure-u-1-3,.pure-u-8-24{width:33.3333%}.pure-u-3-8,.pure-u-9-24{width:37.5%}.pure-u-2-5{width:40%}.pure-u-10-24,.pure-u-5-12{width:41.6667%}.pure-u-11-24{width:45.8333%}.pure-u-1-2,.pure-u-12-24{width:50%}.pure-u-13-24{width:54.1667%}.pure-u-14-24,.pure-u-7-12{width:58.3333%}.pure-u-3-5{width:60%}.pure-u-15-24,.pure-u-5-8{width:62.5%}.pure-u-16-24,.pure-u-2-3{width:66.6667%}.pure-u-17-24{width:70.8333%}.pure-u-18-24,.pure-u-3-4{width:75%}.pure-u-19-24{width:79.1667%}.pure-u-4-5{width:80%}.pure-u-20-24,.pure-u-5-6{width:83.3333%}.pure-u-21-24,.pure-u-7-8{width:87.5%}.pure-u-11-12,.pure-u-22-24{width:91.6667%}.pure-u-23-24{width:95.8333%}.pure-u-1,.pure-u-1-1,.pure-u-24-24,.pure-u-5-5{width:100%} /*! https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css */ @media screen and (min-width:35.5em){.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-1-12,.pure-u-sm-1-2,.pure-u-sm-1-24,.pure-u-sm-1-3,.pure-u-sm-1-4,.pure-u-sm-1-5,.pure-u-sm-1-6,.pure-u-sm-1-8,.pure-u-sm-10-24,.pure-u-sm-11-12,.pure-u-sm-11-24,.pure-u-sm-12-24,.pure-u-sm-13-24,.pure-u-sm-14-24,.pure-u-sm-15-24,.pure-u-sm-16-24,.pure-u-sm-17-24,.pure-u-sm-18-24,.pure-u-sm-19-24,.pure-u-sm-2-24,.pure-u-sm-2-3,.pure-u-sm-2-5,.pure-u-sm-20-24,.pure-u-sm-21-24,.pure-u-sm-22-24,.pure-u-sm-23-24,.pure-u-sm-24-24,.pure-u-sm-3-24,.pure-u-sm-3-4,.pure-u-sm-3-5,.pure-u-sm-3-8,.pure-u-sm-4-24,.pure-u-sm-4-5,.pure-u-sm-5-12,.pure-u-sm-5-24,.pure-u-sm-5-5,.pure-u-sm-5-6,.pure-u-sm-5-8,.pure-u-sm-6-24,.pure-u-sm-7-12,.pure-u-sm-7-24,.pure-u-sm-7-8,.pure-u-sm-8-24,.pure-u-sm-9-24{display:inline-block;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-sm-1-24{width:4.1667%}.pure-u-sm-1-12,.pure-u-sm-2-24{width:8.3333%}.pure-u-sm-1-8,.pure-u-sm-3-24{width:12.5%}.pure-u-sm-1-6,.pure-u-sm-4-24{width:16.6667%}.pure-u-sm-1-5{width:20%}.pure-u-sm-5-24{width:20.8333%}.pure-u-sm-1-4,.pure-u-sm-6-24{width:25%}.pure-u-sm-7-24{width:29.1667%}.pure-u-sm-1-3,.pure-u-sm-8-24{width:33.3333%}.pure-u-sm-3-8,.pure-u-sm-9-24{width:37.5%}.pure-u-sm-2-5{width:40%}.pure-u-sm-10-24,.pure-u-sm-5-12{width:41.6667%}.pure-u-sm-11-24{width:45.8333%}.pure-u-sm-1-2,.pure-u-sm-12-24{width:50%}.pure-u-sm-13-24{width:54.1667%}.pure-u-sm-14-24,.pure-u-sm-7-12{width:58.3333%}.pure-u-sm-3-5{width:60%}.pure-u-sm-15-24,.pure-u-sm-5-8{width:62.5%}.pure-u-sm-16-24,.pure-u-sm-2-3{width:66.6667%}.pure-u-sm-17-24{width:70.8333%}.pure-u-sm-18-24,.pure-u-sm-3-4{width:75%}.pure-u-sm-19-24{width:79.1667%}.pure-u-sm-4-5{width:80%}.pure-u-sm-20-24,.pure-u-sm-5-6{width:83.3333%}.pure-u-sm-21-24,.pure-u-sm-7-8{width:87.5%}.pure-u-sm-11-12,.pure-u-sm-22-24{width:91.6667%}.pure-u-sm-23-24{width:95.8333%}.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-24-24,.pure-u-sm-5-5{width:100%}}@media screen and (min-width:48em){.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-1-12,.pure-u-md-1-2,.pure-u-md-1-24,.pure-u-md-1-3,.pure-u-md-1-4,.pure-u-md-1-5,.pure-u-md-1-6,.pure-u-md-1-8,.pure-u-md-10-24,.pure-u-md-11-12,.pure-u-md-11-24,.pure-u-md-12-24,.pure-u-md-13-24,.pure-u-md-14-24,.pure-u-md-15-24,.pure-u-md-16-24,.pure-u-md-17-24,.pure-u-md-18-24,.pure-u-md-19-24,.pure-u-md-2-24,.pure-u-md-2-3,.pure-u-md-2-5,.pure-u-md-20-24,.pure-u-md-21-24,.pure-u-md-22-24,.pure-u-md-23-24,.pure-u-md-24-24,.pure-u-md-3-24,.pure-u-md-3-4,.pure-u-md-3-5,.pure-u-md-3-8,.pure-u-md-4-24,.pure-u-md-4-5,.pure-u-md-5-12,.pure-u-md-5-24,.pure-u-md-5-5,.pure-u-md-5-6,.pure-u-md-5-8,.pure-u-md-6-24,.pure-u-md-7-12,.pure-u-md-7-24,.pure-u-md-7-8,.pure-u-md-8-24,.pure-u-md-9-24{display:inline-block;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-md-1-24{width:4.1667%}.pure-u-md-1-12,.pure-u-md-2-24{width:8.3333%}.pure-u-md-1-8,.pure-u-md-3-24{width:12.5%}.pure-u-md-1-6,.pure-u-md-4-24{width:16.6667%}.pure-u-md-1-5{width:20%}.pure-u-md-5-24{width:20.8333%}.pure-u-md-1-4,.pure-u-md-6-24{width:25%}.pure-u-md-7-24{width:29.1667%}.pure-u-md-1-3,.pure-u-md-8-24{width:33.3333%}.pure-u-md-3-8,.pure-u-md-9-24{width:37.5%}.pure-u-md-2-5{width:40%}.pure-u-md-10-24,.pure-u-md-5-12{width:41.6667%}.pure-u-md-11-24{width:45.8333%}.pure-u-md-1-2,.pure-u-md-12-24{width:50%}.pure-u-md-13-24{width:54.1667%}.pure-u-md-14-24,.pure-u-md-7-12{width:58.3333%}.pure-u-md-3-5{width:60%}.pure-u-md-15-24,.pure-u-md-5-8{width:62.5%}.pure-u-md-16-24,.pure-u-md-2-3{width:66.6667%}.pure-u-md-17-24{width:70.8333%}.pure-u-md-18-24,.pure-u-md-3-4{width:75%}.pure-u-md-19-24{width:79.1667%}.pure-u-md-4-5{width:80%}.pure-u-md-20-24,.pure-u-md-5-6{width:83.3333%}.pure-u-md-21-24,.pure-u-md-7-8{width:87.5%}.pure-u-md-11-12,.pure-u-md-22-24{width:91.6667%}.pure-u-md-23-24{width:95.8333%}.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-24-24,.pure-u-md-5-5{width:100%}}@media screen and (min-width:64em){.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-1-12,.pure-u-lg-1-2,.pure-u-lg-1-24,.pure-u-lg-1-3,.pure-u-lg-1-4,.pure-u-lg-1-5,.pure-u-lg-1-6,.pure-u-lg-1-8,.pure-u-lg-10-24,.pure-u-lg-11-12,.pure-u-lg-11-24,.pure-u-lg-12-24,.pure-u-lg-13-24,.pure-u-lg-14-24,.pure-u-lg-15-24,.pure-u-lg-16-24,.pure-u-lg-17-24,.pure-u-lg-18-24,.pure-u-lg-19-24,.pure-u-lg-2-24,.pure-u-lg-2-3,.pure-u-lg-2-5,.pure-u-lg-20-24,.pure-u-lg-21-24,.pure-u-lg-22-24,.pure-u-lg-23-24,.pure-u-lg-24-24,.pure-u-lg-3-24,.pure-u-lg-3-4,.pure-u-lg-3-5,.pure-u-lg-3-8,.pure-u-lg-4-24,.pure-u-lg-4-5,.pure-u-lg-5-12,.pure-u-lg-5-24,.pure-u-lg-5-5,.pure-u-lg-5-6,.pure-u-lg-5-8,.pure-u-lg-6-24,.pure-u-lg-7-12,.pure-u-lg-7-24,.pure-u-lg-7-8,.pure-u-lg-8-24,.pure-u-lg-9-24{display:inline-block;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-lg-1-24{width:4.1667%}.pure-u-lg-1-12,.pure-u-lg-2-24{width:8.3333%}.pure-u-lg-1-8,.pure-u-lg-3-24{width:12.5%}.pure-u-lg-1-6,.pure-u-lg-4-24{width:16.6667%}.pure-u-lg-1-5{width:20%}.pure-u-lg-5-24{width:20.8333%}.pure-u-lg-1-4,.pure-u-lg-6-24{width:25%}.pure-u-lg-7-24{width:29.1667%}.pure-u-lg-1-3,.pure-u-lg-8-24{width:33.3333%}.pure-u-lg-3-8,.pure-u-lg-9-24{width:37.5%}.pure-u-lg-2-5{width:40%}.pure-u-lg-10-24,.pure-u-lg-5-12{width:41.6667%}.pure-u-lg-11-24{width:45.8333%}.pure-u-lg-1-2,.pure-u-lg-12-24{width:50%}.pure-u-lg-13-24{width:54.1667%}.pure-u-lg-14-24,.pure-u-lg-7-12{width:58.3333%}.pure-u-lg-3-5{width:60%}.pure-u-lg-15-24,.pure-u-lg-5-8{width:62.5%}.pure-u-lg-16-24,.pure-u-lg-2-3{width:66.6667%}.pure-u-lg-17-24{width:70.8333%}.pure-u-lg-18-24,.pure-u-lg-3-4{width:75%}.pure-u-lg-19-24{width:79.1667%}.pure-u-lg-4-5{width:80%}.pure-u-lg-20-24,.pure-u-lg-5-6{width:83.3333%}.pure-u-lg-21-24,.pure-u-lg-7-8{width:87.5%}.pure-u-lg-11-12,.pure-u-lg-22-24{width:91.6667%}.pure-u-lg-23-24{width:95.8333%}.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-24-24,.pure-u-lg-5-5{width:100%}}@media screen and (min-width:80em){.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-1-12,.pure-u-xl-1-2,.pure-u-xl-1-24,.pure-u-xl-1-3,.pure-u-xl-1-4,.pure-u-xl-1-5,.pure-u-xl-1-6,.pure-u-xl-1-8,.pure-u-xl-10-24,.pure-u-xl-11-12,.pure-u-xl-11-24,.pure-u-xl-12-24,.pure-u-xl-13-24,.pure-u-xl-14-24,.pure-u-xl-15-24,.pure-u-xl-16-24,.pure-u-xl-17-24,.pure-u-xl-18-24,.pure-u-xl-19-24,.pure-u-xl-2-24,.pure-u-xl-2-3,.pure-u-xl-2-5,.pure-u-xl-20-24,.pure-u-xl-21-24,.pure-u-xl-22-24,.pure-u-xl-23-24,.pure-u-xl-24-24,.pure-u-xl-3-24,.pure-u-xl-3-4,.pure-u-xl-3-5,.pure-u-xl-3-8,.pure-u-xl-4-24,.pure-u-xl-4-5,.pure-u-xl-5-12,.pure-u-xl-5-24,.pure-u-xl-5-5,.pure-u-xl-5-6,.pure-u-xl-5-8,.pure-u-xl-6-24,.pure-u-xl-7-12,.pure-u-xl-7-24,.pure-u-xl-7-8,.pure-u-xl-8-24,.pure-u-xl-9-24{display:inline-block;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-xl-1-24{width:4.1667%}.pure-u-xl-1-12,.pure-u-xl-2-24{width:8.3333%}.pure-u-xl-1-8,.pure-u-xl-3-24{width:12.5%}.pure-u-xl-1-6,.pure-u-xl-4-24{width:16.6667%}.pure-u-xl-1-5{width:20%}.pure-u-xl-5-24{width:20.8333%}.pure-u-xl-1-4,.pure-u-xl-6-24{width:25%}.pure-u-xl-7-24{width:29.1667%}.pure-u-xl-1-3,.pure-u-xl-8-24{width:33.3333%}.pure-u-xl-3-8,.pure-u-xl-9-24{width:37.5%}.pure-u-xl-2-5{width:40%}.pure-u-xl-10-24,.pure-u-xl-5-12{width:41.6667%}.pure-u-xl-11-24{width:45.8333%}.pure-u-xl-1-2,.pure-u-xl-12-24{width:50%}.pure-u-xl-13-24{width:54.1667%}.pure-u-xl-14-24,.pure-u-xl-7-12{width:58.3333%}.pure-u-xl-3-5{width:60%}.pure-u-xl-15-24,.pure-u-xl-5-8{width:62.5%}.pure-u-xl-16-24,.pure-u-xl-2-3{width:66.6667%}.pure-u-xl-17-24{width:70.8333%}.pure-u-xl-18-24,.pure-u-xl-3-4{width:75%}.pure-u-xl-19-24{width:79.1667%}.pure-u-xl-4-5{width:80%}.pure-u-xl-20-24,.pure-u-xl-5-6{width:83.3333%}.pure-u-xl-21-24,.pure-u-xl-7-8{width:87.5%}.pure-u-xl-11-12,.pure-u-xl-22-24{width:91.6667%}.pure-u-xl-23-24{width:95.8333%}.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-24-24,.pure-u-xl-5-5{width:100%}} /**********************/ /* Fonts */ /**********************/ @font-face { font-family: 'Raleway'; src: url('fonts/Raleway-LightItalic.eot'); src: url('fonts/Raleway-LightItalicd41d.eot?#iefix') format('embedded-opentype'), url('fonts/Raleway-LightItalic.woff2') format('woff2'), url('fonts/Raleway-LightItalic.woff') format('woff'), url('fonts/Raleway-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway-Light.eot'); src: url('fonts/Raleway-Lightd41d.eot?#iefix') format('embedded-opentype'), url('fonts/Raleway-Light.woff2') format('woff2'), url('fonts/Raleway-Light.woff') format('woff'), url('fonts/Raleway-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway-BoldItalic.eot'); src: url('fonts/Raleway-BoldItalicd41d.eot?#iefix') format('embedded-opentype'), url('fonts/Raleway-BoldItalic.woff2') format('woff2'), url('fonts/Raleway-BoldItalic.woff') format('woff'), url('fonts/Raleway-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway-Medium.eot'); src: url('fonts/Raleway-Mediumd41d.eot?#iefix') format('embedded-opentype'), url('fonts/Raleway-Medium.woff2') format('woff2'), url('fonts/Raleway-Medium.woff') format('woff'), url('fonts/Raleway-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway-Italic.eot'); src: url('fonts/Raleway-Italicd41d.eot?#iefix') format('embedded-opentype'), url('fonts/Raleway-Italic.woff2') format('woff2'), url('fonts/Raleway-Italic.woff') format('woff'), url('fonts/Raleway-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway-BlackItalic.eot'); src: url('fonts/Raleway-BlackItalicd41d.eot?#iefix') format('embedded-opentype'), url('fonts/Raleway-BlackItalic.woff2') format('woff2'), url('fonts/Raleway-BlackItalic.woff') format('woff'), url('fonts/Raleway-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway-Black.eot'); src: url('fonts/Raleway-Blackd41d.eot?#iefix') format('embedded-opentype'), url('fonts/Raleway-Black.woff2') format('woff2'), url('fonts/Raleway-Black.woff') format('woff'), url('fonts/Raleway-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway-MediumItalic.eot'); src: url('fonts/Raleway-MediumItalicd41d.eot?#iefix') format('embedded-opentype'), url('fonts/Raleway-MediumItalic.woff2') format('woff2'), url('fonts/Raleway-MediumItalic.woff') format('woff'), url('fonts/Raleway-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway-ExtraLight.eot'); src: url('fonts/Raleway-ExtraLightd41d.eot?#iefix') format('embedded-opentype'), url('fonts/Raleway-ExtraLight.woff2') format('woff2'), url('fonts/Raleway-ExtraLight.woff') format('woff'), url('fonts/Raleway-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway-ExtraLightItalic.eot'); src: url('fonts/Raleway-ExtraLightItalicd41d.eot?#iefix') format('embedded-opentype'), url('fonts/Raleway-ExtraLightItalic.woff2') format('woff2'), url('fonts/Raleway-ExtraLightItalic.woff') format('woff'), url('fonts/Raleway-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway-Bold.eot'); src: url('fonts/Raleway-Boldd41d.eot?#iefix') format('embedded-opentype'), url('fonts/Raleway-Bold.woff2') format('woff2'), url('fonts/Raleway-Bold.woff') format('woff'), url('fonts/Raleway-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway-ExtraBoldItalic.eot'); src: url('fonts/Raleway-ExtraBoldItalicd41d.eot?#iefix') format('embedded-opentype'), url('fonts/Raleway-ExtraBoldItalic.woff2') format('woff2'), url('fonts/Raleway-ExtraBoldItalic.woff') format('woff'), url('fonts/Raleway-ExtraBoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway-ExtraBold.eot'); src: url('fonts/Raleway-ExtraBoldd41d.eot?#iefix') format('embedded-opentype'), url('fonts/Raleway-ExtraBold.woff2') format('woff2'), url('fonts/Raleway-ExtraBold.woff') format('woff'), url('fonts/Raleway-ExtraBold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway-SemiBold.eot'); src: url('fonts/Raleway-SemiBoldd41d.eot?#iefix') format('embedded-opentype'), url('fonts/Raleway-SemiBold.woff2') format('woff2'), url('fonts/Raleway-SemiBold.woff') format('woff'), url('fonts/Raleway-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway-SemiBoldItalic.eot'); src: url('fonts/Raleway-SemiBoldItalicd41d.eot?#iefix') format('embedded-opentype'), url('fonts/Raleway-SemiBoldItalic.woff2') format('woff2'), url('fonts/Raleway-SemiBoldItalic.woff') format('woff'), url('fonts/Raleway-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway-Regular.eot'); src: url('fonts/Raleway-Regulard41d.eot?#iefix') format('embedded-opentype'), url('fonts/Raleway-Regular.woff2') format('woff2'), url('fonts/Raleway-Regular.woff') format('woff'), url('fonts/Raleway-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway-Thin.eot'); src: url('fonts/Raleway-Thind41d.eot?#iefix') format('embedded-opentype'), url('fonts/Raleway-Thin.woff2') format('woff2'), url('fonts/Raleway-Thin.woff') format('woff'), url('fonts/Raleway-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway-ThinItalic.eot'); src: url('fonts/Raleway-ThinItalicd41d.eot?#iefix') format('embedded-opentype'), url('fonts/Raleway-ThinItalic.woff2') format('woff2'), url('fonts/Raleway-ThinItalic.woff') format('woff'), url('fonts/Raleway-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; font-display: swap; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } /********/ /* Material Icon */ /********/ .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; } /**********************/ /* Testi e colori */ /*********************/ html, button, input, select, textarea, .pure-g [class *= "pure-u"] { font-family: 'Raleway', sans-serif; } body { font-family: 'Raleway', sans-serif; color: #4A4A4A; word-wrap: break-word; overflow-wrap: break-word; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #5F8E95; font-size: 16px; line-height: 22px; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #89B8BF; font-weight:bold; line-height:1.2em; font-family: 'Raleway', sans-serif; margin: 1em 0; text-transform: uppercase; } .h1, h1{ font-size: 36px; color:#4A4A4A;} .h2, h2{ font-size: 30px; } .h3, h3{ font-size: 24px; } .h4, h4{ font-size: 20px; } .h5, h5{ font-size: 15px; } .h6, h6{ font-size: 14px; } .bianco {color:#FFF;} .azzurro-txt {color: #89B8BF;} .bg-blu {background-color:#55868C;} .bg-gray {background-color:#f2f2f2;} .testo a {color: #5F8E95; text-decoration: none; -webkit-transition: color .5s ease-in; -moz-transition: color .3s ease-in; -ms-transition: color .3s ease-in; -o-transition: color .3s ease-in; transition: color .3s ease-in; display: block; margin-bottom: 10px;} .testo a:hover, .testo a:focus { text-decoration: underline; color: #F3C98B; } .testo a:focus { outline: none; } .testo a:before{ content: '\E250'; position: relative; top: -1px; vertical-align: middle; margin-right: 5px; font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } .testo a[href*="/wp-content/uploads/"]:before{ content: "\E2C4"; } .lastmod {font-style:italic; padding-top:30px; opacity:.9; } /**********************/ /* Generali */ /*********************/ .container{ margin-left:auto; margin-right: auto; } .g-box{ margin-left: -1em !important; margin-right: -1em !important;} .g-box-small{ margin-left: -0.5em !important; margin-right: -0.5em !important;} .l-box { padding-left:1em; padding-right:1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .l-box-small { padding-left: 0.5em; padding-right: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .marginSmallTop, .marginSmall{ margin-top: 15px; } .marginSmallBottom, .marginSmall{ margin-bottom: 15px; } .marginTop, .margin{ margin-top: 30px; } .marginBottom, .margin{ margin-bottom: 30px; } .marginDoubleTop, .marginDouble{ margin-top: 60px; } .marginDoubleBottom, .marginDouble{ margin-bottom: 60px; } .noMarginTop, .noMargin{ margin-top: 0 !important; } .noMarginBottom, .noMargin{ margin-bottom: 0 !important; } .paddingSmallTop, .paddingSmall{ padding-top: 15px; } .paddingSmallBottom, .paddingSmall{ padding-bottom: 15px; } .paddingTop, .padding{ padding-top: 30px; } .paddingBottom, .padding{ padding-bottom: 30px; } .paddingDoubleTop, .paddingDouble{ padding-top: 60px; } .paddingDoubleBottom, .paddingDouble{ padding-bottom: 60px; } .paddingRight{ padding-right: 15px; } .noPaddingTop, .noPadding{ padding-top: 0 !important; } .noPaddingBottom, .noPadding{ padding-bottom: 0 !important; } .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} .sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} .hidden-xs, .hidden-xs{ display: none; } .inline-block{ display: inline-block!important; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .alert { padding: 15px; margin: 20px 0; border-left: 10px solid transparent; border-radius: 4px; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin: 0; } .alert > p + p { margin-top: 5px; } .alert-success { color: #4A4A4A; background-color: #E4E9E4; border-color: #9FB4A1; padding: 20px; border-radius:0;} .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link, .alert-success a { color: #4A4A4A; text-decoration:underline; } .alert-success .alert-link:hover, .alert-success a:hover { color: #9FB4A1; } .alert-info { color: #4A4A4A; background-color: #D2E2EB; border-color: #6E9EBA; padding: 20px; border-radius:0;} .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link, .alert-info a { color: #4A4A4A; text-decoration:underline; } .alert-info .alert-link:hover, .alert-info a:hover { color: #6E9EBA; } .alert-warning { color: #4A4A4A; background-color: #F8EDD1; border-color: #E4CE95; padding: 20px; border-radius:0; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link, .alert-warning a { color: #4A4A4A; text-decoration:underline; } .alert-warning .alert-link:hover, .alert-warning a:hover { color: #E4CE95; } .alert-danger { color: #FFF; background-color: #EC9797; border-color: #CB6161; padding: 20px; border-radius:0; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link, .alert-danger a { color: #FFF; text-decoration:underline; } .alert-danger .alert-link:hover, .alert-danger a:hover { color: #CB6161; } .clearfix{ float: left; height:0; width: 100%; clear:both; } .modal, .modal-checkbox{ display: none; } .modal{ position: fixed; top:0; left:0; width: 100%; height: 100%; background-color: rgba(18,31,51,0.9); z-index: 99; padding: 8px; box-sizing:border-box; } .admin-bar .modal{ padding-top: 54px; } .modal-body{ background: #FFF; padding: 8px; box-sizing: border-box;} .modal-checkbox:checked + .modal{ display: block; } .modal-toggle{ cursor:pointer; text-decoration: underline; } .modal-close{ text-align: right; } .modal-close label{ cursor: pointer; } #privacy-modal{ position: fixed; bottom: 0px; right:0; padding: 20px; line-height: 1.5em; width:100%; text-align: left; font-size: 13px; background-color: #FFF; z-index: 999; box-sizing:border-box; width:100%; text-align:center; border-top:solid 1px #e8e8e8;} #privacy-form{ display: inline-block; } #privacy-modal a{ color: #3a3a3a; } #privacy-modal-btn{ white-space: normal; padding: 5px 15px; } .background-size-cover { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .frGallery{ position: relative; } .frGalleryBox{ background-color: #ddd; height:0; padding-top:56.25%; position: relative; } .frGalleryItem{ position: absolute; opacity:0; top:0; left:0; width: 100%; height: 100%; background: no-repeat center center; background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .frGalleryActive{ opacity: 1; } .frGalleryCount{ line-height: 24px; display: inline-block;} .frGalleryControlBox{ float: right;} .frGalleryControl{min-width:auto; background: none; border: none; padding: 0;} .frGalleryControlBox .material-icons {color: #89B8BF;} .pagination{ display: block; text-align: center; padding: 10px 0; } .pagination .page-numbers{ display: inline-block; width: 30px; height:30px; border: 2px solid #121f33; color: #121f33; text-decoration: none; line-height: 32px; } .pagination .page-numbers:hover, .pagination .page-numbers.current{ text-decoration: none; border-color: #007edb; } .pagination .page-numbers.current{ color: #FFF; background-color: #007edb;} .breadcrumb {margin-top:30px;font-size:12px;} .breadcrumb a { color:#4A4A4A; text-transform:uppercase; font-size:12px; text-decoration:none; font-weight:bold;} .breadcrumb a:hover {text-decoration:underline;} .scuolaListPagina {min-height: 45px;} .infoScuolaItem {min-height: 80px;} /**********************/ /* Bottoni */ /*********************/ /* .btn, .btn2, .btn3 { display: inline-block; text-decoration: none; border:0; margin:1em 0; -webkit-transition: background .5s ease-in; -moz-transition: background .3s ease-in; -ms-transition: background .3s ease-in; -o-transition: background .3s ease-in; transition: background .3s ease-in; } .btn.block, .btn2.block { display: block; text-align: center; } .btn{ p } .btn:hover, .btn:focus { text-decoration: none; color: #89B8BF; background-color: transparent; } .btn2{ padding: 10px 20px; background-color: #F3C98B; color: #2B4141; border-radius: 5px; } .btn2:hover, .btn2:focus { text-decoration: none; color: #F3C98B; background-color: #2B4141; } .btn3{ padding: 0px 10px; color: #333; border: 1px solid #f3c98b; border-radius: 5px; line-height: 40px; margin-right: 15px; } .btn3 .material-icons{ color: #f3c98b; vertical-align: middle; position: relative; top:-2px; } .btn3:hover, .btn3:focus { text-decoration: none; color: #89B8BF; background-color: transparent; }*/ .btn, button { background: #89B8BF; border: none; font-size: 16px; letter-spacing: 1.5px; text-transform: uppercase; padding: 14px 20px; -webkit-transition: color 0.1s cubic-bezier(0.16, 0.08, 0.355, 1), background 0.1s cubic-bezier(0.16, 0.08, 0.355, 1); transition: color 0.1s cubic-bezier(0.16, 0.08, 0.355, 1), background 0.1s cubic-bezier(0.16, 0.08, 0.355, 1); display: inline-block; cursor: pointer; min-width: 200px; outline: none; vertical-align: middle; text-align: center; position: relative; overflow: hidden; border-radius: 10px; } /* BTN TINY ---------------------- */ .btn-tiny {min-width: 100px;} /* BTN PRIMARY ---------------------- */ .btn-primary { background-image: linear-gradient(-131deg, #7FA7AD 7%, #89B8BF 98%); color: white; } /* BTN LIGHT ---------------------- */ .btn-light { background-color: #fff; color: #89B8BF; } /* BTN OUTLINE LIGHT ---------------- */ .btn-outline-light { background-color: transparent; color: #fff; border: 1px solid #fff; background-image: none; } /* BTN OUTLINE BLUE ---------------- */ .btn-outline-blue { background-color: transparent; color: #89B8BF; border: 1px solid #89B8BF; background-image: none; } /* BTN SHADOW ---------------------- */ .btn-shadow-blue { box-shadow: 0 20px 20px 0 rgba(65,170,170,0.25); } .btn-shadow-dark { box-shadow: 0 20px 20px 0 rgba(0,0,0,0.15); } /* BTN ARROW RIGHT ----------------- */ .btn-arrow-right { position: relative; -webkit-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; } .btn-arrow-right span { display: inline-block; position: relative; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; will-change: transform; } .btn-arrow-right:hover span { -webkit-transform: translate3d(-1rem, 0, 0); transform: translate3d(-1rem, 0, 0); } .btn-arrow-right svg { position: absolute; width: 1.1em; right: 0px; right: 0rem; opacity: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; will-change: right, opacity; } .btn-arrow-right svg * { stroke-width: 3; stroke-color: transparent; } .btn-arrow-right:hover svg { opacity: 1; right: -2rem; } .btn.block, .btn2.block { display: block; text-align: center; } .form-group{ margin-bottom: 30px; } .form-group label{ display: block; font-size:14px; line-height:20px; margin-bottom:5px; } .form-group input::placeholder {color:#CDCDCD;} .form-group input{ display: block; width: 100%; box-sizing:border-box; padding: 5px; border: 1px solid #CDCDCD; } .form-group .checkbox input{ width: auto; display: inline-block; } /*********************/ /* Personalizzazioni */ /*********************/ /*body{ background-color: #55868c;}*/ #wrapper{ margin-left: auto; margin-right: auto; } #wrapperContent{ background-color: #FFF; } #checkMenu{ display: none; } #header{ background-color: #FFF; position: fixed; top:0; left:0; width: 100%; z-index: 999; line-height:1.2; box-sizing: border-box; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); } #headerPlaceholder{ display: block; height: 90px; clear: both; } .admin-bar #header { top: 46px;} .admin-bar #wpadminbar{ position: fixed;} #headerContatti{ background-color: #89B8BF; color: #FFF; font-size: 13px; padding-top: 5px; padding-bottom: 5px; text-align: center; } #logo{ padding: 15px 0; display: block; max-width: 195px; } #boxMenuToggle{ display: block; height:100%; text-align: right; cursor: pointer; } #boxMenuToggle:before{ content:''; display: inline-block; height: 100%; width:0; vertical-align: middle;} #boxMenuToggle .material-icons{ vertical-align: middle; } #boxMenuToggle .material-icons-close{ display: none; } #boxMenu{ display: none; } #checkMenu:checked ~ #header #boxMenuToggle .material-icons-close{ display: inline-block; } #checkMenu:checked ~ #header #boxMenuToggle .material-icons-menu{ display: none; } #checkMenu:checked ~ #header #header{ height: 100vh; overflow: auto; -webkit-overflow-scrolling: touch; } #checkMenu:checked ~ #header #boxMenu{ display: block; } #headerContatti{ background: #89B8BF; color: #FFF; } /*#boxMenu{ position: fixed; top:0; left:0; width: 100%; height: 100%; z-index: 999; background-color: #55868c; display: none; box-sizing: border-box; padding:20px 0; color: #FFF; } .admin-bar #boxMenu{ padding-top:46px; } #checkMenu:checked ~ #wrapper #boxMenu { display: block; }*/ #boxMenuClose{ display: block; height: 52px; line-height: 65px; padding: 0 16px; text-align: right; } #menuPrincipale, #menuPrincipale ul, #menuPrincipale li{ list-style: none; margin: 0; padding: 0; } #menuPrincipale a{ display: block; text-align: center; padding: 16px; text-decoration: none; color: #2B4141; } #menuPrincipale > li > a{ text-transform: uppercase; font-weight: bold; } #menuPrincipale ul{ display: none; } #menuPrincipale > li.current-menu-item > a, #menuPrincipale > li.current-menu-item > a:hover{ background-color: #f3c98b; color: #2B4141; } #menuPrincipale > li.menuOpenJS > a, #menuPrincipale > li > a:hover, #menuSecondario a:hover { background-color: #5f8e95; color: #FFF; } #menuPrincipale > li.menuOpenJS > .sub-menu{ display: block; } #menuPrincipale .sub-menu{ background-color: #55868C; padding: 30px 0; } #menuPrincipale .sub-menu a{ color: #FFF; padding: 10px; } #menuSecondario, #menuSecondario ul, #menuSecondario li{ list-style: none; margin: 0; padding: 0; } #menuSecondario{ background-color: #89B8BF; padding: 20px 0; } #menuSecondario a{ display: block; text-align: center; padding: 16px; text-decoration: none; color: #FFF; text-transform: uppercase; } .scuolaBox{ height:0; padding-top:100%; position: relative; background: no-repeat center center; display: block; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #scuolaBoxInfanzia { background-color: #5F8E95; } #scuolaBoxPrimaria { background-color: #DE9B79; } #scuolaBoxSecondaria { background-color: #CC8B86; } #scuolaBoxInfanzia .scuolaBox { opacity:.6; background-image: url('images/scuola-infanzia.jpg'); } #scuolaBoxPrimaria .scuolaBox { opacity:.6; background-image: url('images/scuola-primaria.jpg'); } #scuolaBoxSecondaria .scuolaBox { opacity:.6; background-image: url('images/scuola-secondaria-03.jpg'); } #scuolaBoxInfanzia .scuolaBox:hover, #scuolaBoxPrimaria .scuolaBox:hover, #scuolaBoxSecondaria .scuolaBox:hover {opacity:1; } #scuolaBoxInfanzia .scuolaBoxText{ background-color: #5F8E95; opacity:1; } #scuolaBoxPrimaria .scuolaBoxText{ background-color: #DE9B79; opacity:1; } #scuolaBoxSecondaria .scuolaBoxText{ background-color: #CC8B86; opacity:1; } .scuolaBoxText{ position: absolute; bottom:0; left:0; width: 100%; padding: 18px 10px; color: #FFF; text-align:center; text-transform:uppercase; box-sizing: border-box; font-weight: bold; letter-spacing: 2px; } .newsBoxData { font-size: 14px; color: #2B4141; } .newsBoxTitle { font-size: 24px; color: #89B8BF; text-transform:uppercase; margin-top: 5px;} .newsBoxExcerpt { font-size: 14px; color: #2B4141; line-height: 20px;} .newsBox{ display: block; text-decoration: none; border-bottom: 1px solid #f2f2f2;} .newsCover{ width: 100%; height: 0; padding-top: 56.25%; overflow: hidden; position: relative; display: block; margin-bottom: 15px; background: #89B8BF url('images/thumb-news.jpg') no-repeat center center; background-size: cover; } .newsCover img{ position: absolute; top:50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .lista-pag, .lista-pag li{ margin: 0; padding: 0; display: inline-block; list-style: none; } .lista-pag{ padding: 16px; display: block; text-align: center; } .lista-pag-item{ display: block; width: 30px; height: 30px; line-height: 26px; text-align: center; border: 1px solid #89B8BF; color: #89B8BF; text-decoration: none; border-radius: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 5px; } .lista-pag-item-active{ background-color: #89B8BF; color: #FFF; } #famiglieHome{ background-color: #89B8BF; color: #2B4141; } #famiglieHomeImg{ display: inline-block; min-height: 300px; height: 100%; width:100%; background: url('images/ICC-verolanuova-famiglie.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover ; } #famiglieHomeTxt {margin:50px;} .newsContainer {background-color: #f2f2f2;} .linkBox{ display: block; text-align: center; text-decoration: none; text-align: center; border: 2px solid #dfe2da; border-radius: 3px; margin: 20px; } .linkBox .material-icons{ color: #89B8BF; font-size: 60px; } .banner-home-item{ display: block; height: 100%; text-align: center; } .banner-home-item::after{ content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .banner-home-item .pure-img{ vertical-align: middle; display: inline-block; max-width: 350px; } .scuolaListBox{ text-align: center; display: block; padding: 18px; text-decoration: none; color: #89B8BF; text-transform:uppercase; } .scuolaListBox .material-icons{ font-size: 160px; color: #89B8BF; } .scuolaItem {margin:15px auto 10px; font-weight:bold;} .paeseItem {margin-bottom:15px; color:#4A4A4A;} #scuoleCorrelate{ background-color: #F2F2F2; } #footer{ background-color: #5F8E95; color: #FFF; } #footerDatiBox{ background-color: #89B8BF; } #footerMenuBox{ padding: 20px 0;} .menuFooter, .menuFooter li{ padding: 0; margin: 0; list-style: none; } .menuFooter a{ display: block; color: #FFF; text-decoration: none; line-height: 1.4em; margin: 5px 0; } .menuFooter a:hover {color:#f3c98b; text-decoration:underline; } .link-cookie, .link-cookie:hover, .link-cookie:focus, .link-cookie:active {color: #5F8E95;} .link-cookie:hover {font-weight: bold;} #pageHeader{ background-color: #f3c98b; } .infoScuola i.material-icons {color: #89B8BF; vertical-align: middle; margin-right: 10px;} .infoScuola h1 {color: #89B8BF;} #scuola_orari {background-color:#55868C; padding:30px; color:#FFF;} #scuola_orari i.material-icons {color: #FFF;} #mapScuolaBox{ width:100%; height:0; padding-top:75%; position: relative;} #mapScuolaBox iframe{ width:100%; height:100%; position: absolute; top:0; left:0; } #areaRisLogin{ background-color: #D1DEE0; padding: 18px; max-width: 450px; margin: 0 auto; } .sfFormGroup input, .sfFormGroup label{ display: block; margin: 0; padding: 0; border: none; width: 100%; box-sizing: border-box; } .sfFormGroup label{ margin-bottom: 5px; } .sfFormGroup input{ padding: 10px; margin-bottom: 40px; } #bottoneSubmit{ color: #FFF; } #pageHeader.pageHeaderRiservata{ background-color: #d0dedf; } .subfolder{ color: #89B8BF; } .subfolder .material-icons{ position: relative; top: 4px; margin-right: 8px;} .subfolder a{ display: inline-block; margin-bottom: 10px; text-decoration: none; color: #4A4A4A; } .subfolder a:hover{ color: #89B8BF; } .listaCartelle, .listaCartelle li{ margin: 0; padding:0; list-style: none; display: block; } .listaCartelle a{ color: #4A4A4A; display: block; padding: 5px 10px; text-decoration: none; position: relative; } .listaCartelle .arearisDocFreccia{ position: absolute; left: 10px; top:4px; color: #5e8e94; } .listaCartelle{ padding:10px 0; background-color: #d1dedf; display: none; } .listaCartelle.lv0{ background-color: #e4ecee; padding: 0; display: block; } .listaCartelle.lv0 > li{ border-bottom: 1px solid #FFF; } .listaCartelle.lv0 > li > a{ font-size: 18px; padding: 14px 14px; } .listaCartelle.lv0 > li > a .arearisDocFreccia{ left: auto; right: 20px; top: 13px; } /*.listaCartelle { border-top: 1px solid #FFF; } /* li{ background-color: rgba(94, 142, 148, 0.39); }*/ /*.parentFolder>a{ background-color: rgba(94, 142, 148, 0.39);} */ .lv1.listaCartelle{ border-top: 1px solid #FFF; } .activeFolder>a{ font-weight: bold; color: #5e8e94; } .activeFolder>a .arearisDocFreccia, .parentFolder>a .arearisDocFreccia{ transform: rotate(90deg); } .activeFolder>.listaCartelle, .parentFolder>.listaCartelle{ display: block; } #arearisListaDoc{ margin-bottom: 50px; } .arearisDoc{ display: block; padding-left: 30px; position: relative; text-decoration: none; color: #4A4A4A; margin-bottom: 50px; } .arearisDocDate{ font-style: italic; } .arearisDocIco{ position: absolute; top: 1px; left:0; color: #89B8BF; } .arearisDocTitle{ font-weight: bold; color: #89B8BF; font-size:20px; margin:2px 0 10px; text-transform: uppercase; } .arearisDocBtn{ padding: 6px 26px; border-radius: 5px; margin-right: 10px;} .footerText{ color: #FFF; margin: 30px 0; } .footerText h1, .footerText .h1, .footerText h2, .footerText .h2, .footerText h3, .footerText .h3, .footerText h4, .footerText .h4, .footerText h5, .footerText .h5, .footerText h6, .footerText .h6{ color: #FFF; } /* .bannerTxt { font-size: 26px; line-height:36px; margin-bottom: 15px; } /***************/ /* Media query */ /***************/ @media screen and (min-width: 783px){ .admin-bar #header { top: 32px; } } @media screen and (min-width: 35.5em){ .container{ max-width: 568px; } .hidden-xs{ display: inline-block; } .hidden-sm{ display: none; } #logo{ max-width: auto;} #areaRisLogin{ padding: 50px; } } @media screen and (min-width: 48em){ .container { max-width: 768px; } .hidden-xs, .hidden-sm{ display: inline-block; } .hidden-md{ display: none; } .bannerBox{ position: absolute; top:0; left: 0; width: 20%; height: 100%; background-color: #fff; background-color: rgba(255,255,255,0.8); } .carousel-item{ width: 25%;} .h1, h1{ font-size: 32px; } .h2, h2{ font-size: 30px; } .h3, h3{ font-size: 18px; } .h4, h4{ font-size: 19px; } .h5, h5{ font-size: 17px; } .h6, h6{ font-size: 16px; } .modal{ padding: 16px; } .modal-body{ max-width: 719px; margin-left: auto; margin-right: auto; padding: 16px; } } @media screen and (min-width: 64em){ .container { max-width: 1024px; } .hidden-xs, .hidden-sm, .hidden-md{ display: inline-block; } .hidden-lg{ display: none; } #headerPlaceholder{ display: block; height: 90px; clear: both; } #headerContatti{ padding-top: 10px; padding-bottom: 10px; text-align: left; font-size: 14px; } #checkMenu:checked ~ #wrapper #header{height: auto; overflow: visible; } #logo{ padding-top: 10px; padding-bottom: 10px; height: 35px; } #boxMenuToggle, #boxMenuClose{ display: none; } #boxMenu{ display: block; background: transparent; padding: 0; z-index: auto; position: absolute; top:0; left: 50%; margin-left: -204px; width: 700px; height:91px; } #menuPrincipale, #menuSecondario { position: absolute; bottom: 0; right: 0;} #menuPrincipale li, #menuSecondario li{ float: left; } #menuPrincipale a{ padding: 0 16px; line-height: 55px; } #menuSecondario { bottom: auto; top: 0; padding: 0; font-size: 14px; } #menuSecondario a { padding:10px; } #menuPrincipale > li > .sub-menu { position: fixed; top: 91px; left: 0; width:100%; display: none; } .admin-bar #menuPrincipale > li > .sub-menu { top: 123px; } #menuPrincipale > li.menuOpenJS > .sub-menu{ display: block; } #menuPrincipale .sub-menu li, #menuSecondario .sub-menu li{ float: none; } #menuPrincipale .sub-menu a, #menuSecondario .sub-menu a{ line-height: 1em; padding: 8px; } } @media screen and (min-width: 80em){ #wrapper, .container { max-width: 1250px; } .hidden-xs, .hidden-sm, .hidden-md, .hidden-lg{ display: inline-block; } .hidden-xl{ display: none; } #boxMenu{ margin-left: -276px; width:900px; } }