/* latin-ext */ @font-face { font-family: 'Amatic SC'; font-style: normal; font-weight: 700; src: local('Amatic SC Bold'), local('AmaticSC-Bold'), url(https://fonts.gstatic.com/s/amaticsc/v8/IDnkRTPGcrSVo50UyYNK7z0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amatic SC'; font-style: normal; font-weight: 700; src: local('Amatic SC Bold'), local('AmaticSC-Bold'), url(https://fonts.gstatic.com/s/amaticsc/v8/IDnkRTPGcrSVo50UyYNK7-gdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* latin */ @font-face { font-family: 'Droid Serif'; font-style: normal; font-weight: 700; src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url(https://fonts.gstatic.com/s/droidserif/v6/QQt14e8dY39u-eYBZmppwYlIZu-HDpmDIZMigmsroc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v11/YMOYVM-eg6Qs9YzV9OSqZfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v11/PLygLKRVCQnA5fhu3qk5fQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic */ @font-face { font-family: 'Lora'; font-style: italic; font-weight: 400; src: local('Lora Italic'), local('Lora-Italic'), url(https://fonts.gstatic.com/s/lora/v9/OVZcBeQFqX1w7YhsLFAXp_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'Lora'; font-style: italic; font-weight: 400; src: local('Lora Italic'), local('Lora-Italic'), url(https://fonts.gstatic.com/s/lora/v9/nRWuMjV9d7Qv7608EovOgfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lora'; font-style: italic; font-weight: 400; src: local('Lora Italic'), local('Lora-Italic'), url(https://fonts.gstatic.com/s/lora/v9/_RSiB1sBuflZfa9fxV8cOg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* reset */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block} html,body,#page{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} html,button,input,select,textarea{font-family:'lato',sans-serif} body{margin:0;background-color:#f6f2f9} a:focus,a:active,a:hover,input,select,textarea,button{outline:0} a{text-decoration:none;} b,strong{font-weight:400;} hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0} img{border:0;-ms-interpolation-mode:bicubic} figure,form{margin:0} fieldset{border:0 none;margin:0;padding:0} legend{border:0;padding:0;white-space:normal;*margin-left:-7px} button,input,select,textarea{padding:0;font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle} button,input{line-height:normal} button,select{text-transform:none} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible} button[disabled],html input[disabled]{cursor:default} input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;*height:13px;*width:13px} input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} textarea{overflow:auto;vertical-align:top} table{border-collapse:collapse;border-spacing:0} h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,object,iframe{margin:0;padding:0} ol,ul{list-style-type:none} .clear{clear:both;} svg{overflow:visible;} html{ font-size:62.5%; } html, body, .sw{ height:100%; background-color:#f9f9f9; } .sw{ overflow:hidden; } body.menu_open, body.login_open, body.share_open{ position: absolute; width: 100%; max-height: 100%; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .mobile{ display:block; } /* HEADER: stati */ #menu_handle, #search_handle, #close_search_handle, #nav a{ -webkit-tap-highlight-color: rgba(0,0,0,0); } #header, #header #default_view, #header #login_handle, #ameheader_tal, #search, svg path{ -webkit-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #header{ position:relative; top:0; width:100%; height:48px; background:#e75148; border-bottom:2px solid #e75148; overflow:hidden; z-index:1000; } /*#header.out, #audience.out, #header.in, #audience.in{ top:-50px; border-bottom:0 none; box-shadow: 0 0px 4px rgba(0,0,0,0.3); }*/ /*#header.in{ top:0; }*/ #header.search{ -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.5), 0 0px 4px rgba(0,0,0,0.3)!important; box-shadow: 0 0px 10px rgba(0,0,0,0.5), 0 0px 4px rgba(0,0,0,0.3)!important; } /* HEADER: contenuti */ #header > .sw{ position:relative; top:0; height:100%; background:#e75148; } #header #default_view{ position:absolute; top:0; width:100%; height:100%; background:#e75148; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } #header .head-title-wrapper{ margin:0 auto; width:76px; height:100%; background:url(/style/images/logo-cookaround.svg) center center no-repeat; background-size:76px auto; text-indent:-9999em; } #header .head-title-wrapper a{ display:block; width:100%; height:100%; } #menu_handle{ position:absolute; top:12px; left:5%; width: 30px; height: 30px; } #menu_handle svg path{ -webkit-transform-origin: 12px 12px; -ms-transform-origin: 12px 12px; transform-origin: 12px 12px; } /* HEADER: icona menù aperto */ .menu_open #menu_handle svg .x{ -webkit-transform: rotate(45deg) scale(1.3,1); -ms-transform:rotate(45deg) scale(1.3,1); transform:rotate(45deg) scale(1.3,1); } .menu_open #menu_handle svg .y{ -webkit-transform: rotate(-45deg) scale(1.3,1); -ms-transform:rotate(-45deg) scale(1.3,1); transform:rotate(-45deg) scale(1.3,1); } .menu_open #menu_handle svg .a{ opacity: 0; } .menu_open #menu_handle svg .b{ opacity: 0; } #search_handle{ position:absolute; top:9px; right:calc(5% - 4px); width:30px; height:30px; z-index:10; } #search_handle svg .circle{ fill: #e75148; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } #header.search #search_handle svg .circle{ fill:#7B6AA3; -webkit-transform: scale(4); -ms-transform: scale(4); transform: scale(4); opacity: 0; } #search_handle svg .lens{ -webkit-transform:translate(-3px,-3px); -ms-transform:translate(-3px,-3px); transform:translate(-3px,-3px); } #header.search #search_handle svg .lens{ opacity:0; } /* HEADER: search aperta */ #header.search #default_view{ top:48px; } #search{ position:absolute; top:-48px; width:100%; height:48px; background:#FFF; z-index:11; } #search .sw{ background:#FFF; } #header.search #search{ top:0; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } #search_trigger{ float:left; margin-top:6px; margin-left:calc(5% - 7px); } #search_close{ position:absolute; top:12px; right:calc(5% - 5px); z-index:10; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } #search_input{ float:left; margin:0 0 0 10px; padding:0; width:calc(90% - 60px); height:100%; font-family:sans-serif; font-size:16px; line-height:48px; border:0; } #nav{ position:fixed; left:-100%; width:100%; text-align:center; background:#FFF; z-index:13; overflow-y:auto } .menu_open #nav{ left:0; } #nav.animated{ -webkit-transition:left 300ms linear; -o-transition:left 300ms linear; transition:left 300ms linear; } #nav > .sw{ height:auto; overflow:visible; } .common_nav ul, .common_nav .nav_footer{ margin:0 5%; background:#FFF; } .common_nav .sw{ background:#FFF; padding-top: 30px } .common_nav a{ display:block; font-size:14px; font-weight:700; line-height:42px; color:#e75148; text-transform:uppercase; } .common_nav a.submenu, .common_nav a.submenu_sportello{ position:relative; } .common_nav a.submenu:after, .common_nav a.submenu_sportello:after{ content: ""; position: absolute; height: 2px; width: 6px; right: 0px; top: 20px; background: #e75148; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .common_nav a.submenu:before, .common_nav a.submenu_sportello:before{ content: ""; position: absolute; height: 2px; width: 6px; right: 3px; top: 20px; background: #e75148; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .common_nav li ul{ margin:0; padding:0; width:100%; overflow: hidden; border-bottom:1px solid rgba(255,255,255,0); -webkit-transition:height 300ms; -o-transition:height 300ms; transition:height 300ms; } .common_nav li ul.expanded, .common_nav ul.border{ margin-bottom:24px; border-bottom:1px solid #d6d7d9; } .common_nav ul.border{ padding-top:24px; } .common_nav li ul li:last-child, .common_nav ul.border li:last-child{ padding-bottom:24px; } .common_nav ul.social{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding:9px 0 22px; overflow:hidden; } .common_nav ul.social li{ float:left; width:45%; padding:10px 0; } .common_nav ul.social li:nth-of-type(2){ margin:0 5%; } .common_nav ul.border.social li:last-child{ padding-bottom:0; } .common_nav ul.social a{ padding:5px 0; line-height:normal; } .common_nav ul.social svg path{ fill:#e75148; } .common_nav .nav_footer{ padding-top:5px; padding-bottom:75px; } .common_nav .nav_footer svg{ width:104px; height:25px; } .common_nav .nav_footer svg path.logo-el{ fill:#000; } .common_nav .nav_footer p{ font-size: 11px; line-height: 15px; font-weight: bold; color:#000; opacity: 0.5; } #overlayer{ position:fixed; top:48px; right:0px; height:100%; width:100%; background-color:rgb(0,0,0); z-index:1; opacity: 0; overflow: hidden; -webkit-transition:opacity 300ms linear; -o-transition:opacity 300ms linear; transition:opacity 300ms linear; } @media all and (min-width: 650px) { .menu_open #overlayer, .login_open #overlayer, .share_open #overlayer{ opacity:.88; z-index:10; -webkit-transition:opacity 300ms linear; -o-transition:opacity 300ms linear; transition:opacity 300ms linear; } } .login_modal{ position:fixed; top:93px; right:-100%; width:100%; height:100%; background:#e75148; z-index:11; -webkit-transition:right 300ms linear; -o-transition:right 300ms linear; transition:right 300ms linear; } .login_open .login_modal{ right:0; } .login_modal_content{ padding:40px 5%; } .login_modal_chiudi{ position:absolute; top: 36px; right: 5%; } .login_modal_title{ color: #FFFFFF; font-size: 18px; margin-bottom: 10%; display: block; } .login_modal_input{ width: calc(100% - 32px); font-size: 16px; height: 42px; line-height: 42px; padding: 0 16px; border: none; border-radius: 3px; margin-bottom: 10%; color: #999999; } .login_modal_password{ display: none; } .login_open .login_modal_password{ display: block; } .login_modal_remind{ color:#FFF; font-size: 14px; margin-bottom: 26px; display: block; text-align: right; text-decoration:underline; } .login_modal_bottone{ display:block; width: 100%; font-size: 16px; height: 42px; line-height: 42px; text-align: center; text-transform: uppercase; color:#e75148; background: #fff; font-weight: bold; border-radius: 3px; border:0 none; margin-bottom: 25px; } .login_modal_registrati{ display: block; padding: 25px 0; font-size: 14px; color:#FFF; text-align: center; text-transform:uppercase; border-top:1px solid rgba(255,255,255,0.2); } .login_modal_registrati span{ text-decoration:underline; } .login_modal_registrati:before{ content:'Non sei iscritto? '; text-transform:none; } .login_modal.delay, #nav.animated.delay{ -webkit-transition-delay:300ms; -o-transition-delay:300ms; transition-delay:300ms; } /* STRUTTURA */ #page{ /*margin-bottom:50px; /*padding-top:95px;*/ position:relative; z-index:3; opacity: 0; -webkit-transition: opacity 150ms; -o-transition: opacity 150ms; transition: opacity 150ms; } @media only screen and (min-width: 1000px) { #page{ -webkit-transition: opacity .3s, margin-top 0s; -o-transition: opacity .3s, margin-top 0s; transition: opacity .3s, margin-top 0s; } } .menu_open #page{ z-index:12; } .container{ padding:25px 5%; background-color:#f9f9f9; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; -webkit-transition-timing-function: cubic-bezier(0.89,.005,.545,1); -o-transition-timing-function: cubic-bezier(0.89,.005,.545,1); transition-timing-function: cubic-bezier(0.89,.005,.545,1); } .grid .container{ background-position: 0 0; background-image: -webkit-linear-gradient(top,rgba(0,255,255,0.2) 0,rgba(255,255,255,0)1px),-webkit-linear-gradient(top,rgba(0,255,255,0.7) 0,rgba(255,255,255,0)1px); background-image: -o-linear-gradient(top,rgba(0,255,255,0.2) 0,rgba(255,255,255,0)1px),-o-linear-gradient(top,rgba(0,255,255,0.7) 0,rgba(255,255,255,0)1px); background-image: linear-gradient(to bottom,rgba(0,255,255,0.2) 0,rgba(255,255,255,0)1px),linear-gradient(to bottom,rgba(0,255,255,0.7) 0,rgba(255,255,255,0)1px); background-repeat: repeat-y,repeat-y; background-size: 100% 5px,100% 25px; } .left, .right{ width:100%; } /* FOOTER */ #footer{ position:relative; width:100%; color:#FFF; background:#e75148; z-index: 2; } #footer .sw{ background:#e75148; } #footer .container{ padding-top:5.7rem; background-color:transparent; } #footer .copy{ font-size:1.2rem; line-height:16px; color:#FFF; text-align:center; } #footer .copy .container{ padding-top:2.5rem; padding-bottom:2.5rem; } #footer strong{ display:block; margin: 0 auto 1.1rem; width: 76px; height: 48px; background: url(/style/images/logo-cookaround.svg) center center no-repeat; background-size: 76px auto; text-indent:-9999em; } #footer a{ color:#fff; } #footer .copy a{ text-decoration:underline; } #footer > .sw .container{ padding-top: 0px; } #footer dl{ font-size: 1.2rem; text-align: center; margin: 0 16%; line-height: 25px; } #footer dl.ls > dt{ display: none; } #footer dl dd{ display: inline-block; } #footer dl dd:before{ content: "|"; margin: 0 5px; } #footer dl > dt + dd:before{ content: ""; margin: 0; } /*#footer dl.ls dd:nth-child(4):before{ content: ""; margin: 0 5px 0 0; }*/ /* ADV */ .expanding{ position: fixed; bottom: 0; left: 0; -webkit-transform: translateY(calc(100% + 4px)); -ms-transform: translateY(calc(100% + 4px)); transform: translateY(calc(100% + 4px)); margin: 0; width: 100%; background: #FFF; -webkit-box-shadow: 0px -3px 3px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px -3px 3px 0px rgba(50, 50, 50, 0.75); z-index: 99; -webkit-transition: transform .5s ease-in-out; -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out; -webkit-transition-timing-function: cubic-bezier(0.89,.005,.545,1); -o-transition-timing-function: cubic-bezier(0.89,.005,.545,1); transition-timing-function: cubic-bezier(0.89,.005,.545,1); } .expanding.visible{ -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .strip { margin:0 auto; } #gpt_stripmobile{ margin:0 auto; width:320px; min-height:50px; } .strip div, #gpt_stripmobile div{ margin:0 auto; } .strip{ display:none; } .left .box300250{ position:relative; left:-5.714285714285714%; margin:0 0 2.6rem 0; width:100vw; } @media only screen and (max-width: 480px){ .left .box300250 { position: initial; width: 100vw; max-width: 300px; margin: 0 auto 2.6rem auto; left: 0; } } @media only screen and (max-width: 320px){ .left .box300250 { position: relative; left: -2.5%; width: 100vw; max-width: 300px; margin: 0 0 2.6rem 0; } } .left .box300250 div{ margin:0 auto; width:300px; } /* SIDEBAR */ .right .box{ margin:2.5rem 0 0; padding: 0 8.0555555555055556% 11px; border: 1px solid #d4d4d4; } .right .box dt, .right .box h4{ position: relative; margin-bottom: 16px; font: 700 30px/59px 'Amatic SC'; color: #e75148; text-align: center; border-bottom: 1px solid #d4d4d4; } .right .box dt:after, .box h4:after { content: ''; position: absolute; margin-left: -22px; width: 33px; height: 4px; bottom: -1px; left: 50%; background: url(https://www.cookaround.com/style/images/zigzag.png) repeat-x #F9F9F9; border-right: 6px solid #F9F9F9; border-left: 6px solid #F9F9F9; } .forum li { margin-bottom: 16px; padding: 0 30px 14px; border-bottom: 1px solid #d6d7d9; } .forum li.top { padding-bottom: 18px; } .forum li:last-of-type { padding-bottom: 0; border-bottom: 0 none; } .forum .top .post { margin: 0 0 5px; font-size: 22px; } .forum .post { font: 700 15px 'Droid Serif'; color: #424d55; } .forum span { color: #e75148; } /* LANCIO SPECIALE */ .lancio-speciale{ margin-top:1px; height:42px; background:#FFF; overflow:hidden; } .lancio-speciale a, .lancio-speciale p{ float:left; padding:0 2.5%; width:calc(90% - 59px - 70px); height:42px; font: 700 1.8rem 'Lato'; color:#424d55; line-height:42px; white-space:nowrap; overflow:hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .lancio-speciale:before{ content:'Speciale'; float:left; padding:0 2.5%; height:100%; font-weight:400; font-family:'Amatic SC'; font-size:24px; color:#FFF; line-height:42px; background:#e75148; } span.lancio-speciale-logo { height: 42px; width: 70px; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .lancio-speciale .lancio-speciale-logo a, .lancio-speciale .lancio-speciale-logo img { width: auto; margin: 0; padding: 0; max-height: 35px; max-width: 70px; } /* R-CAT */ .r-cat{ display:block; margin:-15px 0 0; text-align:center; } .r-cat strong{ display: inline-block; margin: 0 auto; padding: 0 20px; font: 700 1rem/2.5rem Lato; color: #FFF; text-decoration: none; text-transform: uppercase; background: #e75148; position: relative; } .r-cat strong:before, .r-cat strong:after{ content: ''; position: absolute; top: 0; } .r-cat strong:before{ left: -10px; border-bottom: 2.5rem solid #e75148; border-left: 10px solid transparent; } .r-cat strong:after{ right: -10px; border-top: 2.5rem solid #e75148; border-right: 10px solid transparent; } /* BOX 300x100 */ .speciali{ overflow:hidden; } .speciali dt{ margin:0 0 2.5rem; /* 19 */ padding:0; /* 6 */ font-weight:400; font-family:'Amatic SC'; font-size:3.4rem; /* 16 */ line-height:5rem; /* 25 */ color:#e75148; text-align:center; background:url(https://www.cookaround.com/style/images/zigzag.png) 0 24px repeat-x; } .speciali dt span{ display: inline-block; margin: 0 auto; padding: 0 20px; min-width: 140px; background:#f9f9f9; } .speciali dd{ margin:0 0 2.5rem; overflow:hidden; position:relative; } .speciali dd:last-of-type{ margin:0; border-bottom:0 none; } .speciali .i{ float:left; margin-right:1rem; width:15.6rem; height:10rem; overflow:hidden; } .speciali .i img{ display:block; width:100%; } .speciali .t{ float: left; padding-top: .6rem; width: calc(100% - 166px); font-weight: 700; font-size: 1.6rem; line-height: 2.5rem; font-family: 'Droid Serif'; color: #424d55; } .speciali .s{ float:left; position:relative; width:100%; height:25px; text-align:right; } .speciali .s:before{ content:'offerto da:'; position:absolute; top:50%; right:55px; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); color: #424d55; } .speciali .s img{ display:inline-block; height:25px; } .skin_hide{ width:0; height:0; overflow:hidden; } /* Icona video in loop */ .loopimg.pvideo:before{ content:' '; position:absolute; top:17px; left:23px; width:55px; height:39px; background:url(/style/images/sidebar-vicon.png) 0 0 no-repeat; border:2px solid #FFF; z-index:2; } /* EBOOKS sidebar */ .ebookside{ margin-bottom:2.9rem; width:100%; background:#eae8e8; text-align:center; } .ebookside .ebookside-header{ margin: 0 2rem 2.5rem; padding: 0; font-weight: 400; font-family: 'Amatic SC'; font-size: 3.4rem; line-height: 5rem; color: #e75148; text-align: center; background: url(https://www.cookaround.com/style/images/zigzag.png) 0 24px repeat-x; } .ebookside .ebookside-header strong{ display: inline-block; margin: 0 auto; padding: 0 20px; min-width: 140px; background: #eae8e8; } .ebookside .eimg{ display:block; margin-bottom:1rem; text-align:center; } .ebookside .eimg img{ border:2px solid #FFF; width: 210px; } .ebookside .ebookside-booktitle{ margin-bottom:1rem; font-weight: 700; font-size: 1.8rem; line-height: 2.5rem; font-family: 'Droid Serif'; } .ebookside .ebookside-booktitle a{ color: #424d55; } .ebookside .ebookside-booktitle a:hover{ color:#e75148; } .ebookside .vt{ display:block; padding-bottom:1.5rem; font-size:1.4rem; font-weight:700; line-height:2.5rem; color: #e75148; text-transform:uppercase; } .ebookside .vt:hover{ color:#a72b24; } /* static header */ .static-header #header{ position: relative; top: 0; -webkit-transition: none; -o-transition: none; transition: none; } /*.static-header #header.out, .static-header #audience.out, .static-header #header.in, .static-header #audience.in{ top:auto; border-bottom:0 none; box-shadow: 0; }*/ .static-header div#audience { position: relative; } /* .menu_open.static-header #header, .login_open.static-header #header, .share_open.static-header #header{ position: fixed; top: 45px; } */ .menu_open.static-header #audience, .login_open.static-header #audience, .share_open.static-header #audience{ position: fixed; top: 0; z-index: 13; } .static-header #page{ padding-top: 0; margin-bottom: 0; } .menu_open.static-header #page, .login_open.static-header #page, .share_open.static-header #page{ padding-top: 95px; } /* end static header */ /* mobile push rewrite */ .mobile-push .expanding{ position: relative; background:#000; background-size:100% auto; -webkit-box-shadow:0 0 0; box-shadow:0 0 0; -webkit-transition: none; -o-transition: none; transition: none; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 1001; } .mobile-push .expanding.visible{ -webkit-transform: none; -ms-transform: none; transform: none; } .menu_open.static-header .expanding, .login_open.static-header .expanding, .share_open.static-header .expanding{ z-index: 10; } .mobile-push .strip, .strip.bottom{ display: block; } #gpt_stripmobile.hidden, .mobile-push #gpt_stripmobile{ display: none; } /* end mobile push rewrite */ @media only screen and (min-width: 321px){ .left .box300250{ margin:0 auto 2.6rem;/* 25 */ } /* BOX SPECIALI */ .speciali .t{ padding-top: .6rem; font-size: 1.8rem; } } @media only screen and (min-width: 568px){ /* BOX SPECIALI */ .speciali .t { padding-top: .4rem; font-size: 2.2rem; } .speciali .s{ float:none; position:absolute; bottom:0; right:0; width:calc(100% - 166px); height:25px; text-align:right; } } @media only screen and (min-width: 671px){ /* STRUTTURA */ #page, .static-header #page{ margin-bottom:90px; } .container{ padding:2.5rem 5rem; } /* ADV */ .expanding{ bottom: -94px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #gpt_stripmobile{ display:none; } .strip{ display:block; width:100%; height:auto; text-align:center; } /* BOX SPECIALI */ .speciali .t{ padding-top: .6rem; font-size: 1.6rem; line-height: 2.5rem; } .speciali .s{ float:left; position:relative; width:100%; height:25px; text-align:right; } #footer dl.ls dd:nth-child(4):before{ content: "|"; margin: 0 5px; } } .static-container{ position:relative; z-index:4; } .flying-container{ width:100%; opacity:1; } .pushing .flying-container{ position:fixed; top:0;left:0; z-index:100000000000000; } .hiding .flying-container{ position:fixed; opacity:0; -webkit-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out; } @media only screen and (min-width: 950px){ .mobile{ display:none; } #page, .static-header #page{ margin-bottom:0; } .menu_open #page{ z-index:2; } .strip{ width:980px; } #header{ position:relative; height:66px; } /*#header.out{ top:-68px; }*/ #header .head-title-wrapper { width:300px; background-size:auto auto; } #menu_handle{ top:21px; left:2.5%; } #menu_handle:after{ content: "MENU"; position: absolute; top:5px; left:35px; font-family:sans-serif; font-size: 12px; color:#FFF; text-align: right; } .menu_open #menu_handle { top: 20px; left: 315px; } .menu_open #menu_handle:after{ content: "CHIUDI"; top: 15px; left: -8px; font-size: 12px; font-weight: 300; } .menu_open.static-header #header, .login_open.static-header #header, .share_open.static-header #header{ position: relative; top: 0; } .menu_open.static-header #audience, .login_open.static-header #audience, .share_open.static-header #audience{ position: relative; } #search_handle{ top:18px; right:2.5%; } #header #login_handle{ position: absolute; top:18px; right: calc(42px + 2.5%); height: 30px; background:#FFF; border-radius: 30px; overflow: hidden; opacity:0; z-index:-1; } #header p#login_handle{ line-height: 32px; color: #e75148; padding: 0 16px; font-size: 12px; font-family:sans-serif; font-weight: bold; } #header #login_handle.active{ opacity:1; z-index:1; } #header #login_handle svg{ position: absolute; top: 5px; right: 4px; } #header a#login_handle:before{ content: "ACCEDI"; line-height: 32px; color: #e75148; padding: 0 36px 0 16px; font-size: 12px; font-family:sans-serif; font-weight: bold; } #header.search #default_view{ top:66px; } #search{ top:-66px; height:66px; } #search_trigger{ margin-top:16px; margin-left:1.8%; } #search_close{ top:22px; right:2.8%; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } #search input{ font-size:22px; line-height:66px; color:#333; } #nav{ position:relative; top:0; left:0; /*padding-top:66px;*/ width:100%; height:48px; background:#FFF; opacity:1; z-index:3; overflow:visible; } #nav.animated{ -webkit-transition:all 0ms; -o-transition:all 0ms; transition:all 0ms; } .common_nav ul{ margin:0; } #nav ul.border, #nav .nav_footer{ display:none; } .common_nav li{ position:relative; display:inline-block; margin:0 15px; line-height:48px; } .common_nav a{ display:block; line-height:48px } .common_nav a:hover{ opacity: 0.5; } .common_nav a.submenu, .common_nav a.submenu_sportello{ padding-right:14px; } .common_nav a.submenu:after, .common_nav a.submenu_sportello:after{ right: 0px; top: 23px; } .common_nav a.submenu:before, .common_nav a.submenu_sportello:before{ right: 3px; top: 23px; } .common_nav li.selected:after{ content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#e75148; } .common_nav ul.social svg path{ fill:#FFF; } .common_nav .nav_footer svg path.text{ fill:#FFF; } .common_nav .nav_footer p{ color:#FFF; } #nav li ul{ position: absolute; top: 45px; margin-left: -12px; width: auto; height: 0; min-width: 200px; text-align:left; background: #FFFFFF; border-bottom:0 none; border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.07), 0 0px 8px rgba(0,0,0,0.2); box-shadow: 0 0 20px rgba(0,0,0,0.07), 0 0px 8px rgba(0,0,0,0.2); opacity: 0; overflow: hidden; z-index:11; -webkit-transition: margin 300ms 100ms, opacity 300ms 100ms; -o-transition: margin 300ms 100ms, opacity 300ms 100ms; transition: margin 300ms 100ms, opacity 300ms 100ms; } #nav li:hover ul{ opacity:1; margin-left:0; padding:6px 0; height:auto; border-top: 3px solid #e75148; } .common_nav li ul{ -webkit-transition: height 300ms,padding 300ms; -o-transition: height 300ms,padding 300ms; transition: height 300ms,padding 300ms; } .common_nav li ul.expanded{ padding:0 0 0 24px; } .common_nav li ul li{ display:block; } #nav li ul li.onlyif{ display:none; } .common_nav li ul a{ display:block; line-height:48px; height:45px; color:#e75148; white-space:nowrap; } .common_nav.animated_nav ul, .common_nav.animated_nav .nav_footer{ background:#e75148; } #overlayer{ top:0; } .animated_nav{ position:fixed; top:0; left:-30px; width:100%; height:100%; z-index:1; opacity:0; -webkit-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } .animated_nav .sw{ background:transparent; overflow:visible; } .menu_open .animated_nav{ left:0; z-index:11; opacity:1 } .sportello{ padding:50px 2.5% 0 2.5%; width:320px; height:100%; background:#e75148; overflow-y:auto; } .sportello:before{ content: ""; position: absolute; height: 100%; width: 1000px; left: -1000px; top: 0px; background:#e75148; } .sportello_click{ position:absolute; top:0; left: 370px; width: 1000px; height: 100%; } .sportello > .sw{ height:auto; } .sportello li{ display:block; margin:0; } .common_nav.animated_nav a{ color:#FFF; } .common_nav.animated_nav a.submenu:before, .common_nav.animated_nav a.submenu:after, .common_nav.animated_nav a.submenu_sportello:before, .common_nav.animated_nav a.submenu_sportello:after{ background:#FFF; } .sportello li.selected:after{ content:none; } .sportello ul.social li { width:auto; } .sportello .nav_footer{ margin:0; padding-bottom:10px; } .login_modal{ top:-100%; left:50%; right:auto; margin:-200px 0 0 -160px; width:320px; height:400px; -webkit-transition:margin-left 300ms linear 500ms; -o-transition:margin-left 300ms linear 500ms; transition:margin-left 300ms linear 500ms; } .login_modal:before{ content:''; position:absolute; top:0; left:0; width:320px; height:400px; background:url(/style/images/login-default.jpg) 0 0 no-repeat; } .login_open .login_modal{ display:block; top:50%; margin-left:0; right:auto; } .login_modal.delay{ -webkit-transition-delay:500ms; -o-transition-delay:500ms; transition-delay:500ms; } .login_open .login_modal:before{ left:-320px; -webkit-transition:left 300ms linear 500ms; -o-transition:left 300ms linear 500ms; transition:left 300ms linear 500ms; } .login_modal_content{ padding:10%; } .login_modal_chiudi{ position: absolute; top: 27px; right: 10%; } /* FOOTER */ #footer .container{ display:-webkit-box; display:-ms-flexbox; display:flex; padding:3.2rem 2.5rem; background-color:transparent; } #footer > .sw .container{ padding-top: 3.2rem; } #footer dl{ -webkit-box-flex:1; -ms-flex:1; flex:1; font-size:1.4rem; line-height:25px; text-align: left; margin: 20px auto 0 auto; } #footer dt{ font-weight:700; text-transform:uppercase; } #footer dl.ls > dt{ display: block; } #footer dl dd{ display: block; } #footer dl dd:before, #footer dl.ls dd:nth-child(4):before{ content: ""; margin: 0; } #footer .network, #footer .network .sw, #footer .network .container{ display:block; background-color:#FFF; } #footer .copy{ font-size:1.2rem; line-height:18px; color:#ccc; background:#1c1c1c; text-align:left; } #footer .copy .container{ padding:1rem 2.5rem .5rem; } #footer .copy .sw{ background:#1c1c1c; } #footer .copy strong{ display: inline; margin: 0 5px 0 0; width: 150px; font-weight: 700; text-indent: -9999px; } #footer .network .container{ padding:2.5% 0; } #footer .network .ntitle{ float:left; margin:.3rem 0 2.2rem; width:100%; font-size:2.2rem; color:#000; text-transform:uppercase; text-align:center; overflow:hidden; } #footer .network .ninner{ float:left; width:100%; overflow:hidden; } .networkboxes{ margin:0 0 5%; width:100%; overflow:hidden; } .networkbox{ float:left; margin:0 0 0 2.5%; width:17%; height:160px; } #footer .network .box{ float:left; margin:0 2.5% 0 0; width:17%; height:160px; position:relative; bottom:-30px; opacity:0; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; } #footer .network.visible .box{ bottom:0; opacity:1; } #footer .network .box:before{ position:absolute; top:0; left:0; width:100%; height:100%; content:''; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; } #footer .network .box .logo{ position:relative; display: block; margin:0 auto; width:100%; height:100%; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; } #footer .network .box:hover:before, #footer .network .box:hover .logo{ opacity:0; } #footer .network .box.giallozafferanoSite:before{ background-color:#FAFAF6; } #footer .network .box.giallozafferanoSite .logo{ background: url("http://d.debugme.com/universal09/images/logo-giallozafferano.svg") center center no-repeat; width: 90%; background-size:contain; } #footer .network .box.pianetadonnaSite{ -webkit-transition-delay:200ms; -o-transition-delay:200ms; transition-delay:200ms; } #footer .network .box.pianetadonnaSite:before{ background-color:#FFF; } #footer .network .box.pianetadonnaSite .logo{ background: url("http://d.debugme.com/universal09/images/logo-pianetadonna.svg") center center no-repeat; width: 90%; background-size:contain; } #footer .network .box.ilpostSite{ -webkit-transition-delay:400ms; -o-transition-delay:400ms; transition-delay:400ms; } #footer .network .box.ilpostSite:before{ background-color:#2da8c6; } #footer .network .box.ilpostSite .logo{ background: url("http://d.debugme.com/universal09/images/logo-ilpost.svg") center center no-repeat; width: 90%; background-size:contain; } #footer .network .box.cookaroundSite{ -webkit-transition-delay:600ms; -o-transition-delay:600ms; transition-delay:600ms; } #footer .network .box.cookaroundSite:before{ background-color:#e75148; } #footer .network .box.cookaroundSite .logo{ background: url("/style/images/logo-cookaround.svg") center center no-repeat; width: 90%; background-size:contain; } #footer .network .box.studentiSite{ -webkit-transition-delay:800ms; -o-transition-delay:800ms; transition-delay:800ms; } #footer .network .box.studentiSite:before{ background-color:#364147; } #footer .network .box.studentiSite .logo{ background: url("http://d.debugme.com/universal09/images/logo-studenti.svg") center center no-repeat; width: 90%; background-size:contain; } #footer .network .box .text{ height: 100%; width: 100%; color: #333333; font-weight: bold; text-align: center; opacity: 0; display: table; position: absolute; top: 0px; left: 0px; line-height: 40px; font-size: 14px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; } #footer .network .box:hover .text{ opacity: 1; -webkit-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; line-height: 20px; } #footer .network .box .textInner{ height: 90%; width: 90%; padding: 5%; display: table-cell; vertical-align: middle; } #footer .network .box .textInner b{ background-color: #ec4705; color: #FFFFFF; padding: 2px 12px; border-radius: 16px; margin-top: 18px; font-size: 11px; display: inline-block; line-height: 20px; cursor: pointer; } #footer .network .box:nth-of-type(1) { margin:0 2.5%; background-size:contain; } #footer a:hover{ color:#a72b24; } #footer p a:hover{ color:#e75148; } /* STRUTTURA */ #page, .static-header #page{ padding-top:0; } .sw{ margin:0 auto; max-width: 1000px; position:relative; } .common_nav .sw { padding-top: 0; } .menu_open .common_nav .sw { margin: 0; } .container{ padding:2.5rem; /* 30 */ overflow:hidden; } .left{ float:left; width:65.78947368421053%; /* 750 / 1140 */ } .right{ float:right; width:31.57894736842105%; /* 360 / 1140 */ position:relative; } #jump{ margin-top:900px; overflow:hidden; } /* ADV */ .expanding{ overflow: hidden; } .left .box300250{ display:none; } .right .box300250{ position:absolute; top:0; } .right .box{ margin:0 0 40px; } /* LANCIO SPECIALE */ .lancio-speciale{ margin-top:0; } .lancio-speciale a:hover{ color:#e75148; } /* BOX SPECIALI */ .speciali{ padding-bottom:20px; } .speciali dd{ float:none; margin-bottom:2.4rem; width:100%; } .speciali dd:nth-of-type(even){ float:none; } .speciali .i{ margin-top: .1rem; } .speciali .t{ padding-top:.7rem; } .speciali .t:hover, .forum .post:hover{ color:#e75148; } } @media only screen and (min-width: 1025px){ #page, .static-header #page, .menu_open.static-header #page, .login_open.static-header #page, .share_open.static-header #page{ padding-top:5rem; position:relative; } #page:before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(https://www.cookaround.com/style/images/ImgBackground.jpg); background-position:center 0; background-repeat:no-repeat; background-size:100% auto; opacity:0; -webkit-transition:opacity 1.5s linear; -o-transition:opacity 1.5s linear; transition:opacity 1.5s linear; } .bg #page:before{ opacity:1; } /* ADV */ .expanding{ position:static; /*padding:1% 0;*/ background:#000; background-size:100% auto; -webkit-box-shadow:0 0 0; box-shadow:0 0 0; } } @media only screen and (min-width: 1500px){ html{ font-size:75%; } .sw{ max-width: 1200px; } .grid .container{ background-size: 100% 6px,100% 30px;background-position: 0 0px; } .common_nav li{ margin:0 20px; } #footer dl{ line-height:30px; } #footer dt{ padding:.2rem 0 2.3rem; } #footer .copy{ line-height:20px; } #footer .network .ntitle{ margin:.4rem 0 2rem; } /* ADV */ .box300250{ padding:30px; width:300px; background:#bfbfbf; } /* BOX SPECIALI */ .speciali dt{ margin-bottom:2rem; padding-top:0.5rem; background-position:0 35px; } .speciali dd{ margin-bottom:30px; } .speciali .i{ float: left; margin-right:1rem; width: 11.66666666666667rem; height: 7.5rem; overflow: hidden; } .speciali .t{ padding-top:0.8rem; letter-spacing:-1px } .speciali .s, .speciali .s img{ height:30px; } } /*nav#nav.in { top: 48px; }*/ h1#mobfix { margin-top: -2.5rem; } @media only screen and (min-width: 950px){ #header { top:0; } #nav { top: 0; } h1#mobfix { margin-top: 0; } } /* TAL */ .ameheader_tal { background: #000; font-size: 14px; font-family: Arial; font-weight: 400; color: #999; height: 40px; line-height: 40px; margin: 0; padding: 0; text-align: center; } .ameheader_tal::before { content: 'Questo sito contribuisce alla audience di'; margin-right: 15px; display: inline-block; line-height: 40px; vertical-align: middle; } .ameheader_tal img { height: 36px; vertical-align: top; } @media only screen and (max-width: 480px){ .ameheader_tal { height: 45px; line-height: 45px; position: relative; width: 100%; top: 0; z-index: 10; } /*#ameheader_tal.out { top: -45px; } #ameheader_tal.in { top: 0px; }*/ /*#header.in { top: 45px; }*/ .ameheader_tal::before { content: ''; } .ameheader_tal img { height: 41px; } /*.static-header #header { transition: all 300ms; position: fixed; top: 45px; }*/ /*.static-header #header.out { top: -50px; } .static-header #header.in { top: 45px; }*/ } /* tpl page 404 */ #notfound { background: #fff; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center; } #notfound h1 { display: none; } #notfound h2.asatitle { display: block; margin: 5rem 0 1.5rem; padding: 0; font-weight: 400; font-family: 'Amatic SC'; font-size: 6.55rem; line-height: 5rem; color: #e75148; text-align: center; } #notfound h2.asatitle:after { content: ' '; background: url(https://www.cookaround.com/style/images/zigzag.png) 0 20px repeat-x; height: 24px; width: 275px; display: block; margin: 0 auto; } #notfound p { font-size: 1.5rem; font-weight: 700; font-family: 'Droid Serif', serif; letter-spacing: 0; line-height: 3rem; color: #424d55; } #notfound p.nd a { background: #e75148; color: #fff; padding: 0.75rem 2rem; border-radius: 2px; text-transform: uppercase; font-family: 'Lato',sans-serif; font-size: 1.15rem; line-height: 1.75rem; margin: 3rem auto 10rem auto; display: inline-block; } #notfound #jump { margin-top: 400px; } .wrapStickyTopBox { width: 100%; position: relative; z-index: 90; } .stickyTopBox { width: 100%; background: rgba(0, 0, 0, 0); -webkit-transition: background 150ms ease-in-out; -o-transition: background 150ms ease-in-out; transition: background 150ms ease-in-out; } .stickyTopBox.inTop { /*background: rgba(108,162,0,.7);*/ background: rgba(0, 0, 0, 0.8); opacity: 1; -webkit-transition: opacity 150ms ease-in-out; -o-transition: opacity 150ms ease-in-out; transition: opacity 150ms ease-in-out; padding-top: 10px; padding-bottom: 30px; } .stickyTopBox.inTop .triggerStickyTopBoxMobile#gpt-300250-mobile-container { margin: 0; margin-left: -150px; left: 50%; width: 300px; padding-bottom: 0; border: none; position: relative; } .stickyTopBox.inTop.stickyFade { opacity: 0; } .inTop { position: fixed; top: 0px; left: 0; width: 100%; } .stickyBoxCounter { display: none; } .inTop .stickyBoxFooter { position: relative; height: 30px; } .inTop .stickyBoxCounter { height: 30px; line-height: 30px; text-align: center; color: #ccc; font-size: 12px; font-weight: 400; display: block; } .inTop .stickyBoxCounter:before { content: "Si chiuderà in "; } .inTop .stickyBoxCounter:after { content: " sec."; } .inTop .stickyBoxClose { width: 40px; height: 40px; text-align: center; background: #000; position: absolute; bottom: -20px; right: 10px; display: block; text-decoration: none; border-radius: 50%; } .inTop .stickyBoxClose:after, .inTop .stickyBoxClose:before { position: absolute; content: ''; top: 19px; left: 7px; height: 2px; width: 25px; background-color: #FFFFFF; display: block; } .inTop .stickyBoxClose:after{ -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .inTop .stickyBoxClose:before{ -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } /*flying video*/ .placeholderFV { width: 100%; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-color: #f2efea; background-repeat: no-repeat; background-position: 50% 50%; background-size: 120px 120px; } .flyingVideo { width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } .flyingVideo.flying { position: fixed; z-index: 10000; border: 10px solid rgba(0,0,0,1); -webkit-transform: translate3d(0,0,0) scale(.6); transform: translate3d(0,0,0) scale(.6); -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; bottom: 60px; right: 20px; opacity: 0; } .flyingVideo.flying.show { -webkit-transition: opacity 150ms ease-in-out; -o-transition: opacity 150ms ease-in-out; transition: opacity 150ms ease-in-out; opacity: 1; } .flyingVideo.flying.show .goHomeFV { background: url('data:image/svg+xml,') no-repeat #000; background-size: 40px auto; background-position: 50% 50%; position: absolute; width: 60px; height: 60px; top: -80px; right: -8px; cursor: pointer; opacity: 0; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .flyingVideo.flying.show .goHomeFV.visible { opacity: 1; } .flyingVideo.flying.show .fullScreenFV { background: url('data:image/svg+xml,') no-repeat #000; background-size: 40px auto; background-position: 50% 50%; position: absolute; width: 60px; height: 60px; top: -80px; right: 70px; cursor: pointer; opacity: 0; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .flyingVideo.flying.show .fullScreenFV.visible { opacity: 1; } .flyingVideo.flying .containervideo { padding: 0!important; } .flyingVideo .meride-video-container { /*width: 100%!important;*/ } .flyingVideo.flying .targetFV { height: auto; margin: 0; } @media only screen and (min-width: 800px){ .flyingVideo { width: auto; margin: 0; } } /*end flyingVideo*/ /*flyingPush*/ .targetFlyingPushdown{ margin: 0 auto; } .pushTitle{ display: block; text-transform: uppercase; font-family: sans-serif; font-size: 14px; color: #FFF; line-height: 30px; height: 30px; margin: 0 auto; text-align: center; } .placeholderFlyingPushdownMobile, .placeholderFlyingPushdown.active { background-color: #000; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 120px 120px!important; } .flyingPush{ border: 0 solid rgba(123, 106, 163,.7); } .flyingPushMobile{ position: absolute; top: 0; left: 0; width: 100%; max-width: 360px; border: 0 solid rgba(0, 0, 0,.7); } .flyingPushMobile > iframe{ width: 100%; max-width: 360px; } .flyingPush.flying, .flyingPushMobile.flying { position: fixed; z-index: 10000; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; bottom: 50px; right: 50px; opacity: 0; border: 10px solid rgba(0,0,0,1); -webkit-transition: opacity 0 ease-in-out; -o-transition: opacity 0 ease-in-out; transition: opacity 0 ease-in-out; } .flyingPush.flying.small, .flyingPushMobile.flying.small { opacity: 1; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; } .flyingPush.flying.small { width: 445px; } .flyingPushMobile.flying.small{ background-color: #000; top: auto; left: auto; right: 5vw; width: 360px; height: 203px; -webkit-transform: scale(.6); -ms-transform: scale(.6); transform: scale(.6); border: 10px solid rgba(0,0,0,.9) !important; } .flyingPushMobile.flying.small.hidden{ -webkit-transition: right 300ms ease-in-out; -o-transition: right 300ms ease-in-out; transition: right 300ms ease-in-out; right: -100%; } .flyingPushMobile.flying.small > iframe{ width: 360px; height: 203px; } .flyingPush.flying.small > div { overflow: hidden; width: 100%; } .flyingPush.flying > div { width: 445px; } .flyingPush.flying .containervideo, .flyingPushMobile.flying .containervideo{ padding: 0!important; } .placeholderFlyingPushdownMobile { position: relative; margin: 0 auto; width: 90%; max-width: 360px; max-height: 0; overflow: hidden; -webkit-transition: max-height 300ms ease-in-out; -o-transition: max-height 300ms ease-in-out; transition: max-height 300ms ease-in-out; } .placeholderFlyingPushdownMobile.rendered{ max-height: 220px; padding-bottom: 15px; } .placeholderFlyingPushdownMobile:before { content: ''; display: block; padding-top: 56.25%; } .flyingPushMobile.flying .media { margin-bottom: 0; } .goHome, .goHomeResize { height: 50px; width: 50px; display: none; opacity: 0; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; position: absolute; right: -10px; top: -70px; } .flyingPushMobile .goHome, .flyingPushMobile .goHomeResize{ background: rgba(0, 0, 0,1); } .goHome svg{ width: 100%; height: 100%; display: block; } .goHomeResize svg { margin: 0 auto; width: 70%; height: 100%; display: block; } .goHomeResize { right: 50px; } .flying.small .goHome, .flying.small .goHomeResize { display: block; opacity: 1; cursor: pointer; background: #000; } .goTop{ height: 40px; width: 40px; display: block; background: rgba(0,0,0,.5); border-radius: 4px; position: fixed; bottom: 53px; right: 5vw; opacity: 0; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transition: opacity 300ms ease-in-out 300ms, -webkit-transform 300ms ease-in-out 300ms; transition: opacity 300ms ease-in-out 300ms, -webkit-transform 300ms ease-in-out 300ms; -o-transition: opacity 300ms ease-in-out 300ms, transform 300ms ease-in-out 300ms; transition: opacity 300ms ease-in-out 300ms, transform 300ms ease-in-out 300ms; transition: opacity 300ms ease-in-out 300ms, transform 300ms ease-in-out 300ms, -webkit-transform 300ms ease-in-out 300ms; z-index: 10000; } .goTop:before{ content: ''; display: block; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 16px solid #FFF; position: absolute; top: 10px; left: 8px; } .goTop.rendered{ -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .mobile-push .strip{ display: block; } .mobile-push .expanding{ position: static; } .mobile-push #page{ margin-bottom: 0; } @media only screen and (min-width: 950px){ .strip{ display: block; } .targetFlyingPushdown{ margin: 0 auto; } .placeholderFlyingPushdown.active{ height: 250px; } .mobile-push .expanding{ position: static; } .goHome, .flyingPushMobile .goHomeResize { height: 30px; width: 30px; top: -50px; } .flyingPushMobile .goHomeResize { right: 30px; } } .expanding{ -webkit-transform: none; -ms-transform: none; transform: none; } .advCollapse { height: 0; overflow: hidden; } .av-pushdown-wrapper { background-color: #000; position: relative; z-index: 4; } /* MESSAGE SUCCESS */ .message-success { -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; left: 50%; bottom: 20px; -webkit-transform: translate(-50%, 100px); -ms-transform: translate(-50%, 100px); transform: translate(-50%, 100px); width: 90%; max-width: 700px; background: #e75148; z-index: 10000; text-align: center; border-radius: 2px; color: white; padding: 25px; line-height: 1.2em; font-size: 18px; -webkit-transition: -webkit-transform 1s cubic-bezier(.91,.8,.54,1.39); transition: -webkit-transform 1s cubic-bezier(.91,.8,.54,1.39); -o-transition: transform 1s cubic-bezier(.91,.8,.54,1.39); transition: transform 1s cubic-bezier(.91,.8,.54,1.39); transition: transform 1s cubic-bezier(.91,.8,.54,1.39), -webkit-transform 1s cubic-bezier(.91,.8,.54,1.39); } .message-success.visible { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .message-success a { color: #fff; text-decoration: underline; } .message-success .close-message { position: absolute; right: 3px; top: 3px; width: 20px; height: 20px; opacity: 0.6; cursor:pointer; } .message-success .close-message:hover { opacity: 1; } .message-success .close-message:before, .message-success .close-message:after { position: absolute; left: 10px; content: ' '; height: 21px; width: 1px; background-color: #fff; } .message-success .close-message:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .message-success .close-message:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }